/*zbanner*/

.zbanner{

  height: 400px;

  margin-top: 100px;

  background-repeat: no-repeat;

  background-size:cover;

  display:flex;

  align-items: center;

  justify-content: center;

}

.zbanner h3{

  font-size: 3.4rem;

  color: #fff;

  font-weight: bold;

}

.zbanner small{

  color: #fff;

  text-transform: uppercase;

  font-size: 1.6rem;

}

.sloinfo_bantext>h3{

  color: #fff;

  font-size: 36px;

  text-align: center;

}

.sloinfo_bantext>small{

  margin-top:8px;

  text-align: center;

  font-weight: lighter;

  display:block;

  color: #fff;

  font-size: 16px;

  line-height: 48px;

  /*background: rgba(226, 0, 2, 0.6);*/

  background: rgba(16, 69, 175, 0.6);

  border-radius: 25px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 35px;

}

.crumbs{

  background: #fff;

  height: 60px;

  display:flex;

  align-items: center;

  box-shadow:0 1px 3px #ddd;

}

.crumbs .warpper>h4{

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/home.png) no-repeat left center;

  padding-left:55px;

  color: #6a6a6a;

  font-size: 1.4rem;

  font-weight: lighter;

  float:left;

}

.crumbs .warpper a{

  color: #6a6a6a;

  font-size: 1.4rem;

}

.crumbs>.warpper>.cru_right{

  float:right;

}

.crumbs>.warpper>.cru_right>a,.cru_right_pro .zlist02{

  float:left;

  display:block;

  width: 150px;

  text-align: center;

  font-size: 18px;

  color: #282828;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.crumbs>.warpper>.cru_right>a.chosein,.crumbs>.warpper>.cru_right>a:hover{

  color: #fff;

  background: #2081eb;

}



.cru_right_pro .zlist02{

  position: relative;

  z-index: 10;

}

.zlist02>a{

  display:block;

  text-align: center;

  font-size: 18px;

  color: #282828;

}

.zlist02:hover{

  background:#2081eb;

}

.zlist02:hover>a{

  color: #fff;

}

