/*.main{ padding-top: 75px;}*/
.banner{ width:100%; height: 830px;background: #f8f8fb;}
.banner-img{ width: 100%; height:830px; position: relative; overflow:hidden;}
.banner-img li{ height:830px; width:100%; position:absolute;display: table;}
.banner-img li a{ display: block; width:100%; height: 100%;}
.banner-img .position{ width: 100%; padding-top: 170px; text-align: center; margin: 0 auto; position: absolute; left: 100px; top: 0px;}
.banner-img .position div{ color: #fff; font-size: 50px; width: 40%;line-height: 1.5;letter-spacing:5px}
.banner-img .position ul{ padding-top: 80px;}
.banner-img .position_1{ width: 1200px; padding-top: 450px; text-align: center; margin: auto; position: absolute; left:50%; top: 0px; margin-left: -600px; overflow: hidden; z-index: 99;}
.position .accomplishment{ display: inline-block; 263px; height: 263px;}
.banner-img .position_1 a{ display: inline-block; width: 263px; height: 140px; color: #fff; font-size: 40px; padding-top: 110px; margin: 0 17px; overflow: hidden; z-index: 99; background: url(../img/position_1.png) no-repeat center top;}
.banner-img .position_1{ color: #00a0e9;}

.banner-img .position .suspension{ position: absolute; display: none; z-index: 99; width: 163px; height: 430px; padding: 0 48px; background: url(../img/position_4.png) no-repeat left top;}
.banner-img .position .suspension_1{ left: 2%; top: 55px;}
.banner-img .position .suspension_2{ left: 27%; top: 55px;}
.banner-img .position .suspension_3{ left: 52%; top: 55px;}
.banner-img .position .suspension_4{ left: 77%; top: 55px;}
.banner-img .position .suspension_img{ padding: 15px 0 10px 0;}
.banner-img .position .suspension img{ margin: 0;}
.banner-img .position .suspension p{ color: #fff; font-size: 20px; text-align: left; line-height: 30px;}
.banner-img .position_1 .add{color: #f29600;}
.banner-img .position_1 .active{display: block;}
.banner-img .freeTrial{background-color: #ff0027;font-size: 25px;color: #fff;font-weight: bold;padding: 10px 100px;text-align: center;position: absolute;left: 150px;bottom: 150px;border-radius: 50px;}

.banner-img .position_1 img{ margin: 0 20px;}
.num{ overflow:hidden;}
.banner-thumbnail{ height:76px; width: 1200px; margin:0 auto; padding:2px 0 1px; position:relative;}
.banner-thumbnail img{ width:254px; height:56px; border:1px solid #e6e6e6; cursor:pointer; opacity:0.5; filter:alpha(opacity=50);}
.banner-thumbnail img:hover{ opacity:1; filter:alpha(opacity=100);}
.banner-thumbnail li.currently img{ border-color:#e6e6e6; opacity:1;}
.banner-thumbnail-box{ width:1086px; overflow:hidden; margin:14px auto 0; height:56px; position:relative;*padding-top:15px;}
.banner-thumbnail-box li{ float:left; width:276px; height:58px;}
#small_pic{position:absolute;}
/*.banner-thumbnail .btn{ width:20px; height:36px; display:block; background-image:url(../img/sprite.png); background-repeat:no-repeat; position:absolute; top:26px; text-indent:-9999em;}*/
.banner-thumbnail .prev{ background-position:0 -25px; left: 0;}
.banner-thumbnail .next{right:0; background-position:-20px -25px;}
.thumbnail-cur{width:256px; height:56px; position:absolute; z-index:111; }

.dns{font-size: 16px; color: #9a9a9a; line-height: 30px; text-align: center; overflow:hidden;}
.dns h2{ font-size: 30px; color: #f15a25; line-height: 45px;}
.introduce{ padding:30px 0;width: 100%;display: flex;align-items: center;flex-direction: column;}

.introduce ul{ overflow: hidden; text-align: left; padding: 74px 0 57px;}
.introduce li{ width:340px; height: 110px; border-left:1px solid #e3e3e3; float: left; margin-left: -1px; display: inline; padding-left:56px;}
.introduce .img{ float: left; padding-right: 18px; height: 110px;}
.introduce img{ margin-top: 5px;}
.introduce .orange{ color: #f4ad29;}
.introduce p{ line-height: 25px;}
.introduce .p1{ font-size: 12px;}
.introduce strong{ font-size: 48px; color: #4c4c4c; line-height: 52px; font-weight: normal; padding-right: 5px;}
.introduce .open{ display: inline-block; width:122px; height: 40px; border-radius:50px; text-align: center; line-height: 40px; background: #f4c329; color: #fff;}
.size{ font-size:12px;}

.solution{}
.solution ul{}
.solution .partner_2 li{/* height: 355px; width: 362px; padding-left: 238px;*/ float: left;}
/*.solution .li1{ background: url(../img/solution_li1.png) no-repeat 0 0;}*/
/*.solution .li2{ background: url(../img/solution_li2.png) no-repeat 32px 24px;}*/
/*.solution .li3{ background: url(../img/solution_li3.png) no-repeat 27px 10px;}*/
/*.solution .li4{ background: url(../img/solution_li4.png) no-repeat 54px 22px;}*/
.solution h3{ font-size: 22px; color: #4c4c4c; padding:18px 0 10px;}
.solution .btn{ display: block; width:120px; height: 38px; border:1px solid #f4c329; border-radius:50px; background: #fff; color: #f4c128; text-align: center; line-height: 38px; margin-top: 15px;}
.solution .disabled{ border-color: #9a9a9a; color: #9a9a9a; cursor:default;}

.ui-news{ padding-top: 55px; color: #4d4d4d; font-size: 14px; overflow: hidden;}
.ui-news dt{ font-size: 26px; padding-bottom: 22px;border-bottom: 1px solid #d6d6d6; position: relative;}
.ui-news dd a{ float: left;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #4d4d4d; text-align: left;}
.ui-news dd{ padding:10px 0; text-align: right; color: #9a9a9a; overflow: hidden;}
.ui-news li{ overflow: hidden; padding-top: 20px;}
.ui-news .more{ color: #b1b1b1; position: absolute; right: 0; top:8px; font-size: 14px;}
.notice{ float: left; width:388px; padding-right: 56px;}
.notice dd a{width:265px;}
.news{ float: left; width: 756px;}
.news ul{ overflow: hidden; margin-left: -87px;}
.news li{ float: left; width:334px; margin-left:87px; display: inline;}
.news dd a{width:212px;}
.partners{ padding: 75px 0; overflow: hidden;}
.partners h2{ font-size: 32px; color: #4d4d4d; padding-bottom: 30px; text-align: center;}
.partners ul{ overflow: hidden; margin-left: -17px;}
.partners li{ float: left; width:183px; height: 71px; text-align:center; line-height: 71px; border:1px solid #e4e4e4; background: #fff; margin:0 0 17px 17px; display: inline;}
/*鍙嬫儏閾炬帴*/
.links{ width:100%; border-bottom: 1px solid #483c35; padding: 15px 0; background: #3a302a;}
.links dl{ width:1200px; margin:0 auto; overflow: hidden;}
.links dt{ float: left; padding:0px 10px 0 0;color: #71645d; height: 33px; line-height: 33px;}
.links dd{ float: left; width:1115px; line-height: 30px;}
.links dd a{ display: inline-block; color: #71645d; vertical-align: middle;}
.links dd b{ display: inline-block; width:2px; height: 13px; background: #71645d; margin:0 10px; vertical-align: middle;}

/*鏇存敼鍚庣殑鏍峰紡*/
/*.dns .position_3{ width: 1000px; height: 180px; text-align: center; margin: 0 auto; position: relative;!* left: 50%;*! background: url(../img/partner.png) no-repeat center 90px;}*/
.dns .position_3 p{ float: left; color: #2ca03d; font-size: 20px; width: 120px; padding: 25px 39px 0 33px;/* position: relative; left: -50%;*/}
.dns .position_3 .txt{ padding-left: 115px; text-align: center; margin: 0 auto;}
.dns .position_3 .p6{ height: 60px; line-height: 60px;}
.dns .position_3 .p7{ height: 60px; line-height: 30px;}

.dns .position_2{ width: 1000px; margin: 0 auto; position: relative;}
.dns .position_2{ height: 25px; line-height: 25px;}
.solution.dns .position_2{
    height: auto;
}
.dns .position_2 img{ margin: 0;width: 100%;  height: auto}
.dns .position_2 .image{ height: 1px; position: absolute; margin: 0; left: 0; top: 0; z-index: 11;}
.dns .position_2 .image1{ height: 1px; position: absolute; right: 0; top: 0; z-index: 11;}

.product{ width:1200px;}
.product .product_img{
    /*float: left; */
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
}
.product .product_img img{ margin: 0;width: 100%;height: auto}
.product .product_txt{ float: left; width: 670px; text-align: left; text-indent: 2em;}
.product .product_txt p{ padding-top: 50px; line-height: 45px; font-size: 22px;}
.solution{ width: 100%; height: auto; padding-top: 25px;}
.dns .position_2 .image2{ padding-top: 50px;}

.offline{ width: 1200px; padding-top: 35px;}
.offline .offline_p2{ padding: 60px 200px 60px 200px; text-align: left; font-size: 22px; line-height: 45px;}
.offline .offline_1{ padding-bottom: 80px; text-align: center; margin: 0 auto;}
.offline .offline_1 .left_1{ margin-right: 60px;}
.offline .offline_1 .right_1{ margin-left: 60px;}

/*.solution .partner_1{ width: 1000px; text-align: center; margin: 0 auto; height: 180px; position: relative; background: url(../img/partner.png) no-repeat 266px center;}*/
.solution .partner_1 p{float: left; line-height: 180px; font-size: 22px; color: #666;}
.solution .partner_1 .p2{ color: #f15a25; margin-left: 28px;}
.solution .partner_1 .p3{ margin-left: 30px;}
.solution .partner_1 .p4{ margin-left: 380px;}
.solution .partner_1 .p5{ margin-left: 90px;}
.solution .partner_1 span{ color: #666; font-size: 22px;}
.solution .partner_1 .span_1{ position: absolute; left: 385px; top:27px;}
.solution .partner_1 .span_2{ position: absolute; left: 385px; bottom: 27px;}

.solution .partner_2{ width: 1200px; height: 415px; padding-top: 10px; text-align: center; margin: 0 auto;}
.solution .partner_2 .left_1{ float: left; height: 415px; line-height: 415px; padding-left: 45px;}
.solution .partner_2 .right_1{float: right; height: 415px; line-height: 415px; padding-right: 45px;}
.solution .partner_2 ul{ width: 880px; float: left; padding-left: 120px;}

.join{ width: 100%; height: 675px; padding-top: 25px; background: #e7edf9;}
.join .join_1{ width: 1000px; height: 170px; padding-top: 30px; text-align: center; margin: 0 auto;}
.join .join_1 p{ float: left; color: #666; padding: 30px 0 0 100px; font-size: 22px;}
.join ul{ width: 1000px; height: 405px; padding: 0 40px; text-align: center; margin: 0 auto;}
.join li{ display: inline-block; width: 312px; height: 320px;/* background: url(../img/join_2.png) no-repeat left top;*/}
/*.join li:hover{ display: inline-block; width: 312px; height: 320px; background: url(../img/join_1.png) no-repeat left top;}*/
.join ul li .a2{ display: block; position: relative; color: #666;}
/*.join ul li .a2 .join_2{ position: absolute; left: 16px; top: 0px; color: #666; width: 280px; height: 300px; text-align: center; margin: 0 auto; background: url(../img/join_3.png)no-repeat center 25px;}*/
/*.join ul li .a2 .join_3{ background: url(../img/join_4.png)no-repeat center 25px;}*/
/*.join ul li .a2 .join_4{ background: url(../img/join_5.png)no-repeat center 25px;}*/

.join ul li .join_2_a3{ padding-top: 120px;}
/*.join .a2 .join_2 span{ display: block; margin-top: -12px; font-size: 12px; background: url(../img/join_7.png) no-repeat center 22px;}*/
.join .a2 .join_2 .image5{ margin-top: -38px;}
.join .join_2 .image4{ padding-top: 30px;}
.join .a2  .join_2 p{ width: 250px; margin: 6px auto 0 auto; font-size: 14px; line-height: 20px; text-align: left; overflow: hidden;}

/*.join .a2 .join_2:hover{ background: url(../img/join_8.png) #f15a25 no-repeat center 25px;}*/
/*.join .a2 .join_3:hover{ background: url(../img/join_9.png) #f15a25 no-repeat center 25px;}*/
/*.join .a2 .join_4:hover{ background: url(../img/join_10.png) #f15a25 no-repeat center 25px;}*/
.join .a2 .join_2:link{color: #666;}
.join .a2 .join_2:hover{color: #fff;}
.join .a2 .join_2:hover .image5{}
/*.join .a2 .join_2:hover span{ background: url(../img/join_6.png) no-repeat center 22px;}*/

.solution .solution_ul{ width: 1000px; height: 475px; text-align: center; margin: 0 auto;}
.solution .solution_ul li{ display: inline-block; padding-top: 120px;}
.solution .solution_ul .solution_li{ width: 182px; height: 53px; color: #333; margin-left: 20px; line-height: 53px;  border-radius: 10px;}
.solution .solution_ul .solution_li img{ margin-right: 20px; vertical-align: middle;}

.mask{width: 100%; height: 830px; background: #000; opacity: 0.8; filter: alpha(opacity=80); position: absolute; left: 0; top: 75px; bottom: 0;z-index: 11; display: none;}



/* 鍥剧墖婊氬姩鍒囨崲 */
.scroll_con {
    width: 1050px;
	margin: 0 auto;
    display: flex;
    align-items: center;
}

.blk_18 {
    overflow: hidden;
    width: 100%;
}

.blk_18 .pcont {
    width: 86%;
    float: left;
    overflow: hidden;
    padding-left: 5px;
    margin: 0 23px;
}

.blk_18 .pcont_partner {
    width: 850px;
    float: left;
    overflow: hidden;
    /*padding-left: 35px;*/
    margin: 0px 30px;
}

.blk_18 .ScrCont {
    width: 32766px;
    zoom: 1;
    margin-left: -5px;
}

.blk_18 #List1_1, .blk_18 #List2_1,.blk_18 #List1_2, .blk_18 #List2_2 {
    float: left;
}

.blk_18 .LeftBotton,.blk_18 .LeftBotton_1{
    width: 30px;
    height: 55px;
    margin-top: 115px;
    float: left;
}

.blk_18 .RightBotton {
    width: 47px;
    height: 90px;
    margin-top: 115px;
    float: left;
}



.blk_18 .pl img {
    display: block;
    cursor: pointer;
    border: none;
    margin: 6px auto 1px auto;
    width: 181px;
}

.blk_18 .pl {
    width: 181px;
    float: left;
    float: left;
    text-align: center;
    line-height: 24px;
    margin: 0 12px;
}

#partnerUl {
	float: left;
}

#partnerUl li {
	float: left;
}
/*#partnerUl li img{*/
	/*width: 100%;*/
/*}*/
.contact-code-img{
    width: 50px;
    height: 50px;
}
.contact-code-img img{
    width: 100%;
    height: auto;
}
.company_item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.company_item .name{
    font-size: 15px;
    color: #333;
    font-weight: bold;
}
.company_item .information{
    text-align: left;
    font-size: 13px;
}
.hxd_image{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.codes{
    margin-right: 20px;
}
.codes img{
    width: 100px;
    height: 100px;
}
.codes p{
    font-size: 13px;
}

.Contact{
    background-color: #ff0027;
    color: #fff;
    text-align: center;
    min-height: 280px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.Contact .Contact_text{
    width: 40%;
    font-size: 30px;
    text-align: center;
    margin: 50px;
}

.Contact .Contact_us{
    background-color: #fff;
    color: #ff0027;
    font-size: 20px;
    font-weight: bold;
    padding: 12px 100px;
    border-radius: 50px;
}
.introduce_text{
    font-size: 30px;
    color: #121a2a;
    font-weight: bold;
    margin-bottom: 30px;
}

.popCode{
    width: auto;
    height: auto;
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    padding: 40px;
    background-color: #fff;
    justify-content: center;
    border:1px solid #eee;
}
.close{
    position: absolute;
    top: -10px;
    height: 25px;
    width: 25px;
    right: -10px;
    border-radius: 50%;
}
.buyCode{
    width: auto;
    height: auto;
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    padding: 40px;
    background-color: #fff;
    justify-content: center;
    border:1px solid #eee;
}
.closebuy{
    position: absolute;
    top: -10px;
    height: 25px;
    width: 25px;
    right: -10px;
    border-radius: 50%;
}
.popservice{
    display: flex;
    align-items: center;
    line-height: 2;
    flex-direction: column;
}
.popservice img{
    width: 200px;
    height: 200px;
}
.popservice p{
    font-size: 15px;
}