@charset "UTF-8";
/*首页*/
#banner{position:relative;}
#banner .swiper-container{height:1000px;}
#banner .swiper-slide1{ background:url(../img/in/banner.png) no-repeat center; }
#banner .swiper-slide1 h2{font-size:42px; color:#fff; text-align:center; padding-top:300px; margin-bottom:50px!important; display:flex; align-items: center; justify-content: center; font-weight:bold; line-height:70px;}
#banner .swiper-slide1 h3{font-size:32px; color:#fff; text-align:center; margin-bottom:30px!important;}
#banner .banner_bottom{position:absolute; bottom:0px; left:0; height:200px; width:100%; background-color:rgba(23,43,73,.8); z-index:2;}
#banner .banner_bottom ul{ height:200px; display:flex; justify-content:center; align-items:center;}
#banner .banner_bottom ul li{ font-weight:bold; color:#fff; text-align:center; width:30%;}
#banner .banner_bottom ul li>p{font-size:30px; margin-top:2px;}
#banner .banner_bottom ul li>img{margin-bottom:10px;}
#modular1{height:200px; background-color:#051222; text-align:center; display:flex; align-items: center;}
#modular1 .p1{color:#fff; font-size:16px;}
#modular2{padding:50px 0; color:#021a22;}
#modular2 .p1{font-size:22px; text-align:center; padding-top:20px; font-weight:bold;}
#modular2 .p2{ text-align:center;}
#modular2 .icon{box-shadow: 6px 6px 5px #e1e3e7; border-radius:8px; padding:70px 0 60px; margin-top:30px; transition:all .3s;}
#modular2 .icon .pic{height:80px; margin:0 auto;}
#modular2 .icon .p1{color:#24b6eb;}
#modular2 .icon1 .pic{width:86px; background:url(../img/in/icon1.png);}
#modular2 .icon1:hover .pic{ background:url(../img/in/icon_hover.png);}
#modular2 .icon2 .pic{width:89px; background:url(../img/in/icon2.png);}
#modular2 .icon2:hover .pic{ background:url(../img/in/icon2_hover.png);}
#modular2 .icon3 .pic{width:85px; background:url(../img/in/icon3.png);}
#modular2 .icon3:hover .pic{ background:url(../img/in/icon3_hover.png);}
#modular2 .icon4 .pic{width:82px; background:url(../img/in/icon4.png);}
#modular2 .icon4:hover .pic{ background:url(../img/in/icon4_hover.png);}
#modular2 .icon5 .pic{width:102px; background:url(../img/in/icon5.png);}
#modular2 .icon5:hover .pic{ background:url(../img/in/icon5_hover.png);}
#modular2 .icon6 .pic{width:99px; background:url(../img/in/icon6.png);}
#modular2 .icon6:hover .pic{ background:url(../img/in/icon6_hover.png);}
#modular2 .icon:hover{background-color:#24b6eb;}
#modular2 .icon:hover .p1{ color:#fff;}
#modular4{height:448px; background:url(../img/in/bg2.png) no-repeat 70%;}
#modular4 .cont{display:flex;}
#modular4 .cont>div{width:50%;}
#modular4 .cont .left{width:70%; padding-right:50px;}
#modular4 .cont .right{ padding-left:50px;}
#modular4 p{color:#fff;}
#modular4 .p1{padding:130px 0 20px 0; font-size:34px;}
#modular4 .p2{line-height:30px;}
#modular4 .p4{margin-bottom:40px;}
/*产品页面*/
.banner{height:800px;}
.products_banner{background:url(../img/products/banner.png) no-repeat center;}
.products_banner .p1{font-size:42px; color:#fff; text-align:center; padding:250px 0 50px;}
.products_banner .p2{font-size:32px; color:#fff; text-align:center; }
.pro_modular2{padding-top:70px;}
.pro_modular2 .cont{display:flex; margin-bottom:64px; border:1px solid #d2d2d2; padding:0;}
.pro_modular2 .cont .left{width:460px; height:400px; overflow:hidden; position:relative;}
.pro_modular2 .cont .left>p{font-weight:bold;position:absolute; left:0; top:0; text-align:center; font-size:90px; color:#fff; width:100%; line-height:400px;}
.pro_modular2 .cont .left>img{transition:all .5s;}
.pro_modular2 .cont .left:hover img{transform:scale(1.2);}
.pro_modular2 .cont .right{width:66%; padding-left:60px; color:#172b49}
.pro_modular2 .cont .right .p2{font-size:34px; font-weight:bold; padding:30px 0 0;}
.pro_modular2 .cont .right .p4{display:flex; align-items: center; margin-bottom:4px;}
.pro_modular2 .cont .right .p4 i{width:12px; height:12px; border-radius:12px; background-color:#021a22; margin-right:16px;}
.pro_modular2 .cont2 .left>p{color:#172b49;}
.pro_modular2 .cont2 .right{padding-left:4px; padding-right:60px;}
.pro_modular2 .cont2 .right .p2{padding-top:0;}
.pro_modular2 .cont2 .right .p4 span{width:90%;}
.pro_modular2 .cont3{align-items: center;}
.pro_modular2 .cont3 .right .p2{padding-top:0;}
.pro_modular2 .right .p4 span{width:90%;}
.pro_modular2 .cont4{flex-wrap:wrap; border:1px solid #e5e5e5; height:616px; }
.pro_modular2 .cont4 .left{width:100%;height:282px;}
.pro_modular2 .cont4 .left>p{ line-height:282px;}
.pro_modular2 .cont4 .left>img{height:282px;}
.pro_modular2 .cont4 .right{padding-left:8px; width:100%;}
.pro_modular2 .cont5 .left{height:490px;}
.pro_modular2 .cont5 .left>img{height:490px;}
.pro_modular2 .cont5 .left>p{font-size:70px;color:#fff; line-height:100px; text-align:left; padding-top:80px;}
footer{padding:50px 0 80px; background-color:#051222;}
footer p{color:#a5a5a5;}
footer .p1{margin-bottom:20px;}
footer .p3{display:flex; padding:20px 0;}
footer .p3>a{color:#60e0d5; padding:0 8px; border-right:1px solid #9d9fa2; text-decoration: none; font-size:14px;}
/*关于我们*/
.about_banner{height:800px; background:url(../img/about/banner.png) no-repeat center; }
.about_banner .cont{display:flex; justify-content: center; width:100%; height:800px;}
.about_banner .cont>p{font-size:42px; color:#fff; font-weight:bold; padding-top:360px;}
.about_modular1{padding:80px 0 20px;}
.about_modular1 ul{display:flex; flex-wrap:wrap;}
.about_modular1 ul>li{width:50%; margin-bottom:80px;}
.about_modular1 ul>li.last{width:100%; text-align:center;}
.about_modular1 ul>li .p1{font-size:34px; font-weight:bold; margin-bottom:20px;}
.about_modular1 ul>li .p2{font-size:16px; font-weight:bold;}
.about_modular2{padding-bottom:70px;}
.about_modular2 ul{display:flex; text-align:center; background-color:#f5f7f8; padding:40px 0 30px; margin-top:50px;}
.about_modular2 ul>li{ width:16.66%;display: flex; align-items: center; justify-content: center;flex-wrap: wrap;}
.about_modular2 ul>li .img{width:140px;height:140px; border-radius:140px;  display:flex; align-items: center; justify-content: center; transition:all .3s; position:relative;}
.about_modular2 ul>li b{position:absolute; right:-24px; top:32px; width:1px; height:80px; background-color:#d2d2d2;}
.about_modular2 ul>li:hover .img{background-color:#24b6eb;}
.about_modular2 ul>li.li_1 .pic1{width:73px; height:73px; background:url(../img/about/icon1.png) no-repeat center;}
.about_modular2 ul>li.li_1:hover .pic1{background:url(../img/about/icon1_hover.png) no-repeat center;}
.about_modular2 ul>li.li_2 .pic1{width:73px; height:73px; background:url(../img/about/icon2.png) no-repeat center;}
.about_modular2 ul>li.li_2:hover .pic1{background:url(../img/about/icon2_hover.png) no-repeat center;}
.about_modular2 ul>li.li_3 .pic1{width:73px; height:73px; background:url(../img/about/icon3.png) no-repeat center;}
.about_modular2 ul>li.li_3:hover .pic1{background:url(../img/about/icon3_hover.png) no-repeat center;}
.about_modular2 ul>li.li_4 .pic1{width:73px; height:73px; background:url(../img/about/icon4.png) no-repeat center;}
.about_modular2 ul>li.li_4:hover .pic1{background:url(../img/about/icon4_hover.png) no-repeat center;}
.about_modular2 ul>li.li_5 .pic1{width:73px; height:73px; background:url(../img/about/icon5.png) no-repeat center;}
.about_modular2 ul>li.li_5:hover .pic1{background:url(../img/about/icon5_hover.png) no-repeat center;}
.about_modular2 ul>li.li_6 .pic1{width:73px; height:73px; background:url(../img/about/icon6.png) no-repeat center;}
.about_modular2 ul>li.li_6:hover .pic1{background:url(../img/about/icon6_hover.png) no-repeat center;}
.about_modular2 ul>li .p1{font-size:22px; width:100%;}
.about_modular3{padding:100px 0;}
.about_modular3 .cont{display:flex;padding-top:60px;}
.about_modular3 .left{width:35%; margin-right:30px; border:1px solid #dcdcdc; padding:50px 14px;}
.about_modular3 .left .p1{font-size:24px; font-weight:bold;}
.about_modular3 .left .p2{font-size:16px; line-height:26px;}
.about_modular3 .right{width:65%;}
.about_modular3 .right .p3{display:flex;}
.about_modular3 .right .p3 i{width:12px; height:12px; border-radius:12px; background-color:#24b6eb; margin-right:6px; margin-top:4px;}
.about_modular3 .right .p3 span{width:80%;}
.about_modular4{height:457px; background:url(../img/about/bg.png) no-repeat center;}
.about_modular4 .cont{width:65%;margin-left:35%; height:457px; background-color:#fff; padding:40px 30px;}
.about_modular4 .cont .p1{font-size:34px; font-weight:bold;}
.about_modular4 .cont .p2{font-size:16px; font-weight:bold;}
.about_modular4 .cont .p2>a{color:#333;}
.about_modular4 .bottom{margin-top:60px;}