span{
	white-space:normal!important;
}
.sub-menu-box{
	width: 100%;
	display: block;
	background: #F9F8FF;
	height: 64px;
	
	text-align: center;
}

.sub-menu-box li{		
	width: 50%;
	float: left;
	line-height: 64px;	
}
.sub-menu-box li a{
	font-size: 16px;
	padding: 0 113px;
	display: inline-block;
	position: relative;	
}
.sub-menu-box li.active a{
	color: #B707AB;
}
.sub-menu-box li.active a::after{
	content: "";
	width: 100%;
	height: 3px;
	background: #B707AB;
	position: absolute;
	bottom:0;
	left: 0;
}
/*新闻动态*/
.news-banner{
	width: 100%;	
	height: 426px;
	background-position: center;
	background-repeat: no-repeat;
}
.news-banner .box{
	height: 100%;
	display: table;
}
.news-banner .box .text{
	display: table-cell;
	vertical-align: middle;
}

.news-list{
	width: 100%;
	display: block;
}
.news-list ul{
	margin-top: 24px;
}
.news-list li{
	width: 100%;
	float: left;
	border:1px solid #E1E1E1;
	height: 258px;
	border-radius: 3px;
	margin-top: 24px;
	position: relative;
	padding: 24px 24px 24px 333px;
}
.news-list li .pic{
	width: 298px;
	height: 210px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -105px;
	overflow: hidden;
}
.news-list li .pic img{
	max-width: 100%;
}
.news-list li .text{
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
	
}
.news-list li .text h3.tit{
	display: block;
	line-height: 30px;
	height: 30px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.news-list li .text h3.tit a{
	font-size: 20px;

}
.news-list li .text p{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-top: 8px;
	margin-bottom: 12px;
}
.news-list li .text .pbot{
	display: block;
	margin-top: 5px;
	font-size: 16px;
	color: #666;
}
.news-list li .text .pbot i{
	margin-right: 6px;
}
.news-list li .text .more{
	display: block;
	margin-top: 20px;
}
.news-list li .text .more a{
	width: 108px;
	height: 32px;
	border:1px solid #B707AB;
	text-align: center;
	font-size: 14px;
	color: #B707AB;
	display: inline-block;
	line-height: 30px;
	border-radius: 3px;
}
.news-list li .text .more a i{
	vertical-align: middle;
	font-size: 24px;
}
.news-list li .text .more a:hover{
	background: #B707AB;
	color: #fff;
}
.news-list li::after{
	content: "";
	width: 160px;
	height: 110px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.news-list li:nth-child(1)::after{
	background: url(../images/news-libg1.png) center no-repeat;
}
.news-list li:nth-child(2)::after{
	background: url(../images/news-libg2.png) center no-repeat;
}
.news-list li:nth-child(3)::after{
	background: url(../images/news-libg3.png) center no-repeat;
}
.news-list li:nth-child(4)::after{
	background: url(../images/news-libg4.png) center no-repeat;
}
.news-list li:nth-child(5)::after{
	background: url(../images/news-libg1.png) center no-repeat;
}
/* 2022.01.18新加6 */
.news-list li:nth-child(6)::after{
	background: url(../images/news-libg4.png) center no-repeat;
}
.news-list li:nth-child(7)::after{
	background: url(../images/news-libg1.png) center no-repeat;
}
.news-list li:nth-child(8)::after{
	background: url(../images/news-libg4.png) center no-repeat;
}
/* 2022.01.18新加6 */
.news-list li:hover{
	border:1px solid #B707AB;
}
.news-list-left{
	width: 864px;
	float: left;
	margin: 90px 0;
}
.news-list-left .top-text{
	width: 100%;
	float: left;
	border-bottom: 2px solid #E1E1E1;
	padding-bottom: 18px;
}
.news-list-left ul{
	width: 100%;
	float: left;
}
.news-list-left li{
	width: 100%;
	float: left;
	position: relative;
	border-bottom:dotted 1px #E1E1E1;
	padding: 25px 0;
}
.news-list-left li .pic{
	width: 124px;
	float: left;
	height: 78px;
	overflow: hidden;
}
.news-list-left li .pic img{max-width:100%;}
.news-list-left li .text{
	width: 713px;
	float: right;
}
.news-list-left li .text h3.tit{
	width: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
.news-list-left li .text h3.tit a{
	font-size: 20px;
	font-weight: 400;

}
.news-list-left li .text p,.news-list-left li .text .pbot{
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	width: 100%;
}
.news-list-left li .text .pbot{	
	line-height: 30px;
	height: 30px;	
}
.news-list-left li .text .pbot span{
	margin-left: 15px;
	border-left:1px solid #eee;
	height: 14px;
	line-height: 14px;
	padding-left: 20px;
	display: inline-block;
}
.news-list-right{
	width: 270px;
	float: right;
	margin: 90px 0;
	border:1px solid #E1E1E1;
	padding: 20px;
}
.news-list-right .tit{
	font-size: 16px;
	color: #333;
	width: 100%;
	float: left;
	border-bottom: 1px solid #E1E1E1;
	padding-bottom: 20px;
}
.news-list-right ul{
	width: 100%;
	float: left;
}
.news-list-right li{
	width: 100%;
	float: left;
	border-bottom: dotted 1px #E1E1E1;
	padding: 15px 0;
}
.news-list-right li a{
	position: relative;
	font-size: 14px;
	padding-left: 20px;
	line-height: 20px;
	display: block;
}
.news-list-right li i.iconfont{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
}
.news-list-right li p{
	display: block;
	font-size: 12px;
	padding-left: 20px;
	margin-top: 6px;
	color: #666;
}
.news-list-right li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.show-news-left,.show-news-right{
	margin-top: 44px;
}
.show-news-left h1.show-title{
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	margin-top: 30px;
	float: left;
	color: #333;
}
.show-news-left h3.bot{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 35px;
	color: #666;
}
.show-news-left h3.bot span{
	margin-right: 15px;
}
.show-news-left .show-news-content{
	width: 100%;
	float: left;
	margin: 20px 0;
	line-height: 28px;
	font-size: 14px;
}
.show-news-left .show-news-content img{
	max-width: 100%;
}
.show-news-left .botpages{
	width: 100%;
	float: left;
	margin-top: 15px;
	font-size: 14px;
}
.show-news-left .botpages span{
	color: #B609AB;
}

/*文档*/
.section-file .box{
	margin: 62px auto;
}
.file-banner{
	width: 100%;	
	height: 386px;
	background-position: center;
	background-repeat: no-repeat;
}
.file-banner .box{
	height: 100%;
	display: table;
}
.file-banner .box .searchbox{
	display: table-cell;
	vertical-align: middle;
}
.file-banner .title{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 38px;
	color: #fff;
	font-weight: normal;
}
.file-banner .search-bor{
	margin: 24px auto;
	background: #fff;
	position: relative;
	width: 690px;
	height: 42px;
	border-radius: 2px;
	padding-right: 60px;
	overflow: hidden;
}
.file-banner .search-bor .text{
	width: 100%;
	border:none;
	height: 42px;
	padding: 0 15px;
	font-size: 16px;
}
.file-banner .search-bor .input{
	width: 50px;
	height: 42px;
	position: absolute;
	right: 0;
	top:0;
	z-index: 3;
	border:none;
	cursor: pointer;
	color: #666;
	background: none;	
}
.file-banner .search-bor .input i{
	font-weight: bold;
	font-size: 20px;
}
.file-banner .search-hot{
	width: 690px;
	margin: 0 auto;
	font-size: 12px;
	color: #C1C1C1;
}
.file-banner .search-hot a{
	display: inline-block;
	color: #fff;
	font-size: 12px;
	margin-right: 15px;
}
.file-banner .search-hot a:hover{
	text-decoration: underline;
}
.section-file{
	width: 100%;
	display: block;
}
.section-file .left-menu{
	width: 168px;
	float: left;
	margin-top: 10px;
}
.section-file .left-menu .t{
	display: block;
	font-size: 18px;
	font-weight: 400;
	color: #333;
}
.section-file .left-menu ul{
	display: block;

}
.section-file .left-menu li{
	display: block;
	width: 100%;
	margin-top: 12px;
	line-height: 16px;
}
.section-file .left-menu li .icon{
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 8px;
}
.section-file .left-menu li a{
	font-size: 14px;
}
.section-file .left-menu li.active a{
	color: #B707AB;
}
.section-file .left-menu li .icon-1{
	background-image: url(../images/file-ico1.png);
}
.section-file .left-menu li .icon-2{
	background-image: url(../images/file-ico2.png);
}
.section-file .left-menu li .icon-3{
	background-image: url(../images/file-ico3.png);
}
.section-file .left-menu li .icon-4{
	background-image: url(../images/file-ico4.png);
}
.section-file .left-menu li .icon-5{
	background-image: url(../images/file-ico5.png);
}
.section-file .left-menu li .icon-6{
	background-image: url(../images/file-ico6.png);
}
.section-file .left-menu li .icon-7{
	background-image: url(../images/file-ico7.png);
}
.section-file .left-menu li .icon-8{
	background-image: url(../images/file-ico8.png);
}
.section-file .left-menu li .icon-9{
	background-image: url(../images/file-ico9.png);
}
.section-file .left-menu li .icon-10{
	background-image: url(../images/file-ico10.png);
}
.section-file .left-menu li .icon-11{
	background-image: url(../images/file-ico11.png);
}
.section-file .left-menu li .icon-12{
	background-image: url(../images/file-ico11.png);
}
.section-file .left-menu li .icon-13{
	background-image: url(../images/file-ico12.png);
}
.section-file .left-menu li .icon-14{
	background-image: url(../images/file-ico11.png);
}
.section-file .right-box{
	width: 1014px;
	float: right;
	border-left: 1px solid #E1E1E1;
	padding-left: 74px;
	margin-top: 10px;
}
.section-file .right-box .list{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.section-file .right-box .list .t{
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: 400;
	color: #333;
}
.section-file .right-box .list ul{
	width: 100%;
	float: left;
	border:1px solid #E1E1E1;
	padding: 10px 15px;
	margin-top: 12px;
}
.section-file .right-box .list li{
	width: 20%;
	float: left;
	margin: 5px 0;
}
.section-file .right-box .list li a{
	font-size: 14px;
	
}
.file-header{
	width: 100%;
	background: #fff;
	border-top: 1px solid #E1E1E1;
	height: 64px;
	margin-top: 0;
}
.file-header .area{
	line-height: 64px;
	font-size: 18px;
	min-width: 250px;
	display: inline-block;
	vertical-align: middle;
	
}
.file-header .file-header-search{
	display: inline-block;
	margin-left: 42px;
	width: 420px;
	height: 34px;
	border:1px solid #E1E1E1;
	border-radius: 2px;
	overflow: hidden;
	position: relative;	
	vertical-align: middle;
}
.file-header .file-header-search .text{
	width: 100%;
	height: 34px;
	border:none;
	padding: 0 10px;
	font-size: 14px;
}
.file-header .file-header-search .input{
	position: absolute;
	right: 0;
	top: 0;
	width: 34px;
	height: 34px;
	outline: none;
	cursor: pointer;
	border:none;
	background: none;
}
.section-file-list{
	background: #F5F7FA;
	position: relative;
}
.section-file-list::after{
	content: "";
	right: 0;
	width: 950px;
	background: #fff;
	top: 0;
	height: 100%;
	position: absolute;	
	z-index: 1;
}

.file-list-left{
	width: 250px;
	float: left;	
	padding: 30px 0;
	position: relative;
	z-index: 2;
}
.file-list-right{
	width: 950px;
	float: left;
	background: #fff;
	padding: 40px 20px 0 40px;
	min-height: 800px;
	position: relative;
	z-index: 2;
}
.file-list-left .navMenubox{
	padding: 0;
}
.file-list-left .navMenu>li>a{
	padding-left: 0;
}
.file-list-left .navMenu li a .arrow:before{
	font-size: 18px;
}
.file-list-left .navMenu li a .arrow.open:before{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-webkit-transform:rotate(180deg); 
	-o-transform:rotate(180deg); 
}
.file-list-left .navMenu>li>ul.sub-menu,.file-list-left .navMenu>li>ul.sub-menu>li>ul.sub-menu{
	border-left:2px solid #E5E8ED;
}
.file-list-left .navMenu>li>ul.sub-menu li{
	border:none;
}
.file-list-left .navMenu>li>ul.sub-menu li>a{
	line-height: 30px;
	
}
.file-list-left .navMenu>li a.active,.file-list-left .navMenu>li a:hover,.file-list-left .navMenu>li>ul.sub-menu li>a.cur{
	color: #B707AB;
}

.file-list-right .list{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative;
}
.file-list-right .list::before{
	content: "";
	width: 1px;
	height: 100%;
	background: #E3E8ED;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 2;
}
.file-list-right .list h3.t{
	width: 100%;
	float: left;
	position: relative;
	z-index: 3;
	background-color: #fff;
	padding: 5px 0;
}
.file-list-right .list h3.t span{
	float: left;	
	padding-left: 45px;
	font-size: 18px;
	color: #333;
	font-weight: normal;
	line-height: 28px;
	height: 28px;	
	
}
.file-list-right .list h3.t .ico-1{
	background: url(../images/file-li-ico1.png) left center no-repeat;
}
.file-list-right .list h3.t .ico-2{
	background: url(../images/file-li-ico2.png) left center no-repeat;
}
.file-list-right .list h3.t .ico-3{
	background: url(../images/file-li-ico3.png) left center no-repeat;
}
.file-list-right .list h3.t .ico-4{
	background: url(../images/file-li-ico4.png) left center no-repeat;
}
.file-list-right .list h3.t .ico-5{
	background: url(../images/file-li-ico5.png) left center no-repeat;
}
.file-list-right .list h3.t .ico-6{
	background: url(../images/file-li-ico6.png) left center no-repeat;
}
.file-list-right .list h3.t .ico-7{
	background: url(../images/file-li-ico7.png) left center no-repeat;
}
.file-list-right .list h3.t .ico-8{
	background: url(../images/file-li-ico8.png) left center no-repeat;
}

.file-list-right .list h3.t .showpdf{
	float: right;
	font-size: 14px;
	color: #B707AB;
	font-weight: normal;
	line-height: 28px;
}
.file-list-right .list h3.t .showpdf i{
	margin-right: 8px;
	vertical-align: middle;
}
.file-list-right .list ul{
	width: 100%;
	float: left;
	padding-left: 45px;
	margin: 20px 0;
}
.file-list-right .list li{
	width: 25%;
	float: left;
	line-height: 30px;
}
.file-list-right .list li a{
	background: url(../images/ico3.png) left center no-repeat;
	padding-left: 10px;
	font-size: 14px;
}
/*文档详情*/
.show-wd-title{
	width: 100%;
	float: left;
	font-size: 26px;
	color: #222;
}
.show-wd-title p{
	font-size: 12px;
	margin-top: 6px;
	color: #888;
}
.show-wd-content{
	width: 100%;
	float: left;
	margin: 30px 0;
	line-height: 28px;
	font-size: 14px;
}
.show-wd-content a{
	color: #007acc;
}
.show-wd-content table{
	border:0;
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
}
.show-wd-content th{
	border-width: 1px;
	border-style: solid;
}
.show-wd-content td,.show-wd-content th{	
	padding:5px 10px;
	line-height: 20px;
}

/*合作伙伴*/
.partner-banner{
	width: 100%;	
	height: 415px;
	background-position: center;
	background-repeat: no-repeat;
}
.partner-banner .box{
	height: 100%;
	display: table;
}
.partner-banner .text{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.partner-banner .text h3.t{
	color: #fff;
	font-size: 38px;
	font-weight: normal;
}
.partner-banner .text p{
	display: block;
	margin-top: 45px;
}
.partner-banner .text p a{
	width: 198px;
	height: 44px;
	background: #B707AB;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	display: inline-block;
	border-radius: 2px;
}
.partner-banner .text p a:hover{
	opacity: .8;
}
.partner-list ul{
	width: 100%;
	float: left;
	
}
.partner-list li{
	width: 25%;
	float: left;
	height: 220px;
	border-right: 1px solid #E1E1E1;
	position: relative;
	margin-top: 50px;
	padding: 15px;
	
}
.partner-list li:nth-child(4n+4){
	border-right: 0;
}
.partner-list li .pic{
	width: 100%;
	height: 125px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	margin-top: 20px;
}
.partner-list li .t{
	display: block;
	text-align: center;
	font-size: 16px;
	margin-top: 15px;
}
.partner-list li .text{
	display: none;
	width: 100%;
	height: 100%;
	background: #fff;	
	box-shadow: 0px 2px 22px 2px rgba(181, 181, 181, 0.24);
	border-radius: 2px;
	padding: 25px;
	position: absolute;
	top: 0;
	left: 0;
}
.partner-list li .text h3{
	display: block;
	font-size: 20px;
	font-weight: 400;
	color: #333;
}
.partner-list li .text .con{
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin-top: 8px;
	position: relative;
	height: 140px;
	overflow: hidden;
	overflow-y: hidden;
	outline: none;
}
.partner-list li:hover .text{
	display: block;
}
/*产品列表*/
.pro-list-section .tabs{
	width: 100%;
	float: left;
}
.pro-list-banner{
	width: 100%;
	height: 363px;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
.pro-list-banner .title{
	display: block;
	padding-top: 70px;	
	color: #fff;
	font-size: 42px;
	font-weight: normal;
}
.pro-list-banner .summary{
	display: block;
	font-size: 16px;
	color: #fff;
	padding-top: 25px;
}
.pro-list-banner .list-search{
	width: 690px;
	margin: 0 auto;
	margin-top: 30px;
}
.pro-list-banner .list-search .search-bor{
	background: #fff;
	width: 100%;
	height: 44px;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
	padding-right: 55px;
}
.pro-list-banner .list-search .search-bor .text{
	width: 100%;
	padding: 0 15px;
	line-height: 44px;
	border:none;
}
.pro-list-banner .list-search .search-bor .input{
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	background: none;
	border:none;
	outline: none;
	cursor: pointer;
	width: 55px;

}
.pro-list-banner .list-search .search-bor .input i{
	font-size: 22px;
}
.pro-list-top{
	width: 100%;
	display: block;
}
.pro-list-top ul{
	width: 100%;
	float: left;
	background: #fff;	
	box-shadow: 0px 2px 4px 0px rgba(127, 127, 127, 0.34);
	padding: 28px 30px;
	margin-top: -95px;
}
.pro-list-top li{
	width: 33.333%;
	float: left;
	border-left: 1px solid #E5E5E5;
	min-height: 326px;
	padding-left: 25px;
}
.pro-list-top li:first-child{
	padding-left: 0;
	border-left: none;
}
.pro-list-top li .tit{
	display: block;
	font-weight: normal;
	font-size: 20px;
	color: #333;
	padding-left: 48px;
	line-height: 32px;
}
.pro-list-top li .t1{
	background: url(../images/pro-list-ico1.jpg) left center no-repeat;
}
.pro-list-top li .t2{
	background: url(../images/pro-list-ico2.jpg) left center no-repeat;
}
.pro-list-top li .t3{
	background: url(../images/pro-list-ico3.jpg) left center no-repeat;
}
.pro-list-top li .list1{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.pro-list-top li .list1>div{
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 8px;
}
.pro-list-top li .list1 a{
	font-size: 16px;
}
.pro-list-top li .list1 p{
	font-size: 14px;
	color: #888;
	margin-top: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-list-top li .list2{
	width: 100%;
	float: left;
	margin-top: 30px;
	background: url(../images/pro-list-newico.jpg) right bottom no-repeat;
}
.pro-list-top li .list2 p{
	width: 100%;
	float: left;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-list-top li .list2 a{
	font-size: 14px;
	color: #444;
}
.pro-list-top li .list2 a:hover{
	color: #B707AB;
}
.pro-list-top li .list3{
	width: 100%;
	float: left;
	margin-top: 30px;

}
.pro-list-top li .list3 dd{
	width: 100%;
	float: left;
	line-height: 30px;
	background: url(../images/yuan2.jpg) left center no-repeat;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 15px;
}
.pro-list-top li .list3 dd a{
	font-size: 15px;
}
.pro-list-top li .list3 dl{
	width: 100%;
	float: left;
}
.pro-list-top li .list3 .botlink{
	width: 100%;
	float: left;
	border-top:1px solid #E5E5E5;
	margin-top: 20px;
	padding-top: 20px;
}
.pro-list-top li .list3 .botlink a{
	display: inline-block;
	margin-right: 30px;
	font-size: 14px;
}
.pro-list-top li .list3 .botlink a i{
	font-size: 12px;
	margin-left: 3px;
}
.pro-list-section{
	padding-bottom: 60px;
}
.pro-list-section .title{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 24px;
	color: #222;
	margin-top: 57px;
}
.pro-list-section .summary{
	width: 100%;
	float: left;	
	font-size: 16px;
	color: #888;
	margin-top: 15px;
	text-align: center;
	
}
.pro-list-section .banner-bg{
	width: 100%;
	float: left;
	height: 166px;
	background-size: cover;
	margin-top: 30px;
	padding: 20px 52px 0 52px;
}
.pro-list-section .banner-bg .tt{
	display: block;
	color: #fff;
	margin-top: 10px;
	font-size: 20px;
}
.pro-list-section .banner-bg .con{
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}
.pro-list-section .banner-bg .bot{
	margin-top: 15px;
}
.pro-list-section .banner-bg .btn{
	display: inline-block;
	width: 98px;
	height: 32px;
	border: 2px solid #FFFFFF;
	border-radius: 16px;
	text-align: center;
	line-height: 28px;
	font-size:14px;
	color: #fff;
}

.pro-list-section .banner-bg .btn:hover{	
	background: linear-gradient(270deg, #CB1C8E, #830A93);
	padding: 2px;
	border:none;
}
.pro-list-tabmenu{
	width: 100%;
	float: left;
	border-bottom: 1px solid #E1E1E1;
	margin-top: 30px;
	position: relative;
	
}
.pro-list-tabmenu .swiper-wrapper{
	padding: 0 30px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	
}
.pro-list-tabmenu .swiper-slide{
	cursor: pointer;
	font-size: 14px;
	width: auto!important;
	margin:0 20px;	
}
.pro-list-tabmenu .swiper-slide span{
	position: relative;	
	display: inline-block;
	padding: 0 15px;
	padding-bottom: 15px;
}
.pro-list-tabmenu .swiper-slide span::after{
	content: "";
	width: 0;
	height: 2px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background: #B707AB;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.pro-list-tabmenu .swiper-slide.active{
	color: #B707AB;
}
.pro-list-tabmenu .swiper-slide.active span::after{	
	width: 100%;
}
.pro-list-tabmenu .swiper-button-next{
	right: 0;
}
.pro-list-tabmenu .swiper-button-prev{
	left: 0;
}
.pro-list-tabmenu .swiper-button-next,.pro-list-tabmenu .swiper-button-prev{
	background: none;
	text-align: center;
	line-height: 35px;
	margin-top: -25px;
	height: 35px;
}

.pro-list-tab-con{
	width: 100%;
	float: left;
	font-size: 0;
	text-align: left;
	
}
.pro-list-tab-con li{
	width: 33.333%;
	display: inline-block;
	vertical-align: top;
	padding:25px 15px;
	margin: 30px 0 0 0;
}
.pro-list-tab-con li a{
	display: block;
}
.pro-list-tab-con li .t{
	display: block;
	font-size: 18px;
}
.pro-list-tab-con li p{
	font-size: 14px;
	color: #666;
	margin-top: 8px;
}
.pro-list-tab-con li:hover{	
	box-shadow: 0px 2px 4px 0px rgba(127, 127, 127, 0.34);
	background: #fff;
}
section.gray,.pro-list-section:nth-of-type(even){
	background: url(../images/pro-bg5.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.mynav{
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 9999;	
	position: relative;
	display: none;	
	top: 0;
	left: 0;
	box-shadow: 0px 0px 6px 0px rgba(190, 190, 190, 0.42);
}

.mynav ul{
	width: 1200px;
	margin: 0 auto;
}

.mynav li{
	float: left;
	width: 16%;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
.mynav li span{
	position: relative;
	display: inline-block;
}
.mynav li span::after{
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #B707AB;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.mynav li.active span::after{
	width: 100%;
}

/*产品详情*/
.pro-show-banner{
	width: 100%;	
	height: 424px;
	background-position: center;
	background-repeat: no-repeat;
}
.pro-banner-menu{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.pro-banner-menu li{
	float: left;
	position: relative;
	padding: 0 28px;
	
}
.pro-banner-menu li a{
	font-size: 16px;
	position: relative;
	padding-bottom: 10px;
}
.pro-banner-menu li.active a{
	color: #B707AB;
}
.pro-banner-menu li::after{
	content: "";
	width: 1px;
	height: 18px;
	background: #888D9E;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
}
.pro-banner-menu li.active a::before{
	content: "";
	width: 100%;
	height: 2px;
	background: #B707AB;
	position: absolute;
	bottom:0;
	left: 0;
}
.pro-show-banner .text{
	width: 630px;
	float: left;
	padding: 60px 0 0 28px;
}
.pro-show-banner .text .tit{
	display: block;
	font-size: 40px;
	color: #253691;
}
.pro-show-banner .text .con{
	display: block;
	font-size: 16px;
	color: #253691;
	line-height: 24px;
	margin-top: 10px;
}
.pro-show-banner .text .bot{
	display: block;
	margin-top: 28px;
}
.pro-show-banner .text.txtwhite .tit,.pro-show-banner .text.txtwhite .con{
	color:#fff;
}
.pro-show-banner .text.txtwhite .a-btn{
	border-color:#fff;
	color:#fff;
	margin-right: 10px;
}
.pro-show-title{
	width: 100%;
	float: left;
	text-align: center;
	color: #222;
	font-size: 32px;
	margin-top: 60px;
}
.pro-texing{
	padding-bottom: 80px;
}
.pro-texing .list{
	width: 100%;
	float: left;
}
.pro-texing .list>div{
	font-size: 0;
}
.pro-texing .list .li{
	width: 31.333%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin:0 1%;
	margin-top: 60px;
	padding: 0 25px;
}
.pro-texing .list.list_3 .li{
	width: 31.333%;
}
.pro-texing .list.list_4 .li{
	width: 24%;
	margin-left:0.5%;
	margin-right:0.5%;
	padding: 0 15px;
}
.pro-texing .list.list_5 .li{
	width: 19%;
	margin-left:0.5%;
	margin-right:0.5%;
	padding: 0 15px;
}
.pro-texing .list .li .ico{
	width: 100%;
	display: block;
	text-align: center;
	height: 120px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
}
.pro-texing .list .li img{
	max-width: 100%;
	max-height:58px;
}
.pro-texing .list .li .t{
	width: 100%;
	font-size: 18px;
	color: #222;
	margin-top: 10px;
}
.pro-texing .list .li .con{
	display: block;
	font-size: 14px;
	color: #666666;	
	line-height: 22px;
	margin-top: 15px;	
	text-align: left;
	
}
.pro-leixing{
	width: 100%;
	display: block;
	background: #F9F9F9;
	padding-bottom: 56px;
}
.pro-leixing .list{
	width: 100%;
	font-size: 0;
	margin-top: 40px;
	float: left;
	text-align: center;
}
.pro-leixing .list .divli{
	width: 32.333%;
	display: inline-block;
	vertical-align: top;
	height: 600px;
	border:1px solid #E1E1E1;
	border-radius: 5px;
	overflow: hidden;
	background:url(../images/pro-bg4.jpg) right bottom no-repeat #fff;
	margin: 10px 0.5%;
}
.pro-leixing .list .divli .topbg{
	width: 100%;
	float: left;
	height: 139px;	
	padding: 25px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.pro-leixing .list .divli .topbg p{
	font-size: 14px;
	margin-top: 10px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.pro-leixing .list .divli .bg1,.pro-leixing .list .divli .bg4{
	background: url(../images/pro-bg1.jpg) center no-repeat;
	background-size:cover;
}
.pro-leixing .list .divli .bg2,.pro-leixing .list .divli .bg5{
	background: url(../images/pro-bg2.jpg) center no-repeat;
	background-size:cover;
}
.pro-leixing .list .divli .bg3,.pro-leixing .list .divli .bg6{
	background: url(../images/pro-bg3.jpg) center no-repeat;
	background-size:cover;
}
.pro-leixing .list .divli .content{
	width: 100%;
	float: left;
	padding: 20px;
	font-size: 14px;
	position: relative;
	height: auto;
	text-align: left;
}
.pro-leixing .list .divli .content p{
	margin-bottom: 6px;
}
.pro-leixing .list.list_3 .divli{
	width: 32.333%;
}
.pro-leixing .list.list_4 .divli{
	width: 24%;
}
.pro-leixing .list.list_5 .divli{
	width: 19%;
}
.pro-changjing{
	width: 100%;
	padding-bottom: 40px;
}
.pro-changjing .list{
	width: 100%;
	float: left;
	margin-top: 40px;
}

.pro-changjing .list .divli{
	width: 24%;
	float: left;
	height: 836px;
	margin: 10px 0.5%;
	border:1px solid #E1E1E1;
	border-radius: 5px;
	overflow: hidden;
	padding: 30px;
}
.pro-changjing .list.list_3 .divli{
	width: 32.333%;
}
.pro-changjing .list.list_4 .divli{
	width: 24%;
}
.pro-changjing .list.list_5 .divli{
	width: 19%;
}
.pro-changjing .list .divli .ico{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
	height: 90px;
	background-position: center;
	background-repeat: no-repeat;
	/*background-size: auto 54px;
	background-position: -2322px 0;*/

}
.pro-changjing .list .divli .ico1{
	background-image: url(../images/cj1.png);
}
.pro-changjing .list .divli .ico2{
	background-image: url(../images/cj2.png);
}
.pro-changjing .list .divli .ico3{
	background-image: url(../images/cj3.png);
}
.pro-changjing .list .divli .ico4{
	background-image: url(../images/cj4.png);
}
.pro-changjing .list .divli .t{
	display: block;
	text-align: center;
	font-size: 20px;
	margin-bottom: 30px;
}
.pro-changjing .list .divli .con{
	width: 100%;
	float: left;
	padding-bottom: 15px;
	overflow: hidden;
	border-bottom: 1px solid #E1E1E1;
	margin-top: 10px;
	line-height: 24px;
}
.pro-changjing .list .divli .con .tt{
	display: block;	
	font-size: 16px;
}
.pro-changjing .list .divli .con p{
	margin-top: 10px;
	font-size: 14px;
}
.pro-changjing .list .divli .con:last-child{
	border-bottom:none;
}
.pro-changjing .list .divli:hover{	
	border: 1px solid #B707AB;
	box-shadow: 0px 4px 16px 0px rgba(44, 32, 42, 0.14);
}
.pro-wendang{
	width: 100%;
	display: block;
	padding-bottom: 48px;
}
.pro-wendang .list{
	width: 100%;
	float: left;
	margin-top: 45px;
	text-align: center;
}
.pro-wendang .list ul{
	font-size: 0;
}
.pro-wendang .list li{
	width: 30%;
	height: 240px;
	display: inline-block;
	margin: 0 1%;
	border:1px solid #E1E1E1;
	padding: 30px;
	vertical-align: top;
	text-align: left;
}
.pro-wendang .list.list_3 li{
	width: 30%;

}
.pro-wendang .list.list_4 li{
	width: 24%;
	margin-left:0.5%;
	margin-right:0.5%;
}
.pro-wendang .list.list_5 li{
	width: 19%;
	margin-left:0.5%;
	margin-right:0.5%;
}
.pro-wendang .list li .ico{
	display: block;
	height: 70px;

}
.pro-wendang .list li .ico1{
	background: url(../images/pro-ico-5.jpg) center no-repeat;
}
.pro-wendang .list li .ico2{
	background: url(../images/pro-ico-6.jpg) center no-repeat;
}
.pro-wendang .list li .ico3{
	background: url(../images/pro-ico-7.jpg) center no-repeat;
}
.pro-wendang .list li .t{
	display: block;
	font-size: 18px;
	color: #222;
	font-weight: 500;
	margin-top: 10px;
}
.pro-wendang .list li a{
	display: block;
}
.pro-wendang .list li .text{
	width: 100%;
	display: block;
	margin-top: 15px;
	text-align: left;
	padding-left: 0;
	font-size: 16px;
}
/*
.pro-wendang .list li .text p a{
	display: block;
	position: relative;
	font-size: 14px;
	padding-left: 10px;
}
.pro-wendang .list li .text p a::before{
	content: "";
	width: 4px;
	height: 4px;
	background: #888888;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.pro-wendang .list li .text p a:hover::before{
	background: #B707AB;
}*/
.pro-page-content{
	width: 100%;
	float: left;
	padding:40px 0;
	line-height: 28px;
}
/*解决方案*/
.solution-banner2{
	width: 100%;
	height: 388px;
	background-position: center;
	background-repeat: no-repeat;
}
.solution-banner{
	width: 100%;	
	height: 415px;
	background-position: center;
	background-repeat: no-repeat;
}
.solution-banner .box,.solution-banner2 .box{
	height: 100%;
	display: table;
}
.solution-banner .text,.solution-banner2 .text{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #fff;
}
.solution-banner .text .tit,.solution-banner2 .text .tit{
	display: block;
	font-size: 40px;
	
}
.solution-banner .text .con,.solution-banner2 .text .con{
	display: block;
	font-size: 16px;	
	line-height: 24px;
	margin-top: 10px;
	width: 640px;
}
.solution-banner .text .bot,.solution-banner2 .text .bot{
	display: block;
	margin-top: 28px;
}
.solution-banner .text .bot a,.solution-banner2 .text .bot a{
	color: #fff;
}
.solution-banner2 .text .bot a{
	border-radius: 40px;
	overflow: hidden;
	color: #B707AB;
}

.solution-banner2 .text{
	color: #253691;
}

.sol-youshi{
	padding-bottom: 49px;
}
.sol-youshi:nth-of-type(even){
	background: #EEF1FA;
}
.sol-youshi .list{
	width: 100%;
	float: left;
}
.sol-youshi .list ul{
	margin-left: -20px;
}
.sol-youshi .list li{
	width: 285px;
	height: 328px;
	background: #FFFFFF;
	border: 1px solid rgba(177, 9, 171, 0.22);
	float: left;
	margin: 40px 0 0 20px;
	text-align: center;
	padding: 28px;
}
.sol-youshi .list li:hover{
	border: 1px solid rgba(177, 9, 171, 0.6);
}
.sol-youshi .list li .ico{
	width: 100%;
	display: block;	
	margin-top: 15px;
}
.sol-youshi .list li .ico img{
	max-height: 60px;
}
.sol-youshi .list li .t{
	display: block;
	font-size: 20px;
	margin-top: 15px;
	color: #0E0E0E;
}
.sol-youshi .list li .con{
	font-size: 14px;
	line-height: 21px;
	margin-top: 15px;
}
.solution-suqiu{
	width: 100%;
	background: url(../images/solution-bg.png) center no-repeat;
	height: 540px;
	background-size: cover;
}
.solution-suqiu .content{
	width: 100%;
	float: left;
	padding-top: 20px;
}
.solution-suqiu .content h3{
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	color: #0E0E0E;
	font-weight: 400;
	margin-top: 30px;
}
.solution-suqiu .content h3::before{
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	background: #B707AB;
}
.solution-suqiu .content p{
	padding-left: 20px;
	font-size: 14px;
	color: #0E0E0E;
	margin-top: 5px;
}
.solution-qianyi{
	padding-bottom: 45px;
}
.solution-qianyi:nth-of-type(even){
	background: #EEF1FA;
}
.solution-qianyi .summary{
	width: 100%;
	float: left;
	margin-top: 40px;
	line-height: 21px;
	font-size: 16px;
}
.solution-qianyi .content{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.solution-qianyi .content img{
	max-width: 100%;
}
.solution-qianyi .content table{
	border:0;
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
}
.solution-qianyi .content th{
	border-width: 1px;
	border-style: solid;
}
.solution-qianyi .content td,.solution-qianyi .content th{
	
	padding:5px 10px;
	line-height: 20px;
}
.solution-qianyi2{
	padding-bottom: 45px;
	background: #EEF1FA;
}
.solution-qianyi2 .content{
	width: 100%;
	float: left;
	margin-top: 40px;
	color: #0E0E0E;
	line-height: 24px;
	font-size: 14px;
}
.solution-qianyi2 .content .list-paddingleft-2,.solution-qianyi .content .list-paddingleft-2{
	color: #B707AB;
}
.solution-qianyi2 .content .list-paddingleft-2 li,.solution-qianyi .content .list-paddingleft-2 li{
	list-style-image: url(../images/yuan.png);
	list-style-position:outside;
	color: #333;

}

.solution-title{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 32px;
	padding: 60px 0 0 0;
	color: #222;
}
.solution-remen{
	padding-bottom: 60px;
}
.solution-remen .listbox{
	width: 100%;
	float: left;	
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 60px;
	box-shadow: 0px 2px 14px 0px rgba(127, 127, 127, 0.42);
}
.solution-remen .listbox .leftbox{
	width: 288px;
	float: left;
	height: 563px;
	padding: 24px;
	background: url(../images/solution-bg1.jpg);
}
.solution-remen .listbox .leftbox li{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	cursor: pointer;
}
.solution-remen .listbox .leftbox li h3.t{
	display: block;
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
.solution-remen .listbox .leftbox li h3.t i{
	font-size: 14px;
}
.solution-remen .listbox .leftbox li p{
	display: block;
	margin-top: 7px;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #888;
}
.solution-remen .listbox .leftbox li p a{
	font-size: 14px;
	margin-right: 15px;
	display: inline-block;
}
.solution-remen .listbox .leftbox li.active h3.t,.solution-remen .listbox .leftbox li h3.t i{
	color: #B707AB;
	font-weight: bold;
}
.solution-remen .tabs-container{
	width: 912px;
	float: left;
}
.solution-all{
	width: 100%;
	/* background: url(../images/solution-bg2.jpg); 2022.01.06换背景图 */
	background: url(/sitefiles/library/images/2022/1/94fbb9ac954da574.png); 
	height: 840px;
	background-size: cover;
}
.solution-list-tabmenu{
	width: 100%;
	float: left;
	border-bottom: 1px solid #E1E1E1;
	margin-top: 60px;
	position: relative;
	padding: 0 30px;
}
.solution-list-tabmenu .swiper-wrapper{	
	margin-left: auto;
	margin-right: auto;
	z-index: 1;	
	justify-content: center;
    align-items: center;
}
.solution-list-tabmenu .swiper-slide{
	cursor: pointer;
	font-size: 16px;
	width: auto!important;
	margin:0 20px;	
}
.solution-list-tabmenu .swiper-slide span{
	position: relative;	
	display: inline-block;
	padding: 0 15px;
	padding-bottom: 15px;
}
.solution-list-tabmenu .swiper-slide span::after{
	content: "";
	width: 0;
	height: 2px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background: #B707AB;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
.solution-list-tabmenu .swiper-slide.active{
	color: #B707AB;
}
.solution-list-tabmenu .swiper-slide.active span::after{	
	width: 100%;
}
.solution-list-tabmenu .swiper-button-next{
	right: 0;
}
.solution-list-tabmenu .swiper-button-prev{
	left: 0;
}
.solution-list-tabmenu .swiper-button-next,.solution-list-tabmenu .swiper-button-prev{
	background: none;
	text-align: center;
	line-height: 35px;
	margin-top: -25px;
	height: 35px;
}
.solution-all .tabs{
	width: 100%;
	float: left;
}
.solution-list{
	width: 100%;
	float: left;
	margin-top: 60px;
}
.swiper-alls .pages{
	text-align: center;
}
.swiper-alls .swiper-button-next, .swiper-alls .swiper-button-prev{
	background: #B707AB;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	position: inherit;
	left: auto;
	top: auto;
	margin:0 10px;
	display: inline-block;
}
.solution-list ul{
	width: 100%;
	float: left;
}
.solution-list li{
	width: 380px;
	height: 174px;
	background: #FFFFFF;
	box-shadow: 0px 0px 6px 0px rgba(190, 190, 190, 0.38);
	/*float: left;
	margin: 18px 0 0 18px;*/
	padding: 30px;
}
.solution-list li a{
	display: block;
}
.solution-list li .t{
	display: block;
}
.solution-list li .t img{
	width: 28px;
	height: 28px;
	display: inline-block;
	vertical-align: middle;
}


.solution-list li .t span{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 18px;
	font-weight: normal;
	color: #222;
}
.solution-list li p.con{
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-top: 10px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	max-height:4.7em
}
.solution-list li:hover{
	box-shadow: 0px 0px 6px 5px rgba(190, 190, 190, 0.38);
}
.solution-list .more{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 60px;
}
.solution-list .more a{
	border-radius: 40px;
	overflow: hidden;
}
.solution-case{
	padding-bottom: 60px;
}
.solution-case ul{
	width: 100%;
	float: left;
	font-size: 0;
	text-align: center;
}
.solution-case li{
	width: 320px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 30px 15px;
	padding: 15px 15px;
	background: #FFFFFF;	
}
.solution-case li img{
	width: 83px;
	height: 65px;
	display: inline-block;
	vertical-align: middle;
}
.solution-case li p{
	display: inline-block;
	vertical-align: middle;
	width: 187px;
	text-align: left;
	font-size: 18px;
	color: #000;
	margin-left: 10px;

}
.solution-case li:hover{	
	
	box-shadow: 0px 0px 6px 0px rgba(190, 190, 190, 0.38);
	border-radius: 3px;
}
.solution-rm-list{
	width: 100%;
	float: left;
}
.solution-rm-list li{
	width: 33.333%;
	float: left;
	height: 188px;
	border:1px solid #E1E1E1;
	padding:25px 25px;
	border-right: none;
	border-top: none;
}
.solution-rm-list li h3{
	display: block;
	font-size: 16px;
}
.solution-rm-list li h3 span{
	display: inline-block;
	vertical-align: middle;
}
.solution-rm-list li h3 i{
	display: inline-block;
	vertical-align: middle;
	background: #C7000B;
	width: 34px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	font-weight: normal;
}
.solution-rm-list li p{
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-top: 6px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.solution-rm-list li .price{
	display: block;
	margin-top: 8px;
	font-size: 14px;
	color: #C7000B;
}
.solution-rm-list li .price .t2{
	font-size: 20px;
	font-weight: bold;
}
.solution-rm-list li .price .t3{
	color: #888;
}
.solution-rm-list li .price .t4{
	font-size: 24px;
}
.solution-rm-list li .tag{
	display: block;
	margin-top: 5px;
}
.solution-rm-list li .tag span{
	float: left;
	border:1px solid #AEB0B8;
	color: #AEB0B8;
	line-height: 16px;
	height: 18px;
	padding: 0 8px;
	font-size: 12px;
	margin:6px 6px 0 0;
	border-radius: 4px;
}
/*在线反馈*/
.contact-gbook{
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 220px;
}
.contact-gbook .box{
	width: 965px;
}
.gbook-box{
	width: 100%;
	float: left;
	background:url(../images/gbook-bg1.png) top center no-repeat #fff;	
	box-shadow: 0px 0px 14px 0px rgba(44, 32, 42, 0.2);
	border-radius: 3px;
	padding: 60px 90px;
	position: relative;
	margin: 90px 0;
	overflow: hidden;
}
.gbook-box::before,.gbook-box::after{
	content: "";
	position: absolute;
	z-index: 1;
}
.gbook-box::before{
	background: url(../images/gbook-bg2.png);
	width: 86px;
	height: 126px;
	right: 0;
	top: 157px;	
}
.gbook-box::after{
	background: url(../images/gbook-bg3.png);
	width: 160px;
	height:91px;
	bottom: 0;
	left: 0;	
}
.gbook-box h1.title{
	display: block;
	text-align: center;
	font-size: 36px;
	color: #222;
	font-weight: normal;
}
.gbook-box h3.tit{
	display: block;
	position: relative;
	text-align: center;
	margin-top: 15px;
	padding-top: 15px;
	font-size: 22px;
	font-weight: normal;
	color: #333;
}
.gbook-box h3.tit::before{
	content: "";
	width: 30px;
	height: 2px;
	background: #B707AB;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.gbook-box .list{
	width: 100%;
	float: left;
	margin-top: 0;
}
.gbook-box .list li{
	width: 50%;
	float: left;
	padding-right: 13px;
	margin-top: 25px;
}
.gbook-box .list li .t{
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 20px;
}
.gbook-box .list li .t span{
	color: red;
	font-size: 16px;
}
.gbook-box .list li .text{
	width: 100%;
	display: block;
	height: 40px;
	border: 1px solid #E1E1E1;
	border-radius: 3px; 
	padding: 0 10px;
	margin-top: 10px;
}
.gbook-box .list li .text2{
	width: 100%;
	display: block;
	height: 150px;
	border: 1px solid #E1E1E1;
	border-radius: 3px; 
	padding:10px;
	margin-top: 10px;
}
.gbook-box .list li .text3{
	width: 250px;
	display:inline-block;
	height: 40px;
	border: 1px solid #E1E1E1;
	border-radius: 3px; 
	padding: 0 10px;
	margin-top: 10px;
}
.gbook-box .list li .code{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.gbook-box .list li a.change{
	font-size: 14px;
	line-height: 40px;
	color: #B707AB;
}
.gbook-box .list li label{
	font-size: 16px;
	color: #666;
}
.gbook-box .list li .input{
	width: 120px;
	height: 40px;
	border: 1px solid #B707AB;
	border-radius: 3px;	
	background: none;	
	padding: 0;

}
.gbook-box .list li .input:focus{
	color:#B707AB;
}
.el-form-item{
	margin: 0;
}
.gbook-box .list li.codeli .el-input{
	width: auto;
	vertical-align: middle;
}
.gbook-box .list li.codeli .el-form-item__label{
	width: 100%;
	text-align: left;
}
.sum-suc{
	width: 100%;
	float: left;
	padding: 150px 100px;
	background: #fff;
	border-radius: 5px;
	margin-top: 90px;
}
.sum-suc .el-alert__icon{
	font-size: 50px;
	color: #B707AB;
}
.sum-suc .el-alert__title{
	font-size: 30px;
	color: #B707AB;
}
.sum-suc .el-alert__content{
	margin-left: 40px;
}
.sum-suc .el-alert--success.is-light{
	background: none;
}
.sum-suc .back{
	text-align: left;
	margin-top: 8px;
}
.sum-suc .back a{
	font-size: 14px;
	text-decoration: underline;
	color: #888;
	
}
/*搜索结果*/
.search-header{
	width: 100%;
	background: #ECECF4;
	height: 158px;
}
.search-header .search-bor{
	float: left;
	background: #fff;
	position: relative;
	width: 690px;
	height: 42px;
	border-radius: 2px;
	padding-right: 60px;
	overflow: hidden;
	margin-top: 40px;
	border:1px solid #E1E1E1;
}
.search-header .search-bor .text{
	width: 100%;
	border:none;
	height: 42px;
	padding: 0 15px;
	font-size: 16px;
}
.search-header .search-bor .input{
	width: 80px;
	height: 42px;
	position: absolute;
	right: 0;
	top:0;
	z-index: 3;
	border:none;
	cursor: pointer;
	color: #fff;
	background: #B707AB;	
}
.search-header .search-bor .input i{
	
	font-size: 20px;
}
.search-header .search-hot{
	width: 100%;
	float: left;
	font-size: 12px;
	color: #222;
	margin-top: 15px;
}
.search-header .search-hot a{
	display: inline-block;	
	font-size: 12px;
	margin-right: 15px;
}
.file-banner .search-hot a:hover{
	text-decoration: underline;
}
.search-result{
	width: 100%;
	float: left;
	min-height:500px;
}
.search-result .search-menu{
	width: 100%;
	float: left;
	border-bottom: 2px solid #E5E5E5;
	margin-top: 20px;
}
.search-result .search-menu a{
	float: left;
	margin-right: 30px;
	padding: 0 10px;
	padding-bottom: 13px;
	position: relative;
}
.search-result .search-menu a.active::after{
	content: "";
	width: 100%;
	height: 2px;
	background: #B707AB;
	position: absolute;
	bottom:-2px;
	left: 0;
}
.search-result .search-t{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 35px;
	padding: 0 10px;
}
.search-result ul{
	width: 100%;
	float: left;

}
.search-result li{
	width: 100%;
	float: left;
	margin-top: 40px;
}
.search-result li h3{
	font-size: 18px;
}
.search-result li p{
	display: block;
	margin-top: 20px;
	font-size: 14px;
}
.search-result li .from{
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}
.search-result li .from a:first-child,.search-result li .from span:first-child{
	display: none;
}
.search-result .pages{
	text-align: left;
}
/*紫光云介绍*/
.about-banner{
	width: 100%;	
	height: 480px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.about-banner .box{
	height: 100%;
	display: table;
}
.about-banner .box .text{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.section-about{
	width: 100%;
	background: #FBFBFB;
	border-top: 1px solid #E1E1E1;
	padding-bottom: 100px;
}
.section-about .about-title{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 32px;
	margin-top: 80px;
	background: url(../images/about-t-bg.png) bottom center no-repeat;
	padding-bottom: 20px;
	font-weight: bold;
	color: #222;
}
.section-about .about-content{
	width: 100%;
	float: left;
	line-height: 28px;
	font-size: 16px;
	color: #222;
	margin-top: 45px;
}
.section-about .about-t{
	width: 100%;
	float: left;
	margin-top: 100px;
	position: relative;
	line-height: 120px;
}
.section-about .about-t i{	
	font-size: 48px;
	font-weight: bold;
	color: #B707AB;
}
.section-about .about-t::before{
	content: "";
	width: 149px;
	height: 149px;
	background: url(../images/about-t-bg2.png);
	position: absolute;
	left: -10px;
	top: 0;

}
.section-about .about-t span{
	font-size: 32px;
	color: #191919;
	font-weight: bold;
	margin-left: 40px;
}

.pro-page-section{
	height:auto;
	background:#ECECF4;
}


.nav-scroll{
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ddd;
	
	text-align: center;
	z-index: 9999999!important;
}
.nav-scroll li{
	display: inline-block;
	vertical-align: middle;
	line-height: 60px;
	padding: 0 20px;
	font-size: 16px;
	cursor:pointer;
	position: relative;
}
.nav-scroll li.active{
	color: #B707AB;
}
.nav-scroll li.active::after{
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #B707AB;
}
@media screen and (max-width: 768px) {

	/*新闻*/
	.news-banner .box .text{
		padding: 20px;
	}
	.news-banner .box .text img{
		max-width: 100%;
	}
	.sub-menu-box li a{
		padding: 0 20px;
	}
	.news-list li{
		height: auto;
		padding: 5px;
		margin-top:10px;
	}
	.news-list li .pic{
		position: inherit;
		left: auto;
		top: auto;
		margin: 0;
		width: 100%;
		height: auto;
	}
	.news-list li .pic img{
		width: 100%;
	}
	.news-list li .text{
		width: 100%;
		padding: 10px;
	}
	.news-list li .text h3.tit{
		height: auto;
		line-height: 26px;
		white-space:normal;
	}
	.news-list li .text p{
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.news-list li .text .pbot{
		font-size: 14px;
	}
	.news-list-left{
		width: 100%;
		margin: 20px 0;
	}
	.news-list-left li .text{
		width: calc(100% - 124px);
		padding-left: 15px;
	}
	.news-list-left li{
		padding: 15px 0;
	}
	.news-list-left li .text h3.tit a{
		font-size: 18px;
	}
	.news-list-left li .text .pbot{
		display: none;
	}
	.news-list-left li .text p{
		height: auto;
		line-height: 20px;
		margin-top: 5px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	/*文档*/
	.file-banner .search-bor,.file-banner .search-hot{
		width: 90%;
	}
	.file-banner .search-hot{
		line-height: 26px;
	}
	.section-file .left-menu{
		display: none;
	}
	.section-file .right-box{
		width: 100%;
		border:none;
		padding-left: 0;
		margin-top: 20px;
	}
	.section-file .box{
		margin: 0 auto;
	}
	.section-file .right-box .list li{
		width:auto;
		margin-right: 25px;
	}
	.section-file .right-box .list{
		margin-bottom: 15px;
	}
	.file-list-right{
		width: 100%;
		min-height: auto;
		padding: 0;
	}
	.file-list-right .list ul{
		margin: 10px 0;
	}
	.file-list-right .list li{
		width: 50%;
	}



	/**/
	.show-news-left{
		width: 100%;
		padding: 0 10px;

	}
	.show-news-left .show-news-content{
		text-align: justify;
	}
	.news-list-left .top-text{
		display: none;
	}
	.show-news-left h1.show-title{
		margin-top: 70px;
	}
	/*合作伙伴*/
	.partner-list{
		padding: 0 40px;
	}
	.partner-list li{
		width: 100%;
		border:1px solid #eee;
		height: auto;
		margin-top: 20px;
	}
	.partner-list li:nth-child(4n+4){
		border:1px solid #eee;
	}

	/*产品*/
	.pro-list-banner{
		margin-top: 50px;
	}
	.pro-list-banner .title{
		font-size: 24px;
		padding-top: 30px;
	}
	.pro-list-banner .summary{
		padding-top: 15px;
		font-size: 14px;
	}
	.pro-list-banner .list-search{
		width: 90%;
	}
	.pro-list-top ul{
		padding: 20px;
		padding-top: 0;
	}

	.pro-list-top li{
		width: 100%;
		border:none;
		border-bottom: 1px solid #E5E5E5;
		min-height:auto;
		padding: 20px 0;
	}
	.mynav{
		display: none!important;
	}
	.pro-list-top li .list2 p{
		width: 50%;
		padding-right: 15px;
	}
	.pro-list-top li .list2,.pro-list-top li .list1,.pro-list-top li .list3{
		margin-top: 10px;
	}
	.pro-list-section{
		padding-bottom: 20px;
	}
	.pro-list-section .accordion-handle{
		width: 100%;
		float: left;
	}
	.pro-list-section .accordion-handle .h3tit{
		height: 35px;
		line-height: 35px;
		position: relative;
	}
	.pro-list-section .accordion-handle .h3tit span{
		position: absolute;
		left: 20px;
		top:0;
		line-height: 35px;
	}
	.pro-list-tab-con li{
		width: 100%;
		padding: 10px;
		margin-top: 10px;
	}
	.pro-list-section .title{
		padding-top: 20px;
		margin-top: 0;
	}
	.pro-list-section .summary{
		font-size: 14px;
	}
	.tab-content{
		width: 100%;
		float: left;
	}
	.pro-list-tabmenu{
		margin-top: 0;
	}
	.pro-list-section .banner-bg{
		padding: 15px;
		height: auto;
	}


	/*产品详情*/

	.pro-show-banner{
		background-size: cover;
	}
	.pro-show-banner .text{
		width: 100%;
		padding: 30px;
		margin-top: 50px;
	}
	.pro-show-banner .text .tit{
		font-size: 28px;
	}
	.pro-show-banner .text .con{
		font-size: 14px;
	}
	.pro-show-title{
		margin-top: 20px;
	}
	.pro-texing .list .li{
		width: 50%;
		padding: 0 15px;
	}
	.pro-leixing .list .divli{
		margin: 0;
		width: 100%;
		margin-top: 10px;
		height: auto!important;
	}
	.pro-leixing .list .divli .topbg{
		width: 100%;
		background-size: cover;
		height: auto;
	}
	.pro-leixing .list .divli .content{
		height: auto;
	}
	.pro-leixing{
		padding-bottom: 30px;
	}
	.pro-changjing .list .divli{
		width: 100%;
		margin: 0 0 10px 0;
		height: auto;
		padding: 15px;
	}
	.pro-wendang .list{
		padding: 0 50px;
	}
	.pro-changjing .list .divli .con{
		height: auto;
		padding-bottom: 15px;
	}
	.pro-wendang .list .divli{
		width: 100%;
		margin: 0 0 10px 0;
		height: auto;
		padding: 15px;
	}
	.pro-changjing{
		padding-bottom: 0;
	}
	/*解决方案*/
	.solution-banner .text{
		padding: 20px;
	}
	.solution-banner .text .tit{
		font-size: 24px;
	}
	.solution-banner .text .con{
		width: 100%;
		padding: 0;
		font-size: 14px;
	}
	.sol-youshi .list ul{
		margin-left: 0;
	}
	.sol-youshi .list li{
		width: 100%;
		margin: 10px 0 0 0;
		height: auto;
	}
	.sol-youshi{
		padding-bottom: 10px;
	}
	.solution-suqiu{
		height: auto;
		padding-bottom: 30px;
	}
	.solution-qianyi .summary{
		margin-top: 15px;
	}
	.solution-qianyi2 .content img{
		max-width: 100%;
	}
	.solution-qianyi2 .content,.solution-qianyi .summary,.solution-suqiu .content{
		padding: 0 20px;
	}
	.solution-banner2{
		margin-top: 50px;
		padding: 20px;
		height: 300px;
	}
	.solution-banner2 .text .tit{
		font-size: 28px;
	}
	.solution-banner2 .text .con{
		font-size: 14px;
		width: 100%;
	}
	.solution-remen{
		padding-bottom: 20px;
	}
	.solution-title{
		padding-top: 30px;
		font-size: 24px;
	}
	.solution-remen .listbox .leftbox{
		display: none;
	}
	.solution-remen .tabs-container{
		width: 100%;
	}
	.solution-remen .listbox{
		margin-top: 30px;
		border-radius: 0;
	}
	.solution-remen .listbox .h3tit{
		border-radius: 0;
		padding: 8px 15px;
		font-weight: normal;
		width: 100%;
		float: left;
	}
	.solution-remen .listbox .tab-content{
		width: 100%;
		float: left;
	}
	.solution-remen .listbox .h3tit .t{
		font-weight: normal;
	}
	.solution-remen .listbox .h3tit p{
		display: none;
	}
	.solution-rm-list li{
		width: 100%;
	}
	.solution-all{
		height: auto;
	}
	.solution-list-tabmenu{
		display: none;
	}
	.solution-all .accordion-handle{
		width: 100%;
		float: left;
	}

	.solution-all .accordion-handle .h3tit{
		padding: 8px 15px;
	}
	.solution-list{
		margin-top: 30px;
	}
	.solution-all .tab-content{
		width: 100%;
		float: left;
	}
	.solution-list li{
		width: 100%;
		height: auto;
		margin: 10px 0 0 0;
	}
	.solution-list .more{
		margin: 20px 0;
	}
	.solution-list .more a{
		font-size: 14px;
	}
	.solution-case li{
		width: 100%;
		margin: 15px 0 0 0;
	}

	/*在线反馈*/
	.contact-gbook .box{
		width: 100%;
		padding: 10px;
	}
	.gbook-box{
		padding: 15px;
	}
	.gbook-box::before, .gbook-box::after{
		display: none;		
	}
	.gbook-box .list li{
		margin-top: 15px;
	}
	.gbook-box .list li .t{
		font-size: 14px;
	}
	.gbook-box .list li .text3{
		width: 130px;
	}
	.gbook-box .list li .code{
		margin-left: 10px;
		max-width: calc(100% - 150px);
	}
	.gbook-box .list li a.change{
		display: block;
	}
	.gbook-box h1.title{
		font-size: 28px;
	}
	.gbook-box h3.tit{
		font-size: 20px;
	}

	/*搜索结果*/
	.search-header{
		margin-top: 50px;
		height: auto;
		padding: 30px 10px;
	}
	.search-header .search-bor{
		width: 100%;
		margin-top: 0;
	}
	.search-header .search-hot{
		line-height: 25px;
	}
	.search-result li{
		border-bottom: 1px solid #eee;
		padding-bottom: 20px;
		margin-top: 20px;
	}
	/*紫光云介绍*/
	.about-banner{
		margin-top: 50px;
		height: 250px;
		padding: 0 30px;
	}
	.about-banner .box .text img{
		max-width: 100%;
	}
	.section-about .about-title{
		margin-top: 30px;
		font-size: 24px;
	}
	.section-about .about-content{
		padding: 0 10px;
		margin-top: 15px;
		text-align: justify;
	}
	.section-about .about-t{
		padding-left: 10px;
		margin-top: 30px;
		line-height: 50px;
	}
	.section-about .about-t::before{
		width: 30px;
		height: 30px;
		background-size: 100% auto;
		top:50%;
		margin-top: -15px;
		left: 40px;
	}
	.section-about .about-t i{
		font-size: 28px;
	}
	.section-about .about-t span{
		font-size: 20px;
		margin-left: 20px;
	}
}