body{background: #fff;font-size:14px;font-family: "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica, sans-serif;color:#000;max-width: 1920px;margin:0 auto;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs80{font-size: 64px;line-height: 1;}
.fs50{font-size:44px;}
.fs46{font-size:40px;}
.fs45{font-size:39px;}
.fs44{font-size:38px;}
.fs40{font-size:36px;}
.fs38{font-size:34px;}
.fs34{font-size:30px;}
.fs28{font-size:24px;}
.fs26{font-size:22px;}
.fs24{font-size:20px;}
.fs23{font-size:19px;}
.fs22{font-size:18px;}
.fs21{font-size:17px;}
.fs20{font-size:16px;}
.fs18{font-size:16px;}
.fs17{font-size:15px;}

.fl{float:left;}
.fr{float:right;}
.img-responsive{display: block;margin:0 auto;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{align-items: center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}


.header{width: 100%; height: auto; background: #fff; padding-top: 10px;}
.header .logo{max-height: 100px;}
.header .logo img{display: block; max-height: 100%;}
.header .header_right{width: 70%;}
.header .form{position: relative; margin-top: 10px;}
.header .form input[type="text"]{width: 200px; height: 30px; border: 1px solid #000; background: none; outline: none; padding: 0 35px 0 10px; font-size: 14px; line-height: 30px; border-radius: 15px;}
.header .form input[type="submit"]{width: 35px; height: 30px; border: none; outline: none; background: url(/Public/Web/templates/QLD223/images/search.png) no-repeat left center; border-radius: 0 15px 15px 0; position: absolute; right: 0; top: 0; z-index: 10; }
.header .header_nav{width: 100%; text-align: right; font-size:16px;}
.header .header_nav .nav_container>ul>li{display: inline-block; text-align: center; margin-left: 6%;}
.header .header_nav li{position: relative;}
.header .header_nav .nav_container>ul>li>a{display: block;padding:18px 0;position: relative;}
.dropdown-menu{margin:0;padding:0;box-shadow: none;border:none;font-size:16px;text-align: center;border-radius:0;left:50%;transform: translateX(-50%);}
.dropdown-menu li a{display: block;white-space: nowrap;padding:16px 10px;position: relative;transition: all .3s;}
.dropdown-menu-ul{display:none;position: absolute;left:100%;top:0;min-width: 100%;background:#fff;}
.header.fixed .header_nav .nav_container>ul>li>a{padding:30px 0;}
.header_nav li a.active{color:#c30d23!important;}
.header_nav li a:hover{color:#c30d23!important;}
.dropdown-menu li a{padding:12px 10px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,.dropdown-menu > li > a.active{background:#c30d23!important;color:#fff!important}

.header .header_tools .wap_menu {width:30px;height:40px;position: relative;border:none!important;cursor: pointer;padding:0;margin-left:15px;display: none;}
.header_tools .button_menu{width: 30px;height: 25px;position: absolute;top:5px;left:0;}
.header_tools .button_menu span {display:block;width:100%;height:3px;background-color:#000;position:absolute;left:0;-moz-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;transition:all .36s ease;}
.header_tools .button_menu span:nth-child(1) {top:0}
.header_tools .button_menu span:nth-child(2) {top:50%;transform: translateY(-50%);}
.header_tools .button_menu span:nth-child(3) {bottom:0}
.header.fixed .header_tools .button_menu span,.header:hover .header_tools .button_menu span,.index_header.allIn .header_tools .button_menu span{background: #000;}

.ibanner{position: relative;}
.ibanner .slide-item{position: relative;overflow: hidden;color:#fff;}
.ibanner .slide-item .slide-item-img{max-width: 100%;}
.swiper-pagination-bullet{width: 40px; height: 4px; background: #fff; border-radius: 0px; opacity: 0.5;}
.swiper-pagination-bullet-active{background: #c30d23; opacity: 1;}

.section{width: 100%; margin-bottom: 50px;}
.section_title{width: 100%; border-bottom: 1px solid #bbb; text-align: center; margin-bottom: 30px;}
.section_title span{display: inline-block; padding-bottom: 20px; border-bottom: 4px solid #c5c5c5;}
.section_pro{margin-top: 50px;}
.proCt .proLi{padding: 5px;}
.proCt .proLi a{display: block; width: 100%; height: 100%; padding: 5px; background: #f6f6f6; position: relative; transition: all 0.5s;}
.proCt .proLi .proImg{max-width: 60%; overflow: hidden;}
.proCt .proLi .proImg img{display: block; max-width: 100%; transition: all 0.5s;}
.proCt .proLi .text{width: 32%; color: #4c4a4a; line-height: 30px; position: absolute; right: 6%; top: 50%; z-index: 10; transform: translateY(-50%); transition: all 0.5s;}
.proCt .proLi a:hover{box-shadow: 0 0 12px #ccc;}
.proCt .proLi a:hover .text{color: #c30d23;}
.proCt .proLi a:hover .proImg img{transform: scale(1.2);}
.Amore{display: block; width: 80px; height: 30px; border: 1px solid #9c9a9b; border-radius: 12px; font-size: 14px; color: #9c9a9b; text-align: center; line-height: 30px; margin: 30px auto 0;}

.section_about{background: url(/Public/Web/templates/QLD223/images/about_bg.jpg) no-repeat center; background-size: cover; position: relative;}
.section_about::before{content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.7); position: absolute; left: 0; top: 0;}
.about_box{padding: 100px 0 150px; position: relative;}
.about_box h3{line-height: 32px; color: #fff;}
.about_box .about_cont{margin: 20px 0; color: #fff; line-height: 36px;}
.about_box .about_cont p{text-indent: 2em; letter-spacing: 2px;}
.about_box .Amore{margin: 0; color: #fff; border-color: #fff;}

.news_box .news_one a{display: block; padding: 30px; background: #f6f6f6;}
.news_box .news_one a .news_one_img{width: 100%; overflow: hidden;}
.news_box .news_one a .news_one_img img{max-width: 100%; transition: all 0.5s;}
.news_box .news_one a:hover .news_one_img img{transform: scale(1.2);}
.news_box .news_cont{padding: 23px 0; display: block;}
.news_box .news_one .news_cont{padding-bottom: 0;}
.news_box .news_cont .time{color: #9c9a9b; line-height: 22px; letter-spacing: 1px; padding: 1px 0; float: left; margin-left: 4%;}
.news_box .news_cont .time span{display: block; letter-spacing: 0px;}
.news_box .news_cont .line{width: 1px; height: 46px; background: #acabab; float: left; margin: 0 4%;}
.news_box .news_cont .info{float: left; padding: 1px 0; width: 76%;}
.news_box .news_cont .info h3{color: #6a6969; line-height: 22px;}
.news_box .news_cont .info p{color: #b5b3b4; line-height: 22px;}
.news_all .news_cont{background: #f6f6f6; margin-bottom: 30px;}
.news_all .news_cont:last-child{margin-bottom: 0;}
.news_all .news_cont:hover{background: #c30d23;}
.news_all .news_cont:hover .time{color: #fff;}
.news_all .news_cont:hover .info h3{color: #fff;}
.news_all .news_cont:hover .info p{color: #fff;}

.partner_ban{width: 90%; margin: auto; position: relative;}
.partner_ban .swiper-button-next{right: -40px; outline: none;}
.partner_ban .swiper-button-prev{left: -40px; outline: none;}
.partner_ban .swiper-button-prev::after, .partner_ban .swiper-button-next::after{font-size: 20px; color: #6a6969;}

.footer{padding: 60px 0; background: #282828;}
.ft_focus{padding-top: 30px;}
.ft_focus p{font-size: 16px; color: #fff; line-height: 20px; padding-left: 10px; margin-bottom: 15px;}
.ft_focus div a{display: inline-block; margin: 0 8px;}
.ft_focus div a.wx{position: relative;}
.ft_focus div a.wx img.wxcd{position: absolute; left: 50%; bottom: 35px; z-index: 10; transform: translateX(-50%); max-width: 120px; display: none;}
.ft_focus div a.wx:hover img.wxcd{display: block;}
.ft_info{padding-top: 10px; padding-left: 40px;}
.ft_info h3{font-size: 16px; color: #fff; line-height: 20px; margin-bottom: 15px;}
.ft_info p{font-size: 12px; color: #fff; line-height: 24px;}
.ft_search{padding-top: 40px;}
.ft_search .form{position: relative; width: 180px; margin: auto;}
.ft_search .form input[type="text"]{width: 180px; height: 30px; color: #fff; border: 1px solid #fff; background: none; outline: none; padding: 0 35px 0 10px; font-size: 14px; line-height: 30px; border-radius: 15px;}
.ft_search .form input[type="submit"]{width: 35px; height: 30px; border: none; outline: none; background: url(/Public/Web/templates/QLD223/images/ft_search.png) no-repeat left center; border-radius: 0 15px 15px 0; position: absolute; right: 0; top: 0; z-index: 10; }
.ft_qrcode img{max-width: 120px; display: block; margin: auto;}

.product_center{padding: 60px 0;}
.proTab{width: 20%;}
.proTab li{margin-bottom: 15px;}
.proTab li a{display: block; padding: 10px 15px; font-size: 16px; color: #5a5a5a; line-height: 22px; background: #eee;}
.proTab li.active a, .proTab li:hover a{background: #c30d23; color: #fff;}
.proList{width: 78%;}
.proList li{width: 31%; margin-left: 2.333%; margin-bottom: 2.333%; float: left;}
.proList li a{display: block; padding: 2px; background: #eee;}
.proList li a .proListImg{width: 100%; background: #fff;}
.proList li a .proListImg img{display: block; width: 100%;}
.proList li a h3{line-height: 50px; text-align: center; color: #525151;}
.proList li a:hover{background: #c30d23;}
.proList li a:hover h3{color: #fff;}

.imgs_center{padding: 60px 0;}
.imgList{width: 100%;}
.imgList li{width: 24%; margin-right: 1.333%; margin-bottom: 1.333%; float: left;}
.imgList li:nth-of-type(4n){margin-right: 0;}
.imgList li a{display: block; padding: 1px; background: #eee;}
.imgList li a .imgListImg{width: 100%; background: #fff;}
.imgList li a .imgListImg img{display: block; width: 100%;}
.imgList li a h3{line-height: 40px; text-align: center; color: #525151;}
.imgList li a:hover{background: #c30d23;}
.imgList li a:hover h3{color: #fff;}

.news_center{padding: 60px 0;}
.news_box{margin-bottom: 20px;}

.page{padding: 60px 0;}
.contact{padding: 60px 0;}
.contact .map iframe{max-width: 100%;}
.ctform input[type='text']{width: 70%; height: 42px; border: 1px solid #bcbcbd; background: none; outline: none; padding: 10px 10px; font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.ctform textarea{width: 100%; height: 124px; border: 1px solid #bcbcbd; background: none; outline: none; padding: 10px 10px; font-size: 14px; line-height: 20px;}
.ctform input[type='text']::placeholder{color: #bcbcbd;}
.ctform textarea::placeholder{color: #bcbcbd;}
.ctform input[type='submit']{width: 32%; height: 46px; border: none; background: #c30d23; outline: none; padding: 0; font-size: 16px; line-height: 46px; color: #fff; margin-top: 10px;}
.about{padding: 60px 0;}
.about .abcont{width: 92%;}
.about .abcont h4{font-size: 16px; color: #c30d23; line-height: 20px; margin-top: 30px;}
.about .abcont h3{font-size: 20px; line-height: 30px; margin: 20px 0 25px;}
.about .abcont p{font-size: 14px; line-height: 25px; text-indent: 2em; margin-bottom: 8px;}
.about .abimg img{max-width: 100%;}

.location{width: 100%; height: 60px; background: #f8f8f8;}
.location .proTit{line-height: 60px;}
.location .gobk{display: block; height: 30px; padding: 0 10px; margin-top: 15px; font-size: 16px; line-height: 30px; color: #6c6c6c;}
.location .gobk i{display: block; float: right; width: 20px; height: 20px; background: url(/Public/Web/templates/QLD223/images/back_lc.png) no-repeat center; background-size: cover;margin: 3px 0 0 3px;}
.location .newsTit{line-height: 60px; font-size: 16px; color: #6c6c6c;}
.location .newsTit a:hover{color: #c30d23;}
.product_detail{padding: 30px 0;}
.proDt_cont img{display: block; max-width: 100%; margin: auto;}
.news_detail{padding: 60px 0;}
.news_cont img{display: block; max-width: 100%; margin: auto;}
.news_detail .news_info{width: 100%; text-align: center; border-bottom: 1px solid #eee; line-height: 30px; margin: 20px 0;}
.news_detail .news_info span{color: #aaa; margin: 0 15px;}
.news_detail .news_title{text-align: center;}
.news_detail .news_cont{line-height: 28px; color: #333;}
.news_detail .news_cont p{text-indent: 2em;}
.news_detail .news_fenye{width: 100%; height: auto; margin-top: 30px;}
.news_detail .news_fenye .page_prev, .news_detail .news_fenye .page_next{width: 48%; height: 36px; padding: 0 3%; border: 1px solid #999; color: #333; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_detail .news_fenye .page_prev a:hover, .news_detail .news_fenye .page_next a:hover{color: #c30d23;}
.img_left img{max-width: 100%; display: block;}
.img_right .news_title{text-align: left; margin-top: 10px;}
.img_right .img_desc{color: #666; line-height: 24px; padding: 10px 0; border-bottom: 1px solid #eee;}
.img_right .news_fenye{margin-top: 50px;}
.img_body{background: #f1f4f5; padding: 32px 0;}
.body_left{background: #fff; padding: 25px;}
.body_left h3{color: #333; margin-bottom: 20px;}
.body_left ul li{width: 100%; margin-bottom: 20px;}
.body_left ul li a img{display: block; max-width: 100%;}
.body_left ul li a p{font-size: 14px; color: #666; line-height: 30px; text-align: center;}
.body_left ul li a p:hover{color: #c30d23;}
.body_right{background: #fff; padding: 25px; min-height: 1000px;}
.body_right .cont_tit{border-bottom: 1px solid #e4eaec; margin-bottom: 20px;}
.body_right .cont_tit span{display: inline-block; font-size: 16px; color: #c30d23; line-height: 24px; padding: 10px 20px; border-bottom: 2px solid #c30d23;}
.body_right .contall{color: #333; line-height: 28px;}
.body_right .contall p{text-indent: 2em;}

@media (max-width:1200px){
 .fs80{font-size:60px;}
 .fs50{font-size:40px;}
 .fs46{font-size:38px;}
 .fs45{font-size:37px;}
 .fs44{font-size:36px;}
 .fs40{font-size:34px;}
 .fs38{font-size:32px;}
 .fs34{font-size:28px;}
 .fs28{font-size:22px;}
 .fs26{font-size:20px;}
 .fs24{font-size:19px;}
 .fs23{font-size:18px;}
 .header .header_right{width: 66%;}
 .header .header_nav .nav_container>ul>li{margin-left: 5%;}
 .about_box{padding: 80px 0 120px;}
 .news_box .news_cont{padding: 18px 0;}
 .news_all .news_cont{margin-bottom: 20px;}
 .ft_info{padding-left: 0;}
 .ft_focus div a{margin: 0 6px;}
 .proTab{width: 22%;}
 .proList{width: 76%;}
 .about .abcont{width: 100%;}
 .about .abcont h4{margin-top: 0;}
 .about .abcont h3{margin: 15px 0 20px;}
}

@media (max-width:992px){
 .fs80{font-size:50px;}
 .fs50{font-size:36px;}
 .fs46{font-size:34px;}
 .fs45{font-size:33px;}
 .fs44{font-size:32px;}
 .fs40{font-size:30px;}
 .fs38{font-size:28px;}
 .fs34{font-size:24px;}
 .fs28{font-size:20px;}
 .fs26{font-size:18px;}
 .fs24{font-size:18px;}
 .fs23{font-size:17px;}
 .fs22{font-size:16px;}
 .fs18{font-size:15px;}
 .header{padding-top: 0;}
 .header .logo, .header .logo img{max-height: 80px;}
 .header .header_tools .form{display: none;}
 .header .header_tools .wap_menu{display: block; margin: 20px 0 0;}
 .header .header_right{width: auto; float: right;}
 .header .header_nav{width: 250px; height: 100%; background: #ccc; position: fixed; left: -250px; top: 0; z-index: 1000; text-align: center; padding: 20px 0; font-size: 15px;}
 .header .header_nav .nav_container>ul>li{display: block; margin: 0; text-align: left; padding: 0 8%;}
 .header .header_nav .nav_container>ul>li>a{padding: 12px; border-bottom: 1px solid #aaa;}
 .dropdown-menu{display: block; position: unset; transform: translateX(0); background: unset; float: unset; width: 100%; min-width: unset; font-size: 14px;}
 .header .header_nav li{text-align: left; padding: 0 12%;}
 .dropdown-menu li a{padding: 10px; border-bottom: 1px solid #aaa;}
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a.active{background: unset !important; color: unset !important;}
 .about_box{padding: 60px 0 80px;}
 .news_box .news_cont .info{width: 70%;}
 .news_box .news_one a{padding: 25px;}
 .news_box .news_cont .time{letter-spacing: 0.5px;}
 .news_box .news_cont{padding: 11px 0;}
 .news_all .news_cont{margin-bottom: 10px;}
 .ft_focus div a{margin: 0 12px;}
 .ft_search, .ft_qrcode{margin-top: 20px;}
 .ft_search .form{margin: 0;}
 .ft_qrcode img{margin: 0;}
 .proTab{width: 25%;}
 .proTab li a{font-size: 14px;}
 .proList{width: 73%;}
 .proList li{width: 47%; margin-left: 3%; margin-bottom: 3%;}
 .contact .map{margin-bottom: 20px;}
 .ctform input[type='text']{width: 100%;}
 .ctform input[type='submit']{width: 100%;}
 .about .abcont{margin-bottom: 20px;}
 .imgList li{width: 32%; margin-right: 2%; margin-bottom: 2%;}
 .imgList li:nth-of-type(4n){margin-right: 2%;}
 .imgList li:nth-of-type(3n){margin-right: 0;}
}

@media (max-width:767px){
 .fs80{font-size:40px;}
 .fs50{font-size:32px;}
 .fs46{font-size:30px;}
 .fs45{font-size:29px;}
 .fs44{font-size:26px;}
 .fs40{font-size:24px;}
 .fs38{font-size:22px;}
 .fs34{font-size:20px;}
 .fs28{font-size:18px;}
 .fs26{font-size:17px;}
 .fs24{font-size:16px;}
 .fs23{font-size:16px;}
 .fs18{font-size:14px;}

 .section{margin-bottom: 30px;}
 .section_pro{margin-top: 30px;}
 .proCt .proLi{padding: 5px 0;}
 .section_title{margin-bottom: 20px;}
 .section_title span{padding-bottom: 15px;}
 .Amore{margin: 20px auto 0;}
 .about_box{padding: 30px 0 50px;}
 .news_box .news_one{margin-bottom: 15px;}
 .news_box .news_one a{padding: 20px;}
 .news_box .news_cont .time{letter-spacing: 0;}
 .news_box .news_cont .info{width: 74%;}
 .partner_ban .swiper-button-next{right: -20px;}
 .partner_ban .swiper-button-prev{left: -20px;}
 .footer{padding: 30px 0;}
 .ft_focus, .ft_info, .ft_search, .ft_qrcode{padding-top: 0; margin-top: 0; margin-bottom: 20px;}
 .ft_qrcode{margin-bottom: 0;}
 .ft_info h3{margin-bottom: 10px;}
 .product_center{padding: 30px 0;}
 .proTab{width: 100%; float: unset; margin-bottom: 20px;}
 .proTab li{width: 49%; float: left; margin-bottom: 8px;}
 .proTab li:nth-of-type(2n-1){margin-right: 2%;}
 .proTab li a{font-size: 14px; padding: 6px 10px;}
 .proList{width: 100%; float: unset;}
 .proList li{width: 48%; margin-left: 4%; margin-bottom: 4%;}
 .proList li:nth-of-type(2n-1){margin-left: 0;}
 .proList li a h3{line-height: 35px;}
 .news_center{padding: 30px 0;}
 .page{padding: 30px 0;}
 .contact{padding: 30px 0;}
 .about{padding: 30px 0;}
 .about .abcont h3{margin: 10px 0 15px;}
 .imgs_center{padding: 30px 0;}
 .imgList li{width: 48%; margin-right: 4%; margin-bottom: 4%;}
 .imgList li:nth-of-type(4n){margin-right: 4%;}
 .imgList li:nth-of-type(3n){margin-right: 4%;}
 .imgList li:nth-of-type(2n){margin-right: 0;}
 .location{height: 50px;}
 .location .proTit{line-height: 50px;}
 .location .gobk{margin-top: 10px; padding: 0;}
 .location .newsTit{line-height: 50px;}
 .news_detail{padding: 30px 0;}
 .location .newsTit{font-size: 14px;}
 .news_detail .news_info{margin: 10px 0;}
 .news_detail .news_info span{margin: 0 5px;}
 .news_detail .news_cont{line-height: 24px;}
 .news_detail .news_fenye{margin-top: 15px;}
 .news_detail .news_fenye .page_prev, .news_detail .news_fenye .page_next{float: unset; width: 100%; margin: 8px 0;}
 .img_left img{margin: auto;}
 .img_right .news_title{margin-top: 30px;}
 .body_left{display: none;}
 .body_right{padding: 15px; min-height: unset;}
}
