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

/*头部+导航+大图*/
.header_box{width:100%; position:absolute; left:0; top:0; z-index:99999; background:rgba(255,255,255,0.7);}

.topbox{width:100%; border-bottom:1px solid #adbecb; line-height:40px; font-size:14px; color:#222;}
.top_dianhua{background:url(../images/top_dianhua.png) no-repeat left center; padding-left:25px; font-size:16px; color:#5c5c5c;}
.top_dianhua>span{font-family:Impact; font-size:25px; color:#e60012;}
.top_nav{padding-top:8px; margin-left:15px;}
.top_nav a{float:left; width:25px; height:25px; border-radius:50%; background:#b4b4b4; color:#fff; display:flex; align-content:center; align-items:center; justify-content:center; margin-left:10px;}
.top_nav a:hover{background:#e60012;}

.header{width:100%; padding:20px 0; position:relative; left:0; top:0; z-index:99999;}
.logo img{width:100%; max-width:287px; max-height:64px;}

nav{width:auto!important;}
.nav>li{ margin-left:15px; position:relative;}
.nav>li>a{width:100%; height:64px; color:#222; text-align:center; padding:13px 15px;}
.nav>li>a>.nav_p{line-height:22px; font-size:15px;}
.nav>li>a>.nav_sp{line-height:16px; font-size:13px;text-transform:capitalize;}
.nav>li:hover>a{background:#e60012; color:#fff;}

.nav_dl{display:none; width:100%; float:left; position:absolute; left:0; top:100%; z-index:9999; background: rgba(255,255,255,0.8); padding:2px;}
.nav_dl dd{display:block; overflow: hidden;}
.nav_dl dd a{display:block; overflow: hidden; height:40px; line-height:40px; text-align: center; font-size:14px; color: #222;}
.nav_dl dd a:hover{background:#e60012; color:#fff;}
.nav>li:hover>.nav_dl{display:block;}

/*banner*/
.banner{width:100%; position:relative;}
.banner .banner-imgbox .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.banner .banner-imgbox .swiper-slide .banner_img_top{padding-top:26.04167%;}
.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-头部+导航+大图*/

/*首页内容*/
.gsjj{width:100%; overflow:hidden; padding:50px 0;}
.gsjj_title{display:block; overflow:hidden; text-align:center; color:#e60012;}
.gsjj_p{line-height:38px; font-size:30px; font-weight:bold; background:url(../images/title_heng.png) no-repeat center center;}
.gsjj_sp{line-height:26px; font-size:20px; text-transform:uppercase;}
.gsjj_contect{display:block; overflow:hidden; padding-top:30px;}
.gsjj_img{width:450px; float:left; position:relative; margin-right:35px; border:1px solid #ccc;}
.gsjj_img_top{padding-top:70.2223%;}
.gsjj_img>video{width:100%; float:left; height:100%; position:absolute; left:0; top:0;}
/*.gsjj_img::before{content:""; width:144px; float:left; height:144px; background:rgba(255,255,255,0.7); border-radius:50%; position:absolute; left:50%; top:50%;transform: translate(-50%, -50%);}
.gsjj_img::after{content:"";width:0; height:0; border-left:28px solid #406377; border-top:25px solid transparent; border-bottom:25px solid transparent; position:absolute;left:52%;top:50%; transform: translate(-50%, -50%);}*/

.gsjj_txt{display:block; font-size:15px; color:#222; line-height:28px;}
.gsjj_txt>.gsjj_spp{display:block; font-size:24px; color:#e60012; padding-bottom:10px;}
.gsjj_more{display:block; overflow:hidden; padding-top:15px;}
.gsjj_more a{display:block; width:130px; height:38px; line-height:36px; border:1px solid #e82633; text-align:center; font-size:15px; color:#e60012;}
.gsjj_more a:hover{background:#e82633; color:#fff;}

.cpzs{width:100%; overflow:hidden; padding:50px 0; background:url(../images/cpzs_bj.jpg) no-repeat center center; background-size:cover;}
.cpzs-imgbox{margin-top:30px;}
.cpzs-imgbox .swiper-slide a{display:block; overflow:hidden; background:#fff; border:1px solid #dcdcdc; padding:1px;}
.cpzs-imgbox .swiper-slide a .cpzs_img{width:100%; overflow:hidden; position:relative;}
.cpzs-imgbox .swiper-slide a .cpzs_img::before{content:""; display:block; padding-top:73.13433%;}
.cpzs-imgbox .swiper-slide a .cpzs_img .cpzs_txt{width:100%; overflow:hidden; height:40px; text-align:center; position:absolute; left:0; bottom:0; z-index:9; background:rgba(0,0,0,0.7); font-size:14px; color:#fff; display:flex; align-content:center; align-items:center; justify-content:center;}
.cpzs-imgbox .swiper-slide a:hover .cpzs_img .cpzs_txt{height:100%; background:rgba(0,0,0,0.3);}

/*.cpzs_ul{display:block; overflow:hidden; width:1237px;}
.cpzs_ul li{width:272px; float:left; margin:30px 37px 0 0;}
.cpzs_ul li a{display:block; overflow:hidden; background:#fff; border:1px solid #dcdcdc; padding:1px;}
.cpzs_ul li a .cpzs_img{width:100%; overflow:hidden; position:relative;}
.cpzs_ul li a .cpzs_img::before{content:""; display:block; padding-top:73.13433%;}
.cpzs_ul li a .cpzs_img .cpzs_txt{width:100%; overflow:hidden; height:40px; text-align:center; position:absolute; left:0; bottom:0; z-index:9; background:rgba(0,0,0,0.7); font-size:14px; color:#fff; display:flex; align-content:center; align-items:center; justify-content:center;}
.cpzs_ul li a:hover .cpzs_img .cpzs_txt{height:100%; background:rgba(0,0,0,0.3);}
*/
.ysBox{width:100%; overflow:hidden; padding:80px 0;}
.ys{width:100%; float:left;}
.ys_title{display:flex; justify-content:center; overflow:hidden; padding-top:28px; background:url(../images/ys_top.png) no-repeat center top; background-size:100% 17px;}
.ys_dianhua{ background:url(../images/ys_dianhua.png) no-repeat right top; padding-right:50px; text-align:right; margin-top:-19px; padding-top:40px; font-size:14px; color:#333; line-height:24px; margin-left:66px;}
.ys_dianhua>span{display:block; overflow:hidden; line-height:22px; font-size:25px; color:#ce0a0a; font-weight:bold;}
.ys_ul{display:block; overflow:hidden; padding:60px 85px 0 85px;}
.ys_ul li{width:100%; float:left;}
.ys_ul li .ys_L{float:right;}
.ys_ul li .ys_L img{width:100%; display:block; height:auto;}
.ys_ul li .ys_R{display:block; overflow:hidden;}
.ys_ul li .ys_R .ys_titleB{display:block; overflow:hidden; padding-bottom:9px; background:url(../images/ys_heng.jpg) repeat-x left bottom;}
.ys_ul li .ys_R .ys_titleB img{float:left; height:58px; margin-right:10px;}
.ys_ul li .ys_R .ys_titleB .ys_p{display:block; overflow:hidden; line-height:34px; font-size:28px; color:#06326e; font-weight:bold;}
.ys_ul li .ys_R .ys_titleB .ys_sp{display:block; overflow:hidden; line-height:25px; font-size:18px; color:#b5b5b5;}
.ys_ul li .ys_R .ys_txt{display:block; overflow:hidden; font-size:15px; color:#000; line-height:24px; padding-top:8px;}
.ys_ul li:first-child .ys_L{width:524px; margin:10px 0 0 30px;}
.ys_ul li:nth-child(2) .ys_L{float:left; width:708px; margin:0 0 0 -175px;}
.ys_ul li:nth-child(2) .ys_R{margin-top:86px;}
.ys_ul li:nth-child(3) .ys_R{margin-top:-50px;}
.ys_ul li:nth-child(3) .ys_L{margin:-60px 0 0 65px; width:534px;}

.case{width:100%; float:left; margin-top:-40px;}
.case_contect{position:relative; margin-top:30px;}
.case-imgbox .swiper-slide .case_B{width:100%; overflow:hidden; border:1px solid #cdcdcd; padding:1px;}
.case-imgbox .swiper-slide .case_B .case_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case-imgbox .swiper-slide .case_B .case_img::before{content:""; display:block; padding-top:73.13433%;}
.case-imgbox .swiper-slide .case_txt{display:block; overflow:hidden; margin-top:2px; border:1px solid #cdcdcd; height:44px; line-height:42px; text-align:center; font-size:14px; color:#000;}
.case-imgbox .swiper-slide:hover .case_B{border-color:#e60012;}
.case-imgbox .swiper-slide:hover .case_txt{background:#e60012; color:#fff;}
.case-next{right:-140px; position:absolute;top:50%; margin-top:-35px; width:70px; height:70px; background:url(../images/case_R.png) no-repeat center center; background-size:100% 100%; overflow:hidden; opacity:1; cursor:pointer; z-index:999; outline:none;}
.case-prev{left:-140px; position:absolute;top:50%; margin-top:-35px; width:70px; height:70px; background:url(../images/case_L.png) no-repeat center center; background-size:100% 100%; overflow:hidden; opacity:1; cursor:pointer; z-index:999; outline:none;}

.news{width:100%; overflow:hidden; padding:40px 0; background:url(../images/news_bj.jpg) no-repeat center center; background-size:cover;}
.news_contect{display:block; overflow:hidden; padding-top:30px;}
.news_L{width:calc(50% - 15px); float:left;}
.news_L .news_B{width:100%; overflow:hidden;}
.news_L .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_L .news_B .news_img::before{content:""; display:block; padding-top:47.86325%;}
.news_L .news_p{display:block; overflow:hidden; line-height:30px; margin-top:10px; font-weight:bold; font-size:16px; color:#222;text-overflow:ellipsis; white-space: nowrap;}
.news_L .news_p>span{font-size:14px; font-weight:normal;}
.news_L .news_txt{display:block; overflow:hidden; line-height:28px; font-size:14px; color:#222;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news_L: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_L:hover .news_p{color:#e60012;}
.news_right{width:calc(50% - 10px); float:right;}
.news_ul{display:block; overflow:hidden;}
.news_ul li{display:block; overflow:hidden; margin-bottom:20px;}
.news_ul li a{display:flex; overflow:hidden; border:1px solid #fff;}
.news_ul li a .news_sub{width:84px; float:left; background:#fff; display:flex; flex-wrap:wrap; align-items:center; align-content:center; text-align:center; color:#222;}
.news_ul li a .news_sub .news_sub_p{width:100%; overflow:hidden; line-height:44px; font-size:40px; font-weight:bold;}
.news_ul li a .news_sub .news_sub_sp{width:100%; overflow:hidden; line-height:26px; font-size:16px;}
.news_ul li a .news_R{width:calc(100% - 84px); float:left; padding:5px 10px; color:#222;}
.news_ul li a .news_R .news_pp{display:block; overflow:hidden; font-size:14px; line-height:26px; text-overflow:ellipsis; white-space: nowrap; font-weight:bold;}
.news_ul li a .news_R .news_txts{display:block; overflow:hidden; font-size:12px; line-height:22px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news_ul li a:hover{border-color:#e60012;}
.news_ul li a:hover .news_sub{background:#e60012; color:#fff;}

.hz{width:100%; overflow:hidden; padding:45px 0 70px 0;}
.hz-imgbox{margin-top:40px;}
.hz-imgbox .swiper-slide a{width:100%; float:left; border:1px solid #ccc; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hz-imgbox .swiper-slide a::before{content:""; display:block; padding-top:59.5376%;}
.hz-imgbox .swiper-slide a .hz_txt{width:0; height:0; float:left; overflow:hidden; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background:rgba(230,0,18,0.7); font-size:14px; color:#fff; padding:0; display:flex; align-content:center; align-items:center; justify-content:center;}
.hz-imgbox .swiper-slide a:hover .hz_txt{width:100%; height:100%; padding:20px;}

.lxwmBox{width:100%; overflow:hidden; background:url(../images/lxwm_bj.jpg) no-repeat center center; background-size:cover; padding:30px 0;}
.lxwm{width:50%; float:left; display:flex; align-items: center;}
.lxwm_title{float:left; line-height:40px; font-size:20px; color:#fff; font-weight:bold;}
.lxwm_p{display:inline-table; border-bottom:2px solid #fff;}
.lxwm_sp{display:block; text-transform:uppercase;}
.lxwm_contect{display:block; overflow:hidden; font-size:14px; color:#fff; line-height:30px; padding-left:20px;}

.zxly{width:50%; float:left; display:flex; align-items: center;}
.zxly_form{display:block; overflow:hidden; padding-left:100px;}
.zxly_B{width:49%; margin-bottom:5px; border-bottom:1px solid #e60012;}
.zxly_B1{width:100%; border-bottom:1px solid #e60012;}
.zxly_sp{width:26px; float:left; height:36px; line-height:36px; overflow:hidden; font-size:12px; color:#fff;}
.zxly_inp1{width:calc(100% - 26px); float:left; height:36px; line-height:36px; background:none; font-size:14px; color:#fff; padding:0 5px;}
.zxly_inp2{width:calc(100% - 26px); float:left; height:80px; line-height:24px; background:none; font-size:14px; color:#fff; padding:6px 5px; outline:none; border:none;}
.zxly_btn{width:170px; height:48px; margin-top:15px; float:left; background:#e60012; font-size:16px; color:#fff;}
/*END-首页内容*/

/*底部*/
footer{background:#303030; font-size:14px; color:#fff; line-height:30px; padding:20px 0; text-align:center;}
footer a{color:#fff; margin:0 15px;}
footer a:hover{color:#fff; text-decoration:underline !important;}
/*END-底部*/

/*关于我们*/
.main{width:100%; overflow:hidden; padding:50px 0;}
.main_left{width:250px; float:left;}
.main_right{width:896px; float:right;}
.about{width:100%; float:left; margin-bottom:30px;}
.about_title{display:block; overflow:hidden; text-align:center; background:#e90004; padding:25px 0; text-align:center; color:#fff;}
.about_p{line-height:40px; font-size:32px; font-weight:bold;}
.about_sp{line-height:22px; font-size:14px; text-transform:uppercase;}
.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:44px; line-height:44px; background:#ddd; padding:0 10px; font-size:14px; color:#232323;}
.about_ul>li:hover>a{background:#e90004; color:#fff;}
.about_dl{display:none; overflow:hidden; background:#ddd; padding:2px;}
.about_dl dd{display:block; overflow:hidden; border-bottom:1px solid #fff;}
.about_dl dd a{display:block; overflow:hidden; height:36px; line-height:36px; text-align:center; font-size:14px; color:#e90004;}
.about_dl dd a:hover{background:#e90004; color:#fff;}
.about_B{display:block; overflow:hidden; background:#f6f6f6; border:1px solid #e5e5e5; padding:10px;}
.about_B img{width:100%; display:block; height:auto; margin-bottom:10px;}
.about_B>span{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}

.dqwz_title{width:100%; float:left; line-height:60px; border-bottom:1px solid #d4d4d4;}
.dqwz_p{font-size:30px; color:#e90004; font-weight:bold;}
.dqwz_nav{font-size:14px; color:#4b4b4b;}
.dqwz_contect{width:100%; float:left; padding-top:20px;}
.company{display:block; overflow:hidden; font-size:15px; color:#222; line-height:30px;}
.company img{max-width: 100%;height: auto;}
.company>.company_sp{font-size:24px; color:#e60012; display:block;}
/*END-关于我们*/

/*产品展示*/
.cpzs_ul1{display:block; overflow:hidden; width:936px;}
.cpzs_ul1 li{width:272px; float:left; margin:0 40px 30px 0;}
.cpzs_ul1 li a{display:block; overflow:hidden; background:#fff; border:1px solid #dcdcdc; padding:1px;}
.cpzs_ul1 li a .cpzs_img{width:100%; overflow:hidden; position:relative;}
.cpzs_ul1 li a .cpzs_img::before{content:""; display:block; padding-top:73.13433%;}
.cpzs_ul1 li a .cpzs_img .cpzs_txt{width:100%; overflow:hidden; height:40px; text-align:center; position:absolute; left:0; bottom:0; z-index:9; background:rgba(0,0,0,0.7); font-size:14px; color:#fff; display:flex; align-content:center; align-items:center; justify-content:center;}
.cpzs_ul1 li a:hover .cpzs_img .cpzs_txt{height:100%; background:rgba(0,0,0,0.3);}

.cpxq{display:block; overflow:hidden;}
.cpxq_img{width:390px; float:left; border:1px solid #dcdcdc; padding:1px; margin-right:20px;}
.cpxq_img img{width:100%; display:block; height:auto;}
.cpxq_p{display:block; overflow:hidden; border-bottom:1px dashed #dcdcdc; line-height:24px; font-size:16px; color:#000; padding:10px 0;}
.cpxq_p>span{color:#656565;}
.cpxq_txt{display:block; overflow:hidden; padding-top:15px; line-height:30px; font-size:14px; color:#000;}
.cpxq_txt>span{font-size:16px; color:#676767;}
.cpxq_more{display:block; overflow:hidden; padding-top:25px;}
.cpxq_more a{width:134px; float:left; height:34px; background:#7f7f7f; line-height:34px; text-align:center; margin-right:30px; font-size:14px; color:#fff;}
.cpxq_more a:hover{background:#e90004;}

.con {display:block; overflow:hidden; padding-top:30px;}
#tags {display:block; overflow:hidden; border-bottom:1px solid #ccc;}
#tags LI {width:156px; float:left; margin-right:10px;}
#tags LI A {display:block; overflow:hidden; line-height:36px; border:1px solid #ccc; border-bottom:none; text-align:center; font-size:14px; color:#000;}
#tags LI.selectTag A {background:#e90004; color:#fff;}
#tagContent {display:block; overflow:hidden; padding-top:15px;}
.tagContent {DISPLAY: none;}
#tagContent div.selectTag {DISPLAY: block}

.cpxq_ul{display:block; overflow:hidden; width:922px;}
.cpxq_ul li{width:204px; float:left; margin:0 26px 20px 0; border:1px solid #ccc; padding:1px;}
.cpxq_ul li .cpxq_imgs{width:100%; overflow:hidden; position:relative;}
.cpxq_ul li .cpxq_imgs::before{content:""; display:block; padding-top:78.55298%;}
/*END-产品展示*/

/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{ display:block; overflow:hidden; margin-bottom:20px;}
.xw_ul li a{display:flex; overflow:hidden; background:#e5e5e5;}
.xw_ul li a .xw_B{width:260px; float:left; display:flex; border:1px solid #ddd; background:#fff; padding:1px;}
.xw_ul li a .xw_B .xw_img{width:100%; height:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xw_ul li a .xw_R{width:calc(100% - 260px); float:left; border:1px solid #ddd; border-left:none; padding:20px 40px; color:#6e6e6e;}
.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; line-height:30px; font-size:14px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -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:#e6e6e6;}
.xw_ul li a:hover .xw_R{color:#fff;}

/*.news_ul1 li a{border:1px solid #c8c8c8;}
.news_ul li a .news_sub{background:#e6e6e6;}*/

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

/*在线留言*/
.message{display:block; overflow:hidden; max-width:80%; margin:0 auto;}
.message_B{display:block; overflow:hidden; border:1px solid #ddd; margin-bottom:20px;}
.message_sp{width:55px; float:left; height:40px; line-height:40px; text-align:right; font-size:14px; color:#000;}
.message_inp1{width:calc(100% - 55px); float:left; height:40px; line-height:40px; padding:0 10px; font-size:14px; color:#000;}
.message_inp2{width:calc(100% - 55px); float:left; height:200px; line-height:20px; padding:10px; font-size:14px; color:#000; border:none; outline:none;}
.message_btn{display:block; width:100%; height:40px; background:#e90004; font-size:16px; color:#fff; margin-top:20px;}
/*END-在线留言*/

/*联系我们*/
.contact_txt{width:100%; float:left; margin-top:15px; font-size:14px; color:#000; line-height:30px;}
.contact_map{width:100%; float:left;}
#dituContentmap{width:100%; overflow:hidden; height:340px;}
.iw_poi_title {color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word;}
/*END-联系我们*/

@media (max-width:1220px) {
/*头部+导航*/
.topbox{padding:0 1%;}
.header{padding:20px 1%;}
.nav>li{margin-left: 10px;}
.nav>li>{padding:13px;}
/*END-头部+导航*/

/*首页内容*/
.gsjj{padding:40px 1%;}
.gsjj_more a{margin:0 auto;}

.cpzs{padding:40px 1%;}
.cpzs_ul{width:100%;}
.cpzs_ul li{width:23%; margin:30px 1% 0 1%;}

.ysBox{padding:60px 1%;}
.ys_ul{padding:40px 40px 0 40px;}
.case-next{right:0; z-index:999; background: url(../images/case_R.png) no-repeat center center #fff;}
.case-prev{left:0; z-index:999; background: url(../images/case_L.png) no-repeat center center #fff;}

.news{padding:40px 1%;}
.hz{padding:45px 1%;}

.lxwmBox{padding:30px 1%;}
.zxly_form{padding-left:50px;}
/*END-首页内容*/

/*关于我们*/
.main{padding:40px 1%;}
.main_left{width:24%;}
.main_right{width:74%;}
/*END-关于我们*/

/*产品展示*/
.cpzs_ul1{width:100%;}
.cpzs_ul1 li{width:31.33%; margin:0 1% 30px 1%;}

.cpxq_ul{width:100%;}
.cpxq_ul li{width:23%; margin:0 1% 20px 1%;}
/*END-产品展示*/

}

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

.topbox{padding:0 10px;}
.header{padding:0;}
.logo {width:100%; position:relative; padding:15px 10px;}
nav{position:relative; z-index:9999; width:100%!important;}
.nav {display:none; width:150px; padding:2px; position:absolute; right:10px; top:100%; background:rgba(230, 0, 18, 0.8);}
.nav>li{width:100%; border-bottom:1px solid #fff; margin:0; background:none;}
.nav>li>a{width:100%; color:#000; text-align:center; height:auto; line-height:18px; color:#fff; padding:5px;}
.nav>li>a:hover{background:#fff; color:#e60012;}
/*END-头部+导航*/

/*首页内容*/
.gsjj{padding:30px 10px;}
.gsjj_img {width:50%; margin-right:30px;}
.gsjj_more a{margin:0 auto;}

.cpzs{padding:30px 10px;}
.cpzs_ul li{width:31.33%;}

.ysBox{padding:40px 10px;}
.ys_dianhua {margin-left:30px;}
.ys_ul{padding:30px 0 0 0;}
.ys_ul li .ys_R .ys_txt {line-height:28px;}
.ys_ul li:first-child .ys_L {width:45%;}
.ys_ul li:nth-child(2) .ys_L {width:50%; margin:0 0 0 -50px;}
.ys_ul li:nth-child(2) .ys_R {margin-top:0;}
.ys_ul li:nth-child(3) .ys_L {margin:0 0 0 40px; width:45%;}
.ys_ul li:nth-child(3) .ys_R {margin-top:0;}

.case {margin-top:10px;}

.news{padding:30px 10px;}
.news_L .news_B .news_img::before {padding-top: 75.86325%;}
.hz{padding:30px 10px;}
.hz-imgbox {margin-top:30px;}

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

/*关于我们*/
.main{padding:30px 10px;}
.main_left{width:29%;}
.main_right{width:69%;}
/*END-关于我们*/

/*产品展示*/
.cpzs_ul1 li{margin:0 1% 20px 1%;}
.cpxq_img {width: 100%; float:none; margin-right:0;}
.cpxq_img img{display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.con{padding-top:20px;}
.cpxq_ul{width:100%;}
.cpxq_ul li{width:31.33%;}
/*END-产品展示*/

/*新闻中心*/
.xw_ul li a .xw_B{width:200px;}
.xw_ul li a .xw_R{width:calc(100% - 200px);padding:20px 30px;}
.xw_ul li a .xw_R .xw_txt{margin-top:10px;}
.xw_ul li a .xw_R .xw_sp{margin-top:10px;}
/*END-新闻中心*/
}

@media (max-width:767px){
/*头部+导航*/
.logo {padding:10px;}
.logo img{width:55%;}
.icon-menu {right:10px; width:25px;}
.icon-menu span{margin:2px 0; height:3px;}
/*banner*/
.banner .banner-imgbox .swiper-slide {background-image:none !important;}
/*END-头部+导航*/
.company table{width: 100% !important; text-align: center;}
.company table tr td{width: 100% !important; height: auto; float: left;text-align: center;}
/*首页内容*/
.gsjj{padding:10px;}
.gsjj_p {line-height:28px; font-size:20px;}
.gsjj_sp {line-height:22px; font-size:14px;}
.gsjj_contect {padding-top:10px;}
.gsjj_img {width:100%; float:none; margin-right:0;}
.gsjj_txt {font-size:14px; line-height:24px; margin-top:10px;}
.gsjj_more a{margin:0 auto;}

.cpzs{padding:10px;}
.cpzs-imgbox {margin-top:10px;}
/*.cpzs_ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzs_ul li{width:calc(50% - 5px); margin:10px 0 0 0;}*/

.ysBox{padding:10px;}
.ys_title {padding-top:15px;}
.ys_ul{padding:10px 0 0 0;}
.ys_ul li{margin-bottom:10px;}
.ys_ul li .ys_R{width:100%; float:left;}
.ys_ul li .ys_R .ys_titleB img {height:48px;}
.ys_ul li .ys_R .ys_titleB .ys_p {line-height:30px; font-size:20px;}
.ys_ul li .ys_R .ys_titleB .ys_sp {line-height:22px; font-size:14px;}
.ys_ul li .ys_R .ys_txt {line-height:24px;}
.ys_ul li:first-child .ys_L {width:100%; margin:0 0 10px 0;}
.ys_ul li:nth-child(2) .ys_L {width:100%; margin:0;}
.ys_ul li:nth-child(2) .ys_R {margin-top:0;}
.ys_ul li:nth-child(3) .ys_L {margin:0; width:100%;}

.case_contect {margin-top:10px;}
.case-prev {margin-top:-15px; width:30px; height:30px;background: url(../images/case_L.png) no-repeat center center #fff;background-size: 100% 100%;}
.case-next {margin-top:-15px; width:30px; height:30px;background: url(../images/case_R.png) no-repeat center center #fff;background-size: 100% 100%;}

.news{padding:10px;}
.news_contect {padding-top:10px;}
.news_L{width:100%; }
.news_L .news_B .news_img::before {padding-top:47.86325%;}
.news_right {width:100%; margin-top:10px;}
.news_ul li {margin-bottom:10px;}

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

.lxwmBox{padding:10px;}
.lxwm {width:100%;display:block;}
.lxwm_title {width:100%; display:flex; flex-wrap:wrap; justify-content:center; line-height:30px; font-size:18px;}
.lxwm_sp {width:100%; overflow:hidden; text-align:center;}
.zxly {width:100%;display:block;}
.zxly_form{width:100%; padding-left:0;}
/*END-首页内容*/

/*底部*/
footer{line-height:20px; padding:10px;}
footer a{margin:0 5px;}
/*END-底部*/

/*关于我们*/
.main{padding:0;}
.main_left{width:100%;}
.about{margin:0;}
.about_title{height:50px; line-height:50px; padding:0 0 0 20px; font-size:20px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center #e90004; text-align:left;}
.about_ul{display:none; padding:2px;}
.about_ul li{margin-top:2px;}
.main_right{width:100%;}
.dqwz_contect{padding:10px;}
/*END-关于我们*/

/*产品展示*/
.cpzs_ul1{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpzs_ul1 li{width:calc(50% - 5px); margin:0 0 10px 0;}
.cpxq_p {font-size:14px;}
.cpxq_txt {padding-top:10px; line-height:24px;}
.cpxq_more {padding-top:10px; display:flex; justify-content:space-between;}
.cpxq_more a {width:calc(50% - 5px); margin-right:0;}

.con{padding-top:10px;}
#tags{display:flex; justify-content:space-between;}
#tags LI {width:32%; margin-right:0;}
#tagContent {padding-top:10px;}
.cpxq_ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.cpxq_ul li{width:calc(50% - 5px); margin:0 0 10px 0;}
/*END-产品展示*/

/*新闻中心*/
.xw_ul li{margin-bottom:10px;}
.xw_ul li a .xw_B{width:102px;}
.xw_ul li a .xw_R{width:calc(100% - 102px);padding:5px;}
.xw_ul li a .xw_R .xw_p{}
.xw_ul li a .xw_R .xw_txt{margin-top:0; line-height:20px;}
/*END-新闻中心*/

/*在线留言*/
.message{max-width:100%;}
.message_B{margin-bottom:10px;}
.message_sp{height:34px; line-height:34px;}
.message_inp1{height:34px; line-height:34px;}
/*END-在线留言*/

/*联系我们*/
.contact_txt{margin-top:10px;}
#dituContentmap{height:200px;}
/*END-联系我们*/
}
/*手机底部*/
.bottom_kong{width:100%; height:62px; float:left; background:#fff;}
.bottom{width:100%; height:60px; position:fixed; bottom:0; left:0; z-index:9999999999999; background:#303030;}
.bottom 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;}
.bottom a>div{width:100%; float:left;}
.bottom a>div:first-child span{ font-size:20px;}
.bottom a:last-child{border:none;}
.bottom a:hover{background:#e60012; 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 #e60012;}
.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;}
.content table{width: 100% !important;}

/*浮动QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

.dock.close {
    z-index: 50;
}

.dock ul.icons {
    position: absolute;
    list-style: none;
    right: 0px;
    padding: 0px;
    width: 50px;
    border: 1px solid #333;
    border-right: none;
    background: #111;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
    right: -70px;
}

.dock ul.icons li i {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 210;
}

.dock ul.icons li.active i {
    -moz-opacity: 0.4;
    opacity: 0.4;
}

.dock ul.icons li.up i {
    background-position: -63px -150px;
}

.dock ul.icons li.tel i {
    background-position: -62px -108px;
}

.dock ul.icons li.im i {
    background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
    background-position: -59px -66px;
}

.dock ul.icons li.down i {
    background-position: -63px -190px;
}

.dock ul.icons li p {
    display: block;
    position: absolute;
    top: 50px;
    right: -260px;
    padding: 15px 20px;
    height: 120px;
    color: White;
    line-height: 30px;
    border: 1px solid #333;
    border-right: none;
    background: #111;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden;
    z-index: 201;
}

.dock ul.icons li.active p {
    right: 50px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
    width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p a {
    display: block;
    margin-top: 12px;
    width: 100px;
    height: 35px;
    line-height: 32px;
    color: #00dfb9;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #00dfb9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
    color: White;
    background: #0f8773;
    border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
    width: 160px;
    height:150px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
    
    border: 2px solid #000;
}

.dock a.switch {
    position: absolute;
    display: block;
    top: 270px;
    right: 11px;
    width: 26px;
    height: 26px;
    background: url(../images/icons.png) no-repeat 0px -640px;
    cursor: pointer;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.dock a.switch.off {
    background-position: -32px -640px;
}