@charset "utf-8";

.hkserver {

    width: 1200px;

    display: block;

    background: #FFF;

    margin: 5px auto 0px auto;

}

.hkserver ul li {

    width: 1190px;

    padding: 0;

    margin: 0 auto;

    height: 80px;

    margin-bottom: 20px;

    color: #707070;

    background: #FFF;

    border-radius: 5px;

    border-left: 5px #a1dbff solid;

    box-shadow: 0px 0px 5px #a1dbff;

    font-size: 16px;

    font-weight: normal;

    text-indent: 0;

}

.hkserver ul li:hover {

    border-left: 5px #0083ff solid;

    box-shadow: 0px 0px 10px #8ecafc;

}

.hkserver ul li:hover>dl dd {

    color: #333333;

}

.hkserver ul li.first {

    height: 50px;

    font-size: 14px;

    font-weight: bold;

    background: #1E93F3;

    border-left: 5px #1E93F3 solid;

    box-shadow: 0px 0px 5px #c1c5c7;

}

.hkserver ul li.first dl dd {

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #FFFFFF;

}

.hkserver ul li.first:hover {

    border-left: 5px #1E93F3 solid;

    box-shadow: 0px 0px 5px #c1c5c7;

}

.hkserver ul li.first:hover>dl dd {

    color: #FFFFFF;

}

.hkserver ul li.red {

    border-left: 5px #F7999A solid;

    box-shadow: 0px 0px 5px #F7999A;

}

.hkserver ul li.red:hover {

    border-left: 5px #F75659 solid;

    box-shadow: 0px 0px 5px #F75659;

}

.hkserver ul li.purple {

    border-left: 5px #C897F7 solid;

    box-shadow: 0px 0px 5px #C897F7;

}

.hkserver ul li.purple:hover {

    border-left: 5px #D00CF3 solid;

    box-shadow: 0px 0px 5px #D00CF3;

}

.hkserver ul li.green {

    border-left: 5px #C897F7 solid;

    box-shadow: 0px 0px 5px #C897F7;

}

.hkserver ul li.green:hover {

    border-left: 5px #D00CF3 solid;

    box-shadow: 0px 0px 5px #D00CF3;

}

.hkserver ul li dl dd {

    float: left;

    color: #666666;

    height: 60px;

    line-height: 60px;

    text-align: center !important;

    margin-top: 10px;

}



.btn-3 {

    display: block;

    margin: 14px auto;

    font-size: 14px;

    height: 30px;

    line-height: 30px;

    width: 100px;

    border: 1px solid #3EA9F7;

    background: #3EA9F7;

    color: #fff;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}

.btn-3:hover {

    background: #1966B7;

}

.btn-3-blue {

    margin: 14px auto;

    background: #5EB1F5;

    height: 30px;

    line-height: 30px;

    width: 110px;

    border: 1px solid #2471F8;

    box-shadow: 0px 2px 0 #bd524f, 2px 4px 6px #fff;

    letter-spacing: 1px;

    transition: all 150ms linear;

    display: block;

    color: #FFF;

    border-radius: 5px;

    font-size: 14px;

}

.btn-3-blue:hover {

    background: #2855AF;

    border: 1px solid #2471F8;

    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);

    color: #fff;

    text-decoration: none;

    text-shadow: -1px -1px 0 #fe5f5b;

    transition: all 250ms linear;

}

.addon {

    clear: both;

    padding-top: 15px;

    margin: 0 0 0 30px;

}

.addon ul li {

    font-size: 14px;

    line-height: 12px;

    float: left;

    list-style: disc;

    text-align: left;

    text-indent: -5px;

    margin-right: 40px;

}

.addon1 {

    clear: both;

    padding-top: 15px;

    margin: 0 0 0 30px;

}

.addon1 ul li {

    font-size: 14px;

    line-height: 12px;

    float: left;

    list-style: disc;

    text-align: left;

    text-indent: -5px;

    margin-right: 40px;

}

.shuoming {

    width: 100%;

    margin: 0 auto;

    clear: both;

    display: block;

    padding: 80px 0 0 0;

}

.shuoming1 {

    font-size: 24px;

    text-align: center;

    color: #1E93F3;

    line-height: 40px;

    display: block;

}

.shuoming2 {

    margin: 10px auto;

    display: block;

    overflow: hidden;

}

.shuoming2 ul li {

    height: 65px;

    line-height: 65px;

    border: 1px #CDCACA solid;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    width: 550px;

    margin-left: 30px;

 margin-right:;

    float: left;

    margin-top: 15px;

    text-indent: 80px;

    color: #363c40;

    box-shadow: 0px 0px 3px #c1c5c7;

    font-size: 16px;

}

.shuoming2 ul li:hover {

    box-shadow: 0px 0px 12px #c1c5c7;

}

.youshi {

    width: 100%;

    margin: 0 auto;

    clear: both;

    display: block;

    padding: 80px 0 0 0;

}

.youshi1 {

    font-size: 24px;

    text-align: center;

    display: block;

    color: #1E93F3;

}

.youshi1 span {

    font-size: 16px;

    text-align: center;

    display: block;

    color: #3B3B3B

}

.idcline {

    border-bottom: 1px dotted #CCCCCC;

    width: 100%;

    display: block;

    text-align: center;

    margin: 10px auto 0;

}

