body{
	line-height: normal!important;
}
.xuanxianka_kz{
    padding-bottom: 0;
}
    /* 头部ban */
.bannerPC .bannermain{
  display: table;
  margin: 0 auto;
}

/* 头部ban */

/*banner*/
.banner .banner01{
  background-size: cover;
}
.bannerPC{
  width: 100%;
}
.why_pc_standing{
  float: left;
  width: 14%;
}
.bannerPC img{
  width: 98%;
}
.why_pc_standing ul{
  font-size: 16px;
  color: #fff;
  font-family: "microsoft yahei";
  background-color: rgba(255, 255, 255, 0.1);
  padding-top: 8%;
  padding-bottom: 12%;
}
.why_text{
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 10%;
  margin-top: 4%;
  padding: 2% 0;
}
.shared_block{
  width: 100%;
  background-color: #fff;
}

.five_block{
  background-color: #F3F3F3;
}
/* .banner {
  height: 480px;
} */
/*banner*/

.tab_hidden::-webkit-scrollbar-thumb{
	background:#cccccc;
	border-radius: 15px;
}
.tab_hidden::-webkit-scrollbar{
	width: 5px;
}
/* 智慧官网  H5自适应  全渠道覆盖 */
.shared_ylfbjt{
  background: url("../images/display_solution_wesit/ban1.jpg") no-repeat center;
  background-size: cover;
}
.editor_text{
  width: 1182px;
  margin: 0 auto;
  padding-top: 4%;
}
.editor_text h5{
  font-size: 48px;
  color: #fff;
  font-family: "microsoft yahei";
  font-weight:normal;
}
.editor_text p{
  font-size: 24px;
  color: #fff;
  font-family: "microsoft yahei";
}
/* 为什么选择电子合同*/
.five_website_w2 ul{font-size:0;text-size-adjust:none;margin-top:40px;}
.five_website_w2 ul li{
  box-sizing:border-box;
  margin: 10px;
  background:#fff;
  display:inline-block;
  clear:both;
  overflow:hidden;
  height: 300px;
  width: 280px;
  vertical-align: top;
  text-align: center;
}
.five_website_w2 ul li .iconimage{
	font-size: 104px;
    padding: 20px 0 14px;
    display: inline-block;
}
.five_website_w2 .web_text{
  box-sizing:border-box;
  text-align: center;
}
.five_website_w2 h3{
  color: #333333;
  font-size: 18px;
  font-family: "Microsoft Yahei";
  font-weight: normal;
  margin-bottom: 24px;
  text-align: center;
}
.five_website_w2 p{
  color: #999999;
  font-size: 14px;
  font-family: "Microsoft Yahei";
  line-height: 25px;
  text-align: center;
}
.five_website_w2 .read_more{
	line-height: 35px;
	font-size: 14px;
	display: inline-block;
	width: 170px;
	color: #666;
	margin-top: 50px;
	box-sizing: border-box;
	border: 1px solid #D6D6D6;
    margin-bottom: 60px;
}
.five_website_w2 .read_more:hover{
	background: #cc0000;
	border: 1px solid #cc0000;
	color: #fff;
}

