/*banner*/ 
 
.banner .swiper-slide{ height:840px;  position:relative; z-index:1; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .swiper-slide .box{ display:block; position:relative;top:calc(50% + 50px ); transform:translateY(-50%)}
.banner .swiper-slide .box .weap{ padding-left:80px; padding-right:80px;}
.banner .swiper-slide .box .t1{ margin-bottom:75px}
.banner .swiper-slide .box .t1 img{ height:240px; display:block}
.banner .swiper-slide .box .more a{ display:inline-block; line-height:46px; width:175px; text-align:center; border:1px solid #fff; color:#fff; font-size:18px}
.banner .swiper-slide .box .more a:after{ content:""; width:32px; height:13px; display:inline-block; background:url(../images/ico-r.png) no-repeat center; background-size:100%; vertical-align:middle; margin-left:25px}
.banner .swiper-pagination{ bottom:50px}
.banner .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; background-color:#fff; opacity:1; margin:0 15px; position:relative}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ content:""; display:block; position:absolute; z-index:2; left:-6px; right:-6px;top:-6px; bottom:-6px; border:1px solid #fff; border-radius:50%}
.banner video{ width:100%; height:100%;    object-fit: cover; display:block;} 
  
.nbanner{ background-repeat:no-repeat; background-position:center; background-size:cover}
.nbanner .weap{ height:400px; position:relative}
.nbanner .txt{ position:absolute; z-index:2; left:0;top:50%; transform:translateY(-50%)}
.nbanner .txt h3{ font-size:40px; position:relative;margin-bottom:10px} 
.nbanner .txt .p{ font-size:16px; color:#666; } 
.nbanner .txt .p span{ display:block}
.nbanner.nbai .txt{ color:#fff;}
.nbanner.nbai .txt .p{ color:#fff}

.plo{  line-height:1.1; margin-bottom:55px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.plo .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.plo .right img{ display:block; width:auto}
.plo h3{ font-size:48px; font-weight:normal; color:#4a5257}
.plo .line{ width:88px; height:4px; background-color:#4a5257; margin-top:22px;}

.index01{ padding-top:60px; padding-bottom:90px;}
.index01 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 .left{ margin-right:10%}
.index01 .left .title{ font-size:44px; font-weight:bold; color:#0046ac; line-height:1.1; margin-bottom:30px}
.index01 .left .ms{ font-size:18px; line-height:2.2; text-align:justify}
.index01 .bd .right{flex:0 0 580px; width:580px}
.index01 .bd .right img{ width:100%; display:block}
.index01 .nums{ margin-top:100px; box-shadow:0 0 10px rgba(0,0,0,.1); padding:30px 0}
.index01 .nums ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:85px;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index01 .nums ul li{ width:33.33%; text-align:center; border-right:1px solid #a0a0a0; line-height:1.1}
.index01 .nums ul li:last-child{ border-right:none}
.index01 .nums ul li .num span{ font-size:52px; color:#00489d; font-weight:bold}
.index01 .nums ul li .p{ font-size:18px; color:#676767; margin-top:10px}
.index01 .nums ul li .p i{ font-size:18px;}
.mores{ margin-top:65px}
.mores a{ display:inline-block; width:155px; height:45px; line-height:45px; background-color:#0046ac; text-align:center; color:#fff; font-size:18px;}
.mores a:after{ content:""; display:inline-block; width:17px; height:6px; background:url(../images/ico-rowr.png) no-repeat center; background-size:100%; vertical-align:middle; margin-left:10px;}

 
.index02{ padding-top:60px; padding-bottom:170px; background:url(../images/index02bg.jpg) no-repeat center; background-size:cover}
.index02 ul{ margin:0 -10px;}
.index02 li{ width:33.33%; float:left} 
.index02 li a{ display:block; background-color:#fff; padding:10px; border-radius:10px; margin:0 10px; padding-top:30px}
.index02 li .title{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:15px;}
.index02 li .title .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; color:#2649b1; line-height:1.1}
.index02 li .title .left .t1{ font-size:38px; text-transform:uppercase; margin-bottom:5px}
.index02 li .title .left .t2{ font-size:18px; font-weight:bold}
.index02 li .title .right{-webkit-text-stroke: 1px #1b5abc; text-stroke: 1px black; color:#fff; font-weight:bolder; font-size:60px; line-height:1.1}
.index02 li .img{ overflow:hidden}
.index02 li .img img{ display:block; width:100%}

.index03{ height:960px; position:relative; padding-top:160px}
.index03 .plo{ display:block}
.index03 .plo .left h3{ color:#fff}
.index03 .plo .left .line{ background-color:#fff}
.index03 .plo .right{ margin-top:50px;}
.index03 .plo .right img{ height:145px; display:block}
.index03 .weap{ position:relative; z-index:2;}
.index03 .mySwiper2{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0}
.index03 .mySwiper2 .swiper-row{ display:none !important}
.index03 .mySwiper2 .swiper-slide{ overflow:hidden}
.index03 .mySwiper2 img{ display:block; width:100%; height:100%;    object-fit: cover;}
.index03 .mySwiper{ position:absolute; z-index:3; bottom:160px}
.index03 .mySwiper .swiper-slide{ width:25%}
.index03 .mySwiper {width:1450px; left:50%; margin-left:-725px}
.index03 .mySwiper a{ display:block; line-height:120px; background-color:#e2e2e3; text-align:center; font-size:23px; position:relative; overflow:hidden; margin:0 5px}
.index03 .mySwiper a:before{ content:""; display:block; width:120px; height:120px; position:absolute; z-index:1; border-radius:50%; right:-60px; bottom:-60px; background-color:#bbcfe1}
.index03 .mySwiper .swiper-slide-thumb-active a{ background-color:#1f83d8; color:#fff}
.index03 .mySwiper .swiper-slide-thumb-active a:before{ background-color:#4796da}

.index04{ padding-top:60px; padding-bottom:110px; background:url(../images/index04bg.png)}
.index04 .plo .mySwiper3 a{ display:block; margin-left:15px; background-color:#eeeeee; width:180px; line-height:45px; text-align:center}
.index04 .plo .mySwiper3 .swiper-slide-thumb-active a{ background-color:#1f83d8; color:#fff}
.index04 .mySwiper4 ul{ margin:0 -105px;}
.index04 .mySwiper4 li{ float:left; width:33.33%;}
.index04 .mySwiper4 li a{ display:block; margin:0 105px;}
.index04 .mySwiper4 li .ks{ width:40px; height:42px; position:relative; margin-bottom:45px}
.index04 .mySwiper4 li .ks:before{ content:""; display:block; width:28px; height:28px; border:3px solid #017acd; position:relative; z-index:2}
.index04 .mySwiper4 li .ks:after{ content:""; display:block; width:33px; height:33px; background-color:#e83a1e; opacity:.17;position:absolute; z-index:1; border-radius:50%; right:0; bottom:0}
.index04 .mySwiper4 li h3{ font-size:24px; font-weight:normal;  color:#131313; height:87px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom:44px}
.index04 .mySwiper4 li .ms{ font-size:14px;  color:#131313;  display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom:80px; height:51px}
.index04 .mySwiper4 li .date{ color:#0c0c0c}
.index04 .mySwiper4 li a:hover h3{ color:#1658c6}

.tree{ height:60px; border-bottom:1px solid #e5e5e5; line-height:59px}
.tree .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.path{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; background:url(../images/ico-home.png) no-repeat left center; background-size:21px; padding-left:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lanmunav li{ float:left; margin-left:45px}
.lanmunav li a{ display:block; font-size:18px; position:relative}
.lanmunav li.on a:before{ content:""; display:block; height:2px; left:0; right:0; background-color:#00489e; bottom:-1px; position:absolute}
.lanmunav li.on a{color:#00489e; font-weight:bold}
.lanmunav li a:after{ content:""; display:block; height:32px; width:1px; background-color:#e5e5e5; position:absolute; z-index:2;top:50%; margin-top:-16px; right:-22px}
.lanmunav li:last-child a:after{ display:none}
.nbanner{ height:480px; background-repeat:no-repeat; background-position:center}

.product01{ padding-top:60px; padding-bottom:120px;background-color:#f7f9ff}
.product01 .hd{ margin-bottom:20px}
.product01 .hd h3{ font-size:36px; font-weight:bold; color:#333}
.product01 .bd ul{ margin:0 -10px}
.product01 .bd li{ float:left; width:25%; margin-bottom:20px}
.product01 .bd li a{ display:block; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; background-color:#ffffff; margin:0 10px;  }
.product01 .bd li a:hover{ background-color:#1f83d8}
.product01 .bd li a:hover .txt{ color:#fff}
.product01 .bd li .img{ overflow:hidden; height:186px}
.product01 .bd li .img img{ display:block; height: 100%;
    object-fit: cover; margin:0 auto;}
.product01 .bd li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; text-align:center;font-size:32px; color:#333}
.product01 .bd li .txt h3{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product01 .bd li .txt .p{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.product02{ padding:120px 0}
.product02 .plo{ display:block; color:#333}
.product02 .plo .line{ background-color:#333}

.product02 .bd ul{ margin:0 -6px;}
.product02 .bd li{ float:left; width:25%;}
.product02 .bd li a{ display:block; position:relative; margin:0 6px;}
.product02 .bd li .img{ height:525px; overflow:hidden}
.product02 .bd li .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.product02 .bd .poptxt{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; text-align:center;}
.product02 .bd .poptxt h3{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; position:absolute; z-index:2; left:0; right:0;top:15%; color:#fff; font-size:32px; font-weight:normal}
.product02 .bd .poptxt .more{ background-color:#fff; width:90px; height:50px; border-radius:50px; position:absolute; z-index:2; left:50%; margin-left:-45px; bottom:10%; background-image:url(../images/ico-rjt.png); background-repeat:no-repeat; background-position:center; background-size:auto 100%}
.product02 .bd a:hover .poptxt{background: linear-gradient(to bottom, #0071bf, #35a3ee);}
.product02 .bd a:hover .poptxt h3{ font-size:56px;top:30%}

.productpage01{ padding-top:20px; background-color:#f9f9f9; padding-bottom:60px}
.productpage01 .box{ margin-top:60px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.productpage01 .box .left{ flex:0 0 52%; width:52%}
.productpage01 .box .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; margin-left:5%}
.productpage01 .box .left img{ display:block; width:100%}
.productpage01 .box .left .swiper-slide{ background-color:#f9f9f9}
.productpage01 .title{ border-bottom:1px solid #999999; padding:20px 0; margin-bottom:30px}
.productpage01 .title h3{ font-size:36px; font-weight:normal; line-height:1.3}
.productpage01 .ms .t{ color:#00489e; font-size:20px}
.productpage01 .swiper-pagination{ position:static !important; margin-top:30px}
.productpage01 .swiper-pagination-bullet{ width:10px; height:10px; background-color:#c6c6c6; opacity:1; margin:0 10px !important}
.productpage01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#003686}

.productpage02 .box{ margin-top:60px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.productpage02 .box .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.productpage02 .box .pplo{ margin-bottom:50px}
.productpage02 .box .pplo h3{ line-height:1.1; border-left:3px solid #e83a1e; font-size:30px; font-weight:normal; padding-left:10px; color:#333}
.productpage02 .conn{ margin-bottom:70px}
.conn{ overflow:hidden}
.conn img{ max-width:100%}
.productpage02 .box .right{flex:0 0 365px; width:365px; margin-left:10%}
.shd{ margin-bottom:20px}
.shd h3{ font-size:24px; font-weight:normal; color:#333}

.productpage02 .box .right li{ margin-bottom:20px}
.productpage02 .box .right a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.productpage02 .box .right .img{flex:0 0 155px; width:155px; height:115px; overflow:hidden; margin-right:20px}
.productpage02 .box .right .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.productpage02 .box .right .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.productpage02 .box .right .txt h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productpage02 .box .right .txt .more{ font-size:14px; margin-top:10px; color:#999}

.application01{ padding:40px 0;background-color:#f7f9ff}
.application01 .title{ font-size:48px; font-weight:normal; text-align:center; color:#333}
.application02{ padding-top:60px; padding-bottom:120px}
.news01{ padding:60px 0; background-color:#f7f9ff}
.news01 .bd ul{ margin:0 -20px;}
.news01 .bd li{ float:left; width:25%; margin-bottom:40px;}
.news01 .bd li a{ display:block; margin:0 20px; background-color:#ffff}
.news01 .bd li .img{ overflow:hidden; height:284px;}
.news01 .bd li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.news01 .bd li .txt{ padding:20px;}
.news01 .bd li .txt .date{ font-size:14px; color:#999}
.news01 .bd li .txt h3{ font-size:18px; color:#333; font-weight:normal; height:65px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom:10px;}
.news01 .bd li .txt .p{ font-size:14px; color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news01 .bd li .txt .more{ border-top:1px solid #ddd; margin-top:10px; font-size:12px; font-weight:bold; padding-top:10px;}

.page01{ background-color:#f7f9ff; padding-top:20px; padding-bottom:30px}
.page01 h1.title{ font-size:48px; font-weight:normal; text-align:center; max-width:1170px; margin:0 auto; line-height:1.6; color:#333; margin-top:30px; margin-bottom:10px}
.page01 .date{ font-size:14px; text-align:center}

.page02{ padding:50px 0}
.pn{ margin-top:70px}
.pn li{ margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.lxwm01{ padding:85px 0}
.lxwm01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.lxwm01 .left{flex:0 0 45%; margin-right:5%; padding-top:40px}
.lxwm01 .left .p1{ font-size:16px; color:#999}
.lxwm01 .left .p2{ font-size:30px; font-weight:bold; color:#333; margin-bottom:20px}
.lxwm01 .left .p3{ border-bottom:1px solid #e6e6e7; padding-bottom:20px; margin-bottom:20px; overflow:hidden; }
.lxwm01 .left .p3 .t{ margin-bottom:10px}
.lxwm01 .left .p3 .p,.lxwm01 .left .p3 .p a{ color:#333; font-size:18px; font-weight:bold}
.lxwm01 .left .p3 .li{ margin-right:10%; float:left}
.lxwm01 .left .p3 .li:last-chils{ margin-right:0}
.lxwm01 .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.lxwm01 .right .hd{ color:#999; margin-bottom:20px}
.lxwm01 .right .bd ul{ margin:0 -1%}
.lxwm01 .right .bd li{ float:left; width:48%; margin:0 1%; margin-bottom:12px}
.lxwm01 .right .bd li input{ width:100%; height:58px; padding:0 20px; border:1px solid #ededed; background-color:#f5f5f7}
.lxwm01 .right .bd .lastli{ width:98%}
.lxwm01 .right .bd textarea{width:100%; padding:20px; border:1px solid #ededed; background-color:#f5f5f7}
.lxwm01 .right .bd button{ width:100%; height:58px; background-color:#077efb; border:none; cursor:pointer; color:#fff}

.lxwm02 .map{ height:610px}
.about01{padding-top:60px; background:#f6f9ff url(../images/about01bg.jpg) no-repeat center bottom}
.about0101{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:80px; }
.about0101 .left{flex:0 0 530px; width:530px; text-align:center}
.about0101 .left img{ max-width:80%}
.about0101 .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; line-height:2.2}

 
.about0102 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  }
.about0102 ul li{ width:33.33%; text-align:center}
.about0102 ul li .num{ font-size:68px; color:#0079cc; font-weight:bold; line-height:1.2}

.about0103{ padding-bottom:100px; padding-top:70px}
.about0103 .hd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:40px;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:0 10%  }
.about0103 .hd:after, .about0103 .hd:before{ content:""; display:block; background-color:#0079cc; height:1px;flex:0 0 250px;}
.about0103 .hd h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; font-size:36px; font-weight:bold;text-align:center; color:#333}
.about0103 .bd li{ float:left; width:33.33%; text-align:center; position:relative}
.about0103 .bd li:before{ content:""; display:block; position:absolute; z-index:2; width:1px; height:140px;  background-color:#0079cc; right:0;top:40px;}
.about0103 .bd li:last-child:before{ display:none}
.about0103 .bd li .ico{ width:95px; height:95px; background-color:#0079cc; border-radius:50%; margin:0 auto; margin-bottom:20px}
.about0103 .bd li .ico img{ display:block; width:100%}
.about0103 .bd li .txt h3{ font-size:26px; font-weight:normal; color:#333; margin-bottom:25px}
.about0103 .bd li .p{ font-size:18px; color:#333}
.about0103 .bd li .p span{ display:block;  }

.about02{ height:1080px; background:url(../images/about02bg.jpg) no-repeat bottom center; background-size:cover; padding-top:70px}
.lanmuplo{ text-align:center}
.lanmuplo h3{ font-size:36px; font-weight:bold; color:#333; margin-bottom:20px}
.lanmuplo .p{ line-height:2.2}
.lanmuplo .p span{ display:block}

.about03{ height:1077px; background:url(../images/about03bg.jpg) no-repeat bottom center; background-size:cover; padding-top:70px}

.about0101,.about0103,.about02,.about03{ position:relative}
.sections{ position:absolute; z-index:2; height:180px; left:0; right:0;top:-100px; visibility:hidden}
#navHeight{ height:60px;}
.tree{top:0;transition: all 0.3s; background-color:#fff}
.navFix{ position:fixed; z-index:99;top:120px; left:0; right:0}
@media (max-width:1900px){  
.banner .swiper-slide{ height:44.16vw}
.nbanner{ height:25vw}
.about02{ height:56vw}
.about03{ height:56vw}
}
@media (max-width:1500px){    
.index03 .mySwiper{ margin-left:0; left:10px; right:10px; width:auto}

}
@media (max-width:1400px){  
.plo h3{ font-size:33px}
.plo .line{ width:61px}
.plo .right img{ height:75px}
.index01 .left .title{ font-size:30px}
.index01 .left{ margin-right:7%}
.index01 .left .ms{ font-size:14px}
.mores{ margin-top:45px}
.mores a{ width:108px; height:42px; line-height:42px; font-size:12px}
.mores a:after{ width:12px}
.index01 .nums ul li .num span{ font-size:36px}
.index01 .nums ul li .p{ font-size:12px}
.index02 li .title .left .t1{ font-size:26px;}
.index02 li .title .left .t2{ font-size:14px}
.index02 li .title .right{ font-size:42px}
.index03 .plo .right img{ height:100px}
.index03 .mySwiper a{ font-size:16px;line-height:75px}
.index03 .mySwiper a:before{ width:140px; height:140px; right:-70px; bottom:-70px; }
.index03{ height:670px; position:relative; padding-top:112px}
.index03 .mySwiper{ bottom:112px}
.index04 .mySwiper4 li a{ margin:0 70px}
.index04 .mySwiper4 ul{ margin:0 -70px}

.about0101 .left{ flex:0 0 370px; width:370px}
.about0102 ul li .num{ font-size:47px}
.about0103 .hd h3{ font-size:25px}
.about0103 .hd:after, .about0103 .hd:before{flex:0 0 175px}

.about0103 .bd li .ico{ width:67px; height:67px}
.about0103 .bd li .txt h3{ font-size:18px}
.about0103 .bd li .p{ font-size:14px}
.about0103 .bd li:before{top:28px; height:98px}
.lanmuplo h3{ font-size:25px}
.about02{ padding-top:28px}
.about03{ padding-top:15px}
.lanmuplo h3{ margin-bottom:10px}

.lanmunav li a{ font-size:16px}
.lanmunav li{ margin-left:32px}
.product01 .hd h3{ font-size:25px}
.product01 .bd li .img{  height:196px;}
 
.product01 .bd li .txt{ font-size:22px;}
.product02 .bd li .img{ height:367px}
.product02 .bd .poptxt h3{ font-size:22px}
.product02 .bd .poptxt .more{ height:42px}
.productpage01 .title h3{ font-size:25px}
.productpage01 .ms .t{ font-size:18px}
.productpage02 .box .pplo h3{ font-size:21px}
.productpage02 .box .right{ margin-left:5%; flex: 0 0 255px; width: 255px;}
.productpage02 .box .right .txt h3{ font-size:15px}
.productpage02 .box .right .img{flex: 0 0 108px;
    width: 108px;
    height: 80px; margin-right:10px;}
.application01 .title{ font-size:33px}	
.news01 .bd li .img{ height:198px}
.news01 .bd li a{ margin:0 14px}
.news01 .bd li{ margin-bottom:28px}
.news01 .bd ul{ margin:0 -14px}
.news01 .bd li .txt h3{ font-size:15px; height:54px}
.page01 h1.title{ font-size:33px}
.lxwm02 .map{ height:420px}
.product02 .bd a:hover .poptxt h3{ font-size:39px}
.logobox{ height:81px}
.navFix{top:81px}
.sections{ height:81px; top:-81px}
}
 
@media (max-width: 999px){  
.banner .swiper-pagination{ bottom:10px}
.banner .swiper-pagination .swiper-pagination-bullet{ width:6px; height:6px; margin:0 10px !important }
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{  left:-4px; right:-4px;top:-4px; bottom:-4px; }
.plo .right img{ height:30px}
.index01 .bd{ display:block}
.index01 .bd .right{ width:100%}
.plo h3{ font-size:24px}
.plo .line{ width:42px; height:2px; margin-top:10px}
.plo{ margin-bottom:25px}
.index01 .left{ margin-right:0}
.index01 .left .title{ font-size:21px; margin-bottom:21px}
.index01 .left .ms{ line-height:2}
.mores{ text-align:center; margin-top:25px}
.index01 .bd .right{ margin-top:20px}
.index01 .nums{ margin-top:50px; padding:15px 0}
.index01 .nums ul li .num span{ font-size:25px}
.index01{ padding-bottom:60px}
.index02 li{ width:50%; margin-bottom:10px}
.index02 li a{ margin:0 5px}
.index02 ul{ margin:0 -5px}
.index02 li .title .left .t1{ font-size:20px}
.index02 li .title .right{ font-size:30px}
.index02 li a{ padding-top:21px}
.index02{ padding-bottom:60px}
.index03{ height:470px; padding-top:77px}
.index03 .plo .right img{ height:55px}
.index03 .mySwiper a:before{ width:30px; height:30px; right:-15px; bottom:-15px}
.index03 .mySwiper a{ font-size:14px; line-height:1.4; height:50px}
.index03 .mySwiper{ bottom:77px}
.index04 .plo .mySwiper3 a{ font-size:14px; width:100px; line-height:32px}
.index04 .mySwiper4 li{ float:none; width:auto; margin-bottom:30px}
.index04 .mySwiper4 li h3{ font-size:16px; height:52px; margin-bottom:10px}
.index04 .mySwiper4 li .ms{ font-size:14px}
.index04 .mySwiper4 li .ks{ margin-bottom:20px;}
.index04 .mySwiper4 li .ms{ margin-bottom:20px}
.index04{ padding-bottom:30px}
.index04 .plo .mySwiper3 a{ margin-left:10px}

.nbanner{ height:39vw}

.tree{ height:auto; background:none; background-color:#eee}
.tree ul{padding-top:10px;  margin:0 -5px; overflow:hidden} 
.tree ul li{ margin-right:0; width:50%; margin-bottom:10px; float:left; margin-left:0}
.tree ul li a{ margin:0 5px; background-color:#fff; padding: 0 10px; text-align:center; color:#333; border:1px solid #eee; height:50px; line-height:48px}
.lanmunav li a:after{ display:none}
.tree .weap{ display:block}
.about0101{ display:block; margin-bottom:60px;}
.about0101 .left{ width:100%; margin-bottom:20px}
.about0101 .left img{ height:50px; max-width:none}
.about0101 .right{ line-height:1.8}
.about0102 ul li .num{ font-size:30px}
.about0103 .hd:after, .about0103 .hd:before{flex:0 0 70px}
.about0103 .bd li .txt h3{ font-size:15px}
.about0103 .bd li .p span{ display: block}
.about0103 .bd li .p span i{ display:inline-block}
.about0103{ padding-bottom:60px}
.lanmuplo .p{ line-height:1.6; font-size:12px}
.lanmunav li a{ font-size:15px}
.product01{ padding:60px 0}
.product01 .bd li a{  }
.product01 .bd li{ width:50%; margin-bottom:10px}
.product01 .bd li .img{ width:150px; height:150px;flex:0 0 150px}
.product01 .bd li .txt{ font-size:15px}
.product02{ padding:60px 0}
.product02 .bd li a{ margin:0 5px;}
.product02 .bd li{ width:50%; margin-bottom:10px}
.product02 .bd a:hover .poptxt h3{ font-size:28px}
.product02 .bd li .img{ height:256px}
.product02 .bd .poptxt h3{ font-size:16px}
.product02 .bd .poptxt .more{ width:70px; margin-left:-35px; height:32px}
.productpage01 .box{ display:block}
.productpage01 .path{ display:block}
.productpage01 .box .left{ width:100%}
.productpage01 .swiper-pagination{ margin-top:15px}
.productpage01 .box{ margin-top:30px}
.productpage01 .box .right{ margin-left:0}
.productpage01 .title h3{ font-size:20px}
.productpage02 .box{ display:block}
.productpage02 .box .pplo{ margin-bottom:20px}
.productpage02 .conn{ margin-bottom:40px}
.productpage02 .box .right{ margin-left:0; width:100%}
.application01 .title{ font-size:24px}
.application01{ padding:30px 0}
.news01{ padding-top:30px}
.news01 .bd li{ width:50%; margin-bottom:10px}
.news01 .bd li a{ margin:0 5px}
.news01 .bd ul{ margin:0 -5px}
.news01 .bd li .txt{ padding:10px}
.news01 .bd li .img{ height:40vw}
.page01 h1.title{ font-size:24px}
.page01 .path{ display:block}
.lxwm01{ padding:60px 0}
.lxwm01 .weap{ display:block}
.lxwm01 .left{ padding-top:0; margin-right:0}
.lxwm01 .left .p1{ font-size:14px}
.lxwm01 .left .p2{ font-size:22px}
.lxwm01 .left .p3 .p, .lxwm01 .left .p3 .p a{ font-size:16px}
.lxwm01 .left .p3 .li{ margin-right:0; float:none}
.lxwm01 .right .bd button{ height:48px}
.lxwm01 .right .bd li input{ padding:0 10px; height:48px}
.lxwm01 .right .bd ul{ overflow:hidden}
.lxwm02 .map{ height:350px}
}
@media (max-width: 766px){ 
.about02{ background-size:100%; height:96vw; background-color:#e3ebf6}
.about03{ background-size:100%; height:76vw; background-color:#e5f0fe}
}