/*全局样式*/

@font-face{
	font-family:'SongTi';
	src:url("/themes/simpleboot3/public/css/font/SongTi.otf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1200px;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:60px 0 70px 0;}
.wrap-white.p2{padding:70px 0;}
.wrap-gray{background:#f1f1f1;}
.wrap-gray.p1{padding:70px 0;}
.wrap-gray.p2{padding:20px 0 30px 0;}

/*头部样式*/
.header-top{position: sticky;top: 0;z-index: 999;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 25%);}
#top{height:38px; background:#fff; border-top:2px solid #0757b0; overflow:hidden;}
#top .weo-flex{height:36px;}
#welcome{height:16px; line-height:16px; font-size:14px; color:#666; overflow:hidden;}
#t-link{display:flex; align-items:center; height:16px; overflow:hidden;}
#t-link a{height:16px; line-height:16px; font-size:14px; color:#666; overflow:hidden;}
#t-link a:hover{color:#0757b0;}
#t-link i{width:1px; height:14px; margin:0 14px; background:#666;}

#header{height:106px; background:#fff; overflow:hidden;}
#logo{left:0; top:20px;}
#logo img{width:188px; height:66px;}
#search{left:360px; top:25px; width:470px; overflow:hidden;}
#search .item{display:flex; align-items:center; overflow:hidden;}
#search .item input{flex:1; width:auto; height:46px; line-height:46px; padding:0 12px; border-color:#dcdcdc; border-right:none; border-radius:0; font-size:14px; color:#464646;}
#search .item input::-moz-placeholder{color:#767676;}
#search .item input::-webkit-input-placeholder{color:#767676;}
#search .item input::-ms-input-placeholder{color:#767676;}
#search .item button{width:60px; height:46px; padding:0; background:url(../image/search.png) no-repeat center #0757b0; border:none; border-radius:0;}
#search .tag{display:flex; align-items:center; height:16px; margin-top:12px; overflow:hidden;}
#search .tag h3{height:16px; line-height:16px; font-size:14px; font-weight:bold; color:#0757b0; overflow:hidden;}
#search .tag a{height:16px; line-height:16px; margin-left:24px; font-size:14px; color:#666; overflow:hidden;}
#search .tag h3 + a{margin-left:16px;}
#search .tag a:hover{color:#0757b0;}
#tel{position:absolute; right:0; top:32px; padding-left:50px; background:url(../image/tel.png) no-repeat left center;}
#tel h3{height:16px; line-height:16px; font-size:14px; overflow:hidden;}
#tel h2{height:22px; line-height:22px; margin-top:4px; font-family:'Arial'; font-size:20px; font-weight:bold; color:#bf0826; overflow:hidden;}

#nav{height:54px; background:#0757b0;}
#nav ul li{position:relative; float:left; width:200px; height:54px; line-height:54px; font-size:16px; text-align:center;}
#nav ul li a{display:block; color:#fff;}
#nav ul li:hover{background:#f39a00;}
#nav ul li.current{background:#f39a00;}
#nav ul li ul{position:absolute; left:50%; right:0; top:54px; transform:translateX(-50%); z-index:99; display:none; width:200px; padding:0; background:rgba(243,154,0,.8);}
#nav ul li:hover ul{display:block;}
#nav ul li ul li{float:none; height:54px; line-height:54px; margin-left:0; font-size:16px; text-align:center; overflow:hidden;}
#nav ul li ul li a{padding:0 16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#nav ul li ul li:hover a{color:#fff;}


/*首页样式*/

#banner{width:100%; height:646px; overflow:hidden;}
#banner .swiper-wrapper{height:646px;}
#banner .swiper-slide{width:100%; height:646px;}
#banner .swiper-slide img{width:100%; height:646px;}
#banner .swiper-pagination{bottom:26px;}
#banner .swiper-pagination-bullet{width:10px; height:10px; margin:0 0 0 10px; background:#fff; border-radius:50%; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:#0757b0;}

.title h2{height:50px; line-height:50px; font-size:48px; font-weight:bold; text-align:center; color:#0757b0; overflow:hidden;}
.title h3{height:26px; line-height:26px; margin-top:18px; font-family:'SongTi'; font-size:24px; text-align:center; color:#464646; overflow:hidden;}
.title i{display:block; width:120px; height:3px; margin:17px auto 0 auto; background:#0757b0;}

#brand{position:relative; height:204px; margin-top:50px;}
#brand .swiper-container{width:100%; height:204px; overflow:hidden;}
#brand .swiper-wrapper{height:204px;}
#brand .swiper-slide{width:282px; height:204px; cursor:pointer; overflow:hidden;}
#brand .swiper-slide span{display:block; width:282px; height:172px; overflow:hidden;}
#brand .swiper-slide span img{width:282px; max-width:none; height:172px; transition:all 0.3s linear;}
#brand .swiper-slide h3{height:20px; line-height:20px; margin-top:12px; font-size:17px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#brand .swiper-slide:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#brand .swiper-slide:hover h3{color:#0757b0;}
#brand .swiper-button-prev,#brand .swiper-button-next{top:59px; width:30px; height:54px; margin:0; background-repeat:no-repeat; background-position:center; background-size:30px 54px; cursor:pointer; opacity:1;}
#brand .swiper-button-prev:after,#brand .swiper-button-next:after{display:none;}
#brand .swiper-button-prev{left:-54px; background-image:url(../image/prev.png);}
#brand .swiper-button-next{right:-54px; background-image:url(../image/next.png);}
#brand .swiper-button-prev:hover{background-image:url(../image/prev-h.png);}
#brand .swiper-button-next:hover{background-image:url(../image/next-h.png);}

#product{display:flex; justify-content:space-between;}
#product .left{width:288px;}
#product .left .text{position:relative; padding:22px 0; border:3px solid #0757b0;}
#product .left .text:before{content:''; position:absolute; left:-3px; top:-3px; display:block; width:0; height:0; border-left:22px solid #f1f1f1; border-right:22px solid #0757b0; border-top:22px solid #f1f1f1; border-bottom:22px solid #0757b0;}
#product .left .text h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; text-align:center; color:#0757b0; overflow:hidden;}
#product .left .text h3{display:flex; justify-content:center; align-items:center; margin-top:17px; overflow:hidden;}
#product .left .text i{display:block; width:36px; height:3px; background:#0757b0;}
#product .left .text span{height:24px; line-height:24px; margin:0 14px; font-family:'Arial'; font-size:22px; text-transform:uppercase; overflow:hidden;}
#product .left .item{padding:16px 16px 26px 16px; border:3px solid #0757b0; border-top:none;}
#product .left .item ul li{height:44px; line-height:44px; margin-top:16px; background:#e1e1e1; font-size:15px; overflow:hidden;}
#product .left .item ul li:first-child{margin-top:0;}
#product .left .item ul li a{display:block; padding:0 54px 0 20px; background:url(../image/arrow-r.png) no-repeat right 16px center; color:#464646;}
#product .left .item ul li:hover a{background-image:url(../image/arrow-r-h.png); color:#0757b0;}
#product .left .item h4{height:44px; line-height:42px; margin-top:16px; border:1px solid #999; border-radius:22px; font-size:15px; text-align:center; overflow:hidden;}
#product .left .item h4 a{display:block; color:#666;}
#product .left .item h4:hover{border-color:#0757b0;}
#product .left .item h4:hover a{color:#0757b0;}
#product .right{width:862px;}
#product .right h2{display:flex; justify-content:space-between; align-items:center; height:32px; padding-bottom:13px; border-bottom:1px solid #0757b0; overflow:hidden;}
#product .right h2 span{height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#0757b0; overflow:hidden;}
#product .right h2 a{height:16px; line-height:16px; font-size:14px; text-transform:uppercase; overflow:hidden;}
#product .right h2 a:hover{color:#0757b0;}
#product .right .item{margin-top:0px;}
#product .right .item ul{margin:-20px 0 0 -20px;}
#product .right .item ul li{float:left; width:274px; height:242px; margin:20px 0 0 20px; padding:10px 10px 16px 10px; background:#fff; overflow:hidden;}
#product .right .item ul li span{display:block; width:254px; height:182px; background:#fff; overflow:hidden;}
#product .right .item ul li img{width:254px; max-width:none; height:182px; transition:all 0.3s linear;}
#product .right .item ul li h3{height:18px; line-height:18px; margin-top:16px; padding:0 44px 0 10px; background:url(../image/arrow-r1.png) no-repeat right 10px center; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product .right .item ul li:hover{background:#f39a00;}
#product .right .item ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#product .right .item ul li:hover h3{background-image:url(../image/arrow-r1-h.png); color:#fff;}

#wrap-blue{padding:60px 0 270px 0; background:#0757b0;}
#wrap-blue .title h2,#wrap-blue .title h3{color:#fff;}
#wrap-blue .title i{background:#fff;}

#solution{position:relative; margin:-220px -18px 0 -18px; padding:18px 18px 0 18px; background:#fff; overflow:hidden;}
#solution ul{margin:-18px 0 0 -18px;}
#solution ul li{position:relative; float:left; width:388px; height:258px; margin:18px 0 0 18px; overflow:hidden;}
#solution ul li img{width:388px; max-width:none; height:258px; transition:all 0.3s linear;}
#solution ul li:after{content:''; position:absolute; left:10px; right:10px; top:10px; bottom:10px; display:block; border:1px solid rgba(255,255,255,.6); z-index:1}

#solution ul li section{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:98px 30px; background:rgba(0,0,0,.5);z-index:5}
#solution ul li section:after{content:''; position:absolute; left:10px; right:10px; top:10px; bottom:10px; display:block; border:1px solid rgba(255,255,255,.6);}
#solution ul li section h3{height:20px; line-height:20px; font-size:17px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*#solution ul li section i{display:block; width:22px; height:22px; margin:20px auto 0 auto; background:url(img/view.png) no-repeat center;}*/

#solution ul li section i{display:block;height:22px; margin:20px auto 0 auto;line-height:20px;  font-size:15px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}




#solution ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#solution ul li:hover section{display:block;}

#partner{position:relative; height:185px; margin-top:50px;}
#partner .swiper-container{width:100%; height:185px; overflow:hidden;}
#partner .swiper-wrapper{height:185px;}
#partner .swiper-slide{width:185px; height:185px; cursor:pointer; overflow:hidden;}
#partner .swiper-slide img{width:185px; height:185px;}
#partner .swiper-button-prev,#partner .swiper-button-next{top:65px; width:30px; height:54px; margin:0; background-repeat:no-repeat; background-position:center; background-size:30px 54px; cursor:pointer; opacity:1;}
#partner .swiper-button-prev:after,#partner .swiper-button-next:after{display:none;}
#partner .swiper-button-prev{left:-54px; background-image:url(../image/prev.png);}
#partner .swiper-button-next{right:-54px; background-image:url(../image/next.png);}
#partner .swiper-button-prev:hover{background-image:url(../image/prev-h.png);}
#partner .swiper-button-next:hover{background-image:url(../image/next-h.png);}

#news{margin-top:70px;}

#news-tab{display:flex; justify-content:center; margin-top:40px;}
#news-tab span{width:180px; height:48px; line-height:48px; margin-left:12px; background:#f2f1f7; font-size:17px; text-align:center; cursor:pointer; overflow:hidden;}
#news-tab span:first-child{margin-left:0;}
#news-tab span:hover{color:#0757b0;}
#news-tab span.current{background:#0757b0; color:#fff;}

#news-item{margin-top:50px;}
#news-item .item{display:none;}

#news-item .left{width:386px; height:360px; overflow:hidden;border: 5px #fff solid;background: #fff;}
#news-item .left span{display:block; width:386px; height:216px; overflow:hidden;}
#news-item .left img{width:386px; max-width:none; height:216px; transition:all 0.3s linear;}
#news-item .left p{height:56px; line-height:28px; margin-top:15px; font-size:15px; color:#333; padding:0 20px;}
#news-item .left h4{width:118px; height:40px; line-height:38px; margin-top:10px; font-size:15px; text-align:center; color:#fff; overflow:hidden; background:#f39a00; margin-left:20px;}

#news-item .left:hover{width:386px; height:360px; overflow:hidden;border: 5px #f39a00 solid;background: #f39a00;}
#news-item .left:hover span{display:block; width:386px; height:216px; overflow:hidden;}
#news-item .left:hover img{width:386px; max-width:none; height:216px; transition:all 0.3s linear;}
#news-item .left:hover p{height:56px; line-height:28px; margin-top:15px; font-size:15px; color:#fff; padding:0 20px;}
#news-item .left:hover h4{width:118px; height:40px; line-height:38px; margin-top:10px; font-size:15px; text-align:center; color:#f39a00; overflow:hidden; background:#fff; margin-left:20px;}
#news-item .left:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news-item .right{width:764px; height:348px; overflow:hidden;}
#news-item .right ul li{display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; padding-bottom:18px; border-bottom:1px dashed #ccc;}
#news-item .right ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#news-item .right ul li a{flex:1; height:18px; line-height:18px; font-size:16px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-item .right ul li a:hover{color:#0757b0;}
#news-item .right ul li span{height:18px; line-height:18px; margin-left:30px; font-size:16px; color:#868686; overflow:hidden;}

/*内页样式*/

#location{height:18px; line-height:18px; font-size:15px; color:#464646; overflow:hidden;}
#location a{color:#464646;}
#location a:hover{color:#0757b0;}

#left{width:234px; margin-top:20px;}

#menu h2{height:52px; line-height:52px; background:#0757b0; font-size:17px; text-align:center; color:#fff; overflow:hidden;}
#menu .item{background:#fff;}
#menu .item ul li{position:relative; height:48px; line-height:48px; position:relative; font-size:15px;}
#menu .item ul li:after{content:''; position:absolute; left:16px; right:16px; bottom:0; display:block; height:1px; background:#ececec;}
#menu .item ul li:last-child:after{display:none;}
#menu .item ul li a{display:block; padding:0 46px 0 28px; background:url(../image/arrow-r2.png) no-repeat right 28px center; color:#464646;}
#menu .item ul li:hover > a{background-image:url(../image/arrow-r2-h.png); color:#0757b0;}
#menu .item ul li.current > a{background-image:url(../image/arrow-r2-h.png); color:#0757b0;}
#menu .item ul li ul{position:absolute; left:234px; top:0; z-index:99; display:none; width:200px; background:#0757b0;}
#menu .item ul li:hover ul{display:block;}
#menu .item ul li ul li{text-align:center; overflow:hidden;}
#menu .item ul li ul li:after{background:rgba(255,255,255,.2);}
#menu .item ul li ul li a{padding:0 16px; background:none; color:#fff;}
#menu .item ul li ul li:hover > a{color:#f39a00;}

#right{width:936px; margin-top:20px; padding:24px 24px 48px 24px; background:#fff;}

#lm-title{position:relative; display:flex; height:34px; overflow:hidden;}
#lm-title:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#dcdcdc;}
#lm-title h2{position:relative; z-index:1; height:34px; line-height:20px; font-size:18px; color:#0757b0; overflow:hidden;}
#lm-title h2:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:2px; background:#0757b0;}

#product-list{margin-top:36px;}
#product-list{padding:0 12px;}
#product-list ul{margin:-36px 0 0 -36px;}
#product-list ul li{float:left; width:264px; height:230px; margin:36px 0 0 36px; overflow:hidden;}
#product-list ul li span{display:block; width:264px; height:192px; border:5px solid #dcdcdc; overflow:hidden;}
#product-list ul li img{width:254px; max-width:none; height:182px; transition:all 0.3s linear;}
#product-list ul li h2{height:18px; line-height:18px; margin-top:16px; font-size:15px; font-weight:bold; text-align:center; color:#0757b0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-list ul li h3{height:18px; line-height:18px; margin-top:10px; font-size:15px; text-align:center; color:#999; overflow:hidden;}
#product-list ul li h4{height:18px; line-height:18px; margin-top:10px; font-size:15px; text-align:center; overflow:hidden;}
#product-list ul li h4 em{color:#f39a00;}
#product-list ul li:hover span{border-color:#0757b0;}
#product-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#news-list{margin-top:36px; padding:0 12px;}
#news-list ul li{margin-bottom:36px; padding-bottom:36px; border-bottom:1px solid #dcdcdc;}
#news-list ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#news-list ul li h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li p{height:52px; line-height:26px; margin-top:12px; font-size:15px; color:#666;}
#news-list ul li h4{height:18px; line-height:18px; margin-top:14px; padding-left:24px; background:url(../image/time.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden;}
#news-list ul li:hover h3{color:#0757b0;}

#solution-list{margin-top:36px; padding:0 12px;}
#solution-list ul{margin:-36px 0 0 -36px;}
#solution-list ul li{position:relative; float:left; width:414px; height:276px; margin:36px 0 0 36px; overflow:hidden;}
#solution-list ul li img{width:414px; max-width:none; height:276px; transition:all 0.3s linear;}
#solution-list ul li section{position:absolute; left:0; right:0; bottom:0; padding:14px 58px 14px 18px; background:url(../image/arrow-r3.png) no-repeat right 18px center rgba(0,0,0,.5); overflow:hidden;}
#solution-list ul li h3{height:20px; line-height:20px; font-family:'SongTi'; font-size:18px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#solution-list ul li h4{height:18px; line-height:18px; margin-top:8px; font-size:15px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#solution-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}


.weo-page a{padding: 0px !important;border: none;}
.weo-page{margin-top:30px; font-size:0;}
.weo-page .page-item{display:inline-block; min-width:15px; height:38px; line-height:36px; margin:0 5px; padding:0 14px; background:#fff; border:1px solid #e1e1e1; font-size:15px; color:#666;}
.weo-page .page-item .page-link{color:#666;}
.weo-page .page-item:hover{color:#0757b0;}
.weo-page .page-item.disabled{color:#999;}
.weo-page .page-item.active {background:#0757b0; border-color:#0757b0; color:#fff;}
.weo-page .page-item.active span{color: #fff;font-size: 14px;}

#single{line-height:200%; margin-top:30px; padding:0 12px; font-size:15px; color:#464646;}

#product-detail{padding:12px 12px 0 12px;}
#pd-info{display:flex; justify-content:space-between;}
#pd-info .left{width:340px; height:244px; border:5px solid #dcdcdc; overflow:hidden; display:flex; align-items:center;}
#pd-info .left img{width:300px; height:215px; margin:0 auto;}
#pd-info .right{width:492px;}
#pd-info .right h1{line-height:46px; font-size:24px; font-weight:bold;}
#pd-info .right .text{line-height:32px; margin-top:10px; font-size:15px; color:#464646;}
#pd-info .right h2{height:54px; line-height:52px; margin-top:14px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; font-size:15px; color:#767676; overflow:hidden;}
#pd-info .right h2 em{font-size:16px; font-weight:bold; color:#f39a00;}
#pd-info .right .desc{line-height:26px; margin-top:14px; font-size:15px; color:#464646;}
#pd-buy{display:flex; align-items:center; margin-top:30px; overflow:hidden;}
#pd-buy a{width:150px; height:40px; line-height:40px; background:#f39a00; border-radius:20px; font-size:15px; text-align:center; color:#fff; overflow:hidden;}
#pd-buy a em{display:inline-block; padding-left:32px; background:url(../image/cart.png) no-repeat left center;}
#pd-buy h3{height:18px; line-height:18px; margin-left:30px; font-size:15px; color:#464646; overflow:hidden;}
#pd-tab{display:flex; height:52px; border:1px solid #dcdcdc; margin-top:30px;}
#pd-tab span{height:50px; line-height:50px; padding:0 30px; border-right:1px solid #dcdcdc; font-size:15px; text-align:center; color:#464646; cursor:pointer;}
#pd-tab span:hover{color:#0757b0;}
#pd-tab span.current{position:relative; color:#0757b0;}
#pd-tab span.current:before{content:''; position:absolute; left:0; right:0; top:-1px; display:block; height:2px; background:#0757b0;}
#pd-item{margin-top:30px;}
#pd-item .item{display:none;}
#pd-item .text{line-height:200%; font-size:15px; color:#464646;}
#pd-item .download ul li{margin-bottom:14px; padding-bottom:14px; border-bottom:1px dashed #ccc; overflow:hidden;}
#pd-item .download ul li:last-child{margin-bottom:0;}
#pd-item .download ul li a{display:block; height:18px; line-height:18px; padding-left:28px; background:url(../image/download.png) no-repeat left center; font-size:15px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#pd-item .download ul li a:hover{background-image:url(../image/download-h.png); color:#0757b0;}

#news-detail{margin-top:32px; padding:0 12px;}
#article-title{line-height:30px; font-size:22px; font-weight:bold; text-align:center;}
#article-info{height:18px; line-height:18px; margin-top:18px; font-size:15px; text-align:center; color:#767676; overflow:hidden;}
#article{line-height:200%; margin-top:30px; padding:30px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; font-size:15px; color:#464646;}

#prev-next{display:flex; justify-content:space-between; height:18px; margin-top:24px; overflow:hidden;}
#prev-next a{max-width:414px; height:18px; line-height:18px; font-size:15px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{color:#0757b0;}

#contact{margin-top:30px; padding:0 12px;}
#contact h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; overflow:hidden;}
#contact .text{line-height:30px; margin-top:10px; font-size:15px; color:#464646;}
#contact img{width:122px; height:122px; margin-top:20px;}

/*底部样式*/

#footer{padding:44px 0; background:#0757b0;}
#f-qrcode{display:flex; align-items:center; height:145px; overflow:hidden; width:280px;}
#f-qrcode img{width:auto; height:145px; margin:0 auto;}
#f-qrcode h3{line-height:30px; margin-left:30px; font-size:14px; color:#fff;}
#f-line{width:1px; height:122px; margin:0 80px 0 0; background:rgba(255,255,255,.8);}
#f-text{flex:1;}
#copyright{line-height:30px; font-size:14px; color:#fff;}
#copyright a{color:#fff;}
#copyright a:hover{color:#f39a00;}
#f-link{display:flex; width:60%; margin-top:14px;}
#f-link h3{height:16px; line-height:16px; font-size:14px; color:#fff; overflow:hidden;}
#f-link .item{flex:1; margin-left:8px;}
#f-link .item ul{display:flex; flex-wrap:wrap; margin:-12px 0 0 -24px;}
#f-link .item ul li{height:16px; line-height:16px; margin:12px 0 0 24px; font-size:14px; color:#fff; overflow:hidden;}
#f-link .item ul li a{display:block; color:#fff;}
#f-link .item ul li a:hover{color:#f39a00;}









.cpzx-zf{
    width: 300px;
    float: left;
}
.cpzx-zfnr{
    width:100%;
    background-color: #E6E6E6;
    border:1px solid #ccc;
    border-top:none;
    box-sizing:border-box;
}
.cpzx-zfnr ul{
    margin-bottom:0;
}
.cpzx-zfnr>ul>li{
    width: 100%;
    height: auto;
    line-height: 42px;
    box-sizing: border-box;
    background: url(../image/cq139_04.png) no-repeat 20px 16px;
    background-size: 11px 10px;
    border-top: 1px solid #ccc;
}
.cpzx-zfnr>ul>li>a{
    font-size: 15px;
    color: #666;
    line-height: 42px;
    display: block;
    padding-right: 30px;
    padding-left: 40px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cpzx-zfnr>ul>li>a.inactive{
    background: url(../image/cq139_06a.png) no-repeat 190px center;
    background-size: 14px 9px;
}
.cpzx-zfnr>ul>li>a.inactives{
    background: url(../image/cq139_06b.png) no-repeat 190px center;
    background-size: 14px 9px;
}
.cpzx-zfnr>ul>li>ul{
    width:100%;
    display:none;
}
.cpzx-zfnr>ul>li>ul>li{
    width:100%;
    line-height: 42px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    background-color:#F2F2F2;
}
.cpzx-zfnr>ul>li>ul>li>a{
    font-size: 15px;
    color: #787878;
    line-height: 42px;
    padding: 0 20px;
    padding-left: 58px;
    box-sizing:border-box;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cpzx-zfnr>ul>li>ul>li>a.inactive{
    background: url(../image/cq139_18.png) no-repeat 190px center;
    background-size: 12px 12px;
}
.cpzx-zfnr>ul>li>ul>li>a.inactives{
    background: url(../image/cq139_19.png) no-repeat 190px center #0757b0;
    background-size: 12px 12px;
    color:#fff;
}
.cpzx-zfnr>ul>li.inactives{
    background:  #0757b0;
    background-size: 12px 12px;
    
}
.cpzx-zfnr>ul>li.inactives ul{
    display: block !important;
}
.cpzx-zfnr>ul>li.inactives>a{
    color:#fff;
}
.cpzx-zfnr>ul>li>ul>li>ul{
    display:none;
}
.cpzx-zfnr>ul>li>ul>li>ul>li{
    width:100%;
    height:42px;
    line-height:42px;
    background-color:#fff;
    border-top:1px solid #ccc;
    box-sizing:border-box;
}
.cpzx-zfnr>ul>li>ul>li>ul>li>a{
    font-size: 15px;
    color: #999;
    line-height: 42px;
    padding: 0 20px;
    padding-left: 55px;
    box-sizing:border-box;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cpzx-zfnr>ul>li>ul>li>ul>li>a:hover{
    color:#0757b0;
}
.cpzx-zfnr>ul>li>ul>li .active{
    color: #0757b0;
}
.ban{ width:600px; height:510px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:600px; height:400px; position:relative; overflow:hidden;}
.ban2 dl{ position:absolute; left:0; top:0;}
.ban2 dl dd{ width:600px; height:400px;}
.prev{ float:left; cursor:pointer;}
.num{ height:89px;overflow:hidden; width:543px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:600px;}
.num dl{ position:absolute; left:0; top:0;}
.num dl dd{ width:132px; height:87px; margin-right:5px; padding:1px;}
.num dl dd.on{ border:1px solid red; padding:0;height:89px;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:32px; margin-right:14px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:32px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
#page{ display:none;}
#product h5{display: none;}
.sj-cpzx-zfnr{ display: none;}
.producr_imgs{ width: 600px; margin: 0 auto;}
#showbox { background:#eee; border:1px solid #ddd;}
#showbox span { background:url(/themes/simpleboot3/public/images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;width: 600px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}
.showpage { width:600px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:87px; line-height:87px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-90px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}



@media (max-width:750px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
nav:not(.mm-menu)
{
	display: none;
}
.wrap-white{padding:0;width:100%; background:#fff;}
.wrap-gray{ padding:0;background:#f1f1f1;}
.wrapper{padding:1.5rem 1rem;width:100%;}
.clear{clear: both;}
.header-top{ display:none;}
#page{ display:block;}

.p_f{position:fixed !important; z-index:9999;}
.p_r{position:relative !important;}
.p_a{position:absolute !important;}
.nb{border:none !important;}


.header{
	background: #fff;
	font-weight: bold;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height:70px;
	padding: 0 12px;
	border-bottom: 1px solid #eee;
	position: fixed;
	z-index: 2000;

	
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.header .menu
{
	background: center center no-repeat transparent;
	background-image:url(../image/btn.png)   ;
    background-size: 100% auto;
	display: block;
	width: 25px;
	height: 20px;
	position: absolute;
	top: 24px;
	right: 18px;
}

.logo { margin: auto;  height: 40px;  padding-top: 12px;}
.logo img { height: 40px; width: auto;}
#sj-search{left:50%; top:17px; transform: translateX(-31%); width:50%; overflow:hidden;}
#sj-search .item{display:flex; align-items:center; overflow:hidden;}
#sj-search .item input{flex:1; width:auto; height:36px; line-height:36px; padding:0 5px; border-color:#dcdcdc; border-right:none; border-radius:0; font-size:14px; color:#464646;}
#sj-search .item input::-moz-placeholder{color:#767676;}
#sj-search .item input::-webkit-input-placeholder{color:#767676;}
#sj-search .item input::-ms-input-placeholder{color:#767676;}
#sj-search .item button{width:36px; height:36px; padding:0; background:url(../image/search.png) no-repeat center #0757b0; border:none; border-radius:0;}
#banner{ padding-top: 4.375rem; height: 15rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:10.625rem ;}
#banner .swiper-pagination{ bottom: 6px;}
.wrap-white.p1{padding:0;}
.title h2{ font-size: 1.65rem;}
.title h3{ font-size: 0.875rem; margin-top:0;}
.title i{ width: 2rem;margin: 0.5rem auto 0 auto;}
#brand{height: 6.3125rem; margin-top: 1.65rem;}
#brand .swiper-container{width: 100%; height: 6.3125rem;}
#brand .swiper-wrapper{height: 6.3125rem;}
#brand .swiper-slide{height: 6.3125rem;}
#brand .swiper-slide span{width: 100%; height: 6.3125rem;}
#brand .swiper-slide span img{ width: 100%; height: 100%;}
#brand .swiper-button-prev, #brand .swiper-button-next{ top:25px ; background-size: 1rem auto;}
#brand .swiper-button-prev{ left: 0;}
#brand .swiper-button-next{ right:0;}
.wrap-gray.p1{ padding: 1rem 0;}
#product{ display: block;}
#product .left{ width: 100%; height: 12.5rem; padding: 0;}
#product .right{ width: 100%; height: 45rem;overflow: hidden;}
#product .left .text{ border: none; text-align: center; padding: 0 0 1rem 0;}
#product .left .text:before{ display: none;}
#product .left .text h2{ font-size: 1.65rem;}
#product .left .text h3{ margin-top:0;}
#product .left .text span{ font-size: 0.875rem;}
#product .left .item{ padding: 0; border: 0;}
/*#product .left .item ul{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#product .left .item ul::-webkit-scrollbar{ display:none;}
#product .left .item ul li{height: 3rem;line-height: 3rem;font-size: 0.875rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;margin:0 0.5rem 0 0; }
*/

#product .left .item ul{display:flex; justify-content:space-between; flex-wrap: wrap; }
#product .left .item ul li{ width:32%;height: 3rem;line-height: 3rem;font-size: 0.875rem;text-align: center;cursor: pointer; margin:0 0 0.5rem 0;}
#product .left .item ul li a{padding: 0 27px 0 0px;background: url(../image/arrow-r.png) no-repeat right 10px center;}
#product .right .item ul li{ width: 44%; height: 165px;}
#product .right .item ul li span{width: 100%; height: 110px;}
#product .right .item ul li img{width: 100%; height: 110px;}
#product .right .item ul li h3{ font-size: 0.875rem;}
#wrap-blue{ padding: 0 0 195px 0;}
#solution{margin: -220px 0 0 0; height: auto;}
#solution ul{ margin: -16px 0 0 -16px;}
#solution ul li{margin: 16px 0 0 16px; width: 44%; height:200%;}
#solution ul li:last-child{ display: none;}
#solution ul li img{ width: 100%; height: 100%;}


#solution ul li section{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:20% 0; background:rgba(0,0,0,.5);z-index:5;}
#solution ul li section:after{content:''; position:absolute; left:10px; right:10px; top:10px; bottom:10px; display:block; border:1px solid rgba(255,255,255,.6);}
#solution ul li section h3{height:20px; line-height:20px; font-size:0.875rem; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 80%; margin: 0 auto;}
/*#solution ul li section i{display:block; width:22px; height:22px; margin:20px auto 0 auto; background:url(img/view.png) no-repeat center;}*/

#solution ul li section i{display:block;height:22px; margin:0 auto;line-height:20px;  font-size:12px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#solution ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#solution ul li:hover section{display:block;}

.wrap-white.p2{ padding: 0;}
#partner{ margin-top: 1.65rem; height: 6.875rem;}
#partner .swiper-container{ height: auto;}
#partner .swiper-wrapper{ height: auto;}
#partner .swiper-slide{ height: auto;}
#partner .swiper-slide img{width: 100%; height: auto;}
#partner .swiper-button-prev, #partner .swiper-button-next{ background-size: 1rem auto; top:25px ;}
#partner .swiper-button-prev{left: 0;}
#partner .swiper-button-next{ right:0;}
#news{ margin-top: 2rem;}
.noweo-flex{ display: block;}
#news-item{ margin-top: 28px;}
#news-tab span{ width: 45%;}
#news-item .left{ width: 100%; display: none;}
#news-item .left span{ width: 100%; height: 12rem;}
#news-item .left img{ width: 100%; height: 100%;}
#news-item .left p{font-size: 0.875rem; line-height: 25px; padding: 0;}
#news-item .left h4{ margin-left: 0; width: 110px;height: 36px; line-height: 36px;}
#news-item .right{ width: 100%; height: auto;}
#news-item .right ul li{ margin-bottom: 0.875rem; padding-bottom: 0.875rem;}
#news-item .right ul li a{ font-size: 0.875rem;}
#footer{ padding: 0;}
#f-qrcode,#f-line{ display: none;}
#f-link{ width: 100%;}
#product .left .item h4{display: none;}
#product h5{display: block;height:44px; line-height:42px; margin-top:16px; border:1px solid #999; border-radius:22px; font-size:15px; text-align:center; overflow:hidden;}
#product h5 a{display:block; color:#666;}
.wrap-gray.p2{ padding: 58px 0 30px 0;}
#left{width: 100%;}
#right{ width: 100%; margin-top: 0.5rem; padding: 1rem;}
.cpzx-zfnr{ display: none;}
.sj-cpzx-zfnr{ display: block;margin-top: 1rem;}
.sj-cpzx-top ul{ display: flex; justify-content: space-around;}
.sj-cpzx-top ul li{ width: 45%; border: 1px #ccc solid; border-radius: 50px; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 1rem; overflow: hidden;}
.sj-cpzx-top ul li.inactives a{ color: #fff;background: #0757b0;}
.sj-cpzx-top ul li a{ display: block;}
.sj-cpzx-tab{display: none;}
#inactives-b{ display: block;}
.sj-cpzx-tab ul{ display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
.sj-cpzx-tab ul::-webkit-scrollbar{ display:none;}
.sj-cpzx-tab ul li{height: 3rem;line-height: 3rem;font-size: 0.875rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;margin:0 1rem 0 0; }
.sj-cpzx-tab ul li.inactives1 a{ color: #0757b0;}
#product-list{ padding: 0;}
#product-list ul{ margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
#product-list ul li{ margin: 0; width: 48%;height: 10rem;}
#product-list ul li span{ width: 100%; height: 7rem;}
#product-list ul li img{ width: 100%; height: 100%;}
.weo-clear:after{ display: none;}
#product-list ul li h2{ font-size: 0.875rem;}
#pd-info{ display:block;}
#pd-info .left{ width: 100%; display: block; height: auto;}
#pd-info .left img{ width: 100%;height: auto;} 
#pd-info .right{width: 100%; margin-top: 1rem;}
#product-detail{ padding: 0;}
#solution-list{ padding: 0;}
#solution-list ul{ margin: 0; }
#solution-list ul li{ float:none; width: 100%; margin: 0 0 1.5rem; height: 13rem;}
#solution-list ul li img{ width: 100%;height: 100%;}
#news-detail{ padding: 0;}
.ban{ width:311px;  height:280px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{  width:311px; height:230px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:311px; height:230px;}
.ban2 ul li img{width: 100%; height: 100%;}
.prev{ float:left; cursor:pointer;}
.num{ height:40px;overflow:hidden; width:260px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:311px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:60px; height:40px; margin-right:5px; padding:1px;}
.num ul li img{ width: 100%; height: 100%;}
.num ul li.on{ border:1px solid red; padding:0;height:40px;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:12px; margin-right:14px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:12px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
#prev-next{ display: block; height: auto; font-size: 0.875rem;}
#prev-next p{ height: 2.5rem; line-height: 2.5rem;}
#article-title{ font-size: 18px;}
.ueditor_baidumap{ width: 100% !important;}
.BMap_mask{ width: 100% !important;}


}








@media screen and (min-width: 751px) and (max-width: 960px) {

html{font-size:100%;}
body{font-size:16px;font-size:1.2rem ;}
.wrap-white{padding:0;width:100%; background:#fff;}
.wrap-gray{ padding:0;background:#f1f1f1;}
.wrapper{width:100%;}
.clear{clear: both;}
#top{ padding: 0 1rem;}
#header{ padding: 0 1rem;}
#search{left: 200px;width: 340px;top: 30px;}
#nav ul li{ width: 128px;}
#banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height: 350px;}
.title h2{ font-size: 32px;}
.title h3{ font-size: 18px; margin-top: 0;}
.wrap-white.p1{ padding: 30px 0 50px 0;}
#brand { padding: 0 1rem; margin-top: 30px;height: 105px;}
#brand .swiper-container,#brand .swiper-wrapper,#brand .swiper-slide{height: 105px;}
#brand .swiper-slide span{ width: 100%;height: 105px;}
#brand .swiper-slide span img{ width: 100%;height: 100%;}
#brand .swiper-button-prev{ left: 0;}
#brand .swiper-button-next{ right: 0;}
#brand .swiper-button-prev, #brand .swiper-button-next{ top: 25px;background-size: 20px auto;}
.wrap-gray.p1{ padding: 40px 10px;}
#product .left{ width: 210px;}
#product .right{ flex: 1; width: auto; margin-left: 20px;}
#product .right .item ul li{ width:29%; height: 178px;}
#product .right .item ul li span{ width: 100%; height: auto;}
#product .right .item ul li img{ width: 100%; height: 100%;}
#solution{ margin: -220px auto 0 auto; width: 98%;}
#solution ul li{ width: 30%; height:200%;}
#solution ul li img{ width: 100%; height: 100%;}
.wrap-white.p2{ padding: 70px 10px;}
#partner .swiper-slide img{ width: 100%; height: auto;}
#partner .swiper-button-prev{ left: 0;}
#partner .swiper-button-next{ right: 0;}
#partner .swiper-button-prev, #partner .swiper-button-next{ top: 25px;background-size: 20px auto;}
#news{ margin-top: 0;}
#news-item .right{ flex: 1; margin-left: 10px;}
#footer{ padding: 44px 10px;}
#f-qrcode{ width: 235px;}
.wrap-gray.p2{padding: 20px 10px 30px 10px;}
#left{ width: 200px;}
#right{ flex: 1; margin-left: 10px;}
.cpzx-zfnr>ul>li>a.inactive{background: url(../image/cq139_06a.png) no-repeat 165px center;}
.cpzx-zfnr>ul>li>a.inactives{background: url(../image/cq139_06b.png) no-repeat 165px center;}
#product-list{ padding: 0;}
#product-list ul {margin: -36px 0 0 -20px;}
#product-list ul li{ width: 45%; height: 205px;margin: 36px 0 0 20px;}
#product-list ul li span{ width: 100%; height: 165px;}
#product-list ul li img{ width: 100%; height: 100%;}
#product-detail{ padding: 0;}
#pd-info .left{ width: 208px; height: 156px;}
#pd-info .left img{ width: 100%; height: 100%;}
#pd-info .right{ width: auto; flex: 1; margin-left: 15px;}


#solution-list{ padding: 0;}
#solution-list ul {margin: -36px 0 0 -20px;}
#solution-list ul li{ width: 46%; height: 155px;margin: 36px 0 0 20px;}
#solution-list ul li img{ width: 100%; height: 100%;}
#prev-next{ height: auto;}

#news-list{ padding: 0;}
#contact{ padding: 0;}
.ueditor_baidumap{ width: 100% !important;}
.BMap_mask{ width: 100% !important;}




}