/* CSS Document */
@font-face {
	font-family: 'FrutigerNextPro';
   font-weight: 200;
	src: url('/upload/font/FrutigerNextPro.otf') format('opentype');
   src: url('/upload/font/FrutigerNextPro.eot'),url('/upload/font/FrutigerNextPro.woff') format('woff'),url('/upload/font/FrutigerNextPro.ttf') format('truetype'),url("/upload/font/FrutigerNextPro.woff2") format("woff2");
}

.daoh1 {width:1300px;position:fixed;left:50%;margin-left:-650px;top:30px;z-index:100;transition: all 0.7s ease-in-out;}
.fixedmenu1 {transition: all 0.7s ease-in-out;top:-105px;}
.daoh1 span {margin-left:68px;cursor:pointer;}
.daoh2 {width:100%;height:73px;position:fixed;top: -73px;z-index:99999;background:#fff;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);transition: all 0.7s ease-in-out;}
.fixedmenu {top:0px;transition: all 0.7s ease-in-out;}
#w_rbox-1545636973502 {

    left: 50% !important;

    margin-left: -650px;
}
.heidi {background: rgba(0, 0, 0, 0.2);width:100%;height: 100vh;position:absolute;top:0px;}


.shouye .pagebox {width:100%;}
#secition1 {width:100%;height:100vh;position:relative;}

#secition1 img {position:absolute;top:50%;left:50%;width:598px;height:89px;margin-top:-45px;margin-left:-300px;z-index: 100;}
.bg-section {height:100vh;}


#secition2 {position:relative;height:1250px;width:1300px;margin:0 auto;}
.scp1 {position:absolute;top:300px;right:0px;z-index:10;}

#c_product_list-15456231958885992 {
    position: relative !important;
    left: auto !important;
    top: 0px !important;
}
.cpbiao {position:relative;}

