@charset "utf-8";/*轮播图开始*/

.pc-nav{margin:0 auto;width:100%;display:inline-block;padding-top:10px; border-bottom:rgba(204,204,204,0.5) 1px solid; padding-bottom:5px;position: absolute; z-index:10;transition:all 0.5s;padding-right:10px;}
.pc-nav .logo{float:left;}
.pc-nav .logo img{max-height:86px;}
.pc-nav .logot{width:100%;overflow:hidden;color:#cccccc;font-size:12px;padding:5px 0 0 12px;}
.m-nav{width:100%;display:none;}
.m-nav .logo{ padding-left:2px;float:left;padding-top:4px;}
.m-nav .logo img{max-height:50px;}
.m-nav .logo .logot{padding-left:8px;font-size:12px;width:310px;padding-top:5px;}

.pc-nav .logo1{display: none;transition:all 0.5s;}
.navtop .logo1{display: block; transition:all 0.5s;}
.navtop .logo0{display: none;transition:all 0.5s;}
.navtop .logot{color:#aaaaaa;}
.nav{background:#004898;width:100%;display:table;}
.navtop{ background-color:#ffffff; box-shadow:#ccc 5px;position:fixed;top:0px;left:0px;z-index:10; border:none;transition:all 0.5s;}
/*nav start*/

.nav-list{float:right; margin-top:20px;}
.nav-list li{float:left;height:50px;line-height:50px;position:relative;}
.nav-list li:before{content:'';height:43px; width:1px;background-color:#efefef; position:absolute;top:6px;right:0;}
.nav-list li:last-child:before{content:'';display:none;}

.nav-list li a{display:inline-block;color:#efefef;padding:0px 15px;margin:0 15px; font-size:16px; cursor:pointer;transition:all 0.5s;}
.nav-list li:last-child a{margin-right:0; padding-right:0;}
.nav-list li a:hover{color:#ffffff;}
.nav-list li p{width:100%;display:block;text-align:center;height:25px;line-height:25px;}
.nav-list li p span{ font-weight:bold;display:inline-block;margin:0 3px;vertical-align: middle; padding-bottom:11px;}

.navtop li a{color:#333333;}
.navtop li a:hover{color:#004898;}




:before,:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img, .ylw-img-responsive {height:auto;max-width:100%;}
.text-center {text-align:center;width:100%; overflow:hidden;/*margin-top:10px;*/}
.box {width:100%;height:100%;padding:0 0px;background-repeat:no-repeat;background-position:center top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.slider{position:relative;width:100%;height:auto;overflow:hidden}
.slides{height:100%;overflow:hidden;*zoom:1;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;margin:0;padding:0;border:0}
.slide {position:relative;height:100%;float:left;clear:none;margin:0;padding:0;border:0;list-style-image:none;list-style-type:none}
.slider-arrow {position:absolute;display:block;margin-bottom:-30px;background-color:rgba(0,0,0,0.3);text-indent:-9999px;overflow:hidden;height:60px;width:40px;background-repeat:no-repeat;/*display:none;*/}
.slider-arrow--right {transform:translate(40px, 0);-ms-transform:translate(40px, 0);-webkit-transform:translate(40px, 0);-moz-transform:translate(40px, 0);-o-transform:translate(0px, 0);transition:0.5s ease;}
.slider-arrow--left {transform:translate(-40px, 0);-ms-transform:translate(-40px, 0);-webkit-transform:translate(-40px, 0);-moz-transform:translate(-40px, 0);-o-transform:translate(-40px, 0);transition:0.5s ease;}
.slider:hover .slider-arrow--right, .slider:hover .slider-arrow--left {transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);display:block;}
.slider-arrow--left {bottom:50%;left:0;background-image:url(../img/banner-fy.png);background-position:center top;}
.slider-arrow--right {bottom:50%;right:0;background-image:url(../img/banner-fy.png);background-position:center bottom;}
.slider-nav {position:absolute;left:50%;bottom:8%;cursor:default;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.slider-nav__item {position:relative;width:40px;height:4px;float:left;clear:none;display:block;margin:0 3px;background:#fff;/*border-radius:50%;*/}
.slider-nav__item--current:before{position:absolute;top:0px;left:0px;content:'';height:100%;background:#004898;animation:jb 5s 0s;}
@keyframes jb{0%{width:0%;}100%{width:100%;}
}




.about-video{width:100%;padding:40px 10px;overflow:hidden;}
.about{float:left;width:50%;}
.about h1{color:#111111;font-size:24px;font-weight:normal;}
.about h3{color:#004898;font-size:14px;margin-top:5px;font-weight:normal;}
.about .txt{font-size:16px;color:#616060;line-height:30px;margin-top:10px;display:-webkit-box;-webkit-box-orient:block-axis;-webkit-line-clamp:5;}

.about .englishtxt{font-size:12px; color:#616060;line-height:25px;}

.about a.more{ display:block;margin-top:10px;text-align: center;width:100px;height:30px;font-size:14px;background-color:#fff;border:#ddd 1px solid;border-radius:8px;color:#004898;transition:0.5s;display: flex;}
.about a.more:hover{background-color:#004898;border: 1px solid #004898;transition:0.5s;}
.about a.more span{padding-left:15px;display: inline-block;transition:0.5s;line-height:30px;}
.about a.more:hover span{padding-left:20px;transition:0.5s;color:#ffffff;}
.about a.more i{margin:6px 0 0 3px;font-size:16px;}
.about a.more:hover i{color:#ffffff;}

.index-video{float:right;width:48%;overflow:hidden;}
.index-video video{width:100%;}

.index-sz{width:100%;}
/* 数字滚动 */
.number-info{position:relative;}
.number-info .number-w{max-width:1200px;}
.number-info ul{padding-top:20px;overflow: hidden;zoom:1;}
.number-info li{float:left;width:20%;padding-top:10px;color:#004898;}
.number-info li b{font-size:24px;text-align:center;display:inline-block;position:relative;margin:15px 0 10px;}
.number-info li p{font-size:12px;color:#666;}
.number-info li b i{font-style:normal; font-weight:600;}
.number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px;}
.number-info li b em{font-style:normal;font-size:14px;font-weight:normal;padding-left:2px;position:relative;top:-4px;}




.yous{background-image:url(mod-bg.png);background-size:cover;background-attachment:fixed;background-position:center;padding: 30px 0;}
.yous h1{font-size:28px;text-align:center; font-weight:normal;padding:20px 0 10px 0;}
.yous h1 i{color:#004898;}
.yous p{font-size:14px;text-align:center;color: #004898;}
.yous ul{margin: 0 auto;max-width:1400px;margin-top: 40px;margin-bottom: 40px;overflow: hidden;}
.yous li{float:left;width: 33%;color:#ffffff;}
.yous .brp{width:auto;cursor:pointer;margin-right:25px;box-sizing:border-box;border-radius:5px;font-size:16px;position:relative;overflow:hidden;}
.yous .brp .pic{width:100%;}
.yous .brp .pic img{transition:0.5s;transform:scale3d(1,1,1);-webkit-transition:0.5s;-webkit-transform:scale3d(1,1,1);-o-transition:0.5s;-o-transform:scale3d(1,1,1);}
.yous .brp:hover .pic img{transform:scale3d(1.1,1.1,1);transition:0.5s;-webkit-transform:scale3d(1.1,1.1,1);-webkit-transition:0.5s;-o-transform:scale3d(1.1,1.1,1);-o-transition:0.5s;}

.yous .brp .hot{margin:0 50px;position:absolute;left:0;right:0; bottom:60px; z-index:20;}
.yous .brp .hot:before{content:'';width:45px;height:2px;background-color:#ffffff;position:absolute; left:0;right:0;bottom:-10px;}
.yous .brp .hot .t1{font-size:20px;color:#ffffff; text-align:left; line-height:30px;}
.yous .brp .hot .t2{font-size:14px;color:#ffffff; text-align:left;}
.yous .brp .hovertxt{width:100%;text-align:center;position:absolute;top:100%;height:100%;transition:all 0.5s;}
.yous .brp:hover .hovertxt{background-color:rgba(0,72,152,0.6);top:0;}
.yous .brp:hover .hot{display:none;}
.yous .brico{margin:80px 35px 20px 35px;}
.yous .brico i{font-size:50px;}
.yous .brico .lines{ height:2px; background:#eeeeee; margin:0px auto;width:40%; margin-top:20px;}
.yous .brtxt{margin:25px;line-height:30px;}
.yous .brtxt h2{font-size:24px;height:40px;line-height:40px;font-weight: normal;display: inline-block;margin-bottom:10px;overflow: hidden;}


.pro-wap{padding:30px 0 60px 0; background-color:#fff;overflow:hidden;}
.pro-wap .pro-tits{margin: 0 auto;max-width: 500px;margin-top: 35px;margin-bottom: 35px;}
.pro-wap .pro-tits h1{ margin: 0 auto;width: 200px;text-align: center;color:#222222;font-weight:normal;font-size:28px;position:relative;}
.pro-wap .pro-tits .tit-bgline{padding: 0 5px;position:relative;font-weight:normal}
.pro-wap .pro-tits h2{text-align: center;color:#004898;font-size:15px;margin-top:5px;font-weight: normal;}
.pro-list{margin:0 auto;max-width:1400px;overflow: hidden;}
.pro-list li{float:left;width:33.3%;}
.pro-list li .bor{background-color:#ffffff; box-sizing:border-box; border:#eee 1px solid;padding:5px;margin:15px;overflow:hidden;}
.pro-list li .tit{height:50px;line-height:25px; font-size:16px;padding-top:5px;}
.pro-list a{box-sizing:border-box;text-align:center;position:relative;}
.pro-list a .pic{text-align:center;overflow:hidden;}
.pro-list a .pic img{max-height:200px;margin-bottom:5px;}

.index-tits{margin: 0 auto;max-width: 500px;margin-top: 0px;margin-bottom: 35px;}
.index-tits h1{ margin: 0 auto;width: 230px;text-align: center;color:#222222;font-size:24px;font-weight: normal;position:relative;}
.index-tits .tit-bgline{padding: 0 5px;position:relative;}
/*.index-tits .tit-bgline:before{content:'';background:#222222;width:50px;height:1px;position: absolute;left:-52px;top:20px;}
.index-tits .tit-bgline:after{content:'';background:#222222;width:50px;height:1px; margin-left:6px;position: absolute;top:20px;}
*/
.index-tits h2{text-align: center;color:#004898;font-size:15px;margin-top:5px;font-weight: normal;}

.anli{background-image:url(mod-bg.png);background-size:cover;background-attachment:fixed;background-position:center;padding:35px 0px 20px 0px;overflow:hidden;}
.anli .anli-tits{float:left;}
.anli .anli-tits h1{color:#111111;font-size:24px;font-weight: normal;}
.anli .anli-tits h2{color:#004898;font-size:14px;margin-top:5px;font-weight: normal;}
.anli .anli-nav{float:right;}
.anli .anli-nav li{float:left;padding:0 10px 0 20px;}
.anli .anli-nav li a{ border-radius:3px;display:inline-block;background-color:#fcfcfc; color:#004898;height:35px;line-height:35px;padding:0 15px;transition:all 0.5s ease;}
.anli .anli-nav li a:hover{background-color:#004898;color:#FFF;transition:all 0.5s ease;}
.anli .pic{height:260px;line-height:260px;border:1px solid #eee;text-align:center;position:relative;overflow:hidden;}
.anli .pic:before{position:absolute;top:0;opacity:0;left:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.17, .84, .44, 1) 0s;content:'+';width:50px;height:50px;color:#ffffff;font-size:40px;z-index:1;text-align:center;line-height:40px;border-radius:50%;border:1px solid #ffffff;}
.anli .pic:hover:before{top:50%;opacity:1;transition:all .6s cubic-bezier(.17, .84, .44, 1) 0s;}
.anli .pic img{max-height:260px;transition:0.5s;}
.anli .pic:hover img{transform:scale3d(1.2,1.2,1);-webkit-filter:brightness(0.5);transition:0.5s;}

.demo-bk{position:relative;}
.demo-list{margin:20px 50px;overflow:hidden;position:relative;z-index:1;}
.demo-list ul{width:3440px;position:relative;overflow:hidden;}
.demo-list ul li{float:left;width:430px;box-sizing:border-box;overflow:hidden;}
.demo-list ul li .bor{margin:20px;box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
.demo-list ul li p{background-color:#fff;padding:10px 30px;font-size:16px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.demo-list ul li .more{background-color:#fff;padding:20px 30px;text-align: center;}
.demo-list ul li .more a{color:#004898;}
.demo-xz{position:absolute;height:100%;top:0px;left:0px;width:100%;padding:10px 0px;text-align:center;}
.demo-jtleft,.demo-jtright{display:inline-block;height:100%;font-size:50px;line-height:390px;font-family:"NSimSun";float:left;cursor:pointer;overflow:hidden;transition:0.5s;width:40px;}
.demo-jtleft:hover,.demo-jtright:hover{color:#004898;}
.demo-jtright{float:right;}


.phone-demo-bk{display:none;position:relative;}
.phone-demo-list{margin:15px 40px;overflow:hidden;position:relative;z-index:1;}
.phone-demo-list ul{width:2480px;position:relative;overflow:hidden;}
.phone-demo-list ul li{float:left;width:320px;box-sizing:border-box;overflow:hidden;}
.phone-demo-list ul li .bor{margin:10px;box-shadow:0 0 8px 2px rgba(0, 0, 0, .2);}
.phone-demo-list ul li p{background-color:#fff;padding:10px 30px; text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.phone-demo-list ul li .more{background-color:#fff;padding:10px 30px;text-align:center;}
.phone-demo-list ul li .more a{color:#004898;}
.phone-demo-xz{position:absolute;height:100%;top:0px;left:0px;width:100%;padding:10px 0px;text-align:center;}
.phone-demo-jtleft,.phone-demo-jtright{display:inline-block;height:100%;font-size:50px;line-height:300px;font-family:"NSimSun";float:left;cursor:pointer;overflow:hidden;transition:0.5s;width:40px;}
.phone-demo-jtleft:hover,.phone-demo-jtright:hover{color:#004898;}
.phone-demo-jtright{float:right;}


.news ul,.content ul,.about ul,.case-right ul{width:100%;overflow: hidden;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;flex-flow: row wrap;-webkit-flex-flow: row wrap;-webkit-box-orient: horizontal;-webkit-box-lines: multiple;}
/*news*/
.news{margin:0 auto;max-width:1400px;margin-top:30px;/*margin-bottom:30px;*/padding: 30px 10px;box-sizing:border-box;position:relative;overflow:hidden;}
.news li{float:left;width:31%;margin-right:38px;box-sizing:border-box;}
.news li:last-child{float:right;margin-right:0;}
.news li .broo{background-color:#ffffff;width:100%;overflow:hidden;}
.news li .broo .pic{ height:240px;overflow: hidden;}
.news li .broo .date{color:#0047BA;font-size:14px;padding:15px 15px;}
.news li .broo .date i{ margin-right:3px;}
.news li .broo .tites{color:#616060;text-align:left;font-size:16px;line-height:25px;padding:6px 15px 20px 15px;height:220px;}
.news li .broo .tites .english{line-height:20px!important;font-size:12px;}

/* 全球覆盖区域样式 */
.global-coverage-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 60px 20px;
    margin: 40px 0;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.global-coverage-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e0e0e0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    z-index: 1;
}

.coverage-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.coverage-text {
    flex: 1;
    padding-right: 40px;
}

.coverage-title {
    font-size: 24px;
    color: #2c3e50;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 15px;
    position: relative;
    animation: slideInLeft 1s ease-out;
}

.coverage-title::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 3px;
    border-radius: 2px;
    animation: expandLine 1.5s ease-out 0.5s both;
}

.coverage-subtitle {
    font-size: 16px;
    color: #6c757d;
    line-height: 1.6;
    font-weight: 400;
    animation: slideInLeft 1s ease-out 0.3s both;
}

.coverage-visual {
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.globe-icon {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #004898, #0066cc);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    animation: rotateGlobe 3s linear infinite;
    box-shadow: 0 10px 30px rgba(0, 72, 152, 0.3);
}

.globe-icon::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);
    animation: shimmer 2s ease-in-out infinite;
}

.globe-icon i {
    font-size: 48px;
    color: white;
    z-index: 2;
    position: relative;
}

.region-indicators {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.region-item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 25px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    animation: fadeInUp 0.8s ease-out both;
}

.region-item:nth-child(1) { animation-delay: 0.2s; }
.region-item:nth-child(2) { animation-delay: 0.4s; }
.region-item:nth-child(3) { animation-delay: 0.6s; }

.region-item:hover {
    transform: translateX(10px);
    box-shadow: 0 6px 20px rgba(0, 72, 152, 0.2);
    background: rgba(0, 72, 152, 0.05);
}

.region-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 15px;
    position: relative;
    animation: pulse 2s ease-in-out infinite;
}

.region-item[data-region="europe"] .region-dot {
    background: #e74c3c;
}

.region-item[data-region="middle-east"] .region-dot {
    background: #f39c12;
}

.region-item[data-region="asia"] .region-dot {
    background: #27ae60;
}

.region-label {
    font-size: 16px;
    font-weight: 500;
    color: #2c3e50;
}

/* 动画定义 */
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes expandLine {
    from {
        width: 0;
    }
    to {
        width: 60px;
    }
}

@keyframes rotateGlobe {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes shimmer {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 响应式设计 */
@media (max-width: 768px) {
    .coverage-content {
        flex-direction: column;
        text-align: center;
    }
    
    .coverage-text {
        padding-right: 0;
        margin-bottom: 30px;
    }
    
    .coverage-title {
        font-size: 24px;
    }
    
    .coverage-subtitle {
        font-size: 14px;
    }
    
    .coverage-visual {
        flex: none;
        width: 100%;
    }
    
    .globe-icon {
        width: 100px;
        height: 100px;
    }
    
    .globe-icon i {
        font-size: 40px;
    }
    
    .region-indicators {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .region-item {
        flex: 1;
        min-width: 80px;
        justify-content: center;
        padding: 8px 12px;
    }
    
    .region-label {
        font-size: 14px;
    }
}




/*按钮特效*/
.btn {display:inline-block;margin-bottom:0;font-weight:900;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 40px;font-size:16px;line-height:1.5;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn-round.btn-default {color:#5a5751;background-color:#fff;}
.btn-round.btn-default:before,

.btn-round.btn-default:after {background:#5a5751;}
.btn-round.btn-default:hover {color:#fff;border-color:#5a5751;background:#5a5751;}
.btn-round {position:relative;z-index:1;overflow:hidden;background-color:transparent;transition:.2s;transition-delay:.1s;}
.btn-round:hover {transition-delay:.45s;}
.btn-round:before,

.btn-round:after {position:absolute;top:50%;content:'';width:20px;height:20px;background:#434345;border-radius:50%;transition:0.5s;z-index:-1;}
.btn-round:before {left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.btn-round:after {right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);}
.btn-round:hover:before {-webkit-animation:criss-cross-left 0.8s;animation:criss-cross-left 0.8s;}
.btn-round:hover:after {-webkit-animation:criss-cross-right 0.8s;animation:criss-cross-right 0.8s;}
/** 2.19 Animations Addons */


.ywly {
    padding: 75px 0;
}

.page .ibg1 {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    /*animation: run 12s linear infinite;*/
}

.ywly .left {
    width: 25.3%;
}

.ywly .right {
    width: 74.7%;
}

.home-ywly {
    width: 92.23%;
    position: relative;
    z-index: 3;
    margin-left: 7.77%;
    display: flex;
}

.home-ywly-fl {
    width: 19.8%;
}

    .home-ywly-fl .home-title h1 {
        color: #FFFFFF !important;
        font-size:24px;
    }

    .home-ywly-fl .home-title .fb {
        color: #FFFFFF !important;
        font-size: 14px;
    }

.home-ywly-fr {
    width: 80.2%;
    background: rgba(0,0,0,0.45);
    position: relative;
}

    .home-ywly-fr:before {
        display: block;
        content: '';
        width: calc(100% + 18px);
        height: 8px;
        background: rgba(255,255,255,0.6);
        position: absolute;
        top: -8px;
        right: 0;
    }

    .home-ywly-fr:after {
        display: block;
        content: '';
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: rgba(255,255,255,0.6);
        position: absolute;
        top: -13px;
        left: -36px;
    }

.first-yw {
    position: relative;
}

    .first-yw ul {
        zoom: 1;
        padding: 0 2%;
    }

        .first-yw ul:after {
            display: block;
            content: '';
            clear: both;
        }

        .first-yw ul li {
            float: left;
            width: 21%;
            height: 90px;
            font-size: 20px;
            color: #FFFFFF;
            text-align: center;
            line-height: 27px;
            position: relative;
            font-weight: bold;
            cursor: pointer;
            padding-top:20px;
            transition-duration: 0.5s;
        }

            .first-yw ul li:before {
                display: block;
                content: '';
                width: 0%;
                height: 3px;
                background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));
                position: absolute;
                bottom: 0;
                left: 50%;
                transition-duration: 0.5s;
            }

            .first-yw ul li span {
                position: relative;
            }

.first-active {
    background: url(./img/ly-bg02.jpg) no-repeat center center;
    background-size: cover;
}

    .first-active:before {
        width: 100% !important;
        left: 0 !important;
    }

    .first-active:after {
        display: block;
        content: '';
        width: 14px;
        height: 12px;
        background: url(./img/jt01.png) no-repeat;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -7px;
    }

    .first-active span:after {
        display: none !important;
    }

.first-ywBox {
    width: 80%;
    margin: 60px 10% auto;
    position: relative;
}

.first-ywContenter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}

    .first-ywContenter:nth-child(1) {
        position: relative;
        z-index: 3;
    }

.show-first {
    opacity: 1 !important;
    z-index: 4 !important;
}

.sencond-yw {
    margin-bottom: 40px;
}

    .sencond-yw ul {
        zoom: 1;
    }

        .sencond-yw ul:after {
            display: block;
            content: '';
            clear: both;
        }

        .sencond-yw ul li {
            float: left;
            width: 23.5%;
            height: 46px;
            margin-right: 2%;
            background: #798490;
            font-size: 14px;
            color: #FFFFFF;
            font-family: "heiti";
            text-align: center;
            line-height: 20px;
            cursor: pointer;
            position: relative;
        }

            .sencond-yw ul li:nth-child(4n) {
                margin-right: 0;
            }

.sencond-active {
    background: #004f94 !important;
    box-shadow: 0 2px 4px 2px #333;
}

    .sencond-active:after {
        display: block;
        content: '';
        width: 14px;
        height: 12px;
        background: url(./img/jt01.png) no-repeat;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -7px;
    }


.sencond-ywBox {
    position: relative;
}

.sencond-ywContenter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}

    .sencond-ywContenter:nth-child(1) {
        position: relative;
        z-index: 3;
    }

.show-sencond {
    opacity: 1 !important;
    z-index: 4 !important;
}


.yw-swiper {
    overflow: hidden;
    position: relative;
}

    .yw-swiper .swiper-slide {
        position: relative;
        overflow: hidden;
    }

        .yw-swiper .swiper-slide img {
            display: block;
            width: 100%;
            transition-duration: 0.5s;
        }

        .yw-swiper .swiper-slide p {
            width: 100%;
            background: rgba(0,0,0,0.42);
            font-size: 16px;
            color: #FFFFFF;
            line-height: 46px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: absolute;
            bottom: 0;
            transition-duration: 0.5s;
        }

        .yw-swiper .swiper-slide:hover img {
            transform: scale(1.1);
        }

        .yw-swiper .swiper-slide:hover p {
            background: rgba(208,17,38,0.3);
        }

.yw-next, .yw-prev {
    width: 19px;
    height: 34px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    cursor: pointer;
}

.yw-next {
    right: -5%;
    background: url(./img/jt02-r.png) no-repeat;
}

.yw-prev {
    left: -5%;
    background: url(./img/jt02-l.png) no-repeat;
}

@-webkit-keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}
}
@keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}
}
@-webkit-keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}
}
@keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}
}
@media(max-width:1200px) {
.w1200{padding-left:5px;padding-right:5px;}
.yous{padding:20px 10px;}
.number-info li{width: 50%;}
.yous li{width: 50%;margin:5px 0;}
.pro-list li{float:left;width:50%;}
.news{padding:0px 7px}
.demo{padding:0px 7px 20px 7px;}
}
@media(max-width:1000px) {

}
@media(max-width:750px) {
.about .txt{ padding:10px; padding-bottom:0;}
.pro-list li .tit{font-size:16px;padding-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.about{padding:0px 10px 0px 10px; float:none; width:100%; box-sizing:border-box;}
.about ul{ display:block;}
.number-info li{ width:33%;}
.index-video{float:none; width:100%;padding:20px 10px 0px 10px;box-sizing:border-box;}
.yous .brp{ margin:5px 10px;}
.yous ul{ margin-bottom:0;}
.yous .brp .hot{margin:0 10px;bottom:30px;}
.yous .brico{margin:20px 15px 5px 15px;}
.yous .brico i{ font-size:30px;}
.yous .brtxt{margin:10px 15px;font-size:14px;}
.yous .brtxt h2{ font-size:18px; height:30px;line-height:30px;margin-bottom:0px;}
.yous .brtxt .txt{ font-size:14px; line-height:22px;}

.anli .anli-tits{float:none;text-align:center;padding-bottom:20px;}
.anli .anli-nav{float:none;margin:0 auto;width:320px;overflow:hidden;}
.anli .anli-nav li{padding:0 5px;}
.anli .anli-nav li a{padding:0 8px;}
.demo-bk{display:none;}
.phone-demo-bk{display:block;}

.news{margin-top:10px;}
.news li{width:100%;margin:10px 0px;}
.slider-arrow {display:none;}
}