.main{padding: 0; margin: 0; overflow: hidden; font-size: 14px; color: #333; line-height: 22px;background:#f7f9fd;}	
	
	
/*banner*/	
.theme_banner{background:url(banner3.jpg) no-repeat top center; width: 100%; height:500px; position: relative; overflow: hidden;}
	.theme_banner_pic{width:1080px; height: 500px; margin: auto;display: table}
    .theme_banner_pic>a{display: none}
    .banner-pic{background:url(pic_01.png) no-repeat center 84px; text-align: center; vertical-align: middle;width: 50%; display: table-cell; position: relative; animation: zs02 1s linear ;}
.banner-pic img{animation: zs01 3s linear infinite; position: relative; top: -40px}
.banner-con{width: 100%; display: table-cell; vertical-align: bottom;animation: zs03 1s linear ; position: relative; top: -4px; }	
@media screen and (min-width: 900px) {
@keyframes zs01{
			0%{top:-40px;}
			25%{top:-30px;}
            50%{top:-20px;}
			75%{top:-30px;}
            100%{top:-40px;}
		}
@keyframes zs02{
    from{opacity: 0; top: -100px}
	to{opacity: 1; top: 0}
}
    
@keyframes zs03{
    from{opacity: 0; top: -100px}
	to{opacity: 1; top: -3px}
}
}
.banner-con h1{font-size: 48px;display: inline-block; color: #fff; font-weight: bold; padding-bottom:20px;line-height: 48px;letter-spacing: 2px;}
.banner-con p{font-size: 26px;display: inline-block; color: #fff; padding: 20px 0; border-top: 1px solid #796df2;line-height: normal; font-weight: bold}
.banner-con li{background: url(true.png) left center no-repeat; padding-left: 30px; display: inline-block; float: left; color: #fff; margin-right: 21px; font-size: 16px;}
.bt{text-align: center;}
.bt a{display: inline-block; color: #ff794a;font-size: 18px;text-align: center;transition:all .3s ease; position: relative; top: -60px; line-height: 46px;}
.bt a.bt_a{background: linear-gradient(#fecb00,#ff7e00 100%); letter-spacing: 2px; color: #fff;width: 260px; height: 48px; line-height: 44px; border-radius: 24px;border:2px solid #fff;}
.bt a:hover{text-decoration: none; top: -70px;}

.theme_banner span{display: none;}
@media screen and (max-width: 900px) {
    .theme_banner_pic{height: auto; width: 100%}
		.theme_banner{background: none;}
		.theme_banner span,.theme_banner_pic>a{display: block;}
		.theme_banner{height: auto;}
		.theme_banner .banner-con{display: none;}
}
@media screen and (max-width: 550px) {
    
}
.pc-banner{
	text-align: center;
	background: #ec4925;
}
.pc-banner .btn-box{
	text-align: center;
	position: relative;
}
.pc-banner .btn-box .banner-text{
	position: absolute;
	bottom:40px;
	left:42%;
}
.pc-banner .btn-box .top-btn a{
	
	color:#fff;
	display:inline-block;
	width:202px;
	height:47px;
	background: url(index3_03.png) no-repeat center;
}

/*定位菜单*/
/*定位菜单*/
.flex-nav{
	background: linear-gradient(90deg,#ea3b24,#f0513c);
	height:62px;
}
.flex-nav ul{
	width:100%;
	letter-spacing: -8px;
}
.flex-nav ul li{
	display:inline-block;
	width:20%;
	text-align: center;
	letter-spacing: normal;
}
.flex-nav ul li a{
	color:#fff;
	font-size:16px;
	display:inline-block;
	width:100%;
	padding-top:20px;
	height:62px;
	padding-bottom:20px;
}
.flex-nav ul li a:hover{
	background: #fe5736;
}
.flex-nav ul li.active a{
	background: #fe5736;
}
.flex-nav ul li a.active{
	background: #fe5736;
}
.box-active {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.index .header_a.a{
	display: none;
}

/* ----------产品---------- */  
.con-back{width: 1200px; height: auto; margin:0 auto;}
.con-hd01 ul{display: flex; justify-content:space-between}
.con-hd01 li{height: auto;  background: #fff;overflow: hidden; font-size: 20px;box-sizing: border-box;-webkit-box-sizing: border-box; 
    transition: all .3s ease;position: relative; top: 0;width: 25%;border:1px solid #ededed;}
.con-hd01 li:hover{box-shadow: 0 5px 12px #f7e1e1;}
.con-hd01 li:first-child{width:21.5%;}

.con-hd01 li.b{background: linear-gradient(0deg,#f9f9f9,#fccece)}
.con-hd01 li h1{font-size: 20px; padding: 15px 0;position: relative; line-height: 25px;color: #333; font-weight: bold;border-radius:9px 9px 0 0;}
.con-hd01 li h1 label{font-size: 14px;position: relative;top: 5px;font-weight: normal; color: #666;position: relative;}
.con-hd01 li h1 a:hover{color:#ec4925;}
.con-hd01 li h1 img{ position: relative; top:3px; left: 12px; z-index: 999999}
.con-hd01 li h1 span{ height:4px; width: 50px; background: #ff794a; 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%;margin-top: 0 !important;padding-top: 0;}
.mt30{margin-top: 15px;padding-top:15px;}
.con-hd01 .cp_name{background:#fcfcfc;padding:20px;position: relative;}
.con-hd01 .cp_name .tag{
    color: #fff;
    height: 24px;
    width: 160px;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    right: -32px;
    top: 26px;
    text-align: center;
    background-color: #ec4925;
    -ms-transform: rotate(40deg);
    transform: rotate( 
40deg );
    -o-transform: rotate(40deg);
    -webkit-transform: rotate( 
40deg );
    -moz-transform: rotate(40deg);}
.con-hd01 .cont{padding:30px 20px;text-align: center;}
.con-hd01 p.line{height: 1px; background: #ddd; display: inline-block; margin: 30px  0 6px;}
.con-hd01 li p.one{font-size: 14px; color: #666;padding:2px 0 2px 22px;  text-align: left;background:url("check.png") left center no-repeat;}
.con-hd01 li p.one.no{background: none}
.con-hd01 li p.two{color: #999;font-size: 12px;float:left;width:50%;text-align: left;}
.con-hd01 li p.two img{display: inline-block;
    height: 14px;
    vertical-align: middle;margin-right:5px;}
.con-hd01 li p.two span{ text-decoration: line-through;}
.con-hd01 li p.three{font-size: 12px;font-weight: normal;float:right; color: #ec4925;width:50%;text-align: right;}
.con-hd01 li p.three b{font-weight:normal; color: #ec4925;font-size: 26px; position: relative;}
.con-hd01 li p.three i{color: #ec4925;font-size: 12px;}
.con-hd01 li p.two i{display: inline-block;padding: 1px 4px;color: #fff;font-size:12px;border-radius:4px; background: #f68365; font-weight: bold; margin-left: 15px;}
.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{text-align:center;display: inline-block; width:100%; padding: 12px 0;text-decoration: none; font-size: 16px;margin: auto; background:#ec4925;transition:all .3s ease; color: #fff; position: relative; top: 0; border-radius: 2px; margin-top: 30px;}
.con-hd01 li a.bt:hover{top: -5px}
.con-hd01 li.left_01{
	background: url(index3_07.png) #f7f9fd no-repeat center bottom;
	border:2px solid #fff;
	box-shadow:0 0 15px rgba(255,232,246,0.5);
}

.con-hd01 li:not(:first-child):hover .cp_name{
	background: url(index3_08.png) #fcfcfc no-repeat right bottom;
}
.con-hd01 li:not(:first-child):hover{
	top:-5px;
}

/*产品二*/
.con-hd02 ul{display: flex; justify-content:space-between}
.con-hd02 li{height: auto;  background: #fff;overflow: hidden; font-size: 20px;box-sizing: border-box;-webkit-box-sizing: border-box; 
    transition: all .3s ease;position: relative; top: 0;width: 38.2%;border:1px solid #ededed;}
.con-hd02 li:hover{box-shadow: 0 5px 12px #f7e1e1;}
.con-hd02 li:first-child{width:21.5%;}

.con-hd02 li.b{background: linear-gradient(0deg,#f9f9f9,#fccece)}
.con-hd02 li h1{font-size: 20px;text-align: left; padding: 15px 0;position: relative; line-height: 25px;color: #333; font-weight: bold;border-radius:9px 9px 0 0;}
.con-hd02 li h1 label{font-size: 14px;position: relative;top: 5px;font-weight: normal; color: #666;position: relative;}
.con-hd02 li h1 a:hover{color:#ec4925;}
.con-hd02 li h1 img{ position: relative; top:3px; left: 12px; z-index: 999999}
.con-hd02 li h1 span{ height:4px; width: 50px; background: #ff794a; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -25px;border-radius: 20px;}
.con-hd02 li.b h1{ width: 100%;}
.con-hd02 li p,.con-hd01 h1{display: inline-block; width: 100%;}
.con-hd02 .hd_table{display: table; width: 100%;margin-top: 0 !important;padding-top: 0;}
.mt30{margin-top: 15px;padding-top:15px;}
.con-hd02 .cp_name{background:#fcfcfc;padding:20px;position: relative;}
.con-hd02 .cp_name .tag{
    color: #fff;
    height: 24px;
    width: 160px;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    right: -32px;
    top: 26px;
    text-align: center;
    background-color: #ec4925;
    -ms-transform: rotate(40deg);
    transform: rotate( 
40deg );
    -o-transform: rotate(40deg);
    -webkit-transform: rotate( 
40deg );
    -moz-transform: rotate(40deg);}
.con-hd02 .cont{padding:30px 20px;text-align: center;}
.con-hd02 p.line{height: 1px; background: #ddd; display: inline-block; margin: 30px  0 6px;}
.con-hd02 li p.one{font-size: 14px; color: #666;padding:2px 0 2px 22px;  text-align: left;background:url("check.png") left center no-repeat;}
.con-hd02 li p.one.no{background: none}
.con-hd02 li p.two{color: #999;font-size: 12px;float:left;width:50%;text-align: left;}
.con-hd02 li p.two img{display: inline-block;
    height: 14px;
    vertical-align: middle;margin-right:5px;}
.con-hd02 li p.two span{ text-decoration: line-through;}
.con-hd02 li p.three{font-size: 12px;font-weight: normal;float:right; color: #ec4925;width:50%;text-align: right;}
.con-hd02 li p.three b{font-weight:normal; color: #ec4925;font-size: 26px; position: relative;}
.con-hd02 li p.three i{color: #ec4925;font-size: 12px;}
.con-hd02 li p.two i{display: inline-block;padding: 1px 4px;color: #fff;font-size:12px;border-radius:4px; background: #f68365; font-weight: bold; margin-left: 15px;}
.con-hd02 li p.four{width: 100%;text-align: center;padding-bottom: 1px;}
.con-hd02 li p.three b.one{font-size: 26px;font-weight: bold; letter-spacing: 2px;}
.con-hd02 li a.bt{text-align:center;display: inline-block; width:100%; padding: 12px 0;text-decoration: none; font-size: 16px;margin: auto; background:#ec4925;transition:all .3s ease; color: #fff; position: relative; top: 0; border-radius: 2px; margin-top: 30px;}
.con-hd02 li a.bt:hover{top: -5px}
.con-hd02 li.left_01{
	background: url(index3_04.png) #f7f9fd no-repeat center bottom;
	border:2px solid #fff;
	box-shadow:0 0 15px rgba(255,232,246,0.5);
}

.con-hd02 li:not(:first-child):hover .cp_name{
	background: url(index3_06.png) #fcfcfc no-repeat right bottom;
}
.con-hd02 li:not(:first-child):hover{
	top:-5px;
}
.get_solution{color:#999;
	display:block;
	margin-top:15px;
}
.get_solution a,.get_solution a:hover{
	color: #ec4925;
	text-decoration: underline!important;
}


/* ----------其它产品---------- */ 
.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 #ff794a; border-radius: 50px; font-weight: bold; transition: all .3s ease}
.con-hd02>a:hover{background: #ff794a; color: #fff; text-decoration: none}
.con-hd02>p{padding:10px 0 10px 0}
        
/* ----------jiesho---------- */ 
        
        h2.tit{font-size:30px; padding-bottom: 60px; line-height: 36px; color: #333; width: 100%; text-align: center}
        h2.tit span.t_l,h2.tit span.t_r{display: inline-block; width: 45px; height: 11px; vertical-align: middle;position: relative;left: -20px; background: url(tit_l.png)}
h2.tit span.t_r{background: url(tit_r.png)}
        h2.tit span.t_r{left: 20px;}
        
        h2.tit p{font-size: 14px; color: #666;margin-top:10px;}
@media screen and (max-width: 996px) {
    h2.tit span.t_l,h2.tit span.t_r{display: none}
    .con-hd01 li{
    	width:49%;
    }
}

/*活动说明*/
.con-hd0111{line-height: 26px;position: relative;margin-top:40px;color: #666;font-size: 13px;background: #fff8f6;padding:20px;border:1px solid #ffe7e7;}
.con-hd0111 h2{font-size: 18px;color:#f15b1c;font-weight:bold;margin-bottom:15px;}
.con-hd0111 b{color: #333}  
.con-hd0111 a,.con-hd0111 a:hover{color:#ec4925;text-decoration: underline!important;}

/*使用HTTPS加密的好处*/
.con-hd03 .hd_table{display: table}
        .con-hd03 ul{text-align: center; display: table-row;font-size: 0}
        .con-hd03 li{display: table-cell; width: 33.33333%; font-size: 14px;}  
        .con-hd03 dl{margin:0 15px;border: 1px solid #ddd; padding: 30px; border-radius: 6px;height:100%;  position: relative;overflow: hidden; transition: all .3s ease; top:0;} 

.con-hd03 dt{padding-bottom: 20px;}
.con-hd03 dd b{color: #333; font-size: 16px; margin-bottom: 10px;display: inline-block;}
.con-hd03 dd p{color:#666;}
.con-hd03 dd a{position: absolute; top: 10px; right: 10px; display: block; background: url(arrow_a.png) center no-repeat; height: 26px; width: 26px; background-size: 18px;opacity: 0.5}
.con-hd03 dl:hover a{background: url(arrow.png) center no-repeat; background-size: 18px;opacity:1}
.con-hd03 dl:hover{top: -5px;}
.con-hd03 dd a img{width: 16px;}
@media screen and (max-width: 900px) {
    .con-hd03 li{display:block; width:100%;}
    .con-hd03 li dl{ margin-left: 0!important; margin-right: 0!important}
}
/*国密证书优势*/
.con-hd04_b{
	padding-top:60px;
	padding-bottom:60px;
}
.con-hd04_b li{width: 25%;text-align: left;text-align: justify;}
.con-hd04_b li dd img{
	vertical-align: middle;
	margin-right:5px;
}
.con-hd04_b li p{
	line-height:21px;
	color:#666;
}
@media screen and (max-width: 900px) {
    .con-hd04_b li{width: 100%}
}


/*为什么选择沃通*/
.con-hd04 dl{border: none; padding:30px;padding-bottom: 0; background: none!important}
.con-hd04_a li{width: 25%}
@media screen and (max-width: 900px) {
    .con-hd04_a li{width: 100%}
}

/*申请流程  沃通SSL证书优势*/

.con_lc dl{width: 100%; float: left;}
.con_lc dt{width: 18%; float:left; text-indent: 45%;}
.con_lc dt p{padding: 20px 0;background: #f9f9f9; font-size: 16px; font-weight: bold; color: #333; border-radius: 6px; border:1px solid #ddd; }
.con_lc dt p{background:#f9f9f9 url(ico_a.png) 55px center no-repeat;}
.con_lc dt:first-child+dd+dt p{background-image: url(ico_b.png);}
.con_lc dt:first-child+dd+dt+dd+dt p{background-image: url(ico_c.png);}
.con_lc dt:first-child+dd+dt+dd+dt+dd+dt p{background-image: url(ico_d.png);}
.con_lc dt:first-child+dd+dt+dd+dt+dd+dt+dd+dt p{background-image: url(ico_e.png);}
.con_lc dd{width: 2.5%; float:left; color: #999; padding:20px 0;text-align: center;}
.con_lc dd:before{content: "▸"; font-size: 26px;}
.con-back.con_lc{padding-top:0;}
@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;}
}

/*关于沃通*/
.con_06{padding: 20px 0; background:#1a1457 url(back.jpg) top center no-repeat;}
.con_06 .tit{color: #fff;}
.con_06 .tit span,.con_06 .tit span:before,.con_06 .tit span:after{background: #fff!important;}
.con_06 p{color: #9591c3;}

/*vp*/
.vp .con-hd03 dl{background: #fff!important}

/* ----------谁在使用沃通---------- */
	.con-hd05{padding-bottom: 30px; }
    .con-hd05 ul{text-align: center; font-size: 0}
	.con-hd05 li{display: inline-block;
	text-align: center;
	width: 18.9999%;
    min-height: 66px;
    line-height: 66px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    border-radius: 6px;
    display: inline-block;
    padding: 5px 0;
    margin-left: 12px;
    margin-bottom: 12px;
    background: #fff;}
	.con-hd05 li a{float: left; width: 175px; height: 84px; border: 1px solid #ccc; cursor: auto; position: relative; left: 50%; margin: 0 30px 10px -90px; text-align: center;}
    .con-hd05 li img{vertical-align: middle; max-width: 150px;}
.a_bt{padding-top: 40px;text-align: center;}
.a_bt a{padding: 15px 35px;background: linear-gradient(90deg,#ea3b24,#f0513c);color:#fff; border-radius:6px; transition: all .3s ease; position: relative; top: 0}   
.a_bt a:hover{background: ##ec4925; color: #fff; top: -5px;}
 .case li{
	
}
#back-to-top{
	width: 46px;
    height: 46px;
    position: fixed;
    bottom: 200px;
    right: 26px;
    background: url(back.png) center no-repeat;
    cursor: pointer;
    opacity: 0.4;
    transition: all .3s ease;
}
#back-to-top:hover{
	opacity: 1;
}
.a4{position: fixed;left:0;top:0;width:100%;z-index:999;}



 
/* ----------响应式---------- */ 
	@media screen and (max-width: 1024px) {
        .con-back{width: 88%}
        .con-hd05 li,.con-hd05 li:first-child{width: 29%; margin:10px}
	}
	@media screen and (max-width: 900px) {
        h3.title{width: 100%; padding-left:0; right: 0}
        h3.title span {top: -40px; left: 50%; padding: 10px 0;border-radius: 120px 120px 0 0;width: 140px;margin-left: -70px; font-size: 18px;}
        
        .con-hd01{text-align: center}
        .con-hd01 ul{display: block}
        .con-hd01 li{width: 100%; float: none;}
        .con-hd01 li{margin-top: 30px;}
        .con-hd01 li:first-child{margin-top: 0;}
        .con-hd011 li.b{margin: 0;margin-bottom: 30px;}
        .con-hd01 li p.one.no{display: none}
        
        
        .con-hd02{text-align: center}
        .con-hd02 ul{display: block}
        .con-hd02 li{width: 100%; float: none;}
        .con-hd02 li{margin-top: 30px;}
        .con-hd02 li:first-child{margin-top: 0;}
        .con-hd011 li.b{margin: 0;margin-bottom: 30px;}
        .con-hd02 li p.one.no{display: none}
        
        .hcell{display: inline-block; width: 100%; text-align: center}

        .con-hd05 li,.con-hd05 li:first-child{width: 50%; text-align: center}
        .con-hd05 li a{ width: 80%; padding: 0 8% 10px 8%; margin: 0; left: 0; height: auto; float: none; display: inline-block}
		.con-hd05 li a img{width:100%}
	}
	@media only screen and (max-width: 767px) {
		.pc-banner{padding-top:110px;}
	}