@charset "utf-8";
/*******banner条***/
.banner{ position:relative; overflow:hidden; }
.slider{ margin:0 auto;;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }
.flexslider .slides img {display: block; position:relative;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 450px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;zoom: 1;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {width:90%;  margin:0 auto; position:relative; }
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(http://yzt.2113114.com/images/ad_ctr.png) no-repeat 0 0;position: absolute;bottom:230px;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right:50px;}
.flex-direction-nav .flex-prev {left: 50px;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block; zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(http://yzt.2113114.com/images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.friends_banner{ position:relative; overflow:hidden;}
.friends_banner img{ display:block; position:relative;}




/********千词霸屏*********************/
.ba-mb{ display:none;}
.ba-pc{ display:block;}
.ba1{ background:url(http://image.364000.cc/qianci/bg1.jpg) no-repeat center; height:771px; padding:60px 0; box-sizing:border-box;}
.ba1 h2{ display:block; font-size:42px; text-align:center;}
.ba1 h2 span{ color:#1761a3;}
.ba1 p{ text-align:center; font-size:30px;}
.ba1 p span{ color:#1761a3;}

.ba1 ul{ margin:0 auto; max-width:1200px; position:relative; height:500px; padding-top:85px; box-sizing:border-box; padding-left:110px;}
.ba1 ul li{ font-size:18px; display:block; margin-bottom:60px; padding-top:16px;}
.ba1 ul li:nth-child(2n){ padding-left:20px;}


.ba2{ background:url(http://image.364000.cc/qianci/bg2.jpg) no-repeat center; height:681px; color:#fff;text-align:center; padding-top:30px; box-sizing:border-box;}
.ba2 h2{ display:block; font-size:30px; }
.ba2 p{ font-size:18px; text-transform:uppercase;}
.ba2 ul{ max-width:1200px; margin:65px auto 0 auto; position:relative; height:350px;}
.ba2 ul li{ width:380px; text-align:left;}
.ba2 ul li:nth-child(1){ position:absolute; top:40px; left:65px;}
.ba2 ul li:nth-child(2){ position:absolute; top:40px; right:75px; text-align:right; width:350px;}
.ba2 ul li:nth-child(3){ position:absolute; top:215px; left:65px; width:300px;}
.ba2 ul li:nth-child(4){ position:absolute; top:215px; right:75px; text-align:right; width:300px;}
.ba2 ul li h2{ font-size:18px; margin-bottom:15px;}
.ba2 ul li p{ font-size:16px;}
.ba2 .q_more{ display:block; width:200px; height:50px; border-radius:5px; line-height:50px; background:#F60; color:#fff; margin:20px auto;}

.ba3{ background:url(http://yzt.2113114.com/images/bg3.jpg) no-repeat center; height:632px;}
.ba3-1{ max-width:1200px; margin:0 auto;}
.ba3-1 ul{ width:540px; margin-left:60px; line-height:2; text-align:center; padding-top:195px;}
.ba3-1 ul h2{ font-size:28px;}
.ba3-1 ul p{ font-size:18px; text-align:left;}
.ba4{ background:url(http://image.364000.cc/qianci/bg4.jpg) no-repeat center; height:677px; text-align:center; padding:30px 0; box-sizing:border-box;}
.ba4 h2{ font-size:30px; color:#cc0505; font-weight:bold;}
.ba4 p{ font-size:14px; text-transform:capitalize; color:#000;}
.ba4 ul{ max-width:1200px; position:relative; height:500px; margin:0 auto;}
.ba4 ul li h2{ font-size:20px; color:#000; font-weight:normal;}

.ba4 ul li:nth-child(1){ text-align:right; position:absolute; top:120px; width:430px;}
.ba4 ul li:nth-child(2){ text-align:left; position:absolute; right:0; top:100px; width:390px;}
.ba4 ul li:nth-child(3){ text-align:right; position:absolute; left:0; top:320px; width:330px; }
.ba4 ul li:nth-child(4){ text-align:left; position:absolute; right:226px; top:370px; width:160px;}

.ba5{ background:url(http://image.364000.cc/qianci/bg5.jpg) no-repeat center; height:787px;}
.ba5 ul{ max-width:1200px; margin:0 auto; padding-top:170px;}
.ba5 ul li{ float:left; width:340px; height:570px; overflow:hidden; margin-right:90px; position:relative;}
.ba5 ul li:last-child{ margin-right:0;}
.ba5 ul li span{ display:block; position:absolute; width:100%; height:100%; background:url(iphone.png) no-repeat center; left:0; top:0;}
.ba5 ul li video{ width:320px !important; height:540px !important; display:block; margin:20px auto 0 auto;}
.ba5 ul li div{ overflow:hidden; border-radius:80px; background:#000;}
video::-webkit-media-controls{
    display:none !important;
}

.ba5-m{ display:block;  height:50px;  margin:50px auto;}



.bank a{ display:none;}
.bank a.m-more{ display:block;}
@media (max-width:640px){
    .ba-mb{ display:block;}
    .ba-pc{ display:none;}
    .qianci img{ display:block;}
    .qianci2{ background:url(http://image.364000.cc/qianci/q7.jpg) no-repeat center top; background-size:100% auto; padding-bottom:35px; padding-top:20px;}
    /* 本例子css */
    .qianci2{ width:100%; overflow:hidden; position:relative; }
    .qianci2 .bd{ position:relative; height:100%; z-index:0;   }
    .qianci2 .bd li{ zoom:1; vertical-align:middle; width:240px; height:400px; margin:0 auto; position:relative;}

    .qianci2 .bd ul li span{ display:block; position:absolute; width:100%; height:100%; background:url(http://yzt.2113114.com/images/iphone.png) no-repeat center top; background-size:100% auto !important; left:0; top:0; z-index:-1;}
    .qianci2 .bd ul li video{ width:220px !important; height:371px !important; display:block; margin:20px auto 0 auto; border-radius:30px; position:relative; z-index:0;}
    .qianci2 .bd ul li div{ overflow:hidden; width:220px; margin:0 auto; border-radius:30px; background:#000;}


    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .qianci2 .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:35px; height:35px; background:url(http://yzt.2113114.com/images/l.png) no-repeat center; background-size:100% auto;   }
    .qianci2 .next{ position:absolute; right:3%; top:50%; margin-top:-25px; display:block; width:35px; height:35px; background:url(http://yzt.2113114.com/images/r.png) no-repeat center; background-size:100% auto;   }

  .qianci2 a{background-color:rgba(255,255,255,0.25); font-weight:bold; font-size:32px; line-height:35px; text-align:center;}

    .ba5-m{ display:block;  height:40px;  margin:20px auto;}
}


/********千词霸屏*********************/


.slideBox-float-doalog{ position: fixed; z-index: 10000; top:0; left:0; width:100vw; height:100vh;}
.slideBox-float{ position: relative; width:100vw; height:100vh;  overflow:hidden; position:relative; background-color: rgba(0,0,0,0.25);}
.slideBox-float .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox-float .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox-float .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox-float .hd ul li.on{ background:#f00; color:#fff; }
.slideBox-float .bd{ position:relative; height:100%; z-index:0;   }
.slideBox-float .bd li{ zoom:1; vertical-align:middle; }
.slideBox-float .bd a{display: block; width:100%; height:100%; position: relative;}
.slideBox-float .bd img{ position: absolute; z-index: 1; top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); max-width:80vw; max-height:80vh; display:block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox-float .prev,
.slideBox-float .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox-float .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox-float .prev:hover,
.slideBox-float .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox-float .prevStop{ display:none;  }
.slideBox-float .nextStop{ display:none;  }


.slideBox-top{ overflow:hidden; position:relative; background-color: rgba(0,0,0,0.25);}
.slideBox-top .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox-top .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox-top .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox-top .hd ul li.on{ background:#f00; color:#fff; }
.slideBox-top .bd{ position:relative; height:100%; z-index:0;   }
.slideBox-top .bd li{ zoom:1; vertical-align:middle; }
.slideBox-top .bd img{ max-width:100%; display:block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox-top .prev,
.slideBox-top .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox-top .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox-top .prev:hover,
.slideBox-top .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox-top .prevStop{ display:none;  }
.slideBox-top .nextStop{ display:none;  }