@charset "utf-8";
@font-face {
    font-family: 'Microsoft YaHei Light';
    src: url(../fonts/Microsoft-Yahei-UI-Light.ttc) format('ttc');
}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
ul,dl,ol {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;max-width:100%;}
input,select,textarea{outline:none;}
a {text-decoration: none;cursor: pointer;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.container{width: 100%;padding:0;}
#map img {border: none;max-width:none;}

html {
	width: 100%;
	height: 100%;
	outline: 0;
	-webkit-text-size-adjust: none;
}
body {
	width: 100%;
	height: 100%;
	font-family: 'Microsoft YaHei Light';
	position: relative;
	-webkit-text-size-adjust: none;
	font-size: 14px;
	overflow-x: hidden;
}
.main-width{max-width: 1200px;margin:auto;}
/*.nav>li:hover .dropdown-menu {
    display: block !important;
}*/
.container {
    max-width: 1200px !important;
    margin: 0 auto;
    padding: 0 !important;
}
#header {
    position: fixed;
    width: 100%;
    background-color: #0a0a0a;
    z-index: 999;
    /*padding-bottom: 1px;*/
    font-size: 16px;
    top:0;
}

#header .logo {
    float: left;
    display: initial;
    text-align: left;
    width: 150px;
}

#header .logo img {
    height: 50px;
}
#header .lang {
    float: left;
    display: initial;
    text-align: center;
    width: 100px;
    line-height: 20px;
    height: 20px;
    margin:15px 0;
    position: relative;
    cursor: pointer;
}
#header .lang .pic{height: 20px;float: left;}
#header .lang  .txt{font-size: 14px;float: left;color:#fff;padding-left:10px;}
#header .lang ul{display: none; position: absolute;top:100%;left:0;width: 100%;background:#333;padding:5px 0;}
#header .lang ul li{padding:0;color:#fff;font-size: 14px;text-align: center;padding-left:5px;line-height: 26px;}
#header .lang ul li:nth-child(n+2){border-top: 1px solid #999;}
#header .lang ul li a{color:#fff;font-size: 12px;}
#header .lang.on ul{display: block;}
#header .menu-icon {
    display: none;
}

#header .menu {
    position: static;
    margin-top: 0;
    float: left;
    background: none;
    width: 900px;
}

#header .menu.active {
    right: 0;
    width: auto;
}
.navbar-nav{float: none;margin:0 auto;width: 770px;}
#header .menu ul li{position: static;}
#header .menu ul li a {
	padding: 0 25px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color:#fff;
}

#header .menu ul li a:hover {
    background-color: initial;
}

#header .menu ul li a.active,#header .menu ul li a:hover,#header .menu ul li a:focus,#header .menu ul li:hover a  {
    color: #e60012;
    width: 100%;
    background-color: initial;
}

.dropdown-menu {
	position: absolute;
	left:0;
    padding: 15px 0;
    margin: 0;
    margin-top: -1px;
    background-color: #fff;
    min-width: auto;
    line-height: 30px;
    text-align: center;
    width: 100%;
    border:none;

}
.navbar-nav>li>.dropdown-menu{margin-top: -1px;}
.dropdown-menu li {
padding:0 10px;
}
.dropdown-menu li a img{
	width: 100px !important;
}
.dropdown-menu li a p{line-height: 24px;}

.dropdown-toggle {
    cursor: pointer !important;
}


.dropdown-menu li {
    display: inline-block !important;
}

.dropdown-menu li a {
    display: inline-block !important;
    color: #676767 !important;
    background-color: initial !important;
}

.dropdown-menu li a:hover {
    color: #e60012 !important;
}

#myBanner{margin-top: 50px;position: relative;}
#myBanner .carousel-indicators {
    bottom: 5px;
}
#myBanner .txt{position: absolute;top:20px;width: 100%;text-align: center;color:#fff;font-size: 20px;}

#myBanner .carousel-indicators li {
    width: 20px;
    height: 4px;
    background-color: #6d6d6d;
    margin: 0;
    border-radius: 0;
    border:none;
}

#myBanner .carousel-indicators li.active {
    background-color: #e60012;
    width: 20px;
    height: 4px;
}
#header .menu ul li.jishu{position: relative;}
#header .menu ul li.jishu .dropdown-menu {padding:10px;}
#header .menu ul li.jishu .dropdown-menu li{padding:0;}
#header .menu ul li.jishu .dropdown-menu li:nth-child(n+2){border-top: 1px solid #919191;}
#header .menu ul li.jishu .dropdown-menu li a{padding:0;}
#header .menu .nav > li > a:hover,#header .menu .nav > li > a:focus{background-color:transparent;} 

