/* 初始化CSS 公共样式*/
body{ margin:0px; padding:0px;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size: 12px;line-height: 180%;color: #000000; *overflow-x:hidden;min-width:1210px;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,i,em {margin: 0;padding: 0;list-style-type: none; font-style:normal}
a{ bblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ }
a:link {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color: #000000;text-decoration: none;}
a:visited {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-decoration: none;}
a:hover {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#E24615;text-decoration: none;}
img{border:none; display:block;}
i{ display:block;}

.main{ width:100%; margin:auto; overflow:hidden}
.mainmid{ width:1210px; margin:auto; overflow:hidden;}
.mainbig{ width:1348px; margin:auto; overflow:hidden;}
.advcont_main{ width:1025px; margin:0 auto; overflow:hidden;}
.f_left{ float:left;}
.f_right{ float:right;}
.relative{ position:relative;}
.none{ display:none;}
.m_auto{ margin:0 auto;}
.overhidd{ overflow:hidden;}
.textR{ text-align:right;}
.black_bg {background: #161616;}

/*======公用样式======*/
.paddt35{ padding-top:35px;}
.paddb35{ padding-bottom:35px;}

/*顶部*/
.header-top { background: #333; padding: 10px 0;}
.icon {background: url(../images/common-icon.png) no-repeat;}
/*左侧产品链接*/
.header-top-menu { overflow: hidden;}
.header-top-menu a { float: left; color: #eee;}
.header-top-menu a:hover { color: #fff;}
.header-top-menu .icon, .header-top-menu span { display: inline-block; vertical-align: middle;}
.header-top-menu .icon { width: 16px; height: 16px; background-position: -39px 0; margin-right: 5px;}
.header-top-menu .split-line { float: left; width: 1px; height: 12px; background: #fff; overflow: hidden; margin:5px 14px; opacity: .7; filter: alpha(opacity = 70);}

/*右侧联系方式*/
.header-top-contact li .icon, .header-top-contact li span { display: inline-block; vertical-align: middle; color: #fff;}
.header-top-contact li.tel .icon { width: 16px; height: 16px; background-position: 0 0;}

/*头部外框*/
.header-box { width: 100%; min-width: 1210px;}
.header-box-index .header-top { background: rgba(0,0,0,.7);}
.header-box-index .header {background: rgba(0,0,0,.4); box-shadow: none; border: none;}
.header-box-index .header .logo .black { display: none;}
.header-box-index .header .logo .white { display: block;}
.header-box-index .header .nav li a { color: #fff;}
/*头部固定*/
.header-box { position: fixed; top: 0; left: 0; z-index: 999;}
/*头部导航*/
.header { height: 70px; background: #fff; background: rgba(255,255,255,.95); border-bottom: 1px solid #ddd\9; *border-bottom: 1px solid #ddd;  box-shadow: 0 1px 1px #dcdcdc;}
.header .logo { padding-top: 11px;}
.header .logo .white { display: none;}
.header .nav { position: relative;}
.header .nav li { height: 70px; line-height: 70px; float: left; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all 2s; transition: all .3s;}
.header .nav li.selected { height: 68px; border-bottom: 2px solid #ff5339;}
.header .nav li.selected a { color: #ff5339;}
.header .nav li a { display: block; padding: 0 22px; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all 2s; transition: all .3s; color: #666;}
.header .nav li.line { position: absolute; height: 2px; width: 0; padding: 0; background: #ff5339; bottom: 0; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

/*标题*/
h1,h2,h3{ font-weight:normal;}
h1,h2{text-align:center; line-height:200%;}
h1{ font-size:52px; color:#4c2502;}
h2{ font-size:40px; padding-top:40px;}
h2.black , h4.black{ color:#000;}
h2.white , h3.white , h4.white{ color:#FFF;}
h3{ font-size:16px;text-align:center; line-height:150%; padding:10px 0 30px;}

.banner{ background:#2488ce url(../images/banner_bg.jpg) no-repeat center bottom; height:710px;}
img.banner-img{ margin:0 auto; padding-top:130px}
/**/
.mod1{ height:723px;}
.mod2{background:#f5f8fb;}
.mod2 img { padding:50px 0 70px;}
.mod3 img { padding:50px 0 70px;}
.mod4{background:#161616;}
.mod4-cont{background: url(../images/mod4.png) no-repeat left center; width:1200px; height:414px; margin:0 auto; padding:20px 0 50px; overflow:hidden;}
.mod4-cont ul{ float:right; position:relative; width:530px; height:400px;}
.mod4-cont ul li{ position:absolute;}
.mod4-cont ul li:nth-child(1){ top:75px; left:0}
.mod4-cont ul li:nth-child(2){ top:265px; left:0}
.mod4-cont ul li span{ display:block; line-height:160%;}
.mod4-cont ul li span.title{font-size:20px; color:#FFF;}
.mod4-cont ul li span.font{font-size:14px; color:#a2a2a2;}

/*必要性*/
.mod5-cont{width: 1170px; margin:40px auto;overflow:hidden;}
.mod5-cont li{background: url(../images/mod5.png); width:330px; height:188px; float:left; margin:0 30px 50px;}
.mod5-cont li:nth-child(1){ background-position:0 0;}
.mod5-cont li:nth-child(2){ background-position:-331px 0;}
.mod5-cont li:nth-child(3){ background-position:-661px 0;}
.mod5-cont li:nth-child(4){ background-position:0 -194px}
.mod5-cont li:nth-child(5){ background-position:-331px -194px;}
.mod5-cont li:nth-child(6){ background-position:-661px -194px;}
.mod5-cont li span { display:block; width:240px; margin:0 auto; line-height:160%; color:#FFF; font-size:16px; text-align:center;padding-top: 112px;}

/*如何实现HTTPS安全通道？*/
.mod6{ background:#f5f8fb;}
.mod6 ul { overflow:hidden;width: 1170px; padding:30px 0 70px; margin:0 auto;}
.mod6 ul li { float:left; padding:0 30px;}
.mod6 ul li i{background: url(../images/mod68icon.png); width:170px; height:137px; margin:0 auto;}
.mod6 ul li:nth-child(1) i{ background-position:0 0;}
.mod6 ul li:nth-child(2) i{ background-position:-170px 0;}
.mod6 ul li:nth-child(3) i{ background-position:-341px 0;}
.mod6 ul li span{ text-align:center; display:block; width:330px; line-height:140%;}
.mod6 ul li span.title{ color:#000; font-size:24px; padding:30px 0 20px;}
.mod6 ul li span.font{ color:#7a7a7a; font-size:16px;}
/*哪些网站需要启用HTTPS加密*/
.mod7-cont{background: url(../images/mod7.png) no-repeat left center; width:1050px; height:380px; margin:0 auto; overflow:hidden;padding: 40px 0 70px;}
.mod7-cont ul{ float:right; padding-top:60px;}
.mod7-cont ul li{ padding-bottom:20px;}
.mod7-cont ul li .num{ display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; background:#64d063; color:#FFF; text-align:center; font-size:18px;margin-right: 6px;}
.mod7-cont ul li .desc{ font-size:18px; color:#7c7c7c;}

/*选择我们的四大优势*/
.mod8{background:#161616;}
.mod8 ul { overflow:hidden; width:1208px; margin:0 auto;padding: 40px 0 70px;}
.mod8 ul li { float:left; padding:0 21px;}
.mod8 ul li i{background: url(../images/mod68icon.png) no-repeat; width:182px; height:182px; margin: 0 auto;}
.mod8 ul li:nth-child(1) i{background-position:0 -157px;}
.mod8 ul li:nth-child(2) i{background-position:-184px -157px;}
.mod8 ul li:nth-child(3) i{background-position:-367px -157px;}
.mod8 ul li:nth-child(4) i{background-position:-551px -157px;}
.mod8 ul li span{ width:260px; text-align:center; display:block; line-height:170%;}
.mod8 ul li span.title{ color:#FFF; font-size:22px;padding:35px 0 16px;}
.mod8 ul li span.font{ color:#a2a2a2;font-size:14px;}

/*价格套餐*/
.service_con{ width:1100px; margin:35px auto 50px;}

.service_con table{  border-collapse: collapse; font-size:16px; background:#fff; width:100%; position:relative;}
.service_con table td,.service_con table th{ border:1px solid #dcdcdc; padding-left: 20px; line-height:45px; text-align: left;}
.service_con table td.td3{ width: 35%;}
.service_con table th{ font-size:20px; font-weight:bold; color:#FFF; background:#31abef;border-top:2px solid #2488ce;border-bottom:none;}

.service_con table .first-row th{ padding:6px 20px;line-height: 130%;}
.service_con table .second-row th{ height:30px; line-height:30px;padding-bottom:6px;}
tr.first-row th.th1{ font-size:40px; padding-top:0;}

tr.second-row th {border-top:none; font-weight:normal;}
.service_con table .td3{ width:25%;}
.service_con table td .icon{ width:26px; height:23px; background:url(../images/common-icon.png);margin:0 auto;}
.service_con table td .ok{background-position:-27px -19px;}
.service_con table td i.no{background-position:-27px -44px;}
.service_con table td .lock1{background-position:-27px -67px;}
.service_con table td .lock2 , .service_con table td .lock3{ width:79px;}
.service_con table td .lock2{background-position: -32px -89px;}
.service_con table td .lock3{background-position:-32px -111px;}
.service_con table td .qianzheng2 , .service_con table td .qianzheng3{ width:115px; height:55px;margin:6px auto;}
.service_con table td .qianzheng2{background-position:0 -136px;}
.service_con table td .qianzheng3{background-position:0 -196px;}
a.taocan-btn{ display:block; font-size:18px; width:200px; height:55px; line-height:55px; text-align:center;color:#FFF; margin:0 auto; background:#31abef; border-radius:5px;margin-top: 40px;}

/*申请购买流程*/
.mod10{ background:#f5f8fb;padding-bottom: 60px;}
.mod10 img { padding:30px 0;}
.mod10 a.btn{display:block; font-size:18px; width:314px; height:65px; line-height:65px; text-align:center;color:#FFF; margin:0 auto; background:#64d063; border-radius:5px; font-size:32px;}
.mod10 a.btn:hover{background:#5fc75e;}


/*公共底部*/
.footer_icon{clear:both; width:390px ; margin:0 auto;}
.footer_icon i{ width:54px; height:54px; background:url(../images/footer_icon.png); float:left; margin:0 12px;}
.footer_icon i.footer_icon1{ background-position:0 0;}
.footer_icon i.footer_icon2{ background-position:-81px 0;}
.footer_icon i.footer_icon3{ background-position:-162px 0;}
.footer_icon i.footer_icon4{ background-position:-242px 0;}
.footer_icon i.footer_icon5{ background-position:right 0;}
.nav_bottom {overflow:hidden;width: 512px;margin:0 auto;}
.nav_bottom li {float:left; padding:0 15px;}
.nav_bottom li a{color:#d2d2d2;}
.font_bottom{font-size:12px; color:#686868; text-align:center; display:block;  padding:8px 0 30px;}
.font_bottom a{color:#686868;}
.footer .weixin_box{ display:none; width:100%; height:100%;background: rgba(0,0,0,.8);position:fixed; top:0;right: 0; bottom: 0; left: 0; z-index: 2147483647;text-align: center; cursor:pointer;}
.footer .weixin_box .erweima{position:relative; top:30%;display: inline-block; overflow: auto;min-width:19%;margin-left: 5%;margin-right: 5%;max-height: 95%;cursor: auto;}