@charset "UTF-8";
/* 全局样式重置 */

/* 去除所有元素的默认外边距和内边距 */
* {
    margin: 0;
    padding: 0;
}
/* 在 Firefox 浏览器中去除元素的轮廓 */
*::-moz-outline {
    none;
}
/* 在所有浏览器中去除元素的轮廓 */
*:focus {
    outline: none;
}
/* 在移动端去除点击元素时的高亮效果 */
*::-webkit-tap-highlight-color: transparent;
/* 使用 border-box 盒模型，让元素的宽度和高度包含边框和内边距 */
* {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* ::before 和 ::after 伪元素也使用 border-box 盒模型 */
*::before,
*::after {
    box-sizing: border-box;
}
/* 设置 html 和 body 的宽度和高度，去除默认的外边距和内边距，设置相对定位，并开启触摸滚动效果 
html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-overflow-scrolling: touch;
    font-size: 16px;
    overflow-x: hidden;
}*/
/* 让 article、aside、details、figcaption、figure、footer、header、hgroup、main、nav、section、summary 等 HTML5 元素以块级元素显示 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
/* 去除 ul 和 ol 元素的默认列表样式 */
ul,
ol {
    list-style: none;
}
/* 设置链接的文本装饰为无，并设置默认颜色为黑色 */
a {
    text-decoration: none;
    color: #000;
}
/* 让图片最大宽度和高度为 100%，去除边框 */
img {
    max-width: 100%;
    max-height: 100%;
    border: 0;
}
/* 设置 h1 到 h6 标题的字体大小为 120% */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 120%;
}
/* 设置段落的字体大小和行高 */
p {
    font-size: 1em;
    line-height: 1.5em;
}
/* 去除表格的边框间距 */
table {
    border-collapse: collapse;
}

/* 去除表格单元格的边框 */
table td,
table th {
    border: none;
}
/* 禁止 input 和 textarea 元素的大小调整 */
input,
textarea {
	border: none;
    resize: none;
    outline: none;
}
/* 去除 input[type="submit"]、input[type="reset"]、input[type="button"] 和 button 元素在不同浏览器中的默认外观 */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
}

/* 设置表单元素的字体大小和行高 */
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    font-size: 1em;
    line-height: 1.5em;
}

/* 设置表单元素的背景颜色和边框颜色 */
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    background-color: #fff;
    border: 1px solid #ccc;
}

/* 设置表单元素在获得焦点时的边框颜色 */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
    border: 1px solid #333;
}

/* 设置按钮的背景颜色和边框颜色 
button {
    background-color: #333;
    color: #fff;
    border: 1px solid #333;
}
*/
/* 设置按钮在获得焦点时的边框颜色 
button:focus {
    border: 1px solid #fff;
}
*/
/* 设置链接在鼠标悬停时的颜色 */
a:hover {
    color: #333;
}

/* 设置链接在访问后（已点击）的颜色 */
a:visited {
    color: #666;
}



/* 媒体查询：小屏幕设备 
@media only screen and (max-width: 767px) {
html,body {font-size: 14px;}

%
}*/



/* 媒体查询：中等屏幕设备 
@media only screen and (min-width: 768px) and (max-width: 1023px) {
html,body {font-size: 15px;}


}*/