.cpbiao::before {
    content: "";
    width: 1px;
    background: #ddd;
    position: absolute;
    left: 50%;
    height: 100px;
    top: -120px;
}
.cpbiao::after {
    content: "";
    width: 1px;
    background: #ddd;
    position: absolute;
    left: 50%;
    height: 100px;
    top: 300px;
}
.cpbiao h3 {font-size:30px;font-weight:normal;color: #63b2ff;font-family:"Microsoft YaHei Light","Microsoft YaHei";text-align:center;}

.cpbiao p{font-family: 'FrutigerNextPro';color:#D7D7D7;font-size: 76px;letter-spacing: 18px;line-height:120%;font-weight:normal;text-align:center;padding:10px 0px;}

.cpbiao p span {color: #63b2ff;}

.cpbiao h4{font-family: "Microsoft YaHei Light","Microsoft YaHei";color: #999999;font-size: 20px;letter-spacing:2px;line-height:120%;font-weight:normal;text-align:center;}


.tuzoom {position:relative;overflow:hidden;width:679px;height:428px;cursor:pointer;}
.tuzoom img {transition: all 1s ease-in-out;}
.tuzoom:hover img {transform:scale(1.1,1.1);transition: all 1s ease-in-out;}
.tuzoom h3 {transition: all 0.7s ease-in-out;position:absolute;width:100%;height:100%;top:100%;left:0px;font-weight:normal;background-color: rgba(0, 0, 0, 0.5);color: #fff;font-size: 18px;text-align: center;line-height: 428px;letter-spacing: 10px;}

.tuzoom:hover h3 {transition: all 0.7s ease-in-out;top:0px;}


.scp1di {width:570px;height:372px;background:#f6f6f6;position:absolute;top:216px;right:163px;z-index:5;}

.cpwenzi {position:absolute;top: 200px;left:0px;z-index:10;}


.scp2 {position:absolute;top:716px;left:0px;z-index:10;}

.cpmore {position:absolute;top:1300px;right:0px;z-index:20;}

.cpmore a{width:224px;height:53px;line-height:53px;border:1px solid #ccc;font-size:14px;letter-spacing: 15px;color:#999;text-align:center;display:block;position:relative;right:0px;transition: all 0.8s ease-in-out;text-indent:10px;}

.cpmore:hover a {color:#fff;transition: all 0.8s ease-in-out;border:1px solid #63b2ff;}


.cpmore a::before {
    content: "";
    height: 1px;
    width: 520px;
    background: #C5C5C5;
    position: absolute;
    top: 26px;
    right: 185px;
    transition: all 0.8s ease-in-out;
}
.cpmore:hover a::before {
    content: "";
    height: 1px;
    width: 520px;
    background: #C5C5C5;
    position: absolute;
    top: 26px;
    right: 224px;
    transition: all 0.8s ease-in-out;
}
.cpmore a::after {
    content: "";
    width:0px;
    height:53px;
    background:#63b2ff;
    position: absolute;
    top:-1px;
    right: -1px;
  z-index:-10;
  transition: all 0.8s ease-in-out;
}
.cpmore:hover a::after {
    content: "";
    width:224px;
    height:53px;
    background:#63b2ff;
    position: absolute;
    top:-1px;
    right: -1px;
  z-index:-10;
  transition: all 0.8s ease-in-out;
}

.cpwenzi1 {position:absolute;top:785px;right:0px;z-index:10;width:524px;color:#999;line-height:180%;font-size:14px;}







#secition3 {position:relative;height:790px;width:1300px;margin:0 auto;}

.anlidi {width:590px;height:430px;background:#63b2ff;position:absolute;top: 120px;right:233px;}

.shouanli {position:absolute;top: 600px;right:0px;}

.saboutu {
    position: absolute;
    top: 700px;
    right: 0px;
    z-index: 10;
}
.anlimore {position:absolute;top: 1200px;left:0px;z-index:20;}


.anlimore a{width:224px;height:53px;line-height:53px;border:1px solid #ccc;font-size:14px;letter-spacing: 15px;color:#999;text-align:center;display:block;position:relative;right:0px;transition: all 0.8s ease-in-out;text-indent:10px;}

.anlimore:hover a {color:#fff;transition: all 0.8s ease-in-out;border:1px solid #63b2ff;}


.anlimore a::after {
    content: "";
    height: 1px;
    width: 450px;
    background: #C5C5C5;
    position: absolute;
    top: 26px;
    left: 185px;
    transition: all 0.8s ease-in-out;
}
.anlimore:hover a::after {
    content: "";
    height: 1px;
    width: 450px;
    background: #C5C5C5;
    position: absolute;
    top: 26px;
    left: 224px;
  transition: all 0.8s ease-in-out;
}
.anlimore a::before {
    content: "";
    width:0px;
    height:53px;
    background:#63b2ff;
    position: absolute;
    top:-1px;
    left: -1px;
  z-index:-10;
  transition: all 0.8s ease-in-out;
}
.anlimore:hover a::before {
    content: "";
    width:224px;
    height:53px;
    background:#63b2ff;
    position: absolute;
    top:-1px;
    left: -1px;
  z-index:-10;
  transition: all 0.8s ease-in-out;
}


.anliwenzi1 {position:absolute;top: 428px;left:0px;z-index:10;width:400px;color:#999;line-height:180%;font-size:14px;}
.gsjs {position:absolute;top: 700px;left:0px;z-index:10;width: 420px;color:#999;line-height:180%;font-size:14px;}
.gsjs h3 {font-size:30px;font-weight:normal;color: #63b2ff;font-family:"Microsoft YaHei Light","Microsoft YaHei";padding-bottom:40px;}

.anlibiao {position:absolute;top:110px;left:0px;}

.anlibiao h3 {font-size:30px;font-weight:normal;color: #63b2ff;font-family:"Microsoft YaHei Light","Microsoft YaHei";padding-bottom:44px;}

.anlibiao p{font-family: 'FrutigerNextPro';color:#D7D7D7;font-size: 76px;letter-spacing: 18px;line-height:120%;font-weight:normal;}

.anlibiao p span {color: #63b2ff;}

.anlibiaosj {top:10px;left:0px;}
.anlibiaosj h3 {font-size:30px;font-weight:normal;color: #63b2ff;font-family:"Microsoft YaHei Light","Microsoft YaHei";padding-bottom:44px;}
.anlibiaosj p{font-family: 'FrutigerNextPro';color:#D7D7D7;font-size: 76px;letter-spacing: 18px;line-height:120%;font-weight:normal;}

.anlibiaosj p span {color: #63b2ff;}






#secition4 {position:relative;height:1200px;width:1300px;margin:0 auto;}

.sabout {position:absolute;top:50px;left:0px;z-index:10;}

.aboutbiao {position:relative;}

.aboutbiao::before {
    content: "";
    width: 1px;
    background: #ddd;
    position: absolute;
    left: 50%;
    height: 100px;
    top: -100px;
}
.aboutbiao::after {
    content: "";
    width: 1px;
    background: #ddd;
    position: absolute;
    left: 50%;
    height: 100px;
    top: 250px;
}
.aboutbiao h3 {font-size:30px;font-weight:normal;color:#63b2ff;font-family:"Microsoft YaHei Light","Microsoft YaHei";text-align:center;}

.aboutbiao p{font-family: 'FrutigerNextPro';color:#D7D7D7;font-size: 76px;letter-spacing: 18px;line-height: 100%;font-weight:normal;text-align:center;padding:10px 0px;}

.aboutbiao p span {color: #63b2ff;}

.aboutbiao h4{font-family: "Microsoft YaHei Light","Microsoft YaHei";color: #999999;font-size: 20px;letter-spacing:2px;line-height:120%;font-weight:normal;text-align:center;}
.aboutwenzi {
    position: absolute;
    top: 150px;
    right: 30px;
    z-index: 10;
}


.saboutdi {
    width: 517px;
    height: 295px;
    background: #f6f6f6;
    position: absolute;
    top: 616px;
    right: 280px;
    z-index: 2;
}
.aboutmore {position:absolute;top: 2160px;left:0px;z-index:20;}



.aboutmore a{width:224px;height:53px;line-height:53px;border:1px solid #ccc;font-size:14px;letter-spacing: 15px;color:#999;text-align:center;display:block;position:relative;right:0px;transition: all 0.8s ease-in-out;text-indent:10px;}

.aboutmore:hover a {color:#fff;transition: all 0.8s ease-in-out;border:1px solid #63b2ff;}


.aboutmore a::after {
    content: "";
    height: 1px;
    width: 450px;
    background: #C5C5C5;
    position: absolute;
    top: 26px;
    left: 185px;
    transition: all 0.8s ease-in-out;
}
.aboutmore:hover a::after {
    content: "";
    height: 1px;
    width: 450px;
    background: #C5C5C5;
    position: absolute;
    top: 26px;
    left: 224px;
  transition: all 0.8s ease-in-out;
}
.aboutmore a::before {
    content: "";
    width:0px;
    height:53px;
    background:#63b2ff;
    position: absolute;
    top:-1px;
    left: -1px;
  z-index:-10;
  transition: all 0.8s ease-in-out;
}
.aboutmore:hover a::before {
    content: "";
    width:224px;
    height:53px;
    background:#63b2ff;
    position: absolute;
    top:-1px;
    left: -1px;
  z-index:-10;
  transition: all 0.8s ease-in-out;
}




#secition5 {position:relative;height:1150px;width:1300px;margin:0 auto;}
.shounews {position: absolute;top:100px;left:0px;}
#c_news_list-15475579264090245{
    position: relative !important;
    top: 0px !important;
    
}
#w_rbox-1545699519901{
    position: relative !important;
    top: 0px !important;
  margin:0 auto;
    
}

.newsbiao {position:absolute;top: 90px;right:0px;}
.newsbiao h3 {font-size:30px;font-weight:normal;color: #63b2ff;font-family:"Microsoft YaHei Light","Microsoft YaHei";padding-bottom:44px;text-align:left;}
.newsbiao .dynews1 {font-family: 'FrutigerNextPro';color:#D7D7D7;font-size: 76px;letter-spacing: 18px;line-height:120%;font-weight:normal;text-align:left;}
.newsbiao p{font-family: 'FrutigerNextPro';color:#D7D7D7;font-size: 76px;letter-spacing: 18px;line-height:120%;font-weight:normal;text-align:right;}

.newsbiao p span {color: #63b2ff;}


.newsbiao1 {position:relative;top:0px;right:0px;width: 580px;}

.newsbiao1::after {
    content: "";
    height: 1px;
    width: 230px;
    background: #C5C5C5;
    position: absolute;
    top: 290px;
    right:0px;
    transition: all 0.8s ease-in-out;
}


.newsbiao1::before {
    content: "";
    height: 1px;
    width: 230px;
    background: #C5C5C5;
    position: absolute;
    top: 130px;
    left:0px;
    transition: all 0.8s ease-in-out;
}

.dynews2 {color:#999;font-size:14px;position:absolute;top:280px;left:50px;letter-spacing:8px;}

#footer {background:#f0f0f0;width:100%;height:100%;}



/**新增首页案例logo样式**/
.ui-page {
    padding-top: 100px;
}
.wrap {
    width: 100%;
    background-color: #fff;
}
.page .home-container, .probar .home-container {
    width: 81.3vw;
    margin: 0 auto;
}
.ui-page .ui-title {
    text-align: center;
    margin-bottom: 50px;
}
.ui-page .ui-title .title {
    font-weight: 200;
    font-size: 30px;
    color: #63b2ff;
    line-height: 1.4;
    font-family: "Microsoft YaHei Light","Microsoft YaHei";
}
.wow1 {
    visibility: hidden;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.ui-page .ui-title .desc {
    font-weight: 200;
    font-size: 1.025rem;
    color: #8a8a8a;
    letter-spacing: 0;
    text-align: center;
    line-height: 1.667;
    margin-top: 15px;
}
.logo-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*height: 20.9375vw;
    overflow: hidden;*/
    margin: 0 -30px;
}
.logo-box, .logo-box .logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.logo-box .logo {
    width: 11.7vw;
    height: 7.6vw;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1.0vw 1.0vw;
    cursor: pointer;
    position: relative;
}
.logo-box .logo img {
    max-width: 100%;
    max-height: 100%;
    transition: opacity .3s ease-in-out;
    opacity: .7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.logo-box .logo .normal {
    opacity: 1;
}
.logo-container .logo-btn {
    /* margin: 30px auto; */
    padding: 5.625rem 0;
    text-align: center;
}
.logo-btn:hover a {
    color: #fff;
    transition: all 0.8s ease-in-out;
    border: 1px solid #63b2ff;
    background: #63b2ff;
}
.logo-btn:hover a::before {
    content: "";
    width: 224px;
    height: 53px;
    background: #63b2ff;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: -10;
    transition: all 0.8s ease-in-out;
}
.logo-container .logo-more {
    width: 8.021vw;
    height: 2.3vw;
    border: 1px solid #ccc;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 2px;
    transition: all .3s ease-in-out;
}
.logo-container .logo-more span {
    font-size: .875rem;
    letter-spacing: 0;
    text-align: center;
    letter-spacing: 15px;
}
.logo-container .logo-more .icon_arr_right {
    font-size: .875rem;
    margin-left: -28px;
    color: #282828;
}
.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
}

.logo-container {
    position:relative;
    /*height:1150px;*/
    width:1300px;
    margin:0 auto;
}