.ssl-top{height:360px;background:url(Img/ssl_top.jpg) no-repeat center center;background-size:cover;text-align:center;color:#fff;padding-top:180px}.ssl-top h2{padding-bottom:20px}.ssl-top a{color:#fff;margin:0 10px}.ssl .df_sjmenu{width:100%;background:#f60;height:60px}.ssl .df_sjmenu ul.layui-nav{width:1200px;margin:0 auto;background:none;font-size:22px;color:#fff;border-left:1PX solid #ff6f75;padding:0}.ssl .df_sjmenu ul.layui-nav *{font-size:22px}.ssl .df_sjmenu ul.layui-nav .layui-nav-item{padding:0;margin:0}.ssl .df_sjmenu ul.layui-nav .layui-nav-item a{color:#fff;padding:0}.ssl .df_sjmenu ul.layui-nav .layui-nav-item a:hover{border-bottom:none}.ssl .df_sjmenu ul.layui-nav .layui-nav-item{width:233px;text-align:center;background:none;border-right:1PX solid #ff6f75;padding:0;margin:0;float:left;height:60px;line-height:60px}.ssl .df_sjmenu ul.layui-nav .layui-nav-item dl{margin:0;top:60px}.ssl .df_sjmenu ul.layui-nav .layui-nav-item dl.layui-nav-child{background:rgba(0,0,0,.8);border:none;padding:0;border-radius:0;margin:0;font-size:14px}.ssl .df_sjmenu ul.layui-nav .layui-nav-item dl.layui-nav-child dd a{border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;height:50px;line-height:50px}.ssl .df_sjmenu ul.layui-nav .layui-nav-item dl.layui-nav-child dd a:hover{background:rgba(0,0,0,.5);font-size:14px}.ssl .df_sjmenu ul.layui-nav .layui-nav-more{display:none}.ssl .df_sjmenu ul.layui-nav .layui-nav-bar{display:none}*{margin:0;padding:0;box-sizing:border-box;list-style:none}.auto{margin:0 auto;min-width:1000px;max-width:1200px}.server-module{margin-top:60px;padding-bottom:40px}.block-title{margin:50px 0}.block-title h3{font-size:30px;font-weight:normal;text-align:center;color:#474747}.brand-slider{width:100%}.brand-slider-item{display:inline-block;float:left;width:22%;margin-left:4%;height:400px;border:1px solid #eee}.brand-slider-item:hover{box-shadow:1px 1px 15px rgba(223,223,223,.65)}.brand-slider-item:first-child{margin-left:0}.brand-title{font-size:16px}.brand-text{padding:25px 35px;font-size:12px;line-height:2em;text-align:justify}.brand-icon{height:170px;background:url(img/brand_01.png) no-repeat center}.brand-icon-02{background-image:url(img/brand_02.png?v=2)}.brand-icon-03{background-image:url(img/brand_03.png?v=2)}.brand-icon-04{background-image:url(img/brand_04.png?v=2)}.brand-icon-05{background-image:url(img/brand_05.png?v=2)}.brand-slider-item:hover .brand-icon-01{background-image:url(img/brand_01_hover.png)}.brand-slider-item:hover .brand-icon-02{background-image:url(img/brand_02_hover.png)}.brand-slider-item:hover .brand-icon-03{background-image:url(img/brand_03_hover.png)}.brand-slider-item:hover .brand-icon-04{background-image:url(img/brand_04_hover.png)}.brand-slider-item:hover .brand-icon-05{background-image:url(img/brand_05_hover.png)}.text-primary{color:#0080ff}.text-center{text-align:center}.server-module{margin-top:60px;padding-bottom:40px}.virtue-module{margin-top:0}.virtue-list{width:100%}.virtue-list li{display:list-item;float:left;padding:35px 60px 0 165px;width:49%;height:240px;background-color:#fff;background-repeat:no-repeat;background-position:50px 30px;border:1px solid #eee}.virtue-list li:hover{box-shadow:1px 1px 15px rgba(223,223,223,.65)}.margin-left-20{margin-left:2%}.margin-top-20{margin-top:20px}.virtue-list .virtue-bg1{background-image:url(img/virtue_01.png?v=2)}.virtue-list .virtue-bg2{background-image:url(img/virtue_02.png?v=2)}.virtue-list .virtue-bg3{background-image:url(img/virtue_03.png?v=2)}.virtue-list .virtue-bg4{background-image:url(img/virtue_04.png?v=2)}.virtue-title{display:block;height:18px;font-size:18px;color:#009fd9}.virtue-sub-title{display:block;margin-top:15px;height:14px;font-size:14px;color:#666}.virtue-info{margin-top:20px;line-height:22px;font-size:12px;color:#999}.package-box{padding-top:12px}.package-box li{display:list-item;position:relative;float:left;width:282px;margin-left:24px;height:490px;border:1px solid #ddd}.package-box li:first-child{margin-left:0}.item-info-box{width:100%;height:435px;transition:All .2s ease}.package-item.active{border:1px solid #0080ff;box-shadow:1px 1px 15px rgba(0,128,255,.3)}.package-box .package-title{position:relative;height:100px;background-color:#eee;text-align:center}.package-title .main-title{display:block;margin-top:5px;font-size:12px;color:#999}.package-item.active .package-title{background-color:#0080ff;color:#fff}.package-title .main-title2{padding-top:20px}.domain-type{display:block;padding-top:26px;font-size:18px;font-weight:bold;color:#555}.package-item.active .main-title,.package-item.active .domain-type{color:#fff}.domain-type span{padding-left:10px;color:#333}.package-box .package-hot,.package-box .package-rec{position:absolute;right:0;top:0;width:56px;height:56px;line-height:36px;text-align:center;background-position:center;background-repeat:no-repeat;background-image:url(img/ssl_hot.png?v=2);font-style:normal;font-size:18px;color:#fff}.package-box .package-rec{background-image:url(img/ssl_rec.png?v=2)}.package-box .area-line{width:114px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:25px;line-height:25px;border-color:#ddd;outline:none}.package-box .area-line option{width:120px}.package-info{padding:10px 0;margin:0 15px}.item-info{line-height:30px;font-size:12px}.item-info .item-name{display:inline-block;float:left;width:35%;text-align:right;color:#999}.item-info .item-value{display:inline-block;position:relative;float:left;padding-left:2px;width:65%;font-size:12px;color:#333}.package-item.active .item-value{color:#0080ff}.package-price{margin:15px 10px;text-align:center}.package-price s{line-height:40px;font-size:14px;color:#999}.lease-line{margin:0 20px;border-bottom:1px solid #ddd}.package-price span{display:block;margin-left:5px;font-size:14px;color:#555}.package-price span em{font-style:normal;font-size:24px;color:#f60}.package-box .package-buy{display:block;width:175px;margin:0 auto;margin-bottom:20px;height:32px;line-height:32px;text-align:center;font-size:16px;background-color:#f60;color:#fff}.config-tip{display:inline-block;position:relative;width:19px;height:19px;margin-top:-5px;margin-left:8px;background:url(img/icon_question.png) no-repeat center;vertical-align:middle}.config-tip-content{display:none;position:absolute;padding:10px;border:1px solid #b8b8b8;border-radius:3px;background-color:#fff;font-size:12px;z-index:200}.config-tip:hover .config-tip-content{display:block;top:-23px;left:35px;white-space:nowrap}.config-tip-content:before,.config-tip-content:after{content:"";position:absolute}.config-tip-content:before{border:9px solid transparent;border-right-color:#fff;top:21px;left:-17px;z-index:10}.config-tip-content:after{border:10px solid transparent;border-right-color:#ccc;top:20px;z-index:9;left:-20px}.config-tip-content .domain-input-green{margin:0}.domain-num{line-height:36px;font-size:14px;color:#0af}.ssl-table{width:100%;text-align:center;background-color:#fff;font-size:14px;color:#999}.ssl-table tr:first-child td{border-top:1px solid #eee;height:75px;color:#555}.ssl-table td{border-right:1px solid #eee;border-bottom:1px solid #eee;width:345px;height:55px}.ssl-table tr td:first-child{width:165px;border-left:1px solid #eee;background-color:#fafafa;color:#666}.ssl-table .ssl-buy{display:inline-block;width:130px;height:35px;line-height:34px;background-color:#f60;font-size:12px;color:#fff}.domain-input,.domain-input-green{margin:20px auto;width:302px;height:41px;background:url(img/domain_bg.jpg?v=2) no-repeat center}.domain-input-green{background-image:url(img/domain_bg_green.jpg?v=2)}.domain-input-info{display:block;margin-bottom:15px}.ssl-buy-step{position:relative;height:230px;padding:0 26px}.step-items .item{position:relative;float:left;margin-left:6.6%;width:20%;height:90px;background-color:#fff;z-index:10}.step-items .item:first-child{margin-left:0}.step-items .item:before{content:'';position:absolute;left:-25%;top:20px;width:39px;height:24px;background:url(img/ssl_step_icon.png) no-repeat center}.step-items .item:first-child:before{background:none}.step-items .item .center{width:100%;height:100%;background-repeat:no-repeat;background-position:center top;z-index:-1}.step-items .item-1 .center{background-image:url(img/ssl_step_01.png)}.step-items .item-2 .center{background-image:url(img/ssl_step_02.png)}.step-items .item-3 .center{background-image:url(img/ssl_step_03.png)}.step-items .item-4 .center{background-image:url(img/ssl_step_04.png)}.step-items .item h2{margin-bottom:12px;white-space:nowrap;text-align:center;font-weight:400;font-size:18px;color:#333}.step-items .item p{margin-bottom:8px;text-align:center;font-size:14px;color:#999}.latest-blog{background:url(/Content/2020/images/opnavi_bg_pc.png) no-repeat center center;background-size:cover;padding:50px 0}.seo-title-one{position:relative}.seo-title-one:after{content:'';display:block;clear:both}.seo-title-one>h2{color:#000;font-size:30px;margin:0}.seo-title-one>a{position:absolute;right:0;color:rgba(0,0,0,.6);top:10px;display:block;padding-bottom:5px}.seo-title-one>a:hover{color:rgba(0,0,0,1)}.seo-title-one>a:hover:after{position:absolute;background:rgba(0,0,0,.8);content:'';bottom:0;left:0;right:0;height:2px}.seo-title-one ul{display:block;list-style:none;padding:0;margin:20px 0;margin-left:-20px;height:30px;line-height:30px;float:left}.seo-title-one li{color:#333;list-style:none;float:left;position:relative;padding:0 20px;text-align:center}.seo-title-one li+li:before{position:absolute;content:'';background:rgba(0,0,0,.3);left:0;top:10px;bottom:8px;width:1px}.seo-title-one li a{color:rgba(0,0,0,.6);font-size:15px;position:relative;display:block}.seo-title-one li a:hover{color:rgba(0,0,0,.8)}.seo-title-one li.active a{color:#000}.seo-title-one li.active a:after{position:absolute;background:rgba(0,0,0,.9);content:'';bottom:0;left:0;right:0;height:2px}.grid-blog-wrapper{margin:-20px}.grid-blog-wrapper:after,.grid-blog-wrapper:before{content:'';display:block;clear:both}.single-blog{width:33.33%;float:left;padding:20px;position:relative}.single-blog .txt{border:1px solid rgba(0,0,0,.2);padding:30px 15px;height:180px;overflow:hidden;position:relative;transition:all linear .3s}.single-blog .txt h3{display:block;margin:0;line-height:1;font-size:15px;color:rgba(0,0,0,.8);font-weight:bold;height:30px}.single-blog .txt p{color:rgba(0,0,0,.6);margin:0;line-height:1.5;padding-top:10px}.single-blog .txt>.fa{position:absolute;right:-10px;bottom:-10px;font-size:82px;color:rgba(0,0,0,.2);transition:all linear .3s}.single-blog:hover .txt{border:1px solid rgba(0,0,0,.5);background:rgba(0,0,0,.1);-moz-box-shadow:2px 2px 5px #333;-webkit-box-shadow:2px 2px 5px #333;box-shadow:12px 12px 40px #333}.single-blog:hover .txt>.fa{color:rgba(0,0,0,.1);right:-30px;bottom:-30px}.single-blog:hover h3{color:rgba(0,0,0,1)}.single-blog:hover p{color:rgba(0,0,0,.8)}