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

/*头部+导航+大图*/
.header{width:100%; padding:35px 0; box-shadow:0 0 20px rgba(0,0,0,0.3); background:#fff; position:fixed; left:0; top:0; z-index:999999;}
.logo img{width:100%; max-width:454px; max-height:56px;}
.header_R{width:58%;}
.header_dianhua{position:relative; top:-3px; height:22px; line-height:22px; color:#060001; font-size:14px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:28px;}
.header_dianhua span{float:right; font-size:18px; font-weight:bold; color:#0f3c89;}

nav{margin:4px -10px 0 0;}
.nav{width:100%;}
.nav>li{width:12.5%; position:relative;}
.nav>li>a{width:100%; height:30px; line-height:30px; font-size:16px; color:#000; text-align:center;}
.nav>li:hover>a{background:#0f3c89; color:#fff;}
.nav>li>a.on{background:#0f3c89; color:#fff;}

.nav_sub{display:none; width:100%; float:left; padding-top:2px; position:absolute; left:0; top:100%; z-index:999999; background:rgba(0, 0, 0, 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:#0f3c89; 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:50px 0; background:url(../images/cpzs_bj.jpg) no-repeat center center; background-size:cover;}
.cpzs_title{display:block; overflow:hidden; text-align:center;}
.cpzs_p{line-height:40px; font-size:30px; color:#0f3c89; font-weight:bold;}
.cpzs_heng{display:block; width:80px; height:4px; background:#0f3c89; margin:10px auto 0 auto; overflow:hidden;}
.cpzs_sp{display:block;overflow:hidden; padding-top:18px; text-align:center; font-size:16px; color:#000; line-height:32px;}
.cpzs_contect{margin-top:30px; padding:0 30px; position:relative;}
.cpzs-imgbox .swiper-slide .cpzs_B{width:100%; overflow:hidden; border:1px solid #e4e4e4;}
.cpzs-imgbox .swiper-slide .cpzs_B .cpzs_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cpzs-imgbox .swiper-slide .cpzs_B .cpzs_img::before{content:""; display:block; padding-top:75.3732%;}
.cpzs-imgbox .swiper-slide .cpzs_txt{display:block; overflow:hidden; height:42px; line-height:42px; font-size:16px; color:#000; text-align:center; transition:all 0.4s;}
/*.cpzs-imgbox .swiper-slide:hover .cpzs_B{border-color:#0f3c89;}*/
.cpzs-imgbox .swiper-slide: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-imgbox .swiper-slide:hover .cpzs_txt{background:#0f3c89; color:#fff;}
.cpzs-prev,.cpzs-next{left:-28px; position:absolute; top:calc(50% - 20px); transform:translateY(-50%); width:28px; height:30px; background:url(../images/cpzs_L.png) no-repeat center center; background-size:100% 100%; overflow:hidden; opacity:1; cursor:pointer; z-index:9; outline:none;}
.cpzs-next{left:initial; right:-28px; background:url(../images/cpzs_R.png) no-repeat center center; background-size:100% 100%;}

.news{width:100%; overflow:hidden; padding:25px 0;}
.news_ul{display:block; overflow:hidden; padding-top:35px; width:1245px;}
.news_ul li{width:370px; float:left; margin:0 45px 45px 0;}
.news_ul li a{display:block; overflow:hidden; background:#5a5a5a; padding:11px 13px;}
.news_ul li a .news_B{width:100%; overflow:hidden;}
.news_ul li a .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_ul li a .news_B .news_img::before{content:""; display:block; padding-top:78.4884%;}
.news_ul li a .news_p{display:block; overflow:hidden; margin-top:15px; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.2); font-size:24px; color:#fff; text-overflow:ellipsis; white-space: nowrap;}
.news_ul li a .news_txt{display:block; overflow:hidden; margin-top:15px; height:96px; line-height:32px; font-size:14px; color:#fff; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.news_ul li a:hover{background:#0f3c89;}
.news_ul li a: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);}

.case{width:100%; overflow:hidden; padding:30px 0;}
.case_ul{display:block; overflow:hidden; width:1244px; padding-top:40px;}
.case_ul li{width:267px; float:left; margin:0 44px 32px 0;}
.case_ul li .case_B{width:100%; overflow:hidden; border:1px solid #ccc;}
.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:100%;}
.case_ul li .case_txt{display:block; overflow:hidden; height:38px; line-height:38px; text-align:center; background:#e6e6e6; font-size:15px; color:#2d2d2d;}
.case_ul li:hover .case_B{border-color:#0f3c89;}
.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{background:#0f3c89; color:#fff;}
/*END-首页内容*/

/*底部*/
footer{background:#9298a1; padding-top:30px;}
.zxly{width:45%; float:left;}
.zxly_p{display:block; overflow:hidden; line-height:30px; font-size:16px; color:#fff;}
.zxly_form{display:block; overflow:hidden; padding-top:15px;}
.zxly_B{width:calc(50% - 10px); border-bottom:1px solid #fff;}
.zxly_B1{width:100%; margin-top:20px;}
.zxly_sp{width:34px; float:left; height:42px; line-height:42px; font-size:16px; color:#fff;}
.zxly_inp1{width:calc(100% - 34px); float:left; height:42px; font-size:16px; color:#fff; padding-left:10px; background:none;}
.zxly_inp2{width:calc(100% - 34px); float:left; height:100px; font-size:16px; color:#fff; padding-left:10px; background:none; border:none; outline:none;}
.zxly_btn{float:left; width:182px; height:42px; margin-top:38px; background:#fff; font-size:14px; color:#000;}
.zxly_btn:hover{background:#0f3c89; color:#fff;}
.lxwm{width:49%; float:right;}
.lxwm_map{width:100%; overflow:hidden; display:block; margin-top:25px; height:140px;}
.lxwm_txt{display:block; overflow:hidden; font-size:14px; color:#fff; line-height:30px; margin-top:15px;}

.footer{width:100%; float:left; margin-top:10px; border-top:1px solid rgba(255,255,255,0.3); line-height:20px; font-size:16px; color:#fff; padding:27px 0; text-align:center;}
.footer a{color:#fff; margin:0 5px;}
.footer a:hover{color:#fff; text-decoration:underline !important;}
/*END-底部*/

/*公司简介*/
.main{width:100%; overflow:hidden; padding:35px 0;}
.main_left{width:278px; float:left;}
.about{width:100%; float:left;}
.about_title{display:block; overflow:hidden; height:58px; line-height:58px; background:#0071c8; font-size:24px; text-align:center; 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; height:46px; line-height:44px; background:#eaeaea; border:1px solid #ddd; text-align:center; font-size:14px; color:#000; text-overflow:ellipsis; white-space: nowrap;}
.about_ul li:hover a{background:#0071c8; color:#fff;}
.about_ul li.about_on a{background:#0071c8; color:#fff;}
.about_title1{display:block; overflow:hidden; line-height:50px; font-size:22px; color:#0071c8; font-weight:bold; text-transform:uppercase; margin-top:30px;}
.about_B{display:block; overflow:hidden;}
.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:10px;}
.main_right{width:885px; float:right;}
.dqwz_title{width:100%; float:left; line-height:55px; border-bottom:1px solid #ccc;}
.dqwz_p{float:left; font-size:30px; color:#0f3c89; 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:#000; line-height:30px;}
/*END-公司简介*/

/*产品中心/开发设计/成功案例*/
.cp_ul{display:block; overflow:hidden; width:927px;}
.cp_ul li{width:267px; float:left; margin:0 42px 32px 0;}
.cp_ul li .case_B{width:100%; overflow:hidden; border:1px solid #ccc;}
.cp_ul li .case_B .case_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cp_ul li .case_B .case_img::before{content:""; display:block; padding-top:100%;}
.cp_ul li .case_txt{display:block; overflow:hidden; height:38px; line-height:38px; text-align:center; background:#e6e6e6; font-size:15px; color:#2d2d2d;}
.cp_ul li:hover .case_B{border-color:#0f3c89;}
.cp_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);}
.cp_ul li:hover .case_txt{background:#0f3c89; color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; font-size:18px; color:#000; font-weight:bold; line-height:30px; text-align:center;}
.cpxq_img{display:block; overflow:hidden; padding-top:20px;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px; padding-top:20px;}
/*END-产品中心/开发设计/成功案例*/

/*新闻中心*/
.news_ul1{display:block; overflow:hidden; width:915px;}
.news_ul1 li{width:275px; float:left; margin:0 30px 30px 0;}
.news_ul1 li a{display:block; overflow:hidden; background:#5a5a5a; padding:8px 10px;}
.news_ul1 li a .news_B{width:100%; overflow:hidden;}
.news_ul1 li a .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_ul1 li a .news_B .news_img::before{content:""; display:block; padding-top:78.4884%;}
.news_ul1 li a .news_p{display:block; overflow:hidden; margin-top:15px; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.2); font-size:24px; color:#fff; text-overflow:ellipsis; white-space: nowrap;}
.news_ul1 li a .news_txt{display:block; overflow:hidden; margin-top:15px; height:96px; line-height:32px; font-size:14px; color:#fff; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.news_ul1 li a:hover{background:#0f3c89;}
.news_ul1 li a: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);}

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

/*在线留言*/
.message{display:block; overflow:hidden; max-width:500px; margin:0 auto;}
.message .zxly_form{display:block; overflow:hidden; padding-top:0;}
.message .zxly_B{width:100%; margin-bottom:10px;}
.message .zxly_sp{width:40px; float:left; height:42px; line-height:42px; font-size:16px; color:#000;}
.message .zxly_inp1{width:calc(100% - 40px); float:left; height:42px; font-size:16px; color:#fff; padding:0 10px; border:1px solid #ddd;}
.message .zxly_inp2{width:calc(100% - 40px); float:left; height:142px; font-size:16px; color:#fff; padding:0 10px; border:1px solid #ddd; outline:none;}
.message .zxly_btn{float:left; width:182px; height:42px; margin-top:20px; background:#eaeaea; font-size:14px; color:#000;}
.message .zxly_btn:hover{background:#0f3c89; color:#fff;}
/*END-在线留言*/

/*联系我们*/
.contact_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.contact_map{width:100%; display:block; overflow: hidden; height:350px; border:none; margin-top:20px;}
/*END-联系我们*/

@media (max-width:1220px) {
/*头部+导航*/
.header{padding:30px 1%;}
.logo img {max-width: 420px;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:40px 1%;}
.cpzs-prev,.cpzs-next {left: -5px;}
.cpzs-next{left:initial; right:-5px;}

.news {padding:25px 1%;}
.news_ul {width:100%;}
.news_ul li {width:31.33%; margin:0 1% 40px 1%;}

.case_ul {width:100%;}
.case_ul li {width:23%; margin:0 1% 30px 1%;}
/*END-首页内容*/

/*底部*/
footer{padding:30px 1% 0 1%;}
.footer{padding:20px 0;}
/*END-底部*/

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

/*产品中心/开发设计/成功案例*/
.cp_ul{width:100%;}
.cp_ul li{width:31.33%; margin:0 1% 32px 1%;}
/*END-产品中心/开发设计/成功案例*/

/*新闻中心*/
.news_ul1{width:100%;}
.news_ul1 li{width:31.33%; margin:0 1% 30px 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:#0f3c89;}

.header{padding:0;}
.header_R{width:100%;}
.logo {width:100%; padding:25px 10px;}
nav{margin:0; position:fixed; right:0;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:0; background:rgba(0, 0, 0, 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:#0f3c89; color:#fff;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:30px 10px;}

.news {padding:25px 10px;}
.news_ul {padding-top:30px;}
.news_ul li {margin:0 1% 30px 1%;}
.news_ul li a {padding:5px 6px;}
.news_ul li a .news_p {margin-top:10px;}
.news_ul li a .news_txt {margin-top:10px;}

.case {padding:30px 10px;}
/*END-首页内容*/

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

/*公司简介*/
.main{padding:30px 10px;}
.main_left{width:29%;}
.about_title1 {font-size: 20px;}
.main_right{width:69%;}
/*END-公司简介*/

/*产品中心/开发设计/成功案例*/
.cp_ul li{margin:0 1% 20px 1%;}
/*END-产品中心/开发设计/成功案例*/

/*新闻中心*/
.news_ul1 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:10px;}
.cpzs_p {line-height:30px; font-size:20px;}
.cpzs_heng {margin:5px auto 0 auto;}
.cpzs_sp {padding-top:5px; font-size:12px; line-height:20px;}
.cpzs_contect {margin-top:10px; padding:0 20px;}
.cpzs-prev,.cpzs-next {left:0; top:calc(50% - 10px); width:16px; height:16px;}
.cpzs-next{left:initial; right:0;}
.cpzs-imgbox .swiper-slide .cpzs_txt {height:30px; line-height:30px; margin-top:0; font-size:14px;}

.news {padding:10px;}
.news_ul {padding-top:0;}
.news_ul li {width:100%; margin:10px 0 0 0;}
.news_ul li a {padding:3px;}
.news_ul li a .news_p {margin-top:0; line-height:40px; font-size:16px;}
.news_ul li a .news_txt {margin-top:5px; line-height:24px; height:auto; -webkit-line-clamp:initial;}

.case {padding:10px;}
.case_ul {display:flex; flex-wrap:wrap; justify-content:space-between; padding:0;}
.case_ul li {width:calc(50% - 5px); margin:10px 0 0 0;}
.case_ul li .case_txt {height:34px; line-height:34px; font-size:13px;}
/*END-首页内容*/

/*底部*/
footer{padding:10px 10px 0 10px;}
.zxly {width:100%;}
.zxly_p {text-align:center;}
.zxly_form {padding-top:5px;}
.zxly_B {width:100%; margin-bottom:5px;}
.zxly_sp {width:32px; height:32px; line-height:32px; font-size:14px;}
.zxly_inp1 {width:calc(100% - 32px); height:32px; font-size:14px; padding-left:5px;}
.zxly_inp2 {width: calc(100% - 32px); font-size:14px; padding-left:5px;}
.zxly_B1 {margin-top:0;}
.zxly_btn {margin-top:10px;}

.lxwm {width:100%; margin-top:10px;}
.lxwm_map {margin-top:5px;}
.lxwm_txt {line-height:20px; margin-top:5px;}

.footer{padding:10px 0; font-size:12px; line-height:20px;}
/*END-底部*/

/*公司简介*/
.main{padding:0;}
.main_left{width:100%;}
.about_title { height:50px; line-height:50px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center #0071c8; padding:0 0 0 20px; text-align:left; font-size:18px; font-weight:bold;}
.about_ul {display:none; padding:0 2px;}
.about_ul li{margin-top:2px;}
.about_ul li a {height:40px; line-height:40px; padding:0 10px;}
.main_right{width:100%;}
.dqwz_contect{padding:10px;}
.company{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 0 10px 0;}
.cp_ul li .case_txt {height:34px; line-height:34px; font-size:13px;}
.cpxq_img{padding-top:10px;}
.cpxq_txt{padding-top:10px; line-height:24px;}
/*END-产品中心/开发设计/成功案例*/

/*新闻中心*/
.news_ul1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.news_ul1 li{width:calc(50% - 5px); margin:0 0 10px 0;}
.news_ul1 li a {padding:3px;}
.news_ul1 li a .news_p {margin-top:0; line-height:40px; font-size:16px;}
.news_ul1 li a .news_txt {margin-top:5px; line-height:20px; height:60px; -webkit-line-clamp:3;}
.xwxq_img{padding-top:10px;}
.xwxq_txt{padding-top:10px; line-height:24px;}
/*END-新闻中心*/

/*在线留言*/
.message .zxly_B{margin-bottom:5px;}
.message .zxly_sp{width:40px; height:32px; line-height:32px; font-size:14px;}
.message .zxly_inp1{width:calc(100% - 40px); height:32px; font-size:14px; padding:0 5px;}
.message .zxly_inp2{width:calc(100% - 40px); height:102px; font-size:14px; padding:0 5px;}
.message .zxly_btn{width:130px; height:32px; 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:#0580d2;}
.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:#0051ac; 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 #0051ac;}
.dbbox .dbs img{ max-width: 140px; }
/*End*/