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

/*头部+导航+大图*/
.headerBox{width:100%; overflow:hidden; background:url(../images/header_bj.jpg) no-repeat center center; background-size:cover;}
.topbox{width:100%; line-height:44px; border-bottom:1px solid rgba(255,255,255,0.2); font-size:14px; color:#fff;}
.topbox a{ color:#fff; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{ color:#fff; text-decoration:underline !important;}

.header{width:100%; padding:28px 0;}
.logo img{width:100%; max-width:442px; max-height:58px;}
.header_dianhua{height:60px; line-height:20px; color:#fff; font-size:14px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:60px;}
.header_dianhua span{display:block; overflow:hidden; line-height:40px; font-size:36px; font-family:Impact;}

nav{background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3); 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:60px; line-height:60px; font-size:16px; color:#000; text-align:center;}
.nav>li:hover>a{background:#2269bb; color:#fff;}
.nav>li>a.on{background:#2269bb; color:#fff;}

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background:rgba(34, 105, 187, 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:#fff; color:#2269bb;}

/*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-头部+导航+大图*/

/*首页内容*/
.imgbox{width:100%; overflow:hidden;}

.caseBox{width:100%; overflow:hidden; background:#f7f8f8; padding:40px 0;}
.case{width:100%; overflow:hidden;}
.case_title{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.case_title>span{float:left; font-size:18px; font-weight:bold; color:#2269bb; background:url(../images/case_jiantou.png) no-repeat left center; padding-left:35px;}
.case_ul{display:block; overflow:hidden; padding-top:30px; width:1232px;}
.case_ul li{width:276px; float:left; margin:0 32px 0 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:77.8986%;}
.case_ul li .case_txt{display:block; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:14px; color:#2f2f2f;}
.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_txt{color:#2269bb;}

.case1{padding-top:40px;}

.news{padding-top:40px;}
.con {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; overflow:hidden; padding-top:40px;}
#tags {width:41.75%; float:left; background:#fff; border-right:2px solid #dcdddd;}
#tags LI {width:100%; float:left;}
#tags LI A {display:block; overflow:hidden; padding:10px;}
#tags LI A .news_img{width:120px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; margin-right:25px;}
#tags LI A .news_img::before{content:""; display:block; padding-top:75%;}
#tags LI A .news_p{display:block; overflow:hidden; height:20px; line-height:20px; font-size:16px; color:#000; text-overflow:ellipsis; white-space: nowrap;}
#tags LI A .news_txt{display:block; overflow:hidden; height:60px; line-height:20px; font-size:14px; color:#2f2f2f; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:10px;}
#tags LI.selectTag A {background:#2269bb;}
#tags LI.selectTag A .news_p{color:#fff;}
#tags LI.selectTag A .news_txt{color:#fff;}
#tagContent {width:54%; float:right; display:-webkit-box; display:-ms-flexbox; display:flex;}
.tagContent {display: none; width:100%; height:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
#tagContent div.selectTag {display: block;}

.linkBox{width:100%; overflow:hidden; padding:70px 0;}
.link{display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden; border:2px solid #e5e6e6;}
.link_title{width:178px; float:left; background:#2269bb;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; font-size:24px; color:#fff; font-weight:bold; min-height:80px;}
.link_ul{display:block; width:calc(100% - 178px); float:left; overflow:hidden; padding:5px 0;}
.link_ul li{width:120px; float:left; margin:0 0 5px 18px;}
.link_ul li a{display:block; overflow:hidden; position:relative;}
.link_ul li a::before{content:""; display:block; padding-top:50%;}
.link_ul li a:hover img{opacity:0.5;}
/*END-首页内容*/

/*底部*/
footer{background:url(../images/footer_bj.jpg) no-repeat center center; background-size:cover;}
.footer{width:100%; overflow:hidden; padding:55px 0; border-bottom:1px solid rgba(255,255,255,0.3);}
.footer>.container{display:-webkit-box; display:-ms-flexbox; display:flex;}
.footer_lx{width:26%; float:left; border-right:1px solid rgba(255,255,255,0.3);}
.footer_lx>p{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow:hidden; line-height:42px; font-size:14px; color:#fff;}
.footer_lx>p>img{margin-right:10px;}

.footer_wx{width:27%; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:center; line-height:30px; font-size:14px; color:#fff;}
.footer_wx img{display:block; max-width:166px; height:auto; margin:0 auto;}

.footer_R{width:47%; float:right; padding-left:75px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;}
.footer_B{float:left; text-align:center;}
.footer_p{display:block; overflow:hidden; line-height:30px; font-size:14px; color:#fff;}
.footer_ul{display:block; overflow:hidden; padding-top:15px;}
.footer_ul li{display:block; overflow:hidden; height:36px; line-height:36px;}
.footer_ul li a{font-size:14px; color:#fff;}
.footer_ul li a:hover{color:#fff; text-decoration:underline!important;}

.foot{width:100%; overflow:hidden; line-height:20px; font-size:14px; color:#fff; padding:29px 0; text-align:center;}
.foot a{color:#fff; margin:0 5px;}
.foot a:hover{color:#fff; text-decoration:underline!important;}
/*END-底部*/

/*关于我们*/
.main{width:100%; overflow:hidden; padding:45px 0;}
.main_left{width:266px; float:left;}
.abotu{width:100%; float:left;}
.about_title{display:block; overflow:hidden; padding:20px 0; background:#0c529e; text-align:center; color:#fff;}
.about_p{line-height:38px; font-size:30px; color:#fff; font-weight:bold;}
.about_sp{line-height:26px; font-size:16px; color:#fff; text-transform:uppercase;}
.about_ul{display:block; overflow:hidden;}
.about_ul li{display:block; overflow:hidden; border-bottom:1px solid #e2e2e2;}
.about_ul li a{display:block; overflow:hidden; height:46px; line-height:46px; padding:0 20px; font-size:16px; color:#2f2f2f;} 
.about_ul li a>span{float:right; font-family:SimSun; font-size:20px;}
.about_ul li:hover a{background:#279ed9; color:#fff;}
.about_ul li.about_on a{background:#279ed9; color:#fff;}
.about_dianhua_bj{display:block; overflow:hidden; background:url(../images/about_dianhua_bj.jpg) no-repeat center center; background-size:cover; padding:30px 0 30px 25px;}
.about_dianhua{display:block; overflow:hidden; background:url(../images/about_dianhua.png) no-repeat left center; padding-left:60px; line-height:20px; color:#fff; font-size:14px;}
.about_dianhua>span{display:block; overflow:hidden; line-height:34px; font-family:Impact; font-size:30px;}

.main_right{width:888px; float:right;}
.dqwz_title{width:100%; float:left; border-bottom:1px solid #ccc; line-height:50px;}
.dqwz_p{float:left; font-size:24px; color:#3a3a3a; font-weight:bold;}
.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:#666; line-height:24px;}
.company img{max-width: 100% !important; height: auto !important;}
/*END-关于我们*/

/*产品分类/车间展示*/
.case_ul1{display:block; overflow:hidden; width:918px;}
.case_ul1 li{width:276px; float:left; margin:0 30px 0 0;}
.case_ul1 li .case_B{width:100%; overflow:hidden;}
.case_ul1 li .case_B .case_img{width:100%; overflow:hidden; background-position:center; background-repeat: no-repeat; background-size:cover;}
.case_ul1 li .case_B .case_img::before{content:""; display:block; padding-top:77.8986%;}
.case_ul1 li .case_txt{display:block; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:14px; color:#2f2f2f;}
.case_ul1 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_ul1 li:hover .case_txt{color:#2269bb;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:16px; color:#000; line-height:28px; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding-top:20px;}
.cpxq_img img{max-width: 500px !important;height: auto !important;}
.cpxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; color:#666; line-height:24px;}
/*END-产品分类/车间展示*/

/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:40px;}
.xw_ul li a{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.xw_ul li a .xw_B{width:198px; float:left; overflow:hidden;}
.xw_ul li a .xw_B .xw_img{width:100%; height:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xw_ul li a .xw_R{width:calc(100% - 198px); float:left; padding:0 0 10px 20px;}
.xw_ul li a .xw_R .xw_p{display:block; overflow:hidden; height:30px; line-height:30px; font-size:16px; color:#000; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a .xw_R .xw_sp{display:block; overflow:hidden; line-height:20px; font-size:14px; color:#000; margin-top:5px;}
.xw_ul li a .xw_R .xw_txt{display:block; overflow:hidden; height:72px; line-height:24px; font-size:14px; color:#000; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:15px;}
.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:#2269bb;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:16px; color:#000; line-height:28px; font-weight:bold;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:12px; color:#888; line-height:14px; padding:5px 0; border-bottom:1px dashed #ccc;}
.xwxq_img{display:block; padding-top:20px; overflow:hidden;}
.xwxq_txt{display:block; padding-top:20px; overflow:hidden; font-size:14px; color:#666; line-height:24px;}
/*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-头部+导航*/

/*首页内容*/
.caseBox {padding:40px 1%;}
.case_ul {width:100%;}
.case_ul li {width:23%; margin:0 1%;}
.linkBox {padding:50px 1%;}
/*END-首页内容*/

/*底部*/
.footer{padding:40px 1%;}
.foot{padding:25px 1%;}
/*END-底部*/

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

/*产品分类/车间展示*/
.case_ul1{width:100%;}
.case_ul1 li{width:31.33%;margin: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:#fff;}

.topbox{padding:0 10px;}
.header{padding:0; background:url(../images/header_bj.jpg) no-repeat center bottom; background-size:cover; 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(34, 105, 187, 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;}
.nav>li:hover>a{background:#fff; color:#2269bb;}
.nav>li>a.on{background:#fff; color:#2269bb;}
/*END-头部+导航*/

/*首页内容*/
.caseBox {padding:30px 10px;}
.case_ul li {width:31.33%; margin:0 1%;}
.linkBox {padding:30px 10px;}
/*END-首页内容*/

/*底部*/
.footer{padding:30px 10px;}
.footer_lx {width:33%;}
.footer_wx {width: 28%;}
.footer_R {width:39%; padding-left:20px;}
.foot{padding:20px 10px;}
/*END-底部*/

/*关于我们*/
.main{padding:30px 10px;}
.main_left{width:29%;}
.about_dianhua_bj {padding:20px 0 20px 15px;}
.about_dianhua>span {line-height:30px; font-size: 24px;}
.main_right{width:69%;}
/*END-关于我们*/

/*产品分类/车间展示*/
.case_ul1 li{width:48%;}
/*END-产品分类/车间展示*/

}

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

/*首页内容*/
.caseBox {padding:10px;}
.case_ul{padding-top:10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.case_ul li {width:calc(50% - 5px); margin:0;}
.case_ul li .case_txt {height:38px; line-height:38px;}
.case1 {padding-top:10px;}
.news {padding-top:10px;}
.con {padding-top:10px;}
#tags {width:100%; border:none; border-bottom:2px solid #dcdddd;}
#tags LI A {padding:5px;}
#tags LI A .news_img {margin-right:10px;}
.linkBox {padding:10px;}
.link{flex-wrap:wrap;}
.link_title {width:100%; font-size:18px; min-height:initial; padding:10px 0;}
.link_ul {width:100%; padding:5px 0;}
.link_ul li {width:32.33%; margin: 0 0.5% 5px 0.5%;}
/*END-首页内容*/

/*底部*/
.foot{padding:10px; font-size:12px;}
/*END-底部*/

/*关于我们*/
.main{padding:0;}
.main_left{width:100%;}
.about_title {height:50px; line-height:50px; padding:0 0 0 20px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center #0c529e; text-align:left; font-size:18px; font-weight:bold;}
.about_ul{display:none;}
.about_ul li a {height:40px; line-height:40px; }
.main_right{width:100%;}
.dqwz_contect{padding:10px;}
/*END-关于我们*/

/*产品分类/车间展示*/
.case_ul1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.case_ul1 li {width:calc(50% - 5px); margin:0;}
.case_ul1 li .case_txt {height:38px; line-height:38px;}
.cpxq_img{padding-top:10px;}
.cpxq_txt{padding-top:10px;}
/*END-产品分类/车间展示*/

/*新闻中心*/
.xw_ul li{margin-bottom:10px;}
.xw_ul li a .xw_B{width:100px;}
.xw_ul li a .xw_R{width:calc(100% - 100px); padding:0 0 0 10px;}
.xw_ul li a .xw_R .xw_heng{margin-top:2px;}
.xw_ul li a .xw_R .xw_txt{height:60px; line-height:20px; margin-top:2px;}
.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:#2269bb;}
.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:#2269bb;}

.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 #2269bb;}
.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:#c41313;}