/*头部*/ @media screen and (max-width:768px){ iframe{ width: 100%; height: 300px;} } .in_nr{ padding: 0;} .head{line-height: 40px;color: #666666;font-size: 12px;background: #f5f5f5;line-height: 40px;border-bottom:solid 1px #e1e1e1;} .head ul li{float: right;padding:0 18px; color: #a7a7a7;font-size: 12px;position: relative;} .head ul li:after{width: 1px;height: 16px;content: '';position: absolute;right: 0;top:50%;transform: translateY(-50%);background: #e7e7e7;} .head ul li:first-child:after{background: none;} .head ul li i{color: #a7a7a7;font-size: 16px;margin-right: 10px;} .head ul li a {color: #666666;font-size: 14px;margin-right: 10px;} .head ul li:first-child a{color: #e60012;} .top .top_logo{transition: all .4s;padding-top:16px;padding-bottom: 16px;} .top .top_logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all .4s;} .navigation>ul{display: flex;margin-bottom: 0;} .navigation>ul>li{flex: 1;position: relative;} .navigation>ul>li>a{display: block;text-align: center;line-height: 90px;transition: all .4s;color: #313131;font-size: 16px;position: relative;} .navigation>ul>li>a span{padding:0 10px; display: block;overflow: hidden;text-overflow: ellipsis;white-space: pre;} .navigation>ul>li>a:after{width: 0;height: 3px;content: '';position: absolute;bottom:0;left: 50%;transform: translateX(-50%);background: #d31a28;transition: all .4s;} .navigation>ul>li>a:before{width: 1px;height: 15px;content: '';position: absolute;top:50%;right: 0;transform: translateY(-50%);background: #dadada;transition: all .4s;} .navigation>ul>li:last-child>a:before{background: none;} .navigation>ul>li>a:hover:after{width: 100%;} .navigation>ul>li>a:hover{color: #d31a28;} .navigation>ul>li.active>a:after{width: 100%;} .navigation>ul>li.active>a{color: #d31a28;} .navigation li .navson{display: none;position: absolute;left: 50%;transform: translateX(-50%); top:90px;z-index: 100000;width: 100%;} .navigation li .navson a{padding:10px; display: block;color: #fff!important; background: rgba(0,0,0,.5);line-height: 20px;text-align: center;font-size: 14px; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: pre;} .navigation li .navson a:hover{background: #d10009;} .top_fix{width: 100%; position: fixed;left: 0;top:0;background: #fff;z-index: 10000000;-moz-box-shadow:2px 2px 5px #C7C7C7; -webkit-box-shadow:2px 2px 5px #C7C7C7; box-shadow:2px 2px 5px #C7C7C7;} .top_fix .navigation>ul>li>a{line-height: 60px;} .top_fix .top_logo{padding-top:0;padding-bottom: 0;} .top_fix .top_logo img{ transition:0.3s;} .top_fix .top_logo img{ transform: scale(0.9);} .top_fix .navigation li .navson{top:60px;} /*手机D*/ .ovh{overflow: hidden;display: none; width: 100%;height: 100vh;position: fixed;left: 0;top:0;background: rgba(0,0,0,.3);width: 100%;height: 100%;position: absolute;left: 0;right: 0;top:0;bottom:0;z-index: 99;} .ovh.show{display: block;} .menu{position: absolute;right: 15px;line-height: 32px; width: 75px;height: 30px;top: 50%;transform: translateY(-50%); z-index: 1000;} .menu .menu_button{width: 35px;float: right;height: pointer;cursor: pointer} .menu .menu_button>.line{float: right;width: 100%;height: 3px;background: #323e4a;margin-top:6px;transition:.3s;transition-timing-function:ease;} .menu .menu_button>.line:nth-child(2){transition-delay:0.05s;} .menu .menu_button>.line:nth-child(3){transition-delay:0.1s;} .m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100000000;} .m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;} .m-sub-menu .top-box {line-height: 70px;background-color: #1b6eda;font-size: 16px;color: #fff;text-indent: 25px;position: relative;} .m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; } .m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;} .m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);} .m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;} .m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);} .m-sub-menu .list-wrap{height:calc(100vh - 70px);overflow-y: scroll;} .m-sub-menu .list-wrap ul{padding-bottom: 80px;} .m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2;} .m-sub-menu .list-wrap li:last-child{border:none;} .m-sub-menu .list-wrap li .col-box {display: block;width: 94%;padding: 0 8%;} .m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;} .m-sub-menu .list-wrap .point {display: inline-block;width: 8px;height: 12px;background: url(../images/arrow_right.png) no-repeat center;margin-top: 26px;} .m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;} .m-sub-menu .sec-sub-list .return-fir {display: block;/*width: 84%;*/padding: 0 7.8% 0 8.2%;line-height: 60px;background-color: #d10009;} .m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;background: url(../images/arrow_left.png) no-repeat left center;} .m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;} .m-sub-menu .sec-sub-list .boxs.show {left: -100%;} .m-sub-menu .sec-sub-list ul{width: 100%;/*height: 400px;*/overflow-y:auto} .m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;} .m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;} /*轮播*/ .banner .swiper-container {width: 100%;} .banner .swiper-container .swiper-slide {text-align: center;} .banner .swiper-container .swiper-slide img{display:block;width:100%;} .banner .swiper-button-prev{display: block; width: 70px;height: 70px;margin-top: -35px;top:50%;left:20px;position: absolute;background: url(../images/banner_arrow.png) no-repeat left top;outline: none;z-index: 5;} .banner .swiper-button-next{display: block;width: 70px;height: 70px;margin-top: -35px;top:50%;right:20px;position: absolute;background: url(../images/banner_arrow.png) no-repeat left bottom;outline: none;z-index: 5;} /*公共*/ .in_tit{line-height: 30px;margin-bottom: 30px;} .in_tit p:first-of-type{color: #333333;font-size: 32px;} .in_tit p:first-of-type span{color: #d10009;} .in_tit p:last-of-type{color: #999999;font-size: 14px;letter-spacing: 2px;text-transform: uppercase;margin-top: 5px;} .index_layout .tit{line-height: 30px;} .index_layout .tit p{color: #6d6d6d;font-size: 16px;margin-top: 8px;} .index_layout .tit span{color: #333333;font-size: 40px;} .index_layout .more a{display: inline-block;padding:0 50px;line-height: 50px;color: #fff;font-size: 16px;margin-top: 30px; background: #1b6eda;border-radius: 50px;transition:all .4s;} .index_layout .more a i{margin-right: 10px;font-size: 18px;} .index_layout .more a:hover{background: #323e4a;} /*首页侧导?/ .index_l{width: 100%;height: 100vh;background: url(../images/index_nav_bg.jpg) no-repeat left center;} .index_fix{position:fixed;left:0;top:0;} .index_l .box{padding:20% 20px 0;} .index_l .index_logo{width: 100%;} .index_l .index_logo img{max-width: 100%;} .index_l .index_nav{padding:15% 0;} .index_l .index_nav li a{color: #fff;display: block;font-size: 16px;text-align: center;line-height: 50px;transition:all .5s;border:solid 1px transparent;} .index_l .index_nav li a:hover{border-color: rgba(255,255,255,.3);background: rgba(0,50,147.3);} .index_l .index_ewm{width: 100%;padding:25px 0;line-height: 30px;text-align: center;color: #fff;font-size: 14px;} .index_l .index_ewm img{max-width: 50%;} .index_l .index_contact{line-height: 30px;color: #fff;font-size: 16px;font-weight: 300;text-align: center;} .index_l .index_contact b{font-size: 30px;} .index_l .index_contact p{font-size: 14px;} .index_l .index_list{border:solid 1px rgba(255,255,255,.3);background: rgba(0,50,147.3);border-sizing:border-box;} .index_l .index_list ul{padding:10px;} .index_l .index_list ul li{line-height: 30px;color: #fff;font-size: 14px;background: url(../images/index_l_ico.png) left center no-repeat;text-indent: 25px;} @media (min-width: 1410px) and (max-width: 1600px){ .index_l .index_nav{ padding: 15% 0;} .index_l .index_ewm{ padding: 10px 0;} .index_l .index_nav li a{ height: 42px; line-height: 42px;} } @media (min-width: 1200px) and (max-width: 1440px){ .index_l .index_nav{ padding: 15% 0;} .index_l .index_ewm{ padding: 10px 0;} .index_l .index_contact b{ font-size: 25px;} .index_l .index_nav li a{ height: 40px; line-height: 40px;} } /*产品中心*/ .index_product .category{margin-bottom: 30px;overflow: hidden;} .index_product .category:after{width: 90px;height: 50px;content: '';position: absolute;right: 0;top:50%;transform:translateY(-50%);background: url(../images/arrow.png) right center no-repeat;z-index: 1;} .index_product .category .swiper-container { width: 100%; } .index_product .category .swiper-container .swiper-slide {text-align: center;width: 10%;} .index_product .category .swiper-container .swiper-slide a{display: block;line-height: 45px;background: #fff;color: #333333;border-radius: 30px; font-size: 14px;transition:all .5s;overflow: hidden;text-overflow: ellipsis;white-space: pre;} .index_product .category .swiper-container .swiper-slide a:hover{background: #1b6eda;color: #fff;} .index_product .list .item{margin-bottom: 30px;} .index_product .list .box{background: url(../images/index_product_bg.jpg) center bottom no-repeat #f2f7fd; background-size: 100%; padding:40px;transition:all .5s;} .index_product .list .swiper-container {width: 100%;} .index_product .list .swiper-container .swiper-slide{display: block;} .index_product .list .swiper-container .swiper-slide .img{width:58%;float: right;height: 0;padding-bottom: 55%;position: relative;} .index_product .list .swiper-container .swiper-slide .img img{max-width: 100%;max-height: 100%;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .index_product .list .swiper-container .swiper-slide .txt{width: 38%;float: left;} .index_product .list .swiper-container .swiper-slide .txt h4{color: #252525;font-size: 18px; font-weight: bolder; line-height: 30px;} .index_product .list .swiper-container .swiper-slide .txt h5{color: #333333;font-size: 24px;margin:25px 0; line-height: 30px;} .index_product .list .swiper-container .swiper-slide .txt p{color: #666666;font-size: 14px;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .index_product .list .swiper-container .swiper-pagination{text-align: left;} .index_product .list .swiper-container .swiper-pagination-bullet{width: 12px;height: 12px;margin:0 6px; background: none;opacity: 1;border:solid 1px #333;transition:alll .4s;} .index_product .list .swiper-container .swiper-pagination-bullet-active{background: #333;} .index_product .list .box:hover{background: url(../images/index_product_bg1.jpg) center bottom no-repeat #e5ebf3;background-size: 100%;} .index_product .list .box:hover .txt h4,.index_product .list .box:hover .txt h5,.index_product .list .box:hover .txt p{color: #fff;} .index_product .more a{margin-top: 0;} /*公司?/ .index_company{background: url(../images/index_company_bg.jpg) center no-repeat;color: #fff;} .index_company h4{font-size: 40px;font-weight: bolder;line-height: 45px;} .index_company h5{font-size: 18px; margin:25px auto;line-height: 35px;} .index_company h6{font-size: 36px;line-height: 22px;} .index_company img{max-width: 100%;margin-top: 25px;} .index_company .morebtn{margin: 50px auto;} .index_company a{display: inline-block;margin:0 12px;padding:0 50px;font-size: 14px;line-height: 45px;} .index_company a i{margin-right: 5px;font-size: 18px;} .index_company a.play{background: #1b6eda;border:solid 1px #1b6eda;color: #fff;text-transform: uppercase;} .index_company a.details{background: none;border:solid 1px #fff;color: #fff;} .index_company .list li{width:25%;float: left;background: #f0f1f5;position: relative;} .index_company .list li:nth-child(3),.index_company .list li:nth-child(4){background: rgba(27,110,218,.8);} .index_company .list li:first-child:after{width:1px;height: 60%;content: '';position: absolute;right: 0;top:50%;transform:translateY(-50%);background-color: #cacdd1;} .index_company .list li:nth-child(3):after{width:1px;height: 60%;content: '';position: absolute;right: 0;top:50%;transform:translateY(-50%);background-color: #fff;} .index_company .list li>div{padding:25px 0;color: #666666;line-height: 30px;font-size: 14px;} .index_company .list li>div span{color: #08378c;font-size: 36px;} .index_company .list li:nth-child(3)>div,.index_company .list li:nth-child(4)>div{color: #fff;} .index_company .list li:nth-child(3)>div span,.index_company .list li:nth-child(4)>div span{color: #fff;} /*核心优势*/ .index_adv{background:url(../images/index_adv_bg.jpg) center top no-repeat; background-size: 100%; background-attachment: fixed;} .index_adv .capital{margin:25px auto;} .index_adv .capital dl dt{width: 30%;float: left;position: relative;padding-right: 30px;font-weight: normal;color: #686868;line-height: 32px;font-size: 18px;} .index_adv .capital dl dt:after{width:1px;height: 60%;content: '';position: absolute;right: 0;top:50%;transform:translateY(-50%);background-color: #9f9f9f;} .index_adv .capital dl dt img{max-width: 100%;} .index_adv .capital dl dd{width: 60%;padding:7px 0; float: left;position: relative;padding-left: 30px;color: #686868;line-height: 32px;font-size: 16px;} .index_adv .pic img{ width: 100%;} /*新闻中心*/ .index_news{background:#eef1f4;} .index_news .box{background: #fff;} .news_l .swiper-container {width: 100%;} .news_l .swiper-container .swiper-slide { display: block;position: relative;} .news_l .swiper-container .swiper-slide img { width: 100%;} .news_l .swiper-container .swiper-slide .name { width:100%;position: absolute;left:0;bottom:0;line-height: 50px;background: rgba(0,0,0,.6);padding:0 20px;} .news_l .swiper-container .swiper-slide .name h4 {line-height: 50px;color: #fff;font-size: 16px;text-overflow: ellipsis;white-space: pre;overflow: hidden;} .news_l .swiper-container .swiper-button-prev,.news_l .swiper-container .swiper-button-next{display: block; width: 50px;height: 80px;background: rgba(27,110,218,.8);line-height: 80px;text-align: center;} .news_l .swiper-container .swiper-button-prev i,.news_l .swiper-container .swiper-button-next i{color: #fff;font-size: 30px;} .news_l .swiper-container .swiper-button-prev{left:0;} .news_l .swiper-container .swiper-button-next{right: 0;} .news_l .swiper-container .swiper-pagination-bullets{bottom:50px;} .news_l .swiper-container .swiper-pagination-bullet{width: 15px;height: 7px;border-radius: 30px;opacity: 1;background: #bbbbbb} .news_l .swiper-container .swiper-pagination-bullet-active{width: 25px;background: #0089e1;} .news_r ul{padding:15px 20px;} .news_r li{padding:15px 0;transition: all .4s;} .news_r li:not(:last-child){border-bottom: dashed 1px #d2d2d2;} .news_r li h4{font-weight: bolder;color: #1d1d1d;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 25px;font-weight: normal;} .news_r li p.time{color: #939393;font-size: 14px;line-height: 20px;margin:0;} .news_r li p.info{color: #6a6a6a;font-size: 14px;line-height: 30px;max-height:60px; display: -webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .news_r li:hover h4{color: #1b6eda;} /*底部联系*/ .index_bottom{background:#9299a0;line-height: 30px;color: #fff;font-size: 14px;padding:10px 0;} .in_lxwm{padding:30px 0;background: #fff;} .in_lxwm ul{display: flex;} .in_lxwm ul li{flex: 1;text-align: center;line-height: 35px;color: #333333;font-size: 18px;position: relative;} .in_lxwm ul li:after{width: 1px;height: 100%;content: '';position: absolute;right: 0;top:0;background: #e6e6e6;} .in_lxwm ul li:last-child:after{background:none;} .in_lxwm ul li i{font-size: 24px;color: #088484;} /*底部*/ .footer{background: #333;} .footer .container .row{display: flex;} .footer .container .row .f_1{flex:0 0 25%;} .footer .container .row .f_2{flex:0 0 38%;} .footer .container .row .f_3{flex:0 0 33%;} .footer .container .row .f_4{flex:0 0 22%;} .footer .item{padding:0 40px;} .footer .thread{position: relative;} .footer .thread:after{width: 1px;height: 100%;content: '';position: absolute;right: 0;top:0;background: rgba(255,255,255,.1);} .footer .thread:before{width: 1px;height: 100%;content: '';position: absolute;right: -1px;top:0;background: rgba(255,255,255,.1);} .footer .thread:nth-of-type(3):after{ display: none;} .footer .thread:nth-of-type(3):before{ display: none;} .footer .tit{color: #fff;font-size: 16px;position: relative;line-height: 20px;padding-bottom: 20px;margin-bottom: 15px;} .footer .tit:after{width: 30px;height: 2px;background: #c30000;content: '';position: absolute;left: 0;bottom:0;} .footer .list{display: flex;flex-wrap: wrap;} .footer .list p{color: rgba(255,255,255,.5);font-size: 14px;line-height: 30px;} .footer .list a{flex:0 0 33%;color: rgba(255,255,255,.5);font-size: 14px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: pre;} .footer .list a:hover{color: rgba(255,255,255,1);} .footer .list ul{width: 100%;} .footer .list ul li{width: 48%;float: left; text-align: center;color: #fff;font-size: 14px;line-height: 35px;} .footer .list ul li:first-of-type{margin-right: 4%;} .footer .list ul li img{max-width: 100%;} .foot {background: #222;padding:10px 0; font-size: 14px;color: rgba(255,255,255,.3);line-height: 25px;} .foot a{font-size: 14px;color: rgba(255,255,255,.3);} .link{width: 100%;position: relative;font-size: 14px;color: rgba(255,255,255,.5);line-height: 35px;padding:10px 0;} .link:after{width: 100%;height: 1px;content: '';position: absolute;left: 0;top:0;background: rgba(255,255,255,.3);} .link:before{width: 100%;height: 1px;content: '';position: absolute;left: 0;top:1px;background: #475765;} .link i{color: #c30000;font-size: 14px;text-transform: uppercase;font-weight: bolder;padding-right: 5px;} .link a {display: inline-block;height: 35px;line-height: 35px; padding: 0 12px;font-size: 14px;color: rgba(255,255,255,.5);} .link a:hover {color: #fff;} .link em {display: inline-block;font-size: 14px;color: #e6e6e6;line-height: 35px;} .left_pro1{border:solid 2px #1f55a6;box-sizing: border-box;} .left_pro1 .tit{text-align: center;background: #1f55a6;color: #fff;} .left_pro1 .tit p{text-transform: uppercase;font-size: 14px;padding:20px 0;} .left_pro1 .tit p span{font-size: 30px;font-weight: bolder;} .left_pro1 .list{padding:20px;} .left_pro1 .list ul li{margin-bottom: 8px;} .left_pro1 .list ul li:last-chilld{margin-bottom: 0;} .left_pro1 .list ul li a{display: block;box-sizing: border-box;border:1px #044dc5 dashed; border-radius: 20px; line-height: 42px;color: #fff;font-size: 16px;background: linear-gradient(to right, #1f55a6, #1f61c5);text-indent: 60px;transition: all .4s;} .left_pro1 .list ul li a:hover{background:linear-gradient(to right, #1f61c5, #1f55a6);border-radius: 20px;text-indent: 65px;} .left_pro1 .list ul li.on a{background:linear-gradient(to right, #1f61c5, #1f55a6);border-radius: 20px; transition: all 0.5s;text-indent: 65px;} .left_pro1 .con{padding:30px 40px;background: #4e4e4e;text-align: center;} .left_pro1 .con .img{overflow: hidden;} .left_pro1 .con .img img{max-width: 100%;} .left_pro1 .con span{display: block;text-align: center;} .left_pro1 .con span i{display: inline-block;padding:0 10px;color: #fff;font-size: 13px;background: #282828;line-height: 22px;border-radius: 20px;margin-top: 20px;} .left_pro1 .con p{color: #fff;font-size: 16px;line-height: 30px;margin-top: 20px;} .left_pro1 .con a{display: inline-block;padding:0 50px;color: #fff;line-height: 40px; border:solid 1px rgba(255,255,255,.5);box-sizing: border-box;font-size: 14px;margin-top: 20px;transition: all .4s;} .left_pro1 .con a:hover{background: #f6ae00;border-color: #f6ae00;} /*# sourceMappingURL=./index.css.map ҽĦ浽߳Ƶ_ճöˮˬ̫_峬鶶¶˫_1300ʵСUŮƵϼ