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

/*头部+导航+大图*/
.header{width:100%; padding:46px 0; border-bottom:1px solid #fff; background:url(../images/header_bj.jpg) no-repeat center center; background-size:cover;}
.logo img{width:100%; max-width:634px; max-height:130px;}
.header_R{width:272px; padding-top:20px;}
.header_nav{display:block; overflow:hidden;}
.header_nav a{width:calc(50% - 4px); float:left; height:40px; line-height:40px; background:#4e5f6f; text-align:center; font-size:16px; color:#fff;}
.header_nav a:hover{background:#7eb0cd;}
.header_dianhua{overflow:hidden; margin-top:8px; background:#7c8282; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.header_dianhua span{float:left; height:55px; line-height:55px; color:#fff; font-size:28px; font-weight:bold; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:30px;}

nav{background:url(../images/nav_bj.jpg) repeat-x left center; background-size:10px 100%; position:relative; left:0; top:0; z-index:999999;  border-bottom:1px solid #fff;}
.nav{width:100%;}
.nav>li{width:11.1111%; position:relative;}
.nav>li>a{width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center;}
.nav>li:hover>a{background:#4e5f6f; color:#fff;}
.nav>li>a.on{background:#4e5f6f; color:#fff;}

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background:rgba(126, 176, 205, 0.8);}
.nav_sub>dd{display:block; overflow:hidden;}
.nav_sub>dd>a{display:block;text-align: center; overflow:hidden; height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#fff;}
.nav_sub>dd>a:hover{background:#4e5f6f; 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 .banner-imgbox:hover .next{opacity:1;}
.banner .banner-imgbox:hover .prev{opacity:1;}
/*END-头部+导航+大图*/

/*首页内容*/
.gsjj{width:100%; overflow:hidden; background:#f8f8f8; padding:20px; margin-top:25px;}
.gsjj_img{width:292px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; margin-right:30px;}
.gsjj_img::before{content:""; display:block; padding-top:75.3425%;}
.gsjj_p{display:block; overflow:hidden; margin-top:15px; font-size:16px; line-height:30px; color:#333; font-weight:bold;}
.gsjj_txt{display:block; overflow:hidden; font-size:16px; color:#333; line-height:30px; margin-top:10px;}
.gsjj_more{display:block; overflow:hidden; padding-top:30px;}
.gsjj_more a{width:150px; float:left; height:45px; border:2px solid #6b91a6; line-height:41px; text-align:center; background:#fff; font-size:14px; color:#6b91a6;}
.gsjj_more a:hover{background:#6b91a6; color:#fff;}

.cpzs{width:100%; overflow:hidden; padding:40px 0; background:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.cpzs_liB{width:33.33%; float:left; border-right:1px solid #000; padding:15px; 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;}
.cpzs_liB:nth-child(3n){border:none;}
.cpzs_liB .cpzs_B{width:100%; max-width:250px; float:left;}
.cpzs_liB .cpzs_B .cpzs_p{display:block; overflow:hidden; line-height:36px; font-size:20px; color:#4c5f6e; font-weight:bold;}
.cpzs_liB .cpzs_img{width:100%; overflow:hidden; margin-top:15px;}
.cpzs_liB .cpzs_img a{width:100%; float:left; overflow:hidden;}
.cpzs_liB .cpzs_img a::before{content:""; display:block; padding-top:70%;}
.cpzs_ul{display:block; overflow:hidden; padding-top:25px;}
.cpzs_ul li{display:block; overflow:hidden; padding:5px 0;}
.cpzs_ul li a{display:block; overflow:hidden; line-height:22px; font-size:14px; color:#4c5f6e; padding-left:15px; position:relative;}
.cpzs_ul li a::before{content:""; width:4px; float:left; height:4px; background:#000; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.cpzs_ul li a:hover{color:#6b91a6; text-decoration:underline!important;}
/*END-首页内容*/

/*底部*/
footer{background:#7fafcb; padding:48px 0;}
.footer_L{width:50%; float:left; line-height:30px; font-size:16px; color:#000; font-weight:bold;}
.footer_R{width:50%; float:right; line-height:30px; font-size:18px; color:#000; font-weight:bold;}
.footer_R img{float:right; margin-top:7px;}
.footer{width:100%; float:left; padding-top:30px;}
.footer a{width:52px; float:left; height:52px; background-image:url(../images/footer_icon.png); background-repeat:no-repeat; margin-right:8px; position:relative;}
.footer a:nth-child(1){background-position:left center;}
.footer a:nth-child(2){background-position:-60px center;}
.footer a:nth-child(3){background-position:right center;}

.footer_wx{width:140px; height:0; overflow:hidden; float:left; position:absolute; left:-44px; bottom:110%; transition: all 0.4s;}
.footer_wx img{display:block; max-width:100%; height:auto;}
.footer a:hover .footer_wx{height:140px;}

/*END-底部*/

/*公司介绍*/
.main{width:100%; overflow:hidden; background:#fff; margin:20px 0 60px 0; padding:20px;}
.main_left{width:242px; float:left;}
.about{width:100%; float:left;}
.about_title{display:block; overflow:hidden;}
.about_p{display:block; overflow:hidden; line-height:40px; font-size:30px; color:#333; font-weight:bold;}
.about_sp{display:block; overflow:hidden; line-height:24px; font-size:14px; color:#999; text-transform:uppercase;}
.about_ul{display:block; overflow:hidden; margin-top:30px; box-shadow:0 0 5px rgba(175,175,175,0.75); padding:30px 0;}
.about_ul li{display:block; overflow:hidden; margin-bottom:10px;}
.about_ul li a{display:block; overflow:hidden; height:30px; line-height:30px; border-left:2px solid #fff; font-size:16px; color:#4c5f6e; padding-left:25px;}
.about_ul li a>span{float:right; width:30px; height:30px; line-height:30px; text-align:center; background:#fff; font-family:SimSun; font-size:18px; color:#fff; font-weight:bold; margin-left:25px; transition:all 0.4s;}
.about_ul li:hover a{background:#f2f2f2; border-left-color:#4b7e77;}
.about_ul li:hover a>span{background:#4b7e77;}

.about_ul li.act a{background:#f2f2f2; border-left-color:#4b7e77;}
.about_ul li.act a>span{background:#4b7e77;}

.about_ul li.about_on a{background:#f2f2f2; border-left-color:#4b7e77;}
.about_ul li.about_on a>span{background:#4b7e77;}

.main_right{width:878px; float:right;}
.dqwz_title{width:100%; float:left; border-bottom:1px solid #ededed; padding-top:12px; line-height:44px; font-size:14px; color:#999; text-align:right;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:16px; color:#333; line-height:30px;}
.company img{max-width: 100%;height: auto!important;}
/*END-公司介绍*/

/*新闻资讯*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:25px;}
.xw_ul li a{width:100%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.xw_ul li a .xw_B{width:230px; 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% - 230px); float:left; padding:15px 0 5px 25px;}
.xw_ul li a .xw_R .xw_p{display:block; overflow:hidden; line-height:30px; font-size:20px; color:#333;}
.xw_ul li a .xw_R .xw_txt{display:block; overflow:hidden; line-height:30px; height:60px; font-size:16px; color:#333; margin-top:15px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.xw_ul li a .xw_R .xw_more{width:108px; display:block; overflow:hidden; height:36px; line-height:34px; text-align:center; margin-top:30px; border:1px solid #ededed; font-size:16px; color:#666;}
.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_more{background:#4e5f6f; border-color:#4e5f6f; color:#fff;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#000; font-weight:bold; line-height:26px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:12px; line-height:16px; padding:5px 0; border-bottom:1px dashed #ccc;}
.xwxq_img{display:block; overflow:hidden; padding-top:20px;}
.xwxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:16px; color:#333; line-height:30px;}
/*END-新闻资讯*/

/*工程技术*/
.cp_ul{display:block; overflow:hidden;width:903px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.cp_ul li{width:276px; float:left; margin:0 25px 25px 0;}
.cp_ul li .cp_B{width:100%; overflow:hidden; border:1px solid #ededed;}
.cp_ul li .cp_B .cp_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cp_ul li .cp_B .cp_img::before{content:""; display:block; padding-top:81.0219%;}
.cp_ul li .cp_txt{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-size:16px; color:#333;}
.cp_ul li:hover .cp_B{border:4px solid #4b7e77;}
.cp_ul li:hover .cp_B .cp_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul li:hover .cp_txt{color:#4b7e77;}

.cpxq{display:block; overflow:hidden; padding-top:20px;}
.cpxq_left{width:50%; float:left;}
.cpxq_p{display:block; overflow:hidden; font-size:30px; color:#333; font-weight:bold; line-height:40px;}
.cpxq_txt{display:block; overflow:hidden; font-size:16px; color:#4c5f6e; line-height:40px; padding-top:15px;}
.cpxq_right{width:50%; float:right;}
.cpxq_ul{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:0 25px;}
.cpxq_ul li{width:calc(50% - 3px); float:left; margin-bottom:20px; position:relative; overflow:hidden; border:1px solid #98a3ac;}
.cpxq_ul li::before{content:""; display:block; padding-top:70%;}
/*END-工程技术*/

/*联系我们*/
.contact_txt{width:48%; float:left; overflow:hidden; font-size:14px; color:#000; line-height:24px;}
.zxly_form{width:48%; float:right;}
.zxly_B{display:block; overflow:hidden; margin-bottom:10px; border:1px solid #ccc;}
.zxly_sp{width:55px; float:left; height:40px; line-height:40px; font-size:16px; color:#000; text-align:right; padding-right:10px; border-right:1px solid #ccc;}
.zxly_inp1{width:calc(100% - 55px); float:left; height:40px; line-height:40px; padding:0 10px; font-size:14px; color:#000;}
.zxly_inp2{width:calc(100% - 55px); float:left; height:160px; line-height:20px; padding:10px; font-size:14px; color:#000; border:none; outline: none; border-left:1px solid #ccc; margin-left:-1px;}
.zxly_btn{width:100%; display:block; height:40px; background:#4e5f6f; font-size:16px; color:#fff; margin-top:20px;}

.contact_map{width:100%; display:block; overflow: hidden; height:350px; border:none; margin-top:20px;}
/*END-联系我们*/

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

/*底部*/
footer{padding:40px 1%;}
.footer_L{width:49%;}
.footer_R{width:49%;}
/*END-底部*/

/*公司介绍*/
.main{padding:20px;}
.main_left{width:24%;}
.main_right{width:74%;}
/*END-公司介绍*/

/*工程技术*/
.cp_ul{width:100%;}
.cp_ul li{width:31.33%; margin:0 1% 25px 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:#4e5f6f;}

.topbox{padding:0 10px;}
.header{padding:0; position:relative; left:0; top:0; z-index:999999;}
.logo {width:100%; padding:15px 10px;}
.logo img{width:60%;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:0; background:rgba(126, 176, 205, 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;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:30px 10px;}
.cpzs_liB {padding:10px;}
.cpzs_ul {padding-top:15px;}
/*END-首页内容*/

/*底部*/
footer{padding:30px 10px;}
/*END-底部*/

/*公司介绍*/
.main{padding:10px; margin:20px 0;}
.main_left{width:29%;}
.main_right{width:69%;}
/*END-公司介绍*/

/*工程技术*/
.cp_ul li{width:48%; margin:0 1% 15px 1%;}
/*END-工程技术*/

}

@media (max-width:767px){

*{
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
-webkit-user-select:none; /*webkit浏览器*/
-khtml-user-select:none; /*早期浏览器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none; /*IE10*/
user-select:none;
}

input {
-webkit-user-select:auto; /*webkit浏览器*/
}

img {pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}


/*头部+导航*/
.logo {padding:10px;}
.logo img{width:80%;}
.icon-menu {right:10px; width:30px; height:18px;}
.icon-menu span{height:3px;}
/*END-头部+导航*/

/*首页内容*/
.gsjj{padding:10px; margin-top:10px;}
.gsjj_img{width:100%; float:none; overflow:hidden; margin:0;}
.gsjj_p{margin-top:5px;}
.gsjj_txt{font-size:14px; line-height:24px; margin-top:0;}
.gsjj_more{padding-top:10px;}
.gsjj_more a{width:120px; height:36px; line-height:32px;}

.cpzs{padding:0;}
.cpzs_liB{width:100%; border:none; border-bottom:1px solid #000; padding:10px;}
.cpzs_liB .cpzs_B{max-width:100%;}
.cpzs_liB .cpzs_B .cpzs_p{line-height:30px; font-size:18px;}
.cpzs_liB .cpzs_img{margin-top:10px;}
.cpzs_ul{padding-top:10px;}
.cpzs_ul li{padding:0; margin-bottom:5px;}
.cpzs_ul li a {line-height:24px;}
/*END-首页内容*/

/*底部*/
footer {padding:10px;}
.footer_L{width:100%; font-size:14px; line-height:24px;}
.footer_R{width:100%; font-size:14px; line-height:24px;}
.footer_R img {width:80px; height:auto; margin-top: 7px;}
.footer {padding-top:10px;}
/*END-底部*/

/*公司介绍*/
.main{padding:0; margin:0;}
.main_left{width:100%;}
.about_title {height:50px; line-height:50px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center #4e5f6f; font-size:18px; color:#fff; font-weight:bold; padding-left:20px;}
.about_ul {display:none; margin:5px; padding:0;}
.about_ul li {margin:3px 0;}
.about_ul li a {height:40px; line-height:40px; padding-left:10px;}
.about_ul li a>span {margin-left:10px;}
.main_right{width:100%;}
.dqwz_contect {padding:10px;}
.company{font-size:14px; line-height:24px;}
/*END-公司介绍*/

/*新闻资讯*/
.xw_ul li{margin-bottom:10px;}
.xw_ul li a .xw_B{width:115px;}
.xw_ul li a .xw_R{width:calc(100% - 115px); padding:0 0 0 10px;}
.xw_ul li a .xw_R .xw_p{font-size:18px;}
.xw_ul li a .xw_R .xw_txt{line-height:20px; height:40px; font-size:14px; margin-top:5px; -webkit-line-clamp:2;}
.xw_ul li a .xw_R .xw_more{width:88px; height:32px; line-height:30px; margin-top:5px; font-size:14px;}
.xwxq_img{padding-top:10px;}
.xwxq_txt{padding-top:10px; font-size:14px; line-height:24px;}
/*END-新闻资讯*/

/*工程技术*/
.cp_ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cp_ul li{width:calc(50% - 5px); margin:0;}

.cpxq{padding:10px;}
.cpxq_left{width:100%;}
.cpxq_p{font-size:18px; line-height:30px;}
.cpxq_txt{font-size:14px; line-height:24px; padding-top:10px;}
.cpxq_right{width:100%;}
.cpxq_ul{padding:10px 0 0 0;}
.cpxq_ul li{width:calc(50% - 5px); margin-bottom: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:#7fafcb;}
.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:#4e5f6f; 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 #4e5f6f;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/

.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 13px;  border: solid 1px #dedede; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#F00;}