@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
html{ margin:0; padding:0; overflow-x:hidden;}
body{margin:0; padding:0; font-size:12px;font-family:"微软雅黑", arial; }
a:link{ color:#1d1d1d; text-decoration:none;} 
a:active:{color:#1d1d1d; text-decoration:none; }
a:visited {color:#1d1d1d; text-decoration:none;}  
a:hover {color:#1d1d1d; text-decoration:none;}
div,form,img,ul,ol,li,dl,dt,dd,input{margin:0; padding:0; border:0; }
li,dl{list-style-type:none;}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0;}
.clear{ clear:both;}
.sslapp_table{ width:1200px; margin:50px auto 30px auto; }
 table{ border:0; border-collapse:collapse; width:1200px; margin:50px auto; }   
 table td, table th{ border:1px #ccc solid; text-align:center; font-size:14px; padding:10px 0; color:#4c4c4c;}	
table th{ font-size:22px; background:#65ddba;}	
.ssl_bannerbg{ background:#38b08d; height:400px; min-width:1200px;}	
.ssl_banner{ background:url(../images/ssl/banner_img.jpg) no-repeat right center; width:1200px; margin:0 auto; height:400px;}	
.ssl_banner h1{ font-size:36px; padding:70px 0 10px 20px; color:#fff; font-weight:normal;}	
.ssl_banner p{ font-size:14px; padding:0 0 0 20px; color:#fff; line-height:24px; width:580px;}
.ssl_btn1{ padding-top:20px;}
.ssl_btn1 a{ display:inline-block; width:128px; height:38px; text-align:center; line-height:38px; color:#fff; border:1px #fff solid; margin-left:20px; font-size:14px;}	
.ssl_btn1 a.apply_btn{ color:#38b08d; background:#fff;}
.xsthbg{ background:#eff4b3; height:40px;}
.xsth{ width:1200px; margin:0 auto; line-height:40px; color:#f00; font-size:16px;}
.ssl_why{ width:1200px; margin:50px auto 0 auto;}
.ssl_why h2{ font-size:32px; font-weight:normal; text-align:center; color:#2c2c2c;}
.ssl_whycont{ padding-top:50px;}
.ssl_whycont li{ float:left; width:600px; height:170px;}
.why_img{ float:left; width:160px;}
.why_font{ float:left; width:380px;}
.why_font h3{ font-size:18px; color:#2c2c2c; font-weight:normal;}
.why_font p{ font-size:14px; color:#4c4c4c; line-height:22px; padding-top:5px;}
.sslappbg{ background:#f2f2f2; padding:50px 0 20px 0; min-width:1200px;}
.sslapp{ width:1200px; margin:0 auto;}
.sslapp h2{ font-size:32px; font-weight:normal; text-align:center; color:#2c2c2c;}
.sslapp_tab{ margin-top:30px;}
.sslapp_tab li{ float:left; width:400px; text-align:center; background:url(../images/ssl/type_bg.png) no-repeat center 0; height:383px;}
.sslapp_arr{ padding-top:5px;}
.sslapp_name{ font-size:18px; color:#2c2c2c; padding-top:30px;}
.sslapp_security{ padding:15px 0;}
.sslapp_tab p{ font-size:14px; color:#4c4c4c; line-height:28px;}
.ssl_type{ width:1200px; margin:50px auto;}
.ssl_type h2{ font-size:32px; font-weight:normal; text-align:center; color:#2c2c2c;}
.ssl_typetab{ padding-top:40px;}
.ssl_typetab li{ float:left; width:400px; text-align:center;}
.type_name{ font-size:18px; color:#2c2c2c; padding:10px 0;}
.ssl_typetab li p{ font-size:14px; color:#4c4c4c; line-height:26px;}
.sslbuy_btnbg{ background:#f2f2f2; padding:50px 0; min-width:1200px}
.sslbuy_btn a{ display:block; color:#fff; width:280px; height:60px; background:#38b08d; text-align:center; line-height:60px; font-size:18px; margin:0 auto; border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.sslque{ width:1200px; margin:50px auto 10px auto;}
.sslque h2{ font-size:32px; font-weight:normal; text-align:center; color:#2c2c2c;}
.sslque_list{ padding-top:40px;}
.sslque_list li{ float:left; width:500px; height:130px; margin:0 50px;}
.sslque_title a{ font-size:16px; color:#2c2c2c; background:url(../images/ssl/cion.png) no-repeat 0 center; padding-left:20px;}
.sslque_list li p{ font-size:14px; color:#4c4c4c; padding-top:5px;}
.sslque_title a:hover{ color:#38b08d;}
.price_list{ background:#ddd; height:50px; line-height:50px;}
.price_list li{ float:left; width:600px; text-align:center; cursor:pointer; font-size:18px;}
.price_list_sel{ background:#65ddba; font-weight:bold;}

@media screen and (max-width: 768px){
	
.sslapp_table{ width:100%; margin:50px auto 30px auto; }
 table{ border:0; border-collapse:collapse; width:100%; margin:50px auto; }   	

.ssl_bannerbg{ height:400px; min-width:360px;}	
.ssl_banner{ background:url(../images/ssl/banner_img.jpg) no-repeat -20px 220px; width:100%; margin:0 auto; height:400px;}	
.ssl_banner h1{ padding:70px 0 0; width:95%; margin:0 auto;}
.ssl_banner p{width:95%; margin:0 auto; padding:10px 0 0;}
.ssl_btn1 a{ width:120px;margin-left: 10px;}

.ssl_why{ width:95%;margin:40px auto;}
.ssl_why h2{ font-size:24px;}
.ssl_whycont{ padding-top:30px;}
.ssl_whycont li{ width:100%; height:auto; margin:10px 0;}
.why_img{ width:30%;}
.why_img img{ width:100%;}
.why_font{ width:68%;float: right;}

.sslappbg{ min-width:360px;}
.sslapp{ width:95%;}
.sslapp h2{ font-size:24px;}
.sslapp_tab li{ width:100%; height:320px; margin:10px 0;}

.sslapp_table{ width:95%;}
.price_list li{ width:50%;font-size: 16px;}
table{ width:100%;}
.sslapp_table .price_tabs{ overflow:hidden;}

.ssl_type{ width:95%;}
.ssl_type h2{ font-size:24px;}
.ssl_typetab li{ width:100%; margin:10px 0;}

.sslbuy_btnbg{ min-width:360px;}

.sslque{ width:95%;}
.sslque h2{ font-size:24px;}
.sslque_list li{ width:100%;margin:10px 0; height:auto;}





}