*{margin: 0px;padding: 0px;}
body{font-family: "微软雅黑", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #444;
	background: url(../images/bg.jpg) no-repeat top center;
}
ul,li{list-style: none;}
a{
    text-decoration: none!important;
    color: #444;
}
.fl{float:left}
.fr{float:right}
.center{margin:0 auto; width:1175px; height: auto; overflow: hidden;}
.display-block{display: block;}

.buy-head{position: relative; height: 388px; background: url(https://image.evget.com/2024/05/08/kendo-buy1zuy3phpyvufj97qa.jpg) no-repeat top center;}
.buy-head>div{position: absolute;width:100%; bottom: 0; text-align: center;}
.buy-head>div>a{position: relative;display: inline-block; margin:0 9px; width:380px; height: 66px; cursor: pointer; background: #3c749b; font-size: 22px; color:white; text-align: center; line-height: 66px;}
.buy-head-ac{ height: 80px !important; background: white !important; color: black !important;}
.buy-head-ac1{ height: 80px !important; background: white !important; color: black !important;}
.buy-head-ac:after{content: ""; display: block; position: absolute; right: 0; top: 0; width:67px; height:67px; background: url(../images/sanjiaox.png) no-repeat;}
.buy-head-noac{bottom:-13px}
.buy-cot{padding-top: 85px;}
.buy-cot>div>div{display: inline-block; width:374px; margin-right:12px; vertical-align: text-top;}
.buy-cot>div>div:last-child{margin-right:0px;}
/*.buy-cot>div>div:first-child{padding-top: 24px;}*/
.buy-cot>div>div:first-child>div:first-child,
.buy-cot>div>div:last-child>div:first-child{padding-bottom: 24px;}
.buy-cot-top{background: #183548; color: white; text-align: center;}
.buy-cot-top1{padding-top: 77px;}
.buy-cot-top2{padding-top: 51px;}
.buy-cot-top3{padding-top: 35px;}
.buy-cot-top>h3{margin-bottom: 40px; font-size: 32px; font-weight: normal;}
.buy-cot-top>h4{position: relative; margin-bottom: 36px; font-size: 42px; font-weight: normal;}
.buy-cot-top>h4:before{content: ""; display: block; position: absolute;    left: 101px;
    top: 12px; width:10px; height: 14px; background: url(../images/meiyuan.png) no-repeat;}
.buy-cot-top>a{display: inline-block; margin-bottom: 36px; width:241px; height:38px ; text-align: center; line-height: 38px; font-size: 14px; border-radius: 5px; color:white; background: #e74b3c;}
.buy-cot-top2>p{display: inline-block; margin-bottom: 18px; width:160px; height: 30px; line-height: 30px; border:1px solid #e74b3c; color:#e74b3c; font-size: 18px;}
.buy-cot-top3>p{margin-bottom: 18px;color:#e74b3c; font-size: 18px;}
.buy-cot-bot{padding:11px; box-sizing: border-box; height: 890px; background: #daeffd;}
.buy-cot-bot>div:first-child{height: 496px;}
.buy-cot-bot>div>h5{padding-top: 7px; line-height: 37px; font-size: 16px; color:#8e8e8e; border-bottom: 1px solid #d9e2e8;}
.buy-cot-bot>div>ul{padding-top: 21px;}
.buy-cot-bot>div>ul>li{position: relative; margin-bottom: 16px; padding-left: 21px;}
.buy-cot-bot>div>ul>li:after{content: ""; display: block; position: absolute; left: 6px; top: 8px; width:5px; height:5px; background:#0487c4; border-radius: 50%;}

.buy-cot-bot>div>ul a{font-size: 14px; color#666666;}
.buy-cot-bot>a{padding-left: 20px; font-size: 14px; color: #e74b3c; text-decoration: underline !important;}
.buy-bot>p{
    font-size: 36px;
    color: #f05b41;
    text-align: center;
    margin-top: 1.2em;
    padding: 1em;
}
.buy-bot>div{text-align: center; margin-bottom: 98px;}
.buy-bot>div>div{position: relative; display: inline-block; font-size: 24px; margin:0 54px}
.buy-bot>div>div:after{content: ""; display: block; position: absolute;}
.buy-bot>div>div:first-child:after{left: -34px; top: 5px; width:29px; height: 26px; background: url(../images/kendo-buy2.jpg) no-repeat;}
.buy-bot>div>div:last-child:after{left: -34px; top: 3px; width:29px; height: 26px; background: url(../images/kendo-buy3.jpg) no-repeat;}
.buy2-cot-cot>h4{padding-top: 28px;border-bottom: 1px solid #d9e2e8; line-height: 38px; font-size: 18px;}
.buy2-cot-cot>div{padding-top: 28px; margin:0 -15px; }
.buy2-cot-cot>div>a{position: relative; display: inline-block; padding-top: 50px;margin:0 15px;margin-bottom: 35px; vertical-align:top; text-align: center; width: 364px;height: 250px; background: #eff9ff; box-sizing: border-box; border:1px solid #eff9ff;}
.buy2-cot-cot>div>a:hover{border:1px solid #0d8cdb;}
.buy2-cot-cot>div>a>h5{margin-bottom: 28px; font-size: 24px; color:#036c9c;}
.buy2-cot-cot>div>a>p{margin:0 auto; margin-bottom: 44px; width:264px}
.buy2-cot-cot>div>a>div{position: absolute; bottom: 32px; width:100%; text-align: center; font-size: 18px; color:#37b24f;}


.about-hd{height: 390px; background: url(../images/about_02.png) no-repeat top center;}
.about-cot{height: auto; overflow: hidden; margin-bottom: 70px;}
.about-cot>div>div{padding-top: 60px; height: auto; overflow: hidden; border-bottom: 1px solid #edf0f0;}
.about-cot-lf{width:686px;}
.about-cot-lf>h4{padding-top: 36px;margin-bottom: 36px; font-size: 28px; font-weight: normal;}
.about-cot-lf>p{font-size: 14px; color: #666666; line-height: 22px;}
.about-cot-rg{width:260px; height: 240px; margin-bottom: 58px;}
.about-bot{text-align: center; height: auto; margin-bottom: 115px;}
.about-bot>div>h3{margin-bottom: 30px; font-size: 28px;}
.about-bot>div>p{margin-bottom: 68px; font-size: 14px; color: #666666;}
.about-bot>div>div>div{position: relative; display: inline-block; margin:0 50px}
.about-bot>div>div>div:first-child{width:333px; vertical-align: top; color: #666666;}
.about-bot>div>div>div:before{content: ""; display: block; position: absolute; }
.about-bot>div>div>div:nth-child(1):before{left: 0px; top:0px; width:16px; height: 16px; background: url(../images/about_13.png) no-repeat;}
.about-bot>div>div>div:nth-child(2):before{left: -23px; top:3px; width:16px; height: 16px; background: url(../images/about_16.jpg) no-repeat;}
.about-bot>div>div>div:nth-child(3):before{left: -21px; top:4px; width:16px; height: 16px; background: url(../images/about_19.png) no-repeat;}


.zixun-hd{height: 390px; background: url(../images/zixun_02.png) no-repeat top center;}
.zixun-cp{text-align: center; margin-top: -108px; margin-bottom: 154px;}
.zixun-cp>div{padding-top: 52px; width:472px; height: 338px; display: inline-block; margin:0 14px; box-sizing: border-box; background: rgba(255,255,255,0.9);    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);}
.zixun-cp>div>p:nth-child(1){margin-bottom: 32px; font-size: 16px; color:#666666}
.zixun-cp>div>h4{margin-bottom: 20px; font-size: 28px;}
.zixun-cp>div>p:nth-child(3){ display:block;margin:0 auto;margin-bottom: 32px; width:322px; font-size: 14px; color:#666666;}
.zixun-cp>div>a:nth-child(4){display:block;margin:0 auto;margin-bottom: 20px;  width:230px; height:45px ; background: #2eb451; font-size: ; color:white; text-align: center; line-height: 45px; border-radius: 3px; }
.zixun-cp>div>a:nth-child(5){font-size: 14px; color:#008ac5;}
.zixun-cot>div{position: relative; height: 660px;color:white; background: url(../images/zixun_05.png) no-repeat;}
.zixun-cot>div>h3{margin-bottom: 20px; padding-top: 50px; text-align: center; font-weight: normal; font-size: 36px; }
.zixun-cot>div>p{ text-align: center;  font-size: 16px; }
.zixun-cot>div>ul{position: absolute; left: 788px; top:188px;}
.zixun-cot>div>ul>li{position: relative; margin-bottom: 35px;}
.zixun-cot>div>ul>li:before{content: ""; display: block; position: absolute;left: -14px;top:8px; width:5px; height:5px ; background: #0487c4; border-radius: 50%; }
.zixun-cot>div>a{position: absolute; bottom: 68px; left: 50%; margin-left: -115px; display: inline-block; width:230px; height: 45px; text-align: center; line-height: 45px; background: #e74b3c; border-radius: 3px; color:white;}
.zixun-bot>div>div{padding: 150px 0;}
.zixun-bot2{padding-top: 64px; height: 280px; box-sizing: border-box; background: #c2ccd4;}
.zixun-bot2>div>h4{margin-bottom: 65px; text-align: center; font-size: 32px; font-weight: normal;}

.detail-cot{height: auto; overflow: hidden;}
.detail-cot>div{padding-top: 34px; }
.detail-cot-lf{float:left; width:164px; height: auto; overflow: hidden; border:1px solid #e9e9e9}
.detail-cot-lf>h4{line-height: 54px; padding-left: 20px; font-size: 16px; background: #f5f5f5;}
.detail-cot-lf>div{padding:23px 18px;}
.detail-cot-lf>div>a{display: block; margin-bottom: 18px;}
.detail-cot-lf-ac{color:#337ab7}
.detail-cot-rg{float:right; width:968px}.detail-cot-rg .xh-pagination li{display: inline-block;}
.detail-cot-rg p{margin-bottom: 15px;}
.detail-cot-rg pre{margin-bottom: 15px;}
.text-center{text-align: center;}
.detail-cot-rg a{color: #337ab7;}
.detail-cot-rg-cot li{list-style:disc outside none ;    margin-left: 17px;}
.detail-cot-rg>div:nth-child(1){line-height: 58px; }
.detail-cot-rg>div:nth-child(1)>span{color:#337ab7}
.detail-cot-rg>div:nth-child(2){padding-top: 40px; text-align: center;border-top: 1px solid #d9e2e8;border-bottom: 1px solid #d9e2e8;}
.detail-cot-rg>div:nth-child(2)>h3{margin-bottom: 15px; font-size: 24px;}
.detail-cot-rg>div:nth-child(2)>p{margin-bottom: 22px;font-size: 12px;color:#999999}
.detail-cot-rg>div:nth-child(3){padding-top: 36px; padding-bottom: 34px; font-size: 14px;border-bottom: 1px solid #d9e2e8;}
.detail-cot-rg-cot>h6:nth-child(1){margin-bottom: 28px;}
.detail-cot-rg-cot>a:nth-child(2){display: block; color: #337ab7;}
.detail-cot-rg-cot>div:nth-child(4){display: block; padding-top: 56px; padding-bottom: 48px; text-align: center;}
.detail-cot-rg-cot>h6:nth-child(5){margin-bottom: 28px;}
.detail-cot-rg-cot>p:nth-child(6){line-height: 25px;}
.detail-cot-rg-bot{padding:20px 0;border-bottom: 1px solid #d9e2e8;}
.detail-cot-rg-bot>p{line-height: 25px; color: #999999;}
.detail-cot-rg-bot>p>a{color:#337ab7;}

.detail-cot-rg-bot2{padding-top: 20px; padding-bottom: 56px;}
.detail-cot-rg-bot2>p{display: block; margin-bottom: 10px;}
.detail-cot-rg-bot2 a{ color:#337ab7 !important;}
.detail-cot-rg-bot2 li{list-style: disc outside none;}
.kend-nav{position: relative; z-index: 999; height: 69px; border-bottom: 1px solid #dfdfdf; background: #f5f6f7;}
.kend-nav>div:nth-child(1)>div:nth-child(1){padding-top: 12px; font-size: 28px;}
.kend-nav>div:nth-child(1)>div:nth-child(1) img{vertical-align: middle;}
.kend-nav-rg>ul>li{position: static !important; display: inline-block; padding:0 25px;height: 68px;padding-top: 22px;}
.kend-nav-rg>ul>li:hover .xialabox{display: block !important;}
.kend-nav-rg>ul>li>a{font-size: 16px;}
.xialabox{display: none; position: absolute; left: 0px; top: 70px; width:100%; height: auto; overflow: hidden; background: #f6f7f7;}
.xiala{height: auto; overflow: hidden; }
.xiala>div{float:left; width:222px;padding-top: 23px;}
.xiala>div a{display: block;margin-bottom: 12px; color:black; font-weight: bold;}
.xiala>div>h4{margin-bottom: 22px; font-size: 12px;color: #666666;}
.xiala-last{width:284px !important; height: 298px; box-sizing: border-box; padding:23px 18px; background: white; }
.xiala-last>a>h4{position: relative; font-size: 20px; margin-bottom: 17px;}
.xiala-last>a>h4:after{content: "BEST VALUE"; display: block; position: absolute; right: 64px; top: 3px; width:87px; height:17px; border:1px solid #e74b3c; color:#e74b3c;font-size: 12px; text-align: center; line-height: 17px; }
.xiala-last>a>p{color:#666666}

.zx-rg-cot{border-bottom: none !important;}
.zx-rg-cot li{line-height: 58px; border-bottom: 1px solid #d9e2e8; text-align: left;}
.zx-rg-cot li>a{color:#999999}


.kend-foot{padding-top: 40px; padding-bottom: 40px; background: #f5f6f7;}
.kend-foot-cot{padding-bottom: 23px; height: auto; overflow: hidden; border-bottom: 1px solid #e7ebee;}
.kend-foot-cot>div{width:25%; float:left;}
.kend-foot-cot>div h6{margin-bottom: 18px;color:#666666}
.kend-foot-cot>div a{display: block;margin-bottom: 10px; color:#999999}
.kend-foot-bot{padding-top: 40px;}
.kend-foot-bot h6{margin-bottom: 18px;color:#666666}
.kend-foot-bot>div{ color:#999999}
.kend-foot-bot a{display: inline-block; padding: 3px 5px; color:#999999}
header{padding-top: 90px; height: 574px; background: url(../images/kendio_ui_01.jpg) no-repeat top center; box-sizing: border-box; text-align: center; color: white;}header>span:first-child{display: inline-block; width:58px; height:63px; background: url(../img/sprite.png);}header>h1{margin-bottom: 58px; font-size: 40px;}header>h3{margin-bottom: 20px; font-size: 26px; font-weight: normal;}header>p{margin-bottom: 60px; font-size: 18px;}header>a{display: inline-block; width:153px; height:41px ; background: #ee5315; color:white;font-size: 20px; border-radius: 5px; text-align: center; line-height: 41px;}.kend-part1{background: #08a9e0; height: auto; overflow: hidden; text-align: center; padding-top: 40px; color:white;}.kend-part1>h4{margin-bottom: 30px; font-size: 18px;}.kend-part1>div{height: auto; overflow: hidden; margin-bottom: 35px;}.kend-part1>div>a{display: inline-block; margin:0 15px; border-radius: 3px; width:165px; height: 36px; background: #3f5366; text-align: center; line-height: 36px; font-size: 18px; color:white;}.kend-part2{ height: auto; overflow: hidden; background:#f3f5f7;}.kend-part2>div{text-align: center; background: url(../images/kendio_ui_04.jpg) no-repeat; height: 1044px; background-size: 100% 100%;}.kend-part2>div>h5{padding-top: 48px; margin-bottom: 46px; font-size: 18px;}.kend-part2-cot2{padding-left: 56px;padding-right: 80px; padding-top: 22px; margin-bottom: 48px; box-sizing: border-box; height: 136px; background: #dbeaf2;}.kend-part2-cot2>div:first-child{float:left; margin-right: 20px; width:94px; height: 90px; background: url(../images/sprite.png) 0px -66px;}.kend-part2-cot2>div:last-child{padding-top:22px; text-align: left;color: #08a9e0; line-height: 30px;}.kend-part2>div>div:nth-child(3){margin-bottom: 25px; display: inline-block; width:28px; height:26px ; background: url(../images/sprite.png) no-repeat 0px -254px;}.kend-part2>div>h6{font-size: 24px; margin-bottom: 22px;}.kend-part2>div>div:nth-child(5){margin-bottom: 25px; display: inline-block; width:95px; height:92px ; background: url(../images/sprite.png) no-repeat 0px -157px;}.kend-part2-bot li{float:left; width:50%; height: 200px; text-align: left; padding-left: 52px; box-sizing: border-box;}.kend-part2-bot li>h4{position: relative; font-size: 20px; margin-bottom: 24px;} .kend-part2-bot li>h4:before{content: ""; display: block; position: absolute; left: -36px; top:4px; width:23px; height:18px ; background: url(../img/sprite.png) no-repeat 0px -280px;}.kend-part2-bot li>p{font-size: 16px; line-height: 30px; color:rgba(0,0,0,0.6)}.kend-part2>div>a{display: inline-block; width:153px; height:40px; border-radius: 4px; background: #ee5315; font-size: 20px; color:white; text-align: center; line-height: 40px;}.kend-part3{height: auto; overflow: hidden;background: #f3f5f7;}.kend-part3>div{padding-top: 80px; text-align: center; margin-bottom: 88px;}.kend-part3>div>h3{ margin-bottom:58px;font-size: 24px;}.cp-detail{padding-top: 52px; height: auto; overflow: hidden; background: #08a9e0; color: white; text-align: center;}.cp-detail>div:nth-child(1){margin-bottom: 26px; font-size: 24px;}.cp-detail>a{display: inline-block;margin-bottom: 35px; width:153px; height: 40px; background: #ee5315; font-size: 20px; text-align: center; line-height: 40px; color:white;}.cp-detail>div:nth-child(3){margin-bottom: 32px;font-size: 24px;}.cp-detail>div:nth-child(4){margin-bottom: 45px;font-size: 18px;}.cp-detail>div:nth-child(4)>div{display: inline-block;position: relative; margin:0 25px}.cp-detail>div:nth-child(4)>div:first-child:before{content: ""; display: block; position: absolute; left: -30px; top:4px; width:23px; height:18px ; background: url(../images/sprite.png) no-repeat 0px -302px;}.cp-detail>div:nth-child(4)>div:last-child:before{content: ""; display: block; position: absolute; left: -30px; top:2px; width:25px; height:23px ; background: url(../images/sprite.png) no-repeat 0px -326px;}.cp-detail a{color:white;}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
bootstrap.min.css:7;
.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90);
}
bootstrap.min.css:7;
.fade.in {
    opacity: 1;
}
bootstrap.min.css:7;
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}
bootstrap.min.css:7;
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

/*改版首页样式*/
.section{padding: 110px 0;}
.section h2{font-size: 3em;color: #fff;text-align: center;font-weight: normal!important;font-family: FaktSlabPro, Arial, Helvetica, sans-serif}
.same_btn{display: block;width: 260px;height: 50px;line-height: 50px;text-align:center;font-size: 1.3rem;color: #fff;margin: auto;border-radius: 2px;}
.build_better_js{background-color: #011530;}
.build_better_js .build_1{background: url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/labs/kendo/kendo-umbrella/umbrella-bg.jpg) no-repeat center top;background-size: cover;}
.build_better_js h2{font-size: 3em;color: #fff;text-align: center;font-weight: normal!important}
.build_better_js h2~p{font-size: 1.5rem;color: #fff;max-width: 1100px;margin: auto;text-align: center;margin: 20px auto 40px;}
.build_better_js .build_1 h2{font-size: 3rem;}
.build_better_js .build_1 p{line-height:1.7;}
.build_better_js .build_1>.same_btn{background-color: #e74b3c}
.build_1 .demonstration{width: 1200px;padding: 60px 40px;margin: 50px auto; border:1px solid rgba(255,255,255,.5);overflow: hidden;box-sizing: border-box;}
.build_1 .demonstration .demo_code_con {float: right;width: 1010px;background-color: rgba(3,65,139,.5);margin-bottom: 50px;}
.build_1 .demonstration .demo_code_con .demo_code{display: none;}
.build_1 .demonstration .demo_code_con .demo_code.isActive{display: block;}
.build_1 .demonstration .demo_code_con .demo_code>ul{font-size: 0;background-color: rgba(0,108,173,.5);}
.build_1 .demonstration .demo_code_con .demo_code>ul li{display: inline-block;position: relative;}
.build_1 .demonstration .demo_code_con .demo_code>ul li a{display: block;padding: 0 25px;height: 68px;line-height: 68px;color: #fff;font-size: 1.4rem;}
.build_1 .demonstration .demo_code_con .demo_code>ul li.isSelect:before{content: '';position: absolute;width: 100%;height: 4px;right: 0;left: 0;top: 0;margin: auto; background-color: #02bceb;}
.build_1 .demonstration .demo_code_con .demo_code .DemoBanner-code{height: 400px;overflow: scroll;}
.build_1 .demonstration .demo_code_con .demo_code .DemoBanner-code>div{display: none;}
.build_1 .demonstration .demo_code_con .demo_code .DemoBanner-code>div.isSelect{display: block;}
.build_1 .demonstration .demo_code_con .demo_code .DemoBanner-code pre{padding: 20px;width: 100%;box-sizing: border-box;}
.build_1 .demonstration .demo_code_con .demo_code .DemoBanner-code pre code{color: #fff;}

.code-sample code .builtin, .code-sample code .char, .code-sample code .selector, .code-sample code .string {color: #2db245;}
.code-sample code .class-name, .code-sample code .tag {color: #0cf;}
.code-sample code .atrule, .code-sample code .keyword {color: #f39;}

.build_1 .demonstration .demo_nav{width: 80px;float: left;}
.build_1 .demonstration .demo_nav a{display: block; height: 40px;margin-bottom: 20px;position: relative;padding-left: 40px;}
.build_1 .demonstration .demo_nav a.active{border-left:4px solid #02bceb;}
.build_1 .demonstration .demo_nav a[href="#jquery"]{background: url(https://image.evget.com/Content/images/202004/16/cfcb918793c98b0549bded2b9fec28b1.png) no-repeat center center;}
.build_1 .demonstration .demo_nav a[href="#angular"]{background: url(https://image.evget.com/Content/images/202004/16/bb8a9cfd1902cc781314e2acb52d0b34.png) no-repeat center center;}
.build_1 .demonstration .demo_nav a[href="#react"]{background: url(https://image.evget.com/Content/images/202004/16/d26b27122ef10091930ae1061468dbf5.png) no-repeat center center;}
.build_1 .demonstration .demo_nav a[href="#vue"]{background: url(https://image.evget.com/Content/images/202004/16/6e029a8e662302e3d0d0d41d27b73472.png) no-repeat center center;}

.build_1 .demonstration .demo_bot{clear: both;font-size: 24px;text-align: center;color: #fff;margin-bottom: 30px;}
.build_1 .demonstration .same_btn{height: 36px;line-height: 36px;font-size: 18px;width: 200px;background-color: #e74b3c}
.build_1 .demo_bot_link{text-align: center;}
.build_1 .demo_bot_link a{display: inline-block;padding: 0 40px;font-size: 18px;color: #fff;height: 36px;line-height: 36px;margin: 0 5px;border-radius: 2px;}
.build_1 .demo_bot_link a.demo_toshow{background-color: #3f5366;}
.build_1 .demo_bot_link a.demo_todown{background-color: #e74b3c;}

.build_2 {margin: 100px auto 0;}
.build_2 .cut_time{width: 1200px;margin: auto;overflow: hidden;}
.build_2 .cut_time .item{width: 46%;float: left;margin: 50px 0 0;}
.build_2 .cut_time .item:nth-child(2n){float: right;}
.build_2 .cut_time .item .left{width: 130px;float: left;}
.build_2 .cut_time .item .right{float: left;width:380px;margin-left: 35px;}
.build_2 .cut_time .item h3{font-size: 1.4rem;color: #fff;margin-bottom: 15px;}
.build_2 .cut_time .item p{font-size: 1rem;color: #fff;line-height: 1.8;text-align: justify;}
.build_2 .demo_tolink{background-color: #e74b3c;margin: 60px auto 0;}

.AllComponents h2{color: #000;margin-bottom: 60px;}
.AllComponents .AllBg{max-width: 1480px;width: 100%;background-color: #edfafe;margin: auto;}
.AllComponents .AllCon{padding: 80px 100px 80px 150px;position: relative;box-sizing: border-box;}
.AllComponents .js-lib-list{display: none;}
.AllComponents .js-lib-list.isSelect{display: block;}
.AllComponents .frameworks-nav{width: 80px;position: absolute;left: 0;top: 80px;}
.AllComponents .frameworks-nav a{display: block; height: 40px;margin-bottom: 20px;position: relative;padding-left: 40px;}
.AllComponents .frameworks-nav a.active{border-left:4px solid #02bceb;}
.AllComponents .frameworks-nav a[href="#jquery"]{background: url(https://image.evget.com/Content/images/202004/16/cfcb918793c98b0549bded2b9fec28b1.png) no-repeat center center;}
.AllComponents .frameworks-nav a[href="#angular"]{background: url(https://image.evget.com/Content/images/202004/16/bb8a9cfd1902cc781314e2acb52d0b34.png) no-repeat center center;}
.AllComponents .frameworks-nav a[href="#react"]{background: url(https://image.evget.com/Content/images/202004/16/d26b27122ef10091930ae1061468dbf5.png) no-repeat center center;}
.AllComponents .frameworks-nav a[href="#vue"]{background: url(https://image.evget.com/Content/images/202004/16/6e029a8e662302e3d0d0d41d27b73472.png) no-repeat center center;}
.AllComponents .js-components{display: flex;justify-content: space-between;}
.AllComponents .js-components{display: flex;justify-content: space-between;}
.AllComponents .js-components .col-2{flex: 1;}
.AllComponents .js-components .smalltit{font-size: 16px;color: #777;margin: 15px 0;}
.AllComponents .js-components .List li{margin-bottom: 10px;}
.AllComponents .js-components .List a{font-size: 16px;color: #0487c4;}
.AllComponents .js-components .List a:hover{text-decoration: underline!important;}

.trusted{background: url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/devcraft/bg-success-story.jpg) no-repeat center;background-size: cover;}
.trusted h2~p{max-width: 1100px;margin: 40px auto 100px; font-size: 1.5rem;color: #fff;text-align: center;line-height:1.7;}
.trusted .trusted_con{text-align: center;font-size: 0;}
.trusted .trusted_con .item{display: inline-block;vertical-align: top;margin: 0 80px;}
.trusted .item h4{font-size: 60px;color: #fff;font-weight: normal;letter-spacing: -3px;}
.trusted .item p{font-size: 24px;color: #fff;}

.devCraft{background: url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/labs/kendo/kendo-umbrella/part-of-devcraft.png) no-repeat center;background-size: cover;}
.devCraft h2{}
.devCraft h2~p{max-width: 1100px;margin: 20px auto 80px; font-size: 24px;color: #fff;text-align: center;}
.devCraft .devCraft_con{max-width: 1200px;width: 100%;overflow: hidden;margin: auto;}
.devCraft .devCraft_info{width: 50%;float: right;}
.devCraft .devCraft_info p{font-size: 20px;color: #fff;margin-bottom: 50px;line-height:1.7;}
.devCraft .devCraft_info .same_btn{margin: 80px 0 0;background-color: #e74b3c;}
@media (max-width: 768px){
	.devCraft .devCraft_info{float: none;width: 100%;}
}
.personInfo{background-color: #08a9e0;}
.personInfo h5{text-align: center;max-width: 900px;margin: auto;font-size: 1.5rem;color: #fff;font-weight: normal!important;line-height:1.7;}
.personInfo img{display: block;width: 70px;height: 70px;border-radius: 50%;overflow: hidden;margin: 35px auto 45px;}
.personInfo p{text-align: center;color: #fff;font-size: 16px;}
.personInfo p city{font-size: 24px;display: block;}
.personInfo .swiper-container{padding-bottom: 70px;}
.personInfo .swiper-pagination-bullet{width: 6px;height: 6px;border:1px solid #fff;}
.personInfo .swiper-pagination-bullet-active{background-color: #fff;}
.personInfo .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}
@media(max-width:768px) {
    .rightNav {
        display: none;
    }

    .build_1 .demonstration {
        padding: 0px;
    }

    .center {
        width: 100%;
    }

    .kend-nav {
        height: 4rem;
    }
}

.phone-kend-nav{
    display: none;
}
@keyframes animation {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@media(max-width:768px) {
    .kend-nav,.build_1 .demonstration, .AllComponents{display: none;}
    .fl>a>img {
        width: 35px;
        padding: 0.8rem 0 0 1rem;
    }

    .fl>a>span {
        position: absolute;
        top: 29%;
        font-size: 20px;
        padding: 0 0 0 0.6rem;
    }

    .hamburger-menu-container {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: flex-end;
        padding: .5rem 2rem;
    }

    .hamburger-menu {
        width: 3rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: fixed;
        top: .3rem;
        z-index: 12;
    }

    .hamburger-menu div {
        width: 2rem;
        height: 3px;
        border-radius: 3px;
        background-color: #000;
        position: relative;
        z-index: 1001;
        transition: .5s;
    }

    .hamburger-menu div:before,
    .hamburger-menu div:after {
        content: '';
        position: absolute;
        width: inherit;
        height: inherit;
        background-color: #000;
        border-radius: 3px;
        transition: .5s;
    }

    .hamburger-menu div:before {
        transform: translateY(-9px);
    }

    .hamburger-menu div:after {
        transform: translateY(9px);
    }

    #check {
        position: fixed;
        top: 2rem;
        right: 1.5rem;
        transform: translateY(-50%);
        width: 2.5rem;
        height: 2.5rem;
        z-index: 90000;
        cursor: pointer;
        opacity: 0;
    }

    #check:checked~.hamburger-menu-container .hamburger-menu div {
        background-color: transparent;
    }

    #check:checked~.hamburger-menu-container .hamburger-menu div:before {
        transform: translateY(0) rotate(-45deg);
    }

    #check:checked~.hamburger-menu-container .hamburger-menu div:after {
        transform: translateY(0) rotate(45deg);
    }

    #check:checked~.fr {
        transform: translateX(0);
    }

    .phone-kend-nav {
        position: relative;
        display: block;
    }

    .phone-kend-nav .center {
        width: 100%;
    }

    .phone-kend-nav .center .fr {
        position: fixed;
        height: calc(100vh - 4rem);
        top: 4rem;
        left: 0;
        width: 100%;
        background-color: #69bde7;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(100%);
        transition: .65s;
        z-index: 99;
    }

    .kend-nav-rg>ul{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .kend-nav-rg>ul>li {
        position: relative !important;
        height: auto;
        width: 100%;
        padding: 0;
    }

    .kend-nav-rg>ul>li>a {
        width: 100%;
        line-height: 1;
        letter-spacing: 1px;
        font-size: 1.2rem;
        padding: 1.6rem 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
    }
    .kend-nav-rg>ul>li>a>i{
        transform: rotate(-90deg);
        transition: .7s;
    }
    .kend-nav-rg>ul>li:hover>a>i{
        transform: rotate(360deg);
    }
    .kend-nav-rg>ul>li:hover>a {
        transform: scale(1);
        background-color: #50a9d6;
    }

    .xialabox {
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
        opacity: 1;
        pointer-events: auto;
        width: 100%;
        padding: 0;
        background-color: #3183ac;
        display: none;
        transition: .5s;
    }
    .xiala-last {
        width: 100% !important;
        height: auto;
        box-sizing: border-box;
        padding: 23px 18px;
        background: #008ac5;
    }
    .xialabox .center>div{
        width: 100%;
        padding: 10px 0 10px 10px;
        transform: translateY(15px);
    }
    .xiala>div>h4{
        margin-bottom: 6px;
        color: #fff;
        font-size: 1rem;
    }
    .xialabox .center>div>div>a{
        width: 50%;
        float: left;
        font-size: .85rem;
        margin-bottom: 0;
        padding: 8px 0px;
        color: #f3f5f7;
    }
    .section{padding: 20px 0;}
    .build_better_js h2~p,.trusted h2~p,.devCraft h2~p{padding: 0 20px;font-size: 1rem;margin: 30px auto;max-width: 100%;}
    .same_btn{width: 10rem;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;}
    .build_better_js h2{font-size: 1.7rem}
    .build_2 .cut_time{width: 100%;display: grid;}
    .build_2 .cut_time .item{width: 100%;float: none;margin: 2rem 0 0;}
    .build_2 .cut_time .item .left{width: 24%;float: none;margin: auto;}
    .build_2 .cut_time .item .right{width: 100%;margin: 0;}
    .build_2 .cut_time .item h3{text-align: center;font-size: 1.3rem;}
    .build_2 .cut_time .item p{padding: 0 15px;font-size: .9rem;}
    .trusted h2,.trusted .item h4{font-size: 1.7rem;}
    .trusted .trusted_con .item{margin: 0 1.1rem;}
    .zixun-cp>div{width: 90%;margin: 1rem;padding: 15px;}
    .devCraft .devCraft_info p{font-size: 1rem;padding: 1rem;margin-bottom: 0;}
    .devCraft .devCraft_info .same_btn{margin: 30px auto 0;}
    .personInfo h5{max-width:100%;padding: 1rem;font-size: 1.2rem;}
    .lastcustomer{display: none;}
    .kend-foot-cot{display: grid;}
    .kend-foot-cot>div{display: flex;justify-content: space-around;width: 100%;}
    .kend-foot-cot>div:nth-child(4) h6{padding-right: 48px;}
    .center,.about-cot-lf,.about-cot-rg,.buy-cot>div>div,.zixun-cp>div>p:nth-child(3),.devCraft .devCraft_con{width: 100%;}
    .buy-head>div>a{width: 42%;}
    .buy-bot>p{font-size:1.4rem ;}
    .buy-bot>div{margin-bottom: 40px;display: grid;align-items: center;justify-items: center;}
    .buy-bot>div>div{font-size: 17px;margin: 0;height: 2.5rem;line-height: 2.5rem;}
    .detail-cot-lf{float: none;width: 100%;height: auto;}
    .detail-cot-rg{width: 100%;float: none;}
    .zx-rg-cot li{line-height: 22px;padding: .6rem;}
    .buy-cot-top>h4:before{left: 80px;}
    .phone-kend-nav .center>.fl{position: fixed;width: 100%;height: 4rem;background-color: #f3f5f7;z-index: 12;}
    .build_better_js .build_1 h2{padding-top:4rem;font-size: 1.6rem;}
    .build_2{margin:50px auto 0}
    .build_2 .demo_tolink{margin:20px auto 0}
    .personInfo .swiper-container{padding-bottom:0}
    .buy2-cot-cot>div,.buy2-cot-cot>div>a{margin: 0;}
    .buy2-cot-cot>div>a>h5{font-size: 1.4rem;}
    .buy2-cot-cot>div>a>div,.buy2-cot-cot>div>a>p,.kend-foot-cot>div h6{font-size: 1rem;}
    .buy2-cot-cot>h4{padding-left: 1rem;}
    .kend-part2-cot2{padding: 1rem ;margin-bottom: .1rem;height: auto;}
    .kend-part2-bot li{height: auto;padding-left: 1rem;}
    .kend-part2-bot{height: auto;}
    .kend-part2>div{height: auto;}
    .kend-part2-bot li>p{word-break: break-all;font-size: .9rem;line-height: 20px;}
    .kend-part2-bot li>h4{font-size: 1.2rem; margin: 15px 0;}
    .kend-part1>div>a{margin: 0 auto 5px;width: 48%;}
}