/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航+大图*/
.topbox{width:100%; border-bottom:1px solid #c7c7c7; line-height:30px; font-size:12px; color:#7c7c7c; font-family:SimSun;}
.topbox a{ color:#7c7c7c; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{ color:#2f47a1; text-decoration:underline !important;}

.header{width:100%; padding:35px 0;}
.logo img{width:100%; max-width:450px; height:auto;}
.header_R{padding-top:6px;}
.search{width:232px; float:left; margin-top:4px; border:1px solid #8f8f8f; border-radius:4px;}
.search_inp1{width:calc(100% - 40px); float:left; height:40px; line-height:40px; padding:0 10px; font-size:14px; color:#000;}
.search_btn{width:40px; float:left; height:40px; background:url(../images/search_ss.png) no-repeat left center;}
.header_dianhua{height:48px; line-height:18px; color:#000; font-size:14px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:64px; margin-left:20px;}
.header_dianhua span{display:block; overflow:hidden; line-height:30px; font-size:28px; font-weight:bold;}

nav{/*background:#2f47a1;*/ position:relative; left:0; top:0; z-index:999999; background-color:rgba(47,71,161,0.7)}
.nav{width:100%;}
.nav>li{width:19.999%; position:relative;}
.nav>li>a{width:100%; height:46px; line-height:46px; font-size:16px; color:#fff; text-align:center; position:relative;}
.nav>li>a>span{width:100%; height:4px; float:left; position:absolute; left:0; top:-4px; background:transparent; transition:all 0.4s;}
.nav>li>a>span::before{content:"";width:0; height:0; border-right:4px solid transparent; border-top:4px solid transparent; border-bottom:0 solid transparent; position:absolute;left:-4px; top:0; transition:all 0.4s;}
.nav>li>a>span::after{content:"";width:0; height:0; border-left:4px solid transparent; border-top:4px solid transparent; border-bottom:0 solid transparent; position:absolute;right:-4px; top:0; transition:all 0.4s;}
.nav>li:hover>a{background:#f4ae00; color:#fff;}
.nav>li:hover>a>span{background:#f4ae00;}
.nav>li:hover>a>span::before{border-right-color:#f84f00;}
.nav>li:hover>a>span::after{border-left-color:#f84f00;}
.nav>li>a.on{background:#f4ae00; color:#fff;}
.nav>li>a.on>span{background:#f4ae00;}
.nav>li>a.on>span::before{border-right-color:#f84f00;}
.nav>li>a.on>span::after{border-left-color:#f84f00;}

.nav_sub{display:none; width:100%; float:left; position:absolute; left:0; top:100%; z-index:999999; background:rgba(1, 75, 157, 0.8); padding-top:2px;}
.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:#f4ae00; 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:60px 0;}
.cpzs_title{display:block; overflow:hidden; text-align:center;}
.cpzs_p{line-height:44px; font-family:Kalinga; font-size:36px; color:#404040; letter-spacing:5px; text-transform:uppercase;}
.cpzs_p>span{color:#2f47a1;}
.cpzs_sp{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.cpzs_sp>span{float:left; line-height:32px; position:relative; padding:0 10px; font-size:18px; color:#1e1e1e;}
.cpzs_sp>span::before{content:""; width:22px; float:left; height:2px; border-top:1px solid #555; border-bottom:1px solid #aaa; position:absolute; left:-22px; top:50%; transform:translateY(-50%);}
.cpzs_sp>span::after{content:""; width:22px; float:left; height:2px; border-top:1px solid #555; border-bottom:1px solid #aaa; position:absolute; right:-22px; top:50%; transform:translateY(-50%);}
.cpzs_ul{display:block; overflow:hidden; width:1209px; padding-top:15px;}
.cpzs_ul li{width:394px; float:left; margin:0 9px 9px 0;}
.cpzs_ul li a{width:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:contain; position:relative; overflow:hidden;}
.cpzs_ul li a::before{content:""; display:block; padding-top:70.5584%;}
.cpzs_ul li a .cpzs_hover{width:100%; overflow:hidden; height:34px; background:rgba(47,71,161,0.8); position:absolute; left:0; bottom:0; z-index:2;}
.cpzs_ul li a .cpzs_hover::before{content:""; width:calc(100% - 12px); height:0; float:left; border:2px solid transparent; position:absolute; left:6px; top:6px; overflow:hidden; transition:all 0.4s;}
.cpzs_ul li a .cpzs_logo{width:100%; max-width:100px; overflow:hidden; position:absolute; left:50%; top:-130%; transform:translateX(-50%); z-index:3; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:10px;}
.cpzs_ul li a .cpzs_txt{width:100%; overflow:hidden; height:34px; line-height:34px; text-align:center; position:absolute; left:0; bottom:0; z-index:3; font-size:18px; color:#fff;}
.cpzs_ul li a:hover .cpzs_hover{height:100%; background:rgba(244,174,0,0.9);}
.cpzs_ul li a:hover .cpzs_hover::before{height:calc(100% - 12px); border-color:#fff;}
.cpzs_ul li a:hover .cpzs_logo{top:32%;}
.cpzs_ul li a:hover .cpzs_txt{bottom:32%;}
.cpzs_ul li:first-child a::before{content:""; display:block; padding-top:143.40102%;}
.cpzs_ul li:first-child a:hover .cpzs_logo{top:40%;}
.cpzs_ul li:first-child a:hover .cpzs_txt{bottom:40%;}

.cpzx{width:100%; overflow:hidden; background:url(../images/cpzx_bj.jpg) no-repeat center center; background-size:cover; padding:55px 0;}
.cpzx .cpzs_p{color:#fff;}
.cpzx .cpzs_p>span{color:#fff;}
.cpzx .cpzs_sp>span{color:#fff;}
.cpzx .cpzs_sp>span::before{border-top:1px solid #fff; border-bottom:1px solid #fff;}
.cpzx .cpzs_sp>span::after{border-top:1px solid #fff; border-bottom:1px solid #fff;}
.cpzx_ul{display:block; overflow:hidden; width:1224px; padding-top:30px;}
.cpzx_ul li{width:281px; float:left; margin:0 24px 32px 0;}
.cpzx_ul li .cpzx_B{width:100%; overflow:hidden; border:1px solid #737373; padding:1px; background:#fff;}
.cpzx_ul li .cpzx_B .cpzx_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:contain; position:relative;}
.cpzx_ul li .cpzx_B .cpzx_img::before{content:""; display:block; padding-top:84.1156%;}
.cpzx_ul li .cpzx_B .cpzx_img .cpzx_hover{width:0; float:left; height:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(244,174,0,0.85); 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; overflow:hidden;}
.cpzx_ul li .cpzx_txt{display:block; overflow:hidden; height:45px; line-height:44px; text-align:center; border-bottom:1px solid #fff; font-size:16px; color:#fff;}
.cpzx_ul li:hover .cpzx_B{border-color:#f4ae00;}
.cpzx_ul li:hover .cpzx_B .cpzx_img .cpzx_hover{width:100%; height:100%;}
.cpzx_ul li:hover .cpzx_txt{border-bottom-color:#f4ae00; color:#f4ae00;}

.ys{width:100%; overflow:hidden; padding:80px 0;}
.ys_title{display:block; overflow:hidden;}
.ys_contect{display:block; overflow:hidden; padding-top:55px;}
.ys_left{width:50%; float:left;}
.ys_right{width:50%; float:right; padding-left:50px;}
.ys_ul{display:block; overflow:hidden;}
.ys_ul li{display:block; overflow:hidden; margin-top:15px;}
.ys_ul li .ys_sub{width:55px; float:left; height:55px; position:relative; 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; background:#2f47a1; font-family:Calibri; font-size:36px; color:#fff; font-style:oblique; margin-right:32px;}
.ys_ul li .ys_sub::before{content:""; width:0; height:0; border-left:17px solid #879be3; border-top:0 solid transparent; border-bottom:42px solid transparent; position:absolute; right:-17px; bottom:0;}
.ys_ul li .ys_p{display:block; overflow:hidden; height:55px; line-height:54px; border-bottom:1px dotted #2f47a1; font-size:18px; color:#2f47a1; font-weight:bold;}
.ys_ul li .ys_txt{display:block; overflow:hidden; margin-top:15px; height:90px; line-height:30px; font-size:14px; color:#000; padding-left:30px; position:relative;}
.ys_ul li .ys_txt::before{content:""; width:10px; float:left; height:10px; position:absolute; left:10px; top:10px; background:#2f47a1; border-radius:5px;}

.gsjj{width:100%; overflow:hidden; padding:65px 0; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover;}
.gsjj>.container{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_left{width:calc(50% - 30px); float:left; position:relative;}
.gsjj_img{width:100%; overflow:hidden; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gsjj_dianhua{float:left; position:absolute; right:20px; bottom:20px; line-height:52px; color:#fff; font-size:24px; font-family:SimHei; padding-right:15px;}
.gsjj_dianhua::before{content:""; width:1px; height:80px; float:left; background:#fff; position:absolute; right:0; bottom:-10px;}
.gsjj_dianhua::after{content:""; width:350px; height:1px; float:left; background:#fff; position:absolute; right:-10px; bottom:0;}
.gsjj_right{width:calc(50% - 15px); float:right;}
.gsjj_p{display:block; overflow:hidden; line-height:24px; color:#fff; font-size:18px; text-transform:uppercase;}
.gsjj_p>span{float:left; font-size:24px; padding-right:10px;}
.gsjj_sp{display:block; overflow:hidden; line-height:42px; color:#fff; font-size:30px; font-weight:bold;}
.gsjj_txt{display:block; overflow:hidden; margin-top:25px; line-height:28px; color:#fff; height:224px; font-size:14px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:8; -webkit-box-orient: vertical;}
.gsjj_more{display:block; overflow:hidden; padding-top:28px;}
.gsjj_more>a{width:130px; float:left; height:40px; border:2px solid #fff; line-height:36px; text-align:center; font-size:14px; color:#fff;}
.gsjj_more>a:hover{background:#fff; color:#2f47a1;}

.case{width:100%; overflow:hidden; padding:50px 0; background:#f9f9f9;}
.case_ul{display:block; overflow:hidden; width:1208px; padding-top:25px;}
.case_ul li{width:294px; float:left; margin:0 8px 12px 0;}
.case_ul li a{width:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:contain; position:relative; overflow:hidden; border: 1px #ccc solid;}
.case_ul li a::before{content:""; display:block; padding-top:78.2313%;}
.case_ul li a .case_hover{width:0; height:0; overflow:hidden; float:left; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(49,77,182,0.8);}
.case_ul li a .case_hover::before{content:""; width:calc(100% - 14px); float:left; height:calc(100% - 14px); border:2px solid transparent; position:absolute; left:7px; top:7px;}
.case_ul li a .case_logo{width:100%; max-width:120px; border-bottom:1px solid #fff; padding-bottom:15px; float:left; position:absolute; left:-50%; bottom:50%; transform:translateX(-50%); transition:all 0.6s;}
.case_ul li a .case_txt{width:100%; float:left; line-height:44px; height:44px; position:absolute; right:-100%; top:50%; font-size:18px; color:#fff; text-align:center; transition:all 0.6s;}
.case_ul li a:hover .case_hover{width:100%; height:100%;}
.case_ul li a:hover .case_hover::before{border-color:#fff;}
.case_ul li a:hover .case_logo{left:50%;}
.case_ul li a:hover .case_txt{right:0;}

.news{width:100%; overflow:hidden; padding:50px 0 0 0;}
.news_contect{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-top:30px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.news_ul{width:calc(50% - 20px); float:left;}
.news_ul li{display:block; overflow:hidden; margin-bottom:16px;}
.news_ul li a{display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden; border:1px solid #fff;}
.news_ul li a .news_sub{width:115px; float:left; border-right:1px solid #c0c0c0; text-align:center; padding:16px 0; line-height:38px; color:#000; font-family:Calibri; font-size:30px;}
.news_ul li a .news_sub .news_sub_p{display:block; overflow:hidden;}
.news_ul li a .news_B{width:calc(100% - 115px); float:left; padding:15px;}
.news_ul li a .news_B .news_p{display:block; overflow:hidden; height:26px; line-height:26px; font-size:16px; color:#000; text-overflow:ellipsis; white-space: nowrap;}
.news_ul li a .news_B .news_txt{display:block; overflow:hidden; height:36px; line-height:18px; font-size:14px; color:#000; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-top:15px;}
.news_ul li a:hover{border-color:#c0c0c0;}
.news_ul li:last-child{margin:0;}
.news_img{width:calc(50% - 20px); float:right; display:-webkit-box; display:-ms-flexbox; display:flex;}
.news_img>a{width:100%; float:left; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain;}

.lxwm{width:100%; overflow:hidden; padding:50px 0;}
.lxwm_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;}
.lxwm_left{width:66.5%; float:left; border:1px solid #949494; margin-top:30px; padding:30px;}
.lxwm_map{width:66%; float:left; border:none; height:100%;}
.lxwm_txt{width:34%; float:right; padding-left:25px; font-size:16px; line-height:34px; color:#222;}
.lxwm_txt>span{font-weight:bold;}
.lxwm_txt>img{margin-top:10px!important;}
.lxwm_right{width:31%; float:right; border:1px solid #949494; margin-top:30px; padding:30px;}
.lxwm_p{display:block; overflow:hidden; text-align:center; line-height:28px; font-size:24px; color:#000;}
.lxwm_sp{display:block; overflow:hidden; text-align:center; line-height:24px; font-size:14px; color:#8e8e8e; margin-top:10px; font-family:SimSun;}
.lxwm_img{display:block; overflow:hidden; padding-top:15px;}
.lxwm_form{display:block; overflow:hidden;}
.lxwm_B{display:block; overflow:hidden; margin-top:15px; border:1px solid #9e9e9e;}
.lxwm_B .lxwm_spp{width:42px; float:left; height:38px; line-height:38px; font-size:14px; color:#9a9a9a; text-align:right;}
.lxwm_B .lxwm_inp1{width:calc(100% - 42px); float:left; height:38px; line-height:38px; padding:0 10px; font-size:14px; color:#000;}
.lxwm_btn{display:block; overflow:hidden; width:100%; height:40px; line-height:40px; background:#222; margin-top:15px; font-size:14px; color:#fff;}
/*END-首页内容*/

/*底部*/
.footer{background:#2f47a1;}
.link{display:block; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.2); font-size:16px; color:#fff; line-height:24px; padding:28px 0;}
.link a{color:#fff; margin:0 10px;}
.link a:hover{color:#fff; text-decoration:underline !important;}

.foot{display:block; overflow:hidden; padding:25px 0;}
.foot_L{width:62%; float:left;}
.foot_nav{display:block; overflow:hidden; color:#fff; font-size:16px; line-height:26px;}
.foot_nav a{color:#fff; margin:0 10px;}
.foot_nav a:first-child{ margin:0 10px 0 0;}
.foot_txt{display:block; overflow:hidden; line-height:24px; font-size:14px; color:#fff; padding-top:15px;}
.foot_R{float:right; display:flex;}
.foot_R img{width:88px; float:left; height:88px; margin-right:15px; border:4px solid #fff;}
.foot_B{display:block; overflow:hidden; line-height:26px; color:#fff; font-size:12px;}
.foot_B>span{display:block;}
.foot_B>span:nth-child(2){ line-height:36px; font-size:24px; font-weight:bold;}
.footer_txt{width:100%; overflow:hidden; text-align:center; background:#f4ae00; font-size:12px; color:#fff; line-height:18px; padding:10px 0;}
.footer_txt a{color:#fff; margin:0 10px;}
.footer_txt a:hover{color:#fff; text-decoration:underline!important}
/*END-底部*/

/*关于我们*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:265px; float:left;}
.about{width:100%; float:left; margin-bottom:30px;}
.about_title{display:block; overflow:hidden; height:56px; line-height:56px; text-align:center; background:url(../images/about_title.jpg) no-repeat center center; background-size:100% 100%; font-size:18px; color:#fff; font-weight:bold;}
.about_ul{display:block; overflow:hidden;}
.about_ul>li{display:block; overflow:hidden; margin-top:10px;}
.about_ul>li>a{display:block; overflow:hidden; height:30px; line-height:30px; text-align:center; background:#efefef; font-size:14px; color:#646464;}
.about_ul>li:hover>a{background:#2f47a1; color:#fff;}
.about_ul>li.about_on>a{background:#2f47a1; color:#fff;}

.about_dl{
	display: none;
	overflow: hidden;
  background-color: #f5f5f5;
  padding: 0 50px;
}
.about_dl>dd{
  width: 100%;
  float: left;
	display: block;
	overflow: hidden;
  line-height: 30px;
  margin: 6px 0;
}
.about_dl>dd>a{
	display: block;
	overflow: hidden;
	font-size: 13px;
	color: #888;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.about_dl>dd>a:hover{
	color: #2f47a1;
}

.about_B{display:block; overflow:hidden; padding-top:10px;}
.about_B img{width:100%; display:block; height:auto;}
.about_B>span{display:block; overflow:hidden; background:#f5f5f5; padding:10px; font-size:14px; color:#111; line-height:30px;}

.main_right{width:895px; float:right;}
.dqwz_title{width:100%; float:left; line-height:55px; border-bottom:1px solid #cfcfcf; font-size:14px; color:#8a8a8a;}
.dqwz_title>span{color:#2f47a1;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.company img{max-width: 100%; height: auto; margin: 2px auto;}
/*END-关于我们*/

/*产品中心/案例展示*/
.cpzx_ul1{display:block; overflow:hidden; width:921px;}
.cpzx_ul1 li{width:281px; float:left; margin:0 26px 32px 0;}
.cpzx_ul1 li .cpzx_B{width:100%; overflow:hidden; border:1px solid #737373; padding:1px; background:#fff;}
.cpzx_ul1 li .cpzx_B .cpzx_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:contain; position:relative;}
.cpzx_ul1 li .cpzx_B .cpzx_img::before{content:""; display:block; padding-top:84.1156%;}
.cpzx_ul1 li .cpzx_B .cpzx_img .cpzx_hover{width:0; float:left; height:0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(47,71,161,0.8); 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; overflow:hidden;}
.cpzx_ul1 li .cpzx_txt{display:block; overflow:hidden; height:45px; line-height:44px; text-align:center; border-bottom:1px solid #737373; font-size:16px; color:#737373;}
.cpzx_ul1 li .cpzx_txt1{display:block; overflow:hidden; height:32px; line-height:32px; text-align:center;/* border-bottom:1px solid #737373;*/ font-size:16px; color:#737373;}
.cpzx_ul1 li .cpzx_txt2{display:block; overflow:hidden; height:24px; line-height:24px; text-align:center;/* border-bottom:1px solid #737373;*/ font-size:12px; color:#2f47a1; font-style: italic;}
.cpzx_ul1 li:hover .cpzx_B{border-color:#2f47a1;}
.cpzx_ul1 li:hover .cpzx_B .cpzx_img .cpzx_hover{width:100%; height:100%;}
.cpzx_ul1 li:hover .cpzx_txt{border-bottom-color:#2f47a1; color:#2f47a1;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:16px; color:#000; line-height:26px; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding:15px 0;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.cpxq_txt img{display:block; overflow:hidden; max-width: 100%; height: auto; margin: 2px auto;}
/*END-产品中心/案例展示*/

/*新闻动态*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:35px;}
.xw_ul li a{display:flex; overflow:hidden; background:#efefef; padding:1px;}
.xw_ul li a .xw_img{width:280px; float:left; border:1px solid #fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xw_ul li a .xw_R{width:calc(100% - 280px); float:left; padding:30px; color:#737373;}
.xw_ul li a .xw_R .xw_p{display:block; overflow:hidden; line-height:30px; font-size:16px;text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li a .xw_R .xw_txt{display:block; overflow:hidden; height:96px; line-height:24px; font-size:14px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; margin-top:15px;}
.xw_ul li a .xw_R .xw_sp{display:block; overflow:hidden; line-height:20px; font-size:12px; margin-top:15px;}
.xw_ul li a:hover{background:#2f47a1;}
.xw_ul li a:hover .xw_R{color:#fff;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:16px; font-weight:bold; color:#000; line-height:26px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:12px; color:#a4a4a4; padding-top:5px; border-bottom:1px dashed #ccc;}
.xwxq_img{display:block; overflow:hidden; padding:15px 0;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; line-height:30px; color:#000;}
.xwxq_txt img{max-width: 100%; height: auto; margin: 2px 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:30px 1%;}
nav{padding:0 1%;}
/*END-头部+导航*/

/*首页内容*/
.cpzs{padding:50px 1%;}
.cpzs_ul{width:100%;}
.cpzs_ul li {width:32.33%; margin:0 0.5% 9px 0.5%;}
.cpzs_ul li a:hover .cpzs_logo {top: 28%;}
.cpzs_ul li a:hover .cpzs_txt {bottom: 28%;}

.cpzx {padding:45px 1%;}
.cpzx_ul {width:100%;}
.cpzx_ul li {width:23%; margin:0 1% 30px 1%;}

.ys {padding:50px 1%;}
.ys_contect {padding-top:40px;}
.ys_right {padding-left:40px;}

.gsjj {padding:50px 1%;}
.case {padding:50px 1%;}
.case_ul {width:100%;}
.case_ul li {width:24%; margin:0 0.5% 12px 0.5%;}

.news{padding:50px 1% 0 1%;}
.lxwm {padding:50px 1%;}
.lxwm_left{padding:25px;}
.lxwm_right{padding:25px;}
/*END-首页内容*/

/*底部*/
.link{padding:25px 1%;}
.foot{ padding:20px 1%;}
/*END-底部*/ 

/*关于我们*/
.main{padding:40px 1%;}
.main_left{width:24%;}
.main_right{width:74%;}
/*END-关于我们*/

/*产品中心/案例展示*/
.cpzx_ul1{width:100%;}
.cpzx_ul1 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:#2f47a1;}

.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(1, 75, 157, 0.8); padding-top:2px;}
.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:hover>a{background:#f4ae00; color:#fff;}
/*END-头部+导航*/

/*首页内容*/
.cpzs {padding:30px 10px;}
.cpzs_ul li a:hover .cpzs_logo {top:22%;}
.cpzs_ul li a:hover .cpzs_txt {bottom:22%;}
.cpzs_ul li:first-child a:hover .cpzs_logo {top:36%;}
.cpzs_ul li:first-child a:hover .cpzs_txt {bottom:36%;}

.cpzx {padding:30px 10px;}
.cpzx_ul li {margin:0 1% 20px 1%;}
.cpzx_ul li .cpzx_txt {height:41px; line-height:40px;}

.ys {padding:30px 10px;}
.ys_contect {padding-top:30px;}
.ys_right {padding-left:30px;}
.ys_ul li .ys_txt {height:72px; line-height:24px;}

.gsjj{padding:30px 10px;}
.gsjj_left{width:calc(50% - 15px);}
.gsjj_dianhua::after {width: 115%;}
.gsjj_txt {margin-top:15px; line-height:24px; height:192px;}
.gsjj_more {padding-top:20px;}

.case {padding:30px 10px;}
.news {padding:30px 10px 0 10px;}
.news_ul {width:calc(50% - 10px);}
.news_img {width:calc(50% - 10px);}

.lxwm {padding:30px 10px;}
.lxwm_left {padding:15px;}
.lxwm_map {width:60%;}
.lxwm_txt {width:40%; padding-left:15px; line-height:30px;}
.lxwm_right {padding:15px;}
/*END-首页内容*/

/*底部*/
.link{padding:20px 10px;}
.foot{ padding:20px 10px;}
/*END-底部*/ 

/*关于我们*/
.main{padding:30px 10px;}
.main_left{width:29%;}
.main_right{width:69%;}
/*END-关于我们*/

/*产品中心/案例展示*/
.cpzx_ul1 li{margin:0 1% 15px 1%;}
/*END-产品中心/案例展示*/

/*新闻动态*/
.xw_ul li a .xw_img{width:180px;}
.xw_ul li a .xw_R{width:calc(100% - 180px); padding:15px;}
.xw_ul li a .xw_R .xw_txt {margin-top:5px;}
.xw_ul li a .xw_R .xw_sp {margin-top:5px;}
/*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:28px; font-size: 20px; letter-spacing: 0px;}
.cpzs_sp>span {line-height: 22px; font-size: 14px;}
.cpzs_ul {display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:0;}
.cpzs_ul li {width:calc(50% - 5px); margin:10px 0 0 0;}
.cpzs_ul li a::before {padding-top:100%;}
.cpzs_ul li a .cpzs_logo {padding-bottom:5px; max-width:60px;}
.cpzs_ul li a .cpzs_logo img{height:30px!important;}
.cpzs_ul li a .cpzs_txt {font-size:14px;}
.cpzs_ul li:first-child{width:100%;}
.cpzs_ul li:first-child a::before {padding-top:70.5584%;}
.cpzs_ul li:first-child a:hover .cpzs_logo {top:32%;}
.cpzs_ul li:first-child a:hover .cpzs_txt {bottom:32%;}

.cpzx {padding:10px;}
.cpzx_ul {padding-top:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzx_ul li {width:calc(50% - 5px); margin:10px 0 0 0;}
.cpzx_ul li .cpzx_txt {height:39px; line-height:38px; font-size:14px;}

.ys {padding:10px;}
.ys_contect {padding-top:10px;}
.ys_left {width:100%;}
.ys_right {width:100%; padding-left:0;}
.ys_ul li {margin-top:10px;}
.ys_ul li .ys_sub {width:45px; height:45px; font-size:28px; margin-right:15px;}
.ys_ul li .ys_sub::before {border-left:10px solid #879be3; border-bottom:30px solid transparent; right:-10px; bottom: 0;}
.ys_ul li .ys_p {height:45px; line-height:44px; font-size:16px;}
.ys_ul li .ys_txt {height:60px; line-height:20px; padding-left:20px; margin-top:10px;}
.ys_ul li .ys_txt::before {width:6px; height:6px; left:0; top:7px; border-radius:3px;}

.gsjj {padding:10px;}
.gsjj_left {width:100%;}
.gsjj_img::before{content:""; display:block; padding-top:67.4296%;}
.gsjj_dianhua {right:10px; bottom:10px; line-height:40px; font-size:18px; padding-right:10px;}
.gsjj_dianhua::before {bottom: -5px;}
.gsjj_dianhua::after {right: -5px;}
.gsjj_right {width:100%; margin-top:10px;}
.gsjj_p {font-size:14px;}
.gsjj_p>span {font-size:18px; padding-right:5px;}
.gsjj_sp {line-height:30px; font-size:20px;}
.gsjj_txt {margin-top:10px; line-height:22px; height:176px;}
.gsjj_more {padding-top:10px;}
.gsjj_more>a {width:110px; height:34px; line-height:30px;}

.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 a .case_hover::before {width:calc(100% - 10px); height: calc(100% - 10px); left:5px; top: 5px;}
.case_ul li a .case_logo {max-width:80px; padding-bottom:5px;}
.case_ul li a .case_logo img{height:30px!important;}
.case_ul li a .case_txt {line-height:30px; height:30px; font-size:14px;}

.news {padding:10px;}
.news_contect {padding-top:10px;}
.news_ul {width:100%;}
.news_ul li {margin-bottom:10px;}
.news_ul li a .news_sub {width:70px; padding:9px 0; line-height:30px; font-size:18px;}
.news_ul li a .news_B {width: calc(100% - 70px); padding:5px;}
.news_ul li a .news_B .news_txt {margin-top:6px;}
.news_img {width:100%;}

.lxwm {padding:10px;}
.lxwm_left {width:100%; padding:5px; margin-top:10px;}
.lxwm_map {width:100%; height:250px;}
.lxwm_txt {width:100%; padding:10px 0 0 0; line-height:24px; font-size:14px;}
.lxwm_right {width:100%; padding:5px; margin-top:10px;}
.lxwm_sp {margin-top:5px;}
.lxwm_img {padding-top:5px;}
.lxwm_B {margin-top:5px;}
.lxwm_btn {margin-top:5px;}
/*END-首页内容*/

/*底部*/
.link{padding:10px; font-size:12px; line-height:20px;}
.link a{margin:0 5px;}
.foot{ padding:10px;}
.foot_L {width:100%;}
.foot_nav {font-size:12px; line-height:20px; text-align:center;}
.foot_nav a{margin:0 5px;}
.footer_txt {padding:10px;}
/*END-底部*/ 

/*关于我们*/
.main{padding:0;}
.main_left{width:100%;}
.about{margin:0;}
.about_title{height:50px; line-height:50px; text-align:left; padding-left:20px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center,url(../images/about_title.jpg) no-repeat center center; background-size:auto,100% 100%;}
.about_ul{display:none; padding:0 2px;}
.about_ul li{margin-top:2px;}
.main_right{width:100%;}
.dqwz_contect{padding:10px;}
/*END-关于我们*/

/*产品中心/案例展示*/
.cpzx_ul1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzx_ul1 li{width:calc(50% - 5px); margin:0 0 10px 0;}
.cpzx_ul1 li .cpzx_txt {height:39px; line-height:38px; font-size:14px;}
/*END-产品中心/案例展示*/

/*新闻动态*/
.xw_ul li{margin-bottom:10px;}
.xw_ul li a .xw_img{width:100px;}
.xw_ul li a .xw_R{width:calc(100% - 100px); padding:0 10px;}
.xw_ul li a .xw_R .xw_txt {height:60px; line-height:20px; -webkit-line-clamp:3; margin-top:0;}
/*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:#2f47a1;}
.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:#f4ae00; 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 #f4ae00;}
.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;}