/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航+大图*/
.topbox{width:100%; background:#eaeaea; line-height:35px; font-size:14px; color:#656565;}
.topbox a{ color:#656565; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{ color:#ff6917; text-decoration:underline !important;}

.header{width:100%; padding:17px 0;}
.logo img{width:100%; max-width:244px; max-height:82px;}
.logo_txt img{max-width:636px;}
.header_dianhua{line-height:22px; color:#6f6f6f; font-size:15px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:50px; margin-top:20px;}
.header_dianhua span{display:block; overflow:hidden; line-height:28px; font-size:20px; font-weight:bold; color:#ff5a00;}

nav{background:#1568d8; position:absolute; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{width:12.5%; position:relative; padding-right:2px;}
.nav>li::before{content:""; width:2px; float:left; height:100%; border-left:1px solid #02439c; border-right:1px solid #4788e0; position:absolute; right:0; top:0;}
.nav>li:last-child::before{display:none;}
.nav>li>a{width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center;}
.nav>li:hover>a{background:#ff6917; color:#fff;}
.nav>li.on>a{background:#ff6917; color:#fff;}

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background:rgba(21, 104, 216, 0.8);}
.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:#ff6917; color:#fff;}

/*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%; overflow:hidden; padding:50px 0; background:url(../images/cp_bj.jpg) repeat;}
.cpzs_title{display:block; overflow:hidden; text-align:center;}
.cpzs_p{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.cpzs_p>span{float:left; line-height:36px; font-family:'Source Han Sans CN Light'; font-size:24px; color:#343434; padding:0 60px; background:url(../images/title_heng1.png) no-repeat left center,url(../images/title_heng2.png) no-repeat right center;}
.cpzs_sp{line-height:44px; font-family:'Source Han Sans CN'; font-size:30px; color:#1068d5; font-weight:bold;}
.cpzs_heng{display:block; overflow:hidden; width:38px; height:3px; background:#ff6917; margin:20px auto 0 auto;}
.cpzs_ulB{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; overflow:hidden; padding-top:30px;}
.cpzs_ulB .cpzs_Li{width:calc(50% - 9px); float:left; margin-bottom:10px; background-image: linear-gradient(rgba(255,255,255,0.6), rgba(244,244,244,0.6)); padding:0 16px;}
.cpzs_ulB .cpzs_Li .cpzs_Li_title{width:100%; float:left; line-height:50px; border-bottom:1px solid #e6e6e6; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.cpzs_ulB .cpzs_Li .cpzs_Li_title .cpzs_Li_p{float:left; font-size:20px; color:#3f3f3f;}
.cpzs_ulB .cpzs_Li .cpzs_Li_title .cpzs_Li_p>span{font-weight:bold;}
.cpzs_ulB .cpzs_Li .cpzs_ul{width:100%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; padding-top:18px;}
.cpzs_ulB .cpzs_Li .cpzs_ul li{width:calc(50% - 10px); float:left;}
.cpzs_ulB .cpzs_Li .cpzs_ul li>a{width:100%; float:left; overflow:hidden; position:relative; border-radius:5px;}
.cpzs_ulB .cpzs_Li .cpzs_ul li>a .cpzs_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzs_ulB .cpzs_Li .cpzs_ul li>a .cpzs_img::before{content:""; display:block; padding-top:70.741%;}
.cpzs_ulB .cpzs_Li .cpzs_ul li>a .cpzs_txt{width:100%; height:46px; line-height:46px; text-align:center; overflow:hidden; position:absolute; left:0; bottom:0; font-size:18px; color:#fff; background:rgba(0,0,0,0.7);}
.cpzs_ulB .cpzs_Li .cpzs_ul li>a:hover .cpzs_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.ys{width:100%; overflow:hidden;}
.ys_title{width:100%; overflow:hidden; padding:40px 0;}
.ys_contect{width:100%; overflow:hidden;}
.ys_ul{display:block; overflow:hidden;}
.ys_ul li{width:100%; float:left;display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; background:#fafafa;}
.ys_ul li .ys_left{width:50%; float:left;}
.ys_ul li .ys_left .ys_img{display:block; float:left; width:100%; max-width:600px; overflow:hidden; padding:20px 0;}
.ys_ul li .ys_left .ys_img>img{display:block; max-width:100%; height:auto; margin:0 auto;}
.ys_ul li .ys_right{width:50%; float:left; background:#e6e6e6; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: end;
    -ms-flex-pack: end; justify-content: flex-end;}
.ys_ul li .ys_right .ys_right_B{float:right; width:100%; max-width:600px;padding-right:35px;}
.ys_ul li .ys_right .ys_right_B .ys_title_B{width:100%; float:left;}
.ys_ul li .ys_right .ys_right_B .ys_title_B .ys_sub{width:102px; float:left; height:84px; text-align:center; background:url(../images/ys_sub.png) no-repeat center center; background-size:100% 100%; padding-right:13px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-line-pack:center; align-content:center; line-height:20px; font-size:12px; color:#aaa; text-transform:uppercase; margin-right:20px;}
.ys_ul li .ys_right .ys_right_B .ys_title_B .ys_sub>span{width:100%; float:left; line-height:40px; font-size:36px; color:#ff6917;}
.ys_ul li .ys_right .ys_right_B .ys_title_B .ys_B{display:block; overflow:hidden; height:84px; border-bottom:1px solid #b5b5b5;}
.ys_ul li .ys_right .ys_right_B .ys_title_B .ys_B .ys_p{display:block; overflow:hidden; line-height:40px; font-size:24px; color:#282828; font-weight:bold; text-overflow:ellipsis; white-space: nowrap;}
.ys_ul li .ys_right .ys_right_B .ys_title_B .ys_B .ys_sp{display:block; overflow:hidden; line-height:20px; font-size:14px; color:#999999; text-transform:uppercase; text-overflow:ellipsis; white-space: nowrap;}
.ys_ul li .ys_right .ys_txt{width:100%; float:left; margin-top:20px; line-height:36px; font-size:15px; color:#555; padding-left:122px;}
.ys_ul li:nth-child(odd){ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.ys_ul li:nth-child(even) .ys_left .ys_img{float:right;}
.ys_ul li:nth-child(even) .ys_right{-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.ys_ul li:nth-child(even) .ys_right .ys_right_B{padding:0 0 0 40px;}

.case{width:100%; overflow:hidden; padding:55px 0;}
.case_ul{display:block; overflow:hidden; width:1215px; padding-top:20px;}
.case_ul li{width:390px; float:left; margin:15px 15px 0 0;}
.case_ul li>a{width:100%; float:left; overflow:hidden; position:relative;}
.case_ul li>a .case_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case_ul li>a .case_img::before{content:""; display:block; padding-top:79.4872%;}
.case_ul li>a .case_txt{width:100%; overflow:hidden; height:55px; line-height:55px; text-align:center; font-size:22px; color:#fff; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6);}
.case_ul li>a:hover .case_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.hf{width:100%; overflow:hidden; background:url(../images/hf_bj.jpg) no-repeat center center; background-size:cover; padding:45px 0;}
.hf_R{width:50%; float:right; padding:0 25px 0 95px;}
.hf_txt{display:block; overflow:hidden; line-height:38px; font-family:'Source Han Sans CN Light'; font-size:30px; color:#fff;}
.hf_txt>span{display:block; overflow:hidden; line-height:60px; font-size:52px; font-weight:bold;}
.hf_dianhua{display:block; overflow:hidden; margin-top:20px; line-height:38px; font-size:24px; color:#ff6917; font-weight:bold; text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;}

.link{width:100%; overflow:hidden; background:#f2f2f2; padding:70px 0;}
.link>.container{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.link_title{width:42%; float:left; text-align:center; background:url(../images/link_title_bj.jpg) no-repeat center center; background-size:cover; position:relative; border-bottom:1px solid #f2f2f2;}
.link_p{width:100%; float:left; line-height:60px; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:30px; font-weight:bold; color:#fff; margin-top:-15px;}
.link_sp{width:100%; float:left; line-height:60px; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:48px; font-weight:bold; color:#fff; opacity:0.25; text-transform:uppercase;}
.link_ul{width:58%; float:left;}
.link_ul li{width:50%; float:left; height:50%; border-left:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.link_ul li>a{display:block; overflow:hidden; padding:55px 0; text-align:center;}
.link_ul li>a>img{display:block; max-width:100%; height:auto; margin:0 auto;}
.link_ul li>a .link_txt{display:block; overflow:hidden; line-height:42px; margin-top:10px; text-align:center; font-size:24px; color:#fff;}
.link_ul li:nth-child(1)>a{background:#1068d5;}
.link_ul li:nth-child(2)>a{background:#2cb6c6;}
.link_ul li:nth-child(3)>a{background:#ff8440;}
.link_ul li:nth-child(4)>a{background:#dc5252;}

.gsjj{width:100%; overflow:hidden; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover; padding:82px 0;}
.gsjj_left{width:66%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.gsjj_img{width:47%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gsjj_txtB{width:53%; float:left; padding-left:30px;}
.gsjj_title{float:left; line-height:54px; position:relative; padding-bottom:9px; border-bottom:1px solid #cacaca;}
.gsjj_title::before{content:""; width:calc(100% + 60px); float:left; height:calc(100% + 16px); border-top:1px solid #cacaca; border-right:1px solid #cacaca; position:absolute; right:0; bottom:0;}
.gsjj_title::after{content:""; width:1px; float:left; height:40px; background:#cacaca; position:absolute; left:-60px; top:-16px;}
.gsjj_p{float:left; font-family:'Source Han Sans CN'; font-size:28px; color:#1068d5; font-weight:bold; position:relative;}
.gsjj_p::before{content:""; width:100%; height:2px; float:left; background:#ff8440; position:absolute; left:0; bottom:-10px;}
.gsjj_sp{float:left; font-size:12px; color:#b6b6b6; text-transform:uppercase; padding:0 50px 0 5px;}
.gsjj_txt{width:100%; float:left; font-size:15px; color:#5a5a5a; line-height:26px; margin-top:25px; height:182px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:7; -webkit-box-orient: vertical;}
.gsjj_more{width:100%; float:left; overflow:hidden; padding-top:20px;}
.gsjj_more>a{display:block; overflow:hidden; width:150px; height:42px; line-height:38px; border:2px solid #b2b2b2; border-radius:21px; text-align:center; font-size:15px; color:#494949; background:#fff;}
.gsjj_more>a:hover{background:#ff6917; color:#fff; border-color:#ff6917;}
.gsjj_right{width:31%; float:right;}
.gsjj-imgbox{width:100%; position:relative;}
.gsjj-imgbox .swiper-slide>a{width:100%; float:left; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gsjj-imgbox .swiper-slide>a::before{content:""; display:block; padding-top:90.244%;}
.gsjj-imgbox .swiper-pagination{width:100%; float:left; height:54px; left:0; bottom:0; background:rgba(0,0,0,0.6); padding:0 44px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-line-pack:center; align-content:center;}
.gsjj-imgbox .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; display:block; float:left; border-radius:50%; background:#fff; opacity:0.5;}
.gsjj-imgbox .swiper-pagination .swiper-pagination-bullet-active {opacity:1; background:#fff;}
.gsjj-imgbox .gsjj-prev{width:44px; float:left; height:54px; line-height:54px; text-align:center; font-family:SimSun; font-size:24px; color:#fff; position:absolute; left:0; bottom:0; z-index:11; cursor:pointer;}
.gsjj-imgbox .gsjj-next{width:44px; float:left; height:54px; line-height:54px; text-align:center; font-family:SimSun; font-size:24px; color:#fff; position:absolute; right:0; bottom:0; z-index:11;cursor:pointer;}

.news_box{width:100%; overflow:hidden; background:#f6f6f6; padding:60px 0;} 
.news_box>.container{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;}
.news{width:32.5%; float:left; margin-bottom:5px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2); padding:15px;}
.news_title{display:block; overflow:hidden; line-height:50px;}
.news_p{float:left; font-family:'Source Han Sans CN'; font-size:28px; color:#2f2f2f; font-weight:bold; margin-right:10px;}
.news_p>span{color:#1068d5;}
.news_sp{float:left; font-size:12px; color:#b6b6b6; text-transform:uppercase;}
.news_icon{float:right; height:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.news_contct{display:block; overflow:hidden; padding-top:10px;}
.news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:5px;}
.news_img::before{content:""; display:block; padding-top:48.8889%;}
.news_ul{display:block; overflow:hidden;}
.news_ul li{display:block; overflow:hidden; line-height:46px; border-bottom:1px solid #e7e7e7;}
.news_ul li>span{float:left; font-size:14px; color:#bebebe; margin-right:15px;}
.news_ul li>a{display:block; overflow:hidden; height:46px; font-size:15px; color:#4a4a4a; text-overflow:ellipsis; white-space: nowrap;}
.news_ul li>a:hover{color:#1068d5;}
.qa_ul{display:block; overflow:hidden;}
.qa_ul li{display:block; overflow:hidden; margin-top:20px;}
.qa_ul li .qa_p{display:block; overflow:hidden; height:26px; line-height:26px; font-size:15px; color:#ff8440; background:url(../images/qa_icon1.png) no-repeat left center; padding-left:35px; text-overflow:ellipsis; white-space: nowrap;}
.qa_ul li .qa_txt{display:block; overflow:hidden; height:48px; line-height:24px; font-size:15px; color:#474747; background:url(../images/qa_icon2.png) no-repeat left top; padding-left:35px; margin-top:10px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
/*END-首页内容*/

/*底部*/
.footer{width:100%; overflow:hidden; padding:60px 0 30px 0; background:#f3f3f3;}
.footer>.container{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.footer_logo{width:25.75%; float:left; padding-right:20px;}
.footer_logo img{display:block; max-width:100%; height:auto;}

.footer_txt{width:59.5%; float:left; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:0 0 0 50px;}
.footer_txt>div{float:left; font-size:15px; color:#2d2d2d; line-height:30px;}
.footer_txt>div:first-child{margin-right:60px;}
.footer_txt>div:last-child{width:100%; margin-top:15px; line-height:28px; color:#515151;}

.footer_wx{width:120px; float:right;}
.footer_wx>img{display:block; max-width:100%; height:auto; margin:0 auto;}
.footer_wx>span{display:block; overflow:hidden; line-height:28px; text-align:center; margin-top:5px; font-size:14px; color:#a2a2a2;}

.foot{background:#2a2a2a; font-size:16px; color:#fff; line-height:40px; padding:16px 0; text-align:center;}
.foot a{color:#fff; margin:0 25px;}
.foot a:hover{color:#fff; text-decoration:underline !important;}
.foot>span{color:#fff; opacity:0.6; font-size:14px;}
/*END-底部*/

/*关于洁开*/
.main{width:100%; overflow:hidden; padding:45px 0;}
.main_left{width:264px; float:left;}
.about{width:100%; float:left; margin-bottom:20px;}
.about_title{display:block; overflow:hidden; height:72px; line-height:72px; background:#193fb0; text-align:center; font-size:24px; color:#fff;}
.about_title>span{font-size:12px; opacity:0.5; text-transform:uppercase; padding-left:10px;}
.about_title1{background:#ff6917;}
.about_ul{display:block; overflow:hidden; border:1px solid #e2e2e2;}
.about_ul>li{display:block; overflow:hidden; border-bottom:1px solid #e2e2e2;}
.about_ul>li:last-child{border-bottom:none;}
.about_ul>li>a{display:block; overflow:hidden; height:50px; line-height:50px; background-image: linear-gradient(#fdfdfd, #eaeaea); padding:0 20px; font-size:16px; color:#434343;}
.about_ul>li>a>span{float:right; font-family:SimSun; font-size:16px; color:#848484; font-weight:bold; transition:all 0.4s;}
.about_ul>li:hover>a{background-image: linear-gradient(#193fb0, #193fb0); color:#fff;}
.about_ul>li:hover>a>span{color:#fff;}
.about_ul>li.about_on>a{background-image: linear-gradient(#193fb0, #193fb0); color:#fff;}
.about_ul>li.about_on>a>span{color:#fff;}
.about_txt{display:block; overflow:hidden; min-height:212px; border:1px solid #e7e7e7; background:url(../images/about_lx_bj.jpg) no-repeat right bottom; font-size:14px; color:#585858; line-height:30px; padding:15px;}

.main_right{width:904px; float:right;}
.dqwz_title{width:100%; float:left; line-height:56px; border-bottom:1px solid #d2d2d2;}
.dqwz_p{float:left; font-size:24px; color:#0d0d0d; border-bottom:2px solid #8b8b8b; margin-bottom:1px;}
.dqwz_nav{float:right; font-size:14px; color:#2f2f2f; background:url(../images/dqwz_logo.png) no-repeat left center; padding-left:25px;}
.dwqz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:16px; color:#393a3a; line-height:48px;}
/*END-关于洁开*/

/*产品中心*/
.cp_ul{display:block; overflow:hidden; width:920px;}
.cp_ul li{width:214px; float:left; margin:0 16px 10px 0;}
.cp_ul li .cp_B{width:100%; overflow:hidden; border:1px solid #ececec;}
.cp_ul li .cp_B .cp_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cp_ul li .cp_B .cp_img::before{content:""; display:block; padding-top:71.6982%;}
.cp_ul li .cp_txt{display:block; overflow:hidden; height:38px; line-height:38px; background:#ececec; text-align:center; font-size:14px; color:#575757;}
.cp_ul li:hover .cp_B{border-color:#193fb0;}
.cp_ul li:hover .cp_B .cp_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul li:hover .cp_txt{background:#193fb0; color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_img{width:45%; float:left; margin-right:25px;}
.cpxq_img img{display:block; height:auto; margin:0 auto; width:100%;}
.cpxq_p{display:block; overflow:hidden; line-height:32px; font-size:20px; color:#363636; font-weight:bold; margin-top:-6px;}
.cpxq_txt{display:block; overflow:hidden; line-height:20px; font-size:14px; color:#8e8e8e; margin-top:10px;}
.cpxq_sp{display:block; overflow:hidden; line-height:26px; position:relative; margin-top:10px;}
.cpxq_sp::before{content:""; width:100%; height:1px; float:left; background:#e9e9e9; position:absolute;left:0; top:50%; transform:translateY(-50%);}
.cpxq_sp>span{float:left; font-size:15px; color:#278ee5; font-weight:bold; position:relative; z-index:2; background:#fff; padding-right:10px;}
.cpxq_link{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; overflow:hidden; margin-top:10px;}
.cpxq_link>a{float:left; width:106px; height:36px; line-height:36px; text-align:center; border-radius:18px; font-size:14px; color:#fff; margin-bottom:10px;}
.cpxq_link>a:nth-child(1){background:#1f8ae4;}
.cpxq_link>a:nth-child(2){background:#2db6c6;}
.cpxq_link>a:nth-child(3){background:#ff8440;}
.cpxq_link>a:nth-child(4){background:#e06d6d;}
.cpxq_more{display:block; overflow:hidden; padding-top:15px;}
.cpxq_more>a{width:146px; float:left; height:48px; line-height:48px; text-align:center; background:#2247b3; border-radius:5px; font-size:16px; color:#fff; font-weight:bold;}
.cpxq_dianhua{float:right; line-height:48px; font-size:16px; color:#676767; background:url(../images/cpxq_dianhua.png) no-repeat left center; padding-left:36px;}
.cpxq_dianhua>span{float:right; font-size:20px; color:#3a3a3a; padding-left:5px;}

.cpxq_tag{width:100%; float:left; padding-top:25px;}
.cpxq_nav{width:100%; float:left; border:1px solid #bcbcbc;}
.cpxq_nav>li{width:16.66666%; float:left; height:48px; line-height:48px; text-align:center; font-size:16px; color:#3b3b3b; cursor:pointer;}
.cpxq_nav>li:hover{background:#2247b3; color:#fff;}
.cpxq_nav>li.cpxq_on{background:#2247b3; color:#fff;}
.cpxq_contect{width:100%; float:left; padding-top:30px; font-size:14px; color:#3a3a3a; line-height:24px;}
.cpxq_Box{display:none;}
.cpxq_Box:first-child{display:block;}
/*END-产品中心*/

/*案例视频*/
.casexq{display:block; overflow:hidden;}
.casexq_T{display:block; overflow:hidden; font-size:24px; color:#2c2c2c; font-weight:bold; line-height:30px; text-align:center;}
.casexq_contect{display:block; overflow:hidden; margin-top:30px; position:relative; padding:0 100px;}
.casexq-imgbox .swiper-slide img{display:block; max-width:100%; height:auto; margin:0 auto;}
.casexq-prev,.casexq-next{position:absolute; top:50%; transform:translateY(-50%); width:28px; float:left; height:51px; background-position:center; background-repeat:no-repeat; background-size:100% 100%; outline:none; border:none; cursor:pointer;}
.casexq-prev{left:0; background-image:url(../images/alshow_L.png);}
.casexq-next{right:0; background-image:url(../images/alshow_R.png);}
/*END-案例视频*/

/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:20px;}
.xw_ul li a{width:100%; float:left; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex;}
.xw_ul li a .xw_B{width:181px; float:left; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; margin:4px 0 5px 0;}
.xw_ul li a .xw_B .xw_img{width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.xw_ul li a .xw_R{width:calc(100% - 181px); float:left; padding-left:15px;}
.xw_ul li a .xw_R .xw_p{display:block; overflow:hidden; line-height:24px; font-size:16px; color:#393a3a; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a .xw_R .xw_txt{display:block; overflow:hidden; line-height:24px; height:48px; font-size:14px; color:#808080; margin-top:15px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.xw_ul li a .xw_R .xw_sp{display:block; overflow:hidden; line-height:22px; margin-top:20px; color:#919191;}
.xw_ul li a:hover .xw_B .xw_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.xw_ul li a:hover .xw_R .xw_p{color:#193fb0;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:24px; color:#393a3a; line-height:30px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:14px; color:#919191; line-height:20px; padding:10px 0; border-bottom:1px solid #ddd;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; color:#808080; line-height:24px; padding-top:20px;}
/*END-新闻中心*/

/*下载中心*/
.xz_ul{display:block; overflow:hidden;}
.xz_ul li{display:block; overflow:hidden; margin-bottom:15px; border:1px solid #dcdcdc;}
.xz_ul li>a{width:calc(100% - 132px); float:left; height:48px; line-height:48px;display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 15px; overflow:hidden;}
.xz_ul li>a>img{float:left; max-height:30px; height:auto; margin-right:15px;}
.xz_ul li>a>span{display:block; overflow:hidden; height:48px; font-size:16px; color:#2d2d2d; text-overflow:ellipsis; white-space: nowrap;}
.xz_ul li>a:hover{color:#193fb0; text-decoration:underline!important;}
.xz_ul li .xz_more{width:132px; float:left; border-left:1px solid #dcdcdc;}
.xz_ul li .xz_more>a{display:block; overflow:hidden; height:48px; line-height:48px; text-align:center; background:#e3e3e3; font-size:16px; color:#6c6c6c;}
.xz_ul li .xz_more>a:hover{background:#193fb0; color:#fff;}
/*END-下载中心*/

/*科普驿站*/
.kpyz{display:block; overflow:hidden; font-size:14px; color:#5e5e5e; line-height:30px;}
/*END-科普驿站*/

/*联系我们*/
.contact_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.contact_map{width:100%; overflow: hidden; height:350px; border:none; margin-top:20px;}
/*END-联系我们*/
.jlfanye{ /*float:right;*/ width:100%;}
.jlfanye a{ padding:5px;  border: solid 1px #dedede; /*float:left;*/ min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#f00;}

@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:17px 1%;}
.logo img {max-width: 210px;}
.logo_txt img {max-width: 543px;}
.header_dianhua {margin-top: 10px;}
nav{padding:0 1%;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:50px 1%;}

.ys_title {padding:40px 1%;}
.ys_ul li .ys_left {padding:0 1% 0 0;}
.ys_ul li .ys_right {padding:0 0 0 1%;}

.case {padding:50px 1%;}
.case_ul {width:102%; margin-left:-1%;}
.case_ul li {width:31.33%; margin:15px 1% 0 1%;}

.hf {padding:40px 1%;}
.hf_R {width:60%; padding: 0 25px 0 95px;}
.hf_txt {line-height:30px; font-size:20px;}
.hf_txt>span {line-height:50px; font-size:46px;}

.link {padding:50px 1%;}
.gsjj {padding:60px 1%;}
.news_box {padding:50px 1%;}
/*END-首页内容*/

/*底部*/
.footer{padding:40px 1% 30px 1%;}
.footer_txt {padding:0 25px;}
.foot{line-height:32px; padding:16px 1%;}
.foot a{margin:0 15px;}
/*END-底部*/

/*关于洁开*/
.main{padding:40px 1%;}
.main_left{width:26%;}
.main_right{width:72%;}
.company{line-height:40px;}
/*END-关于洁开*/

/*产品中心*/
.cp_ul{width:101%; margin-left:-1%;}
.cp_ul li{width:24%; margin:0 0.5% 10px 0.5%;}
/*END-产品中心*/

/*案例视频*/
.casexq_contect{padding:0 80px;}
/*END-案例视频*/

}

@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:#1568d8;}

.topbox{padding:0 10px;}
.header{padding:0; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.3); position:relative; left:0; top:0; z-index:999999;}
.logo {width:100%; padding:15px 10px;}
.logo img {max-width: 244px;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:0; background:rgba(21, 104, 216, 0.8);}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none; padding:0;}
.nav>li::before{display:none;}
.nav>li>a{width:100%; text-align:center; height:40px; line-height:40px; color:#fff;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:30px 10px;}
.cpzs_ulB .cpzs_Li {width:100%;}

.ys_title {padding:30px 10px;}
.ys_ul li .ys_right {padding:0 0 0 10px;}
.ys_ul li .ys_right .ys_right_B {padding-right:10px;}
.ys_ul li .ys_right .ys_txt {padding-left:0; font-size:14px; line-height:30px;}
.ys_ul li:nth-child(even) .ys_right .ys_right_B {padding:0 10px 0 0;}

.case {padding:30px 10px;}
.case_ul li>a .case_txt {height:45px; line-height:45px; font-size:18px;}

.hf {padding:30px 10px;}
.hf_R {width:100%;}

.link {padding:30px 10px;}
.link_ul li>a {padding:30px 0;}

.gsjj {padding:40px 10px;}
.gsjj_left {width:100%;}
.gsjj_right {width:100%; margin-top:20px;}
.gsjj-imgbox{max-width:370px; margin:0 auto;}

.news_box {padding:30px 10px;}
.news {width:49.5%;}
.news:last-child{width:100%;}
.news:last-child .news_contct {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between;}
.news:last-child .news_img {width:49%; float:left;}
.qa_ul {width:49%; float:left;}
/*END-首页内容*/

/*底部*/
.footer{padding:30px 10px;}
.footer_logo {width:22%; padding-right:10px;}
.footer_txt {padding:0 10px;}
.footer_txt>div {font-size:14px; line-height:24px;}
.footer_txt>div:last-child {margin-top:5px; line-height:14px;}
.foot{line-height:28px; padding:10px;}
.foot a{margin:0 10px;}
/*END-底部*/

/*关于洁开*/
.main{padding:30px 10px;}
.main_left{width:34%;}
.main_right{width:64%;}
.company{line-height:30px;}
/*END-关于洁开*/

/*产品中心*/
.cp_ul li{width:32.3333%; margin:0 0.5% 10px 0.5%;}
/*END-产品中心*/

/*案例视频*/
.casexq_contect{padding:0 50px;}
/*END-案例视频*/

}

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

/*首页内容*/
.cpzs {padding:10px;}
.cpzs_p>span {line-height:30px; font-size:18px; padding:0 35px; background: url(../images/title_heng1.png) no-repeat left center,url(../images/title_heng2.png) no-repeat right center; background-size:auto 5px,auto 5px;}
.cpzs_sp {line-height:24px;    font-size: 18px;}
.cpzs_ulB .cpzs_Li {width:100%;}
.cpzs_heng {margin:5px auto 0 auto;}
.cpzs_ulB {padding-top:10px;}
.cpzs_ulB .cpzs_Li {padding:0 5px;}
.cpzs_ulB .cpzs_Li .cpzs_Li_title {line-height:40px;}
.cpzs_ulB .cpzs_Li .cpzs_Li_title .cpzs_Li_p {font-size:18px;}
.cpzs_ulB .cpzs_Li .cpzs_ul {padding-top:10px;}
.cpzs_ulB .cpzs_Li .cpzs_ul li {width:calc(50% - 5px);}
.cpzs_ulB .cpzs_Li .cpzs_ul li>a .cpzs_img::before {padding-top:100%;}
.cpzs_ulB .cpzs_Li .cpzs_ul li>a .cpzs_txt {height:36px; line-height:36px; font-size:14px;}

.ys_title {padding:10px;}
.ys_ul li .ys_left {width:100%;}
.ys_ul li .ys_left .ys_img {padding:10px;}
.ys_ul li .ys_right {width:100%;padding:10px;}
.ys_ul li .ys_right .ys_right_B {padding-right:0;}
.ys_ul li .ys_right .ys_right_B .ys_title_B .ys_sub {margin-right:0;}
.ys_ul li .ys_right .ys_right_B .ys_title_B .ys_B .ys_p {line-height:20px; font-size:18px; white-space:initial;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.ys_ul li .ys_right .ys_right_B .ys_title_B .ys_B .ys_sp {line-height:14px; font-size:12px; text-overflow:initial; white-space:initial; margin-top:5px;}
.ys_ul li .ys_right .ys_txt {font-size:12px; line-height:20px; margin-top:5px;}

.case {padding:10px;}
.case_ul {padding:0;}
.case_ul li {width:48%; margin:10px 1% 0 1%;}
.case_ul li>a .case_img::before {padding-top:100%;}
.case_ul li>a .case_txt {height:36px; line-height:36px; font-size:14px;}

.hf {padding:10px;}
.hf_R {padding:0;}
.hf_txt {line-height:24px; font-size:14px; }
.hf_txt>span {line-height:30px; font-size:20px;}
.hf_dianhua {margin-top:10px; line-height:30px; font-size:16px;}

.link {padding:10px;}
.link_title {width:100%;}
.link_title::before{content:""; display:block; padding-top:85%;}
.link_p {line-height:40px; font-size:20px; margin-top: -10px;}
.link_sp {line-height:40px; font-size: 38px;}
.link_ul {width:100%;}
.link_ul li>a {padding:15px 0;}
.link_ul li>a .link_txt {line-height:38px; font-size:18px;}

.gsjj {padding:10px;}
.gsjj_img {width:100%;}
.gsjj_img::before{content:""; display:block; padding-top:90%;}
.gsjj_txtB {width:100%; padding-left:10px;}
.gsjj_title {line-height:40px; padding-bottom:4px;}
.gsjj_p {font-size:20px;}
.gsjj_p::before {bottom: -5px;}
.gsjj_sp {padding:0 20px 0 5px;}
.gsjj_txt {font-size:14px; line-height:22px; margin-top:5px; height:initial; -webkit-line-clamp:initial;}
.gsjj_more {padding-top:10px;}
.gsjj_more>a {width:120px; height:34px; line-height:30px; border-radius:17px; font-size:13px;}
.gsjj_right {margin-top:10px;}

.news_box {padding:10px;}
.news {width:100%; padding:5px;}
.news_title {line-height:40px;}
.news_p {font-size:20px; margin-right:5px;}
.news_icon {height:40px;}
.news_ul li {line-height:40px;}
.news_ul li>span {font-size:12px; margin-right:5px;}
.news_ul li>a {height:40px; font-size:13px;}
.news:last-child .news_img {width:100%;}
.qa_ul {width:100%;}
.qa_ul li {margin-top:10px;}
/*END-首页内容*/

/*底部*/
.foot{line-height:18px; padding:10px; font-size:14px;}
.foot a{margin:0 5px;}
.foot>span {font-size:12px;}
/*END-底部*/

/*关于洁开*/
.main{padding:0;}
.main_left{width:100%;}
.about{margin:0;}
.about_title {height:50px; line-height:50px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center #193fb0; text-align:left; font-size:20px; font-weight:bold; padding-left:20px;}
.about_ul{display:none;}
.main_right{width:100%;}
.dwqz_contect{padding:10px;}
.company{line-height:24px; font-size:14px;}
/*END-关于洁开*/

/*产品中心*/
.cp_ul li{width:49%; margin:0 0.5% 5px 0.5%;}

.cpxq_img{width:100%;margin-right:0; float:none;}
.cpxq_p{line-height:30px; font-size:18px; margin-top:5px;}
.cpxq_txt{margin-top:5px;}
.cpxq_link>a{width:24%; height:30px; line-height:30px; border-radius:15px; margin-bottom:5px; font-size:12px;}
.cpxq_more{padding-top:10px;}
.cpxq_more>a{width:120px; height:30px; line-height:30px;}
.cpxq_dianhua{line-height:30px; font-size:14px;}
.cpxq_dianhua>span{font-size:18px;}

.cpxq_tag{padding-top:10px;}
.cpxq_nav>li {height:auto; line-height:20px; font-size:12px; padding:5px;}
.cpxq_contect{padding-top:10px;}
/*END-产品中心*/

/*案例视频*/
.casexq_T{ font-size:18px; line-height:24px;}
.casexq_contect{margin-top:10px; padding:0 25px;}
.casexq-prev,.casexq-next{width:16px; height:30px;}
/*END-案例视频*/

/*新闻中心*/
.xw_ul li{margin-bottom:10px;}
.xw_ul li a .xw_B{width:120px; margin:0;}
.xw_ul li a .xw_R{width:calc(100% - 120px); padding-left:10px;}
.xw_ul li a .xw_R .xw_txt{line-height:20px; height:40px; margin-top:5px;}
.xw_ul li a .xw_R .xw_sp{line-height:16px; margin-top:5px;}

.xwxq_p{font-size:16px;line-height:24px;}
.xwxq_sp{font-size:12px; line-height:18px; padding:5px 0;}
.xwxq_txt{padding-top:10px;}
/*END-新闻中心*/

/*下载中心*/
.xz_ul li{margin-bottom:5px;}
.xz_ul li>a{width:calc(100% - 80px); height:38px; line-height:38px; padding:0 5px;}
.xz_ul li>a>img{max-height:24px; margin-right:5px;}
.xz_ul li>a>span{height:38px; font-size:14px;}
.xz_ul li .xz_more{width:80px;}
.xz_ul li .xz_more>a{height:38px; line-height:38px; font-size:14px;}
/*END-下载中心*/

/*科普驿站*/
.kpyz{line-height:24px;}
/*END-科普驿站*/

/*联系我们*/
.contact_map{height:250px; margin-top:10px;}
/*END-联系我们*/

}
/*手机底部*/
.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:#2a2a2a;}
.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:#ff6917; 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 #ff6917;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/