/*                     (0 0)
   +-------------oOO----(_)-----------------+
   |  * File name  : layout.css 
   |  * Info       : Chinakewei Inc
   |  * Writer     : Flying  
   |  * Date       : 2022.12.28
   |  * Powered By KEW - www.chinakewei.net 
   +--------------------------oOO-----------+
                      |__|__|
                       || ||
                      ooO Ooo
*/
@import url("fonts.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding: 0px; border: 0; font-size: 100%; outline: none;   /*-webkit-transition: opacity 400ms;  -moz-transition: opacity 400ms;  transition: opacity 400ms;*/ }
html { font-size: 100%!important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body{font: 14px/180% "Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif;  margin: 0 auto; color: #333; background: #f6f6f6; -webkit-tap-highlight-color:rgba(0,0,0,0);  *cursor: default;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
em{font-style: normal;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; vertical-align: middle;}
input{ outline: none; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea {-webkit-appearance: none; border-radius: 0; outline: none;  font-family:"Microsoft Yahei"}
::-moz-selection { background: #338fff; color: #fff; text-shadow: none; }
::selection { background: #338fff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: /*pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;*/}
a:link, a:visited { text-decoration: none; color:#333;}
a:active, a:hover { text-decoration: none; outline:none; color:#f1010c;}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/*在线客服*/
.floating_ck{position:fixed;right:10px;top:40%; z-index: 111; border-radius: 4px;}
.floating_ck dl dd{position:relative;width:50px;height:50px;background-color:#222; border-bottom:0; text-align:center; background-repeat:no-repeat; background-position:center 50%;cursor:pointer; margin-bottom: 1px; }
.floating_ck dl dd:hover,#cur{background-color:#f1010c;border-bottom:0;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../image/zxicon.png);}
.quote{background:url(../image/kficon.png);}
.qrcord{background:url("../image/wechat.png");}
.gzh{background:url("../image/wechat.png");}
.consult{background:url("../image/wechat.png");}
.words{background:url("../image/wechat.png");}
.return{background:url(../image/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:45px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:50px; line-height: 50px; color: #fff; font-weight: bold; font-size: 15px; background-color:#f1010c;border-bottom:solid 0 #f1010c;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:230px;top:-180px;}
.floating_ewm i{background-image:url(../image/wechat.jpg);display:block;width:150px;height:150px;margin:auto;margin-top:4px;}
.floating_gzh{height:230px;top:-180px;}
.floating_gzh i{background-image:url("../image/wechat-yewu-2.jpg");display:block;width:150px;height:150px;margin:auto;margin-top:4px;}
.floating_consult{height:230px;top:-180px;}
.floating_consult i{background-image:url("../image/wechat.jpg");display:block;width:150px;height:150px;margin:auto;margin-top:4px;}
.floating_words{height:230px;top:-180px;}
.floating_words i{background-image:url("../image/wechat-yewu-1.jpg");display:block;width:150px;height:150px;margin:auto;margin-top:4px;}
.floating_gzh p{color:#fff;margin-top:2px;}
.floating_ewm p{color:#fff;margin-top:2px;}
.floating_ewm .qrcord_p01{font-size:15px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:15px;}

/*头部样式*/
.header-container{
    width: 100vw;
    height: auto;
    padding: 0 2vw;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: fixed;
    z-index: 666;
    box-shadow: rgba(0,0,0,0.08) 0 2px 5px;
}
.header-bar{
    width: 100%;
    height: 100px;
    margin: 0 auto;
}
.logo{
    width: 300px;
    height: auto;
    float: left;
    padding-top: 30px;
    position: relative;
}
.logo:before{
    width: 36px;
    height: 18px;
    line-height: 18px;
    background: #f1010c;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: -45px;
    top: 37px;
    content: '24年';
}
.logo:after{
    border-radius: 4px;
    text-align: center;
    color: #646464;
    font-size: 12px;
    position: absolute;
    right: -128px;
    top: 52px;
    content: '互联网IT运营服务商';
    letter-spacing: 0.1rem;
}
.navigation-container{
    float: left;
    position: absolute;
    right: 260px;
}
.navigation{
    overflow: hidden;
}
.navigation li{
    float: left;
    padding: 0 1.1vw;
    font-size: 16px;
    line-height: 100px;
    display: block;
}
.navigation li a{
    display: block;
}
.header-tel{
    width: 170px;
    height: auto;
    float: right;
    line-height: 100px;
    background: url("../image/icon-tel.png") no-repeat left center ;
    text-indent: 1.5rem;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

/*底部样式*/
.footer-container{
    width: 100vw;
    height: auto;
    overflow: hidden;
    position: relative;
    bottom: 0;
}
.footer-slogan{
    width: 100vw;
    height: auto;
    background: url("../image/footerbg-1.jpg") no-repeat center center #000;
    background-attachment: fixed;
    overflow: hidden;
    padding: 15vh 0;
}
.footer-bar1{
    width: 100vw;
    height: auto;
    padding: 0 5vw 0 60vw;
    box-sizing: border-box;
    overflow: hidden;
    color: #000;
}
.footer-bar1 h2{
    margin-bottom: 10px;
    font-size: 18px;
}
.footer-bar1 h3{
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 30px;
}
.footer-bar1 h3 span{
    color: #f1010c;
    font-family: "109-CAI978";
}
.footer-bar1 h4{
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 200%;
    font-weight: bold;
}
.footer-bar1 h4 span{
    font-family: "gilroy-bold";
    font-size: 48px;
}
.footer-bar1 h5{
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 200%;
}
.footer-bar1-btn{
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.footer-bar1-btn span{
    display: inline-block;
    margin-right: 20px;
}
.footer-bar1-btn span a{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: #000 solid 2px;
    border-radius: 8px;
    color: #000;
    font-size: 16px;
    transition: all .4s ease-in-out;
}
.footer-bar1-btn span a:hover{
    border: #f1010c solid 2px;
    color: #f1010c;
}

/*Copyright*/
.footer-copyright{
    width: 100vw;
    height: auto;
    padding: 6vh 2vw;
    box-sizing: border-box;
    background: #101010; 
}
.copyright{
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    font-size: 15px;
}
.copyright a{
    color: #fff;
}
.copyright a:hover{
    color: #f1010c;
}
.copyright-left{
    width: 50%;
    height: auto;
    float: left;
    color: #fff;
}
.copyright-left h2{
    margin-top: 20px;
}
.copyright-right{
    width: 47%;
    height: auto;
    float: right;
    text-align: right;
    padding-right: 3%;
}
.copyright-right center{
    text-align: right;
}
.copyright-right center a{
    margin-left: 40px;
}
.copyright-right center img{
    transition: all .4s ease-in-out;
    opacity: 0.5;
}
.copyright-right center img:hover{
    opacity: 1.0;
    transform: scale(1.10);
}
.tooltips{ border-width: 0; border-style: solid; position: absolute; display: none; border-radius: 3px; opacity: 0; filter:alpha( opacity = 0) ; z-index: 999;}
.tooltips p.content{ padding: 5px; }
.tooltips .triangle-front,.tooltips .triangle-back{ width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: solid; position: absolute; border-color: transparent ; top: 100%; left: 50%; margin-left: -8px;}
.tooltips .triangle-back{ margin-top: -1px;}

.yellow{ border-color: #fff; background-color: #fff;}
.yellow .triangle-front{ border-top-color: #fff;}
.yellow .triangle-back{ border-top-color: #fff;}

/*首页轮播图*/
#banner{ width:100%; overflow:hidden; padding-top: 100px;}
#banner img{ width:100%;}
#word{ width:100%; text-align:center; position:absolute; z-index:10; }
#word h2{
    font-size: 72px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1.8rem;
    margin-bottom: 60px;
}
#word h3{
    font-size: 20px;
    color: #fff;
    letter-spacing: 1.0rem;
}
#word img{ width:48.15vw;}
video#bgvid {
	right: 0;
	min-width: 100%;
	min-height:400px;
	width: auto;
	height: auto;
	z-index: 1;
	background-size: cover;
	opacity: 1;
	
}
#video{ width:100%; overflow:hidden; height:42.67vw; background:#000;}
.video{ overflow:hidden; height:auto; height:42.67vw; width:100%; overflow:hidden; position:relative; opacity: 0.5;}

.movie{
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
    display: none;
}
.movie img{
    width: 100%;
}
.swiper-container {
      width: 100%;
      height: 100%;
    }
	.swiper-wrapper{
		    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
		}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

/*我们的业务范围*/
.home-bar1-container{
    width: 100vw;
    height: auto;
    background: #eee;
}
.home-bar1{
    width: 100vw;    
    height: auto;
    display: flex;
    overflow: hidden;
}
.home-bar1-left{
    width: 50vw;
    height: auto;
    float: left;
    background: #f1010c url("../image/bar1-bg1.png") no-repeat center center;
    padding: 6.0vh 0 6.0vh 2vw;
    box-sizing: border-box;
}
.home-bar1-left h2{
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "arial";
}
.home-bar1-left h3{
    font-size: 36px;
    color: #fff;
    margin-top: 30px;
}
.home-bar1-left img{
    margin: 60px auto;
}
.home-bar1-left p{
    color: #fff;
    font-size: 24px;
    line-height: 180%;
}
.home-bar1-right{
    width: 50vw;
    height: auto;
    float: right;
}
.our-service{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.our-service figure{
    width: 49.5%;
    padding: 6.0vh 0;
    position: relative;
    float: left;
    margin: 0;
    text-align: center;
    margin-right: 1px;
    margin-bottom: 1px;
    background: #fff;
    transition: all .4s ease-in-out;
}
.our-service figure:hover img{
    transform: scale(1.10);
}
.our-service figure img{
    margin-bottom: 15px;
    transition: all .4s ease-in-out;
}
.our-service figcaption{
    text-align: center;
}
.our-service figcaption p{
    font-size: 16px;
    color: #666;
    line-height: 200%;
}
.our-service figcaption p span{
    font-size: 24px;
    color: #000;
}

/*我们的客户*/
.home-bar2-container{
    width: 100vw;
    height: auto;
    overflow: hidden;
    background: url("../image/img-2.jpg") no-repeat left center #eff3f6;
}
.home-case{
    width: 100vw;
    height: auto;
    margin: 0 auto;
}
.home-case-tit{
    width: 100vw;
    height: auto;
    margin: 60px auto 40px auto;
    position: relative;
    overflow: hidden;
    padding: 10px 0 10px 35vw;
    box-sizing: border-box;
}
.home-case-tit h2{
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}
.home-case-tit h3{
    font-size: 20px;
    color: #666;
    text-align: center;
}
.home-case-pic{
    width: 100vw;
    height: auto;
    padding: 0 2vw;
    box-sizing: border-box;
    display: flex;
}
.home-case-pic-left{
    width: 15vw;
    height: auto;
    float: left;
    background: url("../image/case-bg2.png") no-repeat left bottom #000;
    background-size: cover;
}
.home-case-pic-left h2{
    height: auto;
    background: url("../image/case-bg1.png") no-repeat left center #f1010c;
    background-size: cover;
    text-align: center;
    padding: 10vh 0;
    font-size: 18px;
    color: #fff;
}
.home-case-pic-left h2 span{
    font-size: 72px;
    color: #fff;
    font-family: "num";
}
.home-case-pic-left h3{
    color: #e6e6e6;
    font-size: 30px;
    padding: 7vh 0 7vh 1vw;   
    line-height: 140%;
}
.home-case-pic-left h4{
    display: inline-block;
    margin-bottom: 30px;
    padding-left: 1vw;
    font-size: 18px;
    color: #969696;
}
.home-case-pic-left h4 a{
    color: #969696;
}
.home-case-pic-left h4 a:hover{
    color: #f1010c;
}
.home-case-pic-right{
    width: 85vw;
    height: auto;
    float: right;
    background: #eff3f6;
}
.case-pic-container{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.case-pic-container li{
    width: 19.5%;
    height: auto;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    overflow: hidden;
}
.case-pic-bottom{
    margin-bottom: 0;
}
.case-pic-container li img{
    width: 100%;
    transition: all .4s ease-in-out;
}
.case-pic-container li img:hover{
    transform: scale(1.10);
}

/*认识我们*/
.home-bar3-container{
    width: 100vw;
    height: auto;
    overflow: hidden;
    background: url("../image/aboutus-bg1.png") no-repeat center center #000;
    padding: 15vh 10vw;
    box-sizing: border-box;
}
.home-company{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.home-company-tit{
    padding: 15px 0;
}
.home-company-tit h2{
    font-size: 3.4vw;
    letter-spacing: 0.2rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    position: relative;
}
.home-company-tit h2:before{
    width: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.5rem;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -80px;
    transform: translate(-50%,-50%);
    content: '我们为企业提供高品质互联网营销整合服务';
}
.home-company-btn{
    margin: 80px auto;
    text-align: center;
    overflow: hidden;
}
.home-company-btn h3 a{
    display: inline-block;
    width: 125px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: #fff solid 2px;
    border-radius: 6px;
    color: #fff;
    transition: all .4s ease-in-out;
}
.home-company-btn h3 a:hover{
    border: #f1010c solid 2px;
    color: #f1010c;
}
.home-company-nav{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.home-company-nav figure{
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    position: relative;
}
.home-company-nav figure:before{
    width: 1px;
    height: 200px;
    background: rgba(255,255,255,0.25);
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
}
.home-company-nav figure:last-child:before{
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
}
.home-company-nav figure img{
    margin-bottom: 30px;
    transition: all .4s ease-in-out;
}
.home-company-nav figure img:hover{
    transform: rotateY(180deg);
}
.home-company-nav figcaption{
    font-size: 18px;
    color: #fff;
}

/*新闻资讯*/
.home-bar4-container{
    width: 100vw;
    height: auto;
    overflow: hidden;
    padding: 12vh 2vw;
    box-sizing: border-box;
}
.home-news{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.home-news-tit{
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}
.home-news-tit h2{
    font-size: 50px;
    font-weight: bold;
    font-family: "gilroy-bold";
    text-transform: uppercase;
    color: #f1010c;
    text-align: center;
}
.home-news-tit span{
    color: #000;
    font-size: 54px;
}
.home-news-txt{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
}
.home-news-txt-left{
    width: 31%;
    height: auto;
    float: left;
    background: #fff;
    padding: 2%;
    box-sizing: border-box;
    /*box-shadow: rgba(0,0,0,0.10) 0px 0px 10px;*/
}
.home-news-txt-left img{
    width: 100%;
    height: auto;
}
.focus-news{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.focus-news-pic{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}
.focus-news-pic img{
    width: 100%;
    min-width: 500px;
    height: auto;
    transition: all .4s ease-in-out;
}
.focus-news-pic img:hover{
    transform: scale(1.10);
}
.focus-news-title{
    width: 100%;
    height: auto;
    display: flex;
}
.focus-news-title-txt{
    width: 75%;
    height: auto;
    float: left;
}
.focus-news-title-txt h2{
    font-size: 20px;
    margin-bottom: 10px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}
.focus-news-title-txt h3{
    color: #8e8e8e;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.focus-news-title-date{
    width: 22%;
    height: auto;
    float: right;
    background: #d82b31;
    border-radius: 8px;
    margin-left: 3%;
    padding-top: 3.5vh;
    text-align: center;
}
.focus-news-title-date p{
    color: #fff;
    line-height: 140%;
    font-size: 16px;
}
.focus-news-title-date p span{
    font-size: 3.0rem;
    font-family: "gilroy-bold";
    font-weight: normal;
}
.home-news-txt-right{
    width: 67.5%;
    height: auto;
    float: right;
    margin-left: 1.5%;
}
.news-txt-list{
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*.news-txt-list:before{
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    left: 50%;
    bottom: 0;
    content: '';
}*/
.news-txt-list li{
    width: 49.5%;
    height: auto;
    background: #fff;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    padding: 3.5% 2%;
    box-sizing: border-box;
    transition: all .4s ease-in-out;
    overflow: hidden;
}
.news-txt-list li:hover{
    background: #eff3f6;
}
.news-txt-list-content{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.news-txt-list-content-date{
    width: 19%;
    height: auto;
    float: left;
    text-align: center;
    padding-top: 3.0vh;
}
.news-txt-list-content-date p{
    line-height: 140%;
    font-size: 14px;
}
.news-txt-list-content-date p span{
    font-size: 3.0rem;
    font-family: "Poppins-Regular";
    font-weight: normal;
}
.news-txt-list-content-txt{
    width: 79%;
    height: auto;
    float: right;
    margin-left: 2%;
}
.news-txt-list-content-txt h2{
    font-size: 20px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
    margin-bottom: 10px;
}
.news-txt-list-content-txt h3{
    color: #8e8e8e;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}



/*内页样式开始*/
#subpages-banner{width: 100%; height: auto; overflow: hidden; text-align: center; position: relative; padding-top: 100px; }
#subpages-banner img{width: 100%; height: auto;}
#subpages-banner h1{font-size: 60px; color: rgba(255,255,255,0.45); letter-spacing: 0.1rem; text-transform: uppercase; font-family: "arial";  font-weight: bolder; margin-bottom: 20px;}
#subpages-banner h2{font-size: 30px; color: #fff; font-weight: bold; letter-spacing: 0.2rem; position: relative; }
#subpages-banner h2:before{width: 30px; height: 3px; background: #26eceb; position: absolute; left: 0; right: 0; bottom: -25px; content: ''; margin: 0 auto; }
#subpages-banner .banner-1{width: 100%; height: 600px; background: url(../image/banner-1.jpg) no-repeat center top; }
#subpages-banner .banner-2{width: 100%; height: 600px; background: url(../image/banner-2.jpg) no-repeat center top; }
#subpages-banner .banner-3{width: 100%; height: 600px; background: url(../image/banner-3.jpg) no-repeat center top; }
#subpages-banner .banner-4{width: 100%; height: 600px; background: url(../image/banner-4.jpg) no-repeat center top; }
#subpages-banner .banner-5{width: 100%; height: 600px; background: url(../image/banner-5.jpg) no-repeat center top; }
#subpages-banner .banner-6{width: 100%; height: 600px; background: url(../image/banner-6.jpg) no-repeat center top; }
#subpages-banner .banner-7{width: 100%; height: 600px; background: url(../image/banner-7.jpg) no-repeat center top; }
#subpages-banner .banner-8{width: 100%; height: 600px; background: url(https://www.chinakewei.net/images/banner-8.jpg) no-repeat center top; }
#subpages-banner .banner-9{width: 100%; height: 600px; background: url(https://www.chinakewei.net/images/banner-9.jpg) no-repeat center top; }

#subpages-container{
    width: 100vw;
    height: auto;
    margin: 0 auto;
}

/*关于我们*/
.subpages-company-container{
    width: 100vw;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-company{
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
}
.subpages-company-left{
    width: 50%;
    height: auto;
    float: left;
    padding: 10vh 4vw;
}
.subpages-company-right{
    width: 50%;
    height: auto;
    float: right;
    background: #fff;
}
.subpages-company-txt{
    width: 100%;
    height: auto;
    line-height: 200%;
}
.subpages-company-txt h2{
    font-size: 50px;
    font-weight: bold;
    font-family: "gilroy-bold";
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #000;
    position: relative;
}
.subpages-company-txt h2:before{
    width: 40px;
    height: 5px;
    background: #f1010c;
    position: absolute;
    left: 0;
    top: -30px;
    content: '';
}
.subpages-company-txt h3{
    font-size: 20px;
    margin-bottom: 25px;
    font-weight: bold;
}
.subpages-company-txt p{
    font-size: 16px;
    color: #666;
    margin: 20px auto;
    line-height: 200%;
}
.subpages-company-txt span{
    font-size: 18px;
    font-weight: bold;
}
.subpages-company-pic{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
}
.subpages-company-pic-left{
    width: 50%;
    height: auto;
    float: left;
}
.subpages-company-pic-right{
    width: 50%;
    height: auto;
    float: right;
    background: url("../image/company-bg4.jpg") no-repeat center center #f6f6f6;
    background-size: cover;
    position: relative;
}
.subpages-company-pic-right h4{
    position: absolute;
    left: 20px;
    bottom: 40%;
    font-size: 26px;
    background: url("../image/arrow-1.png") no-repeat left center;
    padding-left: 1.3rem;
}
.subpages-company-pic2{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
}
.subpages-company-pic2-left{
    width: 50%;
    height: auto;
    float: right;
    background: url("../image/company-bg3.jpg") no-repeat center center #f6f6f6;
    background-size: cover;
    position: relative;
}
.subpages-company-pic2-left h4{
    position: absolute;
    right: 20px;
    bottom: 50%;
    font-size: 26px;
    background: url("../image/arrow-2.png") no-repeat right center;
    padding-right: 1.3rem;
}
.subpages-company-pic2-right{
    width: 50%;
    height: auto;
    float: right;
}
.mr_frbox {
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.mr_frBtn {
    width: 53px;
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 5px;
    bottom: 5px;
    float: left;
    z-index: 66;
}
.mr_frBtn img {
    transition: All 0.4s ease-in-out;
    opacity: 0.5;
}
/*.mr_frBtn img:hover {
    opacity: 1.0;
}*/
.mr_frBtnL {
    cursor: pointer;
    display: inline;
    float: left;
    height: 26px;
    width: 26px;
    position: relative;
    left: 0x;
}
.mr_frBtnR {
    float: right;
    cursor: pointer;
    width: 26px;
    height: 26px;
    right: 0;
}
.mr_frUl {
    float: left;
    height: auto;
    width: 100%;
    margin: 0 auto ;
    overflow: hidden;
    position: relative;
}
.mr_frUl ul li {
    display: inline;
    float: left;
    width: 100%;
    margin-right: 0;
    overflow: hidden;
    border: 0;
    position: relative;
    background: #000;
}
.mr_frUl ul li img {
    transition: All 0.4s ease-in-out;
    position: relative;
    width: 100%;
    filter: grayscale(100%);
}
.mr_frUl ul li h4{
    position: absolute;
    color: #fff;
    left: 10px;
    bottom: 10px;
}
.mr_frUl ul li h4 p{
    font-size: 20px;
    line-height: 120%;
    text-align: left;
}
.mr_frUl ul li h4 p span{
    font-size: 14px;
    font-family: "arial";
}
.mr_frUl ul li img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    filter: grayscale(0);
}
.mr_frUl ul li p {
    width: 100%;
    height: auto;
    padding: 0;
    text-align: center;
    transition: All 0.4s ease-in-out;
    text-transform: uppercase;
}

/* 我们的优势 */
.subpages-advantage-container{
    width: 100vw;
    height: auto;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}
.subpages-advantage{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.subpages-advantage h2{
    font-size: 44px;
    margin-bottom: 25px;
    color: #000;
    position: relative;
}
.subpages-advantage h2:before{
    width: 40px;
    height: 5px;
    background: #f1010c;
    position: absolute;
    left: 0;
    top: -40px;
    content: '';
}
.subpages-advantage h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 60px;
    overflow: hidden;
}
.subpages-advantage-nav1{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url("../image/ad-4.jpg") no-repeat center center #000;
    background-size: cover;
    padding: 5% 0 15% 0;
}
.subpages-advantage-nav1 li{
    width: 32%;
    height: auto;
    float: left;
    margin-right: 1.33%;
    padding: 0 3%;
    box-sizing: border-box;
    color: #fff;
    font-size: 0.9vw;
    line-height: 220%;
}
.subpages-advantage-nav1 li h4{
    font-size: 1.6vw;
    /*font-weight: bold;*/
    margin-bottom: 20px;
    position: relative;
}
.subpages-advantage-nav1 li h4:before{
    width: 60px;
    height: 5px;
    background: #f1010c;
    position: absolute;
    top: -25px;
    left: 0;
    content: '';
}


/* 企业文化 */
.subpages-culture-container{
    width: 100vw;
    height: auto;
    padding: 15vh 4vw;
    box-sizing: border-box;
    background: url("../image/culture-bg.jpg") no-repeat 50% 50%;
    background-size: cover;
    overflow: hidden;
}
.subpages-culture{
    width: 100%;
    height: auto;    
    margin: 0 auto;
    background: url("../image/culture-bg2.jpg") no-repeat center center;
    background-size: cover;
    padding: 6%;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-culture-txt{
    width: 100%;
    height: auto;
}
.subpages-culture-txt li{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 60px;
}
.subpages-culture-txt li:before{
    width: 94px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: -20px;
    left: 0;
    content: '';
}
.subpages-culture-txt li h2{
    font-size: 26px;
    margin-bottom: 15px;
    color: #fff;
    position: relative;
}
.subpages-culture-txt li h2:before{
    width: 40px;
    height: 5px;
    background: #f1010c;
    position: absolute;
    left: 0;
    top: -40px;
    content: '';
}
.subpages-culture-txt li h3{
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    margin: 5px auto;
}

/* 发展历程 */
.subpages-history-container{
    width: 100vw;
    height: 700px;
    padding: 50px 4vw;
    box-sizing: border-box;
    background: url("../image/history-bg2.jpg") no-repeat 50% 50%;
    background-size: cover;
    overflow: hidden;
}
.subpages-history{
    width: 100%;
    height: auto;    
    margin: 0 auto;
}
.subpages-history h5{
    font-size: 60px;
    margin-bottom: 25px;
    color: #fff;
    position: relative;
    font-family: "gilroy-bold";
}
/*.subpages-history h5:before{
    width: 40px;
    height: 5px;
    background: #f1010c;
    position: absolute;
    left: 0;
    top: -40px;
    content: '';
}*/
.subpages-history h6{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 60px;
    overflow: hidden;
    color: #fff;
}
.history-txt{
    width: 1340px;
    height: auto;
    overflow: hidden;
    margin: 60px auto 0 auto;
}
.history-txt li{
    width: 134px;
    height: auto;
    float: left;
    text-align: center;
    position: absolute;
}
.history-txt li a{
    color: #fff;
}
    
.history-btn1{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -202px;
    left: 0;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn2{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -224px;
    left: 134px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn3{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -232px;
    left: 270px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn4{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -230px;
    left: 402px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn5{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -219px;
    left: 536px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn6{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -192px;
    left: 670px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn7{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -165px;
    left: 804px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn8{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -155px;
    left: 938px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn9{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -162px;
    left: 1072px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
.history-btn10{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -181px;
    left: 1206px;
    font-size: 22px;
    font-family: "gilroy-bold";    
}
/*.tooltips{ border-width: 0; border-style: solid; position: absolute; display: none; border-radius: 3px; opacity: 0; filter:alpha( opacity = 0) ; z-index: 999; font-size: 15px; }
.tooltips p.content{ padding: 10px; }
.tooltips .triangle-front,.tooltips .triangle-back{ width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: solid; position: absolute; border-color: transparent ; top: 100%; left: 50%; margin-left: -8px;}
.tooltips .triangle-back{ margin-top: -1px;}
.yellow{ border-color: #c7c08d; background-color: #fffac3;}
.yellow .triangle-front{ border-top-color: #c7c08d;}
.yellow .triangle-back{ border-top-color: #fffac3;}*/
.history-txt-left{
    width: 30%;
    height: auto;
    float: left;
}
.history-txt-left img{
    width: 100%;
}
.history-list:before{
    width: 22px;
    height: 22px;
    background: url("../image/icon-clock.png") no-repeat top center;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.history-list{
    width: 68%;
    height: auto;
    float: right;
    background: url("../image/icon-dian.png") repeat-y 10px 0;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
}
.history-list-container{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.history-list-container li{
    width: 100%;
    height: auto;
    float: left;
    background: url("../image/icon-arrow3.png") no-repeat 0.5px 10px;
    margin-bottom: 30px;
    border-radius: 8px;
    padding-left: 43px;
    box-sizing: border-box;
    position: relative;
    z-index: 11;
}
.history-time{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 3%;
    box-sizing: border-box;
    border-radius: 5px;
    border: #e1e1e1 solid 1px;
    font-size: 16px;
}
.history-time h4{
    font-size: 22px;
    font-weight: bold;
    color: #f1010c;
    margin-bottom: 10px;
    font-family: "gilroy-bold";
}

/*移动端发展历程*/
.subpages-history-wap{
    width: 100%;
    height: auto;    
    margin: 0 auto;
    display: none;
}
.subpages-history-wap li{
    width: 100%;
    height: auto;
    float: left;
    padding: 3% 3% 3% 10.0vw;
    box-sizing: border-box;
    background: url("../image/icon-dian2.png") no-repeat left 13px;
    color: #fff;
    font-size: 1.0rem;
    font-family: "gilroy-bold";
}
.subpages-history-wap li h3{
    font-size: 1.4rem;
    font-weight: bold;
}

.about-history{ height:600px; padding:0 80px 0;  -webkit-background-size:100% 100%; background-size:100% 100%;}
.about-title {margin-bottom: 25px;}
.about-title h3 {margin: 0 0 10px;font-size:34px;font-weight:bold;color: #2c2c2c;}
.about-title p {margin: 0;font-size: 36px;font-weight: 300;color: #ECECEC;}
.title-white h3{ color:#d6d6d6;}
.title-white p{ color:rgba(222,222,222,.09);}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #C7C7C7; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:470px; margin-right:31px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:152px; padding:44px 0 0 0; background-color:#fff; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(241,1,12,.4); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#f1010c; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ background-color:#f1010c;}
.about-history-list .slides li .item h3{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:22px; font-weight:bold; color:#333; text-align:center; background-color:#e2e2e2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; font-family: "gilroy-bold";}
.about-history-list .slides li .item:hover h3{ color:#232323; background-color:#fff;}
.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.about-history-list .slides li .item .desc{ line-height:24px; padding:22px 26px 0; font-size:14px; color:#666;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:48px; height:160px; line-height:160px; overflow:hidden; margin-top:-80px; font-size:50px; font-family:simsun; color:#ffffff; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}
a{color:#414141;text-decoration:none; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}a:hover{text-decoration:none;}.pull-left{float:left;}.pull-right{float:right;}.pull-none{float:none;}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}.container{width:980px;margin:0 auto;}img{max-width:100%;}img.full{display:block;width:100%;}.list{padding:0;margin:0;list-style:none;}.hidden{ display:none;}.col-1{ float:left; width:8.33333333%;}.col-2{ float:left; width:16.66666667%;}.col-3{ float:left; width:25%;}.col-4{ float:left; width:33.33333333%;}.col-5{ float:left; width:41.66666667%;}.col-6{ float:left; width:50%;}.col-7{ float:left; width:58.33333333%;}.col-8{ float:left; width:66.66666667%;}.col-9{ float:left; width:75%;}.col-10{ float:left; width:83.33333333%;}.col-11{ float:left; width:91.66666667%;}.col-12{ float:left; width:100%;}.col-13{ float:left; width:20%;}.col-offset-3{ margin-left:25%;}.tb{display:table; width:100%; height:100%;}.tbr{display:table-row;}.tbc{display:table-cell;vertical-align:middle;}


/*云产品*/
.subpages-business1-container{
    width: 100vw;
    height: auto;
    background: #fff url("../image/business-bg2.jpg") no-repeat center center;
    background-size: cover;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-business{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.subpages-business-left{
    width: 60%;
    height: auto;
    float: left;
}
.subpages-business-left img{
    width: 100%;
    height: auto;
}
.subpages-business-right{
    width: 40%;
    height: auto;
    float: right;
    padding-top: 5vh;
}
.subpages-business-right h2{
    font-size: 1.6rem;
    margin-bottom: 60px;
}
.subpages-business-right h3{
    font-size: 3.8rem;
    font-weight: bold;
    margin-bottom: 60px;
}
.subpages-business-right h3 span{
    color: #f1010c;
}
.subpages-business-right h4{
    font-size: 0.9vw;
    line-height: 220%;
    margin-bottom: 60px;
}
.subpages-business-right h5{
    display: inline-block;
    margin-right: 10px;
}
.subpages-business-right h5 a{
    display: inline-block;
    width: 160px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: #333 solid 1px;
    font-size: 16px;
    transition: all .4s ease-in-out;
    border-radius: 0 15px 0 15px;
}
.subpages-business-right h5 a:hover{
    border: #f1010c solid 1px;
    color: #f1010c;
}
.subpages-business-right h6{
    display: inline-block;
}
.subpages-business-right h6 a{
    display: inline-block;
    width: 160px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: #333 solid 1px;
    font-size: 16px;
    transition: all .4s ease-in-out;
    border-radius: 0 15px 0 15px;
}
.subpages-business-right h6 a:hover{
    border: #f1010c solid 1px;
    color: #f1010c;
}
.subpages-business2-container{
    width: 100vw;
    height: auto;
    background: #fff url("../image/business-bg1.jpg") no-repeat center center;
    background-size: cover;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-business3-container{
    width: 100vw;
    height: auto;
    background: #eaeaea url("../image/business-bg3.jpg") no-repeat center center;
    background-size: cover;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-business4-container{
    width: 100vw;
    height: auto;
    background: #fff url("../image/business-bg4.jpg") no-repeat center center;
    background-size: cover;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-business5-container{
    width: 100vw;
    height: auto;
    background: #fff url("../image/business-bg5.jpg") no-repeat center center;
    background-size: cover;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-business6-container{
    width: 100vw;
    height: auto;
    background: #fff url("../image/business-bg6.jpg") no-repeat center center;
    background-size: cover;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}

/*抖音推广*/
.subpages-douyin-container{
    width: 100vw;
    height: auto;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-douyin-bar1{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.subpages-douyin-bar1 h2{
    font-size: 2.6vw;
    /*font-size: 50px;*/
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}
.subpages-douyin-bar1 h3{
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.2rem;
}
.subpages-douyin-bar1-nav{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 100px;
}
.subpages-douyin-bar1-nav figure{
    text-align: center;
    width: 14%;
    height: auto;
    float: left;
    padding: 1.33%;
}
.subpages-douyin-bar1-nav figcaption{
    padding: 0;
}
.subpages-douyin-bar1-nav figcaption h4{
    font-size: 1.2vw;
    font-weight: bold;
    margin: 20px auto;
}
.subpages-douyin-bar1-nav figcaption h5{
    font-size: 0.9vw;
    line-height: 200%;
}

.subpages-douyin2-container{
    width: 100vw;
    height: auto;
    padding: 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
    background: url("../image/douyin-bg1.jpg") no-repeat center center #e4e5ea;
    background-size: cover;
}
.subpages-douyin-bar2{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.subpages-douyin-bar2 h2{
    font-size: 1.7vw;
    text-align: left;
    margin-bottom: 30px;
}
.subpages-douyin-bar2 h3{
    font-size: 2.6vw;
    text-align: left;
    font-weight: bold;
    margin-bottom: 60px;
}
.subpages-douyin-bar2-content{
    width: 100%;
    height: auto;
}
.subpages-douyin-bar2-nav{
    width: 780px;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
}
.subpages-douyin-bar2-nav figure{
    width: 240px;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 40px 0;
    text-align: center;
    transition: all .4s ease-in-out;
    position: relative;
}
.subpages-douyin-bar2-nav figure h4{
    position: absolute;
    font-size: 200px;
    color: rgba(0,0,0,0.05);
    font-family: "UniveConBol";
    left: 50%;
    bottom: 40%;
    transform: translate(-50%,-50%);
    
}
.subpages-douyin-bar2-nav figure:hover{
    box-shadow: rgba(0,0,0,0.25) 0 0 15px;
}
.subpages-douyin-bar2-nav figure img{
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 11;
}
.subpages-douyin-bar2-nav figure:hover img{
    transform: rotateY(180deg);
}
.subpages-douyin-bar2-nav figcaption{
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    z-index: 11;
}

.subpages-douyin3-container{
    width: 100vw;
    height: auto;
    padding: 15vh 4vw 0 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-douyin-bar3{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.subpages-douyin-bar3 h2{
    font-size: 2.6vw;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3.2vh;
}
.subpages-douyin-bar3 h3{
    font-size: 1.2vw;
    text-align: center;
    letter-spacing: 0.4vw;
}
.subpages-douyin-bar3-case{
    width: 100%;
    height: auto;
    margin: 7.0vh auto 0 auto;
}
.subpages-douyin-bar3-case figure{
    width: 23%;
    height: auto;
    float: left;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 3.0vh;
    position: relative;
}
.subpages-douyin-bar3-case figure i{
    font-style: normal;
}
.subpages-douyin-bar3-case figure i img{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}
.subpages-douyin-bar3-case figcaption{
    padding: 4vh 6%;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-douyin-bar3-case figcaption h4{
    font-size: 1.0vw;
    font-weight: bold;
    text-align: left;
    margin-bottom: 30px;
}
.subpages-douyin-bar3-case figcaption h4 img{
    border-radius: 50%;
    width: 50px;
    margin-right: 10px;
}
.subpages-douyin-bar3-case figcaption h5{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #aaa;
    position: relative;
}
.subpages-douyin-bar3-case figcaption h5 span{
    /*width: 40%;*/
    float: left;
    margin: 0 2%;
    text-align: center;
    padding: 0 3%;
}

.subpages-douyin4-container{
    width: 100vw;
    height: auto;
    padding: 10vh 4vw 15vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-douyin4-container h2{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.subpages-douyin4-container h2 a{
    display: inline-block;
    width: 380px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: #666 solid 1px;
    font-size: 16px;
    color: #666;
    transition: all .4s ease-in-out;
    
}
.subpages-douyin4-container h2 a:hover{
    border: #f1010c solid 1px;
    color: #f1010c;    
}

/*客户案例*/
.subpages-case-nav-container{
    width: 100vw;
    height: auto;
    background: #fff;
    padding: 0 6vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-case-nav{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.subpages-case-nav li{
    width: 8.33%;
    height: 80px;
    line-height: 80px;
    float: left;
    font-size: 0.9vw;
    text-align: center;
    position: relative;
}
.subpages-case-nav li:before{
    width: 1px;
    height: 18px;
    background: #ccc;
    position: absolute;
    right: 0;
    bottom: 3.2vh;
    content: '';
}
.subpages-case-nav li:last-child:before{
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
}
.subpages-case-nav li h2{
    font-weight: bold;
    color: #f1010c;
}
.subpages-case-nav li span{
    color: #f1010c;
    font-size: 0.9vw;
    margin-left: 8px;
    font-family: "gilroy-bold";
}
.subpages-case-container{
    width: 100vw;
    height: auto;
    padding: 140px 10vw 5vh 10vw;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
}
.subpages-case{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.subpages-case-num{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.subpages-case-num li{
    display: block;
    width: 15.66%;
    height: auto;
    float: left;
    text-align: center;
    padding: 0 0.5%;
}
.subpages-case-num li a{
    display: block;
}
.subpages-case-num li a:hover{
    color: #f1010c;
}
.subpages-case-num li h2{
    font-size: 16px;
}
.subpages-case-num li h3{
    font-size: 60px;
    color: #f1010c;
    font-family: "Poppins-Regular";
    padding: 30px 0;
}
.subpages-case-pic{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 50px auto;
}
.subpages-case-pic figure{
    width: 24%;
    height: auto;
    float: left;
    background: #000;
    margin-right: 1%;
    margin-bottom: 1%;
    position: relative;
    transition: all .4s ease-in-out;
}
.subpages-case-pic figure h6{
    overflow: hidden;
}
.subpages-case-pic figure h6 img{
    width: 100%;
    transition: all .4s ease-in-out;
}
.subpages-case-pic figure:hover h6 img{
    opacity: 0.4;
    transform: scale(1.10);
}
.subpages-case-pic figure:hover figcaption{
    opacity: 1.0;
    top: 55%;
}
.subpages-case-pic figcaption{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 0 8%;
    box-sizing: border-box;
    opacity: 0;
    transition: all .4s ease-in-out;
}
.subpages-case-pic figcaption h4{
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    position: relative;
    margin-bottom: 40px;
}
.subpages-case-pic figcaption h4:before{
    width: 100%;
    height: 10px;
    background: rgba(255,255,255,0.30);
    left: 0;
    top: -40px;
    position: absolute;
    content: '';
}
.subpages-case-pic figcaption h4:after{
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.30);
    left: 0;
    bottom: -20px;
    position: absolute;
    content: '';
}
.subpages-case-pic figcaption h4 p{
    font-size: 30px;    
    line-height: 1.7rem;
}
.subpages-case-pic figcaption h4 p span{
    font-size: 14px;
    font-family: "Poppins-Regular";
}
.subpages-case-pic figcaption h5{
    color: #fff;
    font-size: 16px;
}
.subpages-case-pic figcaption h5 img{
    width: 110px;
    height: auto;
}


/*小程序案例*/
.subpages-miniapps-pic-container{
    width: 100vw;
    height: auto;
    padding: 5vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-miniapps-pic{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.subpages-miniapps-pic figure{
    width: 17%;
    height: auto;
    float: left;
    background: #fff;
    margin-right: 1%;
    margin-bottom: 1%;
    padding: 1%;
    position: relative;
    transition: all .4s ease-in-out;
}
.subpages-miniapps-pic figure:hover h2 img{
    transform: scale(1.10);
    filter:alpha(opacity=30);
    opacity: 0.3;
}
.subpages-miniapps-pic figure:hover h3 img{
    filter:alpha(opacity=100);
    opacity:1.0;
    border-radius: 50%;
}
.subpages-miniapps-pic figure:hover h3 span{
    filter:alpha(opacity=100);
    opacity:1.0;
}
.subpages-miniapps-pic figure h3{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    z-index: 11;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.subpages-miniapps-pic figure h2{
    background: #000;
    overflow: hidden;
}
.subpages-miniapps-pic figure h2 img{
    width: 100%;
    height: auto;
    transition: all .4s ease-in-out;
}
.subpages-miniapps-pic figure h3 img{
    width: 100%;
    height: auto;
    filter:alpha(opacity=0);
    opacity: 0;
    transition: all .4s ease-in-out;
    border-radius: 20%;
}
.subpages-miniapps-pic figure h3 span{
    filter:alpha(opacity=0);
    opacity: 0;
    margin-top: 10px
    transition: all .4s ease-in-out;
}
.subpages-miniapps-pic figcaption{
    padding: 2vh 4%;
    box-sizing: border-box;
    background: url("../image/ico_xcx.png") no-repeat 99% 50%;
}
.subpages-miniapps-pic figcaption h4{
    font-size: 1.0vw;
    font-weight: bold;
}
.subpages-miniapps-pic figcaption h5{
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

/*案例详情*/
.subpages-caseinfo-banner{
    width: 100vw;
    height: auto;
    background: #000;
    padding-top: 100px;
    position: relative;
    text-align: center;
}
.subpages-caseinfo-banner img{
    width: 100%;
    height: auto;
}
.subpages-caseinfo-container{
    width: 100vw;
    height: auto;
    margin: 0 auto;
    padding: 5vh 2vw;
    box-sizing: border-box;
}
.subpages-caseinfo{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 10vh 2%;
    box-sizing: border-box;
}
.subpages-caseinfo h2{
    text-align: center;
    font-size: 2.1vw;
    font-weight: bold;
}
.subpages-caseinfo h3{
    font-size: 1.2vw;
    font-weight: bold;
    text-align: left;
    margin: 50px auto 20px auto;
}
.subpages-caseinfo-bar1{
    width: 100%;
    height: auto;
    margin: 6.0vh 0 4.0vh 0;
    border-bottom: #eee solid 1px;
    border-top: #eee solid 1px;
    padding: 3.0vh 0;
    text-align: center;
}
.subpages-caseinfo-bar1 h4{
    display: inline-block;
    margin: 0 5px;
}
.subpages-caseinfo-bar1 h4 a{
    display: inline-block;
    width: 165px;
    height: 45px;
    line-height: 45px;
    background: #f1010c url("../image/btns-caseview2.png") no-repeat 10% 50%;
    text-indent: 1.8rem;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.subpages-caseinfo-bar1 h4 a:hover{
    background: #ff6600 url("../image/btns-caseview2.png") no-repeat 10% 50%;
}
.subpages-caseinfo-bar1 h5{
    display: inline-block;
    margin: 0 5px;
}
.subpages-caseinfo-bar1 h5 a{
    display: inline-block;
    width: 165px;
    height: 45px;
    line-height: 45px;
    background: #f1010c url("../image/link.png") no-repeat 14% 50%;
    text-indent: 1.4rem;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.subpages-caseinfo-bar1 h5 a:hover{
    background: #ff6600 url("../image/link.png") no-repeat 14% 50%;
}
.subpages-caseinfo-txt{
    width: 100%;
    height: auto;
    font-size: 16px;
    text-align: center;
}
.subpages-caseinfo-txt img{
    width: 100%;
    height: auto;
    margin: 10px auto;
}
.subpages-caseinfo-txt p{
    margin: 10px auto;
    line-height: 180%;
    text-align: left;
}
.subpages-caseinfo-bar2{
    width: 100%;
    height: auto;
    margin: 6.0vh 0 0 0;
    border-top: #eee solid 1px;
    padding: 3.0vh 0 0 0;
    text-align: center;
}
.subpages-caseinfo-bar2 h6{
    display: inline-block;
    margin: 0 20px;
}
.subpages-caseinfo-bar2 h6 img{
    filter: grayscale(100%);
    opacity: 0.4;
    transition: all .4s ease-in-out;
}
.subpages-caseinfo-bar2 h6:hover img{
    filter: grayscale(0);
    opacity: 1.0;
    transition: all .4s ease-in-out;
}

/*新闻资讯*/
.subpages-news-container{
    width: 100vw;
    height: auto;
    padding: 0 8vw ;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-news-focus-container{
    width: 100vw;
    height: auto;
    padding: 5vh 8vw;
    box-sizing: border-box;
}
.subpages-news-focus{
    width: 100%;
    height: auto;
    padding: 2%;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    /*background: #fff url("../images/new_icon_3.png") no-repeat right top;*/
    position: relative;
}
.subpages-news-focus h1{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 66;
}
.subpages-news-focus-left{
    width: 35%;
    height: auto;
    float: left;
    overflow: hidden;
}
.subpages-news-focus-left img{
    width: 100%;
    height: auto;
    transition: all .4s ease-in-out;
}
.subpages-news-focus-left img:hover{
    transform: scale(1.10);
}
#scroll {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
#scroll .owl-wrapper-outer {
    margin: 0 auto;
}
#scroll .item {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
#scroll .item figure{
    width: 385px;
    height: auto;
    background: #fff;
}
#scroll .item figure img{
    transition: all .4s ease-in-out;
}
#scroll .item figure img:hover{
    transform: scale(1.10);
}
#scroll .item figure:hover figcaption{
    background: #0cb60c;
    color: #fff;
}
#scroll .item figcaption{
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 16px;
    padding: 0 2%;
    box-sizing: border-box;
    transition: all .4s ease-in-out;
}
#scroll .item a{
    display: block;
}
.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    font: 0;
    overflow: hidden;
    _display: none;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:0;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:0;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:"";}
.subpages-news-focus-right{
    width: 65%;
    height: auto;
    float: right;
    padding: 2%;
    box-sizing: border-box;
    text-align: left;
}
.subpages-news-focus-right h2{
    font-size: 24px;
    text-align: left;
    margin-bottom: 10px;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}
.subpages-news-focus-right h3{
    font-size: 16px;
    text-align: left;
    line-height: 200%;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
    margin: 10px auto 20px auto;
    color: #666;
}
.subpages-news-focus-right h4{
    font-size: 14px;
    color: #999;
    background: url("../image/icon-time.png") no-repeat left center;
    text-indent: 1.5rem;
}
.subpages-news-focus-right h5 a{
    display: inline-block;
    width: 100px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    background: #444;
    position: absolute;
    left: 37%;
    bottom: 4%;
    transition: all .4s ease-in-out;
}
.subpages-news-focus-right h5 a:hover{
    background: #f1010c;
}
.subpages-news-txt{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}
.subpages-news-txt li{
    width: 30.33%;
    height: auto;
    float: left;
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-bottom: 2%;
    padding: 3vh 0;
    transition: all .4s ease-in-out;
    position: relative;
}
.subpages-news-txt li:before{
    width: 0;
    height: 1px;
    background: #f1010c;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    transition: all .4s ease-in-out;
}
.subpages-news-txt li:after{
    width: 100%;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    transition: all .4s ease-in-out;
}
.subpages-news-txt li h2{
    color: #999;
    font-size: 14px;
    background: url("../image/icon-time.png") no-repeat left center;
    text-indent: 1.3rem; 
    font-family: "arial";
}
.subpages-news-txt li h3 a{
    font-size: 24px;
    margin: 20px auto;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}
.subpages-news-txt li h4{
    font-size: 1.0rem;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
    line-height: 180%;
    color: #888;
    min-height: 90px;
}
.subpages-news-txt li h5{
    width: 100%;
    margin-top: 50px;
    filter: grayscale(100%);
    opacity: 0.4;
    text-align: right;
    transition: all .4s ease-in-out;
    padding-right: 4%;
    box-sizing: border-box;
}

.subpages-news-txt li:hover:before{
    width: 100%;
    height: 1px;
    background: #f1010c;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.subpages-news-txt li:hover:after{
    width: 100%;
    height: 1px;
    background: #ccc;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    content: '';
}
.subpages-news-txt li:hover h3 a{
    color: #f1010c;
}
.subpages-news-txt li:hover h5{
    filter: grayscale(0);
    opacity: 1.0;
    padding-right: 0;
}

/*新闻资讯详情*/
.subpages-newsinfo-container{
    width: 100vw;
    height: auto;
    padding: 5vh 4vw;
    box-sizing: border-box;
    overflow: hidden;
}
.subpages-newsinfo{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 4% 2%;
    box-sizing: border-box;
    background: #fff;
}
.subpages-newsinfo h1{
    font-size: 36px;
    padding: 10px 0 40px 0;
    text-align: left;
}
.subpages-newsinfo h2{
    width: 100%;
    margin: 0px auto;
    font-size: 16px;
    color: #cecece;
    position: relative;
}
.subpages-newsinfo h2:before{
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    bottom: -40px;
    left: 0;
    content: '';
}
.subpages-newsinfo h2 span{
    display: inline-block;
    margin-right: 40px;
}
.subpages-newsinfo-txt{
    font-size: 16px;
    margin: 70px auto 0 auto;
}
.subpages-newsinfo-txt p{
    line-height: 180%;
    margin: 15px auto;
}
.subpages-newsinfo-txt img{
    max-width: 1200px;
}

/*联系方式*/
.subpages-contact-container{
    width: 100vw;
    height: auto;
    box-sizing: border-box;
    /*background: url("../images/contact-bg.jpg") no-repeat center center #000;*/
    background-size: cover;
    padding: 12vh 4vw;
    overflow: hidden;
}
.subpages-contact{
    width: 92vw;
    height: auto;
    box-sizing: border-box;    
    overflow: hidden;
}
.subpages-contact-left{
    width: 41vw;
    height: auto;
    float: left;
    background: #fff;
    padding: 3vh 2vw;
    border-radius: 6px;
}
.subpages-contact-left h2{
    font-size: 3.0vw;
    font-family: "gilroy-bold";
    padding: 20px 0;
    position: relative;
    margin-bottom: 20px;
}
.subpages-contact-left h2:before{
    width: 100%;
    height: 1px;
    background: #666;
    position: absolute;
    left: 0;
    bottom: -1.0vh;
    content: '';
}
.subpages-contact-left h3{
    font-size: 1.5vw;
    line-height: 140%;
    position: relative;
}
.subpages-contact-left h3:before{
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: -1.0vh;
    content: '';
}
.subpages-contact-left-txt{
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.subpages-contact-left-txt p{
    margin: 10px auto; 
    border-bottom: #d8d8d8 dotted 1px; 
    padding-bottom: 12px;
    font-size: 16px;
    overflow: hidden;
}
.subpages-contact-left-txt figure{
    width: 150px;
    height: auto;
    float: left;
    margin-right: 10px;
    text-align: center;
    /*box-shadow: rgba(0,0,0,0.10) 0 0 5px;*/
}
.subpages-contact-left-txt figcaption{
    padding: 5px 0;
}
.subpages-contact-right{
    width: 43vw;
    height: auto;
    float: right;
}
.subpages-contact-right h2{
    font-size: 1.8vw;
    letter-spacing: 0.2rem;
    color: #fff;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}
.subpages-contact-right h3{
    font-size: 1.2vw;
    letter-spacing: 0rem;
    color: rgba(255,255,255,0.50);
    padding: 0 0 5px 0;
    margin-bottom: 50px;
    font-family: "Poppins-Regular";
    position: relative;
}
.subpages-contact-right h3:before{
    width: 20px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -35px;
    content: '';
}
.subpages-contact-right h4{
    font-size: 1.3vw;
    padding: 0 0 5px 0;
    margin-bottom: 70px;
}
.subpages-contact-right h5{
    display: inline-block;
}
.subpages-contact-right h5 a{
    display: inline-block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    border: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1rem;
    color: #fff;
    background: #333;
    transition: all .4s ease-in-out;
}
.subpages-contact-right h5 a:hover{
    background: #f1010c;
}
.subpages-contact-right-box{
    width: 100%;
    height: auto;
}
.subpages-contact-right-box p>input::placeholder{
    color: #fff;
}
.subpages-contact-right-box p>textarea::placeholder{
    color: #fff;
}
.form-box1{
    width: 100%;
    height: 55px;
    line-height: 55px;
    border: 0;
    box-sizing: border-box;
    text-indent: 3.0rem;
    margin-bottom: 30px;
    background: rgba(0,0,0,0.30) url("../image/ly_3.png") no-repeat 5px 50%;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
}
.form-box2{
    width: 100%;
    height: 55px;
    line-height: 55px;
    border: 0;
    box-sizing: border-box;
    text-indent: 3.0rem;
    margin-bottom: 30px;
    background: rgba(0,0,0,0.30) url("../image/ly_2.png") no-repeat 5px 50%;
    color: #fff;
    font-size: 16px;
}
.form-box3{
    width: 100%;
    height: 55px;
    line-height: 55px;
    border: 0;
    box-sizing: border-box;
    text-indent: 3.0rem;
    margin-bottom: 30px;
    background: rgba(0,0,0,0.30) url("../image/ly_4.png") no-repeat 5px 50%;
    color: #fff;
    font-size: 16px;
}
.form-box4{
    width: 100%;
    height: auto;
    border: 0;
    box-sizing: border-box;
    margin-bottom: 30px;
    text-indent: 2.0rem;
    padding: 1%;
    box-sizing: border-box;
    background: rgba(0,0,0,0.30) url("../image/ly_6.png") no-repeat 5px 5px;
    color: #fff;
    font-size: 16px;
}










/*==========以下样式为移动端==========*/

/*头部*/
#top {
    width: 100%;
    overflow: hidden;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    border-bottom: 0;
    background: #fff;
    box-shadow: rgba(0,0,0,0.08) 0 2px 5px;
    display: none;
}
#top1 {
    float: left;
    width: 80%;
    box-sizing: border-box;
    position: relative;
}
#top1 img {
    width: auto;
    height: 60px;
}
#top1 h2{
    display: inline-block;
    float: right;
}
#top1 h2 a{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background: #e60012;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
}
#top2 {
    float: right;
    width: 20%;
    position: relative;
}
#top2 img {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    height: auto;
    width: auto;
    background: #f1010c;
}
#top3 {
    width: 100%;
    height: 60px;
    overflow: hidden;
    display: none;
}

#menu {
    position: fixed;
    z-index: 600;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto; 
    background: rgba(0,0,0,0.6);
    display: none;
    transition: margin 0.5s;
}

#menu ul {
    width: 55%;
    background: #000;
    height: 100%;
    margin: 0 0 0 -55%;
    transition: margin 0.5s;
}

#menu ul li {
    text-align: left;
    text-transform: uppercase;
    text-indent: 1.5rem;
    font-size: 1.0rem;
    border-bottom: solid 1px #222;   
}

#menu ul li span{
    font-weight: normal;
    margin-right: 10px;
}

#menu ul li span a{
    display: inline-block;
    margin: 10px auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #00405e;
    color: #fff; 
    text-indent: 0;
    font-size: 12px;
}

#menu ul li a {
    display: block;
    line-height: 3.0rem;
    font-size: 1.0rem;
    background: #000;
    color: #ddd;
    ransition: all .4s ease-in-out
}

#menu ul li a.it {
    background: url(../image/jia.png) right no-repeat /auto 100% #000;
    transition: all .4s ease-in-out;
}

#menu ul li dl {
    background: #222;
    overflow: hidden;
    display: none;
}

#menu ul li dl dd a {
    background: #222;
    overflow: hidden;
    border-top: solid 1px #333;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1.3rem;
    padding: 15px 0;
    text-transform: capitalize;
    color: #b4b4b4;
}

#close {
    position: absolute;
    margin-right: 0%;
    width: 3rem;
    height: 3rem;
    background: #f1010c url("../image/icon-close.png") no-repeat 50% 50%;
    color: #fff;
    line-height: 3rem;
    text-align: center;
    transition: margin 0.5s;
    font-size: 22px;
}

.li-icon {
    width: 12%;
    margin-right: 10px;
    margin-bottom: 5px;
}

/*底部*/
#h5-footer-content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    display: none;
    background: rgba(0,0,0,0.45);
}
.h5-footer {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    overflow: hidden;
}
.h5-footer li {
    width: 50%;
    height: auto;
    float: left;
    padding: 0 4%;
    box-sizing: border-box;
}
.h5-footer li h2{
    width: 100%;
    margin: 10px auto 0 auto;
    display: table;
}
.h5-footer li h2 a{
    display: block;
    color: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1.0rem;
    text-align: center;
    background: #ffba00;
    border-radius: 4px;
}
.h5-footer li h3{
    width: 100%;
    margin: 10px auto 0 auto;
    display: table;
}
.h5-footer li h3 a{
    display: block;
    color: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 1.0rem;
    text-align: center;
    background: #f1010c;
    border-radius: 4px;
}

/*内页导航*/
.header{
    position:relative;
    height:auto; 
    background:#009fe8; 
    display: none;
}
.h5-right-tit{
    width:100%; 
    height:auto; 
    overflow:hidden;
}
.h5-right-tit-left{
    width:86%; 
    height:50px; 
    line-height:50px; 
    float:left;  
    color:#fff; 
    text-align:left; 
    text-indent:1.0rem; 
    font-size:1.1rem; 
    background:#004da0; 
    font-weight: bold;
}
.h5-right-tit-right{
    width:14%; 
    height:50px; 
    float:right; 
}

.nav-list {
    width: 100%;
    margin: 0 auto;
    display: none;
}
.nav-list ul li {
    background: #f1010c;
    border-bottom: 0;
}

.nav-list ul li a {
    color: #fff;
    font-size: 1.1rem;
    text-indent: 1.0rem;
    display: block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    position: relative;
    transition: all.4s ease-in-out;
}
.nav-list ul li .inactive {
    background: url(../image/off.png) no-repeat 95% center;
}

.nav-list ul li .inactives {
    background: url(../image/on.png) no-repeat 95% center;
}
.nav-list ul li ul{display: none;}
.nav-list ul li ul li {background:#fff; border-bottom: rgba(0,0,0,0.05) solid 1px; }
.nav-list ul li ul li ul{display: none;}
.nav-list ul li ul li a{ text-indent: 1.0rem; font-weight: normal; font-size: 1.0rem; color: #333; }
.nav-list ul li ul li h2{
    font-size: 1.0rem;
    color: #f1010c;
    font-weight: bold;
}
.nav-list ul li ul li span{
    color: #f1010c;
    font-size: 0.9rem;
    margin-left: 5px;
    font-family: "gilroy-bold";
}
/*内页导航菜单（新）*/
/*.list {
    width: 100%;
    margin: 0 auto;
    display: none;
}
.list ul li {
    background: #f1010c;
    border-bottom: 0;
}

.list ul li a {
    color: #fff;
    font-size: 1.1rem;
    text-indent: 1.0rem;
    display: block;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    position: relative;
    transition: all.4s ease-in-out;
}
.list ul li .inactive {
    background: url(../image/off.png) no-repeat 95% center;
}

.list ul li .inactives {
    background: url(../image/on.png) no-repeat 95% center;
}
.list ul li ul{display: none;}
.list ul li ul li {background:#fff; border-bottom: rgba(0,0,0,0.05) solid 1px; }
.list ul li ul li ul{display: none;}
.list ul li ul li a{ text-indent: 1.0rem; font-weight: normal; font-size: 1.0rem; color: #333; }
.list ul li ul li h2{
    font-size: 1.0rem;
    color: #f1010c;
    font-weight: bold;
}
.list ul li ul li span{
    color: #f1010c;
    font-size: 0.9rem;
    margin-left: 5px;
    font-family: "gilroy-bold";
}*/





/*翻页*/
#pages{width: 100%; height: auto; padding: 1vh 0 10vh 0; overflow: hidden; }
DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}