html.hide,body.hide{ overflow: hidden; height: 100%; width: 100%; }
.isuper-mainer{ position: relative; padding-top: 100px; }
.isuper-header{ box-shadow: 0 4px 8px 0 rgba(0,0,0,0.04); background: rgba(255,255,255,1); position: absolute; /*z-index: 99;*/ width: 100%; left: 0; top: 0; }
.isuper-header.fix{ position: fixed; z-index: 999; background: rgba(255,255,255,.9); }
.isuper-menu{ width: 1200px; margin: 0 auto; }
.isuper-menu-list{ padding: 30px 0; color: #666; text-align: center; width: 25%; float: left; font-size: 16px; cursor: pointer; }
.icon-isuper,.isuper-list-link{ display: inline-block; vertical-align: middle; transition: all .2s ease; -webkit-transition: all .2s ease; }
.icon-isuper{ width: 28px; height: 28px; margin-right: 5px; }
.icon-isuper1{ background: url(../images/icon-isuper1.png) no-repeat center; background-size: cover; }
/* .isuper-menu-list:hover .icon-isuper1{ background: url(../images/icon-isuper1-hover.png) no-repeat center; background-size: cover; } */
.icon-isuper2{ background: url(../images/icon-isuper2.png) no-repeat center; background-size: cover; }
/* .isuper-menu-list:hover .icon-isuper2{ background: url(../images/icon-isuper2-hover.png) no-repeat center; background-size: cover; } */
.icon-isuper3{ background: url(../images/icon-isuper3.png) no-repeat center; background-size: cover; }
/* .isuper-menu-list:hover .icon-isuper3{ background: url(../images/icon-isuper3-hover.png) no-repeat center; background-size: cover; } */
.icon-isuper4{ background: url(../images/icon-isuper4.png) no-repeat center; background-size: cover; }
/* .isuper-menu-list:hover .icon-isuper4{ background: url(../images/icon-isuper4-hover.png) no-repeat center; background-size: cover; } */
@media (max-width: 1280px){
.isuper-menu{ width: 92%; }
.isuper-menu-list{ padding: 20px 0; }
.icon-isuper{ width: 30px; height: 30px; }
}
@media (max-width: 768px){
.isuper-menu-list{ font-size: 14px; }
}
@media (max-width: 540px){
.isuper-menu-list{ font-size: 12px; }
.icon-isuper{ display: none; }
}
.isuper-box{ padding: 100px 0; text-align: center; }
.isuper-box.hill{ background: url(../images/box-bg2.png) no-repeat center bottom; background-size: 100% auto; }
.isuper-box.isuper-box-img1{ background: url(../images/box-bg2.jpg) no-repeat center; background-size: cover; }
.isuper-box.isuper-box-img2{ background: url(../images/box-bg3.jpg) no-repeat center; background-size: cover; }
.isuper-btn{ display: inline-block; width: 196px; height: 58px; line-height: 58px; color: #fff; font-size: 20px;
background: #419fff;
background: -webkit-linear-gradient(90deg, #5785fe, #419fff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, #5785fe, #419fff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, #5785fe, #419fff); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, #5785fe, #419fff); /* æ ‡å‡†çš„è¯æ³• */
}
.isuper-btn:hover{ background: #5785fe;
background: -webkit-linear-gradient(90deg, #5785fe, #2f7bc8); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, #5785fe, #2f7bc8); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, #5785fe, #2f7bc8); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, #5785fe, #2f7bc8); /* æ ‡å‡†çš„è¯æ³• */
}
.isuper-box-head{ margin-bottom: 40px; }
.isuper-box.large .isuper-box-head{ margin-bottom: 110px; }
.isuper-box.isuper-box-img2 .isuper-box-head{ margin-bottom: 100px; }
.isuper-box-title{ margin-bottom: 10px; }
.isuper-box-title span{ display: block; font-size: 20px; color: #ddd; margin-top: -30px; }
.isuper-box.isuper-box-img1 .isuper-box-title span,.isuper-box.isuper-box-img2 .isuper-box-title span{ color: #fff; }
.isuper-box-title small{ display: block; font-size: 48px; }
.isuper-summary{ font-size: 18px; color: #666; }
.isuper-img1{ width: 922px; margin: 0 auto 50px auto; background: url(../images/box-bg1.png) no-repeat center; background-size: 100% auto; }
.isuper-img1:after{ content: " "; display: block; padding-top: 55%; }
@media (max-width: 1440px){
.isuper-box-title span{ font-size: 18px; }
.isuper-box-title small{ font-size: 40px; }
.isuper-img1{ width: 750px; }
}
@media (max-width: 1280px){
.isuper-box{ padding: 80px 0; }
.isuper-box-title span{ font-size: 16px; }
.isuper-box-title small{ font-size: 36px; }
.isuper-img1{ width: 700px; }
.isuper-box.large .isuper-box-head{ margin-bottom: 40px; }
}
@media (max-width: 1024px){
.isuper-box{ padding: 70px 0; }
.isuper-box-head{ width: 90%; margin: 0 auto 30px auto; }
.isuper-box-title span{ font-size: 14px; }
.isuper-box-title small{ font-size: 30px; }
.isuper-summary{ font-size: 14px; }
.isuper-img1{ width: 80%; }
.isuper-btn{ width: 140px; height: 40px; line-height: 40px; font-size: 14px; }
}
@media (max-width: 768px){
.isuper-box-title span{ padding-top: 20px; }
.isuper-box{ padding: 50px 0; }
}
@media (max-width: 520px){
.isuper-box{ padding: 40px 0; padding-bottom: 130px; }
.isuper-box-title small{ font-size: 24px; }
.isuper-summary{ font-size: 12px; }
.isuper-box-title{ margin-bottom: 5px; }
.isuper-box-head{ margin-bottom: 20px; }
.isuper-img1{ margin-bottom: 30px; }
.isuper-jf-list{ margin-bottom: 20px; }
.isuper-box.large .isuper-box-head{ margin-bottom: 20px; }
}
.isuper-goodness{ width: 1200px; margin: 0 auto 60px auto; text-align: center; }
.isuper-goodness-list{ display: inline-block; vertical-align: middle; width: 33%; }
.isuper-goodness-list h3{ font-size: 20px; margin-bottom: 10px; }
.isuper-goodness-con{ font-size: 14px; height: 50px; }
.icon-gd-isuper{ display: block; width: 154px; height: 154px; margin: 0 auto 15px auto; }
.icon-gd-isuper1{ background: url(../images/icon-gd1.png) no-repeat center; background-size: cover; }
.icon-gd-isuper2{ background: url(../images/icon-gd2.png) no-repeat center; background-size: cover; }
.icon-gd-isuper3{ background: url(../images/icon-gd3.png) no-repeat center; background-size: cover; }
.icon-gd-isuper4{ background: url(../images/icon-gd4.png) no-repeat center; background-size: cover; }
.icon-gd-isuper5{ background: url(../images/icon-gd5.png) no-repeat center; background-size: cover; }
.isuper-jf{ width: 1200px; margin: 0 auto 240px auto; }
.isuper-jf-list{ width: 386px; float: left; margin-left: 21px; }
.isuper-jf-list:first-child{ margin-left: 0; }
.isuper-jf-list p{ font-size: 24px; color: #666; }
.icon-jf-img{ width: 100%; margin-bottom: 30px; transition: all .4s ease; -webkit-transition: all .4s ease; }
.icon-jf-img:after{ content: " "; display: block; padding-top: 62%; }
.icon-jf-img1{ background: url(../images/icon-jf1.jpg) no-repeat center; background-size: 100% auto; }
.icon-jf-img2{ background: url(../images/icon-jf2.jpg) no-repeat center; background-size: 100% auto; }
.icon-jf-img3{ background: url(../images/icon-jf3.jpg) no-repeat center; background-size: 100% auto; }
.icon-jf-img1:hover,.icon-jf-img2:hover,.icon-jf-img3:hover{ background-size: 105% auto; }
.pc-br{ display: block; }
@media (max-width: 1440px){
.icon-gd-isuper{ width: 120px; height: 120px; }
}
@media (max-width: 1280px){
.icon-gd-isuper{ width: 100px; height: 100px; }
.isuper-goodness{ width: 90%; margin-bottom: 40px; }
.isuper-jf{ width: 90%; margin-bottom: 60px; }
.isuper-jf-list{ width: 31.6%; margin-left: 2%; }
.isuper-jf-list p{ font-size: 18px; }
.icon-jf-img{ margin-bottom: 15px; }
}
@media (max-width: 1024px){
.icon-gd-isuper{ width: 80px; height: 80px; }
.isuper-goodness{ width: 90%; margin-bottom: 30px; }
.isuper-goodness-list h3{ font-size: 18px; margin-bottom: 5px; }
.isuper-goodness-con{ font-size: 12px; height: 40px; }
}
@media (max-width: 960px){
.icon-gd-isuper{ width: 80px; height: 80px; }
.isuper-goodness{ width: 100%; }
.isuper-goodness-list{ width: 32%; }
.isuper-jf-list p{ font-size: 16px; }
}
@media (max-width: 520px){
.icon-gd-isuper{ width: 60px; height: 60px; }
.isuper-goodness-con{ font-size: 11px; height: 40px; }
.isuper-goodness-con{ height: 50px; }
.pc-br{ display: inline; }
.isuper-goodness{ margin-bottom: 20px; }
.isuper-jf{ margin-bottom: 30px; }
.isuper-jf-list p{ font-size: 14px; }
.isuper-jf-list{ width: 100%; float: none; margin: 0; margin-bottom: 15px; }
.icon-jf-img{ margin-bottom: 5px; }
.icon-jf-img:after{ padding-top: 40%; }
}
.isuper-pz-table-box{ width: 1200px; margin: 0 auto 160px auto; }
.isuper-table thead td{ background: #aaa; color: #fff; }
.isuper-table td{ border: 1px solid #aaa; padding: 18px 0; text-align: center; background: #fff; }
.isuper-area{ width: 1000px; margin: 0 auto; }
.isuper-arealist{ width: 50%; float: left; }
.icon-isuper-qq,.icon-isuper-mail{ display: inline-block; vertical-align: middle; width: 62px; height: 62px; margin-right: 10px; }
.isuper-arealist span{ display: inline-block; vertical-align: middle; font-size: 26px; color: #419fff; }
.isuper-arealist span a{ color: #419fff; text-decoration: underline; }
.icon-isuper-qq{ background: url(../images/icon-qq.png) no-repeat center; background-size: cover; }
.icon-isuper-mail{ background: url(../images/icon-mail.png) no-repeat center; background-size: cover; }
.isuper-vedio{ height: 520px; position: relative; overflow: hidden; background: #fff; }
.aboutUs-video{ position: absolute; width: 100%; max-width: 1920px; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); }
.isuper-vedio-pop{ position: absolute; z-index: 3; left: 0; right: 0 ;top: 0; bottom: 0; background: rgba(0,0,0,.4); }
.isuper-vedio-txt{ text-align: center; font-size: 40px; color: #fff; position: absolute; z-index: 5; left: 0; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.isuper-vedio-txt span{ font-size: 150%; }
.isuper-pz-table-box-mobile{ display: none; }
@media (max-width: 1280px){
.isuper-pz-table-box{ width: 90%; }
.isuper-table td{ padding: 10px 0; font-size: 12px; }
.isuper-box.isuper-box-img2 .isuper-box-head{ margin-bottom: 40px; }
.isuper-pz-table-box{ margin-bottom: 50px; }
.isuper-area{ width: 90%; }
.isuper-arealist span{ font-size: 22px; }
.icon-isuper-qq, .icon-isuper-mail{ width: 44px; height: 44px; }
.isuper-vedio{ height: 400px; }
}
@media (max-width: 1024px){
.isuper-area{ width: 100%; }
.isuper-arealist span{ font-size: 20px; }
.icon-isuper-qq, .icon-isuper-mail{ width: 40px; height: 40px; }
}
@media (max-width: 768px){
.isuper-vedio{ background: url(../images/video-img.png) no-repeat center; background-size: cover; }
.aboutUs-video{ display: none; }
.isuper-pz-table-box{ width: 96%; }
.isuper-vedio{ height: 300px; }
.isuper-vedio-txt{ font-size: 24px; }
}
@media (max-width: 680px){
.isuper-arealist span{ font-size: 20px; }
.icon-isuper-qq, .icon-isuper-mail{ width: 40px; height: 40px; }
.isuper-arealist{ width: 100%; float: none; margin-top: 10px; }
.isuper-vedio{ height: 240px; }
}
@media (max-width: 520px){
.isuper-pz-table-box{ display: none; }
.isuper-pz-table-box-mobile{ width: 90%; margin: 0 auto; display: block; }
.isuper-table-mobile tr td{ padding: 10px 2px; border: 1px solid #aaa; background: rgba(255,255,255,.5); font-size: 10px; }
.isuper-table-mobile thead tr:first-child{ background: #aaa; color: #fff; white-space: nowrap; }
.isuper-table-mobile tr:first-child td{ white-space: nowrap; }
.isuper-vedio{ height: 200px; }
.isuper-vedio-txt{ font-size: 20px; }
}
@media (max-width: 360px){
.isuper-arealist span{ font-size: 18px; }
.icon-isuper-qq, .icon-isuper-mail{ width: 36px; height: 36px; }
.isuper-vedio{ height: 160px; }
.isuper-vedio-txt{ font-size: 18px; }
}
/*pop*/
.pop{ position: fixed; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); }
.pop-super{ position: absolute; border-radius: 3px; width: 440px; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.pop-super-header{ padding: 10px; border-radius: 3px 3px 0 0; background: #419fff; color: #fff; font-size: 16px; text-align: center; }
.pop-super-remind{ margin-bottom: 20px; }
.pop-super-mainer{ padding: 20px; background: #fff; border-radius: 0 0 3px 3px; }
.pop-super-form{ margin-bottom: 30px; }
.pop-super-form-list{ margin-bottom: 10px; position: relative; }
.pop-super-capacity{ position: absolute; right: 5px; top: 0; height: 40px; line-height: 40px; }
.super-input{ display: block; width: 100%; color: #666; box-sizing: border-box; padding: 0 10px; border: 1px solid #ccc; border-radius: 3px; height: 40px; font-size: 14px; }
.super-input::-webkit-input-placeholder{ color: #666; }
.pop-super-error{ font-size: 12px; color: red; padding-left: 10px; }
.pc-hide{ display: none; }
.mobile-hide{ display: block; }
.super-input.left{ float: left; width: 49%; }
.super-input.right{ float: right; width: 49%; }
.pop-super-btn-box{ text-align: center; }
.pop-super-btn{ display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; border-radius: 3px;
background: #419fff;
background: -webkit-linear-gradient(90deg, #5785fe, #419fff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, #5785fe, #419fff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, #5785fe, #419fff); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, #5785fe, #419fff); /* æ ‡å‡†çš„è¯æ³• */
}
.isuper-btn:hover{ background: #5785fe;
background: -webkit-linear-gradient(90deg, #5785fe, #2f7bc8); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(90deg, #5785fe, #2f7bc8); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(90deg, #5785fe, #2f7bc8); /* Firefox 3.6 - 15 */
background: linear-gradient(90deg, #5785fe, #2f7bc8); /* æ ‡å‡†çš„è¯æ³• */
}
.pop-super-btn.forbidden{ background: #999; }
@media (max-width: 768px){
.pop{ position: absolute; }
.pc-hide{ display: block; }
.mobile-hide{ display: none; }
}
@media (max-width: 520px){
.pop-super{ width: 90%; }
.pop-super-remind{ margin-bottom: 10px; font-size: 12px; }
.pop-super-mainer{ padding: 10px 20px; }
.pop-super-form{ margin-bottom: 10px; }
.super-input{ height: 36px; }
.super-input{ font-size: 12px; }
.pop-super-mainer{ max-height:70vh; overflow: auto; }
.pop-super-capacity{ height: 36px; line-height: 36px; }
}