﻿/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航+大图*/
.topbox{width:100%; border-bottom:1px solid #ebebeb; line-height:30px; font-size:14px; color:#999;}
.topbox a{color:#999; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{color:#098dd8; text-decoration:underline !important;}

.header{width:100%; padding:34px 0;}
.logo img{width:100%; max-width:412px; max-height:60px;}
.header_R{padding-top:10px;}
.search{width:372px; border:1px solid #ebebeb; border-radius:20px; padding:0 15px; background:#f4f4f4;}
.search_inp1{width:calc(100% - 18px); float:left; height:38px; line-height:38px; background:#f4f4f4; font-size:14px; color:#333;}
.search_inp1::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #999999;} 
.search_inp1:-moz-placeholder, textarea:-moz-placeholder {color: #999999;} 
.search_btn{width:18px; float:left; height:38px; background:url(../images/search_ss.png) no-repeat center center;}
.header_dianhua{line-height:16px; color:#333; font-size:14px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:48px; margin-left:100px;}
.header_dianhua span{display:block; overflow:hidden; line-height:28px; font-size:30px; font-weight:bold;}

nav{background:#098dd8; position:relative; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{width:14.285%; position:relative; padding-right:2px; background:url(../images/shutiao.jpg) no-repeat right center;}
.nav>li:last-child{padding:0; background:none;}
.nav>li>a{width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center;}
.nav>li:hover>a{background:#0364b0; color:#fff;}
.nav>li>a.on{background:#0364b0; color:#fff;}

.nav_sub{display:none; width:calc(100% - 2px); float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background:rgba(9, 141, 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:#0364b0; 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:40px 0;}
.cpzs_left{width:268px; float:left;}
.about{width:100%; float:left; margin-bottom:16px;}
.about_title{display:block; overflow:hidden; padding:26px 0; text-align:center; color:#fff; font-weight:bold; background-color:#212121;}
.about_p{line-height:40px; font-size:26px;}
.about_sp{line-height:32px; font-size:24px; text-transform:uppercase;}
.about_ul{display:block; overflow:hidden; border:3px solid #0364b0; border-top:none; padding:2px;}
.about_ul li{width:100%; float:left; overflow:hidden; margin:3px 0;}
.about_ul li a{display:block; overflow:hidden; background:url(../images/about_li_bj.jpg) repeat-x left center; background-size:auto 100%; padding:0 20px;}
.about_ul li a>span{display:block; overflow:hidden; height:46px; line-height:46px; position:relative; padding-left:35px; font-size:18px; color:#fff;}
.about_ul li a>span::before{content:""; width:10px; float:left; height:10px; background:#fff; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.about_ul li:hover a{background:#0364b0;}
.about_ul li.about_on a{background:#0364b0;}
.about_B{display:block; overflow:hidden; border:3px solid #0364b0; border-top:none; padding:2px;}
.about_dianhua{display:block; overflow:hidden; background:#fb941b; padding:28px 0 18px 22px; color:#fff;}
.about_dianhua_p{line-height:40px; font-family:Impact; font-size:35px;} 
.about_dianhua_sp{line-height:28px; font-size:14px; padding-left:22px; background:url(../images/about_dianhua.png) no-repeat left center;}
.about_txt{display:block; overflow:hidden; font-size:15px; color:#333; line-height:30px; padding:15px 5px;}
.cpzs_right{width:910px; float:right;}
.cpzs_title{display:block; overflow:hidden; line-height:74px; text-align:center; margin-top:20px; position:relative;}
.cpzs_p{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; overflow:hidden;}
.cpzs_p>span{float:left; position:relative; font-family:Impact; font-size:73px; color:#f1f1f1; text-transform:uppercase; padding:0 12px;}
.cpzs_p>span::before{content:""; width:500px; float:left; height:1px; background:#f1f1f1; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.cpzs_p>span::after{content:""; width:500px; float:left; height:1px; background:#f1f1f1; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.cpzs_sp{width:100%; float:left; font-size:30px; color:#098dd8; font-weight:bold; position:absolute; left:0; top:0;}
.cpzs_ul{display:block; overflow:hidden; width:939px;}
.cpzs_ul li{width:284px; float:left; margin:30px 29px 0 0;}
.cpzs_ul li .cpzs_B{width:100%; overflow:hidden; border:1px solid #e5e5e5;}
.cpzs_ul li .cpzs_B .cpzs_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzs_ul li .cpzs_B .cpzs_img::before{content:""; display:block; padding-top:74.8227%;}
.cpzs_ul li .cpzs_txt{display:block; overflow:hidden; margin-top:4px; height:44px; line-height:42px; text-align:center; border:1px solid #e5e5e5; font-size:16px; color:#333333;}
.cpzs_ul li:hover .cpzs_B .cpzs_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cpzs_ul li:hover .cpzs_txt{background:#098dd8; color:#fff;}

.gsjj{width:100%; overflow:hidden; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover; padding:40px 0 70px 0;}
.gsjj_title{display:block; overflow:hidden; text-align:center; line-height:80px; position:relative;}
.gsjj_p{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; overflow:hidden;}
.gsjj_p>span{float:left; position:relative; font-family:Impact; font-size:73px; color:#d0e9f5; text-transform:uppercase; padding:0 20px;}
.gsjj_p>span::before{content:""; width:200px; float:left; height:1px; background:#098dd8; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.gsjj_p>span::after{content:""; width:200px; float:left; height:1px; background:#098dd8; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.gsjj_sp{width:100%; float:left; font-size:30px; color:#0364b0; font-weight:bold; position:absolute; left:0; top:0;}
.gsjj_contect{display:block; overflow:hidden; padding-top:50px;}
.gsjj_right{width:50%; float:right; background:url(../images/gsjj_img_bj.jpg) no-repeat right top; padding:87px 166px 0 0;}
.gsjj_right img{max-width:100%; display:block; height:auto;}
.gsjj_left{width:50%; float:left; padding-right:45px;}
.gsjj_pp{line-height:40px; font-size:30px; color:#098dd8; font-weight:bold;}
.gsjj_spp{line-height:28px; font-size:19px; color:#098dd8;}
.gsjj_txt{display:block; overflow:hidden; margin-top:30px; line-height:30px; font-size:16px; height:180px; color:#333; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical;}
.gsjj_more{display:block; overflow:hidden; padding-top:35px;}
.gsjj_more>a{width:175px; float:left; height:48px; line-height:48px; text-align:center; background:#098dd8; font-size:14px; color:#fff;}
.gsjj_more>a:hover{background:#0364b0;}

.case{width:100%; overflow:hidden; padding:45px 0;}
.case .gsjj_p>span{color:#efeeee;}
.case .gsjj_p>span::before{background:#efefef;}
.case .gsjj_p>span::after{background:#efefef;}
.con {display:block; overflow:hidden; padding-top:40px;}
#tags {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;}
#tags LI {width:102px; float:left; margin:0 9px 10px 9px;}
#tags LI A {display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; background:#098dd8; font-size:18px; color:#fff;}
#tags LI.selectTag A {background:#0364b0;}
#tagContent {display:block; overflow:hidden;}
.tagContent {DISPLAY: none;}
#tagContent div.selectTag {DISPLAY: block}
.case_ul{display:block; overflow:hidden; width:1220px; padding-top:40px;}
.case_ul li{width:285px; float:left; margin:0 20px 26px 0;}
.case_ul li .cpzs_B{width:100%; overflow:hidden; border:1px solid #e5e5e5;}
.case_ul li .cpzs_B .cpzs_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case_ul li .cpzs_B .cpzs_img::before{content:""; display:block; padding-top:74.8227%;}
.case_ul li .cpzs_txt{display:block; overflow:hidden; margin-top:4px; height:44px; line-height:42px; text-align:center; border:1px solid #e5e5e5; font-size:16px; color:#333333;}
.case_ul li:hover .cpzs_B .cpzs_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.case_ul li:hover .cpzs_txt{background:#098dd8; color:#fff;}
.case_more{display:block; overflow:hidden; padding-top:6px;}
.case_more>a{width:175px; display:block; margin:0 auto; height:48px; line-height:48px; text-align:center; background:#098dd8; font-size:14px; color:#fff;}
.case_more>a:hover{background:#0364b0;}

.ys{width:100%; overflow:hidden; background:url(../images/ys_bj.jpg) no-repeat center center; background-size:cover; padding:55px 0 40px 0;}
.ys_title{display:block; overflow:hidden; text-align:center;}
.ys_p{line-height:54px; font-size:36px; color:#fbc91b; font-weight:bold;}
.ys_sp{line-height:34px; font-size:16px; color:#fff;}
.ys_contect{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; padding-top:45px;}
.ys_left{width:50%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ys_right{width:50%; float:right; background:#fff; padding:50px;}
.ys-imgbox{width:100%; overflow:hidden; height:332px;}
.ys-imgbox .swiper-slide{border-bottom:1px dashed #d0d0d0; padding-bottom:20px;}
.ys-imgbox .swiper-slide .ys_titles{display:block; overflow:hidden; line-height:36px; color:#0364b0;}
.ys-imgbox .swiper-slide .ys_titles .ys_pp{float:left; font-size:14px; text-transform:uppercase; margin-right:15px;}
.ys-imgbox .swiper-slide .ys_titles .ys_pp>span{float:left; font-size:24px;}
.ys-imgbox .swiper-slide .ys_titles .ys_spp{float:left; font-size:24px; font-weight:bold;}
.ys-imgbox .swiper-slide .ys_txt{display:block; overflow:hidden; height:90px; line-height:30px; margin-top:10px; font-size:16px; color:#333; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.ys_down{display:block; overflow:hidden; padding:30px 15px 0 50px;}
.ys-prev,.ys-next{float:left; width:40px; height:40px; line-height:40px; text-align:center; font-family:SimSun; font-size:26px; color:#fff; font-weight:bold; background:#0364b0; margin-right:2px; cursor:pointer; outline:none;}
.ys-prev:hover,.ys-next:hover{background:#193886;}
.ys_dianhua{float:right; padding-left:48px; background:url(../images/header_dianhua.png) no-repeat left center; line-height:16px; color:#333; font-size:14px;}
.ys_dianhua>span{display:block; overflow:hidden; line-height:28px; font-size:30px; font-weight:bold;}

.news{width:100%; overflow:hidden; padding:45px 0; background:#f8f8f8;}
.news .gsjj_p>span{color:#efeeee;}
.news .gsjj_p>span::before{background:#efefef;}
.news .gsjj_p>span::after{background:#efefef;}
.news_nav{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; overflow:hidden; padding-top:40px;}
.news_nav li{width:150px; float:left; margin:0 3px 5px 3px;}
.news_nav li a{display:block; overflow:hidden; height:44px; line-height:44px; border-radius:22px; text-align:center; background:#098dd8; font-size:20px; color:#fff;}
.news_nav li a:hover{background:#0364b0;}
.news_nav li.news_on a{background:#0364b0;}
.news_contect{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:40px;}
.news_left{width:calc(50% - 12px); float:left;}
.news_left .news_B{width:100%; overflow:hidden;}
.news_left .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_left .news_B .news_img::before{content:""; display:block; padding-top:51.3606%;}
.news_left .news_txtB{display:block; overflow:hidden; background:#fff; padding:20px;}
.news_left .news_txtB .news_p{display:block; overflow:hidden; line-height:30px; font-size:16px; color:#333; font-weight:bold; text-overflow:ellipsis; white-space: nowrap;}
.news_left .news_txtB .news_txt{display:block; overflow:hidden; line-height:24px; height:72px; font-size:14px; color:#666; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:10px;}
.news_left .news_txtB .news_sp{display:block; overflow:hidden; margin-top:10px; line-height:18px; font-size:12px; color:#666;}
.news_left .news_txtB .news_sp>span{float:right; font-size:12px; color:#0364b0; font-weight:bold; text-transform:uppercase;}
.news_left:hover .news_B .news_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.news_left:hover .news_txtB{background:#0364b0;}
.news_left:hover .news_txtB .news_p{color:#fff;}
.news_left:hover .news_txtB .news_txt{color:#fff;}
.news_left:hover .news_txtB .news_sp{color:#fff;}
.news_left:hover .news_txtB .news_sp>span{color:#fff;}
.news_right{width:50%; float:right; 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;-ms-flex-line-pack: justify; align-content: space-between;}
.news_right li{width:calc(50% - 7px); float:left; height:calc(50% - 7px);}
.news_right li a{width:100%; height:100%; display:block; overflow:hidden; background:#fff; padding:25px 20px;}
.news_right li a .news_p{display:block; overflow:hidden; line-height:30px; font-size:16px; color:#333; font-weight:bold; text-overflow:ellipsis; white-space: nowrap;}
.news_right li a .news_txt{display:block; overflow:hidden; line-height:24px; height:120px; font-size:14px; color:#666; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; margin-top:10px;}
.news_right li a .news_sp{display:block; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.news_right li a .news_sp>span{float:right; font-size:12px; color:#0364b0; font-weight:bold; text-transform:uppercase;}
.news_right li a:hover{background:#0364b0;}
.news_right li a:hover .news_p{color:#fff;}
.news_right li a:hover .news_txt{color:#fff;}
.news_right li a:hover .news_sp{color:#fff;}
.news_right li a:hover .news_sp>span{color:#fff;}
.news_more{padding-top:50px;}

.zxlybox{width:100%; overflow:hidden; background:url(../images/zxly_bj.jpg) no-repeat center center; background-size:cover; padding:65px 0;}
.zxly{width:calc(50% - 15px); float:left;}
.zxly_title{display:block; overflow:hidden; padding:18px 0 18px 38px; background:url(../images/zxly_img1.jpg) no-repeat center center; background-size:cover; color:#fff;}
.zxly_p{line-height:44px; font-size:26px;}
.zxly_sp{line-height:30px; font-size:14px;}
.zxly:last-child .zxly_title{background:url(../images/zxly_img2.jpg) no-repeat center center; background-size:cover;}
.zxly_txtB{display:block; overflow:hidden; background:#fff; padding:40px 35px;}
.zxly_txt{display:block; overflow:hidden; height:252px; line-height:28px; font-size:16px; color:#333; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:9; -webkit-box-orient: vertical;}
.zxly_form{display:block; overflow:hidden; background:#fff; padding:30px;}
.zxly_B{display:block; overflow:hidden; margin-bottom:12px; border:1px solid #e5e5e5; border-left:3px solid #0351b0;}
.zxly_spp{width:40px; float:left; height:42px; line-height:42px; text-align:right; font-size:16px; color:#999;}
.zxly_inp1{width:calc(100% - 40px); float:left; height:42px; line-height:42px; font-size:16px; color:#333; padding:0 10px;}
.zxly_inp2{width:calc(100% - 40px); float:left; height:102px; line-height:22px; font-size:16px; color:#333; padding:10px; border:none; outline:none;}
.zxly_btn{width:100%; display:block; overflow:hidden; height:44px; background:#0373d2; font-size:16px; color:#fff;}
/*END-首页内容*/

/*底部*/
.footer{width:100%; overflow:hidden; background:#eee; padding:30px 0;}
.footer_left{width:50%; float:left;}
.footer_B{float:left; margin-right:100px;}
.footer_p{display:block; overflow:hidden; line-height:26px; font-size:16px; color:#333; font-weight:bold; border-bottom:2px solid #0351b0; padding:0 12px 10px 12px;}
.footer_ul{display:block; overflow:hidden; padding-top:16px;}
.footer_ul li{display:block; overflow:hidden; height:30px; line-height:30px; text-align:center;}
.footer_ul li a{font-size:16px; color:#333;}
.footer_ul li a:hover{color:#0351b0; text-decoration:underline!important;}
.footer_right{width:50%; float:right;}
.footer_form{display:block; overflow:hidden; padding-top:15px;}
.footer_inp1{width:calc(100% - 158px); float:left; height:42px; line-height:42px; padding:0 10px; font-size:14px; color:#999;}
.footer_btn{width:158px; float:left; height:42px; line-height:42px; background:#0373d2; font-size:18px; color:#fff; cursor:pointer;}
.footer_up{display:block; overflow:hidden; padding-top:30px;}
.footer_wx{width:98px; float:left; font-size:14px; color:#333; line-height:32px; text-align:center;}
.footer_wx img{width:98px; height:98px; display:block; margin:0 auto;}
.footer_logo{display:block; overflow:hidden; padding:12px 0 0 18px;}
.footer_logo_L{float:left;}
.footer_logo_L img{display:block; max-width:100%; height:auto;}
.footer_logo_L span{display:block; overflow:hidden; line-height:56px; font-family:Impact; font-size:30px; color:#0373d2; text-align:center;}
.footer_logo_R{float:left;}
.footer_logo_R img{display:block; max-width:100%; height:auto;}

footer{width:100%; overflow:hidden; background:#282828;}
.footer_lx{display:block; overflow:hidden; border-bottom:1px solid #4c4c4c; padding:35px 0;}
.footer_lx>p{width:33.333%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:60px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:16px; color:#fff; border-right:1px solid #4c4c4c;}
.footer_lx>p>img{margin-right:15px;}
.footer_lx>p:last-child{border:none;}
.footer_txt{width:100%; overflow:hidden; line-height:50px; font-size:16px; color:#fff; text-align:center;}
.footer_txt a{color:#fff; margin:0 5px;}
.footer_txt a:hover{color:#fff; text-decoration:underline !important;}
/*END-底部*/

/*公司简介*/
.main{width:100%; overflow:hidden; padding:40px 0;}
.main_left{width:268px; float:left;}
.main_right{width:910px; float:right;}
.dqwz_title{width:100%; float:left; line-height:50px; border-bottom:1px solid #dfdfdf;}
.dqwz_p{float:left; font-size:16px; color:#333;}
.dqwz_nav{float:right;}
.dqwz_nav a{color:#333;}
.dqwz_nav a:hover{color:#098dd8; text-decoration:underline!important;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:14px; line-height:24px; color:#333;}
/*END-公司简介*/

/*产品展示*/
.cpzs_ul1{display:block; overflow:hidden; width:939px;}
.cpzs_ul1 li{width:284px; float:left; margin:0 29px 30px 0;}
.cpzs_ul1 li .cpzs_B{width:100%; overflow:hidden; border:1px solid #e5e5e5;}
.cpzs_ul1 li .cpzs_B .cpzs_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzs_ul1 li .cpzs_B .cpzs_img::before{content:""; display:block; padding-top:74.8227%;}
.cpzs_ul1 li .cpzs_txt{display:block; overflow:hidden; margin-top:4px; height:44px; line-height:42px; text-align:center; border:1px solid #e5e5e5; font-size:16px; color:#333333;}
.cpzs_ul1 li:hover .cpzs_B .cpzs_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cpzs_ul1 li:hover .cpzs_txt{background:#098dd8; color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#333; line-height:30px; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding-top:20px;}
.cpxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; color:#333; line-height:24px;}
/*END-产品展示*/

/*最新资讯*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:20px;}
.xw_ul li a{display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden;}
.xw_ul li a .xw_B{width:196px; float:left; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex;}
.xw_ul li a .xw_B .xw_img{width:100%; overflow:hidden; background-position:center; background-repeat: no-repeat;background-size:cover;}
.xw_ul li a .xw_R{width:calc(100% - 196px); float:left; padding-left:20px;}
.xw_ul li a .xw_R .xw_p{display:block; overflow:hidden; line-height:32px; font-size:18px; color:#202020; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a .xw_R .xw_txt{display:block; overflow:hidden; line-height:24px; height:96px; font-size:14px; color:#808080; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.xw_ul li a .xw_R .xw_sp{display:block; overflow:hidden; line-height:18px; font-size:14px; color:#5e5e5e;}
.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:#098dd8; font-weight:bold;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; line-height:30px; font-size:24px; color:#333; font-weight:bold;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; line-height:18px; font-size:12px; color:#a0a0a0; padding:5px 0; border-bottom:1px solid #ddd;}
.xwxq_img{display:block;overflow:hidden; padding-top:20px;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; color:#333; line-height:24px; padding-top:20px;}
/*END-最新资讯*/

/*联系我们*/
.contact_txt{display:block; overflow:hidden; font-size:14px; color:#333; line-height:30px;}
.contact_map{width:100%; overflow: hidden; height:350px; border:none; margin-top:20px;}
/*END-联系我们*/

@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:34px 1%;}
.header_dianhua {margin-left: 30px;}
.search {width: 300px;}
.header_dianhua span {font-size: 26px;}
nav{padding:0 1%;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:40px 1%;}
.cpzs_left {width:24%;}
.cpzs_right {width:74%;}
.cpzs_ul {width:100%;}
.cpzs_ul li{width:31.33%; margin:30px 1% 0 1%;}

.gsjj {padding:40px 1% 50px 1%;}
.gsjj_contect {padding-top:40px;}
.gsjj_left {padding-right:40px;}
.gsjj_right {padding:60px 100px 0 0;}

.case {padding:40px 1%;}
#tags LI {width:9.5%; margin: 0 0.25% 10px 0.25%;}
.case_ul {width:100%; padding-top:30px;}
.case_ul li {width:23%; margin:0 1% 26px 1%;}

.ys {padding:40px 1%;}
.ys_contect {padding-top:40px;}

.news {padding:40px 1%;}
.news_right li a {padding:20px;}

.zxlybox {padding:50px 1%;}
/*END-首页内容*/

/*底部*/
.footer{padding:30px 1%;}
.footer_B{margin-right:70px;}
.footer_logo_L{width:40%;}
.footer_logo_L span {font-size:26px;}
.footer_lx{padding:30px 1%;}
/*END-底部*/

/*公司简介*/
.main{padding:40px 1%;}
.main_left{width:24%;}
.main_right{width:74%;}
/*END-公司简介*/

/*产品展示*/
.cpzs_ul1 {width:100%;}
.cpzs_ul1 li{width:31.33%; margin:30px 1% 0 1%;}
/*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:#098dd8;}

.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;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:0; background:rgba(9, 141, 216, 0.8);}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none;}
.nav>li>a{width:100%; text-align:center; height:40px; line-height:40px; color:#fff;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:30px 10px;}
.cpzs_left {width:32%;}
.about_dianhua {padding:15px 0 15px 15px;}
.cpzs_right {width:66%;}
.cpzs_title {margin-top:0; line-height:60px;}
.cpzs_p>span {font-size: 60px;}
.cpzs_ul li{width:48%; margin:20px 1% 0 1%;}

.gsjj {padding:30px 10px;}
.gsjj_contect {padding-top:30px;}
.gsjj_left {padding-right:10px;}
.gsjj_txt {margin-top:15px;}
.gsjj_more {padding-top:15px;}
.gsjj_right {padding:30px 50px 0 0;}

.case {padding:30px 10px;}
#tags LI {width:12%;}
.case_ul {padding-top:20px;}
.case_ul li {width:31.33%; margin:0 1% 15px 1%;}

.ys {padding:30px 10px;}
.ys_contect {padding-top:30px;}
.ys_right {padding:20px;}
.ys_down {padding:20px 10px 0 10px;}
.ys_dianhua>span {font-size: 20px;}

.news {padding:30px 10px;}
.news_nav {padding-top:20px;}
.news_contect {padding-top:20px;}
.news_left .news_txtB {padding:10px;}
.news_right li a {padding:10px;}
.news_right li a .news_txt {height:74px; -webkit-line-clamp:3;}
.news_more {padding-top:30px;}

.zxlybox {padding:30px 10px;}
.zxly_txtB {padding:20px;}
.zxly_form {padding:15px;}
/*END-首页内容*/

/*底部*/
.footer{padding:20px 10px;}
.footer_B{margin-right:35px;}
.footer_inp1 {width:calc(100% - 118px);}
.footer_btn {width:118px; font-size:16px;}
.footer_up {padding-top:20px;}
.footer_logo {padding:10px 0 0 10px;}

.footer_logo_L{width:45%;}
.footer_logo_L span {font-size:20px;}
.footer_logo_R {width:45%;}

.footer_lx{padding:20px 10px;}
/*END-底部*/

/*公司简介*/
.main{padding:30px 10px;}
.main_left{width:32%;}
.main_right{width:66%;}
/*END-公司简介*/

/*产品展示*/
.cpzs_ul li{width:48%; margin:0 1% 20px 1%;}
/*END-产品展示*/

}

@media (max-width:767px){
/*头部+导航*/
.logo {padding:10px;}
.logo img{width:80%;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:0;}
.cpzs_left {width:100%;}
.about{margin:0;}
.about_title{padding:0 0 0 20px; text-align:left; height:50px; line-height:50px; font-size:18px; font-weight:bold; background-image:url(../images/imgs/sj_jiantou.png); background-position:right center; background-repeat:no-repeat;}
.about_ul{display:none;}
.about_ul li a>span {height:40px; line-height:40px; padding-left:20px; font-size: 16px;}
.cpzs_right {width:100%; padding:10px;}
.cpzs_ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzs_ul li{width:calc(50% - 5px); margin:0 0 10px 0;}
.cpzs_ul li .cpzs_txt {height:36px; line-height:36px; font-size:14px;}
.cpzs_ul li:last-child{display:none;}

.gsjj {padding:10px;}
.gsjj_title {line-height:40px;}
.gsjj_p>span {font-size:40px; padding:0 10px;}
.gsjj_sp {font-size:20px;}
.gsjj_contect {padding-top:10px;}
.gsjj_right{width:100%; padding:0;}
.gsjj_left {width:100%; padding:10px 0 0 0;}
.gsjj_pp {line-height: 30px; font-size:20px;}
.gsjj_spp {line-height:20px; font-size: 14px;}
.gsjj_txt {margin-top:10px; line-height:26px; font-size:14px; height:inherit; -webkit-line-clamp:inherit;}
.gsjj_more {padding-top:5px;}
.gsjj_more>a {width:120px; height:36px; line-height:36px;}

.case {padding:10px;}
.con {padding-top:10px;}
#tags{justify-content:space-between;}
#tags LI {width:calc(50% - 2px); margin:0 0 5px 0;}
#tags LI A {height:30px; line-height:30px; font-size:14px;}
.case_ul {padding-top:10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.case_ul li {width:calc(50% - 5px); margin:0 0 10px 0;}
.case_ul li .cpzs_txt {height:36px; line-height:36px; font-size:14px;}
.case_more>a {width:120px; height:36px; line-height:36px;}

.ys {padding:10px;}
.ys_p {line-height: 30px; font-size: 20px;}
.ys_sp {line-height: 20px; font-size:14px;}
.ys_contect {padding-top:10px;}
.ys_left{width:100%;}
.ys_left::before{content:""; display:block; padding-top:100%;}
.ys_right {width:100%; padding:5px;}
.ys_down {padding:10px 0 0 0;}

.news {padding:10px;}
.news_nav {padding-top:10px;justify-content:space-between;}
.news_nav li {width:calc(50% - 2px); margin: 0 0 4px 0;}
.news_nav li a {height:38px; line-height:38px; border-radius:19px; font-size:16px;}
.news_contect {padding-top:10px;}
.news_left{width:100%;}
.news_left .news_txtB {padding:5px;}
.news_right{width:100%; margin-top:10px;}
.news_right li{width:100%; height:initial; margin-bottom:10px;}
.news_right li a {padding:5px; height:initial;}
.news_right li a .news_txt {height:60px; line-height:20px; -webkit-line-clamp:3;}
.news_more {padding-top:10px;}

.zxlybox {padding:10px;}
.zxly {width:100%; margin-bottom:10px;}
.zxly_title {padding:10px 0 10px 10px;}
.zxly_txtB {padding:5px;}
.zxly_txt {height:initial; line-height:24px; font-size:14px; -webkit-line-clamp:initial;}
.zxly_form {padding:5px;}
/*END-首页内容*/

/*底部*/
.footer_txt {line-height:20px; font-size:12px; padding:10px;}
/*END-底部*/

/*公司简介*/
.main{padding:0;}
.main_left{width:100%;}
.main_right{width:100%;}
.dqwz_contect{padding:10px;}
/*END-公司简介*/

/*产品展示*/
.cpzs_ul1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzs_ul1 li{width:calc(50% - 5px); margin:0 0 10px 0;}
.cpzs_ul1 li .cpzs_txt {height:36px; line-height:36px; font-size:14px;}
.cpxq_p{font-size:16px; line-height:24px;}
.cpxq_img{padding-top:10px;}
/*END-产品展示*/

/*最新资讯*/
.xw_ul li {margin-bottom:10px;}
.xw_ul li a{padding:2px;}
.xw_ul li a .xw_B{width:110px;}
.xw_ul li a .xw_R{width:calc(100% - 110px);padding-left:10px;}
.xw_ul li a .xw_R .xw_p{font-size:16px;}
.xw_ul li a .xw_R .xw_txt{line-height:20px; height:60px;}

.xwxq_p{line-height:24px; font-size:16px;}
.xwxq_sp{line-height:16px;}
.xwxq_img{padding-top:10px;}
.xwxq_txt{padding-top:10px;}
/*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:#282828;}
.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:#098dd8; 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 #098dd8;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/