.youshi2 {

    padding: 0;

    margin: 20px 0 0 0;

    margin-bottom: 10px;

}

.youshi2 li {

    width: 25%;

    float: left;

    text-align: center;

    margin: 10px auto;

    padding: 0;

    font-size: 18px;

    line-height: 30px;

    display: block;

}

.youshi2 li img {

    width: 144px;

    display: block;

    margin: 0 auto

}

.youshi2 li span {

    display: inline-block;

    font-size: 14px;

    text-align: center;

    width: 260px;

    margin: 10px auto 0;

}

.youshi3 {

    padding: 0;

    margin: 20px 0 0 0;

    margin-bottom: 10px;

}

.youshi3 li {

    width: 150px;

    height: 150px;

    overflow: hidden;

    float: left;

    text-align: center;

    margin: 0 auto;

    margin-right: 56px;

    font-size: 16px;

    display: block;

    border: 1px solid #D7D7D7;

}

.youshi3 li:hover {

    border: 1px solid #0099ff;

    color: #0099ff;

}

.youshi3 li img {

    display: block;

    margin: 0 auto;

    padding-top: 25px;

    padding-bottom: 10px;

    text-align: center;

}

.youshi3 li span {

}

.youshi-last {

    margin: 0 auto;

    margin-bottom: 350px;

}

.idc-h1 {

    font-size: 32px;

    text-align: center;

    margin: 10px 0 20px 0;

    overflow: hidden;

    font-weight: 700;

}

.idc-h1 span {

    font-size: 16px;

    text-align: center;

    margin: 0 auto;

    display: block;

    padding: 10px 0 0;

    color: #666;

}

.idc-support-contact, .idc-refund, .idc-about {

    padding: 0;

    margin: 40px auto 0;

    overflow: hidden;

    position: relative;

}

.idc-support-contact dl {

    border: 1px solid #ddd;

    height: 88px;

    padding: 45px 60px;

    overflow: hidden;

    margin: 30px 10px 10px 10px;

    border: 10px solid #FFF;

    box-shadow: 1px 2px 8px 2px #D5D2D2;

}

.idc-support-contact dl dt {

    width: 128px;

    height: 100px;

    padding: 0;

    float: left;

    margin: -12px 60px 0 0;

    background: url("/idc/idc-support4.png") no-repeat;

}

.idc-support-contact dl dd h4 {

    font-size: 18px;

    margin: 0 0 15px;

}

.idc-support-contact dl dd p {

    line-height: 1.8em;

    font-size: 14px;

    padding: 0;

    text-indent: 0;

}

.idc-support-contact ul {

    text-align: center;

    overflow: hidden;

}

.idc-support-contact ul li {

    float: left;

    background: #fff;

    text-align: center;

    width: 29.5%;

    border: 10px solid #FFF;

    margin: 10px;

    box-shadow: 1px 2px 8px 2px #D5D2D2;

    display: inline-block;

}

.idc-support-contact ul a {

    display: block;

    height: 160px;

    padding: 30px 0 0;

    font-size: 18px;

    overflow: hidden

}

.idc-support-contact ul a:before {

    content: "";

    display: block;

    width: 92px;

    height: 92px;

    margin: 0 auto 14px;

}

.idc-support-contact ul span {

    color: #05bcff;

    font-size: 20px;

    font-family: "Arial"

}

.idc-support-contact .item2 {

    margin: 10px 19px;

}

.idc-support-contact .item1 a:before {

    background: url("/idc/idc-support1.png") no-repeat;

}

.idc-support-contact .item2 a:before {

    background: url("/idc/idc-support2.png") no-repeat;

}

.idc-support-contact .item3 a:before {

    background: url("/idc/idc-support3.png") no-repeat;

}



.idc-support-contact .partner li {



    line-height: 1.6em;

    padding: 120px 0 20px;



}

.idc-support-contact .item5 {

    background: url(/idc/idc-support5.png) no-repeat center 20px;

}

.idc-support-contact .item6 {

    background: url(/idc/idc-support6.png) no-repeat  center 20px ;

margin: 10px 19px;

}

.idc-support-contact .item7 {

    background: url(/idc/idc-support7.png) no-repeat center 20px  ;



}

.idc-support-contact .item8 {

    background: url(/idc/idc-support8.png) no-repeat center 20px;

	background-size: 90px;

}

.idc-support-contact .item9 {

    background: url(/idc/idc-support9.png) no-repeat  center 20px ;

	background-size: 90px;

margin: 10px 19px;

}

.idc-support-contact .item10 {

    background: url(/idc/idc-support10.png) no-repeat center 20px  ;

	background-size: 90px;



}



.reseller-table { 

	margin: 60px auto 0;

    padding: 0;

    width: 100%;

    background-color: transparent;

    border-collapse: collapse;

    border-spacing: 0;

	text-align: center;

	border: 3px solid #212020;

	font-size:18px;

}

.reseller-table thead

{ color: #FFFFFF;

	background: #212020; 

	line-height: 4em; 

	font-size: 20px;}

.reseller-table tbody td {

	line-height: 4em;

	font-size: 20px;

	width: 33.3%; 

}



.aff {

    margin: 60px auto 0;

    display: block;

    padding: 0;

    clear: both;

    line-height: 1.8em;

	

}

