.focus_text { color: #FFF; text-align: center; position: absolute; width: 100%; top: 285px; }
.focus_text p { display: block; font-size: 36px; line-height: 50px; }
.focus_text strong { font-size: 50px; line-height: 66px; display: block; margin-top: 18px; font-weight: normal; letter-spacing: 2px; }
.focus_navBox { background: #FFF; height: 138px; margin: -69px auto 0px; width: 1200px; position: relative; z-index: 5; border-radius: 0.4em; box-shadow: 0 2px 15px 6px rgba(0,0,0,0.1); text-align: center; }
.focus_nav { width: 100%; text-align: center; height: 214px; position: absolute; left: 0px; bottom: 0px; z-index: 2; color: #FFF; }
.focus_nav_a { display: inline-block; margin: 0px 80px; font-size: 12px; text-transform: uppercase; line-height: 24px; transition:all 0.5s ease-out; }
.focus_nav_a:hover{transform:translateY(-10px);}
.focus_icon1 { background: url(../image/hmFocus_icon1.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; }
.focus_icon2 { background: url(../image/hmFocus_icon2.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; }
.focus_icon3 { background: url(../image/hmFocus_icon3.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; }
.focus_icon4 { background: url(../image/hmFocus_icon4.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; }
.focus_nav_a h3 { font-size: 16px; line-height: 26px; margin-top: 2px; }
.focusNav_a { display: inline-block; padding: 27px 0px 0px 85px; height: 138px; position: relative; background: url(../image/navIcons.png) no-repeat 0 0; transition: none; width: 345px; text-align: left; }
.focusNav_a1{background-position:-57px -12px;}
.focusNav_a1:hover{background-position:-57px -477px;}
.focusNav_a2{ background-position: -57px -170px; margin: 0px 40px; }
.focusNav_a2:hover{ background-position: -57px -637px;}
.focusNav_a3{background-position:-57px -325px;}
.focusNav_a3:hover{background-position:-57px -798px;}
.iconBor { background: url(../image/navIconsBor.png) no-repeat center center; display: inline-block; height: 59px; width: 59px; position: absolute; left: 0px; top: 38px; display:none }
.focusNav_a:hover .iconBor {  -webkit-animation: btnRotate 0.2s linear infinite; -moz-animation: btnRotate 0.2s linear infinite; display:block}
.focusNav_a:hover{transition: .3s;  transition-property: initial;  transition-duration: 0.3s;  transition-timing-function: initial;  transition-delay: initial;}
.focusNav_a strong { font-size: 16px; line-height: 36px; display: block; }
.focusNav_a p { font-size: 12px; line-height: 20px; color: #888888; height:40px; overflow:hidden }
.focusNav_a p span{ color:#0fc898; font-weight:bold; font-size:14px;}
.index_focus { position:relative;}
.focus_items{background:#000;}
.focus_items .slick-prev{ background: url(../image/fs_btn.svg) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -75px; z-index: 1; border:none; transition:all 0.5s ease; background-size:36px auto; opacity:0.6; transform:rotate(180deg); }
.focus_items .slick-next{ background: url(../image/fs_btn.svg) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; overflow: hidden; cursor: pointer; margin-top: -75px; z-index: 1; border:none; transition:all 0.5s ease; background-size:36px auto; opacity:0.6; }
.focus_items .slick-prev:hover,.focus_items .slick-next:hover{ opacity:1;}
.focus_item{ height:800px; height: 41.66vw; max-height:800px; position: relative; }
.focus_bgImg{ height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;-webkit-transform:scale(1.3); transform:scale(1.3); background-position:center center; background-size:auto 100%;}
.on .focus_bgImg{ visibility: visible; -webkit-animation: scale-bg 6s linear forwards; animation: scale-bg 6s linear forwards;   }
@-webkit-keyframes scale-bg {  from {
 -webkit-transform:scale(1.3);
 transform:scale(1.3);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scale-bg {  from {
 -webkit-transform:scale(1.3);
 transform:scale(1.3);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
.index_tname { font-size: 30px; line-height: 46px; text-align: center; font-weight: normal; }
.index_template { padding: 58px 0px 88px; overflow:hidden; }
.index_tname span { display: inline-block; margin: 0px 5px; color: #0fc898; }
.index_descript { font-size: 14px; line-height: 26px; color: #ababab; text-align: center; margin: 18px auto 0px; max-width: 960px; }
.index_descript strong{ color:#0fc898; font-size:16px; display:inline-block; margin:0 5px;}
.index_change{ text-align: center; margin: 30px 0px 0px; }
.index_cbutton{ margin: 0px 25px; padding: 0px 14px; font-size: 16px; line-height: 34px; display: inline-block; color: #666; border-radius:0.2em; }
.index_cbutton.on,.index_cbutton:hover{ color: #FFF; background: #0EC898; }
.index_u1_wrap{margin:45px -19px 20px; position:relative; height:782px;}
.index_u1{ position:absolute; left:0; top:0; right:0; opacity:0; visibility:hidden; transform:translateY(15px); background:#fff;}
.index_u1.on{opacity:1; visibility:visible; transform:translateY(0); z-index:1; transition:all 0.5s ease;}
.index_u1 li { float: left; width: 33.33%; margin-bottom:30px; padding:0 19px; }
.temp_box { position: relative; text-align: center; }
.temp_box strong { font-size: 16px; color: #666; line-height: 26px; font-weight: normal; display: block; height: 26px; }
.temp_box p { font-size: 13px; line-height: 24px; color: #999999; height: 24px; margin-top: 8px; }
.temp_btns{width: 100%;height: 42px;position: absolute;left: 0px; bottom:126px;font-size: 14px;}
.temp_btn1 {color: #FFF;background: #0EC898;text-align: center;display: inline-block;width: 130px;border-radius: 0.2em;line-height: 38px;margin: 0px 10px;transition: all 0.5s ease-in-out;transform: translate(-35px,0);opacity: 0;filter: alpha(opacity=0);box-shadow:0px 20px 30px rgba(0, 0, 0, 0.4);}
.temp_btn1:hover{ color: #fff; background: #0CB188; }
.temp_btn2 { color: #FFF; background: #FFBC31; text-align: center; display: inline-block; width: 130px; border-radius: 0.2em; line-height: 38px; margin: 0px 10px; transition: all 0.5s ease-in-out; transform: translate(35px,0); opacity: 0; filter: alpha(opacity=0); box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.4); cursor:pointer; }
.temp_btn2:hover{ color: #FFF; background: #FFAC00; }
.temp_box:hover .temp_btn1,.temp_box:hover .temp_btn2{opacity:1; transform:translateY(0)}
.index_more{ font-size: 14px; line-height: 42px; color: #0fc898; display: block; height: 44px; width: 338px; border: 1px solid #0fc898; margin: 0px auto; text-transform: uppercase; position:relative; overflow:hidden; text-align:center }
.index_more span{ transition:all 0.3s ease-in-out; display:inline-block;}
.index_more i{ background: url(../image/more_arrow.png) no-repeat center center; display: inline-block; height: 8px; width: 16px; position: absolute; margin-top: -4px; top: 50%; left: 30px; transition:all 0.5s ease-in-out; opacity:0}
.index_more:hover span{transform:translateX(18px);}
.index_more:hover{ color: #FFF; background: #0EC898; border: 1px solid #0EC898; }
.index_more:hover i{ left:110px; opacity:1;}
.index_server { background: #f5f5f5 url(../image/index_server.png) no-repeat center bottom; padding: 80px 0px 90px; }
.index_serverCon{ overflow: hidden; margin: 45px 0px 32px; }
.index_server_list { float: left; margin-bottom: 15px; }
.index_server_list li { float: left; margin-right: 55px; }
.index_server_des strong{ display: block; font-size: 16px; line-height: 46px; font-weight: bold; height: 46px; overflow: hidden; color: #333; }
.index_server_des strong span { font: bold 30px din; color: #FE6827; display: inline-block; margin: 0px 4px; position:relative; top:2px; }
.index_server_des { font-size: 14px; line-height: 30px; color: #666666; padding-left: 25px; }
.index_server_des .w100 span{ color:#000; font-size:15px;}
.index_server_des .w100 em{ font-style: normal; color: #FE6827; font-size:15px;}
.index_server_right { font-size: 72px; line-height: 84px; color: #0fc898; margin-bottom: 6px; float: right; width: 390px; font-weight: normal; font-family: enFont1; }
.index_server_num span { font-size: 40px; display: inline-block; margin-left: 5px; }
.index_server_en { line-height: 52px; font-size: 48px; color: #888; text-transform: uppercase; font-family: enFont; font-weight: bold; }
.index_server_sul { margin: 50px -20px 40px; overflow: hidden; }
.index_server_sul li { text-align: center; float: left; width: 33.33%; font-size: 14px; line-height: 28px; color: #999; }
.index_server_sul li strong { font-weight: normal; font-size: 14px; line-height: 50px; color: #999; display: block; }
.index_server_sul li p { font-size: 14px; line-height: 28px; color: #999; margin-top: -10px; padding-right:15px; }
.index_server_sul li strong span { font-size: 42px; font-weight: bold; display: inline-block; margin-right: 5px; color: #666; font-family: enFont; }
.focus_text strong{ transition:all 0.7s ease-out; opacity:0; transform:translateY(40px)}
.focus_text p{ transition:all 0.7s ease-out; opacity:0; transform:translateY(40px)}
.on .focus_text strong{ opacity:1; transform:translateY(0); transition-delay:0.7s;}
.on .focus_text p{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
@-webkit-keyframes scaleBg {  from {
 -webkit-transform:scale(1.2);
 transform:scale(1.2);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleBg {  from {
 -webkit-transform:scale(1.2);
 transform:scale(1.2);
}
to { -webkit-transform: scale(1); transform: scale(1); }
}
.index_cases{position: relative; }
.cases_item{height:780px; position:relative; padding-top:165px;}
.cases_imgBg{ height:615px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%;-webkit-transform:scale(1.2); transform:scale(1.2);}
.cases_emptyBg{background:#fff; width:100%; left:0; bottom:0; height:165px; position:absolute;}
.cases_content{position:relative; z-index:3; max-width:1560px; margin:0 auto; background:rgba(255,255,255,0.2); height:582px; box-shadow:0 0 12px 9px rgba(0,0,0,0.08); border-radius:0.4em; overflow:hidden;}
.cases_img{ float:left; padding:50px 0 0 90px; transition:all 1.2s ease-in-out; opacity:0; transform:translateY(40px);}
.casesTxt{ height: 582px; width: 725px; background:rgba(255,255,255,0.95); float: right; padding: 53px 88px 0px; }
.cases_tbox { height: 56px; overflow: hidden; }
.cases_tbox strong { line-height: 56px; font-weight: bold; color: #0fc898; font-size: 48px; float: left; font-family: enFont; }
.cases_tbox p { font-size: 16px; line-height: 34px; white-space: nowrap; float: right; margin-top: 22px; }
.cases_text { font-size: 14px; line-height: 28px; color: #666666; padding-top: 20px; text-align:justify; }
.cases_top{ width: 100%; width: 1560px; height: 75px; position: absolute; left: 50%; margin-left: -780px; top: 62px; z-index: 3; color: #FFF; }
.cases_top_left{ float:left;}
.cases_top_left h2{ font-size: 22px; line-height: 40px; font-weight: normal; }
.cases_top_left h2 span{ font-size: 30px; display:inline-block;}
.cases_top_left p{ font-size: 14px; line-height: 30px; text-transform: uppercase; }
.cases_top_right{ font-size: 16px; line-height: 30px; float: right; margin-top: 44px; }
.cases_bom{width:1560px; position:absolute; left:50%; margin-left:-780px; z-index:3; bottom:76px; overflow:hidden; padding-right:88px;}
.cases_funs{ height: 42px; float: right; width: 115px; position: relative; }
.cases_numbers { line-height: 26px; text-align: center; display: block; font-size: 18px; color: #888888; }
.cases_num1 span { display: inline-block; margin: 0px 5px; }
.cases_prev { background: url(../image/case_arrow1.png) no-repeat center center; display: inline-block; height: 17px; width: 11px; position: absolute; left: 0px; top: 25px; cursor: pointer; }
.cases_next { background: url(../image/case_arrow2.png) no-repeat center center; display: inline-block; height: 17px; width: 11px; position: absolute; right: 0px; top: 25px; cursor: pointer; }
.cases_press{ background: #DDDDDD; height: 1px; width: 72px; position: absolute; left: 50%; margin-left: -36px; bottom: 8px;}
.cases_press i{ background: #0EC898; display: inline-block; height: 3px; width: 0px; position: absolute; left: 0px; top: -1px; transition:all 0.5s ease; }
.active .cases_img{opacity:1; transform:translateY(0);}
.active .cases_imgBg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.index_case_more{ font-size: 14px; line-height: 28px; height: 30px; width: 90px; border: 1px solid #0fc898; display: inline-block; text-align: center; color: #0fc898; margin-top: 30px; text-transform: uppercase; }
.index_case_more:hover{ color: #FFF; background: #0fc898; }
.index_effect{ padding: 80px 0px 90px; }
.index_change2 { font-size: 30px; text-align: center; line-height: 50px; }
.index_change2 a,.index_change2 span{vertical-align:middle;}
.index_change2 span { display: inline-block; padding: 0px 12px; color: #888; font-size: 28px; }
.index_change_button.on,.index_change_button:hover{ color: #0fc898; }
.index_sliderBox { margin-top: 35px; height: auto; position: relative; margin-left:-35px; margin-right:-35px; margin-bottom:40px; }
.index_slider { height: 100%; width: 100%; position:relative; left: 0px; top: 0px; }
.index_effect_item{display:block; text-align:center;}
.index_effect_img{border: 8px solid #F0F0F0; border-radius:0.5em; background:#fff; position:relative; *zoom: 1; margin-bottom:20px}
.index_effect_img img{display:block; max-width:100%; height:auto;}
.index_effect_img:before {-webkit-transform: skew(-15deg) rotate(-4deg);-moz-transform: skew(-15deg) rotate(-4deg);transform: skew(-15deg) rotate(-4deg);left:12%;}
.index_effect_img:after {-webkit-transform: skew(15deg) rotate(4deg);-moz-transform: skew(15deg) rotate(4deg); transform: skew(15deg) rotate(4deg);right: 12%;}
.index_effect_img:before,.index_effect_img:after {width:70%;height: 65%;content: '';-webkit-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);box-shadow: 0 18px 26px rgba(0, 0, 0, 0.25);position: absolute;bottom:8px;z-index: -1;}
.index_effect_item strong{ font-size: 18px; line-height: 40px; font-weight: normal; display: block; }
.index_effect_item a{margin:0 35px 35px;}
.index_slider .slick-dots{ bottom: 0; height: 9px; }
.index_slider .slick-dots li{ background: #C3C3C3; display: inline-block; height: 9px; width: 9px; margin: 0px 8px; border-radius:50%; }
.index_slider .slick-dots li.slick-active{ background: #0EC898; }
.index_super{ padding: 40px 0px 50px; }
.index_super_items { text-align: center; margin: 40px -20px 0; }
.index_super_items li { display: inline-block; width: 18%; padding: 0px 34px; vertical-align:top; }
.index_super_items li p { font-size: 14px; line-height: 24px; height: 85px; color: #888888; }
.index_article{ background: #f5f5f5; padding: 80px 0px 90px;}
.index_article_changeBtn { height: 70px; position: relative; text-align: center; margin-top:35px; }
.index_article_changeBtn:before{ content: ""; background: #DBDBDB; height: 1px; width: 100%; position: absolute; left: 0px; top: 49px; }
.index_article_button { display: inline-block; margin: 0px 52px; line-height: 30px; font-size: 18px; height: 70px; position: relative; cursor:pointer; }
.index_article_button:after{ content: ""; height: 19px; width: 19px; border: 2px solid #DBDBDB; position: absolute; left: 50%; margin-left: -9px; top: 40px; border-radius: 50%; background: #F5F5F5; transition:all 0.5s ease-in-out; }
.index_article_button.on,.index_article_button:hover{ color: #11C999; }
.index_article_button:hover:after,.index_article_button.on:after{ border: 2px solid #11c999; }
.index_article_slick { margin-top: 40px;}
.index_article_bottom { text-align: center; height: 42px; }
.index_article_prev { display: inline-block; height: 42px; width: 42px; border: 1px solid #0EC898; position: relative; border-radius:50%; cursor:pointer; transition:all 0.5s ease; }
.index_article_prev i{ transition: all 0.5s ease-in-out; background: url(../image/index_aricon.png) no-repeat left center; display: inline-block; height: 20px; width: 23px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.index_article_prev:hover i{ background: url(../image/index_aricon.png) no-repeat right center; }
.index_article_next { display: inline-block; height: 42px; width: 42px; border: 1px solid #0EC898; position: relative; border-radius:50%; transform:rotate(180deg); cursor:pointer; transition:all 0.5s ease; }
.index_article_next i{ transition: all 0.5s ease-in-out; background: url(../image/index_aricon.png) no-repeat left center; display: inline-block; height: 20px; width: 23px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.index_article_next:hover i{ background: url(../image/index_aricon.png) no-repeat right center; }
.index_article_more { display: inline-block; height: 42px; width: 42px; border: 1px solid #0EC898; position: relative; border-radius: 50%; margin: 0px 30px; }
.index_article_more i{ transition: all 0.5s ease-in-out; background: url(../image/index_aricon2.png) no-repeat left top; display: inline-block; height: 6px; width: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.index_article_more:hover i{ background: url(../image/index_aricon2.png) no-repeat left bottom; }
.index_article_more:hover,.index_article_prev:hover,.index_article_next:hover{ background: #0ec898; }
.index_article_ul { margin: 0px -30px; }
.index_article_ul li { padding: 0px 30px; height: 195px; width: 50%; float: left; }
.index_article_a { display: block; height: 175px; }
.index_article_box{ border-radius:0.4em; position:relative; *zoom: 1; float:left}
.index_article_box:before {-webkit-transform: skew(-15deg) rotate(-4deg);-moz-transform: skew(-15deg) rotate(-4deg);transform: skew(-15deg) rotate(-4deg);left:12%;}
.index_article_box:after {-webkit-transform: skew(15deg) rotate(4deg);-moz-transform: skew(15deg) rotate(4deg); transform: skew(15deg) rotate(4deg);right: 12%;}
.index_article_box:before,.index_article_box:after {width:70%;height: 65%;content: '';-webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.35);box-shadow: 0 12px 20px rgba(0, 0, 0, 0.35);position: absolute;bottom:15px;z-index: 1;}
.index_article_a .overflowHide { height: 146px; width: 231px; z-index:2; border: 3px solid #FFF; }
.index_article_des { margin-left: 252px; }
.index_article_des .ellipsis { font-size: 18px; line-height: 40px; font-weight: normal; display: block; height: 40px; }
.index_article_des p { font-size: 13px; line-height: 22px; color: #888888; height: 66px; overflow: hidden; margin-bottom: 15px; text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden; }
.index_article_des span { font-size: 12px; line-height: 22px; color: #aaaaaa; display: inline-block; }
.index_tools{ padding: 80px 0px 90px; }
.inx_tools_empty{height:60px;}
.index_tools_items { margin-top: 35px; overflow: hidden; }
.index_tools_item { text-align: center; float: left; width: 16.666%; padding-bottom:50px; }
.index_tools_a { display: block; }
.index_tools_a img { display: block; margin: 0px auto; height: 83px; width: 150px; border: 5px solid #000; border-radius:0.4em; }
.index_tools_a p { font-size: 15px; line-height: 24px; margin-top: 15px; }
.index_contact { background: url(../image/template_bg.jpg) no-repeat fixed center center; padding: 162px 0px 138px; position: relative; color: #FFF; text-align: center; }
.index_contact_title{ font-size: 36px; letter-spacing: 2px; }
.index_contact_tel{ font: 26px/30px din_b; margin: 38px 0px 64px; }
.index_more2{ color: #fff; border: 1px solid #fff;}
.index_more2:hover{ color: #FFF; background:none; border: 1px solid #fff; }
.index_tools_items .slick-dots{ bottom: 0; height: 18px; }
.index_tools_items .slick-dots li{ background: #C3C3C3; display: inline-block; height: 9px; width: 9px; margin: 0px 8px; border-radius:50%; }
.index_tools_items .slick-dots li.slick-active{ background: #0EC898; }
.index_about{ padding: 100px 0px 90px; }
.index_about_top { margin-bottom: 70px; text-align: center; }
.index_tbox { display: inline-block; height: 78px; width: 526px; border: 3px solid #DDDDDD; position: relative; }
.index_about_ent { text-transform: uppercase; color: #49d0a8; background: #FFF; display: inline-block; padding: 0px 22px; position: absolute; left: 50%; top: -22px; height: 44px; margin-left: -80px; font-size: 36px; line-height: 44px; }
.index_tbox p { font-size: 14px; line-height: 26px; color: #999999; padding-top: 24px; }
.index_about_bottom { overflow: hidden; min-height: 477px; position: relative; padding-right: 720px; font-size: 14px; line-height: 28px; color: #888888; text-align:justify; }
.index_about_bottom strong { font-size: 24px; line-height: 40px; font-weight: normal; display: block; margin-bottom: 40px; position: relative; color: #555555; }
.index_about_bottom strong:after{ content: ""; background: #AAAAAA; display: block; height: 1px; width: 30px; margin-bottom: -19px; }
.index_about_more { margin-top: 50px; }
.index_about_more .index_more{margin-left:0;}
.index_about_img{ height: 477px; width: 688px; margin-top: -239px; position: absolute; top: 50%; right: 0px; }
@media (max-width:1799px){
.focus_text{ top:188px;}
.focus_text p { font-size: 26px; line-height: 40px; }
.focus_text strong { font-size: 42px; line-height: 50px; margin-top: 12px; }
.index_tname{font-size:28px;}
.temp_btn1, .temp_btn1:hover,.temp_btn2, .temp_btn2:hover{width:110px;}
.index_template{padding:45px 0px 80px;}
.index_more{ width: 288px;}
.index_more i{ left: 5px;}
.index_more:hover i{ left:85px;}
.index_more:hover span{transform:translateX(18px);}
.index_u1 li{padding:0 10px;}
.index_change{margin-top:25px;}
.index_u1_wrap{margin-top:35px; margin-bottom:10px; height:660px;}
.index_descript{margin-top:10px;}
.index_server{padding:60px 0px 70px;}
.index_serverCon{margin:30px 0px 28px;}
.index_server_list li{width:260px; margin-right:30px;}
.index_server_des{padding-left:0;}
.index_server_des{font-size:12px;}
.index_server_right{width:326px;}
.index_server_list li img{ width:228px; height:auto}
.index_server_des strong{font-size:15px;}
.index_server_en {line-height: 46px;font-size: 40px;}
.index_server_sul{margin:15px -20px 20px;}
.index_server_sul li strong span{font-size:38px;}
.index_server_right .text-center img{width:180px; height:auto;}
.index_effect{padding:60px 0px 70px;}
.index_change2{font-size:28px; line-height:46px;}
.index_cbutton{font-size:14px;}
.index_sliderBox{margin-top:30px; margin-left:-20px; margin-right:-20px;}
.index_effect_item strong{font-size:16px;}
.index_effect_img{margin-bottom:15px; border:5px solid #F0F0F0}
.index_sliderBox{margin-left:-15px; margin-right:-15px;}
.index_effect_item a{ margin:0 15px 20px}
.cases_top{ width:1200px; margin-left:-600px;}
.cases_content{width:1200px; height:555px;}
.casesTxt{width:590px; padding:40px 35px 0px}
.cases_img{padding-left:45px; padding-top:125px;}
.cases_img img{width:515px; height:auto;}
.cases_bom{width:1230px; margin-left:-615px; padding-right:50px; bottom:90px}
.index_super{padding-top:0; padding-bottom:35px;}
.index_super_items li{padding:0 15px;}
.index_super_items{margin:25px -15px 0;}
.index_article{padding:60px 0px 70px;}
.index_article_button{font-size:16px; margin:0px 32px;}
.index_article_changeBtn{margin-top:25px;}
.index_article_slick{margin-top:25px;}
.index_article_ul{margin:0px -15px;}
.index_article_ul li{padding:0 15px; height:172px;}
.index_article_des .ellipsis{font-size:16px;}
.index_tools{padding:60px 0px 60px;}
.index_tools_items{margin-top:25px;}
.index_contact_title{font-size:30px;}
.index_contact_tel{font:24px/26px enFont1; margin:26px 0px 30px}
.index_contact{padding:122px 0px 118px;}
.index_about{padding:80px 0px 60px;}
.index_about_top{margin-bottom:45px;}
.index_about_bottom{padding-right:610px;}
.index_about_img{width:588px;}
.index_tbox{ border:2px solid #DDD}
.index_article_des p{font-size:12px;}
.cases_top_left h2 span{font-size:28px;}
}
@media (max-width:1399px){
.index_server_list li{margin-right:20px;}
.index_server_right{width:296px;}
.cases_content{ width:1170px;}
.cases_top{width:1170px; margin-left:-585px;}
.cases_img{padding-left:35px;}
.index_article_button{margin:0 28px;}
.focus_text{top:138px;}
.index_u1_wrap{height:636px;}
.focus_items .slick-prev,.focus_items .slick-next{margin-top:-96px;}
.focusNav_a p span{font-size:12px;}
}
@media (max-width:1279px){
.focus_nav_a{margin:0 50px;}
.focus_navBox{width:1000px;}
.focusNav_a2{margin:0 15px;}
.focusNav_a{padding-left:72px; width:315px; vertical-align:top;}
.temp_btns{bottom:108px;}
.temp_btn1,.temp_btn1:hover,.temp_btn2,.temp_btn2:hover{margin:0 5px; width:95px;}
.index_effect_item a{}
.index_effect_item strong{font-size:14px;}
}
@media (max-width:1199px){
.index_server_list{width:100%; float:none; overflow:hidden}
.index_server_list li{width:33.33%; float:left; margin-right:0; padding:0 25px;}
.index_server_list li img{display:block; margin:0 auto;}
.index_server_right{width:100%; float:none; padding-top:15px; text-align:center} 
.cases_img{display:none;}
.cases_top{width:900px; margin-left:-450px;}
.cases_content{width:100%; padding-top:45px;}
.casesTxt{width:900px; margin:0 auto; float:none; border-radius:0.5em;}
.cases_bom{width:900px; margin-left:-450px; bottom:100px; padding-right:0;}
.cases_funs{margin:0 auto; float:none}
.index_article_button{margin:0 10px;}
.index_tools_a img{ width:120px;}
.index_about_img{position:static; margin-top:60px; width:360px; margin-left:auto; margin-right:auto; height:auto;}
.index_about_bottom{padding-right:0;}
.index_about_bottom strong{ text-align:center}
.index_about_bottom strong:after{ left:50%; position:absolute; margin-left:-15px; bottom:-8px;}
.index_about_more .index_more{margin:0 auto;}
.index_contact{ background-position: center center!important; background-attachment: scroll; background-repeat: no-repeat; }
.focus_item{height:500px;}
.focus_text{top:126px;}
.index_u1_wrap{height:550px;}
.index_super_items li p{max-width:132px;}
.cases_content{width:auto; margin-left:25px; margin-right:25px;}
.index_super_items li p{max-width:none;}
.focus_items .slick-prev{left:15px;}
.focus_items .slick-next{right:15px;}
}
@media (max-width:993px){
.focus_nav_a{margin:0 15px;}
.index_u1 li{width:50%;}
.index_server_list li{padding:0;}
.index_server_des strong{font-size:12px;}
.index_server_des{line-height:24px;}
.index_server_list li img{width:200px;}
.cases_top{width:100%; margin-left:0; left:0; padding:0 25px;}
.cases_content{padding:0;}
.casesTxt{width:100%;}
.index_super_items li{width:30%;}
.index_article_ul li{width:100%;}
.index_article_changeBtn{height:auto;}
.index_article_changeBtn:before{display:none;}
.index_article_button:after{display:none;}
.index_article_button{height:40px;}
.focus_navBox{width:100%;}
.focusNav_a{width:240px; padding-left:68px;}
.focusNav_a2{ margin:0 10px;}
.index_u1{margin-left:-15px; margin-right:-15px;}
.focusNav_a strong{display:none;}
.focusNav_a p{height:76px;display:flex; flex-direction:column; justify-content:center;}
.index_u1_wrap{height:950px;}
.focus_text p{font-size:22px;}
.focus_text strong{ font-size:32px; line-height:40px;}
.focus_items .slick-prev{left:10px;}
.focus_items .slick-next{right:10px;}
.index_server_des .w100 span{font-size:13px;}
}
@media (max-width:767px){
.focus_navBox,.index_descript,.temp_btn1,.index_effect,.index_cases,.index_tools_items,.index_about{display:none;}
.inx_tools_empty + .index_tname{ display:none;}
.inx_tools_empty{ display:none;}
.focus_item{height:320px;}
.focus_text p{font-size:18px; line-height:30px;}
.focus_text strong{font-size:24px; line-height:36px; margin-top:4px;}
.focus_text{top:108px;}
.focus_nav{height:110px;}
.focus_nav_a span{ display:none;}
.focus_nav_a{margin:0; width:48%;}
.focus_nav .focus_nav_a:nth-child(1),.focus_nav .focus_nav_a:nth-child(4){display:none;}
.focus_nav_a h3{font-size:14px; line-height:16px;}
.focus_icon1{width:40px; height:40px; background-size:cover;}
.index_tname{font-size:22px; line-height:30px;}
.index_change {}
.index_cbutton{margin:0 3px;}
.index_u1_wrap{margin-top:25px;}
.index_u1{padding:0 5px; margin-top:0px; margin-left:10px; margin-right:10px;}
.index_u1 li{padding:0; width:100%;}
.temp_btns{height:100%; bottom:0}
.temp_btn2,.temp_btn2:hover{ width:100%; transform:translate(0,0)!important; opacity:0!important; height:100%; margin:0}
.temp_box strong{font-size:14px; margin:0 3px; margin-top:-12px;}
.temp_box p{font-size:12px; margin:0 3px;}
.index_u1 li{margin-bottom:22px;}
.index_template{padding-bottom:50px;}
.index_server_list li{width:100%;}
.index_server{padding:40px 0px 65px;}
.index_server_des{text-align:center;}
.index_server_des .w100{display:none;}
.index_server_list li img{width:260px;}
.index_serverCon{margin-top:20px;}
.index_server_list li{margin-bottom:15px;}
.index_server_des strong{font-size:14px;}
.index_server_right{font-size:60px; line-height:60px;}
.index_server_list{margin-bottom:0;}
.index_server_en{font-size:30px; line-height:40px;}
.index_super_items li:nth-child(3),.index_super_items li:nth-child(6),.index_super_items li:nth-child(7),.index_super_items li:nth-child(2),.index_super_items li:nth-child(3){display:none;}
.index_super_items li img{width:60px; height:60px;}
.index_super_items li{width:48%; padding:0 5px;}
.index_super{padding-top:45px;}
.index_super_items li p{line-height:22px; font-size:12px; height:55px;}
.index_article{padding:42px 0px;}
.index_article_slick{margin-top:18px;}
.index_article_changeBtn{height:auto; margin-top:12px;}
.index_article_button{height:36px; line-height:36px; margin:0 5px;}
.index_article_a .overflowHide{width:150px; height:90px;}
.index_article_des{margin-left:162px;}
.index_article_des .ellipsis{line-height:32px; height:32px; margin-bottom:5px;}
.index_article_des span{display:none;}
.index_article_des p{ line-height:22px; height:44px; overflow:hidden; margin-bottom:0;}
.index_article_ul li{height:112px; overflow:hidden}
.index_contact_title{font-size:24px; line-height:36px;}
.index_contact_tel{font-size:22px; margin:20px 0px 20px}
.index_u1_wrap{height:1610px;}
.index_article_bottom{transform:scale(0.8)!important;}
.focus_items .slick-prev,.focus_items .slick-next{ background-size:18px auto; width:30px; height:30px; margin-top:-33px}
.focus_items .slick-prev{left:5px;}
.focus_items .slick-next{right:5px;}
.index_tools{padding:42px 0;}
}