.index-product{overflow: hidden}
.index-product div{padding:0;}
.index-product img{width: 100%;}
.index-product .item {position: relative;overflow: hidden;min-height: 182px;}
.index-product .item .text{position: absolute;left: 0;top:0;width: 100%;height: 100%;color:#ffffff;text-align: center;padding-top:5%;}
.index-product .item:hover .text{background-color: rgba(51,51,51,0.6);}
.index-product .item .text h3{font-size: 30px; line-height: 44px;}
.index-product .item .text p{font-size: 18px;line-height: 24px;}
/*.index-product .item:hover .text{top:0;}*/

.index-down{background:url(../images/index-down-bg.jpg) center center;background-size: cover;}
.index-down .down-right{float: right;text-align: center;width: 50%;}
.index-down .down-right img{max-width: 100%;}
.index-down .down-left{float: left;width: 50%;}
.down-left .text{padding-top:80px;}
.down-left .text h3{font-size: 36px;color:#fff;line-height: 60px;}
.down-left .text p{font-size: 18px;color:#afafaf;line-height: 30px;}
.down-left .down-ewm{margin-top:20px;}
.index-down .down-ewm .pic{display: none;}
.index-down .down-ewm .pic a{width:150px;height: 150px;display:block;margin: 0 auto}
.down-left .down-iphone,.down-left .down-android{width: 150px; display: inline-block;border-radius: 10px;cursor: pointer;position: relative;}
.down-left .down-android{margin-left: 20px;}
.down-ewm img.btnimg{border-radius: 10px;margin-bottom: 5px;}
.down-ewm .down-iphone .down_a,.down-ewm .down-android .down_a{display: none;}
.down-ewm img{max-width: 100%;}

.footer{background-color: #000;padding:40px 0 0;overflow: hidden;width: 100%}
.footer .item{width: 18%;float: left;text-align: left;font-size: 12px;color:#bcbcbc;height: 160px;}
.footer .item.right{float: right;}
.footer .item .linkpc{padding:10px 0;line-height: 24px;text-align: right; margin-right: 10%;}
.footer .item .linkpc a{color:#fff;}
.footer .item .linkm{display: none;}
.footer .item.lang{display: none;}
/*.footer .item.menu{border-right: 1px solid #999;}底部边线取消*/
.footer .item.menu h3{font-size: 16px; color:#fff;line-height: 30px;margin-bottom: 10px;}
.footer .item.menu a{color:#bcbcbc;font-size: 12px;line-height: 30px;}
.footer .item.menu h3 i{display: none;}
.footer .foot-bot{padding:30px 10px 0 0px;text-align: left;color:#919191;line-height: 30px;float: left;width: 100%;}
.register-btn{border:2px none;background-color: red;width: 105px;height: 35px;color: #ccc;margin-bottom: 10px;
    border-radius: 1px;
    -moz-border-radius:1px; /* Old Firefox */
    -ms-border-radius:1px;		/* IE 9 */
    -webkit-border-radius:1px;	/* Safari and Chrome */
    -o-border-radius:1px;		/* Opera */
}
.footer .foot-bot .foot-bot-d{height: 50px;width: 100%}
.footer .foot-bot .foot-bot-d .foot-address{float: left;color: #5d5b5b;}
.footer .foot-bot .foot-address-two{color: #5d5b5b;}

.picshowtxt_right .txt{
    text-align: justify;
}



        /*订阅样式*/


/*Ajax提交*/




.footer__newsletter{
    position: relative;
    height: 50px;
    width: 265px;
}
.footer__newsletter-input{
    width: 260px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #999;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: Apercu Mono Pro,sans-serif;
    font-size: 13px;
    height: 2.875rem;
    line-height: 2.875rem;

}
 .footer__newsletter-button {
     position: absolute;
     left:223px;
     top:6px;
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 13px;
    height: 2.5rem;
    line-height: 2.5rem;

}

@media screen and (min-width: 900px){
    .footer .foot-bot .foot-bot-d{position: relative;}
    .foot-subscribe .foot-subscribe-register{float: left;}
    .footer .foot-bot p{color: #ccc}
    .footer .foot-bot .tubiao{position: absolute;
        top: 0px;
        right: 0px;}
    .footer .foot-bot .tubiao a{margin-right: 15px;}
    .foot-subscribe-p1{text-align: left;}
    .clear{
        clear: both;}
    .register-btn{border:2px none;background-color: red;width: 105px;height: 35px;color: #ccc;
        border-radius: 1px;
        -moz-border-radius:1px; /* Old Firefox */
        -ms-border-radius:1px;		/* IE 9 */
        -webkit-border-radius:1px;	/* Safari and Chrome */
        -o-border-radius:1px;		/* Opera */

    }
    .foot-address{clear: both;}
}
@media screen and (max-width:500px) {
    .register-btn{border:2px none;background-color: red;width: 105px;height: 35px;color: #ccc;margin-bottom: 10px;
        border-radius: 1px;
        -moz-border-radius:1px; /* Old Firefox */
        -ms-border-radius:1px;		/* IE 9 */
        -webkit-border-radius:1px;	/* Safari and Chrome */
        -o-border-radius:1px;		/* Opera */
    }
    .footer .foot-bot{padding:30px 10px 0 10px;text-align: left;color:#919191;line-height: 30px;float: left;width: 100%;}
    .footer .foot-bot .foot-bot-d{position: relative;}
    .footer .foot-bot .tubiao{text-align: center;position: absolute;top: 0;left: 0;}
    .footer .foot-bot .tubiao a{margin-right: 8px}
    .footer .foot-bot p{text-align:left;}
    .footer .foot-bot .foot-address{float: left;margin-top: 37px;}
    .footer .foot-bot .foot-address-two{float: left;text-align: center;color: #5d5b5b}

}
.footer .foot-bot a{position: relative}
.footer .foot-bot .tubiao_wechat{position: absolute;top: -130px;left: -40px;  }
.footer .foot-bot .tubiao_weibo{position: absolute; top: -130px;left: -40px; }


.productlist{background:#141316;padding-bottom: 30px;}
.productlist ul li {margin: 15px 0;}
.productlist ul li .pic{text-align: center;}
.productlist ul li .pic img{max-width: 300px;width:100%}
.productlist ul li .text{text-align: center;color:#919191;font-size: 16px;line-height: 24px;height:48px}
.productlist ul li .text a{color:#919191;font-size: 16px;line-height: 24px;}

.proshow{background:#141316;position: relative;margin-top:50px;}
.proshow .currtit{position: fixed;top:50px;left: 0;width: 100%; height: 50px;background:none;z-index: 99;margin-top:0;}
.proshow .currtit h2{color:#ffffff;font-size: 18px;float: left;}
.proshow .currtit .tabtit{color:#919191;font-size: 14px;float: right;}
.proshow .currtit .tabtit p{display: inline-block;padding:0 10px;}
.proshow .currtit .tabtit p a{color:#919191;font-size: 14px;line-height: 24px;}
.proshow .currtit .tabtit p a.active{border-bottom: 1px solid #e60012;color:#e60012;}
.prodetails .piclist {padding:50px 0;}
.prodetails .piclist .carousel-indicators li{width: 18px; height: 18px;margin:0 10px;border:1px solid #919191;}
.prodetails .piclist .carousel-indicators .active{background-color:#e60012; }
.prodetails .piclist .carousel-inner{padding-bottom: 20px;}
.prodetails .piclist .carousel-inner .item .pic{text-align:center;}
.prodetails .piclist .carousel-inner .item img{-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));}

#mypiclist{padding-bottom: 30px;}
/*#mypiclist .carousel-inner .item .pic{text-align: center;}
#mypiclist .carousel-inner .item .pic img{max-width:300px;}*/
#myBanner .carousel-inner{min-height:200px; }
#myBanner .index-product{min-height: 237px;}
.proshow .info{color:#919191;font-size: 16px;padding:0 15px 50px 15px;}
.proshow .info hr{border-color:#919191;margin:40px 0;}
.proshow .info h4{color:#fff;margin-bottom:30px;}
.proshow .info table {width: 100%;}
.proshow .info table th{font-size: 16px; width: 120px;}
.proshow .info table th,.proshow .info table th td{padding:5px;}


.prodetails .showbanner{position: relative;text-align: center;height: 620px;}
.prodetails .showbanner .txt{position: absolute;left:5%;color:#fff;text-align: left;top:22%;/*margin-top:-80px;*/}
.prodetails .showbanner .txt h3{font-size: 40px}
.prodetails .showbanner .txt p{font-size: 30px}
.prodetails .showbanner .txt span{font-size: 14px;}
.prodetails .showbanner .clickplay{width: 170px;height: 42px;line-height: 40px;color:#fff;padding:0 10px 0 20px; position: absolute;bottom:30px;border-radius: 5px; border:1px solid #fff;font-size: 18px;text-align: left;
left:50%;margin-left: -85px;}
.prodetails .intro{padding-top:60px;}
.prodetails .intro .pic{text-align: center;}
.prodetails .intro .text{color:#fff;padding-top: 40px;padding-bottom: 30px;}
.prodetails .intro .text h4{font-size: 26px;padding: 20px 0;border-bottom: 1px solid #666;margin-bottom:30px;}
.prodetails .intro .text h4 p{font-size: 16px;display: inline;padding-left: 20px;}
.prodetails .intro .text table {width: 100%;}
.prodetails .intro .text table th {width: 100px;}
.prodetails .intro .text table th,.prodetails .intro .text table td{font-size: 16px;color:#919191;padding:5px;}

.prodetails .profun{background:#f4f4f4;padding:50px 0;}
.prodetails .profun .item{width: 20%;float: left;text-align: center;padding:0 10px;}
.prodetails .profun .item p{line-height: 40px;}
.prodetails .character{background:#f4f4f4;padding:50px 0;}
.prodetails .character .item{width: 25%;float: left;text-align: center;}
.prodetails .character .item p{line-height: 40px;}

.procontent{height: 650px;}
.procontent .promain{height: 100%; }
.procontent .promain img{max-height: 100%;max-width: 100%; }
.procontent .pic{ height: 100%;}
.procontent .pic img{max-height: 100%;max-width: 100%;}
.procontent .text{height: 100%;}
.procontent1{background:#fff;}
.procontent1 .promain{/*max-width: 1200px;*/ margin:auto;position: relative;}
.procontent1 .pic{float: right;text-align: left;width:50%;}
.procontent1 .text{float: right;width:50%;}
.procontent1 .text .txt{text-align: left;color:#919191;max-width: 450px;position: absolute;top:50%;margin-top:-100px;right: 50%;}
.procontent1 .text .txt h3{color:#333333;font-size: 30px;margin-bottom: 20px;line-height: 40px;}
.procontent1 .text .txt p{color:#919191;font-size: 18px;line-height: 32px;}
.procontent2{background:#000;}
.procontent2 .promain{/*max-width: 1200px;*/ margin:auto;position: relative;}
.procontent2 .pic{float: left;text-align: right;width:50%;}
.procontent2 .text{float: left;height: 100%;width:50%;}
.procontent2 .text .txt{text-align: left;color:#919191;max-width: 450px;position: absolute;top:50%;margin-top:-100px;left: 50%;}
.procontent2 .text .txt h3{color:#fff;font-size: 30px;margin-bottom: 20px;line-height: 40px;}
.procontent2 .text .txt p{color:#919191;font-size: 18px;line-height: 32px;}
.procontent3{}
.procontent3 .promain{height: 100%; width: 100%; position: relative;}
.procontent3 .pic{width: 100%;height: 100%;}
.procontent3 .text{width: 100%;position: absolute;padding-top:5%;top:0;}
.procontent3 .text .txt{text-align: left;color:#919191;width:100%;max-width: 600px;margin:auto; }
.procontent3 .text .txt h3{color:#fff;font-size: 30px;margin-bottom: 20px;line-height: 40px;text-align: center;}
.procontent3 .text .txt p{color:#fff;font-size: 18px;line-height: 32px;}
.procontent4{}
.procontent4 .promain{height: 100%; width: 100%; position: relative;}
.procontent4 .pic{width: 100%;height: 100%;}
.procontent4 .text{width: 100%;position: absolute;top:0;}
.procontent4 .text .txt{text-align: center;color:#919191;width:100%;max-width: 780px;margin:auto;position: absolute;bottom: 5%; left:50%;margin-left:-380px;}
.procontent4 .text .txt h3{color:#fff;font-size: 30px;margin-bottom: 20px;line-height: 40px;}
.procontent4 .text .txt p{color:#fff;font-size: 18px;line-height: 32px;}
.procontent5{}
.procontent5 .promain{height: 100%; width: 100%; position: relative;}
.procontent5 .pic{width: 100%;height: 100%;/*position: absolute; top:0;*/}
.procontent5 .text{width: 100%; max-width: 1200px;position: absolute; top:0;left:50%;margin-left: -600px;}
.procontent5 .text .txt{text-align: left;color:#919191;width:100%;max-width: 400px;margin-left: 100px;position: absolute;top:50%;margin-top: -100px;}
.procontent5 .text .txt h3{color:#919191;font-size: 30px;margin-bottom: 20px;line-height: 40px;}
.procontent5 .text .txt p{color:#919191;font-size: 18px;line-height: 32px;}
.procontent6{}
.procontent6 .promain{height: 100%; width: 100%; position: relative;}
.procontent6 .pic{width: 100%;height: 100%;/*position: absolute; top:0;*/}
.procontent6 .text{width: 100%; max-width: 1200px;position: absolute; top:0;left:50%;margin-left: -600px;}
.procontent6 .text .txt{text-align: left;color:#919191;width:100%;max-width: 400px;right: 0;margin-right: 100px; position: absolute;top:50%;margin-top: -100px;}
.procontent6 .text .txt h3{color:#fff;font-size: 30px;margin-bottom: 20px;line-height: 40px;}
.procontent6 .text .txt p{color:#fff;font-size: 18px;line-height: 32px;}
.procontent7{height: auto;background-color: #fff;}
.procontent7 .promain{padding:50px 0;max-width: 1200px;margin:auto;}
.procontent7 .text {height: auto;}
.procontent7 .text .txt h3{color:#333;font-size: 30px;margin-bottom: 20px;line-height: 40px;text-align: center;}
.procontent7 .text .txt p{color:#919191;font-size: 18px;line-height: 32px;text-align: center;}
.procontent7 .pic {margin-top: 50px;}
.procontent7 .pic ul li{text-align: center;}
.procontent7 .pic ul li img {border:1px solid #919191;}
.procontent8 {max-height: 300px;}

.videoplay-outer{position: fixed;width: 100%;height:100%;top:0;left:0; background-color: rgba(0,0,0,0.6);z-index: 9998;display: none;overflow: hidden;}
.videoplay-outer .videoplay-inner{max-width: 800px;width:100%;margin:100px auto;position: relative;}
.videoplay-outer .videoplay-inner video{width: 100%;/*max-height: 500px;*/} 
.videoplay-outer .videoplay-inner .close{position: absolute;width: 50px;height: 50px; right:-25px;top:-25px;border-radius: 50%;opacity:0.8;z-index: 9999;}
.videoplay-outer .videoplay-inner .close img{cursor:pointer;border-radius: 50%;}
/*.videoplay-outer.videopage{height:100%;display: none;} */

.banner-inner{margin-top: 50px;position: relative;}
.banner-inner img{width: 100%;}
.banner-inner .txt{height: 40px; line-height: 40px;font-size: 32px;color:#fff;position: absolute;top:50%;margin-top:-20px;text-align: center;width: 100%;} 
.banner-inner .txt.sv{top:20%;}
.about{padding:30px 15px;background-color: #141316;}
.about h3{color:#fff;font-size: 18px; line-height: 40px;border-bottom:1px solid #666;}
.about .intro{margin-bottom: 10px;color:#919191;font-size: 16px;padding:20px 0; }
.about .intro .text {text-align: justify}
.about .intro .text p{line-height: 2em;}
.experience{padding-bottom:30px;}
.experience .expitem{margin-top: 30px;}
.experience .expitem .time{width: 80px;float: left;color:#919191;text-align: center;border-top: 1px solid #e60012;}
.experience .expitem .time span{font-size:32px;display: block; }
.experience .expitem .time small{font-size:14px;display: block; }
.experience .expitem .text{margin-left: 100px;padding:0 20px;color:#919191;font-size: 16px;}
.experience .expitem .text p{line-height: 30px;}
.experience .expitem .text .pic{padding:10px 0;}
.experience .expitem .text .pic img{margin-right: 20px;}

.news{padding:30px 0;background-color: #141316;}
.news-head{text-align:center;}
.news-head li{display: inline-block;margin:0 30px;}
.news-head li.active{border-bottom: 1px solid #e60012}
.news-head li a{font-size: 18px;color:#fff;line-height:32px; }
.news-head li.active a{color:#e60012;}
.news-list {padding:30px 15px;}
.news-list li{border-bottom: 1px solid #919191;margin-bottom: 30px;}
.news-list li h4 a{font-size: 16px;color:#fff;line-height:32px; }
.news-list li h4 span{float: right;font-size: 16px;color:#fff;line-height:40px; }
.news-list li .pic img{max-height: 250px;max-width: 100%;}
.news-list li .text{font-size: 14px;color:#919191;padding:15px 0;}
.news-list li .more {text-align: right;}
.news-list li .more a{font-size: 14px;color:#919191;line-height:30px;}

.newsshow{padding:30px 15px;background-color: #141316;margin-top:50px;}
.newsshow .head{text-align: center;}
.newsshow .head h2{font-size: 20px;color:#fff;margin-bottom: 30px;}
.newsshow .head p{font-size: 14px;color:#919191;margin-bottom: 30px;}
.newsshow .content{font-size: 14px;color:#919191;}

.video-list{padding:30px 0;}
.video-list ul li { margin-bottom: 30px;}
.video-list ul li .videoitem{}
.video-list .videoitem .pic{position: relative;text-align: center; }
.video-list .videoitem .pic a img{width: 100%;}
.video-list .videoitem .pic .hoverdiv{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4); display:none ;}
.video-list .videoitem .pic .hoverdiv img{width:80px;height: 80px; position: absolute;top:50%;margin-top: -40px;left:50%;margin-left: -40px;cursor: pointer;border-radius: 40px;}
.video-list .videoitem .pic:hover .hoverdiv{display: block;}
.video-list .videoitem .text{padding:0 15px;}
.video-list .videoitem .text a{color:#fff;font-size: 16px;}
.video-list .videoitem .text h4{line-height: 30px;height: 30px;overflow: hidden;}
.video-list .videoitem .text p{color:#919191;font-size: 14px;}

.service{padding:30px 15px;background-color: #141316;}
.service .service-item{border-bottom: 1px solid #919191;margin-bottom: 20px;}
.service .service-item h3{text-align: center;color:#fff;font-size: 20px;padding:20px 0;}
.service .service-item .text{padding:20px 0;font-size: 14px; color:#919191;line-height: 24px;}
.service .service-item .text ul li{text-align: center;color:#fff;}
.service .service-item .text ul li p{color:#fff;line-height: 30px;font-size: 18px;padding:20px 0;}
.service .contact {border-bottom: none;}
.service .contact .text{max-width: 900px;margin:auto;}
.service .contact .text dl dt{width: 100px;float: left;}
.service .contact .text dl dd{margin-left: 100px;line-height: 40px;}

.news .contact{padding:30px 0;}
.news .contact .branch{padding:0 15px;}
.news .contact .branch ul li{border-bottom: 1px solid #919191;padding: 30px 0;}
.news .contact .branch ul li h4{margin-bottom: 20px;color:#e60012;}
.news .contact .branch ul li h4 a{float: right;display: block;background-color: #333;border-radius: 5px;}
.news .contact .branch ul li h4 a.h{background-color:#e60012;}
.news .contact .branch ul li h4 span{margin-left: 20px;}
.news .contact .branch ul li p{line-height: 40px;color:#919191;}
.news .contact .branch ul li p span{margin-left: 20px;}

.news .recruit{color:#fff;font-size: 16px;padding:20px 15px;}
.problem-list {padding:30px 0;}
.problem-list ul li {color:#fff;}
.problem-list ul li .question {padding:10px 20px 10px 0; line-height: 30px;cursor: pointer;max-width: 1000px;margin:0 auto;border-bottom: 1px solid #333;background: url(../images/menu-down.png) right center no-repeat;background-size: 20px;}
/*.problem-list ul li .question i{display: block;float: right;height: 50px;width: 20px;background: url(../images/menu-down.png) center center no-repeat;background-size: 100%;}*/
.problem-list ul li .question.on{border-bottom:none;background: url(../images/menu-up.png) right center no-repeat;background-size: 20px;}
/*.problem-list ul li .question.on i{background: url(../images/menu-up.png) center center no-repeat;background-size: 100%;}*/
.problem-list ul li .answer{padding:10px 0;color:#919191;background-color: #222;display: none;}
.problem-list ul li .answer .txt{max-width: 1000px;margin:0 auto;}

.feedback{}
.feedback h4{color:#fff;margin-top: 30px;margin-bottom: 10px; line-height: 30px;}
.feedback .wttype{}
.feedback .wttype a{width: 120px;display: inline-block;height: 50px;text-align: center;line-height: 50px;background-color:#333;
	border-radius: 10px;margin-right: 20px;color:#919191;margin-bottom: 10px;}
.feedback .wttype a:hover,.feedback .wttype a:focus,.feedback .wttype a.active{background-color: #666;color:#e60012;text-decoration: none;}
.feedback input[type="radio"]{display: none;}
.feedback input[type="text"],.feedback textarea{
	background-color: #141316;width: 100%;border:1px solid #919191;border-radius: 8px;padding:10px 20px;color:#fff;
}
.feedback input[type="text"]{height: 50px;}
.feedback textarea{height: 180px;}
.feedback #btnSubmit{width: 150px;line-height: 50px; height: 50px;display: block;text-align: center; background-color: #e60012;border:none;margin: 30px auto 0px;border-radius: 8px;font-size: 18px;color:#fff;}


@media (min-width:768px){

#header .menu ul li:hover{background: url(../images/up-icon.png) center bottom  no-repeat;}
.proshow .currtit h2 { padding: 0px 10px;}
.prodetails .showbanner .txt{left:20px;}
.procontent .text .txt {min-width: 320px;}
#myBanner .txt{font-size: 30px;top:15%;}
.down-ewm .down-iphone:hover .down_a,.down-ewm .down-android:hover .down_a{display: block;position: absolute;left:0;width: 100%;}
}
@media (min-width:1200px){
.proshow .currtit h2 { padding: 0px 25px;}
.prodetails .showbanner .txt{left: 50%;max-width: 1200px;top:16%; margin-left: -600px;padding-left: 25px;}
}
	
	.product .pro-item{padding:10px 0;}
	.product .pro-item .pro-title{max-width: 1200px;margin:auto;}
	.product .pro-item .pro-title .pic{display: none;}
	.product .pro-item .pro-title h3{color:#fff;border-bottom: 1px solid #666;font-size: 20px;line-height: 40px;}
	.product .pro-item .tabtitle{padding-top:30px;max-width: 1200px;margin:auto;}
	.product .pro-item .tabtitle ul li{text-align: center;}
	.product .pro-item .tabtitle ul li .tabtit{max-width: 120px;margin:0 auto;padding-bottom: 15px;cursor: pointer;}
	.product .pro-item .tabtitle ul li .tabtit.active{background:url(../images/up-icon.png) bottom center no-repeat;}
	.product .pro-item .tabtitle ul li p{color:#919191;font-size: 16px;line-height: 30px;}
	.product .pro-item .tabcon{background:#fff;display: none;}
	.product .pro-item .tabitem {display: none;}
	.product .pro-item .tabitem .head{padding:20px 15px;}
	/*.headcon{width:250px;float: right; text-align: center;}
	.checkdown,.alldown{width: 100px;height: 24px; line-height: 24px; font-size:18px;color:#e60012;text-align: right;}
	.checkdown{float: left;background:url(../images/checked-ico.png) left center no-repeat;}*/
    .alldown{float: right;background:url(../images/alldown-ico.png) left center no-repeat;width: 145px;height: 40px; line-height: 40px; font-size:18px;color:#e60012;text-align: right;}
    .alldown a{color:#e60012;}
	.product .pro-item .tabitem ul li{margin-bottom: 30px;}
	.product .pro-item .tabitem ul li .item{border:1px solid #999;max-width: 300px;position: relative;padding-bottom:1px; }
	.product .pro-item .tabitem ul li .item .choose{position: absolute;right: 0;top:0;width: 24px; height: 24px;
		border-left:1px solid #999;border-bottom:1px solid #999;padding:3px;cursor: pointer;background-color: #fff;z-index: 9;}
	.product .pro-item .tabitem ul li .item .choose i{width:100%; height:100%;display: block;}
	.product .pro-item .tabitem ul li .item .choose.checked i{background:#e60012;}
	.product .pro-item .tabitem ul li .item img{max-width: 100%;}
	.product .pro-item .tabitem ul li .item.left{float: left;}
	.product .pro-item .tabitem ul li .item.center{margin:0 auto;}
	.product .pro-item .tabitem ul li .item.right{float: right;}
	.product .bot{padding:10px 0;}
	.product .bot .botcon{display: none; width: 70px; text-align: right;background: url(../images/shouqi-ico.png) left center no-repeat;margin:0 auto;font-size: 16px;height: 30px;line-height: 30px;color:#919191;cursor: pointer;} 
	.product .pro-item .tabvideo ul li .item{max-width: 340px;}
	.product .pro-item .tabvideo ul li .item .pic{/*border:1px solid #999;*/position: relative;}
	.product .pro-item .tabvideo{padding-top:30px;}
	.product .pro-item .tabvideo ul li p{font-size: 14px;line-height: 24px;}
	.product .pro-item .tabvideo ul li .item .pic .hoverdiv{display:none; position: absolute;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
	.product .pro-item .tabvideo ul li .item .pic .hoverdiv>div{width: 50%; text-align: center;color:#fff;line-height: 32px;}
	.product .pro-item .tabvideo ul li .item .pic .hoverdiv>div img{margin-top:40%;margin-bottom: 10px;cursor: pointer;}
	.product .pro-item .tabvideo ul li .item .pic:hover .hoverdiv{display: block;}
	.product .pro-item .tabdown{padding-top:30px;}
	.product .pro-item .tabdown ul{padding:0 15px;}
	.product .pro-item .tabdown ul li{background:url(../images/down-li-ico.png) left center no-repeat;padding-left:40px;height: 36px;}
	.product .pro-item .tabdown ul li h4{float: left;line-height: 36px;}
	.product .pro-item .tabdown ul li h4 a{font-size: 18px;color:#919191;}
	.product .pro-item .tabdown ul li .down{float: right;font-size: 16px;line-height: 34px;text-align: center; color:#e60012;display: block;width: 100px; height: 34px;border:1px solid #e60012;border-radius: 5px;}

/*}*/

.currtit{background:#141316;font-size: 16px;color:#919191;padding:15px; margin-top: 50px;}
.product{background:#141316;}
.pro-pic .pro-title h3,
.pro-video .pro-title h3,
.pro-down .pro-title h3{padding:0 15px 15px 15px;}
.pro-pic .pro-title h3.no,
.pro-video .pro-title h3.no{background:url(../images/up-icon.png) 24px bottom no-repeat;border-bottom:none;}
.pro-item .pro-title h3 .headcon{color:#555;font-size: 18px;}
.pro-item .pro-title h3 .headcon .checkdown,.pro-item .pro-title h3 .headcon .alldown{height: 40px;line-height: 40px;}
.pro-item .pro-title h3 .headcon .checkdown,.pro-item .pro-title h3 .headcon span{display: none;}
.pro-item .pro-title h3.no .headcon .checkdown,.pro-item .pro-title h3.no .headcon.on span{display: block;}

.pro-pic .procon .list {padding:20px 0;}
.pro-pic .procon .list ul li{margin-bottom: 10px;}
.pro-pic .procon .list ul li:nth-child(n+4){display: none;}
.pro-pic .procon .list.all ul li{display: block;}
.pro-pic .procon .list ul li .pic{text-align: center;}
.pro-pic .procon .list ul li .pic img{max-width: 300px;width:100%;}
.product .bot{padding:10px 0;}
.product .bot .more{width: 100px; text-align: right;background: url(../images/more-ico.png) left center no-repeat;margin:0 auto;font-size: 16px;height: 30px;line-height: 30px;color:#919191;cursor: pointer;} 
.product .procon .tabvideo ul li {color:#f1f1f1;margin-bottom: 10px;}
.product .procon .tabvideo ul li:nth-child(n+4){display: none;}
.product .procon .tabvideo.all ul li{display:block;}
.product .pro-down .procon {padding-bottom:30px;}
.product .pro-pic .tabcon{padding-top:30px;} 

.page a,.page span{display: inline-block; margin: 5px;padding: 5px;}
.page a{color:#ffffff;}
.page span{color:#888}
.page .current,.page a:hover{color:#e60012;}
.page{text-align: center;}

 @media(max-width:1600px){
    .prodetails .showbanner{height: 540px;}
    .procontent{height: 540px;}
    .procontent7{height: auto;}
 }
 @media(max-width:1440px){
    .prodetails .showbanner{height: 470px;}
    .procontent{height: 470px;}
    .procontent7{height: auto;}
 }
@media (max-width:1200px) {
	#header .lang{display: none;}
	#header .menu{width:auto;}
	.problem-list ul li .question{margin:0 15px;}
	.problem-list ul li .answer{padding:10px 15px;}
    .prodetails .showbanner{height: 400px;}
    .procontent{height: 400px;}
    .procontent7{height: auto;}
    .procontent5 .text{margin:0;left:0;}
    .procontent5 .text .txt{margin-left: 50px;}
    .procontent6 .text{margin:0;left:0;}
    .procontent6 .text .txt{margin-left: 50px;}
}

@media (max-width:991px){
	.navbar-nav{width: auto;}
	.navbar-nav>li{float: left;}
	#header .menu ul li a{padding:0 15px;}
	.main .pic {text-align: center;padding:15px;}
    .prodetails .showbanner .txt h3,.prodetails .showbanner .txt p{font-size:26px;}
    .prodetails .showbanner{height: 330px;}
    .procontent{height: 330px;}
    .procontent7{height: auto;}
    .procontent .text .txt h3{font-size:26px; }
    .procontent .text .txt p{font-size:16px;}
    .procontent .text .txt{padding-left:15px;padding-right: 15px;}
    .procontent5 .text .txt{margin-left: 20px;width: 340px;}
    .procontent6 .text .txt{margin-right: 20px;width: 340px;}
    .procontent8{height: 250px;}
}
@media (max-width: 767px){

    .navbar-nav>li{float: none;}
	#header .menu{width: 100%;background-color: #232323;position: absolute;right: -100%;top:50px;-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;z-index:20px;float: none;}
	#header .menu ul li{line-height: 50px;height: auto;}
	#header .menu ul li a{border-bottom: 1px solid #343434;margin:0 10%;line-height: 50px;}
	.navbar-nav{width: 100%;}
	#header .dropdown-menu {
		position:static;background-color:#111;width: 100%;padding:0;float: none; 
	}
	.dropdown-menu li{width: 100%;padding:0;}
	.dropdown-menu li img{display: none;}
	#header .dropdown-menu li a{margin:0px 10% !important;padding: 0 25px;box-sizing: border-box;display: block !important; line-height: 50px !important;}
	.dropdown-menu li a p{line-height: 50px;}
	#header .menu ul li a.active,#header .menu ul li a:hover,#header .menu ul li a:focus,#header .menu ul li:hover a {
    color: #e60012;
    width: auto;
    background-color:#232323;}
    #header .menu-icon {
    background: url(../images/nav-x.png) center no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
    float: right;
    display: block;
    margin: 11px 15px;
    font-size: 12px;
	}
	#header .menu.active {
	    right: 0;
	    width: 100%;
	}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background-color:#232323;}

    #myBanner .txt{top:5px;font-size: 14px;}
    .index-product .item .text{background-color: rgba(51,51,51,0.2);}


    #header .lang{display: none;}
	.index-down .down-right{float: none;text-align: center;width: 100%;padding:0 15px;}
	.index-down .down-left{float: none;width: 100%;text-align: center;}
	.index-down .down-left{padding:30px 0;}
	.index-down .down-left .text{padding-top:0px }
	.down-left .text h3{font-size: 28px;}
	.index-down .down-ewm .pic{display: block;margin-bottom: 20px;}

.footer{padding:0;overflow: hidden;width: 100%}
.footer .item{width:100%;float: none;height: auto;}
.footer .item.right{float: none;}
.footer .item.link{}
.footer .item.link .linkpc{display: none;}
.footer .item .linkm{display: block;background-color: #be0000;padding:10px 15px;}
.footer .item .linkm .jd,.footer .item .linkm .tm{float: left;width: 50%;padding:6px 0;}
.footer .item .linkm .jd{border-left: 1px solid #fff;}
.footer .item .linkm  img{width: 100%;}
.footer .item.lang{display: block;}
.footer .item.lang .lan {
    float: right;
    display: initial;
    text-align: center;
    width: 100px;
    line-height: 20px;
    height: 20px;
    margin:15px 0;
}
.footer .item.lang .lan .pic{height: 20px;float: left;}
.footer .item.lang .lan .txt{font-size: 16px;float: left;color:#fff;padding-left:10px;}
.footer .item.lang ul li .pic,.footer .item.lang ul li .txt{float: left;font-size: 16px;}
.footer .item.menu{border-right:none;text-align: left;/*padding:0 15px;*/}
.footer .item.menu h3{cursor: pointer; height: 50px;line-height: 50px;font-size: 16px;margin-bottom:0;border-bottom: 1px solid #333;margin:0 15px;display: block;}
.footer .item.menu h3 i{display: block;float: right;height: 50px;width: 20px;background: url(../images/menu-down.png) center center no-repeat;background-size: 100%;}
.footer .item.menu h3.on{border-bottom:0;}
.footer .item.menu h3.on i{background: url(../images/menu-up.png) center center no-repeat;background-size: 100%;}
.footer .item.menu ul{display: none;background:#191919;}
.footer .item.menu ul li{margin:0 15px;line-height: 50px;border-bottom: 1px solid #333;}
.footer .item.menu ul li a{font-size: 16px;}
/*.footer .item.menu h3{font-size: 16px; color:#fff;line-height: 30px;margin-bottom: 10px;}
.footer .item.menu a{color:#bcbcbc;font-size: 12px;line-height: 30px;}*/

.videoplay-outer .videoplay-inner video{}
.pro-pic .procon .list li:nth-child(3),
.product .procon .tabvideo ul li:nth-child(3){display:none;}

.prodetails .showbanner{height: auto;display: none}
/*.prodetails .showbanner .txt{
    width: 100%;
    top:50px;
    left:15px;
    position: static;
    margin: 0;
    float: right;
    margin-top: 50px;}
}*/
.proshow .currtit h2{padding:0 3px;}
.prodetails .showbanner .txt{left:25px;}
.prodetails .showbanner .clickplay{/*left:50%;margin-left:-50px;*/ bottom:10px;width: 125px;
    height: 30px; line-height: 30px;padding:0 10px;font-size:14px;}
    .prodetails .profun .item{padding:0 5px;}
.prodetails .showbanner .txt h3{font-size: 16px;line-height: 1.6em;}
.prodetails .showbanner .txt p{font-size:14px;line-height: 1.6em;}
.procontent{height: 300px;}
/*.procontent .text .txt{top:0;margin-top: 0;}*/

.procontent4 .text .txt{bottom: 5%;left: 0;margin-left: 0;top:auto;}
.procontent7 .pic ul li{padding:0 5px;}
.procontent .text .txt h3{font-size: 16px;line-height: 1.6em;}
.procontent .text .txt p{line-height: 1.4em;font-size: 14px;}
.procontent8 .pic{height: 100%;}
.procontent8{height: 200px}
.procontent6 .text .txt{margin-right: 0;width: 50%;}

.banner-inner .txt{font-size: 18px;}

.news{padding: 0;padding-bottom: 30px;}
.news-head{height: 40px;background:#333;}
.news-head li{margin: 0;float: left;height: 40px;line-height: 40px;border-left:1px solid #555;}
.news-head.menu-3 li{width: 33%;}
.news-head.menu-2 li{width: 50%;}
.news-head li:nth-child(1){border-left:none;}
.news-head li a{padding:0 10px;height: 40px;line-height: 40px;}

.down-left .down-iphone,.down-left .down-android{margin-left: 0px;padding:0 5px;}
.feedback .wttype a{width:30%;margin:0 1% 10px 1%;}
}

@media(max-width: 600px){
    .procontent{height:250px;}
    .procontent .text .txt h3{font-size: 14px;line-height: 1.6em;margin-bottom: 10px;}
    .procontent .text .txt p{font-size: 12px;line-height: 1.4em;}
    .procontent1{height: auto;}
    .procontent1 .pic,.procontent2 .pic{width: 100%;text-align: center;overflow: hidden;}
    .procontent1 .pic img,.procontent2 .pic img{}
    .procontent1 .text{width: 100%;}
    .procontent1 .text .txt,.procontent2 .text .txt{top:0;margin-top: 0;}
    .procontent1 .text .txt{position: static;padding: 20px 15px;text-align: center;}
    .procontent2{height: auto;}
/*    .procontent2 .pic{width: 100%;text-align: center;height:350px;overflow: hidden;}*/
    .procontent2 .text{width: 100%;}
    .procontent2 .text .txt{position: static;padding: 20px 15px;text-align: center;}
    .videoplay-outer .videoplay-inner iframe{height: 250px;}
    .videoplay-outer .videoplay-inner .close{right:0;}
    .prodetails .showbanner .txt{left:25px;top:15%;}
    .procontent8{height: 160px;}
    .prodetails .showbanner .clickplay{right:20px;left:auto;margin-left: auto;}
    .procontent5 .text .txt{width:180px;}
    #myBanner .txt{font-size: 18px;}
    .index-product .item .text h3{font-size: 18px;line-height: 1.6em;}
     .index-product .item .text p{font-size: 14px;line-height: 1.6em;}
     .news-head li a{font-size: 12px;}
     .proshow .currtit{position: static;}
     .down-left .text h3{font-size: 22px;}
     .down-left .text p{font-size: 16px;}
     .footer .item.menu h3{font-size: 16px;}
     .footer .item.menu ul li a{font-size: 16px;}
}
@media(max-width:500px){
    .procontent8{height: 120px;}
    #myBanner .carousel-inner{min-height:140px; }
    #myBanner .index-product{min-height: 237px;}

}
.procontent1,.procontent2{height: auto}

/*app下载页面*/

/*@media(max-width: 767px){*/
    /*.app-img{*/
        /*margin-top: 12%;*/
    /*}*/
/*}*/
/*@media(min-width: 768px){*/
    /*.app-img{*/
        /*margin-top: 2%;*/
        /*width:100%;*/
    /*}*/
/*}*/


@media(max-width: 1300px){
    .index-appbanner .container .app-dw .app-dw-left .app-text p{font-size: 16px;color: #ffffff;line-height: 2em;}
    .index-appbanner .container .app-dw .app-dw-left .app-android{
        margin-top: 80px;
        margin-bottom: 15px;
        width: 85%;
    }
    .index-appbanner .container .app-dw .app-dw-left .app-IOS{
        width: 85%;
    }
}




/*ridingapp电脑端样式*/


@media (min-width: 768px) {


    .index-appbanner{
        /*background: url(https://resources.livall.com/LIVALLGW/IMG/banner-app.jpg)center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*height: 895px;*/
        margin-top: 49px;
        position: relative;
        min-width: 1200px;
    }
    /*.index-appbanner .container{*/
    /*overflow: hidden;*/
    /*}*/
    .index-appbanner .container .app-dw{
        width: 340px;
        position: absolute;
        top:20%;
        left:22%;
    }
    .index-appbanner .container .app-dw .app-dw-left{}
    .index-appbanner .container .app-dw .app-dw-left.app-text{
        margin-bottom: 20px;
    }
    .index-appbanner .container .app-dw .app-dw-left .app-text h1{color: #ffffff}
    .index-appbanner .container .app-dw .app-dw-left .app-text p{font-size: 23px;color: #ffffff;line-height: 3em;}
    .index-appbanner .container .app-dw .app-dw-left .app-android{
        margin-top: 70px;
        margin-bottom: 15px;
    }
    .index-appbanner .container .app-dw .app-dw-left .app-android img{width: 70%}
    .index-appbanner .container .app-dw .app-dw-left .app-IOS img{width: 70%}
    .index-appbanner .container .app-img{
        float: right;
        width: 40%;
        /*height: 689px;*/
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/APP-dw.png") center center no-repeat ;*/
        margin-top: 20%;


    }

    .duijiang{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/duijiang.jpg")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 500px;*/
        /*height: 100%;*/
        min-width: 1200px;
        position: relative;


    }
    .duijiang .container .duijiang-index{}
    .duijiang .container .duijiang-index .duijiang-text{
        width: 35%;
        position: absolute;
        top: 15%;
        left: 44%;

    }
    .duijiang .container .duijiang-index .duijiang-text h2{}
    .duijiang .container .duijiang-index .duijiang-text p{
        line-height: 25px;
        font-size: 16px;
        /*margin-top: 15px;*/
    }


    .sos{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/SOS.jpg")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 500px;*/
        /*height: 100%;*/
        position: relative;
        min-width: 1200px;
    }
    .sos .container .sos-text{
        width: 27%;
        position: absolute;
        top:10%;
        left: 23%;
    }
    .sos .container .sos-text p{
        margin-top: 6%;
        line-height: 2em;
        margin-bottom: 12%;
        font-size: 16px;
    }



    .miuzic{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/miuzic.jpg")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 500px;*/
        /*height: 100%;*/
        /*!*height: 920px;*!*/
        position: relative;
        min-width: 1200px;
    }
    .miuzic .container .miuzic-text{
        position: absolute;
        top: 10%;
        left: 50%;
        margin-left: -25%;
        text-align: center;

    }
    .miuzic .container .miuzic-text p{
        font-size: 16px;
        line-height: 2em;
    }




}

/*ridingapp手机页面样式*/



@media (max-width: 768px) {

    .index-appbanner{
        /*background: url(https://resources.livall.com/LIVALLGW/IMG/banner-app.jpg)center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*height: 895px;*/
        margin-top: 50px;
        position: relative;

    }
    /*.index-appbanner .container{*/
    /*overflow: hidden;*/
    /*}*/
    .index-appbanner .container .app-dw{
        width: 190px;
        position: absolute;
        top:24%;
        left: 46%;
    }
    .index-appbanner .container .app-dw .app-dw-left{}
    .index-appbanner .container .app-dw .app-dw-left.app-text{
        margin-bottom: 20px;
    }
    .index-appbanner .container .app-dw .app-dw-left .app-text h1{color: #fff;font-size: 20px;}
    .index-appbanner .container .app-dw .app-dw-left .app-text p{font-size: 14px;color: #fff;line-height: 2em;}
    .index-appbanner .container .app-dw .app-dw-left .app-android{
        margin-top: 30px;
        margin-bottom: 15px;

    }
    .index-appbanner .container .app-dw .app-dw-left .app-android img{ width: 80%;}
    .index-appbanner .container .app-dw .app-dw-left .app-IOS img{width: 80%}
    /*.index-appbanner .container .app-img{*/
    /*float: right;*/
    /*width: 40%;*/
    /*height: 689px;*/
    /*background: url("https://resources.livall.com/LIVALLGW/IMG/APP-dw.png") center center no-repeat ;*/
    /*margin-top: 20%;*/


    /*}*/

    .duijiang{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/duijiang.jpg")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 500px;*/
        /*height: 100%;*/
        /*min-width: 1200px;*/
        position: relative;


    }
    .duijiang .container .duijiang-index{}
    .duijiang .container .duijiang-index .duijiang-text{
        width: 85%;
        position: absolute;
        top: 0;
        left: 8%;

    }
    .duijiang .container .duijiang-index .duijiang-text h2{font-size: 21px;}
    .duijiang .container .duijiang-index .duijiang-text p{
        /*line-height: 25px;*/
        font-size: 12px;
        /*margin-top: 15px;*/
    }


    .sos{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/SOS.jpg")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 500px;*/
        /*height: 100%;*/
        position: relative;
        /*min-width: 1200px;*/
    }
    .sos .container .sos-text{
        font-size: 14px;
        width: 85%;
        position: absolute;
        top: 4%;
        left: 8%;
    }
    .sos .container .sos-text h2{font-size: 21px}
    .sos .container .sos-text p{
        margin-top: 2%;
        /*line-height: 2em;*/
        /*margin-bottom: 8%;*/
        font-size: 12px;
    }



    .miuzic{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/miuzic.jpg")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 500px;*/
        /*height: 100%;*/
        /*!*height: 920px;*!*/
        position: relative;
        /*min-width: 1200px;*/
    }
    .miuzic .container .miuzic-text{
        position: absolute;
        top: 4%;
        left: 7%;
        width: 85%;
    }
    .miuzic .container .miuzic-text h2{font-size: 21px;}
    .miuzic .container .miuzic-text p{
        font-size: 12px;
        /*line-height: 2em;*/
    }


}



/*skiapp电脑端样式*/
@media (max-width: 1300px) {
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-android img{width: 60%}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-IOS img{width: 60%}

}


@media (min-width: 768px) {




    .index-skiappbanner{
        /*background: url()center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*height: 650px;*/
        margin-top: 49px;
        overflow: hidden;
        position: relative;
        min-width: 1100px;
    }
    .index-skiappbanner .container{
        overflow: hidden;
    }
    .index-skiappbanner .container .skiapp-dw{
        width: 340px;
        position: absolute;top: 15%;left: 33%;
        /*margin-left: 15%;*/
        /*margin-top: 15%;*/
    }
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left{}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-text{
        margin-bottom: 20px;
    }
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-text h1{color: #000}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-text p{font-size: 16px;color: #000;line-height: 3em;}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-android{
        margin-top: 60px;
        margin-bottom: 20px;
    }
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-android img{width: 65%}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-IOS img{width: 65%}
    /*.index-skiappbanner .container .skiapp-img{*/
    /*float: right;*/
    /*width: 40%;*/
    /*!*height: 689px;*!*/
    /*!*background: url("https://resources.livall.com/LIVALLGW/IMG/APP-dw.png") center center no-repeat ;*!*/
    /*margin-top: 20%;*/


    /*}*/

    .ski-duijiang{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/ski/ski-duijiang.png")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*height: 678px;*/
        position: relative;
        min-width: 1100px;

    }
    .ski-duijiang-index{position: absolute;top: 10%;left: 20%}

    .ski-duijiang .container .ski-duijiang-index{}
    .ski-duijiang .container .ski-duijiang-index .ski-duijiang-text{

        /*width: 20%;*/
        margin: 2% 2%;
        float: left;
        width: 630px;
    }
    .ski-duijiang .container .duijiang-index .duijiang-text h2{}
    .ski-duijiang .container .ski-duijiang-index .ski-duijiang-text p{
        line-height: 25px;
        font-size: 12px;
        margin-top: 5px;
    }
    /*.ski-duijiang .container .ski-duijiang-index .ski-duijiang-img{*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*}*/
    .ski-fangdiu{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/ski/ski-wl.png")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 833px;*/
        /*height: 100%;*/
        /*height: 920px;*/
        position: relative;
        min-width: 1100px;
    }
    .ski-fangdiu .container .ski-fangdiu-text{
        margin: 2% auto;
        position: absolute;
        top:0;
        width:520px;
        left: 22%;

    }
    .ski-fangdiu .container .ski-fangdiu-text p{
        font-size: 12px;
        line-height: 2em;
        margin-top: 15px;
    }

    .ski-sos{
        /*background: url("")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 500px;*/
        /*height: 100%;*/
        min-width: 1100px;
        position: relative;
    }
    .ski-sos .container .ski-sos-text{
        width: 520px;
        top:4%;
        position: absolute;
        left: 22%;
    }
    .ski-sos .container .ski-sos-text p{
        margin-top: 1%;
        line-height: 2em;
        margin-bottom: 1%;
        font-size: 12px;
    }


}


/*skiapp手机端样式*/


@media (max-width: 768px) {




    .index-skiappbanner{
        /*background: url()center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*height: 650px;*/
        margin-top: 50px;
        overflow: hidden;
        position: relative;

    }
    .index-skiappbanner .container{
        overflow: hidden;
    }
    .index-skiappbanner .container .skiapp-dw{

        width:220px;
        position: absolute;
        top:24%;
        left: 49%;

    }
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left{}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-text{
        margin-bottom: 20px;
    }
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-text h1{color: #000;font-size: 21px}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-text p{font-size: 12px;color: #000;line-height: 2em;}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-android{
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-android img{width: 65%}
    .index-skiappbanner .container .skiapp-dw .skiapp-dw-left .skiapp-IOS img{width: 65%}
    /*.index-skiappbanner .container .skiapp-img{*/
    /*float: right;*/
    /*width: 40%;*/
    /*!*height: 689px;*!*/
    /*!*background: url("https://resources.livall.com/LIVALLGW/IMG/APP-dw.png") center center no-repeat ;*!*/
    /*margin-top: 20%;*/


    /*}*/

    .ski-duijiang{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/ski/ski-duijiang.png")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*height: 678px;*/
        position: relative;


    }
    .ski-duijiang-index{position: absolute;top: 10%;left: 1%}

    .ski-duijiang .container .ski-duijiang-index{}
    .ski-duijiang .container .ski-duijiang-index .ski-duijiang-text{

        /*width: 20%;*/
        margin: 10% 4%;
        float: left;
    }
    .ski-duijiang .container .ski-duijiang-index .ski-duijiang-text h2{font-size: 21px;}
    .ski-duijiang .container .ski-duijiang-index .ski-duijiang-text p{
        line-height: 1.5em;
        font-size: 12px;
        margin-top: 6px;
    }
    /*.ski-duijiang .container .ski-duijiang-index .ski-duijiang-img{*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*}*/
    .ski-fangdiu{
        /*background: url("https://resources.livall.com/LIVALLGW/IMG/ski/ski-wl.png")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 833px;*/
        /*height: 100%;*/
        /*height: 920px;*/
        position: relative;

    }
    .ski-fangdiu .container .ski-fangdiu-text{
        position: absolute;
        top: 5%;
        width: 90%;
        left: 4%;

    }
    .ski-fangdiu .container .ski-fangdiu-text h2{font-size: 21px;}
    .ski-fangdiu .container .ski-fangdiu-text p{
        /*font-size: 18px;*/
        line-height: 2em;
    }

    .ski-sos{
        /*background: url("")center center no-repeat;*/
        /*background-size: cover;*/
        /*width: 100%;*/
        /*min-height: 500px;*/
        /*height: 100%;*/

        position: relative;
    }
    .ski-sos .container .ski-sos-text{
        width: 90%;
        top: 5%;
        position: absolute;
        left: 4%;
    }
    .ski-sos .container .ski-sos-text h2{font-size: 21px}
    .ski-sos .container .ski-sos-text p{
        margin-top: 1%;
        line-height: 2em;
    }


}



/*主页样式*/

/*.index-list{margin: 0 auto;width: 100%}*/
/*.index-list-top{padding: 20px 2% ;width:1200px;height: 826px;}*/
/*.float-left{*/
    /*float: left;*/
/*}*/
/*.float-right{float: left}*/
/*.index-list_1{width: 545px; margin-right: 20px;overflow: hidden}*/
/*.index-list_2{width: 542px;margin-top: 2px;overflow: hidden}*/
/*.index-list_r{margin-bottom: 24px;}*/
/*.index-list-botem{padding: 0 2% 2% 2%;overflow: hidden;}*/
/*.index-list-botem .index-list_4{width: 1110px}*/
/*.index-list .index-list-top a img:hover{*/

    /*transform: scale(1.1);*/
    /*transition: all 1s ease 0s;*/
    /*-webkit-transform: scale(1.1);*/
    /*-webkit-transform: all 1s ease 0s;*/
/*}*/


/*@media (max-width:768px){*/

    /*.index-list{margin: -2px auto;width: 100%}*/
    /*.index-list-top{padding: 0 ;width: 100%}*/
    /*.float-left{*/
        /*float: left;*/
    /*}*/
    /*.float-right{float: left}*/
    /*.index-list_1{ margin-right: 20px;width: 100%}*/
    /*.index-list_2{margin-top: 0px;width: 100%}*/
    /*.index-list_r{margin-bottom:0;}*/
    /*.index-list-botem{padding: 0;}*/
    /*.index-list-botem .index-list_4{width: 100%}*/
/*}*/
/*主页样式*/