.pc-banner {
    text-align: center;
}
.pc-banner .btn-box{
	text-align: center;
	position: relative;
}
.pc-banner .btn-box .banner-text{
	position: absolute;
	bottom:40px;
	left:45%;
}
.pc-banner .btn-box .top-btn a{
	padding:10px 50px;
	color:#fff;
	display:inline-block;
	border-radius: 40px;
	font-size:16px;
	background: #ff9b00;
}
.main .bigtitle{
	text-align: center;
	padding:60px 0;
}
.main .bigtitle h3{
	font-size:30px;
	color:#181818;
	margin-bottom:10px;
}
.main .bigtitle span{
	font-size:14px;
	color:#999;
	
}
.descri{
	margin-bottom:50px;
}
.descri span{
	font-size:18px;
	font-weight:bold;
	color:#641cbb;
}
.descri ul li{
	font-size:14px;
	color:#666;
	line-height: 24px;
}
.descri ul li a{
	color:#ff7600;
}

@media only screen and (min-width:769px ) {
	.container{
		width:1200px;
	}
		.sec {
			margin-bottom:40px;
		}
	.sec .title{
	background: url(../images/sale-20210618/618_03.png) no-repeat top center/100% auto;
	text-align: center;
	height:119px;
	color:#fff;
	font-size:24px;
	line-height: 60px;
}
.sec .title span.icon1{
	background: url(../images/sale-20210618/618_06.png) no-repeat;
	width:35px;
	height:12px;
	display: inline-block;
	margin-right:15px;
}
.sec .title span.icon2{
	background: url(../images/sale-20210618/618_08.png) no-repeat;
	width:35px;
	height:12px;
	display: inline-block;
	margin-left:15px;
}
.sec .active-cont{
	background:linear-gradient(135deg,#b77dff,#5b11b3);
	border-radius: 25px;
	margin-top:-20px;
	padding:40px 30px;
}
.sec .active-cont ul li{
	display:inline-block;
	width:48.5%;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:15px;
}
.sec .active-cont ul li:nth-child(2n){
	margin-right:0;
}
.sec .active-cont ul li .item{
	background: #fff;
	border:#cd9dff 4px solid;
	border-radius: 15px;
	padding:20px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.sec .active-cont .item .text h3{
	font-size:24px;
	color:#333;
	margin-top:30px;
}
.sec .active-cont .item .fun-list{
	margin-top:50px;
	margin-bottom:40px;
}
.sec .active-cont .item .fun-list span{
	display:block;
	font-size:14px;
	color:#666;
	line-height:24px;
}
.sec .active-cont .price{
		margin-bottom:40px;
}
.sec .active-cont .price-list .cur-price{
	font-size:14px;
	color:#999;
}
.sec .active-cont .price-list span{
	font-size:14px;
	color:#999;
	display:block;
}
.sec .active-cont .price-list .cur-price span{
	font-size:24px;
	color:#7c38ce;
	display: inline-block;
	vertical-align: middle;
}
.sec .active-cont .price .price-list .cur-price i{
	display: inline-block;
	padding:2px 5px;
	color:#8b49db;
	background: rgba(139,73,219,0.3);
	border-radius: 4px;
	margin-left:3px;
	font-size:12px;
	}
.sec .active-cont .item a{
	font-size:16px;
	color:#fff;
	background: linear-gradient(180deg,#ffb900,#ff7600);
	display:inline-block;
	border-radius: 6px;
	padding:10px 150px;
	margin-bottom:15px;
}
.sec .active-cont .item .corner{
	position: absolute;
	right:0;
	top:0;
}
.sec .active-cont .item .text .sur{
	font-size:14px;
	color:#999;
	display:inline-block;
	margin-top:12px;
}
.sec.active2 .price{
	border-top:1px solid #e1e1e1;
	margin-bottom:0;
}
.sec.active2 .price .price-list{
	display:inline-block;
	border-right:1px solid #e1e1e1;
	width: 49%;
    padding: 15px;
}
.sec.active2 .price .price-list:last-child{
	border-right:none;
}
.sec.active2 .active-cont ul li .item{
	background: #fff;
	border:#cd9dff 4px solid;
	border-radius: 15px;
	padding:0px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.sec.active2 .active-cont ul li .item .bigbox{
	padding:20px;
}
.sec.active2 .active-cont .item a{
	width:100%;
	margin-bottom:0;
	border-radius: 0;
}
.sec.active3 .item{
	border-radius: 15px;
	background: #fff;
	border:4px solid #cd9dff;
	padding:50px;
	text-align: center;
}
.sec.active3 .item h3{
	font-size:24px;
	color:#333;
	margin-bottom:45px;
}
.sec.active3 .item p{
	font-size:16px;
	color:#666;
	text-align: left;
	line-height: 26px;
	margin-bottom:40px;
}
}
@media only screen and (max-width:768px) {
	.sec .title{
	text-align: center;
	color:#181818;
	font-size:24px;
	line-height: 60px;
	margin-bottom:20px;
}
.sec .active-cont ul li{
	margin-bottom:20px;
}
.sec .active-cont ul li .item{
	background: #fff;
	border:#cd9dff 4px solid;
	border-radius: 15px;
	padding:20px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.sec .active-cont .item .text h3{
	font-size:24px;
	color:#333;
}
.sec .active-cont .item .fun-list{
	margin-top:30px;
	margin-bottom:30px;
}
.sec .active-cont .item .fun-list span{
	display:block;
	font-size:14px;
	color:#666;
	line-height:24px;
}
.sec .active-cont .price-list .cur-price{
	font-size:14px;
	color:#999;
}
.sec .active-cont .price-list span{
	font-size:12px;
	color:#999;
	display:block;
}
.sec .active-cont .price-list .cur-price span{
	font-size:24px;
	color:#7c38ce;
	display:inline-block;
}
.sec .active-cont .price .price-list .cur-price i{
	display: inline-block;
	padding:2px 5px;
	color:#8b49db;
	background: rgba(139,73,219,0.3);
	border-radius: 4px;
	margin-left:3px;
	font-size:12px;
	}
.sec .active-cont .item .corner{
	position: absolute;
	right:0;
	top:0;
	width:130px;
}
.sec .active-cont .item a{
	font-size:16px;
	color:#fff;
	background: linear-gradient(90deg,#ffb900,#ff7600);
	margin-top:20px;
	display:inline-block;
	border-radius: 6px;
	padding:10px 80px;
	margin-bottom:15px;
}
.sec .active-cont .item .text .sur{
	font-size:14px;
	color:#999;
	display:inline-block;
	margin-top:12px;
}
.sec.active2 .price{
	border-top:1px solid #e1e1e1;
	margin-bottom:0;
}
.sec.active2 .price .price-list{
	display:inline-block;
	border-right:1px solid #e1e1e1;
	width: 49%;
    padding: 10px;
}
.sec.active2 .price .price-list:last-child{
	border-right:none;
}
.sec.active2 .active-cont ul li .item{
	background: #fff;
	border:#cd9dff 4px solid;
	border-radius: 15px;
	padding:0px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.sec.active2 .active-cont ul li .item .bigbox{
	padding:20px;
}
.sec.active2 .active-cont .item a{
	width:100%;
	margin-bottom:0;
	border-radius: 0;
	margin-top:0;
}
.sec.active3 .item{
	border-radius: 15px;
	background: #fff;
	border:4px solid #cd9dff;
	padding:30px 15px;
	text-align: center;
	margin-bottom:30px;
}
.sec.active3 .item h3{
	font-size:18px;
	font-weight:bold;
	color:#333;
	margin-bottom:45px;
}
.sec.active3 .item p{
	font-size:16px;
	color:#666;
	text-align: left;
	line-height: 26px;
	margin-bottom:40px;
}
}
.cont_banner202311{
	height: 535px;
	background:url("../images/banner_ecc_2023111401.jpg") center top no-repeat;
}
@charset "utf-8";
/* CSS Document */

		.cont_banner1 {

			height: 535px;

			background: url("../images/banner-1.jpg") center top no-repeat;

		}

		.cont_banner2 {

			height: 535px;

			background: url("../images/banner-2.jpg") center top no-repeat;

		}

		.cont_banner3{
			height: 535px;
			background:url("../images/banner-3.jpg") center top no-repeat;
		}

		.cont_banner4{
			height: 535px;
			background:url("../images/banner-4.jpg") center top no-repeat;
		}

		.cont_banner .banner_img {display: none;}

		.cont_banner .wrapper-content {

			position: relative;

		}

		.cont_banner h1 {

			position: absolute;

			top: 96px;

			left: 478px;

		}

		.cont_banner h1 span {

			font-size: 28px;

			font-size: 1.75em;

			color: #fff;

			background: #13bfac;

			padding: 5px 44px;

			letter-spacing: 4px

		}

		.cont_banner h1 strong {

			display: block;

			font-size: 72px;

			font-size: 4.5em;

			color: #0da695;

			width:780px;

			margin-top:20px;

		}

		.cont_banner .banner_btn {

			position: absolute;

		    top: 377px;

		    left: -5px;

		    width: 180px;

		    height: 48px;

		    line-height: 48px;

		    color: #2d4eff;

		    font-size: 24px;

		    font-size: 1em;

		    text-align: center;

		    text-decoration: none;

		    background: #FFF;

		    border-radius: 6px;

		}

		.bt a.bt_a {
			background: #ff7654;
			color: #fff;
			padding: 8px 47px;
		}

		.bt a {
			display: inline-block;
			padding: 8px 20px;
			margin: auto;
			margin: 380px 10px 0 0;
			color: #ff895f;
			float: left;
			font-size: 17px;
			font-weight: bold;
			text-align: center;
			border-radius: 90px;
			transition: all .3s ease;
			border: 2px solid #ff7654;
			position: relative;
			top: 0;
		}

		.bt a:hover{
			background: #ff7654; 
			text-decoration: none; 
			color: #fff; 
			border-color: #ff7654; 
			top: -5px;
		}


		.tint {background: #fcfffe;}

		.dark {background: #f8f9fa;}

		.theme h2 {

			display: inline-block;

			margin-bottom: 10px;

		    font-size: 24px;

		    font-size: 1.5em;

		    color: #fff;

		    font-weight: 100;

		    letter-spacing: 1px;

			padding: 8px 40px;

			margin: 0 auto 40px;

			background: #13bfac;

			*width: 300px;

		}

			.theme h4{font-size: 18px;

	       color: #13bfac;

	       font-weight: bold;

	       margin-bottom: 20px;}

			.theme h3 {height: 45px;

	padding-left: 75px;

	background: url(../images/i_s_h_heading_bg.png) left no-repeat;

	overflow: hidden;

	margin: 40px 0 20px;}

			.theme h3 span{

		float: left;

		height: 45px;

		line-height: 45px;

		background: #13bfac;

		color: #fff;

		font-size: 26px;

		padding: 0 100px 0 20px;

	}

		.theme {padding:60px 0;}

		.theme p {

			color:#143c3c;

			line-height: 1.8;

			font-size: 16px;

			margin-bottom: 15px;

		}

		.theme p em {

			font-weight: bold;

			font-size: 14px;

			color:#143c3c;

		}

		.link-sets .f_l {

			width: 49.9%;

			border-right: 1px solid #e0e0e0;

		}

		.f_l p {width:480px;}

		.f_r p {width:480px;}

		.link-sets p {

			margin-bottom: 10px;

		}

		.link-sets a,

		.theme p a {

			color: #1FA6FF;

		}
		.theme p a:hover{

			color: #027BF7;

		}

		.fir-table {margin-bottom: 40px;}

		.fir-table,

		.sec-table {

			border:1px solid #ccc;

		}

		.fir-table th,

		.sec-table th {

			border:1px solid #ccc;

		}

		.fir-table td,

		.sec-table td {

			border:1px solid #ccc;

		}

		.fir-table th,

		.sec-table th { 

			width: 30%;

			color: #fff;

			padding: 10px;

		}

		.fir-table th {background: #c4bd97;vertical-align: middle;}

		.fir-table td,

		.sec-table td  {

			font-size: 14px;

			background: #fff;

			padding: 10px;

			vertical-align:middle;

			color: #666;

			text-align: center;

		}
		
		
		.main{padding: 0; margin: 0; overflow: hidden; font-size: 14px; color: #333; line-height: 22px;}	
		.main a{text-decoration: none; color: #f28158;}
		.main a:hover{text-decoration: underline;}
		
		/* ----------产品---------- */  
        .con-back{width: 1200px; height: auto; margin:60px auto;}
        .con-hd01 li{width: 520px; height: auto;  display: inline-block; padding: 60px 40px; border:1px solid #d5cfd6; border-radius: 9px; background: #f9f9f9; background: linear-gradient(0deg,#f9f9f9,#e9e8ff); text-align: center; font-size: 20px;box-sizing: border-box;-webkit-box-sizing: border-box; transition: all .3s ease;position: relative; top: 0;}
		.con-hd01 li:hover{top: -10px; box-shadow: 0 5px 12px rgb(83, 75, 192,0.1)}
        .con-hd01 li.b{background: linear-gradient(0deg,#f9f9f9,#fccece)}
        .con-hd01 li h1{font-size: 24px; padding-bottom: 20px; margin-bottom: 30px; position: relative; line-height: 25px;color: #333}
        .con-hd01 li h1 label{font-size: 16px;position: relative;top: 5px;}
        .con-hd01 li h1 img{ position: relative; top:2px; left: 12px; z-index: 999999}
        .con-hd01 li h1 span{ height: 3px; width: 50px; background: #fd6e49; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -25px;border-radius: 20px;}
        .con-hd01 li.b h1{ width: 100%;}
        .con-hd01 li p,.con-hd01 h1{display: inline-block; width: 100%;}
		.con-hd01 .hd_table{display: table; width: 100%;}
		.con-hd01 .hd_table.mt30{display: table; width: 100%; margin-top: 30px;}
		.con-hd01 p.line{height: 1px; background: #ddd; display: inline-block; margin: 6px 0;}
        .con-hd01 li p.one{font-size: 14px; color: #666;}
		.con-hd01 li p.two,.con-hd01 li p.three{display: table-cell; vertical-align: middle}
        .con-hd01 li p.two{color: #999;font-size: 14px;width: 35%;text-align: left}
		.con-hd01 li p.two span{ text-decoration: line-through;}
        .con-hd01 li p.three{ width: 65%; text-align: right;font-size: 14px; letter-spacing: 1px; color: #666; font-weight: normal}
        .con-hd01 li p.three b{ color: #fd6e49; font-weight: bold;font-size: 36px; line-height: 36px; font-weight: normal; padding-right: 5px;}
		.con-hd01 li p.three span{position: relative; top: -6px;}
		.con-hd01 li p.four{width: 100%;text-align: center;padding-bottom: 1px;}
		.con-hd01 li p.three b.one{font-size: 26px;font-weight: bold; letter-spacing: 2px;}
        .con-hd01 li a.bt{display: inline-block; width: 230px; padding: 12px 0;text-decoration: none; font-weight: bold;font-size: 17px;margin: auto; background: #fd6e49; transition:all .3s ease; color: #fff; border-radius: 90px; margin-top: 40px;}
        .con-hd01 li a.bt:hover{ width: 250px;}
        
        .con-hd011 li{width: 31%;background: linear-gradient(0deg,#fff,#f5fcff)}
        .con-hd011 li.b{background: linear-gradient(0deg,#fff,#fff3eb)}
        .con-hd011 li.c{background: linear-gradient(0deg,#fff,#ffebeb)}
        .con-hd011 li.b{margin: 0 3.5%;}
		/* ----------产品结束--------*/
        
		/* ----------其它产品---------- */ 
        .con-hd02{margin-top: 20px; position: relative; color: #666; text-align: center}
		.con-hd02>a{font-size: 17px; padding: 12px 60px; display: inline-block; border: 2px solid #fd6e49; border-radius: 50px; font-weight: bold; transition: all .3s ease}
		.con-hd02>a:hover{background: #fd6e49; color: #fff; text-decoration: none}
		.con-hd02>p{padding:10px 0 10px 0}
		/* -----------结束------------- */

		/* ----------活动产品---------- */  
		.con-back-a{width: 1300px; height: auto; margin:70px auto;}
		.con-hd0a ul{display: flex; justify-content:space-between}
		.con-hd0a li{height: auto; padding: 50px 36px; border:1px solid #ebdcdc; border-radius: 9px; background: #fff9f9; background: linear-gradient(0deg,#fff,#fffaf4); text-align: center; font-size: 20px;box-sizing: border-box;-webkit-box-sizing: border-box; 
			transition: all .3s ease;position: relative; top: 0;width: 23%;}
		.con-hd0a li:hover{top: -10px; box-shadow: 0 5px 12px #f7e1e1;border:1px solid #ffc7c7}
		.con-hd0a li.b{background: linear-gradient(0deg,#f9f9f9,#fccece)}
		.con-hd0a li h1{font-size: 20px; padding-bottom: 20px; margin-bottom: 30px; position: relative; line-height: 25px;color: #333; font-weight: bold}
		.con-hd0a li h1 label{font-size: 14px;position: relative;top: 5px;font-weight: normal; color: #333}
		.con-hd0a li h1 img{ position: relative; top:3px; left: 12px; z-index: 999999}
		.con-hd0a li h1 span{ height:4px; width: 50px; background: #ff794a; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -25px;border-radius: 20px;}
		.con-hd0a li.b h1{ width: 100%;}
		.con-hd0a li p{display: inline-block; width: 100%;}
		.con-hd0a .hd_table{display: table; width: 100%;}
		.mt30{margin-top: 30px}
		.con-hd0a p.line{height: 1px; background: #ddd; display: inline-block; margin: 30px  0 6px;}
		.con-hd0a li p.one{font-size: 14px;  color: #666;padding:2px 0 2px 22px; background: url(../images/tick.png) left center no-repeat; text-align: left}
		.con-hd0a li p.one.no{background: none}
		.con-hd0a li p.two{color: #999;font-size: 14px;text-align: center}
		.con-hd0a li p.two span{ text-decoration: line-through;}
		.con-hd0a li p.three{font-size: 14px; letter-spacing: 1px; font-weight: normal; text-align: center; color: #999}
		.con-hd0a li p.three b{ color: #ff794a; font-weight: bold;font-size: 32px; line-height: 36px; padding-right: 5px; position: relative;}
		.con-hd0a p.line {height: 1px;background: #ddd;display: inline-block;margin: 6px 0;}

		.con-hd0a li p.three i{display: inline-block;padding: 2px 6px; border: 2px solid #ff794a; color: #ff794a; background: #fff5f1; font-weight: bold; margin-right: 10px;}
		.con-hd0a li p.four{width: 100%;text-align: center;padding-bottom: 1px;}
		.con-hd0a li p.three b.one{font-size: 26px;font-weight: bold; letter-spacing: 2px;}
		.con-hd0a li a.bt{display: inline-block; width: 100%; padding: 12px 0;text-decoration: none; font-weight: bold;font-size: 17px;margin: auto; background: linear-gradient(#ffa744,#ff4b49 39%);box-shadow: 0 5px 8px #ffc2af; transition:all .3s ease; color: #fff; position: relative; top: 0; border-radius: 3px; margin-top: 40px;}
		.con-hd0a li a.bt:hover{top: -5px}
		/* ----------活动产品结束--------*/



        
/* ----------jiesho---------- */ 		
        h2.tit{font-size:30px; padding-bottom: 60px; line-height: 36px; color: #534bc0; width: 100%; text-align: center}
        h2.tit span.t_l,h2.tit span.t_r{display: inline-block; width: 80px; height: 2px; background: #534bc0; border-radius: 5px; vertical-align: middle;position: relative;left: -20px;}
        h2.tit span.t_l:after,h2.tit span.t_r:before{content: ""; display: block; width: 7px; height: 6px; background:#534bc0;  right: 0; top: -2px; border-radius:50px; position: absolute}
        h2.tit span.t_r{left: 20px;}
        h2.tit span.t_r:before{left: 0; top: -2px;}
        h2.tit p{font-size: 14px; color: #666}

		/*申请流程  沃通SSL证书优势*/
		.con_lc{float: left; width: 100%;}
		.con_lc dl{width: 100%; float: left;}
		.con_lc dt{width: 18%; float:left; text-indent: 45%;}
		.con_lc dt p{padding: 20px 0; font-size: 16px; font-weight: bold; color: #333; border-radius: 6px; border:1px solid #ddd; }
		.con_lc dt p{background:#fff url(../images/d_01.png) 30px center no-repeat;}
		.con_lc dt:first-child+dd+dt p{background-image: url(../images/d_02.png);}
		.con_lc dt:first-child+dd+dt+dd+dt p{background-image: url(../images/d_03.png);}
		.con_lc dt:first-child+dd+dt+dd+dt+dd+dt p{background-image: url(../images/d_04.png);}
		.con_lc dt:first-child+dd+dt+dd+dt+dd+dt+dd+dt p{background-image: url(../images/d_05.png);}
		.con_lc dd{width: 2.5%; float:left; color: #fd6e49; padding:20px 0;text-align: center;}
		.con_lc dd:before{content: "▸"; font-size: 26px;}
		@media screen and (max-width: 900px) {
    	.con_lc dd,.con_lc dt{width:100%;}
    	.con_lc dd:before{content: "▾"}

    	.con_lc dt p{background-position:82px center; }
    	.con_lc dt{text-indent:135px;}
		}
		

		.fir-table th.gray,

		.sec-table th.gray  {width: 10%;background: #f7f7f7;}

		.fir-table td.gray,

		.sec-table td.gray  {text-align: center;background: #f7f7f7;}

		.table-title a {color: #fff;text-decoration: none;}

		.table-btn a {

			display: inline-block;

			background: #65a6c9;

			border:2px solid #75b5d7;

			padding: 6px 18px;

			color: #fff;

			text-decoration: none;

			border-radius: 18px;

		}

		.speci p {

			margin-top: 15px;

			line-height: 1.6;

		}

		.speci .red {

			color: #f05c3e;

			font-weight: bold;

		}

		.theme_banner .banner_btn:hover,

		.table-btn a:hover {

			color: #fff;

		    background: #70b5db;

		    border-color: #7fc4e9;



		}

		
		@media screen and (max-width: 1024px) {

			.wrapper-content {width: 90%;padding-left:5%;padding-right: 5%;}

			.banner {display: none;}

			.theme h2 {

				text-align: center;

				margin: 0 auto 20px;

			}

			.theme .f_l,

			.theme .f_r {

				float: none;

				margin: auto;

			}

			.theme_banner {height: auto;}

			.theme_banner .wrapper-content {width: 100%;padding:0;}

			.theme_banner .banner_img {display: block;}

			.banner_img img {max-width: 100%}

			.pros.f_l {

				margin-bottom: 40px;

			}

			.pro_cont div {

				text-align: center;

			}

			.pro_cont del {

				padding-left: 0;

			}

			.link-sets .f_l,

			.link-sets .f_r {width:47%;border-right: none;}

			.feature_list {

				margin-top: 20px;

			}

			.feature_list li {

				width: 40%;

				margin: 15px 5% 30px 5%;

			}

			.n-none {display: none;}

		}

		@media screen and (max-width: 550px) {

			.theme h2 {width: 90%;padding-left:5%;padding-right: 5%;}

			.theme_banner {

				height: auto;

				background: none;

			}

			.theme_banner .banner_img {

				display: block;

			}

			.banner_img img {

				max-width: 100%;

			}

			.banner {display: none;}

			.theme h3 {

				font-size: 20px;

			}

			.link-sets .f_l, .link-sets .f_r {width: 90%;margin-left: 5%;margin-right: 5%;}

			.pro-table td a {height: auto;line-height: 1.5;}

			.theme {padding:40px 0;}

			.feature_list li,

			.theme_customer_list li {

				width: 44%;

				margin-left: 3%;

				margin-right: 3%;

			}

			.feature_list h3 {font-size: 16px;}

			.theme_customer_list a {

				width: 100%;

			}

			.theme_customer_list img {

				width: 100%;

			}

			.fir-table td, 

			.sec-table td {

				width: 26%;

				padding: 2%;

			}

			.fir-table td {padding:0;}

			.fir-table td.gray,

			.sec-table td.gray {width: auto;}

		}

.footer{
	margin-top:0;
}
.colour-line{
	display: block;
    height: 5px;
    background: #0282FF;
    margin-bottom: 30px;
	margin-left: 0;
}