.zlist03{

  display:none;

  position: absolute;

  left:0;

  top:100%;

  background: rgba(0, 0, 0, 0.6);

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zlist02:hover>.zlist03{

  display:block;

}

.zlist04{

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  position: relative;

  min-width:180px;

  line-height: 48px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 10px;

}

.zlist04:hover{

  background: #2081eb;

}

.zlist02>a.hight_linght,.zlist04.hight_linght{  background: #2081eb;color:#fff;}

.zlist04>a{

  display:block;

  text-align: center;

  font-size: 14px;

  color: #fff;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zlist05{

  display:none;

  position: absolute;

  left:100%;

  top:0;

  background: rgba(0, 0, 0, 0.6);

}

.zlist04:hover>.zlist05{

  display:block;

}

.zlist05>a{

  display:block;

  text-align: center;

  font-size: 14px;

  color: #fff;

  min-width:180px;

  line-height: 48px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zlist05>a:hover{

  background: #2081eb;

}





/*case*/

.bg-color-gray{

  /*background: #f7f7f7;*/

}

.zcase .title{

  padding-top:4vw;

  margin-bottom: 2vw;

}

.zcase .title h4{

  color: rgba(63, 63, 63, 0.1);

}

.zcase .title p{

  font-weight: bold;

  color: #3f3f3f;

  top: -22px;

  line-height: 28px;

}

.zcase .title small{

  font-size: 16px;

  color: #7d7d7d;

  max-width: 60%;

  line-height: 28px;

  margin:0 auto;

  display:block;

}

.de-case-list ul li{

  float:left;

  width: 49%;

  background: #f6f6f6;

  margin-bottom: 20px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 40px;

  position: relative;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.de-case-list ul li:after{

  display:block;

  content: '';

  position: absolute;

  left:0;

  top:0;

  width:100%;

  height: 4px;

  background: #2081eb;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  opacity: 0;

}

.de-case-list ul li:hover:after {

  opacity: 1;

}

.de-case-list ul li:nth-of-type(even){

  float:right;

}

.de-case-list ul li a{

  display:block;

}

.de-case-list ul li h4{

  line-height: 103px;

  width:100%;

  font-size: 22px;

  color: #282828;

  font-weight: bold;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.de-case-list ul li h4 span{

  color: #2081eb;

  padding-right:15px;

}

.de-case-list ul li>div{

  background: #f6f6f6;

  border-top: 1px solid #dfe2e7;

  display:none;

  position: absolute;

  left:0;

  top:100%;

  z-index: 100;

  width: 100%;

  max-height: 700px;

  overflow-y: auto;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 40px;

  padding-top: 1.5vw;

  padding-bottom: 1vw;

  box-shadow: 0 7px 6px #d2d2d2;

}

.de-case-list ul li:hover{

  box-shadow: 0 7px 6px #d2d2d2;

}

.de-case-list ul li>div::-webkit-scrollbar{

  width:0; /*滚动条宽度*/

}

.de-case-list ul li:hover>div {

  display:block;

}

.de-case-list ul li>div small{

  font-size: 16px;

  color: #5a5a5a;

  font-weight: lighter;

}

.caseinfostyle table,

.de-case-list ul li>div small table{

  width: 100%;

  border-collapse: collapse;

  margin-top:1vw;

}

.caseinfostyle table td,

.de-case-list ul li>div small table td{

  border:1px solid #e8e8e8!important;

  font-size: 16px;

  color: #282828;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 32px;

  line-height: 43px;

}

.caseinfostyle table tr td:first-of-type,

.de-case-list ul li>div small table tr td:first-of-type{

  background: #fbfbfb;

}

.zcase{

  padding-bottom: 3vw;

}



/*zcoop*/

.zcoop{

  padding:3.5vw 0;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/coopbg.jpg) no-repeat center;

}

.zcoop .title{

  margin-bottom: 0;

}

.swiper-coop{

  width: 100%;

  height:260px;

}

.swiper-coop .swiper-slide{

  height: calc((100% - 25px) / 2);

  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;

}

.swiper-coop .swiper-slide b img{

  object-fit: scale-down;

}

.swiper-coop .swiper-slide b{

  background: #fff;

  width: 100%;

  height:100%;

}

/*made*/

.zmadebg{

  /*background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zmadebg.jpg) no-repeat center bottom;*/

}

.zmade_des{

  text-align: center;

  color: #3f3f3f;

  line-height: 32px;

  font-size: 16px;

  margin-bottom: 2.5vw;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zmade_des.png) no-repeat center top;

  background-size:100%;

}

.zmade{

  padding:3.5vw 0;

}

.ztitle .title h4{

  font-weight: 900;

  color: rgba(63, 63, 63, 0.1);

}

.ztitle .title p{

  color: #3f3f3f;

  font-weight: bold;

}

.zmade_cont ul li{

  background: #f6f6f6;

  float:left;

  width:30%;

  margin-right:2%;

  height:230px;

  display:flex;

  justify-content: center;

  align-items: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 3%;

  margin-bottom: 2vw;

}

.zmade_cont ul li:nth-of-type(3n){

  margin-right:0;

}

.zmade_cont ul li img{}

.zmade_cont ul li div{

  margin-left:23px;

}

.zmade_cont ul li div>p{

  font-size: 30px;

  color: #000000;

}

.zmade_cont ul li div>small{

  font-size: 22px;

  color: #000000;

  font-weight: lighter;

}



/*company*/

.zcom{

  padding-top: 3.5vw;

}

.zcom_cont1{

  position: relative;

  background:#f7f7f7;

  display:flex;

  align-items: center;

  justify-content: space-between;

}

.zcom_cont1>img{

  position: absolute;

  left:0;

  bottom:0;

}

.zcom_left{

  width: 26%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  height: 680px;

  padding-top:4vw;

  padding-left: 2.5vw;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zcombg.png) no-repeat left bottom;

}

.zcom_left>small{

    color: #fff;

  font-size: 24px;

  font-style: italic;

}

.zcom_left>h3{

    color: #fff;

  line-height: 60px;

  font-size: 60px;

  font-weight: bold;

  margin-bottom: 4vw;

  margin-top: 0.5vw;

}

.zcom_left>b{

  display:block;

  width: 35px;

  height: 1px;

  background: #fff;

}

.zcom_right{

  width: 70%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:3vw;

}



.zcom_right>h1{

  font-size: 32px;

  color: #3f3f3f;

  font-weight: bold;

}

.zcom_right>b{

  display:block;

  background: #2081eb;

  width: 35px;

  height: 5px;

  border-radius: 2.5px;

  margin-top: 2vw;

  margin-bottom: 2vw;

}

.zcom_right>small{

  font-size: 18px;

  color: #666666;

  line-height: 32px;

}

.zcom_right>ul{

  background: #fff;

  height: 172px;

  display:flex;

  align-items: center;

  justify-content: space-between;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:2vw;

  margin-top: 3vw;

}

.zcom_right .index_com_cont{

  width: 100%;

  margin-top: 3vw;

}

.zcom_right>ul>b{

  display:block;

  width: 2px;

  height: 85px;

  background: #ededee;

}

.zcom_right>ul>b:last-of-type{

  display:none;

}

.zcom_right>ul li>h3{

  font-size: 66px;

  font-weight: bold;

  color: #2081eb;

  line-height:35px;

}

.zcom_right>ul li>h3>sub{

  font-size: 22px;

  color: #282828;

  padding-top: 12px;

  padding-right: 15px;

  vertical-align: baseline;

  font-weight: normal;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/cir_icon.png) no-repeat right top;

}

.zcom_right>ul li>p{

  font-size: 22px;

  color: #282828;

}

/*lc*/

.lc{

  /*background: url(assets/liyunwangluo.xyz/static/index/zm001/images/lcbg.jpg) no-repeat center bottom;*/

  padding-top:2.5vw;

  padding-bottom: 3.5vw;

}

.lc_cont{

  position: relative;

}

.lc_cont>h4{

  font-size: 32px;

  color: #3f3f3f;

  font-weight: bold;

}

.swiperlc{

  margin-top: 3vw;

}

.swiperlc .swiper-slide>div{

  width: 100%;

  height: 100%;

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/historyicon.png) no-repeat left 10px;

  padding-left:30px;

  margin-top: 121px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.swiperlc .swiper-slide:nth-of-type(even)>div{

  margin-top: 0;

}

.swiperlc .swiper-slide>div h4{

  font-size: 28px;

  color: #282828;

}

.swiperlc .swiper-slide>div>small{

  font-size: 16px;

  color: #5c5c5c;

  display:block;

  width: 100%;

}

.lc_cont .swiper-button-prev:after,.lc_cont .swiper-button-next:after{

  color: #fff;

  font-size: 12px;

}

.lc_cont .swiper-button-prev.swiper-button-disabled,.lc_cont .swiper-button-next.swiper-button-disabled{

  background: #c0c2c4;

}

.lc_cont .swiper-button-prev,.lc_cont .swiper-button-next{

  background: #2081eb;

  top:0;

  margin-top: 0;

  width: 42px;

  height: 42px;

  opacity: 1;

}

.lc_cont .swiper-button-prev{

  left:initial;

  right:42px;

}

.lc_cont .swiper-button-next{

  right:0px;

}



/*新闻动态*/

.znewsbg{overflow:hidden;padding:3.5vw 0;}

.znewslist ul li{overflow:hidden;padding:20px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background:#fff;

  margin-bottom: 2vw;

  border-bottom:1px solid #ededed;float:left;width:49%;}

.znewslist ul li:nth-of-type(even){float:right;}

.znewslist ul li a{display:block;}

.znewslist ul li .img_jz{width:100%;height:25vw;}

.znewslist ul li .box{width:100%;font-size:14px;}

.znewslist ul li .box h4{overflow:hidden;font-size:22px;line-height:30px;color:#323232;text-overflow:ellipsis;white-space:nowrap;font-weight:700;    margin-top: 1.5vw;}

.znewslist ul li .box p{overflow:hidden;margin:15px 0 25px;height:48px;color:#595959;line-height:24px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;}

.znewslist ul li .box .time{color:#999;line-height:1.1;}

.znewslist ul li .box .time span{float:right;display:block;color:#0058b1;font-size:14px;}

.znewslist ul li:hover{box-shadow:0 0 4px 2px rgba(104,104,104,.1);}

.znewslist ul li:hover .time span{color:#2081eb;}

.news-detail-content{padding:30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

background:#fff;

float:left;

  width: 70%;

}

.znews_right{

  float:right;

  width: 28%;

  background: #fff;

  padding:30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.znews_des{

  background: #e9e9e9;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 8px;

  line-height: 24px;

  font-size: 14px;

  color: #3b3b3b;

  margin-bottom: 1.5vw;

}

.news-detail-content .news-detail-title{margin-bottom:15px;}

.news-detail-content .news-detail-title .h3,.znews_side>h3{  padding-left:16px;

  color:#323232;font-weight:700;font-size:22px;line-height:24px;margin-bottom:1vw;position:relative;}

.news-detail-content .news-detail-title .h3:after,.znews_side>h3:after{

  display:block;

  content: '';

  position: absolute;

  left:0;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  background: #2081eb;

  width:3px;

  height: 25px;

}

.news-detail-content .news-detail-title .b{color:#999;font-size:13px;line-height:20px;}

.news-detail-content .news-detail{padding:0 12px 30px;}

.news-detail-content .news-detail p{color:#595959;font-size:14px;line-height:24px;}

.news-detail-content .news-detail img{margin:0 auto;max-width:100%;}

.news-detail-content .newsPage{margin:15px 0 30px;padding:0 12px;color:#323232;font-size:16px;line-height:30px;}

.news-detail-content .newsPage a{color:#323232;}

.news-detail-content .newsPage a:hover{color:#2081eb;}

.znews_side>a{

  display:block;

  margin-bottom: 2vw;

}

.znews_side>a>b{

  width: 100%;

  height: 13vw;

}

.othernews_text>h5{

  font-size: 18px;

  color: #1c1c1c;

  margin-top:10px;

  -webkit-transition: 350ms 0ms all ease;

  -moz-transition: 350ms 0ms all ease;

  -ms-transition: 350ms 0ms all ease;

  -o-transition: 350ms 0ms all ease;

  transition: 350ms 0ms all ease;

}

.znews_side>a:hover .othernews_text>h5{

  color: #2081eb;

}



.othernews_text>small{

  font-size: 14px;

  color: #737373;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  margin-top:10px;

  margin-bottom: 15px;

}

.othernews_text>small p{

  text-indent: 0!important;

}

.othernews_text>span{

  font-size: 15px;

  color: #515151;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/otherjt.png) no-repeat right center;

  padding-right:35px;

  -webkit-transition: 350ms 0ms all ease;

  -moz-transition: 350ms 0ms all ease;

  -ms-transition: 350ms 0ms all ease;

  -o-transition: 350ms 0ms all ease;

  transition: 350ms 0ms all ease;

}

.znews_side>a:hover .othernews_text>span{

  font-style: italic;

}



/*support*/

.zsup_cont1{

  padding-bottom:4vw;

}

.zsup_cont1 ul li{

  width: 100%;

  height: 330px;

}

.zsup_cont1 ul li:after{

  display: block;

  content: '';

  clear: both;

}

.sup_text{

  float:left;

  background: #f6f6f6;

  display:flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  width: 50%;

}

.zsup_cont1 ul li>b{

  float:right;

  width: 50%;

  height: 100%;

  position: relative;

}

.zsup_cont1 ul li>b:after{

  display:block;

  content: '';

  position: absolute;

  left:0;

  top:50%;

  transform: translateY(-50%);

  border-left:13px solid #fff;

  border-top:13px solid transparent;

  border-bottom:13px solid transparent;

}

.zsup_cont1 ul li:nth-of-type(even)>b{

  float:left;

}

.zsup_cont1 ul li:nth-of-type(even)>b:after{

  left:initial;

  right:0;

  border-right:13px solid #fff;

  border-left:none;

}

.zsup_cont1 ul li:nth-of-type(even)>div{

  float:right;

}

.sup_text>div{

  width: 80%;

}

.sup_text>div>h5{

  font-size: 30px;

  color: #2081eb;

  margin-bottom: 1vw;

}

.sup_text>div>small{

  font-size: 18px;

  color: #585858;

  line-height: 30px;

  font-weight: lighter;

}

.zsup_cont2{

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/lx.jpg) no-repeat center;

  display:flex;

  justify-content: center;

  align-items: center;

  height: 200px;

}

.zsup_cont2>div{

  display:flex;

  justify-content: space-between;

  align-items: center;

  width: 1200px;

}

.zsup_cont2>div>h4{

  font-size: 24px;

  color: #fff;

  font-weight: bold;

  line-height: 60px;

  padding-left: 70px;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zsupicon01.png) no-repeat left center;

}

.zsup_cont2>div>h4:last-of-type{

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zsupicon02.png) no-repeat left center;

}

.zsup_cont2>div>i{

  display:block;

  width: 1px;

  height: 20px;

  background: #fff;

}



/*download*/

.zdownloadlist ul li,.zjoin ul li{

  background: #f6f6f6;

  float:left;

  width: 49%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:30px 50px;

  height: 160px;

  margin-bottom: 2vw;

}

.zdownloadlist ul li:nth-of-type(even),.zjoin ul li:nth-of-type(even){

  float:right;

}

.zdownloadlist ul li>b{

  width: 57px;

  height: 100px;

  float:left;

}

.zdownloadlist ul li>b img{

  object-fit: contain;

}

.zdownloadlist ul li>h4{

  width: 50%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  margin-left: 6%;

  margin-right: 2%;

  margin-top: 32px;

  float: left;

  font-size: 20px;

  color: #282828;

}



.zdownloadlist ul li>a{

  float:right;

  margin-top: 28px;

  border:1px solid #3e3e3e;

  display:block;

  line-height: 42px;

  border-radius: 20px;

  width: 151px;

  height: 42px;

  font-size: 16px;

  color: #3e3e3e;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left:33px;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicon.png) no-repeat 105px center;

}

.zdownloadlist ul li>a:hover{

  color: #fff;

  background: #2081eb url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicons.png) no-repeat 105px center;

  border:1px solid #2081eb;

}



/*contact*/

.zcont_cont1{

  height: 595px;

  background: #fff;

  box-shadow: 0 0 10px #ddd;

}

.zcont_cont1>ul{

  float:left;

  width: 31%;

  background: #fff;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left:50px;

  padding-top: 2.5vw;

}

.zcont_cont1>ul li{

  display:flex;

  justify-content: left;

  align-items: center;

  height: 125px;

  position: relative;

}

.zcont_cont1>ul li:after{

  position: absolute;

  display:block;

  content: "";

  background: #eeeeee;

  height: 1px;

  width: calc(100% - 133px);

  left:72px;

  bottom:0;

}

.zcont_cont1>ul li div{

  margin-left:31px;

  width: 70%;

}

.zcont_cont1>ul li div>small{

  font-size: 14px;

  color: #282828;

}

.zcont_cont1>ul li div>p{

  font-size: 17px;

  margin-top: 14px;

  font-weight: bold;

  color: #282828;

}

.contact-map{

  float:right;

  width: 69%;

  height: 100%;

}

#dituContent{

  width: 100%;

  height: 100%;

}

/*message*/

.zcont_cont2{

  padding:4vw 0;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zcont_cont2.png) no-repeat center bottom;

}

.zcont_cont2>.warpper>h3{

  font-size: 32px;

  color: #282828;

  font-weight: bold;

  text-align: center;

  display:block;

}

.zcont_cont2>.warpper>small{

  font-size: 18px;

  color: #727272;

  text-align: center;

  display:block;

  margin-top: 1vw;

  margin-bottom: 2vw;

}

#formData>input{

  float:left;

  width:49%;

  line-height: 60px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 22px;

  margin-bottom: 2vw;

  background:#fff url(assets/liyunwangluo.xyz/static/index/zm001/images/star.png) no-repeat 12px 15px;

  border:2px solid #eeeeee;

  font-size: 16px;

  color: #9b9b9b;

  font-weight: lighter;

}

#formData>input:nth-of-type(2){

  float:right;

}

#formData>textarea{

  width:100%;

  height: 180px;

  float:left;

  border:2px solid #eeeeee;

  background:#fff url(assets/liyunwangluo.xyz/static/index/zm001/images/star.png) no-repeat 12px 15px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:22px;

  font-size: 16px;

  color: #9b9b9b;

  font-weight: lighter;

}

#formData>input::placeholder,#formData>textarea::placeholder{

  font-size: 16px;

  color: #9b9b9b;

  font-weight: lighter;

}

#formData>.code{

  float:left;

  width:100%;

  margin-top: 2vw;

  margin-bottom: 2vw;

}

#formData>.code>input{

  float:left;

  width:49%;

  line-height: 60px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 22px;

  background:#fff url(assets/liyunwangluo.xyz/static/index/zm001/images/star.png) no-repeat 12px 15px;

  border:2px solid #eeeeee;

  font-size: 16px;

  color: #9b9b9b;

  font-weight: lighter;

}

#formData>.code>.verify{

  width: 25%;

  height: 60px;

  float:left;

  margin-left:2%;

}

#formData>.code>.verify img{

  height: 100%;

}

.zmsg_btn{

  float:left;

  width: 100%;

}

.zmsg_btn a,.zmsg_btn input{

  display:block;

  text-align: center;

  color: #fff;

  line-height: 60px;

  width: 49%;

  float:left;

  font-size: 18px;

  font-weight: bold;

  border:1px solid #2081eb;

  background: #2081eb;

  cursor: pointer;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zmsg_btn input{

  float:right;

  background: none;

  color: #676767;

  border:1px solid #676767;

}

.zmsg_btn input:hover,.zmsg_btn a:hover{

  border:1px solid #2081eb;

  color: #2081eb;

  background:none;

}



/*job*/

.zjoin ul li>a{

  display:flex;

  width: 100%;

  height: 100%;

  align-items: center;

  justify-content: space-between;

}

.zjoin ul li div>h4{

  font-size: 24px;

  color: #000000;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zjoin ul li:hover div>h4 {

  color: #2081eb;

}

.zjoin ul li div>p{

  font-size: 18px;

  color: #343434;

  font-weight: lighter;

}

.zjoin ul li a>span{

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/joinmore.png) no-repeat center;

  display: block;

  width: 44px;

  height: 44px;

  border-radius: 50%;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zjoin ul li:hover a>span{

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/joinmores.png) no-repeat center;

}

.money{

  font-weight: bold;

  font-size: 18px;

}

.jobbtn{ margin-right:0;margin-left:auto;}

.jobbtn a{

 display:block;

  width:120px;

  text-align: center;

  line-height: 40px;

  background: #2081eb;

  border:1px solid #2081eb;

  color: #fff;

  font-size: 16px;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.jobbtn a:hover{

  color: #2081eb;

  background:none;

}

/*slovent*/

.zslolist ul li{

  float:left;

  width: 32%;

  margin-right:2%;

  margin-bottom: 2vw;

}

.zslolist ul li:nth-of-type(3n){

  margin-right: 0;

}

.zslolist ul li a{

  display:block;

  width: 100%;

}

.zslolist ul li a .img_jz{

  width: 100%;

  height: 18.8vw;

  position: relative;

  overflow: hidden;

}

.zslolist ul li a .img_jz img{

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zslolist ul li a:hover .img_jz img{

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.zslolist ul li a>div{

  position:relative;

  display:flex;

  justify-content: space-between;

  align-items: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 15px;

  height: 88px;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  border-bottom: 2px solid #f6f6f6;

}



.zslolist ul li a>div:after{

  content:"";

  width:100%;

  height:2px;

  background:#2081eb;

  position:absolute;

  left:0;

  bottom:-2px;

  transform-origin:100%;

  -webkit-transform-origin:100%;

  -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);

  transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);

  transition:transform .6s cubic-bezier(.4,0,.2,1);

  transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1);

  transform:scaleX(0);

  -webkit-transform:scaleX(0);

  visibility:hidden/9;

}

.zslolist ul li a:hover>div:after{

  transform:scaleX(1);

  -webkit-transform:scaleX(1);

  -moz-transform:scaleX(1);

  transform-origin:0;

  -webkit-transform-origin:0;

  visibility:visible/9;

}

.zslolist ul li a:hover>div {

  /*background: #2081eb;*/

}

.zslolist ul li a h4{

  width: 70%;

  font-size: 2rem;

  color: #282828;

  font-weight: bold;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}



.zslolist ul li a:hover h4{

  color: #2081eb;

}

.zslolist ul li a p{

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:5px;

  font-size: 1.6rem;

  color: #282828;

  background: #fff;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zslolist ul li a:hover p{

  color: #fff;

  background: #2081eb;

}

.zslo_detail{

  background: #fff;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 3vw;

  padding-top: 1vw;

}

.zslo_detail strong{

  display:block;

  text-align: left;

  line-height: 50px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow:hidden;

  border-bottom: 1px solid #c0c0c0;

  position:relative;

  text-align: center;

  /*padding-left:12px;*/

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 2.4rem;

  color: #333232;

  margin-bottom: 2vw;

  margin-top: 2vw;

}

.zslo_detail img{

  max-width:100%;

  margin:0 auto;

}

.zslo_mid,.zslo_mid2{

  background:#f7f7f7;

  padding:4vw 0;

}

.zslo_mid .warpper{

  width:93%;

}

.zslo_mid .warpper img{

  max-width:72%;

  margin:0 auto;

}

.zslo_mid_tit{

  width:62px;

  float:left;

  height: 100%;

}

.zslo_mid2{

  height: 66vw;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.zslo_mid2>.warpper{

  height: 100%;

}

.zslo_mid_tit span{

  height: 50%;

  color: #fff;

  font-size: 22px;

  text-align: center;

  font-weight: bold;

  background: #808080;

  line-height: 62px;

  width:100%;

  display:block;

  border-radius: 5px 0 0 5px;

  cursor: pointer;

  writing-mode:vertical-lr;

}

.zslo_mid_tit span:hover,.zslo_mid_tit span.zslotitin{

  background:#2081eb;



}

.zslo_mid_cont{

  background: #fff;

  float:right;

  width:calc(100% - 62px);

  height: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:3vw;

}

.zslo_mid_cont img{

  width: 100%;

  height: 100%;

  object-fit: contain;

  display:none;

}







.zslo_cont01{

  display:flex;

  justify-content: space-between;

  align-content: center;

  padding:3vw;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.zslo_cont01>small{

  display:block;

  width: 38%;

}

.zslo_cont01 small img{

  width: 100%;

  object-fit: scale-down;

}

.zslo_cont01>div{

  width:56%;

}

.zslo_cont01>div>h5{

  font-size: 32px;

  color: #282828;

  display:block;

  font-weight: bold;

  position: relative;

  padding-bottom:25px;

  margin-bottom:2vw;

}

.zslo_cont01>div>h5:after{

  display: block;

  content: "";

  position: absolute;

  left:0;

  bottom:0;

  background: #2081eb;

  width:30px;

  height: 5px;

}

.zslo_cont01>div>div>b{

  font-size: 20px;

  color: #4b4b4b;

  display:block;

  font-weight: bold;

  margin-bottom: 15px;

}

.zslo_cont01>div>div>small>p{

  display:block;

  font-size: 16px;

  color: #808080;

  line-height: 30px;

}

.zucheng{



}

.zslo_cont04{



  background:#f6f6f6;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:3vw;

}

.zslo_cont02{



}



.zslo_cont04 li{

  width: 100%;

  margin-bottom: 2vw;

}

/*.zslo_cont04 li:nth-of-type(3n){*/

  /*margin-right: 0;*/

/*}*/



.zslo_cont04 li>b{

  display:block;

  width: 65%;

  margin:0 auto;

}

.zslo_cont04 li>b>img{

  width: 100%;

}





/*product*/

.zprolist{

  padding:4vw 0;

}

.zprolist ul li{

  width:23%;

  margin-right: 2.25%;

  float:left;

  margin-bottom:2vw;

  background:#f6f6f6;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:15px;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  border:2px solid #fff;

}

.zprolist ul li:nth-of-type(4n){

  margin-right: 0;

}

.zprolist ul li:hover{

  border:2px solid #2081eb;

  box-shadow: 0 0 5px #ddd;

}



.zprolist ul li a{

  display:block;

}

.zprolist ul li a>b{

  width: 100%;

  height: 15vw;

  background:#fff;

}

.zprolist ul li a>b img{

  object-fit: contain;

}

.zprolist ul li a>.zpro_text{

  width: 100%;

}

.zpro_text>p{

  font-size: 2rem;

  color: #3f3f3f;

  position: relative;

  padding-bottom: 8px;

  margin-bottom: 1vw;

  margin-top: 1vw;

  text-align: center;

  font-weight: bold;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.zpro_text>p:after{

  display:block;

  content: '';

  position: absolute;

  left:0;

  right: 0;

  bottom:0;

  margin:0 auto;

  width:26px;

  height: 2px;

  background: #c2c2c2;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zprolist ul li a:hover .zpro_text>p{

  color: #2081eb;

}

.zprolist ul li a:hover .zpro_text>p:after {

  background: #2081eb;

}

.zpro_text>small{

  display:block;

  font-size: 15px;

  color: #7f7f7f;

  font-weight: lighter;

  line-height: 24px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  height: 72px;

}

.zpro_text>span{

  text-align: center;

  display:block;

  font-size: 16px;

  color: #fff;

  background: #c2c2c2;

  width: 100%;

  line-height: 38px;

  margin:0 auto;

  margin-top: 10px;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zprolist ul li a:hover .zpro_text>span {

  background: #2081eb;

}



.zproinfobg{

  padding-top:2vw;

  padding-bottom: 4vw;

}

.zproinfo_cont1{

  background: #fff;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:40px 30px;

}

.zpro_cont1_left{

  float:left;

  width: 43%;

  height:395px;

}

.gallery-top-right{

  width: calc(100% - 5% - 113px);

  float:left;

  height:100%;

  background: #fff;

  border:1px solid #f0f0f0;

}

.gallery-top-right .swiper-slide img{

  max-width: 100%;

  max-height: 100%;

  position: absolute;

  top:50%;

  left:50%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

}

.gallery-thumbs-left{

  float:right;

  width:113px;

  height:100%;

  padding:30px 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

}

.gallery-thumbs-left .swiper-slide{

  position: relative;

  overflow: hidden;

  background:#fff;

  cursor: pointer;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.gallery-thumbs-left .swiper-slide.swiper-slide-thumb-active{

border:2px solid #2081eb;

}



.gallery-thumbs-left .swiper-slide img{

  max-width: 100%;

  max-height:100%;

  position: absolute;

  top:50%;

  left:50%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

}

.gallery-thumbs-left .swiper-slide img.shuiyin{

  max-width: initial;

  width: 75%;

  min-height: initial;

  opacity: 0.55;

}

.gallery-thumbs-left .swiper-button-next:after,.gallery-thumbs-left .swiper-button-prev:after{

  display: none;

}

.gallery-thumbs-left .swiper-button-next{

  width: 100%;

  height: 20px;

  line-height: 20px;

  bottom:0;

  right:0;

  top: initial;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zpro_jtr.png) no-repeat center;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.gallery-thumbs-left .swiper-button-prev{

  width: 100%;

  height: 20px;

  line-height: 20px;

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/zpro_jtl.png) no-repeat center;

  top:0;

  left:0;

  margin-top: 0;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.gallery-thumbs-left .swiper-button-prev:hover,.gallery-thumbs-left .swiper-button-next:hover{

  background-color:#d1d1d1;

}

.zpinfo_right{

  float:right;

  width: 50%;

}

.zpinfo_right>h3{

  font-size: 30px;

  color: #2081eb;

  font-weight: bold;

  padding:30px 0;

  border-bottom: 1px solid #f0f0f0;

  margin-bottom: 1vw;

}

.zpinfo_right>div>h6{

  font-size: 18px;

  color: #282828;

  margin-bottom: 1vw;

}

.zpinfo_right>div>p{

  font-size: 16px;

}





.zproinfo_cont2{

  background: #fff;

  margin-top:2vw;

  border:2px solid #e8e8e8;

}

.zproinfo_content{

  padding:5%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.description_zpro p strong{

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zprojt.png) no-repeat left center;

  padding-left:35px;

  color: #282828;

  font-size: 18px;

}

.description_zpro img{

  display:initial;

  max-width:100%;

}

.description_zpro p{

  font-size: 16px;

  color: #282828;

  line-height: 30px;

}

.description_zpro table{

  width: 100% !important;

  border-collapse: collapse;

}

.description_zpro table tr td{

  border:1px solid #e8e8e8!important;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:5px 8px!important;

}

.zproinfo_title a{

  float:left;

  width:50%;

  display:block;

  font-size: 20px;

  color: #2081eb;

  line-height: 98px;

  text-align: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

}



.zproinfo_title a:first-of-type:after{

  display:block;

  content:"";

  top:0;

  background:#2081eb;

  left:0;

  width:100%;

  height: 4px;

  position:absolute;

}

.zproinfo_title a:nth-of-type(2){

  background: #fbfbfb;

  border-left:2px solid #e8e8e8;

  border-bottom:2px solid #e8e8e8;

}

.zproinfo_title a:first-of-type span{

  padding-left:40px;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/zproinfoicon01.png) no-repeat left center;

}

.zproinfo_title a:nth-of-type(2) span{

  padding-left:40px;

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/zproinfoicon02.png) no-repeat left center;

}



.zproinfo_cont2 .newsPage a{

  color: #444;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zproinfo_cont2 .newsPage a:hover{

  color: #2081eb;

}















.common-inner {

  background: #f6f6f6;

  padding: 28px 0 48px;

  min-height: 500px;

}

.common-inner .inner-left {

  float: left;

  width: 260px;

}

.common-inner .inner-left .pro-sider {

  float: none;

}

.common-inner .inner-right {

  float: right;

  width: 870px;

  background: #fff;

  min-height: 800px;

  padding: 0 25px;

}

.common-inner .inner-right .rig-title {

  font-size: 18px;

  color: #0058b1;

  font-weight: bold;

  height: 54px;

  line-height: 60px;

  overflow: hidden;

  border-bottom: 1px solid #ededed;

}

.common-inner .inner-right .rig-title .crumbs {

  overflow: hidden;

  margin-top: 6px;

  float: right;

  padding-left: 25px;

  height: 48px;

  line-height: 54px;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/home-icon.png) no-repeat left center;

  color: #b2b2b2;

  font-size: 13px;

  font-weight: normal;

  max-width: 400px;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.common-inner .inner-right .rig-title .crumbs a {

  color: #b2b2b2;

}

.common-inner .inner-right .rig-title .crumbs a:hover {

  color: #2081eb;

  text-decoration: underline;

}

.common-inner .inner-right .search-result {

  height: 50px;

  line-height: 50px;

  background: #f5f5f5;

  margin: 12px 0 25px;

  padding: 0 17px;

  font-size: 14px;

  color: #595959;

}

.common-inner .inner-right .search-result span {

  color: #0058b1;

  font-weight: bold;

}

.common-inner .inner-right .search-result .search-record {

  float: right;

}

.common-inner .inner-right .search-list,

.common-inner .inner-right .de-product-list {

  overflow: hidden;

  min-height: 622px;

}

.common-inner .inner-right .search-list ul,

.common-inner .inner-right .de-product-list ul {

  margin: 0 -12px;

}

.common-inner .inner-right .search-list ul li,

.common-inner .inner-right .de-product-list ul li {

  border: 2px solid #fff;

  float: left;

  width: 270px;

  margin: 0 12px 25px;

}

.common-inner .inner-right .search-list ul li a,

.common-inner .inner-right .de-product-list ul li a {

  display: block;

}

.common-inner .inner-right .search-list ul li .img,

.common-inner .inner-right .de-product-list ul li .img {

  width: 268px;

  height: 200px;

  background: #e6e6e6;

  font-size: 0;

  line-height: 200px;

  text-align: center;

  border: 1px solid #e6e6e6;

  border-bottom: none;

  overflow: hidden;

}

.common-inner .inner-right .search-list ul li .img img,

.common-inner .inner-right .de-product-list ul li .img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

  transition: all 0.5s;

}

.common-inner .inner-right .search-list ul li .title,

.common-inner .inner-right .de-product-list ul li .title {

  font-size: 14px;

  padding: 0 18px;

  height: 80px;

  border: 1px solid #e6e6e6;

  border-top: none;

}

.common-inner .inner-right .search-list ul li .title h3,

.common-inner .inner-right .de-product-list ul li .title h3 {

  color: #595959;

  line-height: 44px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.common-inner .inner-right .search-list ul li .title em,

.common-inner .inner-right .de-product-list ul li .title em {

  font-weight: bold;

  display: block;

  color: #ff8111;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.common-inner .inner-right .search-list ul li:hover,

.common-inner .inner-right .de-product-list ul li:hover {

  border-color: #268AE7;

}

.common-inner .inner-right .search-list ul li:hover .title,

.common-inner .inner-right .de-product-list ul li:hover .title {

  border-color: #fff;

}

.common-inner .inner-right .search-list ul li:hover .img img,

.common-inner .inner-right .de-product-list ul li:hover .img img {

  transform: scale(1.1);

}

.common-inner .inner-right .de-product-list {

  margin-top: 26px;

}

.common-inner .inner-right .de-about-content {

  padding: 30px 50px;

}

.common-inner .inner-right .de-about-content img {

  margin: 0 auto;

  max-width: 100%;

}

.common-inner .inner-right .de-about-content p {

  font-size: 14px;

  color: #595959;

  line-height: 24px;

}

.common-inner .inner-right .de-honor-list ul {

  margin: 0 -5px;

}

.common-inner .inner-right .de-honor-list ul li {

  float: left;

  margin: 0 10px 30px;

  overflow: hidden;

  width: 270px;

  background: #f6f6f6;

}

.common-inner .inner-right .de-honor-list ul li a {

  display: block;

}

.common-inner .inner-right .de-honor-list ul li .img {

  width: 270px;

  height: 200px;

  text-align: center;

  line-height: 200px;

  font-size: 0;

  overflow: hidden;

}

.common-inner .inner-right .de-honor-list ul li .img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

  transition: all 0.5s;

}

.common-inner .inner-right .de-honor-list ul li .title {

  text-align: center;

  height: 48px;

  padding: 0 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 48px;

  font-size: 14px;

  color: #595959;

}

.common-inner .inner-right .de-honor-list ul li:hover {

  box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);

}

.common-inner .inner-right .de-honor-list ul li:hover .img img {

  transform: scale(1.1);

}

.common-inner .inner-right .de-job-list {

  overflow: hidden;

  padding-bottom: 19px;

  min-height: 645px;

  padding: 5px 5px;

}

.common-inner .inner-right .de-job-list ul li {

  overflow: hidden;

  padding: 0 55px 0 25px;

  height: 128px;

  border-bottom: 1px solid #ededed;

}

.common-inner .inner-right .de-job-list ul li .job-title {

  float: left;

  width: 260px;

  margin-right: 10px;

  padding-top: 38px;

}

.common-inner .inner-right .de-job-list ul li .job-title h3 {

  font-weight: bold;

  font-size: 18px;

  color: #333;

  line-height: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-bottom: 15px;

}

.common-inner .inner-right .de-job-list ul li .job-title p {

  font-size: 16px;

  color: #2081eb;

  line-height: 20px;

  font-weight: bold;

}

.common-inner .inner-right .de-job-list ul li .job-title p em {

  font-weight: normal;

  font-size: 12px;

}

.common-inner .inner-right .de-job-list ul li .job-info {

  float: left;

  width: 200px;

  padding-top: 38px;

}

.common-inner .inner-right .de-job-list ul li .job-info p {

  font-size: 13px;

  color: #b2b2b2;

  line-height: 20px;

  margin-bottom: 15px;

}

.common-inner .inner-right .de-job-list ul li .job-info p span {

  color: #737373;

}

.common-inner .inner-right .de-job-list ul li .job-btn {

  display: none;

  float: right;

  width: 80px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  font-size: 14px;

  color: #fff;

  background: #2081eb;

  margin-top: 50px;

}

.common-inner .inner-right .de-job-list ul li:hover {

  box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);

}

.common-inner .inner-right .de-job-list ul li:hover .job-btn {

  display: block;

}

.common-inner .inner-right .jobs-info {

  padding: 40px 10px 30px;

  margin-bottom: 28px;

  border-bottom: 1px dashed #ededed;

}

.common-inner .inner-right .jobs-info .h3 {

  overflow: hidden;

  margin-bottom: 15px;

}

.common-inner .inner-right .jobs-info .h3 .job-name {

  float: left;

  font-weight: bold;

  font-size: 20px;

  color: #333333;

  width: 450px;

}

.common-inner .inner-right .jobs-info .h3 .job-price {

  float: right;

  font-weight: bold;

  font-size: 24px;

  color: #2081eb;

  line-height: 1.1;

  max-width: 360px;

}

.common-inner .inner-right .jobs-info .h3 .job-price em {

  font-weight: normal;

  font-size: 16px;

}

.common-inner .inner-right .jobs-info .p {

  font-size: 13px;

  color: #999999;

  line-height: 20px;

  margin-bottom: 10px;

}

.common-inner .inner-right .jobs-info .p span {

  color: #595959;

}

.common-inner .inner-right .jobs-info .btn {

  padding-top: 10px;

  overflow: hidden;

}

.common-inner .inner-right .jobs-info .btn a {

  display: block;

  width: 230px;

  height: 44px;

  text-align: center;

  line-height: 44px;

  color: #fff;

  background: #2081eb;

  font-size: 14px;

}

.common-inner .inner-right .jobs-info .btn a:hover {

  background: #0058b1;

}

.common-inner .inner-right .jobs-info-content {

  padding: 0 20px 30px;

  overflow: hidden;

}

.common-inner .inner-right .jobs-info-content h3 {

  font-size: 18px;

  color: #333333;

  font-weight: bold;

  line-height: 1.1;

  margin-bottom: 10px;

}

.common-inner .inner-right .jobs-info-content p {

  font-size: 14px;

  color: #333;

  line-height: 24px;

}

.common-inner .inner-right .newsPage {

  padding: 0 20px;

  font-size: 16px;

  color: #323232;

  line-height: 30px;

  margin: 15px 0 30px;

}

.common-inner .inner-right .newsPage a {

  color: #323232;

}

.common-inner .inner-right .newsPage a:hover {

  color: #2081eb;

}

.common-inner .inner-right .apply-job {

  overflow: hidden;

  margin-top: 20px;

}

.common-inner .inner-right .apply-job .job-tr {

  overflow: hidden;

}

.common-inner .inner-right .apply-job .job-tr .tr-over {

  overflow: hidden;

}

.common-inner .inner-right .apply-job .job-tr .error {

  padding-left: 75px;

  height: 18px;

  line-height: 18px;

  font-size: 12px;

  color: #f00;

}

.common-inner .inner-right .apply-job .job-tr .tr-title {

  float: left;

  width: 50px;

  min-height: 20px;

  text-align: right;

  font-size: 14px;

  color: #808080;

  margin-right: 25px;

  line-height: 40px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont {

  float: left;

  width: 640px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont h3 {

  font-size: 14px;

  color: #4c4c4c;

  line-height: 40px;

  font-weight: bold;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont input[type=text] {

  line-height: 38px;

  font-size: 14px;

  color: #333;

  display: block;

  padding: 0 10px;

  width: 618px;

  height: 38px;

  border: 1px solid #e6e6e6;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont input[name='captcha'] {

  font-size: 14px;

  line-height: 38px;

  color: #333;

  width: 190px;

  float: left;

  margin-right: 30px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont .verify {

  cursor: pointer;

  float: left;

  width: 120px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 0;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont .verify img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont textarea {

  font-size: 14px;

  color: #333;

  display: block;

  height: 170px;

  line-height: 20px;

  padding: 5px 10px;

  width: 618px;

  border: 1px solid #e6e6e6;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont {

  line-height: 40px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont input[type=radio] {

  margin-right: 10px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont label {

  margin-right: 30px;

  color: #4c4c4c;

  line-height: 40px;

  font-weight: bold;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit {

  display: block;

  width: 190px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #2081eb;

  color: #fff;

  font-size: 15px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit:hover {

  background: #0058b1;

}

.inner-contact {

  width: 260px;

  margin-top: 18px;

}

.inner-contact .title {

  height: 80px;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/i-pro-title.jpg) no-repeat center;

  text-align: center;

  line-height: 1;

  overflow: hidden;

}

.inner-contact .title h3 {

  margin-top: 20px;

  font-size: 22px;

  color: #fff;

  margin-bottom: 5px;

}

.inner-contact .title em {

  font-size: 13px;

  color: #728dbc;

}

.inner-contact .contact-box {

  min-height: 180px;

  border: 1px solid #ededed;

  border-top: none;

  background: #fff;

  padding: 20px 20px 10px;

  padding-right: 5px;

}

.inner-contact .contact-box .contact-item {

  overflow: hidden;

  padding-left: 60px;

  font-size: 14px;

  color: #595959;

  line-height: 20px;

  margin-bottom: 10px;

  word-wrap: break-word;

}

.inner-contact .contact-box .contact-item .act {

  float: left;

  width: 60px;

  margin-left: -60px;

  color: #808080;

}

.prodect-Info {

  overflow: hidden;

  background: #f6f6f6;

  min-height: 500px;

  padding-bottom: 48px;

}

.prodect-Info .info-crumbs {

  overflow: hidden;

  height: 54px;

  line-height: 58px;

  font-size: 14px;

  color: #999;

  padding-left: 28px;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/home-icon.png) no-repeat 5px center;

}

.prodect-Info .info-crumbs a {

  color: #595959;

}

.prodect-Info .info-crumbs a:hover {

  color: #2081eb;

  text-decoration: underline;

}

.prodect-Info .info-main {

  overflow: hidden;

  background: #fff;

  padding: 25px 25px 20px;

  margin-bottom: 25px;

}

.prodect-Info .info-main .info-preview {

  float: left;

  width: 350px;

}

.prodect-Info .info-main .info-main-rig {

  float: right;

  width: 775px;

  overflow: hidden;

}

.prodect-Info .info-main .info-main-rig .title {

  font-size: 20px;

  line-height: 30px;

  color: #333;

  font-weight: bold;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin: 18px 0;

}

.prodect-Info .info-main .info-main-rig .price {

  height: 65px;

  background: #f6f6f6;

  line-height: 65px;

  padding: 0 20px;

  color: #ff8111;

  font-size: 22px;

  font-weight: bold;

  margin-bottom: 25px;

}

.prodect-Info .info-main .info-main-rig .price span {

  font-size: 14px;

  color: #808080;

  font-weight: normal;

  margin-right: 25px;

}

.prodect-Info .info-main .info-main-rig .de-list {

  overflow: hidden;

  padding: 0 20px;

  min-height: 150px;

  max-height: 223px;

}

.prodect-Info .info-main .info-main-rig .de-list .list-item {

  overflow: hidden;

  padding-left: 60px;

  font-size: 14px;

  color: #333333;

  line-height: 20px;

  word-wrap: break-word;

  margin-bottom: 10px;

}

.prodect-Info .info-main .info-main-rig .de-list .list-item .item-title {

  width: 60px;

  float: left;

  margin-left: -60px;

  color: #808080;

}

.prodect-Info .info-main .info-main-rig .order-btn {

  overflow: hidden;

  padding: 0 10px;

}

.prodect-Info .info-main .info-main-rig .order-btn .submit {

  display: block;

  width: 155px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  background: #2081eb;

  color: #fff;

  font-size: 14px;

}

.prodect-Info .info-main .info-main-rig .order-btn .submit:hover {

  background: #0058b1;

}

.prodect-Info .info-center {

  overflow: hidden;

}

.prodect-Info .info-center .infoCenter-left {

  float: left;

  width: 260px;

}

.prodect-Info .info-center .infoCenter-left .pro-sider {

  float: none;

}

.prodect-Info .info-center .infoCenter-right {

  float: right;

  width: 870px;

  background: #fff;

  padding: 0 25px;

  min-height: 800px;

}

.prodect-Info .info-center .infoCenter-right .center-title {

  font-weight: bold;

  font-size: 18px;

  color: #0058b1;

  line-height: 60px;

  margin-bottom: 20px;

  height: 59px;

  border-bottom: 1px solid #ededed;

}

.prodect-Info .info-center .infoCenter-right .center-content {

  overflow: hidden;

  padding-bottom: 30px;

}

.prodect-Info .info-center .infoCenter-right .center-content img {

  max-width: 100%;

}

.prodect-Info .info-center .infoCenter-right .center-content table {

  max-width: 100%;

}

.prodect-Info .info-center .infoCenter-right .center-content table.contentTab {

  font-family: '微软雅黑';

  width: 100%;

  border-collapse: collapse;

  table-layout: fixed;

  margin-bottom: 20px;

}

.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr th {

  width: 50%;

  text-align: center;

  font-size: 15px;

  color: #262626;

  background: #f6f6f6;

  border: 1px solid #e6e6e6;

  line-height: 48px;

  font-weight: bold;

}

.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr td {

  line-height: 45px;

  color: #595959;

  font-size: 15px;

  text-align: center;

  border: 1px solid #e6e6e6;

}

.prodect-Info .info-center .infoCenter-right .newsPage {

  font-size: 16px;

  color: #323232;

  line-height: 30px;

  margin: 15px 0 30px;

}

.prodect-Info .info-center .infoCenter-right .newsPage a {

  color: #323232;

}

.prodect-Info .info-center .infoCenter-right .newsPage a:hover {

  color: #2081eb;

}

#MagnifierWrap2 {

  position: relative;

  width: 350px;

}

.MagnifierMain {

  position: relative;

  width: 350px;

  height: 350px;

  font-size: 0;

  text-align: center;

  line-height: 350px;

  border: 1px solid #e6e6e6;

}

.MagnifierMain.video {

  cursor: pointer;

}

.MagnifierMain.video::after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  width: 70px;

  height: 70px;

  margin-left: -35px;

  margin-top: -35px;

  z-index: 1;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/media-icon.png) no-repeat center;

  background-size: 100% auto;

}

.play-video {

  width: 350px;

  height: 350px;

  border: 1px solid #e6e6e6;

}

.play-video iframe {

  overflow: hidden;

  display: block;

  width: 100%;

  height: 100%;

}

.MagnifierMain img {

  max-width: 100%;

  max-height: 100%;

  display: inline-block;

  vertical-align: middle;

}

.MagnifierDrag {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #ccc;

  opacity: 0.4;

  filter: alpha(opacity=40);

  cursor: move;

}

.MagnifierPop {

  position: absolute;

  top: 0;

  overflow: hidden;

  background: #fff;

}

.MagnifierImg {

  position: absolute;

  top: 0;

  left: 0;

}

.spec-items {

  position: relative;

  width: 292px;

  height: 69px;

  overflow: hidden;

  padding-top: 20px;

  margin: 0 auto;

}

.spec-items ul {

  width: 500%;

  position: absolute;

  top: 20px;

  left: 0;

}

.spec-items ul * {

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.spec-items li {

  width: 65px;

  height: 65px;

  line-height: 65px;

  text-align: center;

  float: left;

  overflow: hidden;

  margin-right: 5px;

  border: 2px solid #fff;

  font-size: 0;

  cursor: pointer;

}

.spec-items li[data-type=video] {

  position: relative;

}

.spec-items li[data-type=video]::after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  z-index: 1;

  width: 24px;

  height: 24px;

  margin-top: -12px;

  margin-left: -12px;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/video-icon.png) no-repeat center;

  background-size: 100% auto;

}

.spec-items li.on {

  border: 2px solid #268ae7;

}

.spec-items li img {

  display: inline-block;

  max-height: 100%;

  max-width: 100%;

  vertical-align: middle;

}

span.spe_leftBtn,

span.spe_rightBtn {

  position: absolute;

  bottom: 0px;

  display: block;

  width: 20px;

  height: 69px;

  line-height: 69px;

  text-align: center;

  font-size: 21px;

  font-weight: bold;

  color: #ddd;

  cursor: default;

  background-color: #f9f9f9;

  -moz-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  -khtml-user-select: none;

  user-select: none;

}

span.on {

  background-color: #f9f9f9;

  color: #0058b1;

  cursor: pointer;

}

span.spe_leftBtn {

  left: 0;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/p-detail-left.png) no-repeat center;

}

span.spe_leftBtn.on {

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/p-detail-left-active.png) no-repeat center;

}

span.spe_rightBtn {

  right: 0;

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/p-detail-right.png) no-repeat center;

}

span.spe_rightBtn.on {

  background: url(assets/liyunwangluo.xyz/static/index/zm001/images/p-detail-right-active.png) no-repeat center;

}

.de-page-mian {

  overflow: hidden;

  text-align: center;

  font-size: 0;

  margin: 10px 0 35px;

}

.de-page-mian .page-inner {

  display: inline-block;

  overflow: hidden;

}

.de-page-mian .page-inner a {

  display: block;

  float: left;

  min-width: 26px;

  padding: 0 5px;

  height: 36px;

  border: 1px solid #dddddd;

  background: #fff;

  text-align: center;

  line-height: 36px;

  font-size: 14px;

  color: #333;

  margin-right: -1px;

  overflow: hidden;

}

.de-page-mian .page-inner a.active,

.de-page-mian .page-inner a:hover {

  color: #fff;

  border-color: #2081eb;

  background: #2081eb;

}

.de-page-mian .page-inner a.prev {

  margin-right: 10px;

  background: #fff url(assets/liyunwangluo.xyz/static/index/zm001/images/prev.jpg) no-repeat center;

}

.de-page-mian .page-inner a.prev.on {

  background: #fff url(assets/liyunwangluo.xyz/static/index/zm001/images/prev-hover.jpg) no-repeat center;

}

.de-page-mian .page-inner a.prev:hover {

  background-color: #fff;

  border-color: #dddddd;

}

.de-page-mian .page-inner a.next {

  margin-left: 10px;

  margin-right: 15px;

  background: #fff url(assets/liyunwangluo.xyz/static/index/zm001/images/next.jpg) no-repeat center;

}

.de-page-mian .page-inner a.next.on {

  background: #fff url(assets/liyunwangluo.xyz/static/index/zm001/images/next-hover.jpg) no-repeat center;

}

.de-page-mian .page-inner a.next:hover {

  background-color: #fff;

  border-color: #dddddd;

}

.de-page-mian .page-inner a.page-btn {

  font-size: 12px;

  margin-right: 0;

  width: 63px;

  margin-left: 10px;

}

.de-page-mian .page-inner span {

  display: block;

  font-size: 12px;

  color: #333;

  float: left;

  line-height: 38px;

}

.de-page-mian .page-inner input {

  display: block;

  float: left;

  height: 36px;

  width: 36px;

  border: 1px solid #dddddd;

  text-align: center;

  line-height: 36px;

  font-size: 14px;

  color: #333;

  margin: 0 5px;

}

/*video*/

.de-video-list ul li{

  float:left;

  width: 32%;

  margin-right: 2%;

  margin-bottom: 2vw;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  top:0;

}

.de-video-list ul li:hover{

  position:relative;

  top:-3px;

  box-shadow: 0 5px 10px rgba(226, 0, 2, 0.22);

}

.de-video-list ul li:nth-of-type(3n){

  margin-right: 0;

}

.de-video-list ul li div{

  width: 100%;

  height: 292px;

  position:relative;

  overflow: hidden;

}

.de-video-list ul li div img{

  filter:brightness(0.5);

}

.de-video-list ul li h4{

    line-height: 85px;

    background:#f7f7f7;

    text-align: center;

    font-weight: bold;

    font-size: 22px;

    color: #000000;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 10px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.de-video-list ul li:hover h4{

background:#fff;

  color: #2081eb;

}

.de-video-list ul li a div span{

  border-radius: 50%;

  position:absolute;

  left:50%;

  top:50%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  width: 53px;

  height: 53px;

  border:5px solid rgba(255, 255, 255, 0.3);

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.de-video-list ul li:hover a div span{

  background:#2081eb;

  border:5px solid #2081eb;

}

.de-video-list ul li a div span i{

  border-left:6px solid #fff;

  border-top:8px solid transparent;

  border-bottom:8px solid transparent;

  position:absolute;

  left:50%;

  top:50%;

  transform: translate(-50%,-50%);

  border-left:8px solid #fff;

  border-top:8px solid transparent;

  border-bottom:8px solid transparent;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.de-video-list ul li:hover a div span i{

  border-left:12px solid #fff;

}

.de-video-list ul li a div span:after{

  display:block;

  content: '';

  position:absolute;

  left:50%;

  top:50%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/around.png) no-repeat right top;

  width: 61px;

  height: 61px;

  animation:round360 5s linear 0s infinite normal;

}

.de-video-list ul li:hover a div span:after{

  display:none;

 }



@keyframes round360 {

  0%{

    -webkit-transform: translate(-50%,-50%) rotate(0);

    -moz-transform: translate(-50%,-50%) rotate(0);

    -ms-transform: translate(-50%,-50%) rotate(0);

    -o-transform: translate(-50%,-50%) rotate(0);

    transform: translate(-50%,-50%) rotate(0);

  }

  100%{

    -webkit-transform: translate(-50%,-50%) rotate(-360deg);

    -moz-transform: translate(-50%,-50%) rotate(-360deg);

    -ms-transform: translate(-50%,-50%) rotate(-360deg);

    -o-transform: translate(-50%,-50%) rotate(-360deg);

    transform: translate(-50%,-50%) rotate(-360deg);

  }

}

/*videoinfo*/

#playercontainer,#playVideo{

  margin:0 auto;

}

#playercontainer{

  width: 720px!important;

  height:30vw!important;

}

.zvideoinfo_detail{

  text-align: center;

}



/*question*/

.de-question-list ul li{

  float:left;

  width: 49%;

  margin-right: 2%;

  margin-bottom: 2%;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  background:#f7f7f7;

}

.de-question-list ul li:hover{

  box-shadow: 0 5px 10px rgba(32, 129, 235, 0.22);

  background:#fff;

}



.de-question-list ul li:nth-of-type(even){

  margin-right:0;

}

.de-question-list ul li a{

  display:block;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:35px 0;

}

.de-question-list ul li a:after{

  display:block;

  content: '';

  clear: both;

}

.de-question-list ul li a>span{

  width: 22%;

  text-align: center;

  font-size: 48px;

  color: #3f3f3f;

  font-weight: bold;

  display:block;

  font-family: barlow;

  line-height: 126px;

  border-right:1px solid #ebebeb;

  position:relative;

  float:left;

}



.de-question-list ul li a>span:before{

  display:block;

  content: '';

  background:#e9e9e9;

  height: 3px;

  width:24px;

  position: absolute;

  bottom:27px;

  left:50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}

.de-question-list ul li a>div{

  float:left;

  width: 72%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left:23px;

}

.de-question-list ul li a>div>h5{

  font-size: 18px;

  color: #3f3f3f;

  font-weight: bold;

}

.de-question-list ul li a>div>h5 img{

  float:left;

  margin-right:13px;

  filter: grayscale(90);

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.de-question-list ul li:hover a>div>h5 img{

  filter:grayscale(0);

}

.de-question-list ul li a>div>small{

  font-size: 14px;

  color: #707070;

  font-weight: lighter;

  display:block;

  height: 50px;

  margin-top: 10px;

  line-height: 24px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.de-question-list ul li a>div>span{

   color: #7a7a7a;

   font-size: 14px;

  margin-top:8px;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  display:block;

  padding-left: 0;

 }

.de-question-list ul li:hover a>div>span{

  color: #7a7a7a;

  font-size: 14px;

  padding-left:45px;

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/quesmore.png) no-repeat left center;

}

.zques_side a{

  border-bottom: 2px solid #2081eb;

}

.fot_code>div{

  float:left;

  margin-left:15px;

}

.fot_code>div p{

  text-align: center;

  color: #fff;

  font-size: 12px;

}

.fot_code>div img{

  width: 80px;

  margin:0 auto;

}



/*免费试用*/

.use{

  display:block;

  position:fixed;

  right:20px;

  bottom:220px;

  z-index: 100;

}

.usebtn{

  border-radius: 27px;

  box-shadow: 0 0 10px rgba(32, 129, 235, 0.3);

  width: 160px;

  line-height: 55px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left:60px;

  background:#2081eb url(assets/liyunwangluo.xyz/static/index/zm001/images/useicon.png) no-repeat 27px center;

  font-size: 18px;

  color: #fff;

  font-weight: bold;

  position: relative;

}

.usebtn img{

  position:absolute;

  right: -12px;

  bottom: -19px;

  animation:pointani 300ms linear 0s infinite alternate;

}

@keyframes pointani {

  0%{

    right: -15px;

    bottom: -23px;

  }

  100%{

    right: -12px;

    bottom: -19px;

  }

}

/*try*/

.trybg{

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/trybg.jpg) no-repeat center;

  background-size:cover;

  padding-bottom:3vw;

  padding-top: 9vw;

}

.trybg>.warpper{

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 5%;

}

.try_left{

  float:left;

  width: 60%;

}

.try_top{

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/trypic.png) no-repeat center;

  width: 100%;

  height: 449px;

}

