/*banenr区域按钮区域*/
#bannerbox { position: relative; }
#bannerbox .allbtn { width: 700px; height: 100px; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -350px; }
#bannerbox .allbtn a { width: 320px; height: 90px; display: inline-block; background: #134bfa; box-shadow: 0px 10px 20px 0px rgba(0, 86, 255, 0.3); border-radius: 45px; font-size: 20px; font-weight: bold; color: #FFFFFF; line-height: 26px; text-align: center; padding: 20px 0 0 0; margin: 0 10px; }
#bannerbox .allbtn a:nth-child(2) {
 background: #ffab03;
}
#bannerbox .allbtn a:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); ; }
/*问题区域*/
#question { margin-top: 40px; }
#question .title-comtitle { text-align: left; }
#question .title-comtitle p { margin:0px 0 0 30px; }
#question .ulfriend { display: block; overflow: hidden; }
#question .ulfriend ul { display: block; overflow: hidden; margin: 30px 0 0 0;/*margin: 0 -20px;*/
}
#question .ulfriend ul li { width: 50%; display: inline-block; float: left; padding: 0 20px; margin: 0 0 30px 0; }
#question .ulfriend ul li a { width:100%; /*height: 140px;*/
    display: block; background: #F7F8FA; border: 1px solid #EEEEEE; border-radius: 20px; padding: 35px 26px; }
#question .ulfriend ul li a h2 { font-size: 19px; font-weight: 400; color: #202020; line-height: 29px; position: relative; padding: 0 0 0 38px; }
#question .ulfriend ul li a h2 span { width: 30px; height: 30px; background: #FFAA00; border-radius: 50%; vertical-align: middle; color: #ffffff; font-size: 20px; font-weight: 500; display: inline-block; text-align: center; line-height: 26px; margin: -2px 3px 0 0; position: absolute; top: 4px; left: 0; }
#question .ulfriend ul li a p { font-size: 16px; font-weight: 400; color: #666666; line-height: 35px; padding: 0 0 0 40px; position: relative; margin: 6px 0 0 4px; }
#question .ulfriend ul li a p span { width: 24px; height: 24px; background: #276AF2; border-radius: 50%; vertical-align: middle; color: #ffffff; font-size: 18px; font-weight: 400; display: inline-block; text-align: center; line-height: 24px; margin: -2px 3px 0 0; position: absolute; top: 8px; left: 3px; }
#question .ulfriend ul li a:hover { background: #FFFFFF; border: 1px solid #7FAAFF; border-radius: 20px; }
/*云服务器购买推荐*/
#good { display: block; padding:160px 0 150px 0; background: url(../images/helpimgbg1.jpg) no-repeat center; background-size: auto 100%; position: relative; }
#good .title-comtitle { text-align: left; }
#good .title-comtitle p { margin: 18px 0 60px 30px; line-height: 26px; }
#good .allinfobtn p { margin: 0 0 0 30px; }
#good .allinfobtn h3 { font-size: 20px; font-weight: bold; color: #202020; line-height: 35px; margin: 28px 0 28px 30px; }
#good .allinfobtn h3 span { color: #ff791a; font-weight: 700; letter-spacing: 0px; }
#good .allinfobtn .alltn { display: block; padding: 0 0 0 30px; }
#good .allinfobtn .alltn a { width: 220px; height: 50px; display: inline-block; background: #FF791A; border-radius: 25px; font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 50px; text-align: center; margin: 0 14px 0 0; }
#good .allinfobtn .alltn a:nth-child(2) {
 background: #00A4FF;
}
#good .allinfobtn .alltn a:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); }
/*专业级售后服务*/
#threeinstallbox { display: block; padding:120px 0 0px 0; background: url(../images/helpimgbg2.jpg) no-repeat 0 0; background-size:  100%; position: relative; }
#threeinstallbox .containersmall .sanbox { display: block; overflow: hidden; }
#threeinstallbox .containersmall ul { display: block; overflow: hidden; margin: 40px -20px 0 -20px; padding: 0 0 40px 0; }
#threeinstallbox .containersmall ul li { width: 33%; float: left; display: inline-block; padding: 0 20px; }
#threeinstallbox .containersmall ul li a { display: block; transition: all 0.3s; border: 1px solid transparent; border-radius: 20px; padding: 60px 30px; background: #FFFFFF; }
#threeinstallbox .containersmall ul li a .imgicon { font-size: 0; position: relative; overflow: hidden; }
#threeinstallbox .containersmall ul li a .imgicon p:nth-child(1) {
 text-align: center;
 transition: all 0.3s;
}
#threeinstallbox .containersmall ul li a:hover .imgicon p { transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ }
#threeinstallbox .containersmall ul li.active a, #threeinstallbox .containersmall ul li a:hover { box-shadow: 0px 12px 24px 0px rgba(0, 86, 255, 0.1); border: 1px solid #E2ECFF; position: relative; z-index: 100; }
#threeinstallbox .containersmall ul li a .info { margin: 10px 0 0 0; }
#threeinstallbox .containersmall ul li a h4 { text-align: center; }
#threeinstallbox .containersmall ul li a h4 p { font-size: 19px; font-weight: bolder; color: #202020; line-height: 23px; text-align: center; margin:8px 0 14px 0; letter-spacing: 0; position: relative; display: inline-block; }
#threeinstallbox .containersmall ul li a h4 p span { display: inline-block; position: relative; z-index: 100; }
#threeinstallbox .containersmall ul li a h4 p:after { width: 100%; height: 6px; content: ' '; display: inline-block; background: #ffd380; position: absolute; left: 0; bottom: 0; z-index: 0; }
#threeinstallbox .containersmall ul li a p { font-size: 16px; font-weight: 400; color: #666666; line-height: 24px; text-align: center; }