/*****************************全局样式*************************************************/
* {margin:0; padding:0;}
html{font-size: 10px;}
body {
  font-family:" " !important; 
  -webkit-overflow-scrolling:touch;/*流畅滚动*/
  background: #edf0f7;
}
a{text-decoration:none;}
ul{list-style:none;}
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}
a, img {
    width:100%;
    -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}
/*****************************页面样式*************************************************/
.header{width:750px;margin:0 auto;height:470px;background-color:#edf0f7;border-bottom:1px solid #dfdfdf;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-repeat: no-repeat;}
.hr_l{width:240px;height:470px;float:left;}
.hr_r{width:68%;height:470px;float:left; text-align: center;}
.hrl_1{margin-left:13%;margin-top:110px;font-size:46px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.hrl_2{width:135px;height:20px;margin-left:13%;margin-top:4px; color:#eeb653;font-size: 20px;
    font-weight:bold;}
.hrl_2 img{display:inline-block;height:auto;max-width:100%;}
.hrl_3{width:270px;height:24px;margin-left:13%;margin-top:22px;}
.hrl_3 img{display:inline-block;height:auto;max-width:100%;}
.hrl_4{margin-left:13%;margin-top:90px;}
.hrl_41{font-size:30px;color:#81d8cf;font-weight:bold;}
.hrl_42{font-size:24px;color:#888;}
.hrl_4 .cp_title{position: absolute;top: -60px;left: 0px;font-size:24px;width: 300px;} /*企业价*/
.h86{height:86px;}
.hrl_5{margin-left:13%;width:280px;font-size:24px;color:#b2b2b2;display:block;margin:0;margin-left:30px;}
.line1_box{width:100%;border-bottom:1px solid #dfdfdf;background: #fff;}
.line1{width:92%;height:86px;margin:0 auto; display: flex;display: -webkit-flex;justify-content: space-between;}
.line_l{line-height:86px;font-size:30px;color:#000;}
.line1_r{width:150px;height:86px;}
.l1r_l{height:16px;float:left;margin-top: 20px;}
.l1r_l1{width: 24px;height:16px;float:left;margin-right:6px;}
.l1r_l1 img{display:inline-block;height:auto;max-width:100%;}
.l1r_l2{width: 24px;height:16px;float:left;}
.l1r_l2 img{display:inline-block;height:auto;max-width:100%;}
.l1r_r{font-size:24px;line-height:86px;color:#888;float:right;}
.line_auto_box{width:100%;box-sizing: border-box;padding:40px 0px;background: #fff}
.line_auto{width:100%;}
.line_auto img{margin-right: 9pxmargin-bottom:9px;}
.line2_box{width:100%;height:86px;border-bottom:1px solid #dfdfdf;}
.line2{width:92%;height:86px;margin:0 auto;display: flex;display: _webkit_flex;justify-content: space-between;}
.line2_l{height:86px;line-height:86px;font-size:28px;color:#333;display: inline-block;} 
.line4_box{width:100%;border-bottom:1px solid #dfdfdf;height:150%;clear:both;}
.line4{width:92%; margin:0 auto;}
.l4_l1{font-size:28px;margin-top:25px;color:#333;} 
.l4l2_1{padding:8px 28px;background-color:#9933cc;color:#fff;font-size:24px;text-align:center;display:inline-block;margin:10px 15px 10px 0;border-radius:40px;}
.l4_l3{margin-top:30px;font-size:28px;color:#888;clear: both;}
.l4_l4box{width:100%; margin-top:20px;padding-bottom: 20px; }
.l4_l4{width:100%; }
.l4_l41{display:inline-block;padding-left:16px;padding-right:16px;height:40px;border:1px solid #bbb;border-radius:50px;color:#9933cc;font-size:25px;line-height:40px;text-align:center;margin: 0.5rem;}
.line5{width: 92%;height:100%;margin:0 auto;}
.line{width:750px;box-sizing: border-box;padding-left: 30px;} 
.l5l1_r{height:34px;}  
.l5_l2{width:100%;clear:both;display: flex;display: _webkit_flex; flex-wrap: wrap;box-sizing: border-box;padding: 0 20px;}
.l5l2_1{display: inline-block;width: 220px;height: 258px;margin: 0 3px;} 
.l5l2_11{height:160px;width:220px;}
.l5l2_11 img{display:inline-block;height:auto;max-width:100%;}
.l5l2_12{width:220px;height:90px;text-align:center;margin-top:26px;font-size:27px;color:#888;}

.line6_box{width:100%;height:86px;border-bottom:1px solid #dfdfdf;}
.line6{width:92%;height:86px;margin:0 auto;} 
.l6_r{width:18px;height:30px;margin-top:28px;}
.l6_r img{display:inline-block;height:auto;max-width:100%;} 
.l7_r{height:30px;}
.l7_r1{height:86px;line-height:86px;font-size:28px;color:#666;display: inline-block;padding-right: 15px;}
.l7_r2{width:18px;height:30px;float:right;margin-top:28px;float:right;}
.l7_r2 img{display:inline-block;height:auto;max-width:100%;}
.line8{width:100%;height:336px;margin:0 auto;}
.l8_1{width: 100%;height: 86px;box-sizing: border-box;border-bottom:1px solid #dfdfdf;padding:0 48px 0 30px;}  
.l81_r{height: 74px;float: right;padding-top: 12px;} 
.l8_2{width: 100%;margin-top: 28px;clear: both;box-sizing: border-box;padding: 0 30px; }
.l82_l{width: 47%;display:inline-block;height:180px;margin-right:20px;}
.l82_r{width: 47%;display:inline-block;height:180px;vertical-align: top}
.l82l_1{width:100%;height:60px;clear:both;}
.l82l1_1{height:60px;line-height:60px;display:inline-block;font-size:28px;color:#333;vertical-align: top}
.l82l1_2{display:inline-block;height:60px;width: 140px;margin-top: 8px;vertical-align: top}
.l82l1_3{height:60px;line-height:60px;display:inline-block;font-size:24px;color:#888;vertical-align: top;margin-left:4px;}
.line9{width:100%;border-bottom: 1px solid #dfdfdf;box-sizing: border-box;padding: 0 30px 20px 30px;margin: 0 auto;}
.l9_l{width:15.4%;float:left;}
.l9_r{width:84.6%;float:right;}
.l9l_1{width:81px;height:81px;margin-top:1.06667rem;}
.l9l_1 img{border: 1px solid #ddd;border-radius: 42px;}
.l9r_1{width:100%;margin-top:1.955556rem;}
.l9r1_1{width:100%;height:50px;}
.l9r1_1l{float:left;}
.l9r1_1r{height:50px;line-height:50px;font-size:24px;color:#888;font-style:italic;float:right;}
.l9r1_1l1{font-size:28px;color:#333;height:50px;line-height:50px;float:left;}
.l9r1_1l2{height:50px;float:left;margin: 11px 10px 0 25px;}
.l9r1_1l3{height:50px;line-height:50px;font-size:24px;color:#888;font-style:italic;float:left;}
.l9r1_2{width:100%;}
.comment{width:100%;margin: 14px 0;font-size:24px;color:#888;line-height:150%;}
.moreCommentR{float: right;margin: 0 20px;box-sizing: border-box;padding-right: 44px; height: 50px;line-height: 50px;background: url(../images/ysarrowdown.png) no-repeat right center;font-size:28px;color: #81d8cf;}  
.moreCommentCon{width: 100%;} 
.closeUp{width:50px;height:50px;box-sizing: border-box;margin-right: 50px;background:url(../images/ysarrowdown.png) no-repeat right center;transform: rotate(180deg);clear:both;}
.xuanfukuang{width:100%;position:fixed;bottom:0;left:0;z-index: 100;}
.xf_l{width:34%;background-color:#fff;float:left;padding: 10.5px 0;text-align: center;}
.xf_r{width:100%;height:100px;line-height:100px;background-color:#ed8d8f;float:left;font-size:36px;color:#fff;text-align:center;}
.xfl_1 img{display:inline-block;height:auto;max-width:100%;}
.xfl_2{text-align: center;font-size: 24px;color: #666;}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #81d8cf;
}
.jjys-line-star{
} 
.tipsnone{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    display: none;
    width:350px;
    margin:0 auto;
}

.mt15{
    margin-top: 15px;
}
.mll{
    margin-left: 20px;
}

.back-kf{
    background: url("../images/kf-float.png");
    width: 200px;
    height: 80px;
    text-align: left;
    line-height: 80px;
    position: fixed;
    bottom: 140px;
    color:#ffffff;
    font-size:34px;
}
.ml70{
    margin-left: 70px;
}
/*蒙层样式*/
#gz{
    height:100%;
}
#tbody{
    height:100%;
    padding-bottom: 200px;
}
.carrousel {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(10, 10, 10, 1);
  display: none;
}
.carrousel .wrapper {
  /*width: 80%;
  height: 50%;
  overflow: hidden;
  margin-left:10%;*/
  margin-top:25%;
  /*.loading{
    color: #FFF;
    font-size: 24px;
    margin: 40% 40%;
    display: none;
  }*/
}
.carrousel .wrapper > img {
 /* width: 100%;
  height:100%;*/
}
.videoBox{
    width: 750px;
    background: #fff;
    padding-bottom: 30px;
}  
.videoTitle{
    font-size: 28px;
    color: #333;
    width:750px;
    border-bottom:1px solid #dfdfdf;
    height: 86px;
    line-height: 86px;
    box-sizing: border-box;
    padding-left: 30px; 

} 
.swiper-button-prev{
    background:url(../images/zk@2x.png) no-repeat ;
    transform: rotateY(180);
    -webkit-transform:rotateY(180deg);
}
.swiper-button-next{
    background:url(../images/zk@2x.png) no-repeat ; 
} 
.videoSwiper,.videoWrapper{
    width:690px;
    height: 420px;
    margin:0 auto;
}
.videoSlide{
    width:690px;
    height:420px;
    margin:30px auto; 
    position: relative;
} 
.videoSlide .vMask{
    width:690px;
    height: 420px;
    background: rgba(0,0,0,.4);
    position: absolute;
    top:0;
    left: 0;
}
.videoSlide .videoLabel{
    text-align: center;
    font-size:35px;
    color:#fff;
    width:100%;
    position: absolute;
    top:65px;
    left: 0; 
}
.videoSlide .ysVideo{
    width:690px;
    height: 420px;
} 
.videoSlide .startBtn{
    width:60px;
    height:60px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
} 

.videoMask{
    width:100%;
    height: 100%;
    background: rgba(0,0,0,1);
    position: fixed;
    top:0;
    left: 0;
    z-index: 1000;
}
.videoMask .maskVideo{
    width:690px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);

}