.bannerCon{overflow: hidden; width: 100%; height: 100vh;}
.bannerCon .bannerBtn,.bannerCon .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:50px; width:100%; text-align:center; }
    .bannerBtn span{ width:15px; height:2px; background:#fefefe;opacity:.5; margin:0 3px;border-radius:0; }
    .bannerBtn span.on{ width:35px;opacity:1; }
.bannerCon .swiper-slide{ position: relative; overflow: hidden; }
.bannerCon .swiper-slide img,.bannerCon .swiper-slide video{width:100%; height: 100%; object-fit: cover;}
    .bannerText{ position:absolute; left:13%; top:50%; width:40%; height: 0; margin-top:86px; -o-transition: all 0.4s ease-out 0s;-webkit-transition: all 0.4s ease-out 0s;-moz-transition: all 0.4s ease-out 0s;transition: all 0.4s ease-out 0s;}
    .bannerimg03 .bannerText{ left: inherit; right:10%; }
    .bannerimg03 .bannerText a{ float:right; }
    .bannerText h3,.bannerText p,.bannerText a{ color:#Fff; }
    .bannerText h3{ font-size:46px; font-weight:normal; }
    .bannerText h3 span{ font-size:78px; color:#00f0ff; margin-left:20px; }
    .bannerText p{ font-size:22px; line-height:180%; padding-top:15px; }
    .bannerText a{ line-height:40px; padding:0 40px; font-size:18px; border:1px solid #fff; border-radius:5px; display:inline-block; margin-top:40px; }
.bannerCon .swiper-slide-active .bannerText{top:20%;height:auto; }
.bannerCon .bannerimg03.swiper-slide-active .bannerText{ }



.aboutCon{background:url(../image/aboutBg.jpg) no-repeat; background-size: cover; width: 100%; padding-bottom: 80px;}
    .jieshao{width:92%; background: url(../image/aboutbg2.jpg) no-repeat; background-position: center top; background-size:cover; padding:30px 0 120px;}
        .jsimg{ width:54.5%; overflow: hidden;}
        .jsimg img{ width:100%; height: 100%; display: block; object-fit: cover; }
        .jscon{ width:66%; float: right;}
        
            .jscon2{}
            .jscon2 h3,.jscon2 p{ padding-left:2%; padding-right:2%; }
            .jscon2 h3{ color:#061d63; font-size:20px; line-height:150%; margin-top:20px; background:url(../image/icon_ab1.png) no-repeat left center; padding-left:42px; }
                .jsm1,.jsm2{ border-bottom:1px solid #eee; padding-bottom:30px; display: inline-block; clear: both;}
                .jsm1{ font-size:14px; padding-top:15px; }
                .jsm2 span{ display:inline-block; font-size:16px;color:#061d63; margin-top:25px; line-height: 57px;} 
                    .jsm2_1{ padding-right:60px; }
                .jsm2 span em{ display: inline-block; vertical-align: middle; width:59px; margin-right:15px;}
                .jsm2 span em img{ display: block;  width: 100%;}
                .jstd{padding-top:25px; padding-left:50px; }
                .jstd li{ float: left; border:1px solid #dce2f0; width:28%; margin-left:3%; text-align:center; padding:20px 0;}
                .jstd li span{ display: block; font-size:46px; font-weight:bold; }
                .jstd li span em{ font-style:normal; font-size:28px; }
                .marL15{margin-left:20%;}
                .marL30{ margin-left:24%; }
    .aboutmenu{margin-left: 8%; width:30%;position: relative; }
    .aboutmenu .menu1{ width:100%; position:absolute; left:0; top:80px;}
        .menu1 span,.menu1 i{ vertical-align: middle;display:inline-block; float: left; }
        .menu1 span{ color:#Fff; font-size:28px; line-height: 150%;}
        .menu1 span em{font-size:30px; display:block; color:#Fff; font-style:normal; text-transform:uppercase; font-weight: bold;}
        .menu1 i{ height: 1px; background:#fff; width:54%;max-width: 310px; margin:20px 0 0 10px; }
    .menuTwo1{position: relative; width:65%; margin-top:-48px;}
        .menuTwo1bg{ width:0; height:0; position:absolute; top:0; left:0; z-index: 1;border-bottom:228px solid  #2f56d7;border-bottom:228px solid rgba(47,86,215,.95);border-left: 225px solid transparent; }
    .menuTwo1 ul{ margin-left:225px; background-color: #2f56d7; background:rgba(47,86,215,.95); padding:48px 0 45px; }
    .menuTwo1 ul li{ float:left; padding-top:28px; position: relative; width:28%;  }
    .menuTwo1 li a{ color:#fff; font-size:20px;line-height:40px; text-align:center;display: block; }
    .menuTwo1 li a em{ display:block; width:57px; height:57px; margin:0 auto; margin-bottom:10px; }
    .menuTwo1 li a em img{ display: block; max-height:100%;max-width:100%;    -webkit-transform: rotate(0deg);-ms-transform: rotate(0deg); -o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: transform 500ms;-o-transition: transform 500ms;transition: transform 500ms; }
            
            .menuTwo1_2 {border: 1px solid #5978df; border-width: 0 1px;}
            .menus{position:absolute; top:0px; left:50%; margin-left: -14px; display:inline-block; width: 28px; height:0px; overflow: hidden;-o-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
            .menus em{display:block;width: 28px; height: 28px; background:url(../image/icon_q_01.png) no-repeat center center; }
            .menus i{display:block; margin: 0 auto; width:2px; height:59px;  border-bottom: 48px solid #fff; background: #2f56d7;}
        
        .menuTwo1 li:hover a em img{    transform: scale(1.3,1.3);}

.productCon{background:url(../image/cpBg.jpg) no-repeat center bottom; background-size: cover; width: 100%; padding: 65px 0;}
.productCon .menu1{  }
.productCon .menu1 span,.productCon .menu1 span em{color: #092268;}
.productCon .menu1 i{ background:#092268; margin-top:60px; }
    .product{ width:92%; }
        .title1{ text-align:right; width:100%; margin-bottom:30px; }
        .title1 a,.title1 span{ display:inline-block; line-height:55px; width: 189px; text-align: center; font-size:20px; color:#Fff; background:url(../image/jjfaBut.png) no-repeat; background-size:cover; text-transform:uppercase; cursor: pointer;}
        .title1 a.on,.title1 span.on,.title1 a:hover{background:url(../image/jjfaButH.png) no-repeat;background-size:cover; }
        
    .product .swiper-slide{ position: relative; }
        .xpimg1{ width:100%; height: 100%; position: absolute; top: 0;left:0; z-index:1;overflow: hidden; }
        .xpimg1 img{ width:100%; height: 100%; object-fit: cover;  display:block;}
        .xpimg1 .mobileimg{display: none;}
    .product .swiper-pagination{ display:none; }
        .cpjsC{ position: relative;  width: 50%; z-index: 2; padding-bottom: 80px;}
        .cpjsC h3{ font-size:20px; color:#1c2682; line-height:150%; padding-top:40px; }
        .cpjsC h5{ font-size:16px; color:#1c2682; margin-top:20px; }
        .cpjsC p{ font-size:16px; line-height:30px; padding-top:20px;  max-height: 60px; overflow: hidden;}
        .cpjsC ul{ padding-top:30px;display: flex; }
        .cpjsC ul li{ float: left; width:30%; margin-right:3%; line-height: 150%; }
        .cpjsC ul li{  text-align: center; }
        .cpjsC ul li h4{line-height:29px; background: #2f56d7; font-size: 16px; color: #fff; font-weight: normal; border-radius: 25px; padding:10px 0; }
         .cpjsC ul li h4 em{ display:inline-block;height:29px; max-width:31px;margin-right:12px;vertical-align: middle;}
    .product .swiper-slide .cpjsC li h4 img{height:100%;width:auto;}    
        .cpjsC ul li span{ display:block;font-size:14px; padding-top:15px; width:80%; margin:0 auto; }
        .cpjsC .cpjsC2 li{ line-height:24px;background: #2f56d7;border-radius:15px; margin-right:3%;padding:10px 3%; max-height:72px; width:33%; }
        .cpjsC .cpjsC2 li span,.cpjsC .cpjsC2 li i{vertical-align: middle; display: inline-block;}
        .cpjsC .cpjsC2 li span{ font-size:16px; color:#Fff; padding-top: 0; width: 100%;text-align: justify;}
        .cpjsC .cpjsC2 li i{ height:72px;  width:0; overflow:hidden;  }
            .cpjsmore{ border:1px solid #2244b0; display: inline-block; color:#092268; line-height:36px; padding:0 50px; border-radius:18px; margin-top:30px; }
            .cpjsmore:hover{ background:#092268; color:#fff; }
        .productBtn{ padding-top:38px;}
            .productBtn-next,.productBtn-prev{ width:66px; height:46px; line-height:46px; text-align:center; border:1px solid #fff; display:block; float:left; color:#Fff; font-size:34px; font-family:黑体; cursor: pointer; }
            .productBtn-next{ border-left:none; }
            .productBtn-next:hover,.productBtn-prev:hover{ color:#092268; background:#fff; }


.yycjCon{background:url(../image/yycjBg.jpg) no-repeat; background-size: cover; width: 100%; padding: 65px 0;}
.yycjCon .menu1 i,.yycjCon .menu1 span{ display:block; float:none; margin-left:0; }
    .yycjList{ margin-top:80px; } 
    .yycjList .swiper-slide{} 

        .yycjimg{ width:100%; overflow: hidden; }
        .yycjimg img{ width:100%; height:100%;object-fit: cover; display:block; border-radius:4px 4px 0 0;-webkit-transition: transform 500ms; -o-transition: transform 500ms;transition: transform 500ms; }
        .yycjjs{ padding:20px 30px; background:#fff; border-radius:0 0 4px 4px;  }
        .yycjjs h3 a{ font-size:26px; line-height:150%; display:block; }
        .yycjjs h3 em{ height:3px; width:53px; background:#e0051a; display:block; margin-top:6px; }
        .yycjjs p{ line-height:24px; padding-top:18px; height:48px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  }
            .yycjjshid{ position:absolute; left:0; bottom:0; height:0; width: 100%; overflow:hidden;-o-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; background:url(../image/cjbg2.jpg) no-repeat; background-size:cover; }
            .yycjjshid dt,.yycjjshid dd{ margin: 0 auto;}
            .yycjjshid dt{color:#fff; font-size: 26px; text-align: center; line-height: 180%; padding-top: 30px; margin-bottom:40px;width: 80%;}
            .yycjjshid dt em{ display:block; width:50px; height:3px; background:#fff; overflow:hidden; margin:5px auto 0; }
            .yycjjshid dd{width:65%; color:#fff; border-bottom:1px solid rgba(255,255,255,.5); padding:10px 5% 10px 10%; line-height:24px; background:url(../image/yycjNewB.png) no-repeat 15px center; }
            .yycjjshid .yycjmore{ border-bottom:0; text-align:center; padding-top:40px; background:none; }
            .yycjjshid .yycjmore a{ line-height:40px; border:1px solid rgba(255,255,255,.3); padding:0 40px; border-radius:6px;font-size:16px; color:#fff; display:inline-block; }
            
    
    .yycjList .swiper-slide:hover{box-shadow:5px 5px 10px #999;}
    .yycjList .swiper-slide:hover .yycjimg img{  transform: scale(1.3,1.3);}
    .yycjList .yycjBtn{position: relative; padding-top: 20px;}
    .yycjList .yycjBtn span.on{width:40px;border-radius:4px; background: #fff;opacity: 1;}
.yycjCon .swiper-container-horizontal>.swiper-pagination-bullets{bottom: inherit;}

.xwzxCon{background:url(../image/newsBg.jpg) no-repeat; background-size: cover; width: 100%; padding: 65px 0;}
.xwzxCon .menu1 i,.xwzxCon .menu1 span{ display:block; float:none; margin-left:0; }
    .newsList{ margin-left:-3%; }
    .newsList li{ position: relative; width: 22%; margin-left: 3%; float: left;}
        .newsimg,.newsimg img{display:block; width:100%;}
        .newsimg{ overflow:hidden; height:358px; }
        .newsimg img{height:100%;object-fit: cover;-webkit-transition: transform 500ms; -o-transition: transform 500ms;transition: transform 500ms;}
        .newsListjs{ position:absolute; left:0; bottom:0; width:100%; height:102px; background:rgba(9,34,104,.8);-o-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
        .newsListjs h3,.newsListjs span,.newsListjs p{ width:90%; margin:0 auto; }
        .newsListjs h3 a,.newsListjs span,.newsListjs p{color:#Fff; display:block;font-size:14px; line-height:24px; }
        .newsListjs h3{ font-weight:normal; padding-top:15px; }
        .newsListjs h3 em{ display:none; width:50%; height:2px; background:#fff; overflow:hidden; margin:12px 0; }
        .newsListjs h3 a{ height:48px; overflow:hidden; width:100%; font-size:18px; }
        .newsListjs span{text-align:right; margin-bottom:15px; }
        .newsListjs p,.newsmore{ display:none; }
        .newsListjs p{max-height: 96px; overflow: hidden;}
        .newsmore{ font-size:14px; line-height:32px; border:1px solid #97abeb; border-radius:5px;text-align: center; width: 170px; margin-left: -85px; position:absolute;bottom:30px; left:50%; color:#fff; }
        .newsmore:hover{color:#fff;}
    
    .newsList li:hover .newsimg img{transform: scale(1.2,1.2);}



@media screen and (min-width:1921px){

    
    .bannerText h3 { font-size: 50px;}
    .bannerText h3 span{ font-size:82px;}
    .bannerText p{ font-size:28px;}
    .bannerText a{ font-size: 20px; }
    
    .menu1 span,.menu1 span em{ font-size:34px; }
    .cpjsC h3{ font-size: 24px;padding-top: 60px; }
    .cpjsC p{ font-size: 20px; line-height: 38px; max-height: 76px;padding-top: 30px; }
    .cpjsC h5{ font-size: 22px;}
    .cpjsC .cpjsC2 li{ line-height: 34px; max-height: 92px; }
    .cpjsC .cpjsC2 li span{font-size:18px;}
    .cpjsC .cpjsC2 li i{ height: 92px; }
    .cpjsmore{line-height: 46px;}
    .cpjsC ul li h4{ line-height: 38px;font-size:20px; }
    .cpjsC ul li span{font-size:18px;}
    .title1{ margin-bottom:50px; }
    .title1 a, .title1 span{font-size: 24px; width:224px; height: 65px;line-height: 65px;}
    
    .yycjjs{ padding-bottom:40px; }
    .yycjjs h3 a{ font-size:30px; }
    .yycjjs h3 em{ width:58px; }
    .yycjjs p {font-size:20px; line-height:34px; padding-top: 18px; height:68px;}
    
    .newsListjs{ height: 142px; }
    .newsListjs h3 a{ font-size:24px; line-height: 38px; height: 76px; }
    .newsListjs span{ font-size:18px; line-height: 30px; }

}


@media screen and (min-width:1600px) and (max-width:1920px){

    
    .productCon { background-position: center bottom;}
    .cpjsC h3{ padding-top:60px; font-size:24px; }
    .cpjsC p{font-size: 18px; line-height: 34px;}
    .cpjsC h5{ font-size:20px; }
    .cpjsmore{ margin-top:45px; }
    
    .newsListjs h3 a, .newsListjs span, .newsListjs p{ font-size: 18px; }

}


@media screen and (max-width:1300px){

    
    .bannerText{ left:8%;width: 50%; }
    .bannerimg04 .bannerText{ right:5%; }
    
    .aboutCon{ padding-bottom:60px; }
    .jieshao{ width:96%;padding: 30px 0 100px; }
    .marL15 { margin-left:15%;}
    .jsm2 span{line-height: 38px;margin-top: 15px;}
        .jsm2_1{ padding-right:30px; }
    .jsm2 span em{ width:40px; }
    .jstd li{ padding:10px 0; }
    .aboutmenu{ margin-left:4%; width:34%; }
    .aboutmenu .menu1{ top:60px; }
    .menu1 span{font-size: 24px;}
    .menu1 span em{font-size: 26px;}
    .menuTwo1 li a{ font-size:18px; }
    .menuTwo1 li a em{ width:40px; height:40px;margin-bottom:0px; }
    .menuTwo1bg { border-bottom: 201px solid rgba(47,86,215,.95);border-left: 201px solid transparent;}
    .menuTwo1 ul {margin-left: 201px;}
    
    .productCon{ padding:50px 0; }
    .product{ width:auto; }
    .product .title1{ padding-top:20px; width:96%; }
    .cpjsC{ padding:40px; width:65%;left:auto!important;}
    .cpjsC .cpjsC2 li{width: 41%;}

    
    .yycjCon{ padding:50px 0; }
    .yycjList{ margin-top:60px; }
    
    .xwzxCon{padding:50px 0;}


}
@media screen and (max-width:1023px){


    
    .bannerCon,.bannerCon .swiper-slide{height: 60vh;}
    .bannerText h3{ font-size:4rem; }
    .bannerText h3 span{ font-size:6rem; }
    .bannerText p{font-size: 2rem;}
    .bannerText a{ font-size: 1.6rem; }
    .bannerimg03 .bannerText{width: 55%;}
    .bannerText{top:10%;}
    
    .aboutCon{ padding-bottom:5rem; }
    .jieshao {padding: 10px 0 60px;}
    .jscon{width: 75%;}
    .jscon2 h3{font-size: 1.8rem;}
    .jsm1{ font-size: 1.4rem; }
    .jsm1, .jsm2{ padding-bottom:2rem; }
    .jsm2 span{ font-size:1.4rem; line-height: 34px; }
    .jsm2 span em{ width:35px; }
    .jstd li{ background: #fff;}
    .jstd li span{ font-size:4rem; }
    .jstd li span em{ font-size:2.4rem; }
    .menuTwo1{ margin-top:-30px; width:71%; }
    .menuTwo1 ul{padding:30px 0 30px;margin-left:160px;}
    .menuTwo1 ul li{width: 30%;}
    .menuTwo1 li a{ font-size:1.8rem; }
    .menuTwo1 li a em{ width:32px; height:32px; }
    .menuTwo1bg {border-bottom:160px solid rgba(47,86,215,.95); border-left:160px solid transparent;}
    .aboutmenu .menu1{ top:42px; }
    .aboutmenu .menu1 i{margin: 10px 0 0;width: 60%;}
    .menu1 span{ font-size:2.4rem; }
    .menu1 span em {font-size: 2.6rem;}
    
    .productCon,.yycjCon,.xwzxCon{ padding:4rem 0; }
    .productCon .menu1 i{ margin-top:50px; }
    .yycjCon .menu1 i, .yycjCon .menu1 span,.xwzxCon .menu1 i, .xwzxCon .menu1 span{ float: left }
    .yycjCon .menu1 i,.xwzxCon .menu1 i{ margin:50px 0 0 10px; }
    .title1 a, .title1 span{ line-height: 46px; font-size:1.8rem; width:158px; }

    .cpjsC h3 { font-size: 1.8rem;padding-top: 0;}
    .cpjsC p {font-size: 1.4rem;line-height: 20px;padding-top: 10px;max-height:auto;}
    .cpjsC h5 {font-size: 1.6rem;margin-top:15px;}
    .cpjsC ul{ padding-top:20px; }
    .cpjsC .cpjsC2 li{padding:10px;max-height:60px;line-height: 20px; width: 43%;}
    .cpjsC .cpjsC2 li span { font-size: 1.4rem; }
    .cpjsC .cpjsC2 li i{height: 60px;}
    .cpjsmore {line-height: 36px;padding: 0 35px;border-radius: 12px;margin-top: 15px;}
    .productBtn{ padding-top:2rem; }
    .cpjsC ul li h4{line-height: 20px; font-size: 12px; padding: 6px 0;}
    .cpjsC ul li h4 em{ height: 20px;}
    .cpjsC ul li span {font-size: 1.2rem;padding-top: 1rem; width: 90%;}
    
    .yycjList{ margin-top:3rem; }
    .yycjjs h3 a{ font-size:16px;}
    .yycjjs p{ font-size:14px;    line-height: 20px; height: 40px;padding-top:10px; }
    .yycjjs {padding:10px 15px 15px;}
    
    .title1{ padding-top:20px; }
    .newsListjs{ height: 84px; }
    .newsListjs h3{ padding-top:10px; }
    .newsListjs h3 a{ font-size:1.6rem; line-height: 20px; height: 40px; }
    .newsListjs span{ margin-bottom:10px; }
    .newsList li{ width:47%; margin-bottom:2rem; }
.productBtn{margin-left:40px;}


}
@media screen and (max-width:767px){
    
    
    .bannerText{ top:10%; }
    .bannerText h3{ font-size: 3rem; }
    .bannerText h3 span{ font-size: 4rem; }
    .bannerText p{ font-size: 1.6rem; }
    .bannerText a{ font-size: 1.4rem;line-height: 30px;padding: 0 30px; margin-top:20px; }
    .bannerCon .swiper-slide-active .bannerText{ top:10%; }

    
    .jscon {width:85%;}
    .menuTwo1 li a {font-size: 1.6rem;}
    .jstd li span {font-size: 3rem;}
    .jstd li span em{font-size:2rem;}
    .jsm2 span {margin-top: 1rem;}.jsm1, .jsm2 {padding-bottom:1rem;}
    .menu1 i{width: 30%;}
    
    .product .swiper-slide{ background: #fff; }
    .xpimg1{ position: relative }
    .xpimg1 img{ width:100%; height:auto; object-fit: inherit;}
    .xpimg1 .pcimg{ display: none; }
    .xpimg1 .mobileimg{display: block;}
.cpjsC { padding:2rem 4%;width:92%;}
    .cpjsmore{  }
    .cpjsC ul li span{ }
    .productBtn-next, .productBtn-prev{ width:45px;height: 40px;line-height: 40px; }
    .cpjsmore{font-size:14px;}




}
@media screen and (max-width:639px){
    
    .bannerText h3{ font-size:2rem; }
    .bannerText h3 span{ font-size:3rem; }
    .bannerText p{ font-size: 1.4rem; }
    .bannerText a{ font-size: 1.2rem;line-height:26px;padding: 0 20px;}
    
    .title1 a, .title1 span{ line-height: 36px; width:124px;font-size: 1.5rem; }
    .cpjsC .cpjsC2 li{max-height:100px; line-height:18px;}
    .cpjsC .cpjsC2 li i{ height: 54px; }
    .cpjsC .cpjsC2 li span{ font-size:1.2rem; }
    
    .footNav dl dt a{ font-size:1.4rem; }
    .footNav dl dd a, .footcopy p span{font-size:1.2rem; }

}
@media screen and (max-width:479px){
    
    .bannerimg03 .bannerText{ right:4%; width:57%; }
    .menu1{ width:92%; text-align:center;}
    .menu1 span,.menu1 span em{width: 100%; text-align:center; }
    .productCon .menu1 i,.yycjCon .menu1 i, .xwzxCon .menu1 i{display:none; }
    .menu1 span em{ font-size:2rem; }
    
    .newsList{margin-left: 0;}
    .newsList li {width:100%;margin-bottom: 2rem;margin-left: 0;}
}