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

/*头部+导航+大图*/
.topbox{width:100%;  border-bottom:1px solid #d3d3d3; line-height:30px; font-size:14px; color:#000;}
.topbox a{ color:#000; margin:0 10px;}
.topbox a:last-child{margin:0 0 0 10px;}
.topbox a:hover{ color:#32328C; text-decoration:underline !important;}

.header{width:100%; padding:26px 0;}
.logo img{width:100%; max-width:354px; max-height:58px;}
.header_dianhua{height:54px; line-height:22px; color:#000; font-size:14px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:68px;}
.header_dianhua span{display:block; overflow:hidden; line-height:32px; font-size:30px; font-family:Impact; color:#32328C;}

nav{background:#32328C; position:relative; left:0; top:0; z-index:999999;}
.nav{width:100%;}
.nav>li{width:12.5%; position:relative; border-right:1px solid rgba(255,255,255,0.2);}
.nav>li>a{width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center;}
.nav>li:hover>a{background:#c71922; color:#fff;}
.nav>li:last-child{border-right:none;}

.nav_sub{display:none; width:100%; float:left; position:absolute; left:0; top:100%; z-index:999999; background:rgba(0, 113, 200, 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:#c71922; color:#fff;}
.nav>li:hover .nav_sub{display:block;}

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

/*首页内容*/
.picBox{width:100%; overflow:hidden; background:#32328C; padding:30px 0;}
.pic_ul{display:block; overflow:hidden;}
.pic_ul li{width:20%; float:left;}
.pic_ul li img{width:88px; float:left; height:88px; margin-right:10px;}
.pic_ul li .pic_p{display:block; overflow:hidden; line-height:34px; font-size:24px; color:#fff; margin-top:15px;}
.pic_ul li .pic_sp{display:block; overflow:hidden; line-height:18px; font-size:12px; color:#fff; text-transform:uppercase;}

.honor{width:100%; overflow:hidden; padding:50px 0;}
.honor_title{display:block; overflow:hidden; text-align:center;}
.honor_p{line-height:30px; font-size:28px; color:#666666; font-weight:bold; text-transform:uppercase;}
.honor_sp{display:flex; justify-content:center;}
.honor_sp>span{float:left; position:relative; line-height:38px; font-size:30px; color:#32328C; font-weight:bold; padding:0 50px;}
.honor_sp>span::before{content:""; width:1000px; float:left; height:2px; background:#f0f0f0; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.honor_sp>span::after{content:""; width:1000px; float:left; height:2px; background:#f0f0f0; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.honor-imgbox{margin-top:45px;}
.honor-imgbox .swiper-slide{border:2px solid #bbc9d8; position:relative; overflow:hidden;}
.honor-imgbox .swiper-slide::before{content:""; display:block; padding-top:105.8036%;}
.honor-imgbox .swiper-slide:hover{border-color:#32328C;}
.honor-imgbox .swiper-slide:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.rzcl{width:100%; overflow:hidden; padding:60px 0;}
.rzcl_contect{display:flex; flex-wrap:wrap; overflow:hidden; padding:35px 70px 0 70px;}
.rzcl_L{width:50%; float:left; position:relative; padding:0 0 40px 45px;}
.rzcl_L::before{content:""; width:404px; float:left; height:calc(100% - 40px); background:#c01921; position:absolute; left:0; bottom:0;}
.gallery-top {width:100%; max-width:404px; float:left; border:2px solid #ccc; background:#fff;}
.gallery-top .swiper-slide{position:relative; z-index:2;}
.gallery-top .swiper-slide::before{content:""; display:block; padding-top:125%;}
.rzcl_btn{width:41px; float:left; position:absolute; right:0; top:50%; z-index:99; transform:translateY(-50%);}
.rzcl-next{width:41px; height:46px; background:url(../images/rzcl_down.jpg) no-repeat center center; overflow:hidden; opacity:1;  cursor:pointer; margin:2px 0;}
.rzcl-prev{width:41px; height:46px; background:url(../images/rzcl_up.jpg) no-repeat center center; overflow:hidden; opacity:1; cursor:pointer; margin:2px 0;}
.rzcl_R{width:50%; float:left;}
.gallery-thumbs {width:100%; max-width:484px; float:right; height:100%;}
.gallery-thumbs .swiper-slide {border:2px solid #000; position:relative; height:calc(50% - 10px); overflow:hidden;}
.gallery-thumbs .swiper-slide-thumb-active {border-color:#cb2e35;}

.my{width:100%; overflow:hidden; background:url(../images/my_bj.jpg) no-repeat center center; background-size:cover; padding:50px 0;}
.my .honor_sp>span::before{content:""; width:1000px; float:left; height:2px; background:#fff; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.my .honor_sp>span::after{content:""; width:1000px; float:left; height:2px; background:#fff; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.my-imgbox{margin-top:40px;}
.my-imgbox .swiper-slide .my_img{width:100%; max-width:98px; margin:0 auto; position:relative; overflow:hidden; border:2px solid #d8d7d7; border-radius:50%; transition:all 0.4s;}
.my-imgbox .swiper-slide .my_img::before{content:""; display:block; padding-top:100%;}
.my-imgbox .swiper-slide .my_txt{display:block; overflow:hidden; text-align:center; line-height:30px; font-size:16px; color:#9fa1a0; margin-top:15px;transition:all 0.4s;}
.my-imgbox .swiper-slide:hover .my_img{border-color:#32328C;}
.my-imgbox .swiper-slide:hover .my_txt{color:#32328C;}

.app{width:100%; overflow:hidden; padding:50px 0;}
.app_title{display:block; overflow:hidden; text-align:center;}
.app_p{line-height:68px; font-size:50px; color:#343434;}
.app_p>span{ font-weight:bold;}
.app_sp{display:flex; justify-content:center;}
.app_sp>span{float:left; position:relative; line-height:44px; padding:0 60px; font-size:24px; color:#343434; font-weight:bold;}
.app_sp>span>em{color:#fa9040;}
.app_sp>span::before{content:""; width:1000px; float:left; height:2px; background:#f9f9f9; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.app_sp>span::after{content:""; width:1000px; float:left; height:2px; background:#f9f9f9; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.app_ul{display:block; width:1242px; overflow:hidden; margin-top:40px; background:url(../images/app_heng.jpg) no-repeat left center;}
.app_ul li{width:372px; float:left; margin:0 42px 140px 0;}
.app_ul li .app_B{width:100%; overflow:hidden;}
.app_ul li .app_B .app_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 1s;}
.app_ul li .app_B .app_img::before{content:""; display:block; padding-top:44.6237%;}
.app_ul li .app_txt{display:flex; justify-content:center; align-items:center; align-content:center; overflow:hidden; height:44px; margin-top:12px; font-size:24px; color:#32328C; font-weight:bold;}
.app_ul li .app_txt img{width:auto; height:44px; float:left; margin-right:20px;}
.app_ul li:hover .app_B .app_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.app_ul li:nth-child(4){margin-bottom:0;}
.app_ul li:nth-child(5){margin-bottom:0;}
.app_ul li:nth-child(6){margin-bottom:0;}


.hz{width:100%; overflow:hidden; padding:50px 0; background:#f5f5f5;}
.hz .app_p{line-height:58px; font-size:36px; color:#323232;}
.hz .app_p>span{color:#32328C;}
.hz .app_sp>span{padding:0 10px; font-size:24px; color:#5d5d5d; font-weight:normal;}
.hz .app_sp>span::before{content:""; width:1000px; float:left; height:2px; background:#f0f0f0; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.hz .app_sp>span::after{content:""; width:1000px; float:left; height:2px; background:#f0f0f0; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.hz_contect{display:flex; flex-wrap:wrap; overflow:hidden; padding:70px 0 30px 0; position:relative;}
.hz_contect::before{content:""; width:calc(100% - 150px); height:calc(100% - 40px); float:left; border:2px solid #e8e8e8; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.hz_L{width:calc(50% - 170px); float:left;border-left:10px solid #0060c7; padding-left:5px;}
.hz_L li{width:calc(33.33% - 2px); float:left; margin:0 0 2px 2px;}
.hz_L li a{display:block; overflow:hidden; position:relative; background:#fff;}
.hz_L li a::before{content:""; display:block; padding-top:60.29412%;}
.hz_L li a img{transition:all 1s;}
.hz_L li a:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.hz_img{width:334px; float:left; margin:0 3px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hz_R{width:calc(50% - 170px); float:left;border-right:10px solid #0060c7; padding-right:5px;}
.hz_R li{width:calc(33.33% - 2px); float:left; margin:0 2px 2px 0;}
.hz_R li a{display:block; overflow:hidden; position:relative; background:#fff;}
.hz_R li a::before{content:""; display:block; padding-top:60.29412%;}
.hz_R li a img{transition:all 1s;}
.hz_R li a:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.ys{width:100%; overflow:hidden; padding-top:45px;}
.ys_title{width:100%; float:left; background:#32328C; height:110px;}
.ys_title_B{width:100%; max-width:730px; height:140px; margin:-15px auto 0 auto; background:url(../images/ys_title_bj.png) no-repeat center center; background-size:100% 100%; padding:7px 60px 0 60px;}
.ys_p{display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.1); padding:0 20px;}
.ys_L{float:left; line-height:76px; font-size:56px; color:#f5f5f5; font-weight:bold;}
.ys_R{float:left; padding-left:10px; color:#fff;}
.ys_R_p{line-height:14px; font-size:12px; text-transform:uppercase; letter-spacing:-1px;}
.ys_R_sp{line-height:38px; font-size:35px; font-weight:bold;}
.ys_sp{display:block; overflow:hidden; line-height:54px; text-align:center; font-size:26px; color:#f5f5f5;}
.ys_contect{width:100%; float:left; margin-top:60px; background:#f5f5f5;}
.ys_ul{width:100%; float:left; padding:25px 0;}
.ys_ul li{width:100%; float:left; position:relative; padding-bottom:100px;}
.ys_ul li::before{content:""; width:100%; float:left; height:100%; background:url(../images/ys_li_bj1.png) no-repeat left bottom; background-size:100% 380px; position:absolute; left:-90px; bottom:0; z-index:0;}
.ys_ul li .ys_left{width:50%; float:left; padding:0 0 0 15px; position:relative; z-index:5;}
.ys_ul li .ys_left .ys_Box{display:block; overflow:hidden; width:90%; float:left;}
.ys_ul li .ys_left .ys_Box .ys_titles{display:flex; align-items:center; border-bottom:1px dotted #666; padding-bottom:18px;}
.ys_ul li .ys_left .ys_Box .ys_titles .ys_sub{width:86px; float:left; height:138px;background:url(../images/ys_logo.png) no-repeat center center; background-size:cover; border-radius:5px; margin-right:15px; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; font-size:36px; color:#fff; text-decoration:underline!important;}
.ys_ul li .ys_left .ys_Box .ys_titles .ys_B .ys_pp{line-height:44px; font-size:35px; color:#003fcc; font-weight:bold;}
.ys_ul li .ys_left .ys_Box .ys_titles .ys_B .ys_spp{line-height:34px; font-size:24px; color:#585858; font-weight:bold;}
.ys_ul li .ys_left .ys_txt{display:block; overflow:hidden; font-size:16px; color:#000; line-height:32px; margin-top:35px; height:192px;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical;}
.ys_ul li .ys_right{width:50%; float:left; position:relative; z-index:5;}
.ys_ul li:nth-child(even)::before{content:""; width:100%; float:left; height:100%; background:url(../images/ys_li_bj2.png) no-repeat right bottom; background-size:100% 380px; position:absolute; left:initial; right:-90px; bottom:0; z-index:0;}
.ys_ul li:nth-child(even) .ys_left{float:right; padding:0 0 0 100px;}
.ys_ul li:nth-child(2) .ys_left .ys_txt{height:160px; -webkit-line-clamp:5;}
.ys_ul li:nth-child(3) .ys_left{ padding:0 10px;}
.ys_ul li:nth-child(3) .ys_left .ys_Box{width:100%;}
.ys_ul li:nth-child(3) .ys_left .ys_txt{height:224px; -webkit-line-clamp:7;}
.ys_ul li:nth-child(4) .ys_left{padding:0 0 0 20px;}
.ys_ul li:nth-child(4) .ys_left .ys_txt{height:160px; -webkit-line-clamp:5;}

.gsjj{width:100%; overflow:hidden; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover;}
.gsjj>.container{display:flex; flex-wrap:wrap;}
.gsjj_left{width:55%; float:left; background:#32328C; padding:60px 40px;}
.gsjj_title{display:block; overflow:hidden; line-height:48px; color:#fff;}
.gsjj_p{ font-family:'Times New Roman'; font-size:44px; text-transform:uppercase;}
.gsjj_sp{font-size:30px; font-weight:bold;}
.gsjj_nav{float:right; margin-top:-35px;}
.gsjj_nav a{float:left; background:#fff; height:28px; line-height:28px; font-size:14px; color:#32328C; font-weight:bold; padding:0 20px; margin-left:8px;}
.gsjj_txt{display:block; overflow:hidden; height:192px; line-height:24px; font-size:14px; color:#fff; margin-top:20px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:8; -webkit-box-orient: vertical;}
.cus{display:block; overflow:hidden; padding-top:60px;}
.cus_title{float:left; color:#fff; margin-right:50px;}
.cus_p{line-height:40px; font-size:32px;}
.cus_sp{line-height:18px; font-size:13px; text-transform:uppercase; letter-spacing:-1px;}
.cus_contect{display:block; overflow:hidden; line-height:24px; color:#fff; padding-top:5px;}
.cus_pp{display:flex; align-items:center; height:24px;}
.cus_pp>a{float:left; margin:0 5px; display:flex; align-items:center;}
.gsjj_right{width:45%; float:left; position:relative;}
.gsjj_img{width:100%; float:left; max-width:410px; position:absolute; right:48px; top:50%; transform:translateY(-50%);}
.gsjj_img img{width:100%; display:block; height:auto; position:relative; z-index:2;}
.gsjj_img::before{content:""; width:100%; float:left; height:100%; background:#32328C; position:absolute; left:20px; top:20px;}

.lxwm{width:100%; overflow:hidden; background:url(../images/footer_bj.jpg) no-repeat center center; background-size:cover; padding:40px 0 20px 0; margin-top:35px;}
.lxwm>.container{display:flex; flex-wrap:wrap;}
.lxwm_B{float:left; border-right:1px solid rgba(255,255,255,0.3);}
.lxwm_B:nth-child(1){width:30%;}
.lxwm_img{width:146px; float:left; margin-right:30px; text-align:center; line-height:30px; font-size:14px; color:#fff;}
.lxwm_img img{width:146px; display:block; height:146px;}
.lxwm_B:nth-child(2){width:36%; display:flex; align-items:center; align-content:center;}
.lxwm_B:nth-child(3){width:34%; padding-left:48px;}
.lxwm_dianhua{display:block; overflow:hidden; line-height:44px; font-family:Impact; font-size:41px; color:#fff; background:url(../images/footer_dianhua.png) no-repeat left center; padding-left:56px;}
.lxwm_txt{display:block; overflow:hidden; font-size:14px; color:#fff; line-height:24px; margin-top:10px;}
.lxwm_B:last-child{border:none;}
/*END-首页内容*/

/*在线订购*/
.lxwm_form{display:block; overflow:hidden;}
.lxwm_sp{display:block; overflow:hidden; line-height:36px; font-size:14px; color:#777;}
.lxwm_inp1{width:100%; display:block; height:38px; line-height:36px; border:1px dashed #ddd; background:#f4f4f4; padding:0 10px; font-size:14px; color:#000; margin-bottom:10px;}
.lxwm_inp2{width:100%; display:block; height:144px; line-height:24px; border:1px dashed #ddd; background:#f4f4f4; padding:5px 10px; font-size:14px; color:#000; outline:none;}
.lxwm_btn{display:block; overflow:hidden; width:134px; height:34px; line-height:34px; text-align:center; background:#0f43af; font-size:14px; color:#fff; margin-top:25px;}
/*END-在线订购*/

/*底部*/
footer{background:#32328C; font-size:14px; color:#fff; line-height:30px; padding:10px 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:30px 0;}
.main_left{width:280px; float:left;}
.about{width:100%; float:left; margin-bottom:30px;}
.about_title{display:block; overflow:hidden; height:50px; line-height:50px; text-align:center; background:#32328C; font-size:24px; 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:flex; align-items:center; justify-content:space-between; overflow:hidden; height:42px; line-height:40px; border:1px solid #d8d8d8; padding:0 15px; font-size:14px; color:#000;}
.about_ul li a img{float:left; width:21px; height:21px;}
.about_ul li a:hover{border-color:#32328C; color:#32328C;}
.about_B{display:block; overflow:hidden; border:1px solid #e9e9e9; padding:10px; font-size:14px; color:#000; line-height:24px;}
.about_B img{width:100%;  height:auto; display:block; margin-bottom:10px;}

.main_right{width:855px; float:right;}
.dqwz_title{width:100%; float:left; line-height:50px; border-bottom:1px solid #e5e5e5;}
.dqwz_p{font-size:22px; color:#666; text-transform:uppercase;}
.dqwz_p>span{float:left;font-size:26px; color:#32328C; font-weight:bold; padding-right:10px;}
.dqwz_nav{font-size:14px; color:#000;}
.dqwz_contect{width:100%; float:left; padding-top:30px;}
.company{display:block; overflow:hidden; font-size:14px; color:#0e0303; line-height:24px;}
.company img{max-width: 100%;}
/*END-公司简介*/

/*产品展示*/
.cp_ul{display:block; overflow:hidden; width:897px;}
.cp_ul li{width:257px; float:left; margin:0 42px 25px 0;}
.cp_ul li a{display:block; overflow:hidden; border:2px solid #e0e0e0;}
.cp_ul li a .cp_img{width:100%; overflow:hidden; position:relative; border-bottom:2px solid #e0e0e0;}
.cp_ul li a .cp_img::before{content:""; display:block; padding-top:83.0709%;}
.cp_ul li a .cp_txt{display:block; overflow:hidden; height:38px; line-height:38px; text-align:center; background:#ececec; font-size:14px; color:#000;}
.cp_ul li a:hover{border-color:#32328C;}
.cp_ul li a:hover .cp_img{border-bottom-color:#32328C;}
.cp_ul li a:hover .cp_txt{background:#32328C; color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#000; line-height:26px; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding:20px 0;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#0e0303; line-height:24px;}
.cpxq_txt table{width: 100% !important;}
.cpxq_txt table tr td{text-align: center;}
/*END-产品展示*/

/*新闻动态*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #dadada;}
.xw_ul li .xw_B{width:236px; float:left; overflow:hidden; margin-right:30px;}
.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:55.5085%;}
.xw_ul li .xw_p{display:block; overflow:hidden; line-height:30px; font-size:14px; color:#0e0303; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li .xw_txt{display:block; overflow:hidden; height:72px; line-height:24px; font-size:14px; color:#0e0303; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:5px;}
.xw_ul li .xw_sp{display:block; overflow:hidden; line-height:20px; font-size:12px; color:#0e0303; margin-top:4px;}
.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:#32328C;}
.xw_ul li:hover .xw_txt{color:#32328C;}
.xw_ul li:hover .xw_sp{color:#32328C;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; color:#000; line-height:26px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:16px; color:#959595; line-height:30px; padding:10px 0; border-bottom:1px solid #d7d7d7;}
.xwxq_txt{display:block; overflow:hidden; font-size:14px; color:#0e0303; line-height:24px; padding-top:20px;}
/*END-新闻动态*/

/*荣誉资质*/
.honor_ul{display:block; overflow:hidden; width:897px;}
.honor_ul li{width:257px; float:left; margin:0 42px 25px 0; border:2px solid #e0e0e0; position:relative; background:#fff; cursor:pointer;}
.honor_ul li::before{content:""; display:block; padding-top:105.8036%;}
.honor_ul li:hover{border-color:#32328C;}
.honor_ul li:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
/*END-荣誉资质*/

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

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

/*首页内容*/
.picBox{padding:30px 1%;}
.pic_ul li img{width:70px; height:70px;}
.pic_ul li .pic_sp{letter-spacing:-1px;}

.honor{padding:40px 1%;}
.honor-imgbox{margin-top:40px;}

.rzcl{padding:50px 1%;}
.rzcl_contect{ padding:35px 0 0 0;}

.my{padding:40px 1%;}

.app{padding:40px 1%;}
.app_ul{width:100%;}
.app_ul li{width:31.33%;margin:0 1% 120px 1%;}

.hz{padding:50px 1%;}

.ys{padding-top:40px;}
.ys_contect{padding:0 1%;}

.gsjj{padding:0 1%;}
.gsjj_left{padding:50px 30px;}
.cus_title{margin-right:30px;}
.gsjj_img{max-width:80%;}

.lxwm{padding:40px 1% 20px 1%; margin-top:40px;}
.lxwm_img{width:46%; margin-right:2%;}
.lxwm_img img{width:100%; height:100%;}
.lxwm_B:nth-child(2){padding:0 1%;}
.lxwm_B:nth-child(3){padding-left:30px;}
/*END-首页内容*/

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

/*产品展示*/
.cp_ul{width:100%;}
.cp_ul li{width:31.33%;  margin:0 1% 25px 1%;}
/*END-产品展示*/

}

@media (max-width:991px){
/*头部+导航*/
.icon-menu{float:right; cursor:pointer; width:40px; height:30px; display:flex; flex-wrap:wrap; align-content:space-between; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; background-size:100% 100%;}
.icon-menu span{width:100%; height:6px; float:left;  background:#32328C;}

.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:15px 10px;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:0; background:rgba(0, 113, 200, 0.8);}
.nav>li{width:100%; border:none; 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:#c71922; color:#fff;}
/*END-头部+导航*/

/*首页内容*/
.picBox{padding:30px 10px;}
.pic_ul li img{width:50px; height:50px;}
.pic_ul li .pic_p {line-height:30px; font-size: 18px; margin-top:0;}
.pic_ul li .pic_sp{letter-spacing:-3px;}

.honor{padding:30px 10px;}
.honor-imgbox{margin-top:30px;}

.rzcl{padding:40px 10px;}
.rzcl_contect{ padding:30px 0 0 0; justify-content:space-between;}
.rzcl_L {width:48%; padding: 0 0 30px 30px;}
.rzcl_L::before {width:calc(100% - 30px); height: calc(100% - 30px); left: 0; bottom: 0;}
.gallery-top {max-width:100%;}
.rzcl_R{width:48%;}

.my{padding:30px 10px;}
.my-imgbox {margin-top: 30px;}

.app{padding:30px 10px;}
.app_ul{margin-top:30px;}
.app_ul li{width:31.33%;margin:0 1% 80px 1%;}
.app_ul li .app_txt {font-size: 18px;}

.hz{padding:30px 10px;}
.hz_contect {padding:30px 0 0 0;}
.hz_contect::before {display:none;}
.hz_L li {width: calc(50% - 2px);}
.hz_R li {width: calc(50% - 2px);}

.ys{padding-top:30px;}
.ys_contect{padding:0 10px;}
.ys_ul li{padding-bottom:50px}
.ys_ul li .ys_left .ys_Box {width:100%;}
.ys_ul li::before {left: -35px; bottom:-25px;}
.ys_ul li .ys_left .ys_Box .ys_titles .ys_B .ys_pp {line-height: 40px; font-size: 20px;}
.ys_ul li .ys_left .ys_Box .ys_titles .ys_B .ys_spp {line-height: 30px; font-size: 16px;}
.ys_ul li .ys_left .ys_Box .ys_titles .ys_sub {width:50px; height:80px; margin-right:10px; font-size:26px;}
.ys_ul li .ys_left .ys_txt {font-size:14px; line-height:24px; margin-top:15px; height:144px;}
.ys_ul li:nth-child(even) .ys_left {padding: 0 0 0 20px;}
.ys_ul li:nth-child(2) .ys_left .ys_txt {height:120px;}
.ys_ul li:nth-child(3) .ys_left .ys_txt {height:168px;}
.ys_ul li:nth-child(4) .ys_left .ys_txt {height:120px;}
.ys_ul li:nth-child(even)::before {right: -35px; bottom:-25px;}

.gsjj{padding:0 10px;}
.gsjj_left{padding:30px;}
.gsjj_title {line-height: 40px;}
.gsjj_p {font-size: 34px;}
.gsjj_sp {font-size: 20px;}
.gsjj_nav a {padding: 0px 5px;}
.cus {padding-top:30px;}
.cus_title{margin-right:10px;}
.cus_p {line-height:30px;    font-size: 26px;}
.cus_contect {width:100%;}
.gsjj_img{right:30px;}

.lxwm{padding:30px 10px; margin-top:30px;}
.lxwm_dianhua {line-height: 30px; font-size: 28px; background: url(../images/footer_dianhua.png) no-repeat left center; background-size:auto 30px; padding-left:45px;}
/*END-首页内容*/

/*公司简介*/
.main{padding:30px 10px;}
.main_left{width:29%;}
.main_right{width:69%;}
/*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-头部+导航*/


/*首页内容*/
.picBox{padding:10px;}
.pic_ul{display:flex; flex-wrap:wrap; justify-content:center;}
.pic_ul li{width:33.33%; margin-bottom:10px; text-align:center;}
.pic_ul li img{width:50px; height:50px; float:none; display:block; margin:0 auto;}
.pic_ul li .pic_p {line-height:24px; font-size:16px;}
.pic_ul li .pic_sp{letter-spacing:-2px;line-height:16px;}

.honor{padding:10px;}
.honor_p {line-height: 24px; font-size: 20px;}
.honor_sp>span {line-height: 30px; font-size: 20px; padding: 0 20px;}
.honor-imgbox{margin-top:10px;}

.rzcl{padding:10px;}
.rzcl_contect{ padding:10px 0 0 0;}
.rzcl_L {width:100%; padding: 0 0 10px 10px;}
.rzcl_L::before {width:calc(100% - 10px); height: calc(100% - 10px);}
.rzcl_R{width:100%; margin-top:10px;}
.gallery-thumbs .swiper-slide {height:auto;}
.gallery-thumbs .swiper-slide::before{content:""; display:block; padding-top:100%;}

.my{padding:10px;}
.my-imgbox {margin-top:10px;}
.my-imgbox .swiper-slide .my_txt {font-size:14px; margin-top:5px;}

.app{padding:10px;}
.app_p {line-height: 38px; font-size: 24px;}
.app_sp>span {line-height: 30px; padding: 0 20px; font-size: 18px;}
.app_ul{margin-top:10px; background:none; display:flex; flex-wrap:wrap; justify-content:space-between;}
.app_ul li{width:calc(50% - 5px);margin:0 0 10px 0;}
.app_ul li .app_txt {height:40px; margin-top:5px; font-size:14px;}
.app_ul li .app_txt img {height:40px; margin-right:10px;}

.hz{padding:10px;}
.hz .app_p {line-height: 30px; font-size:20px;}
.hz .app_sp>span {padding: 0 10px; font-size: 18px;}
.hz_contect {padding:10px 0 0 0;}
.hz_L{width:100%; border-left:none; padding-left:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.hz_L li {width:calc(50% - 2x); margin:0 0 2px 0;}
.hz_img {width:100%; margin:0;}
.hz_img::before{content:""; display:block; padding-top:75%;}
.hz_R{width:100%; border-right:none; padding:0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.hz_R li {width:calc(50% - 2x); margin:0 0 2px 0;}

.ys{padding-top:10px;}
.ys_title {height:60px;}
.ys_title_B {height:87px; margin: -10px auto 0 auto; padding:7px 0 0 0;}
.ys_p {justify-content:center;}
.ys_L {line-height:40px; font-size:20px;}
.ys_R_p {letter-spacing: -3px;}
.ys_R_sp {line-height:26px; font-size:18px;}
.ys_sp {line-height:40px; font-size:18px;}

.ys_contect{padding:0 10px;}
.ys_ul {padding:10px 0}
.ys_ul li{padding-bottom:10px; border-bottom:1px dashed #666; margin-bottom:10px;}
.ys_ul li .ys_left{width:100%; padding:0;}
.ys_ul li::before {display:none;}
.ys_ul li .ys_left .ys_Box .ys_titles {padding-bottom:10px;}
.ys_ul li .ys_right{width:100%; margin-top:10px;}
.ys_ul li:nth-child(even) .ys_left {padding:0;}
.ys_ul li:nth-child(even)::before {display:none;}
.ys_ul li:nth-child(3) .ys_left {padding: 0;}

.gsjj{padding:0 10px;}
.gsjj_left{width:100%; padding:10px;}
.gsjj_title {line-height:30px;}
.gsjj_p {font-size:28px;}
.gsjj_sp {font-size:18px;}
.gsjj_nav{margin-top:10px;}
.gsjj_txt {width:100%; float:left; height:160px; line-height:20px; font-size:12px; margin-top:10px; }

.cus {width:100%; float:left; padding-top:10px;}
.cus_p {font-size:20px;}
.cus_pp>a {width:24%; margin:0 1%;}
.cus_pp{flex-wrap:wrap; width:100%;}
.cus_pp img{width:100%;}
.cus_contect {width:100%;}
.gsjj_right {width:100%;padding:10px;}
.gsjj_img{max-width:100%; right:0; position:relative;}
.gsjj_img::before {left:5px; top: 5px;}

.lxwm{padding:30px 10px; margin-top:30px;}
.lxwm_dianhua {line-height: 30px; font-size: 28px; background: url(../images/footer_dianhua.png) no-repeat left center; background-size:auto 30px; padding-left:45px;}
/*END-首页内容*/


/*公司简介*/
.main{padding:0;}
.main_left{width:100%;}
.about{margin:0;}
.about_title{text-align:left; padding-left:20px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center #32328C; font-size:18px;}
.about_ul{display:none; padding:2px;}
.about_ul li{margin:0 0 3px 0;}
.main_right{width:100%;}
.dqwz_contect{padding:10px;}
/*END-公司简介*/

/*产品展示*/
.cp_ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cp_ul li{width:calc(50% - 5px);  margin:0 0 10px 0;}
/*END-产品展示*/

/*新闻动态*/
.xw_ul li{padding-bottom: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_txt{height:60px; line-height:20px; 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:#32328C;}
.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:2px 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:#c71922; color:#fff;}

.dbbox{ position: fixed; left: 0; bottom:65px; z-index:99999; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #c71922;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
/*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;}