/* 媒体查询：小屏幕设备 */
@media only screen and (min-width: 1240px) {


.main-header.style-one .mobile-menu{display: none!important;}
.sticky-header #navbarSupportedContent:nth-child(2n){display: none!important;}
.main-header.style-one .outer-box{width: 1500px;}
.layout .slides .owl-nav{width: 1500px;margin: 0 auto;position: absolute;top: 50%;left:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.about_bj .about_box{width: 1500px;}
.product .product_box{width: 1500px;}
.case .case_box{width: 1500px;}
.news .news_box{width: 1500px;}
.partner .partner_box{width: 1500px;}
.advantage .advantage_box{width: 1500px;}
.footer .footer_box{width: 1500px;}
.footer .copyright .copyright_box{width: 1500px;}
.bread_nav .bread_nav_box{width: 1500px;}
.Product_list_box{width: 1500px;}
.Product_page_box{width: 1500px;}
.page_other_box{width: 1500px;}
.case_list_box{width: 1500px;}
.process_page_box{width: 1500px;}
.trust_page_box{width: 1500px;}
.news_list_box{width: 1500px;}
.news_page_box{width: 1500px;}
.contact_page_box{width: 1500px;}


}

/* 媒体查询：小屏幕设备 */
@media only screen and (max-width: 1240px) {

.layout .owl-carousel .owl-dots{left: 0!important;position: absolute!important;bottom: 5px!important;}
.bg-gray,.bg-gray .line,.bg-gray .line .x12,.bg-gray .line .x12 .owl-carousel.owl-loaded{height: 300px!important;}
.bg-gray .line .x12 .owl-carousel .owl-stage-outer,.bg-gray .line .x12 .owl-carousel .owl-stage-outer .owl-item{height: 300px!important;}
.bg-gray .line .x12 .owl-carousel .owl-item img{height: 300px!important;}

.bread_nav .bread_nav_box{margin: 0 2%!important;}
.case_box .title-box{margin-left: 2%;}
.news_page_box .line .x10{width: 100%!important;}

.btn-box{margin-left: 20px;}
.main-header.style-one .outer-box{padding: 0 2%;}
.header-lower .logo-box{padding: 10px 0;}
.banner-carousel .slide-item img{height: 500px;background-size: none;}
.banner_text {position: absolute;top: 35%;left: 2%!important;text-align: center!important;width: 96%;}
.banner_text h3{color: #D0020F;font-size: 20px!important; line-height: 28px!important;text-shadow:
      -1px -1px 0 #fff,  
       1px -1px 0 #fff,
      -1px  1px 0 #fff,
       1px  1px 0 #fff;}
.banner_text p{color: #fff;font-size: 24px!important; line-height: 36px!important;margin-top: 10px;text-shadow:
      -1px -1px 0 #D0020F,  
       1px -1px 0 #D0020F,
      -1px  1px 0 #D0020F,
       1px  1px 0 #D0020F;}
.banner_text a{color: #fff;font-size: 16px; line-height: 50px; display: inline-block;width: 140px;background: #D0020F;border-radius: 25px;text-align: center;margin-top: 10%;}



.about_bj .about_box{width: 96%!important;}
.about_bj .at_box_title a{display: none;}
.about_bj .at_box_title h2{font-size: 24px!important;width: 100%!important;line-height: 36px!important;}
.about_bj .at_box_title h5{font-size: 16px!important;width: 100%!important;line-height: 28px!important;margin-top: 15px!important;}
.about_bj .at_box_title div.text {width: 100%!important;font-size: 16px!important;line-height: 28px!important;margin-top: 20px!important;}
.about_bj .about_box ul {margin-top: 20px!important;display: block!important;}
.about_bj .about_box ul li {width: 46%!important;margin:0 2% 20px!important;text-align: center;}


.product_box{width: 96%!important;}
.product_box .cp_title{margin-bottom: 30px!important;text-align: center;}
.product_box .cp_title p{width: 100%;display: inline-block;}
.product_box .cp_title a{float: none!important;display: inline-block;}

.content_block_3 .content-box .tab-btn-box .tab-btns li{width:33.3%!important;margin: 0!important;line-height: 60px!important;font-size: 12px!important;border-bottom: solid 2px #eee!important;border-left: solid 1px #eee!important;border-right: solid 1px #eee!important;font-weight: normal; height: 60px;overflow: hidden;}
.content_block_3 .content-box .tab-btn-box .tab-btns li:nth-child(3n){border-right: none!important;}
.content_block_3 .content-box .tab-btn-box .tab-btns li.active-btn{background:#D0020F;color: #fff!important;}
.content_block_3 .content-box .tabs-content .inner-box{width: 48%!important;margin: 0 1% 20px!important;padding:5px 5px 25px 5px!important;}
.content_block_3 .content-box .tabs-content .inner-box .image-box{height: 200px!important;margin-bottom: 10px!important;width: 100%!important;display: inline-block;}
.content_block_3 .content-box .tabs-content .inner-box .image-box img{width: 100%!important;height: 100%!important;display: inline-block;}
.content_block_3 .content-box .tabs-content .inner-box .text p{height: 50px;line-height: 50px!important;overflow: hidden;margin:0 10px!important;}
.content_block_3 .content-box .tabs-content .inner-box .text2{display: none;}

.carousel-block{width: 90%!important;margin:50px auto 0!important;}
.news-block-one .inner-box{flex-direction: column-reverse;align-items: center;padding:10px!important;text-align: center;}
.news-block-one .inner-box .lower-content{width: 100%!important;margin-right: 0!important;}
.case_box .news-block-one{width: 100%!important;height: 500px!important;}
.case_box .news-block-one .inner-box .image-box{width: 100%!important;height: 500px!important;}
.case_box .news-block-one .inner-box .image-box img{width: 100%!important;height: 500px!important;}

.nav-style-one .owl-prev{right: 79px!important;}
.nav-style-one .owl-next{right: 5px!important;}


.news{padding: 30px 0!important;}
.news_box{width: 96%!important;}
.news_box .news_title{text-align: center;}
.news_box .news_title p{float: none!important;}
.news_box .news_title a{float: none!important;display: inline-block;}
.news_box .box_top .fl{width: 100%!important;}
.news_box .box_top .fl li span img{height: 200px!important;}
.news_box .box_top .fl li .text{padding: 5px!important;}
.news_box .box_top .fl li .text h2{font-size: 20px!important;line-height: 28px!important;height: 56px!important;overflow: hidden;}
.news_box .box_top .fl li .text p{margin: 10px 0!important;height: 84px;overflow: hidden;}
.news_box .box_top .fl li .text span{margin-bottom: 10px!important;}
.news_box .box_top .fr{width: 100%!important;margin-top: 20px;padding:10px!important;}
.news_box .box_top .fr li h2{height: 36px;overflow: hidden;}
.news_box .box_top .fr li p{height: 28px;overflow: hidden;}

.news_box .box_top .fl li .text a{width: 100%;line-height: 50px!important;display: inline-block;background:#D0020F;color: #fff!important;text-align: center;}

.partner{padding: 20px 0 30px!important;}
.partner_box{width: 96%!important;text-align: center;}
.partner_box .partner_title{width: 100%!important;}
.partner_box ul li{width: 48%!important;margin: 0 1% 10px!important;}

.advantage{padding: 60px 0 30px!important;}
.advantage_box{width: 96%!important;}
.advantage_box ul{display: block!important;}
.advantage_box ul li{width: 44%!important;margin: 0 3% 40px!important;}
.advantage_box ul li span{margin-top: 15px!important;}
.advantage_box ul li img{height: 120px!important;}

.footer{padding-bottom: 80px;}
.footer_box{width: 96%!important;padding: 50px 0!important;}
.footer_box .footer_fl dl{width: 48%!important;margin: 0 1% 20px!important;}

.footer_box .footer_fr ul.top li{width: 46%!important;margin: 20px 2% 20px!important;}

.footer_box .footer_fr .text dl,.footer_box .footer_fr .text ul{text-align: center!important;display: inline-block!important;}
.footer_box .footer_fr .text ul li{float: none!important;display: inline-block;margin:0 10px!important;}
.footer .copyright{padding: 0 2%!important;text-align: center;}
.footer .copyright a{display: inline-block;}
.footer .copyright .fl{line-height: 50px!important;width: 100%;}
.footer .copyright .fr{width: 100%;}


.bottom_nav{position: fixed;left: 0;bottom: 0;width: 100%;background: #D0020F;display: block!important;border-top: solid 1px #eee;z-index: 999999;}
.bottom_nav li{float: left;width: calc(25% - 1px);line-height: 60px;text-align: center;border-right: solid 1px #eee;}
.bottom_nav li:nth-child(4n){border-right:none;}
.bottom_nav li a{color: #fff;}







.banner_page{height: 500px!important;}


.Product_list_box{width: 96%!important;margin: 10px auto!important;}
.list_box_fl{width: 44%!important;}
.list_box_fl dt b{font-size:20px!important;}
.list_box_fl dd a{padding-left:0!important;font-size:14px!important;text-align: center;}
.list_box_fl .text{display: none;}

.list_box_fr{width: 54%!important;}
.list_box_fr ul.cplist li{width: 100%!important;margin-bottom:15px!important;}
.Product_list_box ul.pagination{text-align: center!important;margin: 15px 0;}


.Product_page_box{width: 96%!important;margin: 10px auto!important;}
.prodetailsinfo .photo .jqzoom{flex-direction:column;}
.prodetailsinfo .photo .bigimg {width: 100%!important;height: 360px!important;text-align: center;}
.prodetailsinfo .photo .photoimg .list{margin: 10px auto!important;text-align: center;}
.prodetailsinfo .photo .bigimg .list li {width: 400px!important;height: 360px!important;margin:0 auto!important;text-align: center;}
.prodetailsinfo .photo .bigimg .list img {width: 100%!important;height: 360px!important;}
.prodetailsinfo .photo .photoimg {width: 100%!important;display: flex;flex-direction: column-reverse;}
.prodetailsinfo .photo .photoimg .listcon li{width: 100px!important;height: 100px!important;}
.prodetailsinfo .photo .photoimg .listcon li img{width: 100%!important;height: 90px!important;}
.prodetailsinfo .photo .photoimg .text{margin-top: 20px!important;}
.prodetailsinfo .photo .photoimg .text a{width: 100%!important;}

.page_product{margin-top: 0!important;}

.page_product .box ul li h5{padding: 5px!important;font-size: 14px!important;text-align: center;}
.page_product .box ul li span{padding: 5px!important;font-size: 14px!important;text-align: center;}

.page_advantages ul li{width: 100%!important;margin-bottom: 20px;}

.page_certificate{margin-top: 0px!important;}
.page_certificate ul li{width: 47%!important;margin: 0 1.5% 20px!important;}
.page_certificate ul li:nth-child(5n){width: 100%!important;}

.page_other_box{width: 96%!important;margin: 30px auto 50px!important;}
.page_other_box ul li{width: 47%!important;margin: 0 1.5% 20px!important;}



.case_list_box{width: 96%!important;margin: 10px auto!important;}
.case_list_box ul li{width: 100%!important;padding: 10px!important;margin: 0 0 20px 0!important;align-items: center;}
.case_list_box ul li span img{height: auto!important;}
.case_list_box ul li .text{padding-left: 10px!important;margin-left: 10px!important;}
.case_list_box ul li .text h5{line-height: 40px!important;}
.case_list_box ul li .text p{height: 54px;overflow: hidden;}
.case_list_box ul li .text a{margin-top: 0px!important;width: 100%!important;}


.trust_page_box{width: 96%!important;margin: 30px auto 50px!important;}
.trust_page_box ul{margin:30px 0 0!important;}
.trust_page_box ul li{width: 47%!important;margin: 0 1.5% 20px!important;padding: 15px 5px!important;}
.trust_page_box ul li div.img{width: 120px!important;height: 120px!important;}
.trust_page_box ul li:nth-child(5n){width: 100%!important;}



.news_list_box{width: 96%!important;margin: 30px auto 50px!important;}
.news_list_box .filter select{width: 48%!important;}
.news_list_box .filter .search{display: none!important;}


.news_list_box ul li{margin-bottom: 20px;background: #fff;}
.news_list_box ul li a{flex-direction: column-reverse;}
.news_list_box ul li .time,.news_list_box ul li .line{display: none!important;}
.news_list_box ul li .img{padding: 10px!important;}
.news_list_box ul li .text{width: 100%!important;padding: 10px;}
.news_list_box ul li .text h5{font-size: 24px!important;line-height: 30px!important;margin-bottom: 10px!important;}

.news_page_box{width: 96%!important;margin: 30px auto 50px!important;}
.news_page_box .line{flex-direction: column;}
.news_page_box .line .text-center{width: 100%!important;margin-top:30px;}
.news_page_box .line .text-center a{width: 100%!important;}


.contact_page_box{width: 96%!important;margin: 30px auto 50px!important;}
.contact_page_box ul.contactlist{margin: 20px auto!important;}
.contact_page_box ul.contactlist li{width: 100%!important;margin-bottom: 20px!important;}

.contact_page_box .contactmap{margin: 0px auto 50px!important;}
.contact_page_box .contactmap .fl, .contact_page_box .contactmap .fr{width: 100%!important;}

.outlets .outlets_title select.fr{width: 160px!important;}
.outlets ul.list{margin: 20px auto!important;}
.outlets ul.list li{width: 100%!important;padding:15px 5px!important;margin-bottom: 20px!important;}
.outlets ul.pagination{text-align: center!important;}
.outlets ul.list li b{font-size: 18px!important;}
.outlets ul.list li span{font-size: 14px!important;line-height: 40px!important;}




}