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

/*头部+导航+大图*/
.topbox{width:100%; background:#f2f2f2; line-height:46px; font-size:15px; color:#707070; padding:0 2%; position:relative; z-index:99999999;}
.top_nav>span{float:left; font-size:14px; color:#787878;}
.topbox a{float:left; margin-left:15px; font-size:18px; color:#a6a6a6; position:relative;}
.topbox a:hover{ color:#3554ad;}
.top_wx{width:118px; float:left; height:0; overflow:hidden; position:absolute; right:-50px; top:100%; z-index:9999;}
.top_wx>img{display:block; max-width:100%; height:auto; margin:0 auto;}
.topbox a:hover .top_wx{height:118px;}

.header{width:100%; padding:0 2%; position:relative; left:0; top:0; z-index:99999;}
.logo{width:236px; float:left; position:absolute; left:2%; top:0; margin-left:-20px;}
.logo img{width:100%; max-width:236px; max-height:172px;}

.header_R{width:calc(100% - 260px); float:right;}
.header_dianhuaB{width:226px; height:94px; background:#3554ad; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; justify-content:flex-end; position:relative;}
.header_dianhuaB::before{content:""; width:100%; height:100%; background:#3554ad; position:absolute; left:100%; top:0;}
.header_dianhua{line-height:24px; color:#fff; font-size:24px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:42px; font-family:DIN-BoldItalicAlt;}
.search_B{width:104px; height:94px; position:relative;}
.search_ss{width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; 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; background:#52b0e6;}
.search{display:none; width:400px; position:absolute; right:0; top:100%; background:#3554ad; padding:2px; z-index:99999999;}
.search_inp1{width:calc(100% - 60px); float:left; height:40px; line-height:40px; padding:0 10px; font-size:14px; color:#222;}
.search_btn{width:60px; float:left; height:40px; background:#52b0e6; font-size:16px; color:#fff; cursor:pointer;}

nav{width:calc(100% - 236px - 104px)!important;}
.nav{width:100%;}
.nav>li{width:14.285%; position:relative; background:url(../images/shutiao.png) no-repeat right top; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.nav>li:last-child{background:none;}
.nav>li>a{height:94px; line-height:98px; font-size:18px; color:#404040; text-align:center; border-bottom:5px solid transparent;}
.nav>li:hover>a{color:#3554ad; border-bottom-color:#3554ad; font-weight:bold;}
.nav>li>a.on{color:#3554ad; border-bottom-color:#3554ad; font-weight:bold;}

.nav_sub{display:none; width:100%; float:left; position:absolute; left:0; top:100%; z-index:999999; background:rgba(82, 176, 230, 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:#3554ad; color:#fff;}

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide img{width:100%;}
/*圆点*/
.banner .swiper-pagination {width:100%; max-width:1200px; position: absolute; left:50%; bottom:88px; transform:translateX(-50%);}
.banner .swiper-pagination-bullet {width:65px; float:left; height:6px;  background:#fff; opacity:0.5; border-radius:initial; margin:0 18px 0 0!important;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#52b0e6;}
.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; margin-top:-30px; position:relative; z-index:99999; padding-bottom:70px;}
.pic_ul{width:100%; float:left;}
.pic_ul li{width:calc(25% - 1px); float:left; background:#fff; box-shadow:0 0 40px rgba(0,0,0,0.2); padding:52px 0; margin-right:1px;}
.pic_ul li .pic_p{width:100%; overflow:hidden; line-height:40px; text-align:center; font-size:24px; color:#333; margin-top:25px;}
.pic_ul li .pic_sp{width:100%; overflow:hidden; line-height:30px; text-align:center; font-size:16px; color:#6e6e6e;}

.gsjj{width:100%; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.gsjj_left{width:50%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.gsjj_left>img{width:91px; float:left; height:78px; position:absolute; right:0; bottom:0; z-index:9;}
.gsjj_right{width:50%; float:right; background:url(../images/gsjj_bj.jpg) no-repeat center center;background-size:cover;}
.gsjj_B{width:100%; float:left; max-width:600px; padding:55px 0 165px 40px; position:relative;}
.gsjj_title{display:block; overflow:hidden; position:relative;}
.gsjj_p{display:block; overflow:hidden; padding-top:16px; line-height:36px; font-size:24px; color:#3554ad; position:relative; z-index:2;}
.gsjj_p>span{display:block; overflow:hidden; color:#414141; font-weight:bold;}
.gsjj_sp{width:100%; float:left;height:88px; line-height:88px; font-size:100px; color:#fff; text-transform:uppercase; position:absolute; left:0; top:0;}
.gsjj_txt{display:block; overflow:hidden; margin-top:30px; height:288px; line-height:24px; font-size:16px; color:#6b6b6b; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:12; -webkit-box-orient: vertical;}
.gsjj_more{width:91px; float:left; height:78px; position:absolute; left:0; bottom:0; z-index:9;}
.gsjj_more>a{width:100%; height:100%; float:left; background:#3554ad; position:relative;}
.gsjj_more>a::before{content:""; width:36px; float:left; height:2px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.gsjj_more>a::after{content:""; width:2px; float:left; height:36px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.cpzs{width:100%; float:left; overflow:hidden; padding-bottom:90px; position:relative; z-index:99;}
.cpzs_title{width:100%; float:left; overflow:hidden; text-align:center; padding-bottom:20px; background:url(../images/title_heng.png) no-repeat center bottom;}
.cpzs_p{line-height:50px; font-family:'Source Han Sans CN'; font-size:36px; color:#3b3b3b; font-weight:bold;}
.cpzs_sp{line-height:60px; font-family:'Source Han Sans CN'; font-size:48px; color:#e1e1e1; font-weight:bold; text-transform:uppercase;}
.cpzs_conetct{width:100%; float:left; padding-top:55px;}

/* .con {FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 600px}
#tags {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 400px; PADDING-TOP: 0px; HEIGHT: 23px}
#tags LI {BACKGROUND: url(images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 23px}
#tags LI A {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999; LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none}
#tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag {BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px}
#tags LI.selectTag A {BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px}
#tagContent {BORDER-RIGHT: #aecbd4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #aecbd4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #aecbd4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #aecbd4 1px solid; BACKGROUND-COLOR: #fff}
.tagContent {PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; BACKGROUND: url(images/bg.gif) repeat-x; PADDING-BOTTOM: 10px; WIDTH: 576px; COLOR: #474747; PADDING-TOP: 10px; HEIGHT: 250px}
#tagContent div.selectTag {DISPLAY: block} */

.cpzs_nav{width:100%; float:left; position:relative;}
/* .cpzs_nav::before{content:""; width:5000px; float:left; height:1px; background:#d7d7d7; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} */
.gallery-top .swiper-slide{height:48px; line-height:46px; text-align:center; border:1px solid #bfbfbf; border-radius:24px; background:#fff; position:relative; z-index:2; cursor:pointer;}
/* .gallery-top .swiper-slide::before{content:""; width:1px; float:left; height:31px; background:#e4e4e4; position:absolute; left:50%; transform:translateX(-50%);} */
/* .gallery-top .swiper-slide:nth-child(odd){margin-top:110px;}
.gallery-top .swiper-slide:nth-child(odd)::before{top:-31px;}
.gallery-top .swiper-slide:nth-child(even)::before{top:100%;} */
.gallery-top .swiper-slide:hover{border:1px solid transparent; background-image: linear-gradient(to right, #3554ad , #52afe5); color:#fff;}
.gallery-top .swiper-slide.swiper-slide-thumb-active{border:1px solid transparent; background-image: linear-gradient(to right, #3554ad , #52afe5); color:#fff;}
.gallery-prev,.gallery-next{left:-78px; position:absolute; top:50%; transform:translateY(-50%); z-index:999; outline:none; width:48px; float:left; height:48px; background:url(../images/cpzs_L.png) no-repeat center center; background-size:100% 100%; cursor:pointer;}
.gallery-next{left:initial; right:-78px; background:url(../images/cpzs_R.png) no-repeat center center; background-size:100% 100%;}
.gallery-thumbs {width:100%; float:left;}
.cpzs-imgbox{width:100%; float:left; position:relative; padding:70px 0 80px 0;}
.cpzs-imgbox .swiper-slide{padding:10px;}
.cpzs-imgbox .swiper-slide a{width:100%; float:left; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.cpzs-imgbox .swiper-slide .cpzs_B{width:100%; overflow:hidden;}
.cpzs-imgbox .swiper-slide .cpzs_B .cpzs_img{width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.cpzs-imgbox .swiper-slide .cpzs_B .cpzs_img::before{content:""; display:block; padding-top:66.3158%;}
.cpzs-imgbox .swiper-slide .cpzs_txt{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 30px; height:80px; line-height:80px; font-size:18px; color:#353535;}
.cpzs-imgbox .swiper-slide .cpzs_txt img{width:29px; float:left; height:12px;}
.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:#52b0e6; color:#fff;}
.cpzs-imgbox .cpzs_icon{min-width:290px; background:#fff; height:60px; border-radius:30px; float:left; position:absolute; left:50%; bottom:10px; z-index:999999; transform:translateX(-50%); z-index:999;display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-line-pack:center; align-content:center; padding:0 15px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.cpzs-imgbox .cpzs_icon .cpzs-prev,.cpzs-imgbox .cpzs_icon .cpzs-next{width:32px; float:left; height:32px; background:url(../images/cpzs_left.jpg) no-repeat center center; background-size:100% 100%; cursor:pointer;}
.cpzs-imgbox .cpzs_icon .cpzs-next{background:url(../images/cpzs_right.jpg) no-repeat center center; background-size:100% 100%;}
.cpzs-imgbox .swiper-pagination {width:auto; float:left; position:relative; left:initial; top:initial;}
.cpzs-imgbox .swiper-pagination-bullet {width:15px; float:left; height:15px; background:#8e8e8e; border:2px solid #8e8e8e; opacity:1; border-radius:50%; margin:0 10px!important;}
.cpzs-imgbox .swiper-pagination-bullet-active{background:#fff; border-color:#3e5ad0;}

.ysBox{width:100%; overflow:hidden;}
.ys{width:100%; float:left; background:url(../images/ys_bj.jpg) no-repeat center center; background-size:cover; padding:135px 0 0 0;} 
.ys_title{width:100%; float:left; padding:57px 0 36px 0; text-align:center; background:url(../images/ys_title.png) no-repeat center center; background-size:contain;}
.ys_p{line-height:58px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-family:'Source Han Sans CN'; font-size:44px; color:#2f2f2f; font-weight:bold;}
.ys_p>span{float:left; width:44px; position:relative;}
.ys_p>span::before{content:""; width:10px; height:10px; border-radius:50%; background:#3554ad; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.ys_sp{display:block; overflow:hidden; font-size:18px; color:#656565; line-height:32px;}
.ys_ulB{width:100%; float:left; height:600px; margin-top:70px; position:relative;}
.ys_logo{width:48%; float:left; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:50%; bottom:-194px; transform:translateX(-50%);z-index:99999;}
.ys_logo::before{content:""; display:block; padding-top:100%;}
.ys_liB{float:left; position:absolute; overflow:hidden; cursor:pointer;}
.ys_heng{float:left; background:#e3e3e3; position:absolute; z-index:9999;}
.ys_hover{float:left; position:absolute;}
.ys_icon{display:block; overflow:hidden;}
.ys_icon img{float:left;}
.ys_pp{display:block; overflow:hidden; line-height:32px; height:32px; text-overflow:ellipsis; white-space: nowrap; font-size:24px; color:#3554ad; font-weight:bold;}
.ys_txt{display:block; overflow:hidden; margin-top:20px; line-height:24px; height:48px; font-size:16px; color:#676767; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

.ys_sx1{width:600px; height:425px; left:0; bottom:0; background:url(../images/ys_li_bj1.png) no-repeat center center; background-size:100% 100%;}
.ys_sx1:hover{ background:url(../images/ys_li_hover1.png) no-repeat center center; background-size:100% 100%;}
.ys_sx1 .ys_hover{width:180px; left:18%; top:50%;}

.ys_sx2{width:425px; height:600px; left:50%; bottom:0; transform-origin:left bottom; transform:rotate(-45deg);}
.ys_sx2 .ys_li_bj{width:100%; float:left; height:100%; position:absolute; left:-300px; top:-300px;background:url(../images/ys_li_bj2.png) no-repeat center center; background-size:100% 100%; transform-origin:left bottom; transform:rotate(45deg);}
.ys_sx2:hover .ys_li_bj{ background:url(../images/ys_li_hover2.png) no-repeat center center; background-size:100% 100%;}
.ys_sx2 .ys_heng{width:1px; height:600px; left:0; bottom:0;}
.ys_sx2 .ys_hover{width:180px; left:25%; top:6%; transform-origin:left bottom; transform:rotate(45deg);}

.ys_sx3{width:425px; height:600px; left:50%; bottom:0; background:url(../images/ys_li_bj3.png) no-repeat center center; background-size:100% 100%;}
.ys_sx3:hover{ background:url(../images/ys_li_hover3.png) no-repeat center center; background-size:100% 100%;}
.ys_sx3 .ys_heng{width:1px; height:600px; left:0; bottom:0;}
.ys_sx3 .ys_hover{width:180px; left:28%; top:15%;}

.ys_sx4{width:600px; height:425px; right:0; top:100%; transform-origin:left top; transform:rotate(-45deg);}
.ys_sx4 .ys_heng{width:600px; height:1px; left:0; bottom:424px;}
.ys_sx4 .ys_li_bj{width:100%; float:left; height:100%; position:absolute; left:300px; top:-300px; background:url(../images/ys_li_bj4.png) no-repeat center center; background-size:100% 100%; transform-origin:left top; transform:rotate(45deg); z-index:0;}
.ys_sx4:hover .ys_li_bj{ background:url(../images/ys_li_hover4.png) no-repeat center center; background-size:100% 100%;}
.ys_sx4 .ys_hover{width:180px; right:5%; top:20%; transform-origin:left top; transform:rotate(45deg);}

.ys_B{width:100%; float:left; position:relative; z-index:9;display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.ys_left{width:50%; float:left; padding:61px 0; background:#ff7800;}
.ys_left_txt{width:100%; float:right; max-width:600px; line-height:36px; padding:0 0 0 50px; font-size:22px; color:#fff; line-height:36px;}
.ys_left_txt>span{display:block; overflow:hidden; font-size:24px; font-weight:bold;}
.ys_right{width:50%; float:right; padding:61px 0; background:#3554ad;}
.ys_dianhuaB{width:100%; float:left; max-width:600px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right:70px;}
.ys_dianhua{float:right; background:url(../images/ys_dianhua.png) no-repeat left center; padding-left:65px; line-height:26px; font-size:24px; color:#fff;}

.wys{width:100%; overflow:hidden; padding:100px 0; background:url(../images/wys_bj.jpg) no-repeat center center;}
.wys_title{display:block; overflow:hidden; text-align:center;}
.wys_p{display:block; overflow:hidden; line-height:30px; font-family:'Source Han Sans CN'; font-size:18px; color:#989898;}
.wys_sp{display:block; overflow:hidden; background:url(../images/wys_title.png) no-repeat center center; background-size:contain; padding:42px 0 65px 0; line-height:44px; font-family:'Source Han Sans CN'; font-size:36px; font-weight:bold; color:#2d2d2d;}
.wys_sp>span{color:#3554ad;}
.wys_ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-top:60px; width:1236px;}
.wys_ul li{width:273px; float:left; margin:0 36px 0 0;}
.wys_ul li a{width:100%; float:left;border-radius:50px 0 50px 0; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.wys_ul li .wys_B{width:100%; float:left; overflow:hidden; border-radius:50px 0 0 0;}
.wys_ul li .wys_B .wys_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.wys_ul li .wys_B .wys_img::before{content:""; display:block; padding-top:59.3407%;}
.wys_ul li .wys_txtB{width:100%; float:left; background:#fff; border-radius:0 0 50px 0; padding-bottom:35px;}
.wys_ul li .wys_txtB .wys_logo{width:100%; overflow:hidden; margin-top:-64px; position:relative; z-index:9;}
.wys_ul li .wys_txtB .wys_logo img{display:block; width:100%; max-width:128px; height:auto; margin:0 auto;}
.wys_ul li .wys_pp{display:block; overflow:hidden; text-align:center; line-height:34px; font-family:'Source Han Sans CN'; font-size:24px; color:#3a3a3a;}
.wys_ul li .wys_spp{display:block; overflow:hidden; text-align:center; line-height:22px; font-size:14px; color:#9a9a9a; margin-top:5px; text-transform:uppercase;}
.wys_ul li:hover .wys_B .wys_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.wys_ul li:hover .wys_txtB{background:#3554ad;}
.wys_ul li:hover .wys_pp{color:#fff;}
.wys_ul li:hover .wys_spp{color:#fff;}
.wys_ul li:nth-child(odd){padding-top:164px;}

.case{width:100%; overflow:hidden; background:url(../images/case_bj.jpg) no-repeat center center; background-size:cover; padding:75px 0 80px 0;}
.case_title{width:100%; float:left; overflow:hidden; text-align:center; background:url(../images/title_heng.png) no-repeat center bottom; padding-bottom:30px;}
.case_p{ font-family:'Source Han Sans CN'; font-size:36px; color:#fff; font-weight:bold; line-height:50px;}
.case_sp{font-size:48px; color:#e1e1e1; text-transform:uppercase; line-height:52px; opacity:0.2;}
.case_contect{width:100%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-top:40px;}
.case_left{width:50%; float:left;background-image: linear-gradient(to right, #d1d3d7 , #fff); border-radius:50px 0 0 0; padding:45px 30px;  box-shadow:0 0 10px rgba(0,0,0,0.3);}
.case_pp{width:100%; float:left; display:block; overflow:hidden; line-height:42px; font-family:'Source Han Sans CN'; font-size:30px; color:#3b3b3b; font-weight:bold;}
.case_pp>span{color:#3554ad;}
.case_spp{width:100%; float:left; display:block; overflow:hidden; line-height:30px; font-family:'Source Han Sans CN'; font-size:18px; color:#888888;}
.case_down{width:100%; float:left; display:block; position:relative; padding-top:45px;}
.case-top .swiper-slide{background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.case-top .swiper-slide::before{content:""; display:block; padding-top:73.6843%;}
.case-top .swiper-slide::after{content:""; width:100%; float:left; height:100%; background:#000; opacity:0.5; position:absolute; left:0; top:0;}
.case-top .swiper-slide.swiper-slide-thumb-active::after{opacity:0;}
.case_icon{width:100%; height:16px; float:left; margin-top:54px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; position:relative;}
.case-prev,.case-next{left:0; top:0; position:absolute; width:10px; float:left; height:16px; background:url(../images/case_L.png) no-repeat center center; background-size:100% 100%; outline:none; cursor:pointer;}
.case-next{left:initial; right:0; background:url(../images/case_R.png) no-repeat center center; background-size:100% 100%; }
.case_heng{width:calc(100% - 50px); float:left; height:1px; background:#ccc; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.case_right{width:50%; float:left;background-image: linear-gradient(to right, #c6c7cb , #fff); border-radius:0 0 50px 0; padding:30px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.case-thumbs .swiper-slide .case_img{position:relative; width:100%; overflow:hidden;}
.case-thumbs .swiper-slide .case_img::before{content:""; display:block; padding-top:73.9853%;}
.case-thumbs .swiper-slide .case_txt{width:100%; float:left; padding:0 20px;}
.case-thumbs .swiper-slide .case_txt .case_T{min-width:184px; float:left; height:102px; line-height:102px; text-align:center; background:#3554ad; font-size:18px; color:#fefefe; font-weight:bold; margin-top:-25px; position:relative; z-index:2;}
.case-thumbs .swiper-slide .case_txt .case_more{float:right; margin-top:30px; line-height:20px; font-size:14px; color:#b3b3b3; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.case-thumbs .swiper-slide .case_txt .case_more img{margin-left:15px;}

.news{width:100%; overflow:hidden; padding:85px 0; background:url(../images/news_bj.jpg) no-repeat center center; background-size:cover;}
.news_ul{display:block; overflow:hidden; width:1224px; padding-top:75px;}
.news_ul li{width:384px; float:left; margin:0 24px 25px 0;}
.news_ul li .news_B{width:100%; overflow:hidden;}
.news_ul li .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_ul li .news_B .news_img::before{content:""; display:block; padding-top:54.4271%;}
.news_ul li .news_down{display:block; overflow:hidden; background:#fff; padding:30px 20px;}
.news_ul li .news_down .news_sp{display:block; overflow:hidden; line-height:22px; font-size:14px; color:#bfbfbf; background:url(../images/news_logo.png) no-repeat left center; padding-left:35px;}
.news_ul li .news_down .news_p{display:block; overflow:hidden; margin-top:20px; line-height:38px; font-size:18px; color:#353535; text-overflow:ellipsis; white-space: nowrap;}
.news_ul li .news_down .news_txt{display:block; overflow:hidden;height:48px; line-height:24px; font-size:14px; color:#9a9a9a; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news_ul li .news_down .news_more{display:block; overflow:hidden; padding-top:15px;}
.news_ul li .news_down .news_more img{float:left; height:4px;}
.news_ul li: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_ul li:hover .news_down .news_p{color:#3554ad;}
.news_M{display:block; overflow:hidden; padding:45px 0 10px 0;}
.news_M a{width:145px; height:46px; line-height:46px; text-align:center; background:#fff; display:block; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:5px; font-size:18px; color:#6f6f6f;}
.news_M a:hover{background:#3554ad; color:#fff;}
/*END-首页内容

/*底部*/
.hf{width:100%; overflow:hidden; background:url(../images/hf_bj.jpg) no-repeat center center; background-size:cover; padding:80px 0 65px 0;}
.hf_L{width:calc(100% - 300px); float:left; padding-top:12px;}
.hf_p{display:block; overflow:hidden; line-height:64px; font-family:'Source Han Sans CN'; font-size:26px; color:#fff; font-weight:bold;}
.hf_p>span{font-size:48px;}
.hf_sp{display:block; overflow:hidden; font-family:'Source Han Sans CN'; font-size:22px; color:#fff; opacity:0.8;}
.hf_R{width:300px; float:left;}
.hf_R img{display:block; overflow:hidden; max-width:100%; height:auto;}

footer{background:#3554ad; padding-top:50px;}
.footer_left{width:50%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex;}
.footer_wx{float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-line-pack:center; align-content:center;}
.footer_wx>img{float:left; margin:0 1px;}
.footer_wx>img:nth-child(1){height:118px;}
.footer_wx>img:nth-child(2){height:124px;}
.footer_txt{float:left; padding-left:15px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-line-pack: justify; align-content: space-between;}
.footer_dianhua{display:block; overflow:hidden; line-height:30px; font-size:15px; color:#fff;}
.footer_dianhua>span{display:block; overflow:hidden; font-size:22px; color:#5cc3fe; font-weight:bold;}
.footer_p{display:block; overflow:hidden; line-height:30px;}
.footer_p>p{width:100%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:15px; color:#fff;}
.footer_p>p:nth-child(1)>img{height:17px; margin-right:10px;}
.footer_p>p:nth-child(2)>img{height:13px; margin-right:10px;}

.footer_right{width:46%;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;}
.footer_B{float:left;}
.footer_T{display:block; overflow:hidden; line-height:36px; font-size:18px; color:#fff; font-weight:bold;}
.footer_ul{display:block; overflow:hidden; padding-top:10px;}
.footer_ul li{display:block; overflow:hidden;}
.footer_ul li a{display:block; overflow:hidden; height:30px; line-height:30px; font-size:14px; color:#fff; opacity:0.6;}
.footer_ul li a:hover{opacity:1; text-decoration:underline!important;}

.footer{width:100%; margin-top:50px; border-top:1px solid rgba(255,255,255,0.5); padding:35px 0;}
.footer_L{float:left; font-size:14px; color:#fff; line-height:30px;}
.footer_R{float:right;}
.footer_R>a{float:left; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; margin-left:20px; font-size:16px; color:#fff; position:relative;}
.footer_R>a:hover{background:#fff; color:#3554ad;}
.footer_weixin{width:118px; height:0; overflow:hidden; float:left; position:absolute; right:0; bottom:110%;}
.footer_weixin img{width:118px; height:118px; display:block; margin:0 auto;}
.footer_R>a:hover .footer_weixin{height:118px;}
/*END-底部*/

/*关于我们*/
.N_banner{width:100%; float:left;}
.N_banner img{width:100%; display:block; height:auto;}

.dqwz_title{width:100%; float:left; line-height:80px; margin-top:-80px; position:relative; z-index:999999;}
.dqwz_L{float:left; position:relative; background:#3554ad; padding-right:40px;}
.dqwz_L::before{content:""; width:1000px; float:left; height:100%; background:#3554ad; position:absolute; right:100%; top:0; z-index:-1;}
.dqwz_L::after{content:""; width:21px; float:left; height:21px; background:#52b0e6; opacity:0.56; position:absolute; right:-22px; top:-22px;}
.dqwz_p{float:left; font-size:24px; color:#fff; font-weight:bold;}
.dqwz_sp{float:left; font-family:Arial; font-size:18px; color:#fff; text-transform:uppercase; padding-left:10px;}
.dqwz_nav{float:right; font-size:14px; color:#fff; background:url(../images/dqwz_logo.png) no-repeat left center; padding-left:22px;}

.about{width:100%; float:left; padding-top:30px;}
.about_ul{display:block; overflow:hidden; width:1230px;}
.about_ul>li{width:216px; float:left; margin:5px 30px 5px 0}
.about_ul>li>a{display:block; overflow:hidden; height:50px; line-height:48px; text-align:center; border:1px solid #c9c9c9; border-radius:25px; font-size:16px; color:#575757;}
.about_ul>li>a:hover{border-color:#3554ad; background:#3554ad; color:#fff;}
.about_ul>li.about_on>a{border-color:#3554ad; background:#3554ad; color:#fff;}

.dqwz_contect{width:100%; float:left; padding:30px 0;}
.company{display:block; overflow:hidden; font-size:16px; color:#202020; line-height:24px;}
.company img{display:block; max-width:100%; height:auto; margin:0 auto 20px auto!important;}
/*END-关于我们*/

/*产品展示/案例展示*/
.cp_ul{width:1230px; display:block;}
.cp_ul li{width:380px; float:left; margin:0 30px 36px 0; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.cp_ul li .cp_B{width:100%; overflow:hidden;}
.cp_ul li .cp_B .cp_img{width:100%; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.cp_ul li .cp_B .cp_img::before{content:""; display:block; padding-top:66.3158%;}
.cp_ul li .cp_txt{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 30px; height:80px; line-height:80px; font-size:18px; color:#353535;}
.cp_ul li .cp_txt img{width:29px; float:left; height:12px;}
.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{background:#52b0e6; color:#fff;}

.cpxq{display:block; overflow:hidden; border-top:1px solid #d7d7d7;}
.cpxq_p{display:block; overflow:hidden; text-align:center; line-height:88px; font-size:30px; color:#171717;}
.cpxq_img{display:block; overflow:hidden; max-width:100%; height:auto; margin:0 auto 20px auto;}
.cpxq_img img{display:block; overflow:hidden; max-width:100%; height:auto; margin:0 auto;}
.cpxq_txt{display:block; overflow:hidden; font-size:16px; color:#202020; line-height:24px;}
/*END-产品展示/案例展示*/

/*新闻动态*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; padding-top:35px; margin-bottom:35px; border-top:1px solid #d7d7d7;}
.xw_ul li .xw_B{width:232px; float:left; overflow:hidden; margin-right:20px;}
.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:74.1380%;}
.xw_ul li .xw_p{display:block; overflow:hidden; height:22px; line-height:22px; font-size:18px; color:#171717; font-weight:bold; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li .xw_sp{display:block; overflow:hidden; height:20px; line-height:20px; font-size:14px; color:#8b8b8b; margin-top:10px;}
.xw_ul li .xw_txt{display:block; overflow:hidden; height:72px; line-height:24px; font-size:14px; color:#515151; margin-top:5px;}
.xw_ul li .xw_more{display:block; overflow:hidden; width:26px; height:26px; border:1px solid #b0b0b0; line-height:22px; text-align:center; font-size:24px; color:#b0b0b0; margin-top:15px; font-family:'Microsoft YaHei UI';}
.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:#3554ad;}
.xw_ul li:hover .xw_more{border-color:#3554ad; color:#fff; background:#3554ad;}

.xwxq{display:block; overflow:hidden; padding-top:30px; border-top:1px solid #d7d7d7;}
.xwxq_p{display:block; overflow:hidden; line-height:44px; text-align:center; font-size:30px; color:#171717; font-weight:bold;}
.xwxq_sp{display:block; overflow:hidden; line-height:28px; text-align:center; font-size:14px; color:#8b8b8b; padding-bottom:20px; border-bottom:1px solid #d7d7d7;}
.xwxq_img{display:block; overflow:hidden; padding-top:20px;}
.xwxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; color:#515151; line-height:24px;}
/*END-新闻动态*/

/*售后服务*/
.fw{display:block; overflow:hidden; font-size:16px; color:#202020; line-height:24px;}
.fw>img{width:50%; margin-right:40px;}
/*END-售后服务*/

/*联系我们*/
.contact{display:block; overflow:hidden; position:relative;}
.contact_B{width:412px; height:calc(100% - 40px); float:left; position:absolute; left:20px; top:20px; background:rgba(255,255,255,0.9); padding:40px;}
.contact_txt{display:block; overflow:hidden; font-size:16px; color:#545454; line-height:30px;}
.contact_txt>span{display:block; overflow:hidden; font-size:18px; font-weight:bold; color:#202020;}
.contact_wx{display:block; overflow:hidden; width:88px; text-align:center; font-size:14px; color:#4c4c4c; line-height:30px; margin-top:30px;}
.contact_wx img{width:88px; display:block; height:88px;}
.contact_map{width:100%; overflow: hidden; height:560px; border:none;}
/*END-联系我们*/

@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%; line-height:40px;}
.header{padding:0 1%;}
.header_R {width: calc(100% - 150px);}
.logo {width:150px; left:1%;}
.header_dianhuaB {width:160px; height:74px;}
.header_dianhua {line-height:20px; font-size:16px; padding-left:35px;}
.search_B {width:65px; height:74px;}
nav {width: calc(100% - 160px - 65px)!important;}
.nav>li>a {height:74px; line-height:78px; font-size:16px;}

/*圆点*/
.banner .swiper-pagination {width:98%;bottom:60px;}
.banner .swiper-pagination-bullet {width:40px; height:4px;  margin:0 15px 0 0!important;}
/*END-头部+导航*/

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

.gsjj_B {padding:40px 20px 120px 20px;}
.gsjj_p {font-size: 22px;}

.cpzs {padding:70px 1% 0 1%;}
.cpzs_conetct {padding-top:45px;}
.cpzs_nav {padding:0 50px;}
.gallery-prev, .gallery-next {left:0;}
.gallery-next {left: initial; right:0;}
.cpzs-imgbox {padding:50px 0 80px 0;}

.ys {padding:100px 1% 0 1%;}
.ys_title{float:none; overflow:hidden;}
.ys_ulB {width:1000px; float:none; height:500px; margin:50px auto 0 auto;}
.ys_sx1 {width:500px; height:354px;}
.ys_sx1 .ys_hover {left: 14%;}
.ys_sx2 {width:354px; height:500px;}
.ys_sx2 .ys_li_bj {left:-250px; top: -250px;}
.ys_sx2 .ys_hover {left: 15%; top: 3%;}
.ys_sx3 {width:354px; height:500px;}
.ys_sx4 {width:500px; height:354px;}
.ys_sx4 .ys_li_bj {left:250px; top: -250px;}

.wys {padding:70px 1%;}
.wys_ul {padding-top:40px; width:100%;}
.wys_ul li {width:23%; margin:0 1%;}
.wys_ul li:nth-child(odd) {padding-top:140px;}

.case {padding:50px 1%;}
.news {padding:60px 1%;}
.news_ul {width:100%; padding-top:50px;}
.news_ul li {width:31.33%; margin:0 1% 25px 1%;}
.news_M {padding:35px 0 10px 0;}
/*END-首页内容*/

/*底部*/
.hf{padding:60px 1% 50px 1%;}
footer{padding:40px 1% 0 1%;}
.footer_left{width:56%;}
.footer_right{width:42%;}
.footer{padding:35px 1%;}
/*END-底部*/

/*关于我们*/
.dqwz_title{padding:0 1%; height:70px; line-height:70px; margin-top:-70px;}
.about{padding:30px 1% 0 1%;}
.about_ul{width:100%;}
.about_ul>li{width:19%; margin:5px 0.5%;}
.dqwz_contect{padding:30px 1%;}
/*END-关于我们*/

/*产品展示/案例展示*/
.cp_ul{width:100%;}
.cp_ul li{width:32.33%; margin:0 0.5% 30px 0.5%;}
.cp_ul li .cp_txt{height:70px; line-height:70px;}
/*END-产品展示/案例展示*/

/*新闻动态*/
.xw_ul li{padding-top:30px; margin-bottom:30px;}
/*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:#3554ad;}

.topbox{padding:0 10px; line-height:30px;}
.topbox a {margin-left:5px; font-size:16px;}
.header{padding:0 10px; position:relative; z-index:9999999;}
.header_R{width:100%; position:relative; height:60px;}
.logo{left:0; margin-left:0;}
.search_B {width:60px; height:60px; position:absolute; right:10%; top:0;}

.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:100%; z-index:99; background:rgba(53, 84, 173, 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; border:none;}
.nav>li:hover>a{background:#52b0e6; color:#fff;}
.nav>li>a.on{color:#fff; background:#52b0e6; border-bottom-color:none; font-weight:normal;}
/*END-头部+导航*/

/*首页内容*/
.picbox {padding:0 10px 30px 10px; margin-top:-15px;}
.pic_ul li {padding:30px 5px;}
.pic_ul li .pic_p {line-height:36px; font-size:22px; margin-top:15px;}
.pic_ul li .pic_sp {line-height:24px; font-size:14px; min-height:48px;}

.gsjj_left{width:100%;}
.gsjj_left::before{content:""; display:block; padding-top:65.3125%;}
.gsjj_right {width:100%;}
.gsjj_B {max-width:100%; padding:30px 20px 100px 20px;}

.cpzs {padding:40px 10px 0 10px;}
.cpzs-imgbox {padding:40px 0 80px 0;}

.ys {padding:50px 10px 0 10px;}
.ys_ulB {width:700px; height:350px; margin:30px auto 0 auto;}
.ys_logo {width:30%; bottom: -132px;}
.ys_logo img{width:30%;}

.ys_icon img {height:20px!important;}
.ys_txt {margin-top:5px; line-height:20px; height:40px; font-size:14px;}
.ys_pp {line-height:30px; height:30px; font-size:20px;}

.ys_sx1 {width:350px; height:248px;}
.ys_sx1 .ys_hover {left: 14%;}
.ys_sx2 {width:248px; height:350px;}
.ys_sx2 .ys_li_bj {left:-175px; top: -175px;}
.ys_sx2 .ys_hover {width:160px; left:3%; top: 3%;}
.ys_sx3 {width:248px; height:350px;}
.ys_sx3 .ys_hover {left:12%; top:22%;}
.ys_sx4 {width:350px; height:248px;}
.ys_sx4 .ys_li_bj {left:175px; top: -175px;}
.ys_sx4 .ys_heng {width:350px; bottom:249px;}
.ys_sx4 .ys_hover {right:-5%; top:8%;}

.ys_left {padding:30px 0;}
.ys_left_txt {padding: 0 0 0 20px;}
.ys_right {padding:30px 0;}
.ys_dianhuaB {padding-right:20px;}

.wys {padding:40px 10px;}
.wys_ul {padding-top:30px;}
.wys_ul li:nth-child(odd) {padding-top:80px;}

.case {padding:30px 10px;}
.case_contect {padding-top:30px;}
.case_left {padding:20px;}
.case_down {padding-top:30px;}
.case_icon {margin-top:30px;}
.case_right {padding:20px;}
.case-thumbs .swiper-slide .case_txt {padding:0 10px;}
.case-thumbs .swiper-slide .case_txt .case_T { min-width:120px; height:80px; line-height:80px; font-size:16px; margin-top: -25px;}
.case-thumbs .swiper-slide .case_txt .case_more {margin-top:20px;}
.case-thumbs .swiper-slide .case_txt .case_more img {margin-left:5px; height:5px;}

.news {padding:40px 10px;}
.news_ul {padding-top:30px;}
.news_ul li {margin:0 1% 15px 1%;}
.news_ul li .news_down {padding:10px;}
.news_ul li .news_down .news_p {margin-top:5px; line-height:30px; font-size:16px;}
.news_ul li .news_down .news_more {padding-top:10px;}
.news_M {padding:15px 0 10px 0;}
/*END-首页内容*/

/*底部*/
.hf {padding:30px 10px;}
.hf>.container {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;}
.hf_L {width:calc(100% - 200px);}
.hf_R {width:200px; float:right;}

footer{padding:30px 10px 0 10px;}
.footer_left{width:45%; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.footer_txt {width:100%; padding:15px 0 0 0;}
.footer_right{width:52%;}
.footer{padding:20px 10px; margin-top:30px;}
.footer_R>a {margin-left:10px;}
/*END-底部*/

/*关于我们*/
.dqwz_title{padding:0 10px; height:60px; line-height:60px; margin-top:-60px;}
.about{padding:20px 10px 0 10px;}
.about_ul{width:100%;}
.about_ul>li{width:19%; margin:5px 0.5%;}
.dqwz_contect{padding:20px 10px;}
/*END-关于我们*/

/*产品展示/案例展示*/
.cp_ul li{margin:0 0.5% 20px 0.5%;}
.cp_ul li .cp_txt{height:50px; line-height:50px; padding:0 15px;}
/*END-产品展示/案例展示*/

/*新闻动态*/
.xw_ul li{padding-top:25px; margin-bottom:25px;}
/*END-新闻动态*/

}

@media (max-width:767px){
/*头部+导航*/
.header_R {height:50px;}
.logo {width: 110px;}
.search_B {width:50px; height:50px; right:13%;}
.search {display: none; width:260px; right:-20px;}
.nav{right:0;}
.icon-menu {right:0; width:30px; height:18px;}
.icon-menu span{height:3px;}

/*圆点*/
.banner .swiper-pagination {width:98%;bottom:10px;}
.banner .swiper-pagination-bullet {width:20px; height:2px; margin:0 5px 0 0!important;}
/*END-头部+导航*/

/*首页内容*/
.picbox {padding:10px; margin-top:0;}
.pic_ul li {width:calc(50% - 1px); padding:5px;}
.pic_ul li img{height:30px!important;}
.pic_ul li .pic_p {line-height:30px; font-size:16px; margin-top:5px;}
.pic_ul li .pic_sp {line-height:18px; font-size:12px; min-height:36px;}

.gsjj_left>img {width:40px; height:34px;}
.gsjj_B {padding:10px 10px 50px 10px;}
.gsjj_p {padding-top:5px; line-height:24px; font-size:14px;}
.gsjj_sp {height:58px; line-height:58px; font-size:70px;}
.gsjj_txt {margin-top:10px; height:240px; line-height:20px; font-size:14px; -webkit-line-clamp: 12;}
.gsjj_more {width:40px; height:34px;}
.gsjj_more>a::before {width:24px;}
.gsjj_more>a::after {height:24px;}

.cpzs {padding:10px;}
.cpzs_title {padding-bottom:15px;}
.cpzs_p {line-height:30px; font-size:18px;}
.cpzs_sp {line-height:30px; font-size:22px;}
.cpzs_conetct {padding-top:10px;}
.cpzs_nav {padding:0 30px;}
.gallery-prev, .gallery-next {width:24px; height: 24px;}
.gallery-top .swiper-slide {height:34px; line-height:34px; border-radius:17px;}
.gallery-top .swiper-slide:nth-child(odd) {margin-top:0;}
.cpzs-imgbox {padding:10px 0 80px 0;}
.cpzs-imgbox .swiper-slide .cpzs_txt {padding:0 5px; height:40px; line-height:40px; font-size:14px;}
.cpzs-imgbox .cpzs_icon {min-width:98%; height:40px; border-radius:20px; bottom:0; padding:0 5px;}
.cpzs-imgbox .cpzs_icon .cpzs-prev, .cpzs-imgbox .cpzs_icon .cpzs-next {width:24px; height:24px;}
.cpzs-imgbox .swiper-pagination-bullet {width:12px; height:12px; margin:0 2px!important;}

.ys {padding:10px;}
.ys_title {padding:20px 0;}
.ys_p {line-height:30px; font-size:20px;}
.ys_sp {font-size:12px; line-height:18px;}
.ys_ulB {width:100%; height:auto; margin:10px auto 0 auto; overflow:hidden;}
.ys_logo {width:100%; border-radius:initial; position:relative; left:initial; bottom:initial; transform:initial;}
.ys_liB {width:100%!important; height:auto!important; position:initial!important; background:#fff;left:initial!important; top:initial!important; right:initial!important; bottom:initial!important; transform-origin:initial!important; transform:initial!important; margin-top:10px;}
.ys_hover {width:100%!important; position:initial; left:initial!important; top:initial!important; right:initial!important; bottom:initial!important; transform-origin:initial!important; transform:initial!important; padding:10px;}
.ys_sx1 {width:100%!important; height:auto!important; float:left;left:initial!important; top:initial!important; right:initial!important; bottom:initial!important;}
.ys_sx2 .ys_li_bj {position:initial!important; left:initial!important; top:initial!important; transform-origin:initial!important; transform:initial!important;}
.ys_sx4 .ys_li_bj {position:initial!important; left:initial!important; top:initial!important; transform-origin:initial!important; transform:initial!important;}
.ys_left {width:100%; padding:10px;}
.ys_left_txt {max-width:100%; line-height:22px; padding:0; font-size:14px; text-align:center;}
.ys_left_txt>span {font-size:18px;}
.ys_right {width:100%; padding:10px;}

.wys {padding:10px;}
.wys_p {line-height:20px; font-size:14px;}
.wys_sp {padding:18px 0 30px 0; line-height:30px; font-size:20px;}
.wys_ul {padding-top:10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.wys_ul li {width:calc(50% - 5px); margin:10px 0 0 0;}
.wys_ul li a {height:100%;}
.wys_ul li:nth-child(odd) {padding-top:0;}
.wys_ul li .wys_txtB {padding-bottom:10px;}
.wys_ul li .wys_txtB .wys_logo {margin-top:0;}
.wys_ul li .wys_txtB .wys_logo img {max-width:50px;}
.wys_ul li .wys_pp {line-height: 28px; font-size: 18px;}
.wys_ul li .wys_spp {line-height: 18px; font-size: 12px;}

.case {padding:10px;}
.case_title {padding-bottom:15px;}
.case_p {font-size:18px; line-height:30px;}
.case_sp {font-size:22px; line-height:30px;}
.case_contect {padding-top:10px;}
.case_left {width:100%; padding:10px;}
.case_pp {line-height:30px; font-size:18px; text-align:center;}
.case_spp {line-height:20px; font-size:14px; text-align:center;}
.case_down {padding-top:10px;}
.case_icon {margin-top:10px;}
.case_right{width:100%; padding:10px;}
.case-thumbs .swiper-slide .case_txt .case_T {min-width:100px; height:40px; line-height:40px; font-size:14px; margin-top:0;}
.case-thumbs .swiper-slide .case_txt .case_more {margin-top:10px;}

.news {padding:10px;}
.news_ul {padding-top:10px;}
.news_ul li {width:100%; margin:0 0 10px 0;}
.news_M {padding:10px 0;}
.news_M a {width:100px; height:38px; line-height:38px; font-size:14px;}
/*END-首页内容*/

/*底部*/
.hf {padding:10px;}
.hf>.container {display:block;}
.hf_L {width:100%; padding:0;}
.hf_p {line-height:24px; font-size:14px;}
.hf_p>span {font-size:18px;}
.hf_sp {font-size:14px;}
.hf_R {width:100%; padding-top:10px;}
.hf_R img {margin:0 auto; max-width:60%;}

footer{padding:10px 10px 0 10px;}
.footer_left{width:100%;}
.footer_wx {width:100%; justify-content:center;}
.footer_txt {width:100%; padding:10px 0 0 0;}
.footer_dianhua {line-height:24px; font-size:13px;}
.footer_dianhua>span {font-size:18px;}
.footer_p {line-height:24px;}
.footer_p>p {font-size:13px;}

.footer{padding:10px 0; margin-top:10px;}
.footer_L {width:100%; font-size:12px; line-height:20px; text-align:center;}
/*END-底部*/

/*关于我们*/
.about{padding:0;}
.about_title{display:block; overflow:hidden; height:50px; line-height:50px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center #3554ad; font-size:18px; color:#fff; font-weight:bold; padding-left:20px;}
.about_title1{width:100%; float:left;}
.about_ul{display:none; width:100%; padding:0 2px;}
.about_ul>li{width:100%; margin:2px 0 0 0;}
.about_ul>li>a{display:block; overflow:hidden; height:40px; line-height:38px; text-align:center; font-size:14px;}
.dqwz_contect{padding:10px;}
.company{font-size:14px;}
.company img {margin: 0 auto 10px auto!important;}
/*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 .cp_txt{height:36px; line-height:36px; font-size:14px; padding:0 5px; justify-content:center;}
.cp_ul li .cp_txt img {display:none;}

.cpxq_p {line-height:30px; font-size:16px; padding-top:10px;}
.cpxq_img{margin:10px auto;}
.cpxq_txt {font-size:14px;}
/*END-产品展示/案例展示*/

/*新闻动态*/
.xw_ul li{padding-top:10px; margin-bottom:10px;}
.xw_ul li .xw_B{width:120px; margin-right:10px;}
.xw_ul li .xw_B .xw_img::before{padding-top:100%;}
.xw_ul li .xw_p{font-size:16px; }
.xw_ul li .xw_sp{height:16px; line-height:16px; font-size:12px; margin-top:0;}
.xw_ul li .xw_txt{height:54px; line-height:18px; margin-top:0;}
.xw_ul li .xw_more{width:20px; height:20px; line-height:18px; font-size:20px; margin-top:5px;}
.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:#3554ad;}
.xw_ul li:hover .xw_more{border-color:#3554ad; color:#fff; background:#3554ad;}

.xwxq{padding-top:10px;}
.xwxq_p{line-height:26px; font-size:18px;}
.xwxq_sp{line-height:18px; font-size:12px; padding-bottom:5px;}
.xwxq_img{padding-top:10px;}
.xwxq_txt{padding-top:10px;}
/*END-新闻动态*/

/*售后服务*/
.fw{font-size:14px;}
.fw>img{width:100%; margin:0 0 10px 0;}
/*END-售后服务*/

/*联系我们*/
.contact_B{width:100%; height:auto; position:relative; left:0; top:0; padding:0;}
.contact_txt{font-size:14px; line-height:24px;}
.contact_txt>span{font-size:16px;}
.contact_wx{width:80px; line-height:24px; margin-top:10px;}
.contact_wx img{width:80px; height:80px;}
.contact_map{ height:250px;}
/*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:#3554ad;}
.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:#52b0e6; 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 #52b0e6;}
.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;}