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

/*头部+导航+大图*/
.topbox{width:100%; border-bottom:1px solid #e5e5e5; line-height:36px; font-size:14px; color:#000;}
.topbox a{ color:#000; margin:0 10px;}
.topbox a:hover{ color:#0068b7; text-decoration:underline !important;}
.topbox a:first-child{float:right; width:85px; height:36px; background:#0068b7; font-size:14px; color:#fff; text-align:center; margin:0;}
.topbox a:first-child:hover{color:#fff;}

.header{width:100%; padding:26px 0;}
.logo img{width:100%; max-width:512px; max-height:60px;}
.header_dianhua{height:56px; line-height:20px; color:#000; font-size:13px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:70px; margin-top:9px;}
.header_dianhua span{display:block; overflow:hidden; line-height:36px; font-size:30px; font-family:Impact; color:#0068b7;}

nav{background:url(../images/nav_bj.png) no-repeat center center; background-size:1920px 100%; padding-bottom:9px; position:relative; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{width:12.5%; position:relative;}
.nav>li>a{width:100%; height:51px; line-height:51px; font-size:16px; color:#fff; text-align:center; overflow:hidden;}
.nav>li>a::before{content:""; width:1px; float:left; height:17px; background:#fff; opacity:0.3; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.nav>li>a::after{content:""; width:0; height:0; border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute;left:50%; top:-5px; transform:translateX(-50%); transition:all 0.4s;}
.nav>li:hover>a::after{top:0; color:#fff;}
.nav>li>a.on::after{top:0; color:#fff;}

.nav_sub{display:none; width:100%; float:left; position:absolute; left:0; top:100%; z-index:999999; background:rgba(0, 104, 183, 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:#305dc3; color:#fff;}

/*banner*/
.banner{width:100%; position:relative; margin-top:-9px;}
.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-头部+导航+大图*/

/*首页内容*/
.picbox{width:100%; overflow:hidden; padding:50px 0; background:#f8f8f8;}
.pic_title{display:block; overflow:hidden; text-align:center; padding-bottom:24px; background:url(../images/title_jiantou.png) no-repeat center bottom;}
.pic_p{line-height:46px; font-size:30px; color:#555;}
.pic_sp{line-height:34px; font-size:18px; color:#6d6d6d;}
.pic_ul{overflow:hidden; padding-top:35px;
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;
}
.pic_ul li{width:260px; float:left;}
.pic_ul li .pic_logo{width:85px; height:85px; display:block; margin:0 auto; border-radius:50%; background-image:url(../images/pic_icon.png); background-repeat:no-repeat;}
.pic_ul li .pic_pp{display:block; overflow:hidden; height:32px; line-height:32px; margin-top:10px; text-align:center; font-size:22px; color:#555;}
.pic_ul li .pic_txt{display:block; overflow:hidden; height:60px; line-height:30px; margin-top:10px; text-align:center; font-size:16px; color:#5b5b5b;}
.pic_ul li:nth-child(1) .pic_logo{background-position:left top;}
.pic_ul li:nth-child(2) .pic_logo{background-position:-85px top;}
.pic_ul li:nth-child(3) .pic_logo{background-position:-170px top;}
.pic_ul li:nth-child(4) .pic_logo{background-position:right top;}
.pic_ul li:hover .pic_logo{background-color:#0068b7;}
.pic_ul li:hover .pic_pp{color:#0068b7;}
.pic_ul li:nth-child(1):hover .pic_logo{background-position:left bottom;}
.pic_ul li:nth-child(2):hover .pic_logo{background-position:-85px bottom;}
.pic_ul li:nth-child(3):hover .pic_logo{background-position:-170px bottom;}
.pic_ul li:nth-child(4):hover .pic_logo{background-position:right bottom;}

.cpzx{width:100%; overflow:hidden; padding:45px 0;}
.cpzx_title{display:block; overflow:hidden; padding-bottom:20px; background:url(../images/title_heng.png) no-repeat center bottom; text-align:center; font-size:30px;}
.cpzx_p{line-height:40px; color:#0068b7;}
.cpzx_sp{line-height:36px; color:#b8b8b8; text-transform:uppercase; font-family:'Microsoft YaHei Light';}
.cpzx_contect{overflow:hidden; padding-top:55px;display:-webkit-box; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.cpzx_left{width:50%; float:left; position:relative; border:1px solid #dadada;}
.cpzx-imgbox .swiper-slide a{width:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.cpzx-imgbox .swiper-slide a::before{content:""; display:block; padding-top:81.6667%;}
.cpzx-imgbox .swiper-slide a .cpzx_hover{width:100%; overflow:hidden; height:35px; line-height:35px; text-align:center; position:absolute; left:0; bottom:0; z-index:9; background:rgba(255,255,255,0.7); font-size:14px; color:#05080f;}
.cpzx-imgbox .swiper-slide a:hover .cpzx_hover{background:rgba(0,104,183,0.5); color:#fff;}
.cpzx-prev,.cpzx-next{width:44px; float:left; height:80px; border:1px solid #dadada; background:#fff; font-family:SimSun; font-size:48px; color:#737373; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:9999; cursor:pointer; transition:all 0.4s; outline:none;
display:-webkit-box; display:-ms-flexbox; display:flex;
-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;
}
.cpzx-next{left:initial; right:0;}
.cpzx-prev:hover,.cpzx-next:hover{border-color:#0068b7; background:#0068b7; color:#fff;}
.cpzx_right{width:50%; float:right;display:-webkit-box; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;-ms-flex-line-pack: justify; align-content: space-between;-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; padding-left:12px;}
.cpzx_right li{width:calc(50% - 6px); float:left; height:calc(50% - 6px);}
.cpzx_right li a{width:100%; float:left; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;border:1px solid #dadada;}
.cpzx_right li a .cpzx_hover{width:100%; overflow:hidden; height:35px; line-height:35px; text-align:center; position:absolute; left:0; bottom:0; z-index:9; background:rgba(255,255,255,0.7); font-size:14px; color:#05080f;}
.cpzx_right li a:hover .cpzx_hover{background:rgba(0,104,183,0.7); color:#fff;}

.ys{width:100%; float:left; background:url(../images/ys_bj.jpg) no-repeat center top; background-size:cover; margin-top:77px;}
.ys_title{display:block; overflow:hidden; margin-top:-77px;}
.ys_ul{display:block; overflow:hidden; padding-top:218px;}
.ys_ul li{width:100%; float:left;}
.ys_ul li .ys_left{width:50%; float:left;}
.ys_ul li .ys_right{width:50%; float:right; padding:60px 0 0 40px;}
.ys_ul li .ys_right .ys_sub{width:84px; float:left; height:100px; line-height:84px; background:url(../images/ys_logo_bj.png) no-repeat center center; background-size:100% 100%; font-size:40px; color:#fff; text-align:center; margin-right:20px;}
.ys_ul li .ys_right .ys_p{display:block; overflow:hidden; line-height:44px; font-size:30px; color:#0068b7; font-weight:bold;}
.ys_ul li .ys_right .ys_txt{display:block; overflow:hidden; line-height:30px; font-size:16px; color:#474747;}
.ys_ul li .ys_right .ys_txt>span{font-weight:bold;}
.ys_ul li:nth-child(even) .ys_left{float:right;}
.ys_ul li:nth-child(2) .ys_left{margin-top:-40px;}
.ys_ul li:nth-child(3) .ys_left{margin-top:-25px;}
.ys_ul li:nth-child(4) .ys_left{margin-top:-50px;}
.ys_ul li:nth-child(5) .ys_left{margin-top:-30px;}

.gsjj{width:100%; overflow:hidden; padding:50px 0 30px 0;}
.gsjj_contect{padding-top:25px;
display:-webkit-box; display:-ms-flexbox; display:flex;
-ms-flex-wrap:wrap; flex-wrap:wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.gsjj_left{width:50%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gsjj_right{width:50%; float:right; background:#f4f4f4; padding:35px 30px;}
.gsjj_p{display:block; overflow:hidden; line-height:44px; font-size:24px; color:#0068b7;}
.gsjj_txt{display:block; overflow:hidden; line-height:32px; font-size:14px; color:#3a3a3a; height:192px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical;}
.gsjj_more{display:block; overflow:hidden; padding-top:15px;}
.gsjj_more a{display:block; overflow:hidden; width:94px; height:34px; line-height:32px; text-align:center; background:#fff; border:1px solid #0068b7; font-size:14px; color:#0068b7;}
.gsjj_more a:hover{background:#0068b7; color:#fff;}
.gsjj_ul{overflow:hidden; padding-top:55px;
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;
}
.gsjj_ul li{width:188px; float:left;}
.gsjj_ul li a{width:100%; float:left; overflow:hidden; position:relative; border-radius:50%; border:1px solid #0e70bb;}
.gsjj_ul li a::before{content:""; display:block; padding-top:100%;}
.gsjj_ul li a .gsjj_hover{width:100%; height:100%; float:left; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
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_ul li a .gsjj_hover .gsjj_logo{width:80px; height:52px; display:block; margin:0 auto; background-image:url(../images/gsjj_icon.png); background-repeat:no-repeat;}
.gsjj_ul li a .gsjj_hover .gsjj_pp{width:100%; overflow:hidden; height:35px; line-height:35px; text-align:center; font-size:24px; color:#0068b7; font-weight:bold; margin-top:10px;}
.gsjj_ul li a .gsjj_hover .gsjj_spp{width:100%; overflow:hidden; height:20px; line-height:20px; text-align:center; font-size:18px; color:#b4b4b4;}
.gsjj_ul li:nth-child(1) a .gsjj_hover .gsjj_logo{background-position:left top;}
.gsjj_ul li:nth-child(2) a .gsjj_hover .gsjj_logo{background-position:-80px top;}
.gsjj_ul li:nth-child(3) a .gsjj_hover .gsjj_logo{background-position:-160px top;}
.gsjj_ul li:nth-child(4) a .gsjj_hover .gsjj_logo{background-position:-240px top;}
.gsjj_ul li:nth-child(5) a .gsjj_hover .gsjj_logo{background-position:right top;}
.gsjj_ul li:nth-child(1) a:hover .gsjj_hover .gsjj_logo{background-position:left bottom;}
.gsjj_ul li:nth-child(2) a:hover .gsjj_hover .gsjj_logo{background-position:-80px bottom;}
.gsjj_ul li:nth-child(3) a:hover .gsjj_hover .gsjj_logo{background-position:-160px bottom;}
.gsjj_ul li:nth-child(4) a:hover .gsjj_hover .gsjj_logo{background-position:-240px bottom;}
.gsjj_ul li:nth-child(5) a:hover .gsjj_hover .gsjj_logo{background-position:right bottom;}
.gsjj_ul li a:hover{border-color:#bd2020;}
.gsjj_ul li a:hover .gsjj_hover .gsjj_pp{color:#bd2020;}

.case{width:100%; overflow:hidden; background:#f5f5f5; padding:45px 0;}
.case_ul{display:block; overflow:hidden; width:1230px; padding-top:40px;}
.case_ul li{width:380px; float:left; margin:0 30px 30px 0;}
.case_ul li .case_B{width:100%; overflow:hidden;}
.case_ul li .case_B .case_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case_ul li .case_B .case_img::before{content:""; display:block; padding-top:80%;}
.case_ul li .case_p{display:block; overflow:hidden; line-height:30px; height:30px; margin-top:10px; font-size:16px; color:#166dad; font-weight:bold; text-align:center; text-overflow:ellipsis; white-space: nowrap;}
.case_ul li .case_txt{display:block; overflow:hidden; line-height:28px; height:56px; margin-top:5px; font-size:14px; color:#000; text-align:center; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.case_ul li .case_more{display:block; overflow:hidden; width:120px; height:32px; line-height:30px; text-align:center; border:1px solid #166dad; background:#fff; color:#166dad; font-size:14px; margin:20px auto 0 auto;}
.case_ul li:hover .case_B .case_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 .case_more{background:#166dad; color:#fff;}

.news{width:100%; overflow:hidden; padding:45px 0;}
.news_left{width:51.25%; float:left; margin-top:35px;}
.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:41.4635%;}
.news_left .news_p{display:block; overflow:hidden; height:30px; line-height:30px; margin-top:15px; font-size:16px; color:#3a3a3a; text-overflow:ellipsis; white-space: nowrap;}
.news_left .news_p>span{float:right; font-size:12px; color:#9f9f9f; margin-left:10px;}
.news_left .news_txt{display:block; overflow:hidden; height:40px; line-height:20px; color:#797979; font-size:14px; margin-top:5px;}
.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_p{color:#0058ab;}    
.news_right{width:46.25%; float:right; margin-top:35px;}
.news_right li{display:block; overflow:hidden; padding-bottom:25px; margin-bottom:25px; border-bottom:1px dotted #aaa8a8;}
.news_right li .news_sub{width:94px; float:left; border:1px solid #d4d4d4; margin-right:15px; transition:all 0.4s;}
.news_right li .news_sub .news_sub_p{display:block; overflow:hidden; height:49px; line-height:48px; background:#fff; border-bottom:1px solid #d4d4d4; font-size:36px; color:#0058ab; text-align:center;}
.news_right li .news_sub .news_sub_sp{display:block; overflow:hidden; height:30px; line-height:30px; background:#e9e9e9; font-size:14px; color:#888888; text-align:center;}
.news_right li .news_p{display:block; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#3a3a3a; text-overflow:ellipsis; white-space: nowrap; transition:all 0.4s;}
.news_right li .news_txt{display:block; overflow:hidden; height:40px; line-height:20px; font-size:14px; color:#797979;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:10px;}
.news_right li:hover .news_sub{border-color:#0058ab;}
.news_right li:hover .news_p{color:#0058ab;}
.news_right li:last-child{padding:0; margin:0; border-bottom:none;}

.lxwmBox{width:100%; overflow:hidden; padding:50px 0;}
.lxwmBox>.container{display:-webkit-box; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap; border:3px solid #eee;}
.lxwm_left{width:65.5%; float:left; background:url(../images/lxwm_bj.jpg) no-repeat center center; background-size:cover; padding:25px 35px;}
.lxwm_title{display:block; overflow:hidden; line-height:38px; font-size:18px; color:#0058ab; font-weight:bold;}
.lxwm_title>span{font-size:15px; color:#0d6bc1; padding-left:10px; font-weight:normal; text-transform:uppercase;}
.lxwm_txt{display:block; overflow:hidden; font-size:16px; color:#0058ab; line-height:36px; padding-top:30px;}
.lxwm_txt>span{font-size:18px; font-weight:bold;}
.lxwm_txt>span:first-child{font-size:16px;}
.lxwm_right{width:34.5%; float:right; padding:25px;}
.zxly_form{display:block; overflow:hidden; padding-top:15px;}
.zxly_B{width:100%; float:left; margin-bottom:15px; border:1px solid #c7c7c7;}
.zxly_sp{width:80px; float:left; height:36px; line-height:36px; text-align:right; font-size:14px; color:#737373;}
.zxly_inp1{width:calc(100% - 80px); float:left; height:36px; font-size:14px; color:#000; padding:0 10px;}
.zxly_btn{width:100%; float:left; height:38px; line-height:38px; background:#0e6abf; font-size:16px; color:#fff; border-radius:19px; margin-top:15px;}

.tx{width:100%; overflow:hidden; padding:40px 0;}
.tx_titleB{width:100%; max-width:868px; margin:0 auto; display:block; position:relative;
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;
}
.tx_title{float:left; height:70px; line-height:70px; background:#0e6abf; border-radius:15px; padding:0 30px; font-size:30px; color:#fff; position:relative; z-index:2;}
.tx_heng{width:100%; float:left; height:1px; background:#0e6abf; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.tx_heng::before{content:""; width:1px; float:left; height:33px; background:#0e6abf; position:absolute; left:0; top:0;}
.tx_heng::after{content:""; width:1px; float:left; height:33px; background:#0e6abf; position:absolute; right:0; top:0;}
.tx_ul{overflow:hidden; padding-top:40px;
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;
}
.tx_ul li{width:108px; float:left;}
.tx_ul li .tx_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:50%; position:relative; top:0; transition:all 0.4s;}
.tx_ul li .tx_img::before{content:""; display:block; padding-top:100%;}
.tx_ul li .tx_txt{display:block; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:18px; color:#000; transition:all 0.4s;}
.tx_ul li:hover .tx_img{top:-10px;}
.tx_ul :hover .tx_txt{color:#0e6abf;}
/*END-首页内容*/

/*底部*/
footer{background:#0068b7;}
footer a{color:#fff; margin:0 5px;}
footer a:hover{color:#fff; text-decoration:underline !important;}
.footer_nav{width:100%; overflow:hidden; text-align:center; border-bottom:1px solid rgba(255,255,255,0.2); font-size:16px; color:#fff; line-height:28px; padding:15px 0;}
.footer_nav a{margin:0 40px;}
.footer{width:100%; overflow:hidden; padding:30px 0;}
.footer_left{ color:#fff; font-size:18px; line-height:40px;}
.footer_left img{display:block; max-width:100%; height:auto; /*margin-bottom:30px;*/}
.footer_left>span{font-size:30px;}
.footer_right{width:144px; text-align:center; color:#fff; font-size:14px; line-height:40px;}
.footer_right img{width:144px; height:144px; display:block; margin:0 auto;}
/*END-底部*/

/*关于我们*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:260px; float:left;}
.about{width:100%; float:left; margin-bottom:35px;}
.about_title{display:block; overflow:hidden; height:56px; line-height:56px; background:#0071c8; text-align:center; font-size:24px; color:#fff;}
.about_ul{display:block; overflow:hidden;}
.about_ul li{display:block; overflow:hidden; margin-top:5px;}
.about_ul li a{display:block; overflow:hidden; border:1px solid #ddd; background:#eaeaea; height:48px; line-height:46px; text-align:center; font-size:16px; color:#000;}
.about_ul li a:hover{background:#0071c8; border-color:#0071c8; color:#fff;}
.about_ul li a.act{background:#0071c8; border-color:#0071c8; color:#fff;}
.about_title1{display:block; overflow:hidden; line-height:40px; font-size:22px; color:#0071c8; font-weight:bold; text-transform:uppercase;}
.about_title1>span{padding-left:10px;}
.about_B{display:block; overflow:hidden; padding-top:10px;}
.about_B img{width:100%; display:block; height:auto;}
.about_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px; padding-top:15px;}

.main_right{width:876px; float:right;}
.dqwz_title{width:100%; float:left; border-bottom:1px solid #e5e5e5; line-height:56px;}
.dqwz_p{float:left; font-size:30px; color:#0071c8;}
.dqwz_nav{float:right; font-size:14px; color:#000;}
.dqwz_contect{width:100%; float:left; padding-top:20px;}
.company{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.company img{max-width: 100%; height: auto!important;}

/*END-关于我们*/

/*热门产品/产品中心/案例展示*/
.cp_ul{display:block; overflow:hidden; width:885px;}
.cp_ul li{width:286px; float:left; margin:0 9px 20px 0;}
.cp_ul li .cp_B{width:100%; overflow:hidden; border:1px solid #d9d9d9;}
.cp_ul li .cp_B .cp_img{width:100%; height: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:83.0986%;}
.cp_ul li .cpzx_txt{width:100%; overflow:hidden; height:36px; line-height:36px; text-align:center; background:#e8e8e8; font-size:14px; color:#000; margin-top:1px;}
.cp_ul li:hover .cp_B{border-color:#0071c8;}
.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 .cpzx_txt{background:#0071c8; color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_img{width:40%; float:left; border:1px solid #ccc; margin-right:30px;}
.cpxq_p{display:block; overflow:hidden; font-size:20px; color:#000; font-weight:bold; line-height:40px;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#333; line-height:24px; padding-top:20px;}
.cpxq_more{display:block; overflow:hidden;}
.cpxq_more a{float:left; margin:5px; width:150px; height:30px; line-height:30px; text-align:center; background:#0071c8; font-size:14px; color:#fff;}
.cpxq_more a:hover{color:#ccc;}
.cpxq_dianhua{display:block; overflow:hidden; line-height:30px; font-size:14px; color:#000;}
.cpxq_dianhua>span{font-weight:bold; font-size:20px; color:#0071c8; font-family:Impact; padding-left:5px;}

.cpxq_nav{width:100%; overflow:hidden; border-bottom:1px solid #ccc; margin-top:30px;}
.cpxq_nav a{float:left; width:120px; height:35px; line-height:35px; text-align:center; font-size:16px; color:#fff; background:#0071c8; margin-right:10px;}
.cpxq_nav a:hover{color:#ccc;}
.cpxq_contect{padding-top:15px; font-size:14px; color:#000; line-height:30px;}
.cpxq_contect img{max-width: 100%;height: auto;}

/*END-热门产品/产品中心/案例展示*/

/*最新资讯*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:20px;}
.xw_ul li .xw_B{width:180px; float:left; overflow:hidden; margin-right:15px;}
.xw_ul li .xw_B .xw_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xw_ul li .xw_B .xw_img::before{content:""; display:block; padding-top:72.2223%;}
.xw_ul li .xw_p{display:block; overflow:hidden; height:32px; line-height:32px; font-size:16px; color:#484848; font-weight:bold; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li .xw_heng{display:block; overflow:hidden; width:30px; height:2px; background:#0f80cc;}
.xw_ul li .xw_txt{display:block; overflow:hidden; font-size:14px; color:#999; line-height:24px; height:72px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:20px;}
.xw_ul li: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:hover .xw_p{color:#0f80cc;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:16px; color:#000; font-weight:bold; line-height:26px; padding-bottom:10px; border-bottom:1px dashed #ccc;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:12px; color:#888; padding-top:10px;}
.xwxq_img{display:block; overflow:hidden; padding:15px 0;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:24px;}
.xwxq_txt img{max-width: 100%;height: auto;}

/*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-联系我们*/

@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:25px 1%;}
nav{padding:0 1%;}
/*END-头部+导航*/

/*首页内容*/
.picbox {padding:40px 1%;}
.pic_ul li {width:23%;}

.cpzx {padding:40px 1%;}
.cpzx_contect {padding-top:40px;}

.ys {padding:0 1%;}

.gsjj {padding:40px 1% 30px 1%;}
.gsjj_right {padding:30px 25px;}
.gsjj_ul {padding-top:40px;}
.gsjj_ul li {width: 180px;}

.case {padding:40px 1%;}
.case_ul {width:100%;}
.case_ul li {width:31.33%; margin:0 1% 20px 1%;}
.case_ul li .case_more {margin:10px auto 0 auto;}

.news {padding:40px 1%;}
.news_right li {padding-bottom:15px; margin-bottom:15px;}

.lxwmBox {padding:40px 1%;}
.tx {padding:40px 1%;}
/*END-首页内容*/

/*底部*/
.footer_nav{padding:15px 1%;}
.footer_nav a{margin:0 25px;}
.footer{padding:30px 1%;}
/*END-底部*/

/*关于我们*/
.main{padding:40px 1%;}
.main_left{width:24%;}
.main_right{width:74%;}
/*END-关于我们*/

/*热门产品/产品中心/案例展示*/
.cp_ul{width:100%;}
.cp_ul li{width:32.33%; margin:0 0.5% 20px 0.5%;}
/*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:#0071c8;}

.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:20px 10px;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:0; background:rgba(0, 104, 183, 0.8);}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none;}
.nav>li>a{width:100%; color:#000; text-align:center; height:40px; line-height:40px; color:#fff;}
.nav>li>a::before{display:none;}
.nav>li>a::after{display:none;}
.nav>li:hover>a{background:#fff; color:#0071c8;}
/*END-头部+导航*/

/*首页内容*/
.picbox {padding:30px 10px;}
.pic_ul {padding-top:30px;}

.cpzx {padding:30px 10px;}
.cpzx_contect {padding-top:30px;}

.ys_ul {padding-top:130px;}
.ys_ul li .ys_right {padding:30px 0 30px 20px;}
.ys_ul li:nth-child(2) .ys_left {margin-top:0;}
.ys_ul li:nth-child(3) .ys_left {margin-top:-30px;}
.ys_ul li:nth-child(4) .ys_left {margin-top:-75px;}
.ys_ul li:nth-child(5) .ys_left {margin-top:-30px;}

.gsjj {padding:30px 10px;}
.gsjj_right {padding:15px;}
.gsjj_ul {padding-top:30px;}
.gsjj_ul li {width:19%;}
.gsjj_ul li a .gsjj_hover .gsjj_pp {height:30px; line-height:30px; font-size:20px; margin-top:5px;}
.gsjj_ul li a .gsjj_hover .gsjj_spp {height:18px; line-height:18px; font-size:14px;}

.case {padding:30px 10px;}
.case_ul {padding-top:30px;}
.case_ul li {margin:0 1% 10px 1%;}
.case_ul li .case_txt {line-height:24px; height:48px;}

.news {padding:30px 10px;}
.news_right li {padding-bottom:10px; margin-bottom:10px;}

.lxwmBox {padding:30px 10px;}
.lxwm_left {width:60%; padding:20px;}
.lxwm_right {width:40%; padding:20px;}

.tx {padding:30px 10px;}
.tx_titleB {max-width:90%;}
.tx_ul li {width:11.5%;}
/*END-首页内容*/

/*底部*/
.footer_nav{padding:10px;}
.footer_nav a{margin:0 12px;}
.footer{padding:30px 10px;}
/*END-底部*/

/*关于我们*/
.main{padding:30px 10px;}
.main_left{width:29%;}
.about_title1 {font-size: 18px;}
.main_right{width:69%;}
/*END-关于我们*/

}

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

/*首页内容*/
.picbox {padding:10px;}
.pic_p {line-height:32px; font-size:22px;}
.pic_sp {line-height:24px; font-size:14px;}
.pic_ul {padding-top:10px;}
.pic_ul li{width:49%;}
.pic_ul li .pic_logo {width:60px; height:60px; background-image: url(../images/pic_icon.png); background-repeat: no-repeat; background-size:240px 120px;}
.pic_ul li .pic_pp {height: 30px; line-height: 30px; margin-top:5px; font-size: 18px;}
.pic_ul li .pic_txt {height:66px; line-height:22px; margin-top:5px; font-size:14px;}
.pic_ul li:nth-child(2) .pic_logo {background-position:-60px top;}
.pic_ul li:nth-child(3) .pic_logo {background-position:-60px top;}
.pic_ul li:nth-child(2):hover .pic_logo {background-position:-60px bottom;}
.pic_ul li:nth-child(3):hover .pic_logo {background-position:-60px bottom;}

.cpzx {padding:10px;}
.cpzx_title {padding-bottom:15px; font-size:18px;}
.cpzx_p {line-height:30px;}
.cpzx_sp {line-height:20px;}
.cpzx_contect {padding-top:10px;}
.cpzx_left {width:100%;}
.cpzx_right {width:100%; padding:0;}
.cpzx_right li {width:calc(50% - 5px); height:auto; margin-top:10px;}
.cpzx_right li a::before {content: ""; display: block; padding-top: 81.6667%;}

.ys {margin-top:10px; padding:10px;}
.ys_title {margin-top:0;}
.ys_ul {padding-top:10px;}
.ys_ul li .ys_left{width:100%;}
.ys_ul li .ys_right .ys_sub {width:34px; height:40px; line-height:34px; font-size:18px; margin-right:10px;}
.ys_ul li .ys_right .ys_p {line-height:40px; font-size:20px;}
.ys_ul li .ys_right .ys_txt {line-height:24px; font-size:14px;}
.ys_ul li .ys_right {width:100%; padding:10px 0;}
.ys_ul li:nth-child(2) .ys_left {margin-top:0;}
.ys_ul li:nth-child(3) .ys_left {margin-top:0;}
.ys_ul li:nth-child(4) .ys_left {margin-top:0;}
.ys_ul li:nth-child(5) .ys_left {margin-top:0;}

.gsjj {padding:10px;}
.gsjj_contect {padding-top:10px;}
.gsjj_left{width:100%;}
.gsjj_left::before{content:""; display:block; padding-top:60%;}
.gsjj_right {width:100%; padding:5px;}
.gsjj_p {line-height: 30px; font-size: 18px;}
.gsjj_txt {line-height:22px; height:176px; -webkit-line-clamp:8;}
.gsjj_more {padding-top:5px;}
.gsjj_ul {padding-top:10px; justify-content:center;}
.gsjj_ul li {width:31.33%; margin:0 1%;}
.gsjj_ul li a .gsjj_hover .gsjj_logo {width:48px; height:31px; background-image: url(../images/gsjj_icon.png); background-repeat: no-repeat; background-size:240px 62px;}
.gsjj_ul li a .gsjj_hover .gsjj_pp {height:24px; line-height:24px; font-size:16px; margin-top:0;}
.gsjj_ul li a .gsjj_hover .gsjj_spp {height:16px; line-height:16px; font-size:12px;}
.gsjj_ul li:nth-child(2) a .gsjj_hover .gsjj_logo{background-position:-48px top;}
.gsjj_ul li:nth-child(3) a .gsjj_hover .gsjj_logo{background-position:-96px top;}
.gsjj_ul li:nth-child(4) a .gsjj_hover .gsjj_logo{background-position:-144px top;}
.gsjj_ul li:nth-child(2) a:hover .gsjj_hover .gsjj_logo{background-position:-48px bottom;}
.gsjj_ul li:nth-child(3) a:hover .gsjj_hover .gsjj_logo{background-position:-96px bottom;}
.gsjj_ul li:nth-child(4) a:hover .gsjj_hover .gsjj_logo{background-position:-144px bottom;}

.case {padding:10px;}
.case_ul {padding-top:10px;}
.case_ul li {width:100%; margin:0 0 10px 0;}
.case_ul li .case_B {width:102px; float:left; margin-right:10px;}
.case_ul li .case_B .case_img::before {padding-top:100%;}
.case_ul li .case_p {margin-top:0;}
.case_ul li .case_txt {line-height:22px; height:66px;-webkit-line-clamp:3;}

.news {padding:10px;}
.news_left {width:100%; margin-top:10px;}
.news_left .news_p {margin-top:5px;}
.news_right li .news_sub {width:80px; margin-right:10px;}
.news_right {width:100%; margin-top:10px;}
.news_right li .news_sub .news_sub_p {height: 43px; line-height: 42px; font-size: 30px;}
.news_right li .news_txt {margin-top:5px;}

.lxwmBox {padding:10px;}
.lxwm_left {width:100%; padding:10px;}
.lxwm_txt {font-size:14px; line-height:30px; padding-top:10px;}
.lxwm_right {width:100%; padding:10px;}
.zxly_B {margin-bottom:10px;}

.tx {padding:10px;}
.tx_title {height:50px; line-height:50px; border-radius:10px; padding:0 10px; font-size:20px;}
.tx_heng::before {height:25px;}
.tx_heng::after {height:25px;}
.tx_ul {padding-top:10px;}
.tx_ul li {width:23%;}
.tx_ul li .tx_txt {height:40px; line-height:40px; font-size:14px;}
/*END-首页内容*/

/*底部*/
.footer_nav{padding:10px; font-size:14px; line-height:22px;}
.footer_nav a{margin:0 5px;}
.footer{padding:10px;}
.footer_left{width:100%; text-align:center; font-size:14px; line-height:22px;}
/*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 #0168b7; text-align:left; padding-left:20px; font-size:18px;}
.about_ul{padding:0 2px; display:none;}
.about_ul li{margin-top:2px;}
.about_ul li a{height:38px; line-height:36px;}
.main_right{width:100%;}
.dqwz_contect{padding:10px; line-height:24px;}
/*END-关于我们*/

/*热门产品/产品中心/案例展示*/
.cp_ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cp_ul li{width:calc(50% - 5px); margin:0 0 10px 0;}

.cpxq_img{width:100%; float:none; overflow:hidden; margin-right:0;}
.cpxq_p{font-size:18px; line-height:30px; margin-top:10px;}
.cpxq_txt{padding-top:10px;}
.cpxq_more{display:flex; justify-content:space-between; overflow:hidden;}
.cpxq_more a{margin:5px 0; width:calc(50% - 5px);}

.cpxq_nav{margin-top:10px;}
.cpxq_nav a{width:30%; margin-right:1%;}
.cpxq_contect{padding-top:10px;}
/*END-热门产品/产品中心/案例展示*/

/*最新资讯*/
.xw_ul li{margin-bottom:10px;}
.xw_ul li .xw_B{width:100px; margin-right:10px;}
.xw_ul li .xw_B .xw_img::before{padding-top:100%;}
.xw_ul li .xw_p{height:30px; line-height:30px;}
.xw_ul li .xw_txt{line-height:20px; height:60px; margin-top:5px;}
/*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:#0168b7;}
.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:#fff; color:#0168b7;}

.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 #ddd;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/
.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 15px;  border: solid 1px #dedede; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#f00;}