.aff1 {

    float: left;

    background: linear-gradient(45deg, #ff9900 3%, #ff8800 55%, #ff7700 91%) !important;

    width: 553px;

    height: 207px;

    border: 10px solid #fff;

    margin: 10px;

    box-shadow: 1px 3px 8px 2px #D5D2D2;

}

.aff2 {

    float: right;

    background: linear-gradient(45deg, #58acf6 3%, #2e94ed 55%, #1e88e5 91%) !important;

    width: 553px;

    height: 207px;

    border: 10px solid #fff;

    margin: 10px;

    box-shadow: 1px 3px 8px 2px #D5D2D2;

}

.aff h4 {

    font-size: 26px;

    text-align: center;

    color: #fff;

    font-weight: bold;

	padding-top: 40px;

		vertical-align:baseline;

}

.aff h4 span {

    font-size: 56px;



	vertical-align:baseline;





}



.aff p {

    font-size: 18px;

line-height: 2em;

    color: #fff;

	text-align: center;

	padding: 25px 0 0 0;

}





.idc-support-free {

    margin: 0 auto;

    padding: 40px 0 0;

}

.idc-support-free .div1 {

    background: url(/idc/idc-support-free-bg.jpg) top center no-repeat;

}

.idc-support-free .div1 .div2 {

    width: 1200px;

    margin: 0 auto;

    height: 320px;

    padding: 50px 0 0 0;

}

.idc-support-free .div1 .div2 ul {

}

.idc-support-free .div1 .div2 ul li {

    width: 540px;

    height: 280px;

    background: #FFF;

    border-radius: 5px;

    box-shadow: 0px 0px 10px #666;

    overflow: hidden;

}

.idc-support-free .div1 .div2 ul li .d1 {

    width: 460px;

    height: 200px;

    margin: 40px auto;

}

.idc-support-free .div1 .div2 ul li .d1 dl dd {

    width: 100%;

    margin-bottom: 5px;

    height: 30px;

    line-height: 30px;

    background: url( "/idc/check.png") right top no-repeat;

    font-size: 16px;

    color: #4e4e4e

}

.idc-support-paid {

    margin: 80px auto 60px;

    padding: 0;

}

.idc-support-paid .div11 {

    height: 1680px;

    width: 1200px;

    margin: 0 auto;

    display: block;

}

.idc-support-paid .div11 .leibie {

    width: 160px;

    float: left;

}

.idc-support-paid .div11 .leibie dl dt {

    height: 55px;

    line-height: 55px;

    color: #FFF;

    font-size: 18px;

    text-align: center;

    background: #44B5F4

}

.idc-support-paid .div11 .leibie dl dd {

    width: 158px;

    border-bottom: 1px #d1d1d1 solid;

    border-left: 1px #d1d1d1 solid;

    border-right: 1px #d1d1d1 solid;

    background: #f0f0f0;

    text-align: center;

    font-size: 16px;

    color: #4e4e4e

}

.idc-support-paid .div11 .xianmu {

    width: 1040px;

    float: left;

}

.idc-support-paid .div11 .xianmu ul li {

    float: left;

}

.idc-support-paid .div11 .xianmu ul li:hover {

    box-shadow: 0px 0px 20px #666;

}

.idc-support-paid .div11 .xianmu ul li:hover>dl dt {

    height: 65px;

    line-height: 65px;

    margin-top: -10px;

    background: #2671D7

}

.idc-support-paid .div11 .xianmu ul li:hover>dl dd.last {

    height: 49px;

    line-height: 49px;

}

.idc-support-paid .div11 .xianmu ul li dl dt {

    width: 100%;

    height: 55px;

    line-height: 55px;

    background: #44B5F4;

    color: #FFF;

    font-size: 18px;

    text-align: center

}

.idc-support-paid .div11 .xianmu ul li dl dd {

    height: 44px;

    border-bottom: 1px #d1d1d1 solid;

    border-right: 1px #d1d1d1 solid;

    line-height: 44px;

    text-align: center;

    color: #4e4e4e;

    font-size: 14px;

}

.idc-support-paid .div11 .xianmu ul li dl dd span {

    color: #1ab4a8;

    font-weight: bold;

}

.idc-support-paid .div11 .xianmu ul li dl dd.kl {

    text-align: left;

    text-indent: 20px;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

.idc-refund {

}

.idc-refund-step {

    margin: 50px -40px 0;

    min-width: 1200px;

}

.idc-refund-step li {

    float: left;

    text-align: center;

    width: 320px;

}

.idc-refund-step li:before {

    content: "";

    width: 60px;

    height: 60px;

    display: inline-block;

    background: url("/idc/icons.png") no-repeat

}

.idc-refund-step h5 {

    font-size: 18px;

}

.idc-refund-step p {

    margin: 13px 0;

    height: 20px;

    background: url("/idc/ico.png") center no-repeat;

}

.idc-refund-step p:before {

    content: "";

    float: left;

    height: 1px;

    margin: 10px 0 0;

    background: url("/idc/line.png") left center no-repeat

}

.idc-refund-step p:after {

    content: "";

    float: right;

    height: 1px;

    margin: 10px 0 0;

    background: url("/idc/line.png") left center no-repeat

}

.idc-refund-step p:before {

    width: 143px;

}

.idc-refund-step p:after {

    width: 143px;

}

.idc-refund-step .item1 p:before {

    width: 0;

    background: none;

}

.idc-refund-step .item1:before {

    background-position: -65px -132px;

}

.idc-refund-step .item2:before {

    background-position: -195px 0;

}

.idc-refund-step .item3:before {

    background-position: -130px -132px;

}

.idc-refund-step .item4:before {

    background-position: -195px -132px;

}

.idc-refund-step .item4 p:after {

    width: 0;

    background: none;

}

.idc-faq {

    overflow: hidden;

    padding-top: 50px;

	display: block;

	clear: both;

}

.idc-faq h3 {

    height: 25px;

    line-height: 25px;

    font-size: 18px;

    margin: 0 0 20px;

    padding-left: 30px;

    overflow: hidden;

    background: url("/idc/faq.png") left no-repeat;

}

.idc-faq div {

    border: 1px solid #dddddd;

    padding: 20px 50px;

    margin-bottom: 20px;

}

.idc-faq div h4 {

    font-size: 16px;

    line-height: 30px;

    font-weight: bold;

    padding: 0 0 10px 28px;

    margin-left: -5px;

}

.idc-faq div P {

    font-size: 16px;

    line-height: 26px;

    padding: 0;

    margin: 0;

    text-indent: 0;

}

.faq1 {

    background: url("/idc/1.png") no-repeat 45px 22px;

}

.faq2 {

    background: url("/idc/2.png") no-repeat 45px 22px;

}

.faq3 {

    background: url("/idc/3.png") no-repeat 45px 22px;

}

.faq4 {

    background: url("/idc/4.png") no-repeat 45px 22px;

}

.faq5 {

    background: url("/idc/5.png") no-repeat 45px 22px;

}

.faq6 {

    background: url("/idc/6.png") no-repeat 45px 22px;

}

.idc-click {

    clear: both;

    text-align: center;

    padding: 80px 0;

    overflow: hidden;

}

.idc-about h1 {

    display: block;

    clear: both;

}

.introduce {

}

.introduce .fl {

    background: url("/idc/company-id.jpg") no-repeat; 

    border: 15px solid #fff;

    width: 36.2%;

    height: 500px;

    margin: 15px;

    float: left;

    box-shadow: 2px 5px 13px 2px #D5D2D2;

}

.introduce .fr {

    width: 55%;

    float: right;

}

.introduce .fr p {

    font-size: 16px;

    line-height: 34px;

    padding-top: 20px;

}

.introduce ul {

    margin: 0;

    padding: 30px 0 0 0;

}

.introduce ul li {

    float: left;

    border-right: 1px solid #CFCBCB;

    line-height: 16px;

    width: 164px;

    height: 80px;

    text-align: center;

    font-size: 16px;

}

.introduce ul li span {

    font-size: 24px;

    font-family: '微软雅黑';

    padding: 16px 0 20px 0;

    color: #579AF5;

    font-weight: bold;

    display: block;

}

.vip-ts {

    margin: 0 auto;

    display: block;

    padding: 80px 0 0 0;

    clear: both;

}

.vip-ts .fl {

    float: left;

    background: url("/idc/vip-ts1.png") no-repeat;

    width: 553px;

    height: 207px;

    border: 10px solid #fff;

    margin: 10px;

    box-shadow: 1px 3px 8px 2px #D5D2D2;

}

.vip-ts .fr {

    float: right;

    background: url("/idc/vip-ts2.png") no-repeat;

    width: 553px;

    height: 207px;

    border: 10px solid #fff;

    margin: 10px;

    box-shadow: 1px 3px 8px 2px #D5D2D2;

}

.vip-ts h4 {

    font-size: 32px;

    text-align: center;

    padding: 30px 0 0;

    color: #5B5858;

}

.vip-ts p {

    font-size: 16px;

    text-align: center;

    padding: 15px 0 0;

    color: #5B5858;

}

.vip-ts a, .vip-ts a:hover {

    color: #5B5858

}

.vip-ts span {

    font-size: 24px;

    text-align: center;

    padding: 15px 0 0;

    color: #5B5858;

    display: block;

}

.payment {

    margin: 0 auto;

    padding: 60px 0 100px;

    font-size: 14px;

    display: block;

    float: left;

    clear: both;

}

.payment p {

    height: 160px;

    width: 249px;

    float: left;

    padding: 30px 0 0 110px;

    border: 5px solid #fff;

    margin: 5px;

    box-shadow: 0px 3px 5px 3px #D5D2D2;

}

.payment b {

    font-size: 16px;

    line-height: 40px;

}

.payment p span {

    font-size: 12px;

    margin-left: -10px;

}

.payment .item1 {

    background: url("/idc/icbc.png") no-repeat 25px 60px;

}

.payment .item2 {

    background: url("/idc/alipay.png") no-repeat 25px 60px;

    margin-left: 36px;

    margin-right: 36px;

}

.payment .item3 {

    background: url("/idc/paypal.png") no-repeat 25px 60px;

}

.website {

    margin: 0 auto 100px;

    clear: both;

    height: 210px;

}

.website a {

    width: 33%;

    height: 100px;

    margin: 0 auto;

    padding: 0;

    display: block;

    float: left;

    text-align: center;

    vertical-align: bottom;

}

.website p {

    padding-top: 30px;

}



.idc-index-product {

    margin: 30px auto 0;

    overflow: hidden;

}

.idc-index-product ul {

    margin: 30px 0 0 -39px;

    overflow: hidden;

}

.idc-index-product ul li {

    float: left;

    margin-left: 39px;

    border: 1px solid #eee;

    background: #fff;

    text-align: center;

    width: 30%;

    overflow: hidden;

    height: 380px;

}

.idc-index-product ul li h4 {

    display: block;

    font-weight: normal;

    text-align: center;

    padding: 150px 0 0;

    font-size: 24px;

}

.idc-index-product ul li p {

    display: block;

    text-align: center;

    padding: 10px 0 0;

    font-size: 16px;

}

.idc-index-product ul li span {

    color: #4870DC;

    font-size: 24px;

    font-family: "Arial";

    margin: 0 5px;

}

.btn-blue {

    display: block;

    margin: 20px auto 0;

    padding: 5px 16px;

    font-size: 14px;

    border: 1px solid #3EA9F7;

    background: #3EA9F7;

    color: #fff;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    width: 65px;

}

.btn-blue:hover {

    background: #1966B7;

}

.idc-index-product .item1 {

    background: url("/idc/index-product-1.png") no-repeat center 30px;

}

.idc-index-product .item2 {

    background: url("/idc/index-product-2.png") no-repeat center 30px;

}

.idc-index-product .item3 {

    background: url("/idc/index-product-3.png") no-repeat center 30px;

}

.idc-index-pro {

    margin: 60px auto 30px;

    overflow: hidden;

}

.idc-index-pro p {

    display: block;

    text-align: center;

    padding: 0;

    font-size: 18px;

    line-height: 2.4em;

}

.idc-index-pro a {

    text-align: center;

}

.idc-index-intro-bg {

    background: url("/idc/idc-index-intro-bg.jpg") center top no-repeat;

    margin: 60px auto 0;

}

.idc-index-intro {

    margin: 0 auto;

    padding: 20px 0 0;

    max-width: 1200px;

    color: #fff;

    text-align: center;

}

.idc-index-intro .idc-h1 {

    color: #0099ff;

}

.idc-index-intro p {

    font-size: 16px;

    line-height: 34px;

    padding: 10px 100px;

    color: #fff;

}

.idc-index-intro span {

    display: block;

    text-align: center;

    font-size: 18px;

    padding: 20px 0 0 0;

}

.idc-index-intro ul {

    margin: 0 auto 120px;

    padding: 30px 20px 0;

}

.idc-index-intro ul li {

    float: left;

    border-right: 1px solid #CFCBCB;

    line-height: 16px;

    width: 288px;

    height: 80px;

    text-align: center;

    font-size: 16px;

}

.idc-index-intro ul li span {

    font-size: 24px;

    font-family: '微软雅黑';

    padding: 16px 0 20px 0;

    color: #fff;

    font-weight: bold;

    display: block;

}

.idc-index-dc-bg {

    background: url("/idc/idc-index-dc-bg.jpg") center top no-repeat;

    margin: 0 auto 0;

}

.idc-index-dc {

    margin: 0 auto;

    padding: 20px 0 0;

    max-width: 1200px;

}

.idc-index-dc ul {

    margin: 260px auto 130px;

    padding: 20px 20px 0;

}

.idc-index-dc ul li {

    float: left;

    border-right: 1px solid #CFCBCB;

    line-height: 16px;

    width: 288px;

    height: 80px;

    text-align: center;

    font-size: 16px;

}

.idc-index-dc ul li span {

    font-size: 24px;

    font-family: '微软雅黑';

    padding: 16px 0 20px 0;

    font-weight: bold;

    display: block;

}

.idc-index-news {

    height: 360px;

    margin: 50px auto;

}

.idc-index-news h4 {

    width: 345px;

    color: #fff;

    font-weight: bold;

    font-size: 18px;

    padding-top: 25px;

    text-indent: 1.6em;

}

.idc-index-news ul {

    padding-top: 50px;

}

.idc-index-news ul li {

    font-size: 13px;

}

.idc-index-news ul li span {

    padding-right: 10px;

    color: #999;

}

.idc-index-news ul li a {

    color: #333;

  /**  padding: 10px 10px;**/

    line-height: 2em;

}

.idc-index-news ul li a:hover {

    color: deepskyblue;

}

.idc-index-n-1, .idc-index-n-2, .idc-index-n-3 {

    width: 344px;

    float: left;

    overflow: hidden;

    display: block;

    margin-top: 30px;

}

.idc-index-n-1 {

    background: url("/idc/idc-index-news-bg1.png") top no-repeat;

}

.idc-index-n-2 {

    background: url("/idc/idc-index-news-bg2.png") top no-repeat;

}

.idc-index-n-3 {

    background: url("/idc/idc-index-news-bg3.png") top no-repeat;

}

.idc-index-n-line {

    width: 84px;

    float: left;

    background: url("/idc/idc-index-news-line.png") center -20px no-repeat;

    height: 350px;

}







.idc-footer-pre {

    text-align: center;

    padding: 30px 0;

    background-color: #1e88e5;

}

.ifp-div {

    font-size: 20px;

    color: #fff;

    margin-bottom: 20px;

    float: left;

}

.ifp-reg {

    margin-right:20px;

   margin-left:15px;

    padding: 5px 12px;

    font-size: 14px;

    border: 2px solid #D1E9DF;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    width: 65px;

    color: #eee;

}

.ifp-reg:hover {

    background: #1966B7;

    border: 2px solid #1966B7;

    color: #FFF;

}

.idc-footer {

    background: url("/idc/footer-bg.jpg") center top repeat;

    width: 100%;

    padding: 60px 0 50px 0;

    margin: 0 auto;

    color: #ccc !important;

    position:relative;

}

.idc-footer a {

    color: #ccc;

}

.idc-footer a:hover {

    color: #09f;

}

.if-left {

    float: left;

    width: 800px;

    display: block;

}

.if-intro {

    margin: 0 auto

}

.if-intro img {

    width: 150px;

    border-right: 1px solid #999;

    padding-right: 20px;

    margin-right: 20px;

}

.if-intro span {

    text-align: center;

    vertical-align: middle;

    display: inline-block;

    max-width: 600px;

    font-size: 14px;

}

.if-nav {

    width: 100%;

    margin: 50px auto;

}

.if-1 {

    width: 20%;

    float: left;

}

.if-2 {

    width: 25%;

    float: left;

}

.if-3 {

    width: 30%;

    float: left;

}

.if-4 {

    width: 25%;

    float: left;

}

.if-nav ul li {

    line-height: 2em;

}

.if-nav .idc-h6 {

    font-weight: bold;

    font-size: 14px;

    line-height: 3em;

    color: #fff;

}

.if-right {

    float: right;

    width: 400px;

    margin: 60px auto;

}

.ifr-1 {

    width: 50%;

    float: left;

}

.ifr-2 {

    width: 50%;

    float: left;

}

.if-right img {

    margin: 0 auto;

    display: block;

}

.if-right span {

    display: block;

    text-align: center;

}

.ifr-1 img, .ifr-1 span {

    padding-left: 100px

}

.ifr-2 img, .ifr-2 span {

    padding-left: 30px

}

.if-all {

    width: 100%;

    clear: both;

}

.if-link {

    margin: 0 auto;

    padding: 50px 0 0 0;

    text-align: center;

}

.if-link span {

    font-weight: bold;

    padding-right: 20px;

}

.if-link a {

    font-weight: normal;

    font-size: 13px;

    padding-right: 10px;

}

.if-link a:hover {

    color: deepskyblue

}

.if-copyright {

    margin: 20px auto 0;

    text-align: center;

}









.idc-side {

    position: fixed;

    top: 0;

    right: 0;

    width: 45px;

    height: 100%;

    z-index: 18;

    background: url(/idc/side.png) center top repeat;

    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);

}

.idc-side ul {

}

.idc-side .en {

    font-size: 11px;

    margin: 20px 0 125px;

    font-family: Verdana；

}

.idc-side ul li a {

    display: block;

    margin-top: 30px;

    text-align: center;

    color: #fff;

}

.idc-side ul li img {

    display: block;

    text-align: center;

    margin: 0 auto;

}

.idc-side ul li.consulting .img2 {

    display: none;

}

.idc-side ul li.consulting span {

    display: inline-block;

    margin: 0 2px;

    width: 5px;

    height: 5px;

    border-radius: 100%;

    background: #fff;

}

.idc-side ul li.consulting span:nth-child(1) {

    -webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;

    animation: consulting 0.6s 0.07s infinite ease-in-out;

}

.idc-side ul li.consulting span:nth-child(2) {

    -webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;

    animation: consulting 0.6s 0.14s infinite ease-in-out;

}

.idc-side ul li.consulting span:nth-child(3) {

    -webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;

    animation: consulting 0.6s 0.21s infinite ease-in-out;

}

@keyframes consulting {

 33% {

 -webkit-transform: translateY(5px);

 transform: translateY(5px);

}

 66% {

 -webkit-transform: translateY(-5px);

 transform: translateY(-5px);

}

 100% {

 -webkit-transform: translateY(0);

 transform: translateY(0);

}

}

 @-webkit-keyframes consulting {

 33% {

 -webkit-transform: translateY(5px);

 transform: translateY(5px);

}

 66% {

 -webkit-transform: translateY(-5px);

 transform: translateY(-5px);

}

 100% {

 -webkit-transform: translateY(0);

 transform: translateY(0);

}

}

.idc-side ul li.consulting.active {

    background: #fff;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

}

.idc-side ul li.consulting.active a {

    color: #39f;

}

.idc-side ul li.consulting.active span {

    background: #39f;

}

.idc-side ul li.consulting.active .img1 {

    display: none;

}

.idc-side ul li.consulting.active .img2 {

    display: block;

}

.consulting_box {

    width: 250px;

    height: 100%;

    background: #fff;

    overflow: hidden;

    z-index: 15;

    position: fixed;

    top: 0;

    right: -250px;

    box-shadow: -2px 0 10px rgba(0, 0, 0, .1);

    transition: 0.8s all;

    -webkit-transition: 0.8s all;

}

.consulting-phone {

    background: url(/idc/cp-bg.png) center top no-repeat;

    text-align: center;

    padding: 20px 0 15px 0;

    color: #fff;

}

.cp-h4 {

    font-size: 16px;

}

.cp-h6 {

    font-size: 16px;

    margin: 5px 0 0;

}

.consulting-qq {

    padding: 0;

    border-bottom: solid 1px #399BEC;

}

.consulting-qq-h4 {

    text-align: center;

    font-size: 16px;

    color: #333;

    padding: 25px 0 10px 0;

}

.consulting-qq ul {

    margin: 0px 0 25px 0;

}

.qq {

    background: url("/idc/qq.png") no-repeat 60px 10px;

    ;

    padding-left: 100px;

    display: block;

    height: 40px;

    line-height: 40px;

    color: #666;

}

.qq:hover {

    background: url("/idc/qq1.png") no-repeat 60px 10px #3c9af2;

    color: #fff;

    padding-left: 100px;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

}

.consulting-faq {

    padding: 0;

}

.cf-h4 {

    text-align: center;

    font-size: 16px;

    color: #333;

    padding: 25px 0 10px 0;

}

.consulting-faq ul {

    padding: 0 0 0 25px;

}

.consulting-faq ul li {

    line-height: 2.6em;

    overflow: hidden;

    width: 200px;

}

.consulting-faq ul li a {

    display: inline-block;

    font-size: 12px;

    color: #333;

}

.consulting-faq ul li span {

    display: inline-block;

    width: 5px;

    height: 5px;

    border-radius: 100%;

    background: #3c9af2;

    margin: 3px 10px 3px 0;

    animation: none;

}

.consulting_box .close {

    position: absolute;

    top: 5px;

    right: 8px;

    cursor: pointer;

}

.consulting_box .close img {

    transition: 0.4s all;

    -webkit-transition: 0.4s all;

}

.consulting_box .close:hover img {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}









.idc1 {

    

    background: linear-gradient(135deg, #0f4c95 10%, #1e88e5 64%, #40BAF5 95%);

    text-align: center;

    padding: 120px 0 50px;

    overflow: hidden;

}

.idc-title {

    font-size: 45px;

    color: #fff;

    margin-bottom: 10px;

}

.idc-text {

    font-size: 15px;

    color: #aedaff;

}

.idc-tip {

    margin: 30px 0 0px;

    text-align: center;

    position: relative;

}

.idc-tip:before {

    content: "";

    position: absolute;

    top: 12px;

    left: 0;

    right: 0;

    width: 80%;

    max-width: 600px;

    margin: 0 auto;

    border-bottom: 1px solid #eee;

}

.idc-tip h4 {

    font-size: 16px;

    position: relative;

    display: inline-block;

    background-color: #fff;

    padding: 0 30px;

    z-index: 1;

    border-radius: 5px;

}

.idc-tip .create_web {

    margin-top: 18px;

}

.idc-tip a {

    display: inline-block;

    padding: 6px 30px;

    background: #3B9EF3;

    border-radius: 3px;

    color: #fff;

    border: solid 1px #3B9FF2;

    transition: all 0.3s;

}

.idc-tip a:hover {

    background: transparent;

    color: #3B9FF2;

}

.idc-tip h4 {

    padding: 0 26px;

}

.idc2 {

    margin: 0 auto;

}

.idc2-box {

    line-height: 32px;

    font-size: 18px;

    margin: 0 auto;

    padding: 0;

}





.idc-banner {

    overflow: hidden;

    text-align: center;

    z-index: 10;

    position: relative;

    background: linear-gradient(135deg, #0f4c95 10%, #1e88e5 64%, #40BAF5 95%);

    height: 380px;

}

.ib-h4 {

    color: #fff;

    font-size: 36px;

    padding-top: 110px;

}

.ib-h6 {

    color: #CCE6F0;

    font-size: 18px;

    line-height: 1.8em;

    padding: 30px 0 0 0;

}

.ib-button {

    margin: 30px auto 0;

    padding: 5px 16px;

    font-size: 14px;

    border: 1px solid #D1E9DF;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    width: 65px;

    color: #FFF;

    display: inline-block;

}

.ib-button:hover {

    background: #1966B7;

    border: 1px solid #1966B7;

    color: #FFF;

}

.idc-banner .owl-pagination {

    margin-top: 0px;

}

.idc-banner .owl-theme .owl-controls .owl-page {

    display: inline-block;

    zoom: 1;

 *display: inline;



}

.idc-banner .owl-theme .owl-controls .owl-page span {

    display: block;

    width: 12px;

    height: 12px;

    margin: 5px 7px;

    filter: Alpha(Opacity=50);

    

    opacity: 0.5;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: #fff;

    overflow: hidden;

    border: 1px #fff solid;

    transition: all .3s;

}

.idc-banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span {

    filter: Alpha(Opacity=100);

    

    opacity: 1;

    background: none;

}

.idc-banner .owl-buttons {

    display: none

}

.idc-banner .owl-prev, .banner .owl-next {

    width: 39px;

    height: 39px;

    border-radius: 100%;

    opacity: 0.5;

    transition: 0.3s all;

    -webkit-transition: 0.3s all;

    margin-top: -100px;

    display: none;

}

.idc-banner .owl-prev {

    margin-left: 40px;

    float: left;

    background: #fff url(../images/icon_prev2_1.png) center no-repeat;

    display: none;

}

.owl-next {

    margin-right: 40px;

    float: right;

    background: #fff url(../images/icon_next2_1.png) center no-repeat;

    display: none;

}





.pro {

    margin: 60px auto 0px;

    padding: 0;

    background-color: #ffffff;

    border: 1px solid transparent;

    border-color: #dddddd;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

    display: block;

    clear: both;

}

.pro-title {

    color: #fff;

    background-color: #25A5F7;

    border-color: #dddddd;

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

    font-size: 18px;

}

.pro-title span {

    font-size: 14px;

    float: right;

    padding-right: 20px;

    vertical-align: bottom;

    width: 360px;

}

.pro > .pro-table:last-child, .pro > .pro-table-responsive:last-child > .pro-table:last-child {

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

}

.pro > .pro-table, .pro > .pro-table-responsive > .pro-table, .pro > .pro-collapse > .pro-table {

    margin-bottom: 0;

}

.pro-table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 20px;

    background-color: transparent;

    border-collapse: collapse;

    border-spacing: 0;

}

.pro-table thead {

    display: table-header-group;

    vertical-align: middle;

}

.pro-table tr {

    display: table-row;

    vertical-align: inherit;

    box-sizing: border-box;

    font-size: 16px;

}

.pro-table > thead > tr > th {

    vertical-align: bottom;

    border-bottom: 2px solid #dddddd;

}

.pro-table > thead > tr > th, .pro-table > tbody > tr > th, .pro-table > tfoot > tr > th, .pro-table > thead > tr > td, .pro-table > tbody > tr > td, .pro-table > tfoot > tr > td {

    padding: 10px;

    line-height: 1.6em;

    vertical-align: top;

    border-top: 1px solid #dddddd;

    padding-left: 26px;

}

.pro-table th {

    text-align: left;

    font-weight: bold;

    font-size: 14px;

}

.pro-table span {

    display: block;

    font-size: 14px;

    padding-left: 20px;

    background: url("/idc/check1.png") no-repeat left;

    margin-left: 15px;

    margin-top: 10px;

    margin-bottom: -10px

}

.pro-table .btn-blue {

    margin: 0;

    padding: 2px 5px;

    text-align: center;

	

	

}

.idc-la {

    background: #E4F3F9;

    border: 1px solid #95CFE7;

}

.idc-la-border1 td {

    border-top: 1px solid #95CFE7 !important;

}

.idc-la-border2 td {

    border-bottom: 1px solid #95CFE7;

}

.idc-la-border3 {

    border-bottom: 1px solid #95CFE7;

}





.idc-now {

    font-size: 14px;

    color: #777;

    line-height: 30px;

    margin: 20px 0px 20px 40px;

} 

.idc-now a {

    color: #777;

}

.qq-button {

    display: inline-block;

    border: 1px solid #D1E9DF;

    color: #eee;

    margin-left: 3px;

    padding: 5px 18px 5px 25px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    overflow: hidden;

    background: url(/idc/qq3.png) 8px center no-repeat;

}

.qq-button:hover {

    padding: 5px 18px 5px 25px;

    background: url(/idc/qq3.png) #1966B7 8px center no-repeat;

    border: 1px solid #1966B7;

    color: #FFF;

}

.idc-sp-reg {

    padding: 10px 0 0 0;

    margin-left: 10px;

    ;

    float: left;

}

.idc-input {

    position: relative;

    width: 100%;

    max-width: 800px;

    margin: 20px auto 0px auto;

}

.idc-input input {

    background: #2A6EAA;

    color: #eee;

    border: solid 1px #78ADF4;

    width: 100%;

    height: 50px;

    line-height: 50px;

    border-radius: 3px;

    text-indent: 20px;

}

.idc-input img {

    position: absolute;

    top: 10px;

    right: 20px;

    cursor: pointer;

}

.pagenavi ul {

    border: none;

}

.gap{margin-bottom:80px;}

.robot{position:absolute; width:200px; top:220px; right: 120px; float:right}

/* This is the selector i used for my menu, it needs to be set as position:absolute; */

.subMenu {
	position:fixed;
	top: 522px;
	height: 55px;
	z-index: 11;
	width: 100%;
	margin: 0 auto;
	
	background: #fff;
	border-bottom: 1px #eee solid;

}
.subMenu button{background: linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%) !important;border: 0;color: #fff;padding: 5px;margin-top: 9px;border-radius: 3px;width: 100px;float: right}

.subMenu a{color: #333;font-weight: bold;height: 55px}
.subMenu a:hover{color: #1e88e5}
.subMenu a.active{color: #1e88e5;border-bottom: 3px #1e88e5 solid}
.subMenu .inner {
	padding:0;
	font-weight: 400;
}
.subMenu.fxd{box-shadow: rgba(55, 61, 65, 0.3) 0px 0px 10px 0px;border-bottom: 0;}
.subMenu button{display: none;outline: none  !important}
.subMenu.fxd button{display: block;font-weight: bold}
.subMenu .cloudorder{background: linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%) ;border-radius: 3px;padding: 4px;color: #fff;width: 100px;text-align: center;margin-top: 13px;border: 0;outline: none}


.subNavBtn {
	display: block;
	height: 35px;
	width: 16%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	padding: 15px 2% 0 2%;
	text-align: center;
	color: #fff;
}

.footer .foot_link{width:1200px; margin:10px auto; height:25px; line-height:25px; overflow:hidden;transition:all .6s;background:url(../images/f_linkcion.png) no-repeat right 5px; display:block; padding-right:20px; }
.footer .foot_link b{ color:#ececec}
.footer .foot_link:hover{overflow:visible;height:100px;transition:all .6s ; background:url(../images/f_linkcion.png) no-repeat right 5px;}
.footer .foot_link a{ color:#b9bcc5; padding-left:5px;padding-right:5px;}