@charset "utf8";
textarea {
    resize: none;
}
.header {width:100%;height: 100px;}
.header.homepage{z-index: 99999;background: #fff;}
.header.bg{background: url(../img/banner-bg1.png) no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;}
.header .logo{width:15%;}
.header .nav {width:60%;height: 100%}
.header .nav ul{height: 100%;width:100%;}
.header .nav li{margin-right: 50px;}
.header .nav ul li a{font-size: 20px;}
.header .nav ul li a.active{color: #0779C4}
.header .search{width:216px;}
.header .search .search-text{width:100%; padding: 12px 20px;background:#e3f1ff url(../img/icon_search.png) no-repeat 90% center;border:none;border-radius:30px;font-size: 18px;color: #0779C4;}
.header .search .search-text::placeholder {color: #b4cee8;font-weight: none;}

.swiper-banner .swiper-slide{position: relative;}
.swiper-banner .banner-image{position: absolute;z-index: 99}
.swiper-banner .banner-content{height: 100%;padding: 0 120px 0 250px;}
.swiper-banner .banner-content .banner-left{width: 600px;}
.swiper-banner .banner-content .banner-left .more{display: block;width: 211px;height: 62px; line-height: 62px;text-indent:40px;color: #fff;font-size: 20px;background:#0779C4 url("/static/img/icon-right-arrow.png") no-repeat 90% center;margin-top: 50px;}
.swiper-banner .banner-content .banner-left .more:hover{opacity: .8}
.swiper-banner .banner-content .banner-left .title{font-family: "DM Serif Display";font-size: 64px;font-weight: 400;color: #035489;margin-bottom: 20px;}
.swiper-banner .banner-content .banner-left .desc{font-family: "Arial";font-weight:normal;font-size: 20px;color: #486376;line-height: 40px;word-break: break-all;}
.swiper-banner .banner-content .banner-right{width: 800px;}
.swiper-banner .banner-content .banner-right img{width: 100%;height:100%;}

.index-product{margin-top: 50px;margin-bottom: 50px;}
.index-product .product-title{font-size: 40px;color:#0779C4;font-weight: 600;position: relative;margin-bottom: 30px;}
.index-product .product-list { flex-wrap: wrap;}
.index-product .product-title:after{content:"";width: 255px;height: 12px;position: absolute;bottom: 3px;left:0;background: #A9DDFF;z-index: -1}
.index-product .product-list .product-item{width:270px;height: 382px;margin-bottom: 30px; background: #F2FAFF;border-radius: 10px;padding:18px;box-sizing:border-box;position: relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.index-product .product-list .product-item .pic{width: 235px;height: 235px;overflow: hidden;position: relative;}
.index-product .product-list .product-item .pic img{max-width: 100%;position: absolute;left:50%;margin-left: -50%;top:50%;margin-top: -50%;}
.index-product .product-list .product-item .title{color: #333333;font-size: 18px;margin-top: 20px;}
.index-product .product-list .product-item .alink{display: block;width: 32px;height: 32px;background:#fff url(../img/alink-btn.png) no-repeat;position: absolute;right: 20px;bottom: 10px;border-radius: 50%}
.index-product .product-list .product-item:hover{background: #CFEDFF;}
.index-product .product-list .product-item:hover .alink{background:#fff url(../img/alink-btn-hover.png) no-repeat}

.index-about{width: 100%;padding:40px 0;background: url(../img/blue-bg.png);-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.index-about .about-title{color: #0779C4;font-size: 32px;font-weight: bold;margin-bottom: 10px;text-align:center;}
.index-about .about-main{background: #fff;border-radius: 24px;padding:35px 40px;}
.index-about .about-left{width:50%;}
.index-about .about-img {margin-bottom: 10px;width: 48%;}
.index-about .about-img img {width: 100%;height: auto;border-radius: 8px;}
.index-about .about-content p{font-size: 15px;color: #333;line-height: 1.4;}
.index-about .about-right{margin-top:-115px;margin-right: -35px;}

.about-exhibition h3{font-size: 30px;text-align: center;padding-bottom: 30px;color: #0779C4;}
.about-exhibition .exhibition-img {width: 23%;height: 192px; overflow: hidden;border-radius: 8px;}
.about-exhibition .exhibition-img img {width: 100%;height: auto;}

.index-factory{width: 100%;height: 1044px;background: url(../img/factory-img.png) no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;position: relative;}
.index-factory .modal{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.6);}
.index-factory .factory-title{position: relative;z-index: 2;color: #A4DBFF;margin-top: 0;font-size: 40px;text-align: center}
.index-factory .factory-desc{position: relative;z-index: 2;color: #DCF5FF;text-align: center;font-size: 16px;line-height: 2;width: 80%;margin-top: 40px;}
.index-factory .factory-group{position: relative;z-index: 2;margin-top: 30px;width: 100%;}
.index-factory .factory-group .left{height: 670px;width: 280px;}
.index-factory .factory-group .center{height: 670px;width: 620px;}
.index-factory .factory-group .center .top{height:430px;width: 100%;}
.index-factory .factory-group .right{height: 670px}
.index-factory .factory-group img{width: 100%;height: 100%;}
.index-factory .factory-group .factory1{width: 277px;height: 485px;overflow: hidden;border:10px solid #fff;margin-bottom: 10px;}
.index-factory .factory-group .factory2{width: 277px;height: 175px;overflow: hidden;border:10px solid #fff;}
.index-factory .factory-group .factory3{width: 304px;height: 190px;overflow: hidden;border:10px solid #fff;}
.index-factory .factory-group .factory4{width: 304px;height: 190px;overflow: hidden;border:10px solid #fff;}
.index-factory .factory-group .factory5{width: 304px;height: 190px;overflow: hidden;border:10px solid #fff;}
.index-factory .factory-group .factory6{width: 304px;height: 190px;overflow: hidden;border:10px solid #fff;}
.index-factory .factory-group .factory7{width: 100%;height: 240px;overflow: hidden;border:10px solid #fff;}
.index-factory .factory-group .factory8{width: 281px;height: 190px;overflow: hidden;border:10px solid #fff;margin-bottom: 10px;}
.index-factory .factory-group .factory9{width: 281px;height: 470px;overflow: hidden;border:10px solid #fff;}
 
.factory-data{width:100%;background: #0779c4;padding: 30px 0;}
.factory-data .data-item{text-align: center}
.factory-data .num{font-size: 50px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.factory-data .label{font-size: 16px;color: #fff;}

.factory-choose{background: #0779C4;padding: 60px 0 0px;}
.factory-choose .choose-why{font-size: 18px;color:#dbeffe;text-align: center;padding-bottom: 50px;}
.factory-choose .choose-title{font-size: 40px;color:#fff;font-weight: bold;text-align: center;padding-bottom: 20px;}
.factory-choose .choose-item{width: 230px;height: 316px;background: #F2FAFF;border-radius: 10px;}
.factory-choose .choose-item .icon{margin-bottom: 50px;}
.factory-choose .choose-item .title{font-size: 20px;color: #fff;margin-bottom: 20px;font-weight: bold}
.factory-choose .choose-item .desc{font-size: 14px;color: #fff;width: 90%;line-height: 1.5}
.factory-reason .reason-item {margin-bottom: 30px;}
.factory-reason .reason-item .reason{width: 48%;text-align: center;border-radius: 10px;}
.factory-reason .reason-item .reason-img{width: 100%;height: 300px;overflow: hidden;text-align: center;border-radius: 10px;}
.factory-reason .reason-item img {width:100%;height: auto;}
.factory-reason .reason-item .reason p{color:#fff;font-size: 23px;margin-top: 15px;}
.factory-reason .reason-item .reason-info {width: 50%;margin-top: -30px;}
.factory-reason .reason-item .reason-info h3 { font-size: 26px;padding-bottom: 10px;margin-bottom: 30px; border-bottom: 1px solid #fff;color: #fff; }
.factory-reason .reason-item .reason-info p {font-size: 18px;line-height: 30px;color: #b2dbfa;}


.index-cert{width: 100%;padding: 60px 0 100px; background: #fff;}
.index-cert .cert-title{font-size: 40px;color: #0779C4;font-weight: bold;text-align: center;margin-bottom: 20px;}
.index-cert .cert-desc{font-size: 16px;color: #333;text-align: center;margin-bottom: 50px;}
.index-cert .content{width: 100%;}
.index-cert .content img{display: block;margin: 0 auto;max-width: 100%;}


.about-cert{width: 100%;padding: 60px 0 100px; background: #fff;}
.about-cert .cert-title{font-size: 40px;color: #0779C4;font-weight: bold;text-align: center;margin-bottom: 20px;}
.about-cert .cert-desc{font-size: 16px;color: #333;text-align: center;margin-bottom: 50px;}
.about-cert .content{width: 100%;}
.about-cert .content .exhibition-img {display: flex;align-items: center;justify-content: center;height: 100%;height: 480px;}
.about-cert .content .exhibition-img img{width: 90%;}


.index-material{width: 100%;padding: 120px 0; background: url(../img/blue-bg.png);-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.index-material .material-right {padding: 30px;}
.index-material .material-right .material-item-box {margin-top: 30px;}
.index-material .material-right .material-item-box .material-item{margin-bottom: 20px;width: 216px;height: 106px;overflow: hidden;background: #183fb5; display: flex; align-items: center;justify-content: center;}
.index-material .material-right .material-item-box .material-item img{ width: 100%;}
.index-material .material-right .desc{color:#25292B;font-size: 30px;font-weight: bold;margin-bottom: 20px;width:80%;margin: 0 auto;text-align: center}
.index-material .material-main{background: #fff;border-radius: 24px;box-shadow: 5px 5px 7px 3px rgba(0,0,0,.2);}
.index-material .material-content p{font-size: 16px;color: #333;line-height: 2;}
.index-material .material-left{margin-top:-128px;margin-bottom: -115px;}
.index-material .material-left img{border-radius: 24px;}

.index-choose {padding: 60px 0 60px;}
.index-choose .choose-title{font-size: 40px;color:#0779C4;font-weight: bold;text-align: center;padding-bottom: 50px;}
.index-choose .choose-item{width: 230px;height: 316px;background: #F2FAFF;border-radius: 10px;}
.index-choose .choose-item .icon{margin-bottom: 50px;}
.index-choose .choose-item .title{font-size: 20px;color: #0779C4;margin-bottom: 20px;font-weight: bold}
.index-choose .choose-item .desc{font-size: 14px;color: #333;width: 90%;line-height: 1.5}
.choose-reason .reason-item {margin-bottom: 30px;}
.choose-reason .reason-item .reason-img{width: 48%;height: 300px;overflow: hidden;text-align: center;border-radius: 10px;}
.choose-reason .reason-item img {width:100%;height: auto;}
.choose-reason .reason-item .reason-info {width: 50%;}
.choose-reason .reason-item .reason-info h3 { font-size: 26px;padding-bottom: 10px;margin-bottom: 30px; border-bottom: 1px solid #dcdcdc;color: #0779C4; }
.choose-reason .reason-item .reason-info p {font-size: 18px;line-height: 30px;color: #666;}

.index-server {padding: 30px 0 60px;background:#0779c4;}
.index-server .server-title{font-size: 40px;color:#fff;font-weight: bold;text-align: center;padding-bottom: 50px;}
.index-server .desc{font-size: 16px;color: #666;width: 90%;line-height: 2;text-align: center;}
.index-server .server-item{width: 25%;border-radius: 10px;}
.index-server .server-item .icon{width: 270px;height: 270px;border-radius: 20px;overflow: hidden;margin-bottom: 50px;}
.index-server .server-item .icon img {width: 100%;min-height: 100%;}
.index-server .server-item .title{font-size: 20px;color: #fff;margin-bottom: 10px;font-weight: bold}
.index-server .server-item .desc{font-size: 14px;color: #c8f2f5;width: 90%;line-height: 1.5}

.index-oem{padding: 50px 0; background: #F6F6F6;width: 100%;}
/*.index-oem .container{height: 718px;}*/
.index-oem .oem-title{color: #0779C4;font-size: 40px;text-align: center;font-weight: bold;margin-bottom: 43px;}
.index-oem .oem-item {width: 400px;height: 330px;border-radius: 20px;position: relative;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.index-oem .oem-item .alink{display: block;width: 45px;height: 45px;background:url(../img/big-alink-btn.png) no-repeat;border-radius: 50%;position: absolute;right:20px;top:20px;opacity: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;background-size: 100%; }
.index-oem .oem-item .title{color: #333;font-size: 24px;}
.index-oem .oem-item .icon1{width: 160px;height: 160px;background: url(../img/icon-oem1.png) no-repeat center center;margin-bottom: 30px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;background-size: 100% 100%;}
.index-oem .oem-item .icon2{width: 160px;height: 160px;background: url(../img/icon-oem2.png) no-repeat center center;margin-bottom: 30px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;background-size: 100% 100%;}
.index-oem .oem-item .icon3{width: 160px;height: 160px;background: url(../img/icon-oem3.png) no-repeat center center;margin-bottom: 30px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;background-size: 100% 100%;}
.index-oem .oem-item .icon4{width: 160px;height: 160px;background: url(../img/icon-oem4.png) no-repeat center center;margin-bottom: 30px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;background-size: 100% 100%;}
.index-oem .oem-item .icon a{display: block;width: 160px;height: 160px;}
.index-oem .oem-item:hover{background: #fff;}
.index-oem .oem-item:hover .alink{opacity: 1}
.index-oem .oem-item:hover .icon1{background: url(../img/icon-oem1-hover.png) no-repeat center center;background-size: 100% 100%;}
.index-oem .oem-item:hover .icon2{background: url(../img/icon-oem2-hover.png) no-repeat center center;background-size: 100% 100%;}
.index-oem .oem-item:hover .icon3{background: url(../img/icon-oem3-hover.png) no-repeat center center;background-size: 100% 100%;}
.index-oem .oem-item:hover .icon4{background: url(../img/icon-oem4-hover.png) no-repeat center center;background-size: 100% 100%;}

.index-oem .processing-item {width: 15%;text-align: center;margin: 30px 0;}
.index-oem .processing-item img {width: 100px;height: 100px;}
.index-oem .processing-item p span{font-size: 16px;padding: 6px 10px;display: inline-block;background:#0779c4;color:#fff;width: 85%;border-radius: 20px; margin-top: 20px;}


.index-collaboration{padding: 100px 0 60px;background: #0779c4;}
.index-collaboration .collaboration-title{color: #fff;font-size: 40px;text-align: center;font-weight: bold;margin-bottom: 50px;}
.index-collaboration .desc{font-size: 16px;color: #fff;width: 95%;line-height: 2;text-align: center;}
.index-collaboration .alink{width: 161px;height: 51px;text-align: center;display: block;line-height: 51px;font-size: 20px; color: #fff;margin: 30px auto 0 auto;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}
.index-collaboration .alink:hover{opacity: .8}
.index-collaboration .collaboration-content{margin-top: 100px;}
.index-collaboration .collaboration-item{border-radius: 10px;flex: 1;}
.index-collaboration .collaboration-item .icon{height: 160px;width:160px;border-radius:50%;border:2px solid #fff;overflow:hidden;background:#d7d7d7;}
.index-collaboration .collaboration-item .icon img {width: 100%;height: 100%;}
.index-collaboration .collaboration-item .title{font-size: 16px;color: #fff;margin-top: 40px;font-weight: bold}
.index-collaboration .collaboration-item .text{font-size: 12px;color: #fff;height:36px;width: 68%;text-align: center;line-height: 1.5;margin-top: 10px;}

.index-partner{padding: 60px 0;background: #f6f6f6;}
.index-partner .partner-title{color: #0979c4;font-size: 40px;text-align: center;font-weight: bold;margin-bottom: 20px;}
.index-partner .desc{font-size: 16px;color: #666;width: 70%;line-height: 2;text-align: center;margin: auto;}
.index-partner .partner-list{margin-top: 50px;}
.index-partner .partner-list .partner-item{width: 216px;height: 116px;background: #fff;border-radius: 10px;display: flex;justify-content:center;overflow: hidden;margin-bottom: 30px;padding: 5px;}
.index-partner .partner-list .partner-item img{max-height: 116px;max-width: 210px;}

.index-contact{padding: 50px 0; background: #0779c4;}
.index-contact .contact-title{color: #fff;font-size: 40px;text-align: center;font-weight: bold;margin-bottom: 20px;}
.index-contact .desc{font-size: 16px;color: #fff;line-height: 2;text-align: center;width: 60%;margin: 0 auto;margin-bottom: 50px;}

.index-contact  .text-group {margin-bottom: 20px;width: 100%;flex:1;}
.index-contact  .text-group .label{font-size: 16px;color: #fff;width: 216px;text-align: right;margin-right: 10px;font-weight: bold}
.index-contact  .text-group .text {flex:1;}
.index-contact  .text-group .text input{width: 353px;height: 56px;border:1px solid #2184C5;background: #fff;padding: 20px;font-size: 16px;}
.index-contact  .text-group .text textarea{width: 100%;height: 256px;border:1px solid #2184C5;background: #fff;padding: 20px;font-family: Arial;font-size: 16px;}
.index-contact  .text-group .text .dosubmit{width: 161px;height: 51px;background: #fff;font-size: 20px;color: #000;line-height: 51px;padding: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;cursor:pointer;}
.index-contact  .text-group .text .dosubmit:hover{opacity: .8;}

.footer {width:100%;height: 175px;background: #F6F6F6;}
.footer .logo{width:15%;}
.footer .nav {width:50%;height: 100%}
.footer .nav ul{height: 100%;width:100%;}
.footer .nav ul li a{font-size: 14px;color: #666}
.footer .nav ul li a:hover{color: #0779C4}
.footer .shared{width:170px;color: #666;}
.footer .shared .title{margin-bottom: 20px;}
.footer .copyright{height: 40px;width: 100%;text-align: center;color: #666666;border-top: 1px solid #E9E9E9;padding: 20px 0;}

.contact-box {
    position: fixed;
    top: 50%;
    -webkit-transform: translateX(-50%);
    right: -35px;
    margin: auto;
    padding: 16px;
    background-image: linear-gradient(to top, #0779c4 0%, #3297d9 100%);
    text-align: center;
    border-radius: 30px;
    box-shadow: rgb(133 204 249 / 60%) 0 0px 3px 5px;
    z-index: 999;
}
.contact-box .icon {
    width: 80px;
    height: 80px;
    text-align: center;
    margin: auto;
}
.contact-box .item {
    margin: 6px 0;
}
.contact-box .icon img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.contact-box .title {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}
.contact-box .contact-us .icon {
    width: 40px;
}
.contact-box .contact-us .form-box {
    display: none;
    position: absolute;
    left: -420px;
    top: -30px;
    padding: 0 30px;
    z-index: 999;   
}
.contact-box .contact-us .form-box .form {
    background-image: linear-gradient(to top, #0779c4 0%, #3297d9 100%);
    padding: 20px;
    border-radius: 20px;
    box-shadow: rgb(133 204 249 / 60%) 0 0px 3px 5px;
}
.contact-box .contact-us .form-box .form .box {
    display: flex;
    margin: 20px;
}
.contact-box .contact-us .form-box .form .name {
    flex: 4;
    color: #fff;
    text-align: right;
}
.contact-box .contact-us .form-box .form .input {
    flex: 6;
    margin-left: 10px;
    text-align: left;
}
.contact-box .contact-us .form-box .form .user-name {
    font-size: 16px;
    width: 200px;
    padding: 10px;
    /*border-radius: 10px;*/
    border: 1px solid #FFE5D9;
    background: #FFFCFB;
}
.contact-box .contact-us .form-box .form .user-email {
    font-size: 16px;
    width: 200px;
    padding: 10px;
    /*border-radius: 10px;*/
    border: 1px solid #FFE5D9;
    background: #FFFCFB;
}
.contact-box .contact-us .form-box .input textarea {
    font-size: 16px;
    width: 200px;
    /*border-radius: 10px;*/
    border: 1px solid #FFE5D9;
    background: #FFFCFB;
    padding: 10px;
    resize: none;
}
.contact-box .contact-us .form-box .form .contact-submit {
    width: 90px;
    text-align: center;
    margin: auto;
    display: block;
    height: 40px;
    /*border-radius: 10px;*/
    border: none;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.contact-box .contact-us .form-box .form .contact-submit:hover {
    color: #0779c4;
}
.contact-box .contact-us:hover .form-box {
    display: block;
}