@import url("animate.css");
@import url("bootstrap.min.css");
@import url("iconfont.css");
@import url("../swiper/css/swiper.min.css");
/*头部+导航+大图*/

.header{width:100%; padding:20px 0px 40px 0;}
.logo{position: relative;}
.logo img{width:100%; max-width:416px; max-height:70pxpx;}
.header_dianhua{height:70px; line-height:70px; color:#304f8f; font-size:24px; font-weight:bold; background: url(../img/images/phone_03.png) no-repeat left center;padding-left: 50px;}

nav{background:#0b5394;position:relative; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{width:12.5%; position:relative;}
.nav>li>a{width:100%; height:52px; line-height:52px; font-size:16px; color:#fff; text-align:center;}
.nav>li:hover>a{background:#9fc5e8; color:#073778;}
/* .nav>li>a.on{background:#389e2e; color:#fff;} */

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background-color: #666666;}
.nav_sub>dd{display:block; overflow:hidden;}
.nav_sub>dd>a{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff;}
.nav_sub>dd>a:hover{color:#000;}

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;}
/*圆点*/
.banner .swiper-pagination {opacity:0; position: absolute; right:0; bottom:15px;}
.banner .swiper-pagination-bullet {width:14px; height:14px;  background:#706f6d; opacity:0.5; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#706f6d;}
.banner:hover .swiper-pagination{opacity:1;} 
/*箭头*/
.banner .next{right:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../images/imgs/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-35px; width:38px; height:70px; background:url(../images/imgs/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END-头部+导航+大图*/
.cpzs{width: 100%;display: block; overflow: hidden;padding: 40px 0;}
.c_title{width: 250px;margin: 0 auto;text-align: center;font-size: 24px;font-weight: bold;color: #049cdb;padding: 10px 0;border-bottom: 2px solid #049cdb;position: relative;}
.c_title span{color: #304f8f;}
.c_title::before{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:51px;right: 10%;z-index: 99;}
.C_P{text-align: center;padding: 10px 0;border-top: 1px solid #000000;margin: 10px 0;position: relative;font-size: 18px;}
.C_P::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-6px;left: 42%;}
.C_P::before{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-6px;left: 50%;}
/* .cpzs .C_P::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-6px;left: 58%;} */
.tr_ul{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.tr_ul li a{display: block;padding: 20px 0;}
.tr_ul li .tr_img{width: 280px;height: 260px;overflow: hidden;}
.tr_ul .tr_img img{width: 100%;height: 100%;transition: all 2s;}
.tr_img img:hover{transform: scale(2,2);}
.tr_ul li .tr_tit{text-align: center;background-color: #0b5394;margin-top: 4px;color: #FFFFFF;line-height: 40px;}
.c_btn{width: 120px ;height: 40px;margin: 0 auto;text-align: center;border: 1px solid #049cdb;line-height: 40px;border-radius: 6px;}
.c_btn a{display: block;}
/* 移动端产品展示 */
.cpzs_ph{width: 100%;display: block; overflow: hidden;}
.cpzs_ph .ph_tit{background-color: #007AFF;}
.ph_tit .pg_p{color: #FFFFFF;font-size: 16px;font-weight: bold;text-align: center;}
.ph_tit .ph_pp{text-align: center;}
.ph_ul{width: 100%;display: flex;justify-content: space-between;padding: 20px 0;}
.ph_ul li{width: 25%;}
.ph_ul a{display: block;}
.ph_ul .img{height: 80px;width: 80px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.ph_ul .img img{width: 100%;height: 100%;}
.ph_ul .ph_p{color: #706F6D;text-align: center;}
/* 移动端产品 */
.rel_tit{text-align: center;font-size: 18px;color: #049CDB;position: relative;}
.rel_tit::after{width: 100px;height: 1px;display: block;content: "";position: absolute;top: 54%;left: 10%;background-color: #706F6D;}
.rel_tit::before{width: 100px;height: 1px;display: block;content: "";position: absolute;top: 54%;right: 10%;background-color: #706F6D;}
.rel_p{text-align: center;}
.ph_re{width: 100%;padding: 10px;}
.ph_rel{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ph_rel li {width: 40%;margin: 10px 0;}
.ph_rel a{display: block;}
.ph_rel .re_img{width: 100%;height: 100px;}
.ph_rel .re_img img{width: 100%;height: 100%;}
.ph_rel .re_p{color: #000000;text-align: center;padding: 10px 0;}

.ph_soui{width: 100%;padding: 10px;background-color: #1677bc;}
.sou .sou_tit{width: 150px;height: 40px;font-size: 20px;color: #FFFFFF;margin: 0 auto;border-bottom: 2px solid #0B5394;}
.sou .sou_ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0;}
.sou .sou_ul li{width: 30%;background-color: #FFFFFF;padding: 10px 20px;margin: 10px 0;}
.sou_ul .sou_img{width: 100%;}
.sou_ul .sou_img img{width: 100%;}
.sou_ul .sou_pp{color: #000000;text-align: center;}

.wdly{width: 100%;}
.ly_main{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ly_l{background-color: #049cdb;width: 200px;height: 215px;padding: 50px 20px;}
.ly_l .l_title{font-size: 24px;color: #FFFFFF;text-align: center;line-height: 30px;border-bottom: 1px solid #FFFFFF;}
.ly_l .l_p{text-align: center;color: #FFFFFF;padding-top: 30px;font-size: 18px;}
.ly_ul{display: flex;flex-wrap: wrap;justify-content: space-between;width: 80%;}
.ly_ul li{height: 215px;position: relative;padding: 20px 0;}
.ly_ul li .l_pp{position: absolute; left: 36%;bottom: 30px;color: #FFFFFF;}

.alzs{width: 100%;padding: 20px 0;}
.an_ui{width: 100%;background-color: #f8f6f6;display: block;}
.al_ul{width: 1200px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto;}
.al_ul li{margin: 20px 0;}
.al_ul li a{display: block;}
.al_ul li .al_img{width: 380px;height: 280px;overflow: hidden;}
.al_img img{width: 100%;height: 100%;transition: all 2s;}
.al_img img:hover{transform: scale(2,2);}

.about{width: 100%;padding: 40px 0;background-image: url(../img/bg1.jpg);display: block;overflow: hidden;}
.a_tit{text-align: center;padding: 10px 0;border-bottom: 1px solid #000000;margin: 10px 0;position: relative;font-size: 24px;color: #FFFFFF;}
.a_tit::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:40px;left: 42%;}
.a_tit::before{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:40px;right: 42%;}
.a_me{text-align: center;font-size: 18px;border: 1px solid #706F6D;width: 150px;height: 50px;margin: 30px auto;line-height: 50px;color: #FFFFFF;position: relative;}
.a_me::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-36px;left: 49%;}
.a_me::before{display: block;content: "";width: 2px;height: 30px;background-color:  #304f8f;position: absolute;top:-30px;left: 52%;}
.about_co{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_l{width: 48%;}
.about_l ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_l li{display: block;margin: 10px 0;}
.ab_one{width: 100%;}
.ab_one .ab_img{width: 100%;height: 250px;overflow: hidden;}
.ab_one .ab_img img{width: 100%;height: 100%;transition: all 2s;}
.ab_one .ab_img img:hover{transform: scale(1.5,1.5);}
.ab_two a{display: block;}
.ab_two .ab_img{width: 280px;height: 150px;overflow: hidden;}
.ab_two .ab_img img{width: 100%;height: 100%; transition: all 2s;}
.ab_two .ab_img img:hover{transform: scale(1.5,1.5);}
.about_r{width: 50%;position: relative;}
.about_r ul{width: 100%;}
.about_r li{text-indent: 2em;font-size: 18px;color: #FFFFFF;line-height: 40px;}
.a_btn{width: 120px ;height: 40px;text-align: center;border: 1px solid #049cdb;line-height: 40px;border-radius: 6px;position: absolute;bottom: 0;right: 0;}
.a_btn a{display: block;}

.sbzs{width: 100%;padding: 40px 0;}
.s_title{text-align: center;font-size: 24px;color: #304f8f;position: relative;}
.s_title span{color: #049cdb;}
.s_title::after{width: 300px;height: 1px;display: block;content: "";position: absolute;top: 50%;left: 10%;background-color: #706F6D;}
.s_title::before{width: 300px;height: 1px;display: block;content: "";position: absolute;top: 50%;right: 10%;background-color: #706F6D;}
.s_p{text-align: center;padding: 10px 0;}
.sb_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sb_ul a{display: block;}
.sb_ul .sb_img{width: 280px;height: 200px;overflow: hidden;}
.sb_ul .sb_img img{width: 100%;height: 100%;transition: all 2s;}
.sb_ul .sb_img img:hover{transform: scale(2,2);}
.sb_ul .sb_p{text-align: center;color: #000000;font-size: 18px;padding: 20px 0;}
.serve{width: 100%;padding: 20px 0;background-image: url(../img/bg3.jpg);}
.serve .s_title{text-align: center;font-size: 24px;color: #FFFFFF;position: relative;}
.serve .s_title span{color: #049cdb;}
.serve .s_title::after{width: 300px;height: 1px;display: block;content: "";position: absolute;top: 50%;left: 10%;background-color: #FFFFFF;}
.serve .s_title::before{width: 300px;height: 1px;display: block;content: "";position: absolute;top: 50%;right: 10%;background-color: #FFFFFF;}
.se_ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0;}
.se_ul .se_p{text-align: center;color: #FFFFFF;font-size: 18px;padding: 20px 0;}
.sdys{padding: 20px 0;width: 100%;}
.sdys .sd_tit{text-align: center;}
.sd_aa{width: 100%;display: flex;justify-content: space-between;height: 283px;margin: 20px 0;}
.sd_aa .sd_l{width: 500px;}
.sd_l .sd_p{display: flex;justify-content: space-between;padding: 0px 0 60px 0;}
.sd_l .sd_p .sp_l{width: 85px ;height: 80px;font-size: 50px;font-weight: bold;color: #049cdb;text-align: center;line-height: 80px;border: 1px solid #049CDB;}
.sd_l .sd_p .sp_r{width: 400px;}
.sd_l .sd_p .sp_r .sp_tit{font-size: 24px;color: #049cdb;border-bottom: 2px solid #049cdb;width: 300px;padding: 0px 0 10px 0;}
.sd_l .sd_p .sp_r .sp_pp{font-size: 16px;}
.sd_aa .sd_r{width: 500px;height: 100%;overflow: hidden;}
.sd_aa .sd_r img{width: 100%;height: 100%;transition: all 2s;}
.sd_aa .sd_r img:hover{transform: scale(2,2);}

.news{width: 100%;padding-top: 60px;background-image: url(../img/bg2.jpg);background-repeat: no-repeat;}
.news .n_title{border-bottom: 2px solid #049cdb;width: 250px;margin: 0 auto;text-align: center;font-size: 24px;font-weight: bold;color: #FFFFFF;padding: 10px 0;border-bottom: 2px solid #049cdb;position: relative;}
.news .n_title span{color: #304f8f;}
.news .n_title::after{width: 500px;height: 1px;display: block;content: "";position: absolute;top: 50%;left: 90%;background-color: #FFFFFF;}
.news .n_title::before{width:500px;height: 1px;display: block;content:"";position: absolute;top: 50%;right: 90%;background-color: #FFFFFF;}
.n_p{text-align: center;color: #aebef0;}
.new_ul{width: 100%;display: flex;justify-content: space-between;padding: 50px 0;flex-wrap: wrap;}
.new_ul a{display: block;}
.new_ul .new_img{width: 330px;height: 220px;overflow: hidden;border-radius: 4px;}
.new_ul .new_img img{width: 100%;height: 100%;transition: all 2s;border: 4px solid #FFFFFF;}
.new_ul .new_img img:hover{transform: scale(2,2);border: none;}
.news_p{width: 350px;padding: 20px 0;}
.new_zx li{border-bottom: 1px dashed #666666;}
.new_zx .new_tt{display: flex;justify-content: space-between;}
.new_zx .new_tt .new_tl{color: #304fac;font-size: 16px;overflow: hidden;}
.new_zx .new_tt .new_tr{color: #000000;}
.new_zx .new_ppp{color: #666666;padding: 10px 0;}
.new_zx .new_small{display: flex;justify-content: space-between;}
.new_zx .new_small .new_tl{color: #666666;padding: 10px 0;overflow: hidden;}
.new_zx .new_small .new_tr{color: #000000;padding: 10px 0;}

.footer{width: 100%;padding: 20px 0;background-image: url(../img/bg3.jpg);}
.footer .foot_ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.foot_ul li{width: 300px;padding: 0 20px;border-right: 1px solid #666666;}
.foot_ul .logo_f{width: 100%;}
.foot_ul .logo_f img{width: 100%;height: 100%;}
.foot_ul .f_p{color: #FFFFFF;}
.foot_ul .f_pp{color:#FFFFFF;font-weight: bold;font-size: 20px;}
.foot_ul .f_ppp{color: #FFFFFF;line-height: 20px;}
.foot_ul .f_er{width: 100px;height: 100px;margin: 0 auto;}
.foot_ul .f_er img{width: 100%;height: 100%;}
.foot_ul .f_sp{text-align: center;color: #FFFFFF;}
.foot_ul .last{border: none;}
.footer .footer_b{color: #FFFFFF;text-align: center;padding: 20px 0;}

/* 产品展示 */
.cps{width: 100%;display: block;overflow: hidden;padding: 20px;}
.cps_tit{width: 100px;height: 40px;margin: 20px auto;background-color: #049CDB;text-align: center;line-height: 40px;position: relative;}
.cps_tit::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;bottom:-25px;left: 50%;z-index: 888;}
.cps_tit::before{display: block;content: "";width: 1px;height: 20px;background-color:  #304f8f;position: absolute;top: 100%;left: 54%;}
.cps_u{width: 100%;padding: 10px 0;display: flex;justify-content: center;flex-wrap: wrap;border-top: 1px solid #666666;position: relative;}
.cps_u li::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-5px;left: 42%;}
.cps_u li::before{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-5px;right: 42%;}
.cps_u li{margin: 10px 20px;}
.cps_u li a{display: block;width: 100px;height: 40px;border: 1px solid #007AFF;text-align: center;line-height: 40px;border-radius: 4px;color: #666666;}
.cps_l{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cps_l a{display: block;}
.cps_l li{width: 23%;}
.cps_l .re_img{width: 100%;height: 200px;overflow: hidden;}
.cps_l .re_img img{width: 100%;height: 100%;transition: all 2s;}
.cps_l .re_p{text-align: center;color: #000;margin: 20px 0;}
.cps_l .re_img img:hover{transform: scale(2,2);}
/* 案例展示 */
.cute{width: 100%;padding: 40px 0;display: block;overflow: hidden;}
.c_tit{text-align: center;padding: 10px 0;border-bottom: 1px solid #000000;margin: 10px 0;position: relative;font-size: 24px;color: #666666;}
.c_tit::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:50px;left: 42%;}
.c_tit::before{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:50px;right: 42%;}
.c_me{text-align: center;font-size: 18px;border: 1px solid #706F6D;width: 150px;height: 50px;margin: 30px auto;line-height: 50px;color: #666666;position: relative;}
.c_me::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-36px;left: 49%;}
.c_me::before{display: block;content: "";width: 2px;height: 30px;background-color:  #304f8f;position: absolute;top:-30px;left: 52%;}
/* 新闻资讯 */
.newss{width: 100%;padding: 20px;display: block;overflow: hidden;}
.newss_m{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.newss_m .n_l{width: 20%;}
.n_l .n_p{background-image: url(../img/news_.jpg);background-size: cover;height: 80px;line-height: 40px;text-align: center;color: #FFFFFF;font-size: 18px;margin: 10px 0;}
.n_l .n_pp{background-color: #049CDB;text-align: center;color: #FFFFFF;margin: 10px 0;height: 40px;line-height: 40px;}
.n_l .n_ppp{background-image: url(../img/news_.jpg);background-size: cover;height: 80px;line-height: 40px;text-align: center;color: #FFFFFF;font-size: 18px;margin: 10px 0;}
.n_l .n_pppp{width: 100%;}
.n_i{width: 100%;}
.n_i img{width: 100%;}
.n_r{width: 70%;}
.r_b{margin: 20px 0;}
.r_b a{display: flex;display: -webkit-flex;display: -ms-flexbox;justify-content: space-between;}
.r_b .img{width: 250px;height: 150px;}
.r_b .img img{width: 100%;height: 100%;}
.r_p{padding: 14px;color: #000000;width: calc(100% - 250px);}
.r_p .r_t{font-size: 18px;font-weight: bold;}
.r_p .r_pp{color: #666666;text-overflow: ellipsis;overflow: hidden;}

/* 售后服务 */
.sh{width: 100%;display: block;overflow: hidden;padding: 20px;}
.sh .c_tit{text-align: center;padding: 10px 0;border-bottom: 1px solid #000000;margin: 10px 0;position: relative;font-size: 24px;color: #666666;}
.sh .c_tit::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:40px;left: 42%;}
.sh .c_tit::before{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:40px;right: 42%;}
.sh .c_me{text-align: center;font-size: 18px;border: 1px solid #706F6D;width: 150px;height: 50px;margin: 30px auto;line-height: 50px;color: #666666;position: relative;}
.sh .c_me::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-36px;left: 49%;}
.sh_ul{width: 100%;display: flex;justify-content: space-between;padding: 20px 0;}
.sh_ul li{width: 25%;}
.sh_ul .sh_img{height: 140px;width: 140px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.sh_ul .sh_img img{width: 100%;height: 100%;}
.sh_ul .sh_t{color: #706F6D;text-align: center;padding: 20px;}
.sh_p{font-size: 16px;color: #666666;line-height: 60px;text-align: center;}
/* 生产设备 */
.shebei{display: block;overflow: hidden;width: 100%;padding: 20px;}
/* 联系我们 */
.lian{width: 100%;padding: 20px;display: block;overflow: hidden;}
.lian .c_tit{text-align: center;padding: 10px 0;border-bottom: 1px solid #000000;margin: 10px 0;position: relative;font-size: 24px;color: #666666;}
.lian .c_tit::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:40px;left: 42%;}
.lian .c_tit::before{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:40px;right: 42%;}
.lian .c_me{text-align: center;font-size: 18px;border: 1px solid #706F6D;width: 150px;height: 50px;margin: 30px auto;line-height: 50px;color: #666666;position: relative;}
.lian .c_me::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:-36px;left: 49%;}
.lian_r{display: flex;padding: 20px 0;}
.lx_img{width: 30%;}
.lx_img img{width: 100%;height: 100%;}
.lx_p{padding: 0 20px;color: #666666;}
.l_map{display: flex;}
.l_map iframe{width: 600px;height: 400px;}
.l_map .main_right{padding: 0 20px;}
.l_map form{display:block; overflow:hidden;width: 300px;}
.l_map .message_B{ margin-bottom:20px;}
.l_map .message_inp1{width: 100%;height:40px; line-height:40px; border:1px solid #dfdfdf; padding:0 10px; font-size:16px; color:#141414;}
.l_map .message_inp2{width: 100%;height:80px; line-height:26px; border:1px solid #dfdfdf; padding:10px; font-size:16px; color:#141414; outline:none;}
.l_map .message_btn{background:#000000;width: 100%;line-height: 46px;height: 48px;font-size: 18px;color: #FFFFFF;font-weight: bold;}
/* 产品详情 */
.cpxq{width: 100%;padding: 40px 0;display: block;overflow: hidden;}
.cp_tit{text-align: center;color: #000000;font-size: 18px;padding: 20px 0;}
.cp_ce {width: 100%;display: flex;flex-wrap: wrap;}
.cpxq .cp_l{width: 80%;}
.cp_cer{width:100%;display: flex;flex-wrap: wrap;}
.cp_cer .swiper-container{width: 40%;transition: all 2s;}
.cp_cer .swiper-wrapper{position: relative;width: 100%;height: 100%;}
.cp_cer .swiper-slide{width: 100%;height: 100%;}
.cp_cer .swiper-slide img{width: 100%;height: 100%;}
.cp_cer .swiper-container:hover .swiper-button-next{opacity: 1;}
.cp_cer .swiper-container:hover .swiper-button-prev{opacity: 1;}
.cp_cer .cp_ll{width: 60%;}

.cp_l .swiper-button-next{opacity: 0.1;}
.cp_l .swiper-button-prev{opacity: 0.1;}
.cp_l .cp_tit{font-size: 24px;color: #121212;font-weight: 600;}
.cp_cer .cp_ll{background-color: #FBFBFB;width: 100%;color: #666666;font-size: 16px;padding: 15px;margin-top: 20px;}
.cp_r{width: 20%;}
.cp_r .cp_rimg{text-align: center;}
.cp_r .cp_rimg img{width: 100%;height: 100%;}
.cp_r .xw_rp{text-align: center;}
.cp_r .xw_look{position: relative;padding-left: 90px;color: #C8C7C4;}
.cp_r .xw_look::after{width: 30px;height: 3px;display: block;background-color: #C8C7C4;content: "";position: absolute;top: 50%;left: 20%;}
.cp_r .xw_look::before{width: 30px;height: 3px;display: block;background-color: #C8C7C4;content: "";position: absolute;top: 50%;right: 20%;}
.cp_r .cp_ul{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.cp_r .cp_ul li{width: 220px;padding: 10px 0;border: 1px solid #BCBCBC;margin-bottom: 20px;}
.cp_ul li a{display: block;}
.cp_ul li .xw_mg{width: 200px ;height:150px;margin: 0 auto;}
.cp_ul .xw_mg  img{width: 100%;height: 100%;padding: 0 20px;}
.cp_ul .xw_txt{width: 100%;text-align: center;color: #000000;}
.cp_ul .xw_txt:hover{color: #00aaff;}

/* 新闻详情 */
.xwxq{width: 100%;padding: 40px 0;display: block;overflow: hidden;}
.xwxq .xwxp_mai{width: 100%;display: flex;}
/*.xwxq .xw_l{width: 80%;}*/
.xwxq .xw_l .xw_tit{text-align: center;font-size: 20px;font-weight: bold;}
.xwxq .xw_l .xw_p{text-align: center;color: #c8c7c4;line-height: 40px;}
.xw_l ul li{font-size: 16px;}
.xw_l .xw_bb{background-color: #C8C7C4;}
.xw_l .xw_img{text-align: center;}
.xw_l .xw_pp{text-indent: 2em;}
.xwxq .xw_r{width: 20%;}
.xw_r .xw_rimg{text-align: center;}
.xw_r .xw_rimg img{width: 100%;height: 100%;}
.xw_r .xw_rp{text-align: center;}
.xw_r .xw_look{position: relative;padding-left: 90px;color: #C8C7C4;}
.xw_r .xw_look::after{width: 30px;height: 3px;display: block;background-color: #C8C7C4;content: "";position: absolute;top: 50%;left: 20%;}
.xw_r .xw_look::before{width: 30px;height: 3px;display: block;background-color: #C8C7C4;content: "";position: absolute;top: 50%;right: 20%;}
.xw_r .xw_ul{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.xw_r .xw_ul li{width: 220px;padding: 10px 0;}
.xw_ul li a{display: block;}
.xw_ul .xw_mg  img{width: 100%;height: 140px;}
.xw_ul .xw_txt{width: 100%;text-align: center;color: #000000;}
.xw_ul .xw_txt:hover{color: #00aaff;}
@media (max-width:1220px) {
/*头部+导航*/
.header{width: 100%;padding:  0 10px;}
.logo img{width:100%;}
/*END-头部+导航*/
.cpzs{padding:20px;}
.cpzs .tr_ul li{width: 24%;}
.tr_ul li .tr_img{width: 100%;height: 260px;}

.wdly{padding: 20px;}
.ly_l{width: 18%;}
.ly_ul{width: 80%;}
.ly_ul li{width: 15%;}
.ly_ul li .l_img{width: 100%;height: 100%;}
.ly_ul li .l_img img{width: 100%;}
.ly_ul li{padding: 40px 0px;}
.alzs{padding: 20px;}
.al_ul{width: 100%;}
.al_ul li{width: 30%;}
.al_ul li a{display: block;}
.al_ul li .al_img{width: 100%;height: 280px;overflow: hidden;}

.about{padding: 20px;}

.ab_two{width: 48%;}
.ab_two .ab_img{width: 100%;height: 150px;overflow: hidden;}
.ab_two .ab_img img{width: 100%;height: 100%;}

.sbzs{padding: 20px;}
.sb_ul li{width: 23%;}
.sb_ul .sb_img{width: 100%;height: 200px;}
.sb_ul .sb_img img{width: 100%;height: 100%;}

.serve{padding: 20px;}

.sdys{padding: 20px;}

.news{padding: 20px;}
.new_ul>li{width: 30%;}
.new_ul>li .new_img{width: 100%;}
.new_ul>li .new_img img{width: 100%;}
.new_zx li{width: 90%;margin-top: 30px;}
}
@media (max-width:991px){
/*头部+导航*/
.icon-menu{float:right; cursor:pointer; width:40px; height:30px; display:flex; flex-wrap:wrap; align-content:space-between; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%;}
.icon-menu span{width:100%; height:6px; float:left;  background:#00AAFF;}

.header{padding:0;height: 47px;}
.logo {width: 100%; }
.logo img{width: 70%;max-height: 47px;}
.nav{display:none; width:150px; position:absolute; right: 0; top:0px; background:#1677BC;z-index: 9999999;}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none;}
.nav>li>a{width:100%; text-align:center; height:40px; line-height:40px; font-size:16px;}
/*END-头部+导航*/

.tr_ul li .tr_img{height: 200px;}

.ly_l{width: 100%;}
.ly_ul{width: 100%;}
.ly_ul li{width: 19%;}

.s_title::after{width: 160px;}
.s_title::before{width: 160px;}
.serve .s_title::after{width: 160px;}
.serve .s_title::before{width: 160px;}

.sdys .sd_tit img{width: 100%;}

.new_ul>li{width: 45%;}
.new_ul>li .new_img{width: 100%;}
.new_ul>li .new_img img{width: 100%;}
.new_zx li{width: 90%;margin-top: 30px;}

.cpxq .cp_l{width: 100%;}
.cp_cer .swiper-container{width: 100%;}
.cp_cer .swiper-slide{width: 100%;height: 100%;}
.cp_cer .swiper-slide img{width: 100%;height: 100%;}
.cpxq .cp_ll{text-align: center;}

}

@media (max-width:767px){
.header{width: 100%;}
.logo img{width: 60%;}

.C_P::after{left: 20%;}

.al_ul li{width: 45%;}
.al_ul li a{display: block;}
.al_ul li .al_img{width: 100%;overflow: hidden;height: 100px;}

.a_tit::after{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:40px;left: 20%;}
.a_tit::before{display: block;content: "";width: 10px;height: 10px;background-color:  #304f8f;transform: rotate(45deg);position: absolute;top:40px;right: 20%;}
.about_l{width: 100%;}
.ab_one .ab_img{width: 100%;height: 250px;}




.a_me::after{left: 49%;}
.ab_two{width: 46%;}
.ab_two a{display: block;}
.ab_two .ab_img{width: 100%;height: 150px;overflow: hidden;}
.ab_two .ab_img img{width: 100%;height: 100%; transition: all 2s;}
.about_r{width: 100%;padding: 30px 0;}
.about_r li{text-indent: 2em;font-size: 14px;color: #FFFFFF;line-height: 20px;}
.show{padding: 10px;}
.sel_tit{text-align: center;color: #049CDB;position: relative;font-weight: bold;font-size: 18px;}
.sel_tit::after{width: 100px;height: 1px;display: block;content: "";position: absolute;top: 50%;left: 10%;background-color: #666666;}
.sel_tit::before{width: 100px;height: 1px;display: block;content: "";position: absolute;top: 50%;right: 10%;background-color: #666666;}
.sel_p{text-align: center;}
.sb_ul li{width: 45%;}
.sb_ul .sb_img{height: 100px;}

.news{background:none;}
.news .n_title{width: 100%;color: #007AFF;border: none;}
.n_p{width: 100%;}
.new_ul{padding: 10px 0;}
.new_ul>li{width: 100%;}
.new_zx li{margin-top: 10px;}

.footer li{width: 50%;border: none;}
.foot_ul .f_pp{font-size: 14px;}
.foot_ul .f_ppp{font-size: 12px;}
/* 产品展示 */
.cps_tit::after{display: none;}
.cps_tit::before{display: none;}
.cps_l li{width: 45%;}
.cps_u li::after{display: none;}
.cps_u li::before{display: none;}
.cps_l .re_img{width: 100%;height: 100px;}
/* 案例展示 */
.cute{padding: 20px;}
.c_tit{font-size: 16px;background-image: url(../img/15694976535888.png);background-repeat: no-repeat;background-position: bottom;padding: 20px 0;border: none;}
.c_tit::after{display: none;}
.c_tit::before{display: none;}
.c_me::after{display: none;}
.c_me::before{display: none;}

.n_r{width: 100%;}
.r_b{margin: 20px 0;}
.r_b a{display: block;display: flex;flex-wrap: wrap;}
.r_b .img img{width: 100%;height: 100%;}
.r_b .img{width: 40%;height: 100px;}
.r_p{color: #000000;width: 60%;padding: 0 10px;overflow: hidden;height: 100px;te}
.r_p .r_t{font-size: 14px;font-weight: bold;padding-bottom: 10px;}
.r_p .r_pp{color: #666666;line-height: 25px;}
/* 售后服务 */
.sh_ul li{width: 25%;}
.sh_ul .sh_img{height: 60px;width: 60px;border-radius: 50%;overflow: hidden;margin: 0 auto;}
.sh_ul .sh_img img{width: 100%;height: 100%;}
.sh_ul .sh_t{color: #706F6D;text-align: center;padding: 0px;}
.sh_p{width: 100%;line-height: 30px;font-size: 16px;}
/* 联系我们 */
.lian_r .lx_p{width: 100%;}
.l_map iframe{width: 100%;}
/* 新闻详情 */
.xwxq{padding: 20px;}
.xwxq .xw_l{width: 100%;}
/* 产品详情 */
.cpxq{padding: 10px;}
.cpxq .cp_l{width: 100%;}
.cp_cer .swiper-container{width: 100%;}
.cp_cer .swiper-slide{width: 100%;height: 100%;}
.cp_cer .swiper-slide img{width: 100%;height: 100%;}
.cpxq .cp_ll{text-align: center;}

}
/*手机底部*/
.root_kong{width:100%; height:62px; float:left; background:#fff;}
.root{width:100%; height:60px; position:fixed; bottom:0; left:0; z-index:9999999999999; background:#192847;}
.root a{width:25%; float:left; height:60px; display:flex; align-content:center; align-items:center; flex-wrap:wrap; justify-content:center; line-height:20px; color:#fff; border-right:1px solid #fff; font-size:12px; font-weight:normal;}
.root a>div{width:100%; float:left;}
.root a>div:first-child span{ font-size:20px;}
.root a:last-child{border:none;}
.root a:hover{background:#389e2e; color:#fff;}

.dbbox{ position: fixed; left: 0; bottom:65px; z-index:99999; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none; text-align:center;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #389e2e;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/