.try_top>div{

  text-align: center;

  padding-top: 195px;

}

.try_top>div>h4{

  font-size: 34px;

  color: #ffffff;

  font-weight: bold;

}

.try_top>div>p{

  font-size: 24px;

  color: #ffffff;

}

.try_top>div>p:last-of-type{

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/trypicline.png) no-repeat center bottom;

}

.try_bom>small{

  color: #fff;

  font-size: 20px;

  font-weight: bold;

  text-align: center;

  display:block;

  margin-bottom: 15px;

}

.try_bom{

  background: rgba(255, 255, 255, 0.3);

  border-radius: 30px;

  width: 523px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:30px;

  text-align: center;

  margin: 0 auto;

  margin-top: 26px;

}

.try_bom>ul{

  display:flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

}

.try_bom>ul li{

  background:#fff;

  border-radius:10px;

  overflow: hidden;

  margin-bottom: 15px;

  width: 140px;

  height: 78px;

}

.try_bom>ul li img{

  object-fit: contain;

}

.try-messagebg{

  float:right;

  width:36%;

  border-radius: 16px;

  background:#ffe3e5;

  box-shadow: 0 0 10px #4c4c4c;

}

.try-message{

  border-radius: 16px;

  background:#fff;

  box-shadow: 0 3px 5px rgba(226, 0, 2, 0.18);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:2vw 3vw;

}

.try-messagebg>p{

  text-align: center;

  font-size: 14px;

  color: #2081eb;

  line-height: 46px;

}

.try-message>h4{

  text-align: center;

  font-size: 30px;

  color: #2081eb;

  font-weight: bold;

}

.try-message>h4>span{

  color: #272727;

}

.try-message>div{

  text-align: center;

  font-size: 14px;

  color: #929292;

  margin-bottom: 15px;

  margin-top: 6px;

}

.try-message>form .form-group{

  margin-bottom: 16px;

}

.try-message>form .form-group>p{

  font-size: 14px;

  color: #272727;

  font-weight: bold;

  margin-bottom: 5px;

}

.try-message>form .form-group>p>span{

  color: #2081eb;

}

.try-message>form .form-group input,.try-message>form .form-group>textarea{

  width:100%;

  border:2px solid #dcdfe6;

  line-height: 44px;

  height: 44px;

  overflow: hidden;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 15px;

  border-radius: 8px;

  font-size: 14px;

  color: #c1c4c9;

  cursor:text;

}

.try-message>form .form-group input[type=file]{

  cursor:pointer;

}

.try-message>form .form-group input::placeholder,.try-message>form .form-group>textarea::placeholder{

  font-size: 14px;

  color: #c1c4c9;

}

.try-message>form .form-group .code{

  display:flex;

  justify-content: space-between;

}

.try-message>form .form-group .code input{

  width: 63%;

}

.try-message>form .form-group .code .verify{

  width: 35%;

  background:#f3fbfe;

  height: 44px;

}

.try-message>form .form-group .code .verify img{

  height: 100%;

}

.try-message>form .submit{

  border-radius: 24px;

  text-align: center;

  line-height: 48px;

  background:#2081eb;

  color: #fff;

  font-size: 18px;

  display:block;

  width:100%;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.try-message>form .submit:hover{

  background:#ae2e2f;

}



.qunliao{

  background:#fff;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:5px;

  text-align: center;

  width: 120px;

  position:fixed;

  left:0;

  bottom:20%;

  box-shadow: 0 0 10px #ddd;

  z-index: 100;

}

.qunliao img{

  width: 100%;

}

.qunliao p{

  font-size: 12px;

  color: #666;

}



/*<!--导航下拉-->*/

.downshow{

  position:fixed;

  top:100px;

  left:0;

  width:100%;

  background: rgba(245, 245, 245, 0.88);

  z-index: 99;

  display:none;

  justify-content: flex-end;

  align-items: center;

  min-height:350px;

}

.showdiv{

  display:flex;

}



.downpic{

  position:absolute;

  left:0;

  top:0;

  width: 33%;

  height: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left: 10%;

  display:flex;

  align-items: center;

  background-repeat: no-repeat;

  background-size:100% 100%;

  background-position:left center;

}

.downpic h4{

  font-size: 3.2rem;

  color: #fff;

  font-weight: bold;

  text-align: left;

}

.downpic small{

  font-size: 1.6rem;

  color: #fff;

  text-transform: uppercase;

  text-align: left;

  display:block;

}

.downhrefbg{

  width: 67%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:2vw;

  display:flex;

  flex-wrap: wrap;

}



.downul{

  width: 30%;

  margin-right: 5%;

  margin-top: 1.5vw;

}

.downul:first-of-type,.downul:nth-of-type(2),.downul:nth-of-type(3){

  margin-top: 0;

}

.downul:nth-of-type(3n){

  margin-right: 0;

}

.downul>a{

  display:block;

  text-align: left;

  line-height: 50px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow:hidden;

  border-bottom: 1px solid #c0c0c0;

  position:relative;

  padding-left:12px;

  padding-right: 35px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 1.8rem;

  color: #333232;

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/downjt.png) no-repeat right center;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.downul>a:before{

  display:block;

  content: '';

  width: 3px;

  height: 22px;

  background:#2081eb;

  position:absolute;

  left:0;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.downul>a:hover{

  color: #2081eb;

  border-bottom: 1px solid #2081eb;

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/downjts.png) no-repeat right center;

}

.downul>div>a{

  display:block;

  font-size: 1.4rem;

  text-align: left;

  color: #5a5a5a;

  margin-top: 10px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow:hidden;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.downul>div>a:hover{

  color: #2081eb;

}

.pro_downhrefbg{

  width: 67%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:2vw 0;

  display:flex;

}

.pro_downhrefbg>div{

  width: 33%;

  border-right:1px solid #ddd;

  height: 250px;

  overflow-y: auto;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 30px;

}

.pro_downhrefbg>div:last-of-type{

  border-right: 0;

}

.pro_downhrefbg a{

  display:block;

  font-size: 1.6rem;

  color: #5a5a5a;

  text-align: left;

  margin-top: 10px;

}

.pro_downhrefbg div>a:first-of-type{

  margin-top: 0;

}

.pro_downhrefbg a:hover{

  color: #2081eb;

}

.down01 a{

  line-height: 50px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow:hidden;

  border-bottom: 1px solid #c0c0c0;

  position:relative;

  padding-left:12px;

  padding-right: 35px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 1.8rem;

  color: #333232;

  margin-top: 0;

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/downjt.png) no-repeat right center;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.down01 a:before{

  display:block;

  content: '';

  width: 3px;

  height: 22px;

  background:#2081eb;

  position:absolute;

  left:0;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.down01 a:hover{

  color: #2081eb;

  border-bottom: 1px solid #2081eb;

  background:url(assets/liyunwangluo.xyz/static/index/zm001/images/downjts.png) no-repeat right center;

}

.down03 a{

  font-size: 1.4rem;

}





.zslotype{

  display:flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 3vw;

  background: #f6f6f6;

  padding: 2vw 0;

}

.zslotype div{

  text-align: center;

}

.zslotype a{

  display:block;

  width: 26%;

}

.zslotype a b{

  border-radius: 50%;

  background:#fff;

  width: 90px;

  height: 90px;

  display:flex;

  margin:0 auto;

  border-radius: 50%;

  align-items: center;

  justify-content: center;

  position:relative;

  overflow:hidden;

  border:2px dashed #2081eb;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zslotype a:hover b,.zslotype a.active b{

  /*background:#2081eb;*/

  border:2px solid #2081eb;

}

.zvideotype a:hover b, .zvideotype a.active b{

  border:none;

}



.zslotype a b img{

  width: 100%;

  object-fit: scale-down;

  height: 100%;

}

.zvideotype a b img{

  max-width: 60%;

  object-fit: scale-down;

  max-height: 60%;

}

.zvideotype a b {

  overflow: visible;

  border:none;

}

.zvideotype a:hover b,.zvideotype a.active b{

  background:#2081eb;

}

.zvideotype a b:after{

  display:block;

  content: '';

  width: 115%;

  height: 115%;

  border-radius: 50%;

  border:2px dashed #fff;

  position:absolute;

  left:50%;

  top:50%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zvideotype a:hover b:after,.zvideotype a.active b:after{

  border:2px dashed #2081eb;

}



.zvideotype a:hover b img,.zvideotype a.active b img{

  filter:grayscale(0) brightness(100);

}

.zslotype a h4{

  color: #474747;

  font-size: 1.8rem;

  margin-top: 1.5vw;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zslotype a:hover h4,.zslotype a.active h4{

  font-weight: bold;

  color: #2081eb;

}



/*列表页-产品分类*/

.myprotype_tit{

  margin-top: 3vw;

  margin-bottom: 1vw;

  padding-left:25px;

  position:relative;

  font-size: 3rem;

  font-weight: bold;

  color: #474747;

}

.myprotype_tit:before{

  display:block;

  content: '';

  background:#2081eb;

  width: 3px;

  height: 30px;

  position:absolute;

  left:0;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.zmyprotype{

  flex-wrap: wrap;

  margin-bottom: 0;

  background:#fff;

  justify-content: flex-start;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.zmyprotype a{

  background:#f6f6f6;

  padding:1.5vw 3vw;

  margin:20px 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-bottom: 10px;

  width: 24%;

  margin-right: 1%;

}

.zmyprotype a h4{

  height: 56px;

  display:flex;

  align-items: center;

  justify-content: center;

}



/*侧边栏*/

/*float window*/

.float_box{

  display:block;

  position: fixed;

  top:32%;

  right:10px;

  z-index: 100;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.float_box>li{

  width: 77px;

  height: 73px;

  background:#ffffff;

  border:1px solid #f1f1f1;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  position:relative;

  display:flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 10px;

  cursor: pointer;

}

.fix_icon b{

  display:block;

  width: 100%;

  height: 42px;

  position:relative;

  overflow:hidden;

}

.fix_icon b img{

  width: 100%;

  height: 100%;

  object-fit: scale-down;

}

.fix_icon p{

  color: #2e2e2e;

  font-size: 1.2rem;

  text-align: center;

}

.float04,

.float03{

  position:relative;

}

.f03pic{

  position:absolute;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 120px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:10px;

  border-radius: 4px;

  background:#2081eb;

  opacity: 0;

  right:110%;

  visibility: hidden;

  z-index: -1;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.f03pic img{

  width: 100%;

}

.f04text{

  background:#2081eb;

  padding:5px 10px;

  position:absolute;

  top:50%;

  color: #ffffff;

  font-size: 1.8rem;

  border-radius: 4px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  opacity: 0;

  right:110%;

  visibility: hidden;

  z-index: -1;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.f03pic:before,

.f04text:before{

  display:block;

  content: '';

  position:absolute;

  left:100%;

  top:50%;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  border-left:7px solid #2081eb;

  border-top: 7px solid transparent;

  border-bottom: 7px solid transparent;

}



.fshow{

  opacity: 1;

  right: calc(100% + 7px);

  visibility: visible;

  z-index: 98;

}

.downul_slobg .downul{

  width: 22%;

}

.downul_slobg .downul_slo{

  width: 43%;

}

.downul_slo .downli{

  display:flex;

  flex-wrap: wrap;

}

.downul_slo .downli a{

  width: 50%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.announh3 .h3,

.announh3 .b{

  text-align: center;

}

.news-detail-content .announh3 .h3:after{display:none;}