/* 放心的电子合同专家 */
.five_website_w3{
  margin: 0 auto;
  text-align:center;
}
.five_website_w3 ul{font-size:0;text-size-adjust:none;margin-top:60px;}
.five_website_w3 ul li{overflow: hidden;margin:0 10px 40px;}
.five_website_w3 .service_image{width: 50%;float: left;}
.five_website_w3 .web_text{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 70px 0 0 84px;
}
.five_website_w3 ul li:nth-child(2n) .service_image{float: right;}
.five_website_w3 ul li:nth-child(2n) .web_text{padding-left: 0;}
.five_website_w3 h3{
  color: #333333;
  font-size: 24px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 24px;
}
.five_website_w3 p{
  color: #666666;
  font-size: 16px;
  line-height: 1.75;
  text-align: left;
}
.five_website_w3 .read_more{
	line-height: 35px;
	font-size: 14px;
	display: inline-block;
	width: 170px;
	margin-top: 50px;
	box-sizing: border-box;
	border: 1px solid #c00;
    background: #c00;
    color: #fff;
	float: left;
}
.five_website_w3 .read_more:hover{
    background: #dd0000;
	border: 1px solid #cc0000;
	color: #fff;
}
/*  */
.five_block_w4{
	background-color: #f3f3f3;
}
.five_website_w4{
	
}
.five_website_w4 ul{font-size:0;text-size-adjust:none;}
.five_website_w4 li{
	position: relative;
	display: inline-block;
	width: 220px;
	text-align: center;
	margin: 60px 10px 0;
	padding: 0;
}
.five_website_w4 li:nth-child(n+5){margin-bottom: 0;}
.five_website_w4 .content_box{
	position: relative;
	width: 100%;
}
.five_website_w4 .icon_box{
	position: relative;
	width: 80px;
	height: 80px;
	border: 1px dashed #5286FE;
	box-sizing: border-box;
	padding: 5px;
	border-radius: 80px;
    display: inline-block;
}
.five_website_w4 .icon_box .iconimage{
	display: inline-block;
	width: 100%;
	line-height: 68px;
	font-size: 60px;
	border-radius: 80px;
	background-color: #5286FE;
	color:#ffffff;
}
.five_website_w4 .title{
	font-size: 16px;
	margin-top: 20px;
}
.five_website_w4 .direction_right,.five_website_w4 .direction_left{
	font-size: 81px;
	color: #5286FE;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
}
.five_website_w4 .direction_left{
	transform: translate(50%, -50%) rotateY(180deg);
	-webkit-transform: translate(50%, -50%) rotateY(180deg);
	-o-transform: translate(50%, -50%) rotateY(180deg);
	-moz-transform: translate(50%, -50%) rotateY(180deg);
	-ms-transform: translate(50%, -50%) rotateY(180deg);
}
.five_website_w4 .direction_bottom{
	font-size: 48px;
	color: #5286FE;
	position: absolute;
	left: 50%;
	top: calc(100% + 2px);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

/*  */
.five_website_w5 ul{
    overflow: hidden;
    margin-top: 50px;
}
.five_website_w5 ul li{
    box-sizing:border-box;
    position: relative;
    margin: 10px;
    background:#fff;
    float: left;
    overflow:hidden;
    width:280px;
    vertical-align: top;
    text-align: center;
    padding: 30px 0;
    background-repeat: no-repeat;
}

.five_website_w5 ul li .iconimage{
	font-size: 72px;
	line-height: 72px;
    padding: 0px 0 8px;
    display: inline-block;
	color: #ffffff;
}
.five_website_w5 ul li .ms_icon{
	font-size: 90px;
}
.five_website_w5 .web_text{
  box-sizing:border-box;
  text-align: center;
}
.five_website_w5 .title{
  color: #ffffff;
  font-size: 18px;
  font-family: "Microsoft Yahei";
  font-weight: normal;
  margin-bottom: 8px;
  text-align: center;
}
.five_website_w5 .text{
  color: #ffffff;
  font-size: 12px;
    height: 50px;
  line-height: 25px;
  text-align: center;
  padding: 0 20px;
  opacity: 0;
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
}
.five_website_w5 ul li:hover .text{
	opacity: 1;
}

/*  */
.five_block_w6{padding-top: 0;}
.five_website_w6 ul{font-size: 0;} 
.five_website_w6 ul li{
  box-sizing:border-box;
  position: relative;
  margin:40px calc((100% - 925px)/4) 0 0;
  background:#fff;
  display:inline-block;
  clear:both;
  overflow:hidden;
  width:185px;
  vertical-align: top;
  text-align: center;
}
.five_website_w6 ul li:nth-of-type(5n){
  margin-right:0;
}


@media screen and (max-width: 1199px) {
    #newBridge .nb-icon-wrap-base{
        opacity: 0;
    }
    .section{
        box-sizing: border-box;
        text-align: center;
    }

    .five_website_w2 ul,.five_website_w4 ul,.five_website_w5 ul,.five_website_w6 ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .five_website_w2 ul li{
        margin: 0 0 10px 0;
        width: 100%;
        padding: 10px;
        height: auto;
    }
    .five_website_w2 ul li .iconimage{
        font-size: 64px;
        padding-top: 0;
    }
    .five_website_w2 h3{
        font-size: 14px;
    }
    .five_website_w2 p{
        font-size: 12px;
    }
    .five_website_w2 .read_more{
        width: auto;
        padding: 0 20px;
        margin: 20px 0;
        font-size: 12px;
        height: 30px;
        line-height: 28px;
    }

    .five_website_w3{
        width: auto;
        padding-top: 0;
    }
    .five_website_w3 ul{
        margin-top: 20px;
    }
    .five_website_w3 ul li{
        margin: 0;
    }
    .five_website_w3 h3{
        font-size: 18px;
        margin: 20px 0 10px;
    }
    .five_website_w3 p{
        font-size: 12px;
    }
    .five_website_w3 .service_image{
        width: auto;
        float: none !important;
    }
    .five_website_w3 .web_text{
        width: 100%;
        float: none;
        padding: 0;
    }
    .five_website_w3 .read_more{
        height: 30px;
        line-height: 28px;
        font-size: 12px;
        width: auto;
        padding: 0 20px;
        margin: 20px 0;
    }
    .five_website_w4 .direction_right, .five_website_w4 .direction_left,.five_website_w4 .direction_bottom{
        display: none;
    }
    .five_website_w4 li{
        width: calc((100% - 10px)/2);
        margin: 0 0 20px 0 !important;
    }
    .five_website_w4 .title{
        font-size: 14px;
        margin-top: 10px;
    }
    .five_website_w4 .icon_box{
        width: 60px;
        height: 60px;
    }
    .five_website_w4 .icon_box .iconimage{
        line-height: 48px;
        font-size: 35px;
    }
    .five_website_w5 ul li{
        margin: 0 0 20px 0;
        width: calc((100% - 10px)/2);
        background-size: cover;
        padding: 10px 0;
    }
    .five_website_w5 ul li .iconimage{
        font-size: 40px;
        line-height: 1;
        padding: 0;
    }
    .five_website_w5 .title{
        font-size: 14px;
        margin-top: 10px;
    }
    .five_website_w5 .text{
        opacity: 1;
        height: auto;
        padding: 0 15px;
        color: #ccc;
    }
    .five_website_w6 ul li{
        margin: 0;
        width: calc((100% - 10px)/2);
    }
}