@charset "utf-8";
.server {
    width: 1200px;
    display: block;
    background: #FFF;
    margin: 60px auto 0px auto;
}
.server 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;
   position:relative;
}
.server ul li:hover {
    border-left: 5px #0083ff solid;
    box-shadow: 0px 0px 10px #8ecafc;
}
.server ul li:hover>dl dd {
    color: #333333;
}
.server ul li.first {
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    background: #1E93F3;
    border-left: 5px #1E93F3 solid;
    box-shadow: 0px 0px 5px #c1c5c7;
}
.server ul li.first dl dd {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}
.server ul li.first:hover {
    border-left: 5px #1E93F3 solid;
    box-shadow: 0px 0px 5px #c1c5c7;
}
.server ul li.first:hover>dl dd {
    color: #FFFFFF;
}
.server ul li.red {
    border-left: 5px #F7999A solid;
    box-shadow: 0px 0px 5px #F7999A;
}
.server ul li.red:hover {
    border-left: 5px #F75659 solid;
    box-shadow: 0px 0px 5px #F75659;
}
.server ul li.purple {
    border-left: 5px #C897F7 solid;
    box-shadow: 0px 0px 5px #C897F7;
}
.server ul li.purple:hover {
    border-left: 5px #D00CF3 solid;
    box-shadow: 0px 0px 5px #D00CF3;
}
.server ul li.green {
    border-left: 5px #A1D4BB solid;
    box-shadow: 0px 0px 5px #A1D4BB;
}
.server ul li.green:hover {
    border-left: 5px #5AA572 solid;
    box-shadow: 0px 0px 5px #5AA572;
}
.server ul li dl dd {
    float: left;
    color: #666666;
    height: 60px;
    line-height: 60px;
    text-align: center !important;
    margin-top: 10px;
}
.attract1 {
    width: ;
	  padding: 0 5px;
    height: 18px;
    background-color:Tomato;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    top: 0;
    left: 0;
    position: absolute;
}
.attract2 {
    width: ;
	padding: 0 5px;
    height: 18px;
    background: #777;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
}
.note{	
	display: block;
	line-height: 0;
	font-size: 12px;
	padding: 0;
	margin: -10px 0 0;

}
/*各参数长度控制在内页*/
.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;
    color: #fff;
}
.btn-promo {
    display: block;
    margin: 14px auto;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 100px;
    border: 1px solid #ff6666;
    background: #ff6666;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn-promo:hover {
    background: #cc3333;
}
.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 {/*why us*/
    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 {/*ipmi*/
    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: 40px 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: 200px;
    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("../images/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: 31.2%;
    border: 10px solid #FFF;
    margin: 10px;
    box-shadow: 1px 2px 8px 2px #D5D2D2;
    display: inline-block;
}
.idc-support-contact ul a {
    display: block;
    height: 200px;
    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("../images/idc-support1.png") no-repeat;
}
.idc-support-contact .item2 a:before {
    background: url("../images/idc-support2.png") no-repeat;
}
.idc-support-contact .item3 a:before {
    background: url("../images/idc-support3.png") no-repeat;
}

.idc-support-contact .partner li {

    line-height: 1.6em;
    padding: 120px 0 20px;

}
.idc-support-contact .item5 {
    background: url(../images/idc-support5.png) no-repeat center 20px;
}
.idc-support-contact .item6 {
    background: url(../images/idc-support6.png) no-repeat  center 20px ;
margin: 10px 19px;
}
.idc-support-contact .item7 {
    background: url(../images/idc-support7.png) no-repeat center 20px  ;

}
.idc-support-contact .item8 {
    background: url(../images/idc-support8.png) no-repeat center 20px;
	background-size: 90px;
}
.idc-support-contact .item9 {
    background: url(../images/idc-support9.png) no-repeat  center 20px ;
	background-size: 90px;
margin: 10px 19px;
}
.idc-support-contact .item10 {
    background: url(../images/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;
    width: 100% ;
}
.idc-support-free .div1 {
    background: url(../images/idc-support-free-bg.jpg) top center no-repeat;
    width: 100%;
}
.idc-support-free .div1 .div2 {
    width: 1200px;
    margin: 0 auto;
    height: 380px;
    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: 160px;
    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: 44.92px;
    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("../images/icons_3.png") no-repeat
}
.idc-refund-step h5 {
    font-size: 18px;
}
.idc-refund-step p {
    margin: 13px 0;
    height: 20px;
    background: url("../images/ico.png") center no-repeat;
}
.idc-refund-step p:before {
    content: "";
    float: left;
    height: 1px;
    margin: 10px 0 0;
    background: url("../images/line.png") left center no-repeat
}
.idc-refund-step p:after {
    content: "";
    float: right;
    height: 1px;
    margin: 10px 0 0;
    background: url("../images/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("../images/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("../images/1.png") no-repeat 45px 22px;
}
.faq2 {
    background: url("../images/2.png") no-repeat 45px 22px;
}
.faq3 {
    background: url("../images/3.png") no-repeat 45px 22px;
}
.faq4 {
    background: url("../images/4.png") no-repeat 45px 22px;
}
.faq5 {
    background: url("../images/5.png") no-repeat 45px 22px;
}
.faq6 {
    background: url("../images/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("../images/company-id.jpg") no-repeat; /*434x500*/
    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("../images/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("../images/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;
    clear: both;
}
.payment p {
    height: 200px;
    width: 365px;
    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("../images/icbc.png") no-repeat 25px 60px;
}
.payment .item2 {
    background: url("../images/alipay.png") no-repeat 25px 60px;
    margin-left: 36px;
    margin-right: 36px;
}
.payment .item3 {
    background: url("../images/paypal.png") no-repeat 25px 60px;
}
.website {
    margin: 200px 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;
}
/*homepage start*/
.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 #ddd;
    background: #fff;
    text-align: center;
    width: 30%;
    overflow: hidden;
    height: 350px;
}
.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 ,.idc-index-pro 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: 120px;
}
.pro 
.btn-blue {
    width: 80px !important;
}
.btn-blue:hover {
    background: #1966B7;
    color:#fff;
}
.idc-index-product .item1 {
    background: url("../images/index-product-1.png") no-repeat center 30px;
}
.idc-index-product .item2 {
    background: url("../images/index-product-2.png") no-repeat center 30px;
}
.idc-index-product .item3 {
    background: url("../images/index-product-3.png") no-repeat center 30px;
}
.idc-index-pro {
    margin: 40px auto 30px;
visibility: visible; animation-duration: 1s; animation-delay: 0.4s; animation-name: fadeInUp;
}
.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("../images/idc-index-intro-bg.jpg") center top no-repeat;
    margin: 60px auto 0;
    height: 520px;
}
.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("../images/idc-index-dc-bg.jpg") center top no-repeat;
    margin: 0 auto 0;
    height: 520px;
}
.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("../images/idc-index-news-bg1.png") top no-repeat;
}
.idc-index-n-2 {
    background: url("../images/idc-index-news-bg2.png") top no-repeat;
}
.idc-index-n-3 {
    background: url("../images/idc-index-news-bg3.png") top no-repeat;
}
.idc-index-n-line {
    width: 84px;
    float: left;
    background: url("../images/idc-index-news-line.png") center -20px no-repeat;
    height: 350px;
}
/*homepage end*/

/*footer start*/
.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("../images/footer-bg_1.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: 1100px;
    display: block;
}
.if-intro {
    margin: 0 auto
}
.if-intro img {
    width: 120px;
    border-right: 1px solid #999;
    padding-right: 20px;
    margin-right: 20px;
}
.if-intro span {
    text-align: center;
    display: inline-block;
    max-width: 600px;
    font-size: 14px;
}
.if-nav {
    width: 100%;
    margin: 50px auto;
}
.if-1 {
    width: 18%;
    float: left;
}
.if-2 {
    width: 20%;
    float: left;
}
.if-3 {
    width: 22%;
    float: left;
}
.if-4 {
    width: 36%;
    float: left;
  
}
 .idclinks{ float:left; line-height: 2em; padding-right:10px; word-break:none; font-size:12px;}
.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: 100px;
    margin: 60px 0;
}
.ifr-1 {
    width: 100%;
    float: left;
}

.if-right img {
    margin: 0 auto;
    display: block;
}
.if-right span {
    display: block;
    text-align: center;
}


.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;
}
/*footer end*/
/*side start*/


.idc-side {
    position: fixed;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    z-index: 18;
    background: url(../images/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(../images/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: 15px 0 10px 0;
}
.consulting-qq ul {
    margin: 0px 0 15px 0;
}

.consulting-wx {
    padding: 0;
    border-bottom: solid 1px #399BEC;
}
.consulting-wx-h4 {
    text-align: center;
    font-size: 16px;
    color: #333;
    padding: 15px 0 10px 0;
}

.consulting-wx img {
    margin: 0 auto 15px;
    text-align: center;
    display: block;
}
.consulting-else {
    padding: 0;
    border-bottom: solid 1px #399BEC;
}
.consulting-else-h4 {
    text-align: center;
    font-size: 14px;
    color: #333;
    padding: 15px 0 10px 0;
}
.consulting-faq {
    padding: 0;
}
.cf-h4 {
    text-align: center;
    font-size: 16px;
    color: #333;
    padding: 15px 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);
}
/*side end*/


/*title-Area start*/
.idc1 {
   
    /*background: linear-gradient(135deg, #0f4c95 10%, #1e88e5 64%, #40BAF5 95%);*/
    background: linear-gradient(to bottom right, #3948a0, #2196F3);
    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;
}
/*title-Area end*/
/*homepage banner start*/
.idc-banner {
    overflow: hidden;
    text-align: center;
    z-index: 10;
    position: relative;
 /*background: linear-gradient(135deg, #0f4c95 10%, #1e88e5 64%, #40BAF5 95%);*/
    background: linear-gradient(to bottom right, #3948a0, #2196F3);
    height: 480px;/*height: 788px;*/
}
.ib-h4 {
    color: #fff;
    font-size: 36px;
    padding-top: 150px;
}
.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: 40px;
}
.idc-banner .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
 *display: inline;
/*IE7 life-saver */
}
.idc-banner .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    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);
    /*IE7 fix*/
    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;
}
/*homepage banner END*/
/*特价优惠*/
.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: 12px;
    padding-left: 16px;
    background: url("../images/check1.png") no-repeat left ;
    background-size: 12px 12px;
    margin-left: 0px;
    margin-top: 0px;
    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;
}
/*特价优惠 end*/
/*ELSE start*/
.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(../images/qq3.png) 8px center no-repeat;
}
.qq-button:hover {
    padding: 5px 18px 5px 25px;
    background: url(../images/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}

/*ELSE end*/