.ipv6a6 font
body {
  background-color: #191a1d;
}
.main {
  min-height: 500px;
}
.main > .headerTop {
  height: 560px;
  background: url('../image/icon_title_bg.png') no-repeat center;
  background-size:cover ;
  z-index: 2;
  overflow: hidden;
}
.main > .headerTop > .info {
  position: relative;
  height: 100%;
}
.main > .headerTop > .info > .title {
  position: absolute;
  font-size: 40px;
  color: #f2f2f2;
  top: 100px;
  left: 10px;
}
.main > .headerTop > .info > p {
  position: absolute;
  width: 465px;
  line-height: 35px;
  font-size: 18px;
  color: #dadada;
  top: 240px;
  left: 10px;
}
.main > .headerTop > .info > a {
  position: absolute;
  font-size: 16px;
}
.main > .headerTop > .info > a.freeGo {
  width: 134px;
  height: 40px;
  line-height: 40px;
  color: #f4cc4e;
  text-align: center;
  border: 1px solid #f4cc4e;
  border-radius: 20px;
  top: 397px;
  left: 10px;
}
.main > .headerTop > .info > a.freeGo:hover {
  background-color: #f4cc4e;
  color: #333;
}
.main > .headerTop.headerToptj > .info > a.freeGo {
  color: #82f5ff;
  border: 1px solid #82f5ff;
}
.main > .headerTop > .info > a.freeGo:hover {
  background-color: #82f5ff;
  color: #333;
}
.main > .headerTop > .info > a.freeGo > span {
  position: absolute;
  left: 32px;
}
.main > .headerTop > .info > a.freeGo > i {
  display: none;
  position: absolute;
  top: 1px;
  right: 0;
}
.main > .headerTop > .info > a.dnsInfo {
  color: #f1f1f1;
  top: 408px;
  left: 170px;
}
.main > .headerTop > .info > a.dnsInfo:hover {
  color: #f4cc4e;
}
.main > .headerTop > .info > i {
  position: absolute;
  width: 634px;
  height: 340px;
  background: url('../image/icon_title_yun.png') no-repeat center;
  top: 138px;
  left: 575px;
}
.main > .advantages {
  height: 650px;
	margin-bottom: 60px;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
}
.main > .advantages > .info > .title {
  margin-top: 115px;
}
.main > .advantages > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #333333;
}
.main > .advantages > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #cacaca;
}

.main > .advantages > .info > .superiorityList {
  margin-top: 60px;
}
.main > .advantages > .info > .superiorityList > ul > li {
  float: left;
  width: 240px;
  height: 297px;
  background-color: #fff;
  overflow: hidden;
}


.main > .advantages > .info > .superiorityList > ul > li.freedns-active {
	border: 1px solid #f4cc4e;
}
.main > .advantages > .info > .superiorityList > ul > li.freedns-active > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.main > .advantages > .info > .superiorityList > ul > li.freedns-active > .top {
	background-position-y: -119px !important;
}
.main > .advantages > .info > .superiorityList > ul > li.freedns-active > .littleHeader > h6{
	color: #f4cc4e;
}

.main > .advantages > .info > .superiorityList > ul > li:last-child {
  margin-right: 0;
}
.main > .advantages > .info > .superiorityList > ul > li.two > .top {
  background: url('../image/icon_sprint.png') no-repeat -119px -20px;
}
.main > .advantages > .info > .superiorityList > ul > li.three > .top {
  background: url('../image/icon_sprint.png') no-repeat -207px -20px;
}
.main > .advantages > .info > .superiorityList > ul > li.four > .top {
  background: url('../image/icon_sprint.png') no-repeat -304px -20px;
}
.main > .advantages > .info > .superiorityList > ul > li.five > .top {
  background: url('../image/icon_sprint.png') no-repeat -392px -20px;
}
.main > .advantages > .info > .superiorityList > ul > li > .top {
  margin: 25px auto 4px;
  width: 75px;
  height: 84px;
  background: url('../image/icon_sprint.png') no-repeat -29px -20px;
}
.main > .advantages > .info > .superiorityList > ul > li > .littleHeader > h6 {
  font-size: 18px;
  color: #333;
  margin-top: 20px;
}
.main > .advantages > .info > .superiorityList > ul > li > .littleHeader > i {
  display: block;
  margin: 10px auto 20px;
  width: 56px;
  height: 1px;
  background-color: #cacaca;
}
.main > .advantages > .info > .superiorityList > ul > li > p {
  margin: 0 20px;
  font-size: 14px;
  line-height: 30px;
  color: #777;
  text-align: left;
}



.mainSpeed .superiorityList {
  margin-top: 60px;
}
.mainSpeed .superiorityList > ul > li {
  margin-right: 50px;
  float: left;
  width: 255px;
  height: 297px;
  overflow: hidden;
  border: 1px solid #666666;
}
.mainSpeed .superiorityList > ul > li:hover{
	border: 1px solid #f4cc4e;
}
.mainSpeed .superiorityList > ul > li:hover > .littleHeader > h6{
	color: #f4cc4e;
}
.mainSpeed .superiorityList > ul > li:hover.one > .top {
  background: url('../image/icon_a01.png') no-repeat -19px -108px;
}
.mainSpeed .superiorityList > ul > li:hover.one > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainSpeed .superiorityList > ul > li:hover.two > .top {
  background: url('../image/icon_a01.png') no-repeat -110px -108px;
}
.mainSpeed .superiorityList > ul > li:hover.two > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainSpeed .superiorityList > ul > li:hover.three > .top {
  background: url('../image/icon_a01.png') no-repeat -199px -108px;
}
.mainSpeed .superiorityList > ul > li:hover.three > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainSpeed .superiorityList > ul > li:hover.four > .top {
  background: url('../image/icon_a01.png') no-repeat -289px -108px;
}
.mainSpeed .superiorityList > ul > li:hover.four > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainSpeed .superiorityList > ul > li:last-child {
  margin-right: 0;
}
.mainSpeed .superiorityList > ul > li.two > .top {
  background: url('../image/icon_a01.png') no-repeat -110px -9px;
}
.mainSpeed .superiorityList > ul > li.three > .top {
  background: url('../image/icon_a01.png') no-repeat -199px -9px;
}
.mainSpeed .superiorityList > ul > li.four > .top {
  background: url('../image/icon_a01.png') no-repeat -289px -9px;
}
.mainSpeed .superiorityList > ul > li > .top {
  margin: 25px auto 4px;
  width: 75px;
  height: 84px;
  background: url('../image/icon_a01.png') no-repeat -19px -9px;
}
.mainSpeed .superiorityList > ul > li > .littleHeader > h6 {
  font-size: 18px;
  color: #f2f2f2;
  margin-top: 20px;
}
.mainSpeed .superiorityList > ul > li > .littleHeader > i {
  display: block;
  margin: 10px auto 20px;
  width: 56px;
  height: 1px;
  background-color: #cacaca;
}
.mainSpeed .superiorityList > ul > li > p {
  margin: 0 20px;
  font-size: 16px;
  line-height: 30px;
  color: #c1c1c1;
  text-align: left;
}






.main > .advantages > .info > a {
  margin: 81px auto 0;
  display: inline-block;
  width: 318px;
  height: 54px;
  line-height: 54px;
  font-size: 22px;
  color: #555;
  background-color: #f3d600;
  border-radius: 27px;
}
.main > .advantages > .info > a:hover {
  background-color: #f9e389;
}
.main > .userArea {
  width: 100%;
  height: 1018px;
  background: url('../image/3_03.png') center fixed;
  text-align: center;
  overflow: hidden;
}
.main > .userArea > .info > .title {
  margin-top: 118px;
}
.main > .userArea > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #f2f2f2;
}
.main > .userArea > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #444444;
}
.main > .userArea > .info > .goSng {
  margin-top: 46px;
}
.main > .userArea > .info > .goSng > ul > li {
  float: left;
  margin-right: 32px;
  width: 584px;
  height: 673px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
}
.main > .userArea > .info > .goSng > ul > li:last-child {
  margin-right: 0;
}
.main > .userArea > .info > .goSng > ul > li:last-child > i {
  background: url('../image/2_08.png') no-repeat center;
}
.main > .userArea > .info > .goSng > ul > li > i {
  margin: 0 auto 35px;
  display: block;
  width: 338px;
  height: 243px;
  background: url('../image/2_06.png') no-repeat center;
}
.main > .userArea > .info > .goSng > ul > li > p {
  line-height: 50px;
  font-size: 24px;
  color: #f2f2f2;
}
.main > .userArea > .info > .goSng > ul > li > p > strong{
  font-size: 28px;
  padding: 0 8px;
}
.main > .userArea > .info > .goSng > ul > li > a {
  position: relative;
  margin: 66px auto 0;
  display: block;
  width: 214px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #f4cc4e;
  text-align: center;
  border: 1px solid #f4cc4e;
  border-radius: 20px;
}
.main > .userArea > .info > .goSng > ul > li:hover > a {
  background-color: #f4cc4e;
  color: #333;
}
.mainGF {
  min-height: 560px;
}
.mainGF > .headerTop {
  height: 560px;
  background: url('../image/icon_title_bbg.png') no-repeat center;
  background-size: cover;
  z-index: 2;
  overflow: hidden;
}
.mainGF > .headerTop.monitor{
	background: url('../image/monitor02.jpg') no-repeat center;
	background-size: cover;
}
.mainGF.mainGF1  > .headerTop {
  background: url('../image/qt_01.jpg') no-repeat center;
}
.mainGF > .headerTop > .info {
  position: relative;
  height: 100%;
}
.mainGF > .headerTop > .info > .title {
  position: absolute;
  font-size: 40px;
  color: #f2f2f2;
  top: 154px;
  left: 10px;
}
.mainGF > .headerTop > .info > p {
  position: absolute;
  width: 525px;
  line-height: 35px;
  font-size: 18px;
  color: #dadada;
  top: 240px;
  left: 10px;
}
.mainGF > .headerTop > .info > a {
  position: absolute;
  font-size: 16px;
}
.mainGF > .headerTop > .info > a.freeGo {
  width: 134px;
  height: 40px;
  line-height: 40px;
  color: #f4cc4e;
  text-align: center;
  border: 1px solid #f4cc4e;
  border-radius: 20px;
  top: 397px;
  left: 10px;
}
.mainGF > .headerTop > .info > a.freeGo:hover {
  background-color: #f4cc4e;
  color: #333;
}
.mainGF > .headerTop > .info > a.freeGo > span {
  position: absolute;
  left: 32px;
}
.mainGF > .headerTop > .info > a.freeGo > i {
  display: none;
  position: absolute;
  top: 1px;
  right: 0;
}
.mainGF > .headerTop > .info > a.dnsInfo {
  color: #f1f1f1;
  top: 405px;
  left: 170px;
}
.mainGF > .headerTop > .info > i {
  position: absolute;
  width: 820px;
  height: 475px;
  background: url('../image/icon_title_dns.png') no-repeat center;
  top: 66px;
  left: 520px;
}
.mainGF.mainGF1 > .headerTop > .info > i {
  width: 580px;
  height: 440px;
  background: url('../image/qt_03.png') no-repeat center;
  top: 70px;
  left: 600px;
}
.mainGF .mecuList {
  height: 80px;
  background-color: #f5f5f6;
}
.mainGF .mecuList > .info > ul {
	display: flex;
}
.mainGF .mecuList > .info > ul > li {
  flex: 1;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}
.mainGF .mecuList > .info > ul > li > a {
  display: block;
  color: #333;
}
.mainGF .mecuList > .info > ul > li.active {
  border-bottom: 3px solid #f4cc4e;
}
.mainGF .mecuList > .info > ul > li.active > a {
  color: #333;
}
.mainGF > .advantages {
  text-align: center;
  overflow: hidden;
  background: #fff;
  
}


.main .mecuList {
  height: 80px;
  background-color: #f5f5f6;
}
.main .mecuList > .info > ul > li {
  float: left;
  width: 400px;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}
.main .mecuList > .info > ul > li > a {
  display: block;
  color: #333;
}
.main .mecuList > .info > ul > li.active {
  border-bottom: 3px solid #f4cc4e;
}
.main .mecuList > .info > ul > li.active > a {
  color: #333;
}
.main .mecuList.mecuLists > .info > ul > li{
	width: 300px;
}
.main > .advantages {
  text-align: center;
  overflow: hidden;
  background: #fff;
}



.mainGF > .advantages > .info > .title {
  margin-top: 115px;
}
.mainGF > .advantages > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #333333;
}
.mainGF > .advantages > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #cacaca;
}
.mainGF > .advantages > .info > .bodyInfo {
  position: relative;
}
.mainGF > .advantages > .info > .bodyInfo > .left {
  position: absolute;
  text-align: left;
  top: 182px;
  left: 89px;
}
.mainGF > .advantages > .info > .bodyInfo > .left > h6 {
  margin-bottom: 50px;
  font-size: 22px;
  color: #f2f2f2;
}
.mainGF > .advantages > .info > .bodyInfo > .left > p {
  line-height: 38px;
  font-size: 18px;
  color: #848484;
}
.mainGF > .advantages > .info > .bodyInfo > i {
  position: absolute;
  width: 488px;
  height: 336px;
  background: url('../image/icon_gaofang_01.png') no-repeat center;
  top: 100px;
  left: 660px;
}
.mainGF > .advantagesMore > ul > li {
  height: 400px;
}
.mainGF > .advantagesMore > ul > li.one {
  background: -webkit-linear-gradient(#212327 10%, #272a2e);
  
  background: -o-linear-gradient(#212327 10%, #272a2e);
  
  background: -moz-linear-gradient(#212327 10%, #272a2e);
  
  background: linear-gradient(#212327 10%, #272a2e);
  
}
.mainGF > .advantagesMore > ul > li.two {
  background: -webkit-linear-gradient(#17181a 10%, #1f2023);
  
  background: -o-linear-gradient(#17181a 10%, #1f2023);
  
  background: -moz-linear-gradient(#17181a 10%, #1f2023);
  
  background: linear-gradient(#17181a 10%, #1f2023);
  
}
.mainGF > .advantagesMore > ul > li.two > .info > .left {
  top: 132px;
  left: 89px;
}
.mainGF > .advantagesMore > ul > li.two > .info > i {
  background: url('../image/icon_gaofang_03.png') no-repeat center;
  top: 20px;
  left: 660px;
}
.mainGF > .advantagesMore > ul > li.three > .info > i {
  background: url('../image/icon_gaofang_04.png') no-repeat center;
}
.mainGF > .advantagesMore > ul > li.four > .info > i {
  background: url('../image/icon_gaofang_05.png') no-repeat center;
}
.mainGF > .advantagesMore > ul > li > .info {
  position: relative;
  height: 400px;
}
.mainGF > .advantagesMore > ul > li > .info > .left {
  position: absolute;
  text-align: left;
  top: 132px;
  left: 660px;
}
.mainGF > .advantagesMore > ul > li > .info > .left > h6 {
  margin-bottom: 50px;
  font-size: 22px;
  color: #f2f2f2;
}
.mainGF > .advantagesMore > ul > li > .info > .left > p {
  line-height: 38px;
  font-size: 18px;
  color: #848484;
}
.mainGF > .advantagesMore > ul > li > .info > i {
  position: absolute;
  width: 488px;
  height: 336px;
  background: url('../image/icon_gaofang_02.png') no-repeat center;
  top: 20px;
  left: 89px;
}
.mainGF > .scenario {
  width: 100%;
  height: 890px;
  text-align: center;
  overflow: hidden;
  background: url('../image/5_03.png') center fixed no-repeat;
  background-size: cover;
}
.mainGF.mainGF1 > .scenario {
  height: 940px;
  background: url('../image/qt_02.jpg') center fixed no-repeat;
}
.mainGF > .scenario > .info > .title {
  margin-top: 115px;
}
.mainGF > .scenario > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #f2f2f2;
}
.mainGF > .scenario > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #444444;
}
.mainGF > .scenario > .info > .bodyInfo {
  margin-top: 54px;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li {
  margin-right: 18px;
  float: left;
  width: 388px;
  height: 521px;
  background-color: #4a4a4a;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li:hover {
  background-color: #5c5c5c;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li.one:hover > i {
  background: url('../image/icon_wangzhan_02.png') no-repeat center;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li.one:hover > h6 {
  color: #f4cc4e;
  font-size: 24px;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li.two > i {
  background: url('../image/icon_youxi_01.png') no-repeat center;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li.two:hover > i {
  background: url('../image/icon_youxi_02.png') no-repeat center;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li.two:hover > h6 {
  color: #f4cc4e;
  font-size: 24px;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li.three > i {
  background: url('../image/icon_jinrong_01.png') no-repeat center;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li.three:hover > i {
  background: url('../image/icon_jinrong_02.png') no-repeat center;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li.three:hover > h6 {
  color: #f4cc4e;
  font-size: 24px;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li:last-child {
  margin-right: 0;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li > i {
  display: block;
  width: 388px;
  height: 250px;
  background: url('../image/icon_wangzhan_01.png') no-repeat center;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li > h6 {
  margin: 26px 0;
  font-size: 20px;
  color: #f2f2f2f2;
  line-height: 40px;
}
.mainGF > .scenario > .info > .bodyInfo > ul > li > p {
  margin: 0 25px;
  width: 336px;
  height: 98px;
  font-size: 14px;
  color: #a5a5a5;
  line-height: 28px;
  text-align: left;
}
.dnsParameter {
  height: 890px;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
}
.dnsParameter > .info > .title {
  margin-top: 115px;
}
.dnsParameter > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #333;
}
.dnsParameter > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #cacaca;
}
.dnsParameter > .info > .parameterList {
  margin-top: 60px;
}
.dnsParameter > .info > .parameterList > ul > li {
  float: left;
  margin-top: 58px;
  width: 274px;
  height: 540px;
  border: 3px solid #ddd;
}
.dnsParameter > .info > .parameterList > ul > li.active {
  margin: 0;
  width: 362px;
  height: 638px;
  border: 3px solid #f4cc4e;
}
.dnsParameter > .info > .parameterList > ul > li.active > .title {
  width: 100%;
  height: 200px;
  background: url('../image/icon_canshu_01.png') no-repeat center;
  overflow: hidden;
}
.dnsParameter > .info > .parameterList > ul > li.active > .title > h6 {
  margin-top: 45px;
  font-size: 32px;
  color: #333;
}
.dnsParameter > .info > .parameterList > ul > li.active > .title > p {
  margin: 25px 30px 0;
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > ul {
  margin-top: 20px;
}
.dnsParameter > .info > .parameterList.ecspare > ul > li.active > .infoBody > ul {
  margin-top: 55px;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > ul > li {
  font-size: 18px;
  color: #777;
  line-height: 35px;
}
.dnsParameter > .info > .speedpare > ul > li.active > .infoBody > ul > li{
	font-size: 24px;
}
.dnsParameter > .info > .speedpare.ecspare > ul > li > .infoBody > ul > li{
	font-size: 18px;
	    width: 120px;
    margin: 0 auto;
    text-align: left;
}
.dnsParameter > .info > .speedpare.ecspare > ul > li > .infoBody > ul > li > font{
	    width: 60px;
    text-align: left;
    display: inline-block;
}
.dnsParameter > .info > .speedpare > ul > li.active > .infoBody > ul > li > span{
	color: #333;
}
.dnsParameter > .info > .parameterList.ecspare > ul > li.active > .infoBody > ul > li:last-child {
  margin-top: 0px;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > ul > li:last-child {
  margin-top: 20px;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > ul > li > a {
  font-size: 20px;
  color: #eac44b;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > .money {
  position: relative;
  margin-top: 10px;
  font-size: 50px;
  color: #fb8337;
  font-weight: bold;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > .money > img,.dnsParameter > .info > .parameterList > ul > li > .infoBody > .money_year > img{
	position: absolute;
	right: 5px;
  top: -10px;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > .money > img,.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > .money_year > img{
	position: absolute;
	right: 32px;
	top: 0;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > .money > sup {
  font-size: 22px;
  color: #fb8337;
  font-weight: 100;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > .money > span {
  font-size: 18px;
  color: #777777;
  font-weight: 100;
}

.dnsParameter > .info > .parameterList > ul li.active .infoBody .money_year {
  position: relative;
  font-size: 40px;
  color: #ebc54a;
  font-weight: bold;
}
.dnsParameter > .info > .parameterList > ul > li.active .infoBody .money_year sup {
  font-size: 14px;
  color: #ebc54a;
  font-weight: 100;
}
.dnsParameter > .info > .parameterList > ul > li.active .infoBody .money_year span {
  font-size: 14px;
  color: #777;
  font-weight: 100;
}

.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > a {
  margin: 15px auto 0;
  display: block;
  width: 149px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #555;
  text-align: center;
  background-color: #ebc44b;
  border-radius: 20px;
  border: none;
}
.ipv6a1{ background: #4c525a; color: #fff; box-shadow: 0 0 10px #000; overflow: hidden;}
.ipv6a2{ width: 320px; float: left; }
.ipv6a2a{background: #3e4247; height: 270px; text-align: center; font-size: 22px; position: relative; cursor: pointer;}
.ipv6a2a.on{ background: #4c525a; }
.ipv6a2a.on:after{ content: ''; display: block; width: 5px; height: 100%; background: #f4cc4e; position: absolute; left: 0; top: 0;}
.ipv6a2a i{ display: inline-block; width: 80px; height: 80px;     background: url(../image/qt_06.png) -1027px -16px; margin: 70px auto 10px;}
.ipv6a2a.ipv6a2as i{  background: url(../image/qt_06.png) -1115px  -16px;}



.ipv6a2a span{ display: block; font-size: 14px; color: #999;}
.ipv6a3a{ padding: 0px 40px; float: left; width: 760px; text-align: left; font-size: 18px; color: #d2d2d2; line-height: 32px;}
.ipv6a3as{ width: 800px;}
.ipv6a3a p{ padding-top: 45px;}
.ipv6a4s{ overflow: hidden; border: 1px solid #dfdfdf;}
.ipv6a4{ width: 360px; text-align: center; padding: 30px 0;}
.ipv6a4 p{ font-size: 22px; padding-top: 5px;}
.ipv6a5{ width: 420px; padding: 38px 0 0;}

.ipv6a5 .ipv6a7{ color: #999; font-size: 18px;}
.ipv6a5 .ipv6a9{ border: 1px solid #dfdfdf; width: 145px; text-align: center; height: 37px; line-height: 37px; background: #fff; display: inline-block; cursor: pointer;}
.ipv6a5 .ipv6a9.on{ border: 1px solid #f3d660; background: #fff7df; color: #dca50c;}
.ipv6a6{  line-height: 37px; margin: 10px;}
.ipv6a6 span{ margin: 8px;}
.ipv6a8 { background: #fffcf3; width: 360px; height: 282px}
.ipv6a8 span{ font-size: 50px; color: #fb8337; font-family: Arial;    display: inline-block; margin-top: 90px;}
.ipv6a3a{ float: left; width: 760px; text-align: left; font-size: 18px; color: #d2d2d2; line-height: 32px;}
.ipv6a3a p{ padding-top: 60px;}
.ipv6a4{ border-collapse: collapse; background: #fff; width: 100%; text-align: left; vertical-align: top; cursor: auto;}
.ipv6a4 td{ border: 1px solid #dfdfdf; padding: 25px 30px 30px; vertical-align: top;}
.ipv6a4 td.ipv6a7{ background: #f5f5f6; font-size: 22px; text-align: center; vertical-align: middle;}
.ipv6a7 p{ padding-top: 10px;}
.ipv6a6 span{ font-size: 14px; color: #999;}
.ipv6a6 font{ font-size: 16px; color: #333; padding-top: 10px; display: inline-block; line-height: 30px;}
.ipv6a4 td.ipv6a8{ text-align: center; padding: 30px 30px 38px;}
.ipv6a8 span{ font-size: 50px; color: #fb8337; font-family: Arial;    display: inline-block; margin-top: 15px;}
.ipv6a8 span .ipv6a9{ font-size: 22px; position: relative; top: -16px;}
.ipv6a8 span .ipv6a10{ font-size: 20px; color: #777; position: relative; top: -5px; padding-left: 5px;}
.ipv6a8 a{ display: inline-block; width: 160px; height: 40px; line-height: 40px; border-radius: 20px; color: #fff; background: #eac355; text-align: center; margin: 10px auto 0; font-size: 18px;}
.ipv620{ height: 580px;}
.ipv601s1{ overflow: hidden; width: 1200px; margin: 60px auto 0; border: 1px solid #dfdfdf;}
.ipv601s1 .z{ padding: 26px 30px;    text-align: center;
    width: 298px;}
.ipv601s2{ line-height: 36px; padding: 42px 50px; background: #f5f5f6; width: 740px; font-size: 20px; color: #555; text-align: left;}
.ipv601s2 h3{ font-size: 24px; padding-bottom: 15px; color: #333;}
.ipv601s2 p{ font-size: 16px;}
.ipv601s29{  background: #f3d660; color: #555; border-radius: 14px; line-height: 28px; height: 28px; display: block; text-align: center; width: 260px; font-size: 14px; float: right;}
.ipv6a3a1{ text-align: center; background: #4c525a; height: 380px; padding: 80px 0;}
.ipv6a3a1 .pt60{ text-align: left; position: absolute; bottom: 50px; width: 700px;    left: 50%; margin-left: -350px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: url(../image/jiantouz_02.png)}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url(../image/jiantouz_04.png)}
.swiper-pagination-bullet-active{ background: #f3d660;}
.ipv6a8 a{ display: inline-block; width: 150px; height: 40px; line-height: 40px; border-radius: 20px; color: #fff; background: #eac355; text-align: center; margin: 10px auto 0; font-size: 18px;position: relative; top: -12px; left: 20px;}
.ipv620{ height: 630px;}

.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > a:hover{
    color: #555;
}
.dnsParameter > .info > .parameterList > ul > li.active > .infoBody > a > i {
  color: #555;
}


.dnsParameter > .info > .parameterList > ul > li > .title {
  width: 100%;
  height: 156px;
  background: url('../image/icon_canshu_02.png') no-repeat center;
  overflow: hidden;
}
.dnsParameter > .info > .parameterList.ecspare > ul > li > .title{
	height: 100px;
}
.dnsParameter > .info > .parameterList > ul > li > .title > h6 {
  margin-top: 35px;
  font-size: 24px;
  color: #333;
}
.dnsParameter > .info > .parameterList > ul > li > .title > p {
  margin: 10px 20px 0;
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-align: left;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > ul {
  margin-top: 35px;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > ul > li {
  font-size: 14px;
  color: #848484;
  line-height: 30px;
}
.dnsParameter > .info > .speedpare > ul > li > .infoBody > ul > li {
  font-size: 20px;
  color: #777;
}
.dnsParameter > .info > .speedpare > ul > li > .infoBody > ul > li > span{
  color: #555;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > ul > li:last-child {
  margin-top: 10px;
}
.dnsParameter > .info > .parameterList.ecspare > ul > li > .infoBody > ul > li:last-child {
  margin-top: 0px;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > ul > li > a {
  color: #f4cc4e;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > .money {
  position: relative;
  margin-top: 0px;
  font-size: 40px;
  color: #fb8337;
  font-weight: bold;
}
.dnsParameter > .info > .parameterList.ecspare > ul > li > .infoBody > .money{
	margin-top: 20px;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > .money > sup {
  font-size: 20px;
  color: #fb8337;
  font-weight: 100;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > .money > span {
  font-size: 18px;
  color: #777777;
  font-weight: 100;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > .money_year {
  position: relative;
  font-size: 34px;
  color: #ebc54a;
  font-weight: bold;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > .money_year > sup {
  font-size: 12px;
  color: #ebc54a;
  font-weight: 100;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > .money_year > span {
  font-size: 12px;
  color: #777;
  font-weight: 100;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > a {
  position: relative;
  margin: 25px auto 0;
  display: block;
  width: 118px;
  height: 32px;
  line-height: 34px;
  border-radius: 16px;
  border: solid 1px #9b9b9b;
  font-size: 14px;
  color: #777;
  text-align: center;
  border-radius: 20px;
}
.dnsParameter > .info > .parameterList > ul > li > .infoBody > a:hover {
  background-color: #f4cc4e;
  color: #333;
}
.dnsParameter > .info > .parameterList > ul > li.one {
  border-left: 3px solid #ddd !important;
}
.dnsParameter > .info > .parameterList > ul > li.one.active {
  border-left: 3px solid #f4cc4e !important;
}
.dnsParameter > .info > .parameterList > ul > li.two {
  border-left: none;
}
.dnsParameter > .info > .parameterList > ul > li.four > .infoBody > ul {
  margin-bottom: 106px;
}
.dnsParameter > .info > .parameterList > ul > li.four > .infoBody > a {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 39px;
  line-height: 39px;
  border-radius: 19px;
  border: solid 1px #9b9b9b;
  font-size: 16px;
  color: #848484;
}
.dnsParameter > .info > .parameterList > ul > li.four > .infoBody > a > i {
  position: absolute;
  font-size: 25px;
  top: 1px;
  left: 10px;
}
.dnsParameter > .info > .parameterList > ul > li.four.active > .infoBody > a{
	border: none;
	color: #555;
}

.dnsParameter > .info > .speedpare > ul > li{
	width: 274px;
	height: 480px;
}
.dnsParameter > .info > .speedpare > ul > li.active{
	height: 570px;
}
.dnsParameter > .info > .speedpare.ecspare > ul > li{
	height: 400px;
}
.dnsParameter > .info > .speedpare.ecspare > ul > li.active{
	height: 512px;
}
.dnsParameter > .info > .parameterList > ul > li > .title{
	height: 168px;
	background: url(../image/icon_canshu_02s.png) no-repeat center;
}
.dnsParameter > .info > .parameterList > ul > li.active > .title{
	height: 200px;
	background: url(../image/icon_canshu_01s.png) no-repeat center;
}

.dnsParameter > .info > .parameterList.ecspare > ul > li.active > .title{
	height: 130px;
}

.mainSpeed {
  min-height: 560px;
}
.mainSpeed > .headerTop {
  height: 560px;
  background: url('../image/icon_title_bbg.png') no-repeat center;
  background-size: cover;
  z-index: 2;
  overflow: hidden;
}
.mainSpeed > .headerTop > .info {
  position: relative;
  height: 100%;
}
.mainSpeed > .headerTop > .info > .title {
  position: absolute;
  font-size: 40px;
  color: #f2f2f2;
  top: 154px;
  left: 10px;
}
.mainSpeed > .headerTop > .info > p {
  position: absolute;
  width: 465px;
  line-height: 35px;
  font-size: 18px;
  color: #dadada;
  top: 240px;
  left: 10px;
}
.mainSpeed > .headerTop > .info > a {
  position: absolute;
  font-size: 16px;
}
.mainSpeed > .headerTop > .info > a.freeGo {
  width: 134px;
  height: 40px;
  line-height: 40px;
  color: #f4cc4e;
  text-align: center;
  border: 1px solid #f4cc4e;
  border-radius: 20px;
  top: 397px;
  left: 10px;
}
.mainSpeed > .headerTop > .info > a.freeGo:hover {
  background-color: #f4cc4e;
  color: #333;
}
.mainSpeed > .headerTop > .info > a.freeGo > span {
  position: absolute;
  left: 32px;
}
.mainSpeed > .headerTop > .info > a.freeGo > i {
  display: none;
  position: absolute;
  top: 1px;
  right: 0;
}
.mainSpeed > .headerTop > .info > .right {
  position: absolute;
  width: 610px;
  height: 293px;
  background: url('../image/icon_bg_info.png') no-repeat center;
  top: 156px;
  left: 520px;
  overflow: hidden;
}
.mainSpeed > .headerTop > .info > .right > h5 {
  margin: 38px 0 20px 66px;
  font-size: 16px;
  color: #fff;
}
.mainSpeed > .headerTop > .info > .right > h5 > i {
  display: inline-block;
  margin-left: 10px;
  width: 136px;
  height: 9px;
  background: url('../image/icon_move.png') no-repeat center;
}
.FontScrollBox{
	margin-left: 68px;
	width: 490px;
}
.FontScrollBox .FontScrollTitle{
	background-color: #174771;
	line-height: 30px;
    font-size: 14px;
    color: #d3dbfc; 
    overflow: hidden;
}
.FontScrollBox span{
	display: block;
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
}
.FontScrollBox .one,.FontScrollBox .FontScroll ul li span:nth-child(1){
    width: 200px;
}
.FontScrollBox .two,.FontScrollBox .FontScroll ul li span:nth-child(2){
    width: 150px;
}
.FontScrollBox .three,.FontScrollBox .FontScroll ul li span:nth-child(3){
    width: 120px;
}
.FontScroll{width:490px;height:156px;margin:auto;overflow:Hidden;position: relative;}
.FontScroll ul{ width: 490px; line-height: 30px;}
.FontScroll li{border-bottom: 1px solid #214982; color: #bdc9fc; font-size: 12px; overflow: hidden; box-sizing: border-box; height: 30px;}

.mainSpeed > .headerTop > .info > .right > table {
  margin-left: 66px;
  height: 187px;
  overflow: hidden;
}
.mainSpeed > .headerTop > .info > .right > table > thead {
  height: 30px;
}
.mainSpeed > .headerTop > .info > .right > table > thead > tr {
  background-color: #174771;
}
.mainSpeed > .headerTop > .info > .right > table > thead > tr > td {
  line-height: 30px;
  font-size: 14px;
  color: #d3dbfc;
}
.mainSpeed > .headerTop > .info > .right > table > thead > tr > td.one {
  padding-left: 10px;
  width: 166px;
}
.mainSpeed > .headerTop > .info > .right > table > thead > tr > td.two {
  width: 123px;
}
.mainSpeed > .headerTop > .info > .right > table > thead > tr > td.three {
  width: 99px;
}
.mainSpeed > .headerTop > .info > .right > table > thead > tr > td.four {
  width: 92px;
}
.mainSpeed > .headerTop > .info > .right > table > tbody > tr {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #a3b0e7;
}
.mainSpeed > .headerTop > .info > .right > table > tbody > tr > td {
  border-bottom: 1px solid #214982;
  color: #bdc9fc;
  font-size: 12px;
}
.mainSpeed > .headerTop > .info > .right > table > tbody > tr > td:first-child {
  padding-left: 10px;
}
.mecuListbg{
	height: 80px; 
	width: 100%;
}
.mainSpeed .mecuList {
  height: 80px;
  background-color: #f5f5f6;
}
.mainSpeed .mecuList > .info > ul {
	display: flex;
}
.mainSpeed .mecuList > .info > ul > li {
  flex: 1;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
.mainSpeed .mecuList > .info > ul > li > a {
  display: block;
  color: #333;
}
.mainSpeed .mecuList > .info > ul > li.active {
  border-bottom: 3px solid #f4cc4e;
}
.mainSpeed .mecuList > .info > ul > li.active > a {
  color: #333;
}
.mainSpeed > .scenario {
  height: 804px;
  background: #fff;
  text-align: center;
  overflow: hidden;
}
.mainSpeed > .scenario > .info > .title {
  margin-top: 115px;
}
.mainSpeed > .scenario > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #333333;
}
.mainSpeed > .scenario > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #cacaca;
}
.mainSpeed > .scenario > .info > .bodyInfo {
  position: relative;
  margin: 86px auto 0;
  width: 604px;
  height: 393px;
  background: url('../image/icon_adent_bg.png') no-repeat center;
}
.mainSpeed > .scenario > .info > .bodyInfo > .common {
  position: absolute;
  width: 300px;
  height: 66px;
  line-height: 66px;
  font-size: 20px;
  color: #555555;
  background: url('../image/iocn_border_new.png') no-repeat center;
  text-align: left;
}
.mainSpeed > .scenario > .info > .bodyInfo > .common > i {
  float: left;
  margin: 0 20px;
  font-size: 30px;
  color: #f2cb4d;
}

.mainSpeed > .scenario > .info > .bodyInfo > .one {
  top: -30px;
  left: -242px;
}
.mainSpeed > .scenario > .info > .bodyInfo > .two {
  top: 98px;
  left: -296px;
}
.mainSpeed > .scenario > .info > .bodyInfo > .three {
  top: 230px;
  left: -296px;
}
.mainSpeed > .scenario > .info > .bodyInfo > .four {
  top: 354px;
  left: -208px;
}
.mainSpeed > .scenario > .info > .bodyInfo > .one1 {
  top: -30px;
  right: -242px;
}
.mainSpeed > .scenario > .info > .bodyInfo > .two1 {
  top: 98px;
  right: -296px;
}
.mainSpeed > .scenario > .info > .bodyInfo > .three1 {
  top: 230px;
  right: -296px;
}
.mainSpeed > .scenario > .info > .bodyInfo > .four1 {
  top: 354px;
  right: -208px;
}
.mainSpeed > .advantage {
  height: 1056px;
  background: -webkit-linear-gradient(#2c2f34 1%, #44464b);
  
  background: -o-linear-gradient(#2c2f34 1%, #44464b);
  
  background: -moz-linear-gradient(#2c2f34 1%, #44464b);
  
  background: linear-gradient(#2c2f34 1%, #44464b);
  
  text-align: center;
  overflow: hidden;
}
.mainSpeed > .advantage > .info > .title {
  margin-top: 115px;
}
.mainSpeed > .advantage > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #f2f2f2;
}
.mainSpeed > .advantage > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #444444;
}
.mainSpeed > .advantage > .info > .node-map {
  position: relative;
  height: 350px;
}
.mainSpeed > .advantage > .info > .node-map > ul {
  margin: 0 0 0 90px;
}
.mainSpeed > .advantage > .info > .node-map > ul > li {
  float: left;
  margin-right: 150px;
  width: 480px;
  height: 350px;
}
.mainSpeed > .advantage > .info > .node-map > ul > li:last-child {
  margin-right: 0;
}
.mainSpeed > .advantage > .info > .node-map > .bg_foin {
  position: absolute;
  font-size: 16px;
  color: #f2f2f2;
  top: 96px;
  left: 560px;
}
.mainSpeed > .advantage > .info > .node-map > .bg_foin > i {
  position: absolute;
  width: 122px;
  height: 15px;
  background: url('../image/icon_jiantou.png') no-repeat center;
  top: 35px;
  left: -10px;
}
.mainSpeed > .advantage > .info > .bodyInfo {
  margin-top: 114px;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul {
  margin: 0 58px;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul > li {
  float: left;
  margin-right: 76px;
  width: 214px;
  height: 199px;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul > li.two > i {
  background: url('../image/icon_sprint_speed.png') no-repeat -112px 0;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul > li.three > i {
  background: url('../image/icon_sprint_speed.png') no-repeat -228px 0;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul > li.four {
  margin-right: 0;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul > li.four > i {
  width: 96px;
  background: url('../image/icon_sprint_speed.png') no-repeat -334px 0;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul > li > i {
  display: block;
  margin: 0 auto;
  width: 88px;
  height: 88px;
  background: url('../image/icon_sprint_speed.png') no-repeat 0 0;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul > li > h6 {
  margin: 20px 0;
  font-size: 18px;
  color: #f2f2f2;
}
.mainSpeed > .advantage > .info > .bodyInfo > ul > li > p {
  font-size: 14px;
  color: #848484;
  line-height: 28px;
}
.mainSpeed > .canshuList {
  height: 860px;
  text-align: center;
  overflow: hidden;
  background: url('../image/5_031.png') center fixed;
}
.mainSpeed > .canshuList > .info > .title {
  margin-top: 115px;
}
.mainSpeed > .canshuList > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #f2f2f2;
}
.mainSpeed > .canshuList > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #444444;
}
.mainSpeed > .canshuList > .info > ul {
  margin-top: 40px;
}
.mainSpeed > .canshuList > .info > ul > li {
  float: left;
  margin-right: 52px;
  width: 365px;
  height: 515px;
  background-color: #28282a;
  border-top: 5px solid #6a6a6a;
}
.mainSpeed > .canshuList > .info > ul > li:last-child {
  margin-right: 0;
}
.mainSpeed > .canshuList > .info > ul > li:hover {
  border-top-color: #f4cc4e;
}
.mainSpeed > .canshuList > .info > ul > li:hover > .top > h5 {
  color: #f4cc4e;
}
.mainSpeed > .canshuList > .info > ul > li:hover > .bottom > .money {
  color: #f4cc4e;
}
.mainSpeed > .canshuList > .info > ul > li:hover > .bottom > a {
  background-color: #f4cc4e;
  border: none;
  color: #353535;
}
.mainSpeed > .canshuList > .info > ul > li > .top {
  margin: 0 30px;
  border-bottom: 1px solid #575757;
}
.mainSpeed > .canshuList > .info > ul > li > .top > h5 {
  margin: 35px 0 22px;
  font-size: 22px;
  color: #f2f2f2;
}
.mainSpeed > .canshuList > .info > ul > li > .top > p {
  font-size: 16px;
  color: #afafaf;
  line-height: 40px;
}
.mainSpeed > .canshuList > .info > ul > li > .top > p:last-child {
  margin: 30px 0 25px;
  font-size: 18px;
  color: #afafaf;
}
.mainSpeed > .canshuList > .info > ul > li > .top > p:last-child > span {
  color: #fff;
}
.mainSpeed > .canshuList > .info > ul > li > .bottom > .money {
  margin: 40px 0 10px;
  font-size: 50px;
  color: #f2f2f2;
}
.mainSpeed > .canshuList > .info > ul > li > .bottom > .money > sup {
  font-size: 20px;
  color: #848484;
}
.mainSpeed > .canshuList > .info > ul > li > .bottom > .money > span {
  font-size: 20px;
  color: #848484;
}
.mainSpeed > .canshuList > .info > ul > li > .bottom > .lastMoney {
  font-size: 30px;
  color: #afafaf;
}
.mainSpeed > .canshuList > .info > ul > li > .bottom > .lastMoney > sup {
  font-size: 12px;
}
.mainSpeed > .canshuList > .info > ul > li > .bottom > .lastMoney > span {
  font-size: 12px;
}
.mainSpeed > .canshuList > .info > ul > li > .bottom > a {
  display: inline-block;
  margin-top: 30px;
  width: 155px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #848484;
  border: solid 1px #575757;
  border-radius: 20px;
}
.mainSpeed > .kehuList {
  height: 465px;
  background: #232529;
  text-align: center;
  overflow: hidden;
}
.mainSpeed > .kehuList > .info > .title {
  margin-top: 115px;
}
.mainSpeed > .kehuList > .info > .title > h5 {
  margin-bottom: 36px;
  font-size: 28px;
  color: #f2f2f2;
}
.mainSpeed > .kehuList > .info > .title > i {
  margin: 0 auto;
  display: block;
  width: 46px;
  height: 3px;
  background-color: #444444;
}
.mainSpeed > .kehuList > .info > .bodyInfo {
  position: relative;
  margin-top: 46px;
}
.mainSpeed > .kehuList > .info > .bodyInfo > .swiper-container {
  width: 100%;
  height: 120px;
}
.mainSpeed > .kehuList > .info > .bodyInfo > .swiper-container .swiper-slide {
  margin-right: 26px;
  width: 220px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  font-size: 18px;
  background-color: #393b3f;
}
.mainSpeed > .kehuList > .info > .bodyInfo > .swiper-container .swiper-slide > a {
  display: block;
}
.mainSpeed > .kehuList > .info > .bodyInfo > .swiper-container .swiper-slide > a > img {
  width: 123px;
  height: 44px;
}
.mainSpeed > .kehuList > .info > .bodyInfo > .common {
  width: 26px;
  height: 54px;
  background-color: #181a1d;
  background-size: 18px;
}
.mainSpeed > .kehuList > .info > .bodyInfo > .swiper-button-prev {
  left: -48px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b0b0b0'%2F><%2Fsvg>");
}
.mainSpeed > .kehuList > .info > .bodyInfo > .swiper-button-next {
  right: -48px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b0b0b0'%2F><%2Fsvg>");
}
.guding {
  width: 100%;
  background-color: #1d1f22;
  position: fixed;
  top: 60px;
  z-index: 9;
}


.mainGF > .advantages > .info > .superiorityList {
  margin-top: 60px;
  padding-bottom: 30px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li {
  margin-right: 50px;
  float: left;
  width: 366px;
  height: 297px;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #dddddd;
  margin-bottom: 40px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li {
  margin-right: 50px;
  float: left;
  width: 366px;
  height: 297px;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #dddddd;
  margin-bottom: 40px;
}
.mainGF > .advantages > .info > .superiorityList1 > ul > li {
  margin-right: 40px;
  width: 270px;
  margin-bottom: 40px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li {
  margin-right: 30px;
  width: 278px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li.six,
.mainGF > .advantages > .info > .superiorityList > ul > li:hover{
	border: 1px solid #f4cc4e;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover > .littleHeader > h6{
	color: #f4cc4e;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.one > .top {
  background: url('../image/icons_17.png') no-repeat -22px -118px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.one > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.two > .top {
  background: url('../image/icons_17.png') no-repeat -111px -118px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.two > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.three > .top {
  background: url('../image/icons_17.png') no-repeat -200px -118px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.three > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.four > .top {
  background: url('../image/icons_17.png') no-repeat -288px -118px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.four > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.five > .top {
  background: url('../image/icons_17.png') no-repeat -377px -118px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.five > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}


.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li:hover.one > .top {
  background: url('../image/qt_06.png') no-repeat -9px -114px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li:hover.two > .top {
  background: url('../image/qt_06.png') no-repeat -106px -114px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li:hover.three > .top {
  background: url('../image/qt_06.png') no-repeat -203px -114px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li:hover.four > .top {
  background: url('../image/qt_06.png') no-repeat -301px -114px;
}


.mainGF > .advantages > .info > .superiorityList > ul > li:hover.six > .top {
  background: url('../image/icons_17.png') no-repeat -467px -118px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li:hover.six > .littleHeader > i {
  width: 100%;
  transition: width 0.5s;
  background-color: #f4cc4e;
}
.mainGF > .advantages > .info > .superiorityList > ul > li.two > .top {
  background: url('../image/icons_17.png') no-repeat  -111px -20px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li.three > .top {
  background: url('../image/icons_17.png') no-repeat -200px -20px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li.four > .top {
  background: url('../image/icons_17.png') no-repeat -288px -20px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li.five > .top {
  background: url('../image/icons_17.png') no-repeat -377px -20px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li.six > .top {
  background: url('../image/icons_17.png') no-repeat -467px -20px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li.three,.mainGF > .advantages > .info > .superiorityList > ul > li.six{
	margin-right: 0;
}
.mainGF > .advantages > .info > .superiorityList1 > ul > li.three{
	margin-right: 30px;
}
.mainGF > .advantages > .info > .superiorityList1 > ul > li.four{
	margin-right: 0px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li.three{
	margin-right:20px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li.four{
	margin-right:0px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li > .top {
  margin: 25px auto 4px;
  width: 75px;
  height: 84px;
  background: url('../image/icons_17.png') no-repeat -22px -20px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li > .top { 
  background: url('../image/qt_06.png') no-repeat -9px -14px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li.two > .top {
  background: url('../image/qt_06.png') no-repeat  -106px -14px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li.three > .top {
  background: url('../image/qt_06.png') no-repeat -203px -14px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li.four > .top {
  background: url('../image/qt_06.png') no-repeat -301px -14px;
}
.mainGF.mainGF1 > .advantages > .info > .superiorityList > ul > li > .littleHeader > h6 {
  font-size: 18px;
  color: #333;
  margin-top: 20px;
}
.mainGF > .advantages > .info > .superiorityList > ul > li > .littleHeader > i {
  display: block;
  margin: 10px auto 20px;
  width: 56px;
  height: 1px;
  background-color: #cacaca;
}
.mainGF > .advantages > .info > .superiorityList > ul > li > p {
  margin: 0 20px;
  font-size: 16px;
  line-height: 30px;
  color: #777;
  text-align: left;
}

.mainGF.mainECS > .advantages > .info > .superiorityList > ul > li {
  width: 366px;
}
.mainGF > .advantages > .info > .superiorityList1 > ul > li.three{
	margin-right: 0;
}
.ecsbodyInfo1{ padding-top: 80px;}
.ecsbodyInfo{ float: left; width: 50%;}
.ecsbodyInfo2{ font-size: 18px; color: #333; padding-top: 50px;}
.ecsbodyInfo3{ font-size: 14px; color: #777; line-height: 22px; text-align: left; padding: 20px 38px;}
.ecscontb1{ width: 485px; padding: 28px 36px; background: #fff url(../image/ecsimg03.png) no-repeat; border: 3px solid #dddddd; text-align: left; float: left; margin-left: 50px; transition: all 0.5s;}
.ecscontb2{ font-size: 34px; padding-bottom: 12px;}
.ecscontb3{ font-size: 18px; color: #666; line-height: 34px;}
.ecscontb4{ font-size: 18px; color: #333; padding: 12px 0 8px;}
.ecscontb5{ font-size: 18px; color: #999; line-height: 50px;}
.ecscontb5s{ padding-top: 60px;}
.ecscontb5 span{ float: right; color: #333;}
.ecscontb6{ border-radius: 25px; width: 260px; text-align: center; color: #777; border: 1px solid #999; height: 50px; line-height: 48px; cursor: pointer; display: block; transition: all 0.5s; margin: 50px auto 30px; }
.ecscontb1:hover { background: #fff url(../image/ecsimg04.png) no-repeat; border-color: #f4cc4e; }
.ecscontb1:hover .ecscontb6{ background: #f3d660; border-color: #f3d660; color: #555;} 

.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li.one > .top{ background: url(../image/icon_wending.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li:hover.one > .top{ background: url(../image/icon_wending1.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li.two > .top{ background: url(../image/icon_tanxing.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li:hover.two > .top{ background: url(../image/icon_tanxing1.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li.three > .top{ background: url(../image/icon_safe.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li:hover.three > .top{ background: url(../image/icon_safe1.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li.four > .top{ background: url(../image/icon_cpu.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li:hover.four > .top{ background: url(../image/icon_cpu1.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li.five > .top{ background: url(../image/icon_yiyongxing.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li:hover.five > .top{ background: url(../image/icon_yiyongxing1.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li.six > .top{ background: url(../image/icon_tuozhan.png) no-repeat;}
.mainGF.mainECS > .advantages.monitor > .info > .superiorityList > ul > li:hover.six > .top{ background: url(../image/icon_tuozhan1.png) no-repeat;}


.mainGF.mainECS > .headerTop.monitor{
	background: url(../image/ecsa02.png) no-repeat center;
	background-size: cover;
}
.mainGF.mainECS > .headerTop.monitor > .info > i{  background: url(../image/ecsa01.png) no-repeat center;    width: 720px; height: 545px;    top: 52px; background-size: 80%;}


 .dns_new_info {
  height: 496px;
  background-color: #ffffff;
}
 .dns_new_info > .info > .common {
  height: 420px;
  width: 45%;
  overflow: hidden;
}
.dns_new_info > .info > .common:nth-child(1) {
	float: left;
}
.dns_new_info > .info > .common:nth-child(2) {
	float: right;
}
 .dns_new_info > .info > .common:not(:first-child) {
	margin-left: 55.5px;
}
 .dns_new_info > .info > .common > .title {
  margin-top: 118px;
  border-bottom: 1px solid #ddd;
  height: 49px;
}
 .dns_new_info > .info > .common > .title > h5 {
  float: left;
  margin-bottom: 20px;
  font-size: 22px;
  color: #333;
}
 .dns_new_info > .info > .common > .title > a {
  float: right;
  margin-top: 11px;
  font-size: 14px;
  color: #eac44b;
}
 .dns_new_info > .info > .common > .bodyInfo > ul {
  height: 252px;
  list-style: disc;
  color: #fff;
  overflow: hidden;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li {
  margin: 25px 0;
  font-size: 14px;
  height: 18px;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li:hover > a > p {
  color: #f4cc4e;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li:hover > a > p {
  color: #f4cc4e;
}
 .dns_new_info > .info > .common > .bodyInfo > ul.ssl > li:hover > a > span,.dns_new_info > .info > .common > .bodyInfo > ul.ssl > li:hover > a > p {
  color: #6bd367;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li > a {
  display: block;
  box-sizing: border-box;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li > a > p {
  float: left; 
  color: #555;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 360px;
  position: relative;
  box-sizing: border-box;
  padding-left: 16px;
}
 .dns_new_info > .info > .common:nth-child(1)  > .bodyInfo > ul > li> a > p {
	width: 352px;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li > a > p:after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #555;
	position: absolute;
	left: 0;
	top: 8px;
}
 .dns_new_info > .info > .common > .bodyInfo > ul > li > a > span {
  float: right;
  color: #777;
}

.pb20{ padding-bottom: 20px;}
.pt5{ padding-top: 5px;}
.color555{ color: #555;}
.domianbg{ background: #f9f9f9; padding: 50px 0 30px;}
.domian01{ background: url(../image/domian02.jpg) center; background-size:cover; width: 100%; height: 560px;}
.domian02{ font-size: 30px; color: #dadada; text-align: center; margin-bottom: 105px;}
.domian02 b{ font-size: 44px; padding: 200px 0 20px; color: #f2f2f2; display: block;font-weight: 500;}
.domian03{background: rgba(7,40,86,0.8); height: 140px; overflow: hidden;}
.domian03s{ width: 1200px; margin: 0 auto; width: 1200px; box-sizing: border-box;}
.domian04{ float: left; width: 350px; font-size: 16px; color: #f2f2f2; margin: 23px 0 0 50px; position: relative;}
.domian04:before{ content: ''; display: block; width: 1px; height: 110px; background: rgba(80,140,222,0.5); position: absolute; right: 0; top: -13px;}
.domian04:last-child:before{ display: none;}
.domian04 i{ display: block; float: left; width: 85px; height: 85px; background: url(../image/domian03.png); margin-right: 25px;}
.domian04 i.domian04b{ background-position: -89px 0;}
.domian04 i.domian04c{ background-position: -177px 0;}
.domian04 b{ font-size: 30px; color: #fb8337;}
.domian05{ width: 1200px;box-sizing: border-box; background: #f5f5f5; margin: 0px auto 0; padding: 20px 0 20px 20px; height: 184px;}
.domian05.mb50{ margin-bottom: 50px;}
.domian05a{ position: relative;}
.domian05a textarea{ width: 940px; background: #fff; border: 1px solid #ddd; height: 130px; padding: 5px 8px; line-height: 20px;}
.domian05b{ float: left; width: 220px; text-align: center; position: relative; }
.domian05c{ display: inline-block; background: #f3d660; border-radius: 25px; height: 50px; line-height: 50px; width: 170px; text-align: center; font-size: 20px; color: #555555;}
.domian05c i{ background: url(../image/domian06.png); width: 28px; height: 27px; top: 5px; position: relative; display: inline-block;}
.domian05d{ position: absolute; top: 80px; left: 45px; }
.domian06{ width: 1200px; margin: 0 auto;}
.domian06b{ border-bottom: 1px solid #ddd; padding: 20px 0;}
.domian06b span{ position: relative;    display: inline-table; width: 100px;}
.domian06b span font{ position: absolute; left: 20px; display: inline-block; width: 50px; padding-left: 5px; top: -3px;}
.domian06b input[type="radio"] { width: 16px; height: 16px; opacity: 0; }
.domian06b label { position: absolute; left: 5px; top: 3px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #c2c6cf; cursor: pointer; margin-right: 10px;}


.domian06b input:checked+label::after { position: absolute; content: ""; width: 10px; height: 10px; top: 3px; left: 3px; background: #fe6d32; border-radius: 50%;}
.domian06a{ border: 1px solid #ddd; border-radius: 15px; height: 30px; display: inline-block; margin-left: 20px; line-height: 30px; color: #777; width: 120px; text-align: center;}
.domian06d{ font-size: 16px; color: #333; padding: 20px 0 15px;}
.domian06e{ overflow: hidden;}
.domian06e>div{ background: #f2f2f2; cursor: pointer; font-size: 14px; display: inline-block; width: 120px; line-height: 30px; height: 30px; float: left; margin-right: 12px;  margin-bottom: 10px; position: relative; }
.domian06e>div span{ position: absolute; left: 20px; display: inline-block; width: 90px; padding-left: 5px; top: -8px; cursor: pointer;}
.domian06e>div input[type="checkbox"] { width: 14px; height: 14px; opacity: 0; }
.domian06e>div label { position: absolute; left: 5px; top: 7px; width: 14px; height: 14px; border-radius: 3px; border: 1px solid #c2c6cf; background: #fff; }


.domian06e>div input:checked+label::after { position: absolute; content: ""; width: 5px; height: 8px; top: 1px; left: 4px; border: 2px solid #fe6d32; border-top: none; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); } 
.domain06i{ position: relative; display: inline-block; float: right; padding: 0 5px; margin-right: 8px; height: 18px ; line-height: 18px; margin-top: 6px; border-radius: 3px; font-size: 12px; color: #fff;}
.domain06i:before{ position: absolute; left: -2px; top: 50%; transform: translate(-2px,-50%);-webkit-transform: translate(-2px,-50%); width: 0; height: 0; content: ''; border-top: 4px solid transparent; border-right: 4px solid #fb602d; border-bottom: 4px solid transparent;}
.domain06i.hot,.domain06i.tj{ background: #fb8337;}
.domain06i.new{ background: #e5b635;}
.domain06i.new:before{ border-right: 4px solid #e5b635;}
.domain06i.blue{ background: #7ad08a;}
.domain06i.blue:before{ border-right: 4px solid #7ad08a;}
.domian07{ font-size: 16px; color: #eac44b; width: 100px; margin: 30px auto 0px; text-align: center; cursor: pointer;}
.domian08s{ width: 1200px; margin: 0 auto;}
.domian08a{ border-top: 1px solid #ddd; width: 100%; margin: 50px 0 20px; text-align: center; font-size: 28px;}
.domian08a font{ position: relative; width: 160px; background: #fff; text-align: center; z-index: 1; display: inline-block; top: -21px;}
.domian08b{ float: right; margin-bottom: 30px;}
.domian08c{border: 1px solid #dddddd; border-right: none; height: 14px; line-height: 14px; border-radius: 17px 0 0 17px; padding: 10px 0 10px 15px; width: 310px; float: right; }
.domian08d{ border: 1px solid #f3d660; background: #f3d660; color: #555555; height: 36px; line-height: 36px; border-radius: 0 17px 17px 0;text-align: center; width: 60px;float: right;  cursor: pointer;}
.domian08e{ border-collapse: collapse; clear: both; width: 100%; border: 1px #ddd solid; }
.domian08e td,.domian08e th{ border-left: 1px #ddd dashed; line-height: 50px; text-align: center;}
.domian08e th{ background: #eeeeee; font-size: 16px;}
.domian08e th font{ font-size: 14px; color: #555;}
.domian08e td{ font-weight: 500;}
.domian08e td font{ float: inherit; margin-left: 10px;}
.domian08e tr:nth-child(2n+1){ background: #f5f5f5;}
.domian08e1{ width: 120px; text-align: left; margin: 0 auto;}
.domian08e td .color555{ font-size: 13px;}
.orange{ color: #ff9933;}
.domianSearch01{ background: url(../image/domian01.jpg) center; background-size:cover; width: 100%; height: 360px;}
.domianSearch01a{ font-size: 16px; color: #f3d660; text-align: center; margin-bottom: 32px;}
.domianSearch01a b{ font-size: 28px; padding: 130px 0 20px; color: #fff; display: block;font-weight: 500;}
.domianSearch01b{ width: 1200px; margin: 10px auto 30px; position: relative; height: 108px;}
.domianSearch01c{ border: 1px solid #f3d660;    width: 1050px; height: 100px; line-height: 20px; float: left; padding: 5px 0 0 10px;}
.domianSearch01d{ border: none; background: #f3d660; text-align: center; width: 156px;height: 44px; line-height: 44px; font-size: 16px; color: #555555; cursor: pointer; }
.domianSearch01e{ border: 1px solid #ddd; width: 917px; position: absolute; top: 141px; background: #fff; padding: 0 20px 15px 20px; z-index: 2; display: none;}
.domianSearch01e .domian06b{ padding: 15px 0;}
.domianSearch01g{ position: relative; margin-right: 20px;}
.domianSearch01g:before{ content: ''; display: block; width: 1px; height: 20px; background: #ddd; position: absolute; right: 0;    top: 17px; z-index: 2;}
.domianSearch01g.domian06e>div{ background: #fff; margin: 12px 0 0; width: 110px;}
.domianSearch01g.domian06e>div span{ width: 80px;}
.domianSearch01cont{ clear: both;}
.domianSearch01h {width: 786px;}
.domianSearch01h.domian06e>div{ background: #fff; margin: 12px 0 0; width:88px;}
.domianSearch01h.domian06e>div span{ width: 60px; padding-left: 0;}
.domianSearch01i{ line-height: 44px; position: absolute; right: 0px; top: 54px; color: #333; font-size: 14px; width: 216px; text-align: center; cursor: pointer;}
.domianSearch01i i{ display: inline-block; width: 13px; height: 13px; background: url(../image/domian05.png) 0 0; transform: rotate(-180deg); position: relative; margin-left: 5px; top: 2px; transition: all .5s;}
.domianSearch02bg{ background: #f9f9f9; padding: 30px 0;}
.domianSearch02{ width: 1200px; margin: 0 auto; }
.domianSearch02a{ font-size: 18px; color: #333;clear: both; padding: 20px 0 0 0; width: 1133px; margin: 0 auto;}
.domianSearch02a i{ display: inline-block; width: 3px; height: 22px; background: #f3d660; margin-right: 8px; top: 5px; position: relative;}
.domianSearch02b{ overflow: hidden; background: #fff; width: 1160px; margin: 30px 0 0; padding: 30px 20px;}
.domianSearch02c{width: 360px; height: 140px; border: 1px solid #ddd; float: left;    padding: 26px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 13px;}
.domianSearch02c i{ display: block; float: left; width: 88px; height: 88px; background: url(../image/domian09.png); margin-right: 15px;}
.domianSearch02c i.domianSearch02e{ background-position: -96px 0;}
.domianSearch02c i.domianSearch02f{ background-position: -190px 0;}
.domianSearch02c b{ color: #fb8337; font-size: 30px;}
.domianSearch02c font{ color: #555; font-size: 16px;}
.domianSearch04a1{ width: 1200px; margin: 0 auto; text-align: right;}

.domianSearch03{ clear: both; width: 1200px; padding: 35px 0 20px; margin: auto; color: #777777; font-size: 16px;}
.domianSearch03 .domian06b{ border: none; padding: 0; color: #333;}
.domianSearch04{ border: 1px solid #ddd; width: 1200px; margin: 0 auto; line-height: 50px; height: 50px; font-size: 14px; background: #fff;}
.domianSearch04 tr:nth-child(2n+1){ background: #f5f5f5;}
.domianSearch04 .domian06e>div{ margin:0 0 0 20px; width: 30px; background: none; }
.domianSearch04 .domian06e{  width: 50px;}
.domianSearch04a{ color: #555;}
.domianSearch04a .color72c381{ color: #72c381;}
.domianSearch04a .coloraaa{ color: #aaaaaa;}
.domianSearch04a .domain06i{float: inherit; margin-left: 10px; padding: 2px 8px;}
.domianSearch04a img{    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    margin-left: 10px;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.domianSearch04b{ color: #777; width: 120px;}
.domianSearch04b b{ color: #fb8337; font-size: 18px;}
.domianSearch04c{ border: 1px solid #ddd; border-radius: 4px; padding: 5px 10px; background: #fff;}
.domianSearch04d{ color: #fb8337;}
.domianSearch04e{ display: block; float: left; margin: 0 0 0 18px; width: 30px; height: 16px; background: url(../image/domian12.png) no-repeat center;}
.domianSearch04f{ color: #eac44b;margin: 0 0 0 26px;}
.domianSearch05{ border-radius: 20px; line-height: 40px; height: 40px; background: #f3d660; width: 160px; text-align: center; display: inline-block;  margin: 30px 10px;}
.hide{ display: none;}
.domianSearch02b1{ position: relative; top: -180px; background: #fff; width: 1200px; margin: 0 auto;}

.sslcontb1{ overflow: hidden; margin-top: 60px;}
.sslcontb2{ width: 378px; height: 600px; background: #fff url(../image/ssl11.jpg) no-repeat; border: 1px solid #dddddd; float: left; margin-left: 24px; transition: all 0.5s;}
.sslcontb2:nth-child(1){ margin-left:0;}
.sslcontb3{ font-size: 26px; color: #333; padding: 40px 0 20px; }
.sslcontb4{ font-size: 18px; color: #666; transition: all 0.5s;}
.sslcontb5{ font-size: 18px; line-height: 32px; height: 420px; position: relative;}
.sslcontb5s{ width: 260px; height: 400px; text-align: left; margin: 0 auto;}
.sslcontb5s .sslcontb7{ width: auto;}
.sslcontb6{ color: #555; padding-top: 68px; padding-bottom: 10px;}
.sslcontb7{ color: #777; font-size: 16px;width: 220px; margin: 0 auto; text-align: left;}
.sslcontb7b{ width: 110px;}
.sslcontb7c{ width: 130px;}
.sslcontb7s{ font-size: 12px; color: #999; text-align: center; width: 100%;    padding-top: 10px;}
.sslcontb5s .sslcontb7p{ font-size: 18px; color: #555; width: 170px; margin: 0 auto;}
.sslcontb5s .sslcontb7p span{ display: inline-block; width: 110px; color: #777777;}
.sslcontb8{position: absolute; bottom: 40px; text-align: center; width: 100%;}
.sslcontb8 span{ display: inline-block;}
.sslcontb8s{position: absolute; bottom: 140px; left: 0; font-size: 12px; color: #999; text-align: center; width: 100%; }
.sslcontb8a{font-size: 20px; color: #fb8337; }
.sslcontb8a i{ display: inline-block; width: 25px; height: 25px; background: url(../image/monitor07.png); position: relative; margin-right: 6px; top: 4px;}
.sslcontb9{ color: #fb8337; font-size: 20px; position: relative; top: -20px;}
.sslcontb10{ font-size: 50px; color: #fb8337; font-weight: bold;}
.sslcontb11{ font-size: 20px; color: #777777; position: relative; top: -3px}
.sslcontb11 font{ font-size: 14px;}
.sslcontb9a{ color: #eac44b; font-size: 12px;    position: relative; top: -14px;}
.sslcontb10a{ color: #eac44b; font-size: 34px}
.sslcontb11a{ color: #777777; font-size: 12px;}
.sslcontb12{ border-radius: 20px; width: 150px; text-align: center; color: #777; border: 1px solid #999; height: 40px; line-height: 38px; cursor: pointer; position: absolute; bottom: -20px; left: 50%; margin-left: -75px; transition: all 0.5s;}
.sslcontb2:hover {background: #fff url(../image/ssl03.jpg) no-repeat;border-color: #7fd87c;}
.sslcontb2:hover .sslcontb3,.sslcontb2:hover .sslcontb4{ color: #fff;}
.sslcontb2s{ background: #fff url(../image/qt_092b.jpg) no-repeat; height: 400px;}
.sslcontb2s:hover{ background: #fff url(../image/qt_091b.jpg) no-repeat;border-color: #f4cc4e;}
.sslcontb2s:hover .sslcontb3{ color: #333;}
.sslcontb2:hover .sslcontb12{ background: #f3d660; border-color: #f3d660; color: #555;}
.sslcontb2s .sslcontb8{ bottom: 210px;}
.sslcontb2s .sslcontb12{ bottom: 140px;}
.ipv620s{ height: 1320px;}
.sslcontb2b{ height: 560px;}
.sslcontb2b .sslcontb8{bottom: 60px;}
.sslcontb2b .sslcontb12{bottom: 0;}
.pb5{padding-bottom: 5px !important;; }
.mainGF > .headerTop.cdn { background: url('../image/bj_02.jpg') no-repeat center;background-size: cover; }
.mainGF > .headerTop.cdn > .info > i{ background: url('../image/CDN_03.png') no-repeat center; }
.mainGF > .headerTop.ecs { background:#222533; }
.mainGF > .headerTop.ecs > .info > i{ background: url('../image/ecs-banner.png') no-repeat center; }
.mainGF > .headerTop.monitor > .info > i{ background: url('../image/monitor05.png') no-repeat center; }

.mainGF > .advantages.cdn > .info > .superiorityList > ul > li > .top { margin: 18px auto 10px; width: 75px; height: 84px; background: url('../image/CDN_06.png') no-repeat -3px -2px; }

.mainGF > .advantages.cdn > .info > .superiorityList > ul > li.two > .top {
  background: url('../image/CDN_06.png') no-repeat  -96px -2px;
}
.mainGF > .advantages.cdn > .info > .superiorityList > ul > li.three > .top {
  background: url('../image/CDN_06.png') no-repeat -189px -2px;
}
.mainGF > .advantages.cdn > .info > .superiorityList > ul > li.four > .top {
  background: url('../image/CDN_06.png') no-repeat -282px -2px;
}
.mainGF > .advantages.cdn > .info > .superiorityList > ul > li.five > .top {
  background: url('../image/CDN_06.png') no-repeat -375px -2px;
}
.mainGF > .advantages.cdn > .info > .superiorityList > ul > li.six > .top {
  background: url('../image/CDN_06.png') no-repeat -468px -2px;
}


.mainGF > .advantages.ecs > .info > .superiorityList > ul > li > .top { margin: 18px auto 10px; width: 75px; height: 84px; background: url('../image/ecsicon_03.png') no-repeat 3px 5px; }

.mainGF > .advantages.ecs > .info > .superiorityList > ul > li.two > .top {
  background: url('../image/ecsicon_03.png') no-repeat  -149px 5px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li.three > .top {
  background: url('../image/ecsicon_03.png') no-repeat -303px 5px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li.four > .top {
  background: url('../image/ecsicon_03.png') no-repeat -456px 5px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li.five > .top {
  background: url('../image/ecsicon_03.png') no-repeat -610px 5px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li.six > .top {
  background: url('../image/ecsicon_03.png') no-repeat -762px 5px;
}

.mainGF > .advantages.ecs > .info > .superiorityList > ul > li:hover.one > .top {
  background: url('../image/ecsicon_03.png') no-repeat  3px -118px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li:hover.two > .top {
  background: url('../image/ecsicon_03.png') no-repeat  -149px -118px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li:hover.three > .top {
  background: url('../image/ecsicon_03.png') no-repeat  -303px -118px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li:hover.four > .top {
  background: url('../image/ecsicon_03.png') no-repeat  -456px -118px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li:hover.five > .top {
  background: url('../image/ecsicon_03.png') no-repeat  -610px -118px;
}
.mainGF > .advantages.ecs > .info > .superiorityList > ul > li:hover.six > .top {
  background: url('../image/ecsicon_03.png') no-repeat  -762px -118px;
}

.mainGF > .advantages.monitor > .info > .superiorityList > ul > li.one > .top {
  background: url('../image/monitor03.png') no-repeat  -7px -8px;
}
.mainGF > .advantages.monitor > .info > .superiorityList > ul > li.two > .top {
  background: url('../image/monitor03.png') no-repeat  -105px -8px;
}
.mainGF > .advantages.monitor > .info > .superiorityList > ul > li.three > .top {
  background: url('../image/monitor03.png') no-repeat -206px -8px;
}
.mainGF > .advantages.monitor > .info > .superiorityList > ul > li.four > .top {
  background: url('../image/monitor03.png') no-repeat -308px -8px;
}

.mainGF > .advantages.monitor > .info > .superiorityList > ul > li:hover.one > .top {
  background: url('../image/monitor03.png') no-repeat  -7px -103px;
}
.mainGF > .advantages.monitor > .info > .superiorityList > ul > li:hover.two > .top {
  background: url('../image/monitor03.png') no-repeat  -105px -103px;
}
.mainGF > .advantages.monitor > .info > .superiorityList > ul > li:hover.three > .top {
  background: url('../image/monitor03.png') no-repeat  -206px -103px;
}
.mainGF > .advantages.monitor > .info > .superiorityList > ul > li:hover.four > .top {
  background: url('../image/monitor03.png') no-repeat  -308px -103px;
}

.mainGF > .scenario.cdn > .info > .bodyInfo > ul > li > i {
  background: url('../image/CDN_09.png') no-repeat center;
  background-size: cover;
}
.mainGF > .scenario.cdn > .info > .bodyInfo > ul > li.two > i{
  background: url('../image/CDN_11.png') no-repeat center;
}
.mainGF > .scenario.cdn > .info > .bodyInfo > ul > li.three > i{
  background: url('../image/CDN_13.png') no-repeat center;
}

.mainGF > .scenario.cdn > .info > .bodyInfo > ul > li.one:hover > i {
  background: url('../image/CDN_19.png') no-repeat center;
}
.mainGF > .scenario.cdn > .info > .bodyInfo > ul > li.two:hover > i {
  background: url('../image/CDN_21.png') no-repeat center;
}
.mainGF > .scenario.cdn > .info > .bodyInfo > ul > li.three:hover > i {
  background: url('../image/CDN_23.png') no-repeat center;
}
.mainGF > .scenario.cdn {
  background: url('../image/CDN_01.jpg') center fixed no-repeat; background-size: cover;
}
.mainGF > .scenario.monitor {
  background: url('../image/monitor08.jpg') center fixed no-repeat; background-size: cover;
}
.sslcontb2btext{ font-size: 18px; color: #555; text-align: center; margin-top: 20px;}
.sslcontb2btext span{ display: inline-block; text-align: left; padding: 0 20px;}
.sslcontb2btext span i{ display: inline-block; width: 8px; height: 8px; background: #fee492; border-radius: 50%; position: relative; top: -2px; margin-right: 10px;}
.monitor_cj{ width: 466px; height: 466px;  margin-left: 110px; position: relative;}
.monitor_cj > div{ background: url(../image/monitor061.png); position: absolute; width: 481px; height: 137px; color: #fff; text-align: left; box-sizing: border-box; padding: 32px 30px; cursor: pointer;}


.monitor_cj > div:after{ content: ''; display: block; width: 220px; height: 32px; background: url(../image/monitor101.png); position: absolute;top: 60px; left: 320px;}

.monitor_cj > div:hover{background: url(../image/monitor041.png) 0 -0px; }
.monitor_cj > div:hover:after {background: url(../image/monitor091.png); }
.monitor_cj .monitor_cja{ font-size: 18px; padding-bottom: 6px;}
.monitor_cj .monitor_cjb{ color: #c7d6de; font-size: 14px;}

.monitor_cj > div.monitor_cj1{ left: -546px; top: 22px;}

.monitor_cj > div.monitor_cj2{ left: 600px; top: 2px;}
.monitor_cj > div.monitor_cj3{ left: -354px; top: 306px;}

.monitor_cj > div.monitor_cj4{ left: 600px; top: 326px;}
.monitor_cj > div.monitor_cj5{ left: 600px; top: 164px;}
.monitor_cj > div.monitor_cj1:after{}

.monitor_cj > div.monitor_cj2:after{ transform: scale3d(-1,1,1);left: -200px;}
.monitor_cj > div.monitor_cj3:after{transform: scale3d(1,-1,1);top: 44px;}

.monitor_cj > div.monitor_cj4:after{transform: rotate(180deg); left: -200px; top: 44px;}
.monitor_cj > div.monitor_cj5:after{     background: url(../image/monitor20.png) 158px -33px; left: -141px; top: 55px; width: 150px;} 
.monitor_cj > div.monitor_cj5:hover:after{ background: url(../image/monitor20.png) 158px -0px;}

.ecs_peizi{ clear: both;}
.ecs_peizi1{ border-bottom: 1px solid #cacaca; overflow: hidden;padding-left: 235px;box-sizing: border-box;}
.ecs_peizi1 > div{ overflow: hidden;}
.ecs_peizi1 span{ float: left; position: relative; cursor: pointer; display: block; padding: 18px 0px; width: 160px; text-align: center; font-size: 20px; color: #333; margin-right: 30px; margin-top: 40px;}
.ecs_peizi1 span:last-child{ margin-right: 0;}
.ecs_peizi1 span.on::after{ content: ''; display: block; width: 100%; height: 4px; background-color: #ffd66c; position: absolute; bottom: 0;}
.ecs_peizi2{ display: none;}
.ecs_peizi2a{ color: #999999; font-size: 16px; line-height: 30px; text-align: left; padding-top: 32px; margin-bottom: 30px;}
.ecs_peizi2b{ overflow: hidden;}
.ecs_peizi2c{ border: 1px solid #dddddd; padding: 22px 30px 30px; width: 510px; text-align: left; float: left;}
.ecs_peizi2c:last-child{ float: right;}
.ecs_peizi2c:hover{ border: 1px solid #ffd56c;}
.ecs_peizi2c:hover .ecs_peizi2f{border-bottom: 1px solid #ffd56c;}
.ecs_peizi2d{ font-size: 20px;    padding-bottom: 12px;}
.ecs_peizi2e{ font-size: 16px; color: #999; line-height: 28px;    text-align: left;}
.ecs_peizi2f{     height: 138px; border-bottom: 1px solid #dddddd;}
.ecs_peizi2f span{ float: left; width: 80px; height: 88px; text-align: center; font-size: 16px;margin: 20px 63px 20px 0; color: #999; box-shadow: 0 0 17px 0px rgba(0,0,0,.06);}
.ecs_peizi2f span:last-child{ margin-right: 0;}
.ecs_peizi2f span font{ display: block; font-size: 24px; color: #333;    padding: 12px 0 5px;}
.ecs_peizi2g{ padding-top: 30px;}
.ecs_peizi2g span{ font-size: 16px; color: #ff4800;}
.ecs_peizi2g span font{ font-size: 34px;}
.ecs_peizi2g span font.qi{ font-size: 16px;}
.ecs_peizi2g a{ float: right; width: 125px; height: 44px; line-height: 44px; text-align: center; border-radius: 5px;}
.ecs_peizi2g a.on{ background-color: #ffd56c; color: #333; }
.ecs_peizi2g a.none{background-color: #e3e4e5; color: #fff; }