/*外部公共样式*/
@import url("bootstrap.min.css");
@import "../swiper/css/swiper.min.css";
@import url("../font-awesome/css/font-awesome.min.css");
/*END-外部公共样式*/

/*头部+导航+大图*/
.topbox{width:100%;line-height:40px; font-size:14px; color:#393939; font-family:"microsoft yahei";border-bottom: 1px solid #dadada;}
.topbox a{ color:#393939; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{ color:#192847; text-decoration:underline !important;}

.header{width:100%; padding:18px 0;}
.wrap{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.logo img{max-width:490px; max-height:50px;}
a{ color:#222}
a:hover{ color:#f00}

.header_R{display: flex;flex-wrap: wrap;align-items: center;}
.sech{width: 100%;height: 55px;background-color: #f5f5f5;box-shadow: 0px 4px 4px #CCCCCC;}
.header_form{width:312px; float:left;}
.sercbor{border: 1px solid #dadada;display: block;overflow: hidden;}
.search_inp1{width:calc(100% - 82px); float:left; height:38px;font-family:SimSun; font-size:14px; color:#CCCCCC;background-image: url(../img/images/souch_08.png);background-repeat: no-repeat;background-position: left center;padding-left: 10px;}
.search_inp1::-webkit-input-placeholder{color:#CCCCCC;} 
.search_inp1:-moz-placeholder{color:#CCCCCC;} 
.search_btn{width:82px; float:left; height:40px;background-color: #0878da;color: #FFFFFF;background-image: url(../img/images/souch_08.png);background-repeat: no-repeat;background-position: 10px center;text-align: right;font-size: 16px;padding-right: 15px;line-height: 40px;}
.search_txt{display:block; overflow:hidden; font-size:14px; color:#686868; line-height:30px;}
.search_txt>a{color:#686868; margin-right: 15px;}

.header_dianhua{font-size:14px;margin-left:100px;display: flex;flex-wrap: wrap;align-items: center;}
.head_dl{width: 98px;text-align: center;}
.head_dl .head_dimg{max-width: 100%;}
.head_dr{width: calc(100% - 98px);font-size: 24px;font-family: impact;color: #0d6fb8;line-height: 30px;padding-left: 20px;border-left: 1px solid #DADADA;}

nav{background:#0d6fb8; position:relative; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{width:14.285%; position:relative;}
.nav>li::after{width: 1px; height:20px;background-color: #FFFFFF;display: block;content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.nav>li>a{width:100%; height:58px; line-height:58px; font-size:16px; color:#fff; text-align:center;}
.nav>li:last-child::after{display: none;}
.nav>li:hover>a{background:#FFFFFF; color:#0d6fb8;}
.nav>li>a.on{background:#FFFFFF; color:#0d6fb8;}

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background:#0d6fb8;}
.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{background:#FFFFFF; color:#0d6fb8;}

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;display: block;}
/*圆点*/
.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(../img/bibeiimg/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(../img/bibeiimg/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{display: block;overflow: hidden;width: 100%;padding: 55px 10px;}
.tit{text-align: center;background-image: url(../img/images/tit_bg_16.png);background-repeat: no-repeat;background-position: center;}
.tit_t{font-size: 36px;font-weight: bold;color: #0d6fb8;line-height: 36px;}
.tit_p{color: #859591;font-size: 12px;font-size: bold;font-family: arial;text-transform: uppercase;margin-top: 10px;line-height: 12px;}
.cpzs_ul{display: block;width: 1220px;margin-left: -10px;overflow: hidden;margin-top: 40px;}
.cpzs_ul li{float: left;margin: 0 10px 20px;border: 1px solid #ebebeb;background-color: #FFFFFF;width: 285px;padding: 1px;}
.cpzs_B{overflow: hidden;position: relative;border: 3px solid #FFFFFF;}
.cpzs_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 80%;transition: .5s;}
.cpzs_ss{position: absolute;top: 50%;right: -100%;z-index: 9999;overflow: hidden;display: block;width: 100%;text-align: center;transform: translateY(-50%);transition: .5s;}
.cpzs_ss img{display: block;margin: 0 auto;}
.cpzs_hover{width: 100%;height: 0;background-color: rgba(0,0,0,0.5);position: absolute;top: 50%;transform: translateY(-50%);transition: .5s;z-index: 99;}
.cpzs_p{padding: 0 18px 0 8px;line-height: 45px;font-size: 14px;color: #000000;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cpzs_p::after{display: block;content: "";border-left: 10px solid #7c7c7c;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.cpzs_ul li:hover{background-color: #0d6fb8;}
.cpzs_ul li:hover .cpzs_imgbg{transform: scale(1.2,1.2);}
.cpzs_ul li:hover .cpzs_p{color: #FFFFFF;}
.cpzs_ul li:hover .cpzs_p::after{border-left-color: #FFFFFF;}
.cpzs_ul li:hover .cpzs_hover{height: 100%;}
.cpzs_ul li:hover .cpzs_ss{right: 0;}

.about{display: block;overflow: hidden;width: 100%;}
.about_m{width: 100%;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.about_l{width:50%;padding-left: 320px;background-color: #0d6fb8;}
.about_t1{font-size: 34px;color: #FFFFFF;font-weight: bold;line-height: 34px;margin-top: 50px;}
.about_t2{font-size: 34px;color: #FFFFFF;font-weight: bold;line-height: 34px;margin: 25px 0;}
.about_xq{background-color: #FFFFFF;width: 800px;padding: 10px 30px 0 25px;position: relative;z-index: 99999;}
.about_xqt{font-size: 30px;color: #0d6fb8;line-height: 30px;font-weight: bold;padding: 38px 0 30px;border-bottom: 1px solid #d2dff2;}
.about_xqp{font-size: 14px;color: #000000;padding-right: 10px;line-height: 30px;margin-top: 16px;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;height: 180px;overflow: hidden; }
.about_xqm{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;padding: 20px 0 30px;}
.about_xql{font-size: 30px;font-weight: bold;color: #0d6fb8;text-transform: uppercase;line-height: 30px;}
.about_xqr{width: 125px;height: 30px;line-height: 30px;text-align: center;background-color: #0d6fb8;}
.about_xqr a{display: block;color: #FFFFFF;}
.about_r{width: 50%;}
.about_rimg img{width: 100%;display: block;}

.ys{display: block;overflow: hidden;width: 100%;padding: 100px 10px 60px;}
.ys_tit img{max-width: 100%;display: block;margin: 0 auto;}
.ys_m{width: 100%;margin-top: 75px;}
.ys1{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.ys_l{width: calc(100% - 610px);}
.ys_l img{max-width: 100%;}

.ys_r{width: 610px;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;}
.ys_rl{background-image: url(../img/images/ys_icon_03.png);background-repeat: no-repeat;width: 87px;height: 101px;text-align: center;line-height: 90px;font-size: 45px;color: #FFFFFF;font-family: arial;}
.ys_rr{width: calc(100% - 108px);}
.ys_rrt{width: 100%;margin-top: 5px;}
.ys_rrt1{font-size: 30px;font-weight: bold;color: #0d6fb8;line-height: 30px;}
.ys_rrt2{font-size: 14px;font-weight: bold;font-family: arial;color: #0d6fb8;text-transform: uppercase;line-height: 14px;margin-top: 10px;}
.ys_rrp{font-size: 14px;color: #000000;margin-top: 10px;line-height: 24px;}

.ys2{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.ys2 .ys_l{padding: 0;text-align: right;}
.ys2 .ys_l img{margin-top: -30px;text-align: right;max-width: 100%;}

.ys3{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.ys3 .ys_l img{margin-top: -60px;text-align: right;max-width: 100%;}
.ys3 .ys_r{margin-top: 75px;}

.ys4{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.ys4 .ys_l{padding-left: 40px;}
.ys4 .ys_r{margin-top: 65px;}
.ys4 .ys_l img{margin-top: 0px;max-width: 100%;}

.anli{display: block;overflow: hidden;width: 100%;padding: 50px 10px 45px;background-image: url(../img/images/anli_bg_02.png);background-size: cover;background-position: center;}
.anli_m{margin-top: 40px;}
.anli_m .swiper-slide{border: 1px solid #DADADA;padding: 1px;background-color: #FFFFFF;}
.anli_B{overflow: hidden;position: relative;border: 3px solid #FFFFFF;}
.anli_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 80%;transition: .5s;}
.anli_ss{position: absolute;top: 50%;right: -100%;z-index: 9999;overflow: hidden;display: block;width: 100%;text-align: center;transform: translateY(-50%);transition: .5s;}
.anli_ss img{display: block;margin: 0 auto;}
.anli_hover{width: 100%;height: 0;background-color: rgba(0,0,0,0.5);position: absolute;top: 50%;transform: translateY(-50%);transition: .5s;z-index: 99;}
.anli_p{padding: 0 18px 0 8px;line-height: 45px;font-size: 14px;color: #000000;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.anli_p::after{display: block;content: "";border-left: 10px solid #7c7c7c;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.anli_m .swiper-slide:hover{background-color: #0d6fb8;}
.anli_m .swiper-slide:hover .anli_imgbg{transform: scale(1.2,1.2);}
.anli_m .swiper-slide:hover .anli_p{color: #FFFFFF;}
.anli_m .swiper-slide:hover .anli_p::after{border-left-color: #FFFFFF;}
.anli_m .swiper-slide:hover .anli_hover{height: 100%;}
.anli_m .swiper-slide:hover .anli_ss{right: 0;}

.news{display: block;overflow: hidden;width: 100%;padding: 55px 10px;}
.news_m{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 35px;}
.news_l{width: 580px;}
.news_limg video{width: 100%;}
.news_lp{margin-top: 20px;}
.news_lpt{font-size: 16px;color: #000000;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; line-height:28px;}
.news_lpp{font-size: 14px;color: #000000;line-height: 24px;margin-top: 10px; margin-bottom:10px;}
.news_r{width: calc(100% - 610px);}
.news_ul{width: 100%;}
.news_ul li{width: 100%;background-color:#f7f7f7;padding: 15px 10px 20px 30px;margin-bottom: 15px;}
.news_ul li a{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.news_rl{width: 105px;border: 1px solid #CCCCCC;text-align: center;}
.news_rt1{width: 100%;font-size: 42px;color: #6e6e6e;line-height: 70px;font-family: arial;}
.news_rt2{height: 30px;background-color: #e2e2e2;color: #000000;line-height: 30px;font-size: 14px;letter-spacing: 1px;}
.news_rr{width: calc(100% - 130px);color: #000000;}
.news_rtit{font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_rp{font-size: 14px;margin-top: 5px;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;height: 72px;overflow: hidden;}
.news_ul li:hover{background-color: #0d6fb8;}
.news_ul li:hover .news_rl{border-color: #0d6fb8;}
.news_ul li:hover .news_rt1{background-color: #FFFFFF;color: #f77505;}
.news_ul li:hover .news_rt2{background-color: #f77505;color: #FFFFFF;font-weight: bold;}
.news_ul li:hover .news_rr{color: #FFFFFF;}

.kehu{display: block;overflow: hidden;width: 100%;padding: 0px 10px 50px;}
.kehu_m{margin-top: 50px;position: relative;}
.kehu_B{overflow: hidden;box-shadow: 0 0 6px 0 #999;}
.kehu_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 120%;}
.kehu_p{width: calc(100% - 25px);margin-left: 25px;background-color: rgba(99,99,99,0.6);padding: 28px 28px 12px;color: #ffffff;margin-top: -110px;transition: .5s;}
.kehu_pt{font-size: 16px;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.kehu_pp{font-size: 14px;line-height: 24px;margin-top: 15px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 72px;}
.kehu_ps{border-left: 10px solid #FFFFFF;border-top: 5px solid transparent;border-bottom: 5px solid transparent;margin-top: 15px;}
.kehu_next,.kehu_prev{width: 38px;height: 42px;background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);}
.kehu_next{background-image: url(../img/images/kehu_next_07.png);right: -80px;}
.kehu_prev{background-image: url(../img/images/kehu_pren_07.png);left: -80px;}
.kehu_m .swiper-slide:hover .kehu_p{background-color:#0d6fb8;}

.lianxi{display: block;overflow: hidden;width: 100%;padding: 10px 10px 50px;}
.lian_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.lian_l{width:calc(100% - 660px);}
.con_tit{font-size: 24px;font-weight: bold;color: #0d6fb8;left: 24px;}
.con_lp{font-size: 14px;color: #000000;line-height: 30px;margin: 20px 0;}
.con_btn{width: 100px;height: 34px;text-align: center;line-height: 34px;background-color: #0d6fb8;}
.con_btn a{font-size: 14px;color: #FFFFFF;}
.lian_r{width: 608px;}
.form{display:flex; display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.form{width: 100%;}
.message_B{width: 100%;display: flex;justify-content: space-between;display: -ms-flexbox;display: -webkit-flex;margin-bottom: 12px;}
.message_inp1{width: 49.5%;height:43px; line-height:43px; border:1px solid #dfdfdf; padding:0 20px; font-size:16px; color:#141414;}
.message_inp2{width: 100%;height:120px; line-height:26px; border:1px solid #dfdfdf; padding:10px 20px; font-size:16px; color:#141414; outline:none;}
.message_inp3{width: 100%;height:40px; line-height:40px; border:1px solid #dfdfdf; padding:0 20px; font-size:16px; color:#141414;outline: none;}
.message_btn{background:#0d6fb8;line-height: 45px;height: 45px;font-size: 16px;color: #FFFFFF;width: 100%;}

.footer{display: block;overflow: hidden;width: 100%;padding: 40px 10px 40px;background-color: #292929;}
.f_m{display: flex;justify-content: space-between;flex-wrap: wrap;}
.f1{width: 380px;padding: 10px 0;}
.f1_t{font-size: 24px;font-weight: bold;color: #ffffff;line-height: 30px;}
.f1_p{font-size: 14px;color: #FFFFFF;line-height: 30px;margin-top: 20px;}
.f1_p strong{font-size: 24px;font-weight: bold;font-family: arial;color: #0d6fb8;}
.f1_p b{font-size: 24px;font-weight: bold;font-family: arial;color: #0d6fb8;}
.f2{width: 300px;padding: 0 60px;border-left: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;}
.f2_t{font-size: 24px;font-weight: bold;color: #FFFFFF;line-height: 24px;margin-top: 10px;}
.f2_ul{display: block;overflow: hidden;margin-top: 30px;}
.f2_ul li{font-size: 14px;line-height: 14px;margin-bottom: 15px;float: left;min-width: 56px;}
.f2_ul li:nth-child(2n){margin-left: 64px;}
.f2_ul li a{color: #FFFFFF;}
.f2_ul li:hover a{color: #0D6FB8;}
.f3{width: 460px;padding: 30px 0 0;}
.f3_1{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.f3_er{width: 315px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.f3_er1{width: 145px;}
.f3_er1 img{display: block;width: 100%;}
.f3_p{width: 128px;}
.f3_p1{font-size: 14px;color: #FFFFFF;}
.f3_p2{width: 128px;height: 36px;text-align: center;line-height: 36px;background-color: #1981ff;border-radius: 18px;margin-top: 10px;}
.f3_p2 a{display: block;color: #FFFFFF;}

.boot{text-align: center;border-top: 1px solid #FFFFFF;line-height: 60px;background-color: #0d6fb8;font-size: 14px;color: #FFFFFF;}
/* 产品展示 */
.proner{display: block;overflow: hidden;width: 100%;padding: 60px 10px;}
.proner_m{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.proner_l{width: 270px;}
.proner_tit{font-size: 26px;font-weight: bold;color: #FFFFFF;background-color: #0d6fb8;padding: 25px 0 30px;text-align: center;}
.proner_tit span{font-size: 20px;margin-top: 15px;display: block;}
.proner_lul{width: 100%;margin-top: 10px;}
.proner_lul li{border: 1px solid #CCCCCC;line-height: 42px;margin-bottom: 15px;padding-left: 20px;transition: .5s;}
.proner_lul li a{color: #000000;font-size: 14px;}
.proner_lul li:hover{background-color: #0d6fb8;border-color: #0d6fb8;}
.proner_lul li:hover a{color: #FFFFFF;}
.proner_lul li.on{background-color: #0d6fb8;border-color: #0d6fb8;}
.proner_lul li.on a{color: #FFFFFF;}
.lian{margin-top: 5px;}
.lian_t{text-align: center;color: #FFFFFF;font-weight: bold;font-size: 24px;background-color: #0d6fb8;line-height: 58px;border: 1px solid #FFFFFF;}
.lian_img{width: 100%;overflow: hidden;}
.lian_img img{width: 100%;transition: all 2s;height: 100%;}
.lian_p2{font-size: 14px;color: #000000;line-height: 30px;margin-top: 10px;}
.lian_p2 span{font-size: 24px;color: #0d6fb8;font-weight: bold;font-family: arial;}
.proner_r{width: calc(100% - 305px);}
.proner_rt{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;padding: 5px 0 18px;border-bottom: 1px solid #e5e5e5;}
.proner_rtl{font-size: 36px;font-weight: bold;color: #0d6fb8;line-height: 30px;display: flex;}
.proner_rtl span{font-size: 14px;font-weight: bold;font-family: arial;color: #859591;text-transform: uppercase;display: block;margin-left: 10px;}
.proner_rtr{font-size: 14px;color: #000000;}
.proner_xq{margin-top: 20px;}
.proner_ul{display: flex;flex-wrap: wrap;}
.proner_ul li{width: 32.3333%;margin-bottom: 20px;border: 1px solid #ebebeb;background-color: #FFFFFF;padding: 1px; margin:0.5%; float:left;}
.proner_B{overflow: hidden;position: relative;border: 3px solid #FFFFFF;}
.proner_imgbg{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 80%;transition: .5s;}
.proner_ss{position: absolute;top: 50%;right: -100%;z-index: 9999;overflow: hidden;display: block;width: 100%;text-align: center;transform: translateY(-50%);transition: .5s;}
.proner_ss img{display: block;margin: 0 auto;}
.proner_hover{width: 100%;height: 0;background-color: rgba(0,0,0,0.5);position: absolute;top: 50%;transform: translateY(-50%);transition: .5s;z-index: 99;}
.proner_p{padding: 0 18px 0 8px;line-height: 45px;font-size: 14px;color: #000000;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.proner_p::after{display: block;content: "";border-left: 10px solid #7c7c7c;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.proner_ul li:hover{background-color: #0d6fb8;}
.proner_ul li:hover .proner_imgbg{transform: scale(1.2,1.2);}
.proner_ul li:hover .proner_p{color: #FFFFFF;}
.proner_ul li:hover .proner_p::after{border-left-color: #FFFFFF;}
.proner_ul li:hover .proner_hover{height: 100%;}
.proner_ul li:hover .proner_ss{right: 0;}

.cpxq{width: 100%;}
.cpxq_t{text-align: center;font-size: 16px;line-height: 30px;}
.cpxq_img{margin-top: 10px;}
.cpxq_img img{max-width: 100%;display: block;margin: 0 auto;}
.cpxq_p{font-size: 14px;line-height: 30px;margin-top: 10px;}
.cpxq_p img{ max-width:100% !important; height:auto !important;}
/* 关于我们 */
.abner{width: 100%;}
.abner img{max-width: 100%;}
.abner_p{font-size: 14px;color: #000000;line-height: 30px;}
/* 新闻中xin */
.xw_ul{width: 100%;}
.xw_ul li{width: 100%;background-color:#f7f7f7;padding: 25px 45px 35px 30px;margin-bottom: 15px;transition: .5s;}
.xw_ul li a{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.xw_rl{width: 105px;border: 1px solid #CCCCCC;text-align: center;}
.xw_rt1{width: 100%;font-size: 42px;color: #6e6e6e;line-height: 70px;font-family: arial;background-color: #FFFFFF;}
.xw_rt2{height: 30px;background-color: #e2e2e2;color: #000000;line-height: 30px;font-size: 14px;letter-spacing: 1px;}
.xw_rr{width: calc(100% - 130px);color: #000000;}
.xw_rtit{font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;}
.xw_rp{font-size: 14px;margin-top: 5px;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;height: 60px;overflow: hidden;line-height: 30px;}
.xw_ul li:hover{background-color: #0d6fb8;}
.xw_ul li:hover .xw_rl{border-color: #0d6fb8;}
.xw_ul li:hover .xw_rt1{background-color: #FFFFFF;color: #f77505;}
.xw_ul li:hover .xw_rt2{background-color: #f77505;color: #FFFFFF;font-weight: bold;}
.xw_ul li:hover .xw_rr{color: #FFFFFF;}

.xwxq{width: 100%;}
.xwxq_t{text-align: center;font-size: 16px;line-height: 30px;}
.xwxq_img{margin-top: 5px; margin-bottom:5px; text-align:center;}
.xwxq_img img{max-width: 100%;display: block;margin: 0 auto;}
.xwxq_p{font-size: 14px;line-height: 30px;margin-top: 10px;}
.xwxq_p img{ max-width:100% !important; height:auto !important;}
/* 联系我们 */
.conner_p{font-size: 14px;color: #000000;line-height: 30px;}
.map{width: 100%;height: 400px;margin-top: 10px;}
.map iframe{width: 100%;height: 100%;border: transparent;}
@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:25px 1%;}
nav{padding:0 1%;}
.logo img{max-width: 340px;}
.header_dianhua{margin-left: 40px;}
/*END-头部+导航*/


/*首页内容*/
.cpzs_ul{width: 102%;margin-left: -1%;}
.cpzs_ul li{margin: 0 1% 20px;width: 23%;}

.about_l{padding-left: 20px;}

.f1{width: 340px;}
.f2{padding: 0 20px;width: 220px;}
.f3{width: 380px;}
.f3_er{width: 220px;}
.f3_er1{width: 100px;}
}

@media (max-width:991px){
/*头部+导航*/
.icon-menu span{width:100%; height:6px; float:left;  background:#097ada;}

.topbox{padding:0 10px;}
.header{background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.3); position:relative; left:0; top:0; z-index:999999;padding: 0;}
.logo {width:80%; padding:20px 10px;}
.logo img{max-width: 100%;}
.nav {display:none; width:150px; position:absolute; right:10px; top:0;background:#097ada;}
.nav>li::after{display: none;}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none;}
.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%;}
.nav>li>a{width:100%; text-align:center; height:40px; line-height:40px; color:#fff;}


/*END-头部+导航*/

/*首页内容*/
.about{padding: 20px 10px;}
.about_l{width: 100%;padding-left: 0;}
.about_t1{padding-left: 10px;}
.about_t2{padding-left: 10px;}
.about_xq{width: 100%;}
.about_r{width: 100%;}

.ys{padding: 30px 10px 30px;}
.ys_l{width: 100%;padding-left: 0;text-align: center;}
.ys_r{width: 100%;}
.ys_rrt{font-size: 20px;padding: 10px 0;}
.ys1 .ys_l img{margin-top: 10px;}
.ys2{margin-top: 10px;}
.ys2 .ys_l img{margin-top: 10px;}
.ys3 .ys_r{margin-top: 0;}
.ys3 .ys_l img{margin-top: 10px;}
.ys4 .ys_l{padding-left: 0;}
.ys4 .ys_l img{margin-top: 10px;}
.ys4 .ys_r{margin-top: 10px;}

.news_l{width: 100%;}
.news_r{width: 100%;margin-top: 20px;}

.lian_l{width: 100%;}
.lian_r{width: 100%;margin-top: 20px;}
/* 产品展示 */
.proner_rtl{font-size: 20px;line-height: 20px;}
}

@media (max-width:767px){
/*头部+导航*/
.logo {padding:10px;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}

/*END-头部+导航*/

/*首页内容*/
.cpzs{padding: 10px 10px 0;}
.tit{background-image: none;}
.tit_t{font-size: 18px;line-height: 18px;}
.tit_p{margin-top: 5px;}
.cpzs_ul{margin-top: 10px;}
.cpzs_ul li{width: 48%;margin: 0 1% 10px;}

.about{padding: 0 10px 10px;}
.about_l{padding: 10px;}
.about_t1{font-size: 18px;margin-top: 0;padding-left: 0;}
.about_t2{font-size: 18px;margin:0;padding-left: 0;}
.about_xq{padding: 0 10px;}
.about_xqt{font-size: 18px;padding: 0;line-height: 40px;}
.about_xqp{height: auto;-webkit-line-clamp: inherit;margin-top: 5px;}
.about_xqm{padding: 0px 0 10px;}

.ys{padding: 0 10px 10px;}
.ys_m{margin-top: 10px;}
.ys_rl{width: 46px;height: 54px;background-size: cover;font-size: 24px;line-height: 50px;}
.ys_rr{width: calc(100% - 50px);}
.ys_rrt{margin-top: 0;padding: 10px 0 0;}
.ys_rrt1{font-size: 18px;line-height: 18px;}
.ys_rrt2{margin-top: 5px;}

.anli{padding: 10px;}
.anli_m{margin-top: 10px;}

.news{padding: 10px;}
.news_m{margin-top: 10px;}
.news_r{margin-top: 0;}
.news_ul li{padding: 10px;margin-bottom: 10px;}
.news_rr{width: calc(100% - 115pxs);}

.kehu{padding: 0 10px 10px;}
.kehu_m{margin-top: 10px;}
.kehu_p{width: 100%;padding: 10px;margin-left: 0;margin-top: -50px;}
.kehu_pp{margin-top: 5px;}

.lianxi{padding: 0 10px 10px;}
.lian_m{margin-top: 10px;}
.con_tit{font-size: 18px;line-height: 18px;}
.con_lp{margin: 5px 0;}
.lian_r{margin-top: 10px;}
/* 产品展示 */
.proner{padding: 10px;}
.proner_l{width: 100%;}
.proner_tit{font-size: 18px;text-align:left; background:url(../img/bibeiimg/sj_jiantou.png) no-repeat right center #2E86D4; background-size:auto,cover;padding: 15px 0 15px 20px;}
.proner_lul{margin-top: 10px;display: none;}
.proner_lul li{margin-bottom: 10px;}
.proner_r{width: 100%;}
.proner_rt{align-items: center;padding: 10px 0;}
.proner_rtl{font-size: 18px;}
.proner_xq{margin-top: 10px;}
.proner_ul li{width: 48%;margin-bottom: 10px;}

.cpxq_t{line-height: 24px;}
/* 新闻中xin */
.xw_ul li{padding: 10px;margin-bottom: 10px;}
.xw_rt1{line-height: 55px;}
.xw_rr{width: calc(100% - 115px);}
.xw_rp{line-height: 24px;height: 48px;}

.xwxq_t{line-height: 24px;}
}
/*手机底部*/
.hot{width:100%;background:#0D6FB8; position:fixed; bottom:0; left:0; z-index:9900000; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;display: block;}
.hot h6{ font-size:12px; line-height:20px;color: #FFFFFF;}
.hot .row .decoration{ display:block; color:#fff; padding:7px 0;}
.hot .row .col-xs-3{border-right: 1px solid rgba(255,255,255,0.3);}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }
/* .hot .text-center:hover{background-color: #007AFF;} */

.view-wecht-icon{position: relative;}
.view-wecht-icon a{width:100%;position: absolute;left: 0;top: 0;z-index: 5;background: #666666;}
.view-wecht-icon button{ position: relative; z-index: 2; padding: 0; width:100%; height:100%; border:none;background:none;}
.view-wecht-icon input{ display: block; position: absolute; left: 10px; top: 10px; z-index: 1; width: 40px; height: 40px; opacity: 0;}
.view-wecht-box{position: fixed; left:0; top:0; z-index: 99999999999999; width: 100%; height: 100%; background: rgba(0,0,0,.6); overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.3s;}
.view-wecht-box .view-wecht{ position: absolute; left:5%; right: 5%; top: 50%; margin-top: -150px; background: #fff; border-radius: 20px; box-shadow:0 0 15px rgba(0,0,0,.1); transform: scale(1.2); transition: all 0.3s;}
.view-wecht-box .view-wecht .view-wecht-container{ padding:30px 30px 0 30px;font-size:12px;}
.view-wecht-box .view-wecht .view-wecht-container .mc{ font-size:18px; color: #333; line-height: 24px; font-weight: bold;}
.view-wecht-box .view-wecht .view-wecht-container .textbox{ margin-bottom: 15px; font-size: 12px; color: #333; line-height:18px;}
.view-wecht-box .view-wecht .view-wecht-container .textbox span{ font-family:'Impact';font-size:14px;}
.view-wecht-box .view-wecht .view-wecht-container .queren{width:30px;height: 30px; font-size: 16px; color: #fff;position: absolute;left:50%;bottom:-38px;border:1px solid #fff;transform:translateX(-50%);border-radius: 50%;display:flex;justify-content: center;align-items: center}
.view-wecht-box .view-wecht .view-wecht-container img{max-width:150px; margin:2% auto;}
.view-wecht-box.active{ visibility: visible; opacity: 1;}

.haoma{width: 100%;background-color:#f5f5f5;position: fixed;left: 0;bottom: 0;z-index: 999999;overflow: hidden;display: none;box-shadow: 0 0 5px rgba(0, 0, 0,0.3);}
.haoma a, .haoma .quxiao{display: block;background-color: #fff;line-height: 44px;color:#333;text-align: center;border-bottom: 1px solid #ddd; font-size:15px;}
.haoma .quxiao{margin-top: 6px;border-top: 1px solid #ddd;}
.haoma .quxiao:hover, .haoma a:hover{background:#ddd;}
.foot-bbj{width:100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.6);display: none;z-index: 999;}