@charset "utf-8";
/** 高防云服务器活动 **/
.gfyfwqHD{ width:100%; min-width:1200px; margin:0 auto; background:url(../../images/gffwqBdBg.jpg) no-repeat center 550px;}
.gfyfwqHD .banner{ width:100%; height:550px; background:url(../../images/gfhdBanner_2.jpg) no-repeat center 0; position:relative; left:0; top:0}
.gfyfwqHD .banner a{ display:block; height:50px; width:200px; overflow:hidden; position:absolute; left:50%; top:410px; margin:0 0 0 -595px; background:url(about:blank)}
.gfyfwqHD .gHTit{ padding:22px 0 0 0; text-align:center; overflow:hidden}
.gfyfwqHD .gHTit .ttt1{ display:block; text-align:center; font-size:42px; line-height:50px}
.gfyfwqHD .gHTit .ttt2{ display:block; font-size:16px; color:#888; line-height:22px; padding:6px 0 0 0}

.gfyfwqHD .mod1{ height:930px; overflow:hidden; background:url(../../images/yhcpBgs.jpg) no-repeat center bottom;}
.gfyfwqHD .mod1 .cons{ width:1200px; margin:0 auto; padding:72px 0 0 0}
.gfyfwqHD .mod1 .cols{ width:300px; float:left; height:600px; position:relative; left:0; top:0}
.gfyfwqHD .mod1 .incs{ border:1px solid #efefef; background:#fff; height:588px; width:298px; transition:all linear .2s; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s; position:relative; left:0; top:0}
.gfyfwqHD .mod1 .nbdl{ border-left:0; width:299px}
.gfyfwqHD .mod1 .nbdlr{ border-left:0; border-right:0; width:300px}
.gfyfwqHD .mod1 .tops{ height:180px; background:#fbfbfb; transition:all linear .2s; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s;}
.gfyfwqHD .mod1 .icon{ display:block; height:80px; overflow:hidden; background:url(../../images/yhcpIcon.png) no-repeat center 23px; transition:all linear .2s; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s} 
.gfyfwqHD .mod1 .t1{ display:block; font-size:24px; text-align:center; line-height:26px; color:#333; padding:5px 0 0 0}
.gfyfwqHD .mod1 .t2{ display:block; font-size:12px; text-align:center; line-height:20px; padding:8px 0 0 0; width:256px; margin:0 auto; color:#888}
.gfyfwqHD .mod1 .md{ display:block; width:220px; margin:0 auto; overflow:hidden; border-top:1px solid #e5e5e5}
.gfyfwqHD .mod1 .nbgt{ border:0}
.gfyfwqHD .mod1 .tt1{ display:block; line-height:23px; padding:16px 0 8px 0; text-align:left; color:#010101; font-size:16px; transition:all linear .2s; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; -o-transition:all linear .2s}
.gfyfwqHD .mod1 .nh{ font-size:13px; line-height:230%; color:#999; text-align:left; padding-bottom:10px}
.gfyfwqHD .mod1 .nh span{ line-height:230%; color:#e5e5e5; padding:0 9px; font-size:12px}
.gfyfwqHD .mod1 .nh i{ font-style:normal; font-size:13px; color:#ff3d46; line-height:230%}
.gfyfwqHD .mod1 .bts{ overflow:hidden; zoom:1; text-align:left; height:36px}
.gfyfwqHD .mod1 .bts .ys{ font-size:12px; color:#14px; color:#ff303a; line-height:16px; position:relative; left:0; top:-15px}
.gfyfwqHD .mod1 .bts .num{ line-height:36px; color:#ff303a; font-size:32px}
.gfyfwqHD .mod1 .bts .dw{ line-height:36px; color:#666; font-size:14px}
.gfyfwqHD .mod1 .bts .btn{ display:block; float:right; color:#333; transition:all linear .2s; width:58px; height:26px; line-height:26px; text-align:center; border:1px solid #d9d9d9; float:right; margin:4px 0 0 0; border-radius:3px}
.gfyfwqHD .mod1 .bts .btn:hover{ color:#ff3338; border-color:#ff3338}
.gfyfwqHD .mod1 .mgt{ margin-top:22px}
.gfyfwqHD .mod1 .cols:hover{ z-index:6}
.gfyfwqHD .mod1 .cols:hover .t1,.gfyfwqHD .mod1 .cols:hover .t2{ color:#fff}
.gfyfwqHD .mod1 .cols:hover .icon{ background-image:url(../../images/yhcpIcons.png)}
.gfyfwqHD .mod1 .cols:hover .tops{ background:url(../../images/topsBgs.jpg) repeat-y center}
.gfyfwqHD .mod1 .cols:hover .incs{ width:330px; left:-15px; top:-40px; height:660px; box-shadow:0 0 16px #dedddd}
.gfyfwqHD .mod1 .cols:hover .tt1{ padding-top:35px}
.gfyfwqHD .mod1 .ons{ z-index:5}
.gfyfwqHD .mod1 .ons .t1,.gfyfwqHD .mod1 .ons .t2{ color:#fff}
.gfyfwqHD .mod1 .ons .icon{ background-image:url(../../images/yhcpIcons.png)}
.gfyfwqHD .mod1 .ons .tops{ background:url(../../images/topsBgs.jpg) repeat-y center}
.gfyfwqHD .mod1 .ons .incs{ width:330px; left:-15px; top:-40px; height:660px; box-shadow:0 0 16px #dedddd}
.gfyfwqHD .mod1 .ons .tt1{ padding-top:35px}


.gfyfwqHD .mod2{ padding-bottom:131px; background:#f5f5f5 url(../../images/gfmd2Bg.jpg) no-repeat center bottom; overflow:hidden}
.gfyfwqHD .mod2 .img{ display:block; padding:50px 0; text-align:center}
.gfyfwqHD .mod2 .img img{ max-width:100%}
.gfyfwqHD .mod2 .btn{ display:block; transition:all linear .2s; border-radius:4px; height:55px; line-height:55px; width:300px; margin:0 auto; color:#fff; overflow:hidden; background:url(../../images/ckysBg.jpg) no-repeat center; text-align:center; border:0; font-size:18px}
.gfyfwqHD .mod2 .btn:hover{ background:#ff3039}

.gfyfwqHD .mod3{ padding-bottom:80px; overflow:hidden}
.gfyfwqHD .mod3 .cons{ width:1200px; margin:0 auto; padding:45px 0 0 0}
.gfyfwqHD .mod3 table{ border:1px solid #eaeaea; border-collapse:collapse}
.gfyfwqHD .mod3 td{ border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-collapse:collapse; padding:15px 26px; text-align:center; font-size:14px; color:#666}
.gfyfwqHD .mod3 .tit td{ text-align:center; height:58px; font-size:16px; color:#000; padding:0}
.gfyfwqHD .mod3 .tit .ts{ color:#fff; background:url(../../images/gfTbTit.jpg) no-repeat center; border:0}
.gfyfwqHD .mod3 .adbdl{ border-left:1px solid #eaeaea}
.gfyfwqHD .mod3 .adbdr{ border-right:1px solid #eaeaea}
.gfyfwqHD .mod3 .bdl{ font-size:16px; color:#000}
.gfyfwqHD .mod3 .dbBD{ border-left:2px solid #fe4636; border-right:2px solid #fe4636}
.gfyfwqHD .mod3 .dbBDb{ border-bottom:2px solid #fe4636}
.gfyfwqHD .mod3 .tit .dbBD{ border-top:2px solid #fe4636; border-left:2px solid #fe4636; border-right:2px solid #fe4636}
.gfyfwqHD .mod3 .tls{ text-align:left}
.gfyfwqHD .mod3 tr:hover .bdl{ color:#ff3638; border-left:5px solid #fe4636}
.gfyfwqHD .mod3 tr:hover td{ background:#fbfbfb}
.gfyfwqHD .mod3 .tit:hover td{ background:#fff}
.gfyfwqHD .mod3 .tit:hover .ts{ background:url(../../images/gfTbTit.jpg) no-repeat center}

.gfyfwqHD .mod3s{ width:100%; overflow:hidden; background:url(../../images/mod3bg.jpg) no-repeat center;}
.gfyfwqHD .mod3s .cmTit .fTit{ color:#fff; padding-top:50px}
.gfyfwqHD .mod3s .cmTit .sTit{ color:#fff; padding:10px 0 25px 0}

.gfyfwqHD .mod3s .tbt{ width:166px; height:25px; margin:0 auto; border:1px solid #747e96; border-radius:100px; position:relative; left:0; top:0}
.gfyfwqHD .mod3s .tbt a{ display:block; border-radius:100px; z-index:1; overflow:hidden; width:97px; position:absolute; left:-2px; top:-1px; font-size:13px; color:#fff; line-height:27px; height:27px; cursor:pointer}
.gfyfwqHD .mod3s .tbt .lst{ left:auto; right:-2px}
.gfyfwqHD .mod3s .tbt .on{ background:#ff303a; z-index:2}
.gfyfwqHD .mod3s .slCon{ display:none; text-align:center; padding:90px 0 0 0}
.gfyfwqHD .mod3s .fiveCol{ width:1200px; overflow:hidden; zoom:1}
.gfyfwqHD .mod3s .cols{ width:20%; float:left; background:url(../../images/jglS.png) no-repeat right center}
.gfyfwqHD .mod3s .lsts{ background:none}
.gfyfwqHD .mod3s .t1{ display:block; font-size:50px; line-height:56px; color:#fff}
.gfyfwqHD .mod3s .t2{ display:block; font-size:12px; line-height:20px; color:#c0c6d2; padding:12px 0 0 0}

.gfyfwqHD .mod3s .inc{ width:1200px; margin:0 auto; height:550px; position:relative; left:0; top:0}
.gfyfwqHD .mod3s .fourCol{ overflow:hidden; zoom:1; padding:55px 0 0 0}
.gfyfwqHD .mod3s .col{ width:25%; float:left; overflow:hidden}
.gfyfwqHD .mod3s .img{ display:block; height:130px; overflow:hidden; width:130px; margin:0 auto; position:relative; left:0; top:0}
.gfyfwqHD .mod3s .img img{ display:block; position:absolute; left:0; top:0; visibility:visible; margin:0 auto; transition:all linear .2s; opacity:1; filter:alpha(opacity = 100)}
.gfyfwqHD .mod3s .img .dis{ visibility:hidden; opacity:0; filter:alpha(opacity = 0)}
.gfyfwqHD .mod3s .bTt{ display:block; text-align:center; padding:30px 0 0 0; font-size:16px; color:#fff; transition:all linear .2s}
.gfyfwqHD .mod3s .col:hover .bTt{ color:#ff3039}
.gfyfwqHD .mod3s .col:hover img{ visibility:hidden; opacity:0; filter:alpha(opacity = 0)}
.gfyfwqHD .mod3s .col:hover img.dis{ visibility:visible; opacity:1; filter:alpha(opacity = 100)}

.gfyfwqHD .cmTit{ padding:30px 0 0 0; overflow:hidden}
.gfyfwqHD .cmTit .fTit{ display:block; font-size:42px; line-height:52px; text-align:center; overflow:hidden; color:#000}
.gfyfwqHD .cmTit .sTit{ display:block; font-size:13px; line-height:22px; color:#888; text-align:center; padding:5px 0 0 0}
.pointer{ cursor:pointer;}