@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,500,700,900);
@font-face{
    font-family: "fontawesome";
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome-webfont.ttf) format('truetype'), url(../fonts/fontawesome-webfont.otf) format('opentype'), url(../fonts/fontawesome-webfont.svg) format('svg');
}
/*gloabl*/
*{-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-touch-callout:none;font-weight: normal;}
:focus{outline: none;}
html{font-size: 14px;min-width:1000px;font-weight: normal;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,input,textarea,p,blockquote,th,td{line-height: inherit;}
body{background:#F8F8F8;color:rgb(51, 51, 51);font-size:101%;font-weight: normal;font-family:"Noto Sans SC","Microsoft YaHei","simsun","Helvetica Neue","fontawesome", Arial, Helvetica, sans-serif;line-height: 1.5;}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);color: #333333;-webkit-font-smoothing: antialiased;font-weight: normal;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0 none;}
input,img,select{vertical-align:middle;border:0;}
ol,ul,dl,dd,dt{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
del,ins,a{text-decoration:none;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
abbr,acronym{border:0;}
input{color:inherit;line-height:1.5;padding:.25em;border:0;}
input,button,select,textarea{outline:none;line-height:1.6; vertical-align:top;filter:chroma(color=#000000);}
textarea{resize:none;padding: 5px;}
img{max-width: 100%;vertical-align: middle;objec-fit: none;}
br{clear: both;height: 0;overflow: hidden;zoom: 1;}
*:after,*:before{transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s}
.absolute{position: absolute;}
.relative{position: relative;}

.ellipsis{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.line-2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.line-3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}

a,a:hover{color:inherit;text-decoration:none;display: inline-block;}
.title{font-size: 131%;padding-bottom: 5px;display: block;}
.hide{display: none;}
.center{text-align: center}
.flex{display: flex;align-items: flex-start;justify-content: space-between;}
.flex-a{flex: 0 0 auto;}
.flex-1{flex: 1;}
.flex-2{flex: 1;}
.flex-3{flex: 1;}
.cr,.clear{clear: both;overflow: hidden;zoom: 1;height: 0;}
.q::after,.main::after{content:'';display: table;height: 0;overflow: hidden;zoom:1;clear: both;}
.btn,input[type=button],button{cursor: pointer;background: #003E67;border:1px solid #003E67;border-radius: 3px;color: #fff;padding: 12px 25px;font-size: 105%;line-height: 1.1;display: inline-block;}
.btn:hover,input[type=button]:hover,button:hover{color: #fff;}
.left{float: left;}
.right{float: right;}
.cGray{color: #949292;}
.img img,*[class*="img"],*[class*="image"]{background: none;background:#ffffff url(../image/err.png) no-repeat center;}
img{transition: all 0.5s;}
.zcenter{left: 50%;top: 50%;transform: translate(-50%, -50%);}
*[class*="-title"],[class*="_title"]{font-size: 160%;font-weight: bold;}
*[class*="-desc"],[class*="_desc"]{font-size: 90%;color: #999999;}
.app{max-width: 1080px;margin: 0 auto;}
.m-10{margin: 10px}
.m-15{margin: 15px}
.m-20{margin: 20px}
.m-b-10{margin-bottom: 10px}
.m-l-10{margin-left: 10px}
.m-r-10{margin-right: 10px}
.m-t-10{margin-top: 10px}
.m-b-15{margin-bottom: 15px}
.m-l-15{margin-left: 15px}
.m-r-15{margin-right: 15px}
.m-t-15{margin-top: 15px}
.m-b-20{margin-bottom: 20px}
.m-l-20{margin-left: 20px}
.m-r-20{margin-right: 20px}
.m-t-20{margin-top: 20px}
.m-b-25{margin-bottom: 25px}
.m-l-25{margin-left: 25px}
.m-r-25{margin-right: 25px}
.m-t-25{margin-top: 25px}

.grid{display: grid;grid-row: 1 3;grid-column: 1 3;/*grid-template-rows: repeat(3, 33.3333333%);*/grid-template-columns: repeat(3, 33.3333333%);}
.grid .col{display: block;}
.grid-col-2{display: flex;flex-wrap: wrap;}
.grid-col-2 .col{width: 50%;}
.grid-col-4{display: flex;flex-wrap: wrap;}
.grid-col-4 .col{width: 25%;}

/*page*/
.page{text-align: center;margin:25px;clear: both;padding:5px 10px;}
.page span,.page a{padding:3px 8px;font-family:Geneva,Arial,Helvetica,sans-serif;border:1px solid #ccc;display:inline-block;margin-right:8px}
.page span.current{color:#003E67;}
.page span.pageher,.page span.current{border:0 none;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: inherit !important;}

a:hover img{transform: scale(1.05);}

.main{max-width: 1300px;margin:0 auto;zoom: 1;}

.header{width: 100%;align-items: center;position: fixed;top: 0;z-index: 9;background-color: #ffffff;}
.header .main{align-items: center;display: flex;width: 1300px;}
.header .mobile .mobile-button{display: none;}
.header .logo{width: 395px;}
.header .logo a:hover img{transform: none;}
.menu,.header .mobile{flex: 1 1 auto;padding-left: 50px;padding-bottom: 2px;font-size: 115%;}
.menu .menu-list{align-items: center;display: flex;height: 69px;}
.menu .menu-list-items{flex: 1;text-align: center;height: 100%;padding: 0 5px;}
.menu .menu-list-items a{height: 100%;line-height: 69px;display: block;position: relative;z-index: 9;font-size: 16px;}
.menu .menu-list-items a:hover::after,.menu .menu-list-items.selected a::after{content: '';display: block;height: 2px;background-color: #F48001;bottom: 0;}
.menu .fa-search{color: #F48001;font-size: 18px;}
.top-form-search{display: none;position: fixed;top: 73px;left: 0;right: 0;background-color: rgba(255,255,255,.9);padding: 55px 55px 0;margin-bottom: -50px;}
.top-form-search form{padding: 30px 0 100px;}
.top-form-search input[type="text"]{float: left; width: 680px; height: 41px; background-color: #fff; border: 1px solid #ccc; line-height: 38px; padding: 0 10px;}
.top-form-search input[type="submit"]{cursor: pointer; background-color: #F48001; color: #fff; height: 40px; padding: 0 50px; float: right; margin-left: 5px;}

.top-menu-category{top: 0;padding-bottom: 0;}
.top-menu-category .main{align-items: flex-start;padding: 50px 50px 10px;}
.top-menu-cate-dl{position: relative;margin-right: 15px;padding-right:15px;text-align: center;}
.top-menu-cate-dl:last-child{margin-right: 0;}
.top-menu-cate-dl::after{content: '';position: absolute;top: 0;right: 0;height: 80px;border-right: 1px dashed #ccc;}
.top-menu-cate-dl:last-child::after{display: none;}
.top-menu-cate-dl dd{margin:6px 0;text-align: left;}
.top-menu-cate-dl .top-menu-cate-dl-img{width: 150px;height: 70px}
.top-menu-cate-dl .top-menu-cate-dl-name{display: block;text-align: left;font-weight: bold;padding: 6px 0;}


.page-search{padding: 10px 0;}
.page-search .search-text{flex: 1 1 auto;}

.banner{max-width: 100%;overflow: hidden;position: relative;z-index: 1;}
.banner .ban-pagination{display: inline-block;position: absolute;bottom: 30px;display: flex;width: 100%;text-align: center;flex-direction: row;justify-content: center;z-index: 999;}

.header+.banner{margin-top: 71px;}
.home-header+.banner{margin-top: 0;}
.banner .swiper-prev ,.banner .swiper-next{width: 50px;height: 50px;margin-top: -27px;display: block;position: absolute;top: 50%;text-indent: -9000px;background-position: center;transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;background: url(../image/ban_pre.png) no-repeat center;background-color: rgba(23,23,60,0.2 );border-radius: 50%;opacity:1;z-index: 9}
.banner .swiper-prev:hover ,.banner .swiper-next:hover{background-color: #003E67}
.banner .swiper-prev{left: 80px}
.banner .swiper-next{background-image: url(../image/ban_next.png);right: 80px}
.banner .ban-pagination .swiper-pagination-bullet{width: 15px;height: 15px;display: inline-block;background: transparent;border-radius: 50%;margin-right: 20px;overflow: hidden;text-indent: -999px;cursor: pointer;z-index: 9;opacity: 1;background: rgba(255,255,255,0.8)}
.banner .ban-pagination .swiper-pagination-bullet-active{background: #003E67;}


.home-banner{width: 100%; height: 1080px; background: url(../image/index_bg01.png) no-repeat center center; background-size: auto 100%; overflow: hidden; position: relative;}
.home-banner > img{width: 100%;}
.home-banner .home-banner-con{width: 100%; text-align: center; position: relative; left: 0; top: 50%; transform: translateY(-60%);}
.home-banner .home-banner-con .home-banner-t{line-height: 50px; font-weight: bold; color: #fff; font-size: 40px;position: relative;}
.home-banner .home-banner-con .home-banner-t span{display: inline-block;font-size: 105%;font-weight: 700;}
.home-banner .home-banner-con .home-banner-t span+span{margin-left: 40px;}
.home-banner .home-banner-con p{font-size: 20px; margin-top: 4vw; color: #fff;}
.home-banner .home-banner-icon{width: 100%; text-align: center; position: absolute; left: 0; bottom: 50px;}
.home-banner .home-banner-icon img{margin-top: 20vw; animation: move 1.5s infinite;}
.home-banner-text{width: 70%;margin: 25% auto 0;}

.banner-container{position: relative;}
.banner-container-image{position: relative;}
.banner-container-top{position: absolute;top: 35%;left: 15.6%;right:15.6%;color: #ffffff;text-align: left;}
.banner-container-text-image{max-width: 45%;}
.banner-container-text{text-align: left;margin: 30px auto 0;font-size: 30px;}
.banner-container-text_line{content: "";display:block;margin:10px auto;width: 20%;height: 5px;background-color: #ffffff;}

@keyframes move{
    0%{transform: translateY(-20px);}
    50%{transform: translateY(0px);}
    100%{transform: translateY(-20px);}
}
.home-video{width: 100%; height: 1080px; background: url(../image/index_bg02.png) no-repeat center center; padding: 100px 0; box-sizing: border-box; transition: all 0.5s;position: relative;}
.home-title{width: 1300px; height: 90px; line-height: 50px; text-align: center; margin: 0 auto; color: #fff; font-size: 30px; font-weight: bold;}
.home-title.black{color: #333;}
.home-title::before, .home-title::after{width: 100px; height: 1px; border-top: 1px solid #fff; vertical-align: middle; content: ""; display: inline-block;}
.home-title.black::before, .home-title.black::after{border-top-color: #333;}
.home-title::before{margin-right: 30px;}
.home-title::after{margin-left: 20px;}
.home-title span{color: #F48001;}

.swiper{--swiper-navigation-size:25px;--swiper-navigation-color: #ffffff;--swiper-theme-color: #F48001;}
.swiper-button-next,.swiper-button-prev{color: #ffffff;background-color: rgba(0, 0, 0, .55);padding: 32px;border-radius: 100%;}
.swiper-button-next:hover,.swiper-button-prev:hover{color: #F48001;}

.home-video-swiper{width: 75%;margin: 20px auto;position: relative;overflow: hidden;--swiper-navigation-size:25px;color: #ffffff;}
.home-video-swiper .swiper-slide{overflow: hidden;}
.home-video-swiper .swiper-slide a{display: block;position: relative;}
.home-video-swiper .video-title{background-color: rgba(0, 0, 0, 1);position: absolute;bottom: 0;width: 100%;z-index: 99;text-align: center;font-size: 105%;padding: 8px;}
.home-video-swiper .video-play{position: absolute;font-size:120%;z-index: 99;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: rgba(0, 0, 0, .55);padding: 22px;border-radius: 100%;}

.pro-num-item-text{line-height: 1.2;}

.videos{ display:none;background-color: rgba(0, 0, 0, .55); position:fixed; left:50%; top:50%;transform: translate(-50%,-50%); z-index:100; width:80%;}
.vclose{ position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; font-size: 35px;color: #F48001;}

.index-title{width: 1300px; height: 90px; line-height: 50px; text-align: center; margin: 0 auto; color: #fff; font-size: 30px; font-weight: bold;}
.index-title.black{color: #333;}
.index-title::before, .index-title::after{width: 100px; height: 1px; border-top: 1px solid #fff; vertical-align: middle; content: ""; display: inline-block;}
.index-title.black::before, .index-title.black::after{border-top-color: #333;}
.index-title::before{margin-right: 30px;}
.index-title::after{margin-left: 20px;}
.index-title span{color: #F48001;}

.home-product{width: 100%; height: 1100px; background: url(../image/index_bg03.png) repeat-x center center #F8F8F8; box-sizing: border-box; padding: 100px 0; transition: all 0.5s;}
.home-product .pro-num{width: 1300px; height: 100px; line-height: 100px; margin: 40px auto 150px; display: flex;}
.home-product .pro-num .pro-num-item{flex: 1; text-align: center; font-size: 18px;}
.home-product .pro-num .pro-num-item span{font-size: 80px; color: #F48001;}
.home-product .pro-sort{overflow: hidden; width: 1300px; margin: 0 auto;}
.home-product .pro-sort .pro-sort-item{float: left; width: 244px; overflow: hidden;}
.home-product .pro-sort .pro-sort-item+.pro-sort-item{margin-left: 20px;}
.home-product .pro-sort .pro-sort-item a{display: block; position: relative;}
.home-product .pro-sort .pro-sort-item a img{width: 100%; transition: all 0.5s;}
.home-product .pro-sort .pro-sort-item a:hover img{transform: scale(1.05);}
.home-product .pro-sort .pro-sort-item a .pro-sort-name{text-align: center; font-size: 20px; color: #fff; line-height: 30px; position: absolute; left: 0; top: 50px; width: 100%;}
.home-product .pro-sort .pro-sort-item a .pro-sort-name span{display: block; font-size: 24px;}
.home-product .pro-sort .pro-sort-item a .pro-sort-more{border: 1px solid #fff; padding: 0 20px; color: #fff; position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); line-height: 35px; transition: all 0.5s;}
.home-product .pro-sort .pro-sort-item a:hover .pro-sort-more{background-color: #fff; color: #F48001;}


.home-case{width: 100%; height: 1080px; background: url(../image/index_bg04.png) no-repeat center center #000000; box-sizing: border-box; padding: 100px 0; transition: all 0.5s;}
.home-case .case-sort{width: 1300px; height: 40px; margin: 50px auto;}
.home-case .case-sort a{display: inline-block; margin-right: 20px; background-color: #fff; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; transition: all 0.3s;}
.home-case .case-sort a.active, .home-case .case-sort a:hover{background-color: #F48001; color: #fff;}
.home-case .case-sort a.more{float: right; color: #ccc; margin-right: 0; background-color: transparent; width: auto; font-size: 14px;}
.home-case .case-sort a.more:hover{color: #F48001;}
.home-case .home-case-focus{width: 100%; max-width: 1500px; margin: 0 auto;}
.home-case .home-case-focus .case-focus-item{display: block; position: relative; overflow: hidden;}
.home-case .home-case-focus .case-focus-item img{width: 100%; transition: all 0.5s;}
.home-case .home-case-focus .case-focus-item:hover img{transform: scale(1.05);}
.home-case .home-case-focus .case-focus-item .case-title{width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; height: 50px; line-height: 50px; font-size: 18px;}
.home-case-swiper .case-focus-item img{height: 731px;min-width: 100%;}


.home-news{background-color: #F8F8F8; padding: 100px 0; transition: all 0.5s;}
.home-news .news-more{width: 1300px; margin: 50px auto; text-align: right;}
.home-news .news-more a{transition: all 0.3s;}
.home-news .news-more a:hover{color: #F48001;}
.home-news .news-list{width: 1300px; margin: 0 auto 50px; overflow: hidden;}
.home-news .news-list .news-item{float: left; width: 400px;}
.home-news .news-list .news-item+.news-item{margin-left: 50px;}
.home-news .news-list .news-item .news-item-img{width: 100%; overflow: hidden;}
.home-news .news-list .news-item .news-item-img img{width: 100%; height: 222px; transition: all 0.5s;}
.home-news .news-list .news-item .news-item-img:hover img{transform: scale(1.05);}
.home-news .news-list .news-item .news-item-title{height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: bold; margin-top: 10px;}
.home-news .news-list .news-item .news-item-desc{height: 30px; line-height: 30px; color: #808080; margin-top: 5px; overflow: hidden;}
.home-news .news-list .news-item a{display: inline-block; border: 1px solid #F48001; color: #F48001; transition: all 0.3s; padding: 0 20px; height: 35px; line-height: 35px; margin-top: 10px;}
.home-news .news-list .news-item a:hover{background-color: #F48001; color: #fff;}


.home-contact{width: 100%; background: url(../image/index_bg05.png) no-repeat center center #F48001; overflow: hidden; box-sizing: border-box; padding: 90px 0; transition: all 0.5s;}
.home-contact .home-contact-c{width: 1300px; margin: 0 auto; background-color: #fff; overflow: hidden;display: flex;}
.home-contact .home-contact-c .home-contact-txt{ padding: 50px; position: relative;}
.home-contact .home-contact-c .home-contact-txt .home-contact-t{line-height: 40px; font-size: 24px; padding-bottom: 20px;}
.home-contact .home-contact-c .home-contact-txt p{line-height: 25px; margin-top: 15px; display: flex;}
.home-contact .home-contact-c .home-contact-img img{width: 100%;}

.pro-main{margin-top: 25px;}
.pro-cate{width: 245px;margin-right: 50px;}
.pro-cate-items{border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.pro-cate-items:last-child{border-bottom: 0 none;}
.pro-cate a{display: block;}
.pro-cate dt{font-weight: 800;line-height: 2.2;font-size: 120%;}
.pro-cate dd{padding-left: 10px;line-height: 2.2;}
.pro-cate dd a{color: #808080;}
.pro-cate a:hover,.pro-cate dd.selected a,.pro-cate dt.selected a{color: #F48001;}
.pro-cate dd .fa{padding-right: 5px;}
.pro-cate dd a:hover .fa::before{content: "\f192";}
.pro-cate dt.selected .fa::before,.pro-cate dd.selected .fa::before{content: "\f111";}
.pro-content-col{padding: 0 5px;margin-bottom: 10px;overflow: hidden;}
.pro-content-col a{display: block;}
.pro-content-col-image{overflow: hidden;background: #ffffff;padding: 30px;}
.pro-content-col-image img{max-width: 100%;}
.pro-content-col-name{background-color: #F1F1F1;padding: 10px 0;text-align: center;transition: all 0.5s;}
.pro-content-col a:hover .pro-content-col-name{background-color: #F48001;color: #ffffff;}
.pro-main-thumbs{margin: 40px auto 10px}
.pro-main-tabs{border: solid #ccc;border-width: 1px 0;padding: 0 10px;}
.pro-info-thumbs{width: 36%;margin-right: 25px;}
.pro-main-tabs .pro-tab-c .pro-tab-r .pro-tab-item{padding: 0 30px; height: 38px; line-height: 38px; cursor: pointer; display: inline-block; transition: all 0.3s;}
.pro-main-tabs .pro-tab-c .pro-tab-r .pro-tab-item.active{background-color: #F48001; color: #fff;}
.pro-main-tabs .pro-tab-c .pro-tab-r .pro-tab-item:hover{color: #F48001;}
.pro-main-tabs .pro-tab-c .pro-tab-r .pro-tab-item.active:hover{color: #fff;}
.pro-info{display: none;}
.pro-info_0{display: block;}
.pro-info-t{font-size: 210%;color: #333333;}
.pro-info-txt{font-size: 125%;padding: 30px 0 50px 0;}
.pro-info-link{height: 40px; text-align: right; margin-top: 50px;border-top: 1px dashed #D4D4D4;padding-top: 50px;}
.pro-info-link a.contact-link{background-color: #F48001; color: #fff; height: 40px; line-height: 40px; padding: 0 40px; display: inline-block;}

.content-tags{margin-bottom: 15px;}
.content-tags .search{border: 1px solid #ccc; height: 33px; line-height: 33px; background-color: #fff; overflow: hidden; width: 270px;}
.content-tags .search form{width: 270px;display: block;}
.content-tags .search::before{content: "\f002"; color: #707070; float: left; height: 33px; line-height: 33px; width: 20px; text-align: center; margin-left: 5px;}
.content-tags .search input{float: left; width: 180px; height: 33px; line-height: 33px; margin-left: 5px;}
.content-tags .search button{float: right; width: 60px; height: 33px;padding: 0;border-radius: 0; background-color: #F48001; color: #fff; cursor: pointer;border: 0 none;}


.news-content{background-color: #ffffff;min-height: 527px;}
.news-content-title{padding: 15px 25px 15px;border-bottom: 1px solid #F8F8F8;}
.news-content-main{margin: 15px 25px 15px;overflow: hidden;}

.news-pages{margin: 15px -5px 0;}
.news-cate{overflow: hidden;zoom: 1;}
.news-cate-items{}
.news-cate-items dd a{border: 1px solid #808080;height: 40px; line-height: 40px; padding: 0 40px;display: inline-block;}
.news-cate-items dd.selected a{background-color: #F48001; color: #fff;border-color: #F48001;}
.news-cate-items dd{float: left;margin-right: 10px;}
.news-pages-items{margin: 5px 5px;background-color: #F1F1F1;}
.news-pages-items-title{font-size: 120%;}
.news-pages-items-title,.news-pages-items-desc{padding:5px 20px;}
.news-pages-items a{display: block;}
.news-pages-items-href{margin: 10px 20px;border-top: 1px dashed #D4D4D4;padding-top: 10px;}

.brands-content{width: 720px;background-color: transparent;}
.brands-row{overflow: hidden; min-height: 500px;}
.brands-col{width: 160px; overflow: hidden; float: left; margin: 0 0px 20px 20px; background-color: #fff;}
.brands-col-img{display:block;height: 100px;overflow: hidden;background: #fff;}
.brands-col-name{display:block;color: #333333;padding: 5px;font-weight: bold;text-align: center;height: 52px;}
.brands-row-title{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #333333;}

.about-title{text-align: center;font-size: 200%;padding: 20px;}
.about-banner{position: relative;}
.about-banner::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0, 0, 0, .001);}
.about-con{width: 100%; height: 510px; background: url(../image/about-bg01.png) no-repeat center center; transition: all 0.5s;}
.about-con .about-c{width: 1300px; height: 510px; margin: 0 auto; overflow: hidden;}
.about-con .about-c .about-img{float: left; margin-top: 65px; width: 645px; height: 380px;}
.about-con .about-c .about-img img{width: 100%; height: 100%;}
.about-con .about-c .about-r{width: 605px; float: right; padding-left: 50px; overflow: hidden;}
.about-con .about-c .about-r .about-t{height: 55px; border-left: 5px solid #F48001; line-height: 25px; font-size: 20px; padding-left: 15px; margin-top: 65px; margin-bottom: 50px;}
.about-con .about-c .about-r .about-t span{font-size: 16px; color: #808080; display: block; margin-top: 5px;}
.about-con .about-c .about-r p{line-height: 30px;}
.about-historylist{overflow: hidden; width: 1300px; margin: 0 auto;}
.about-historylist li{overflow: hidden; margin-bottom: 100px; transition: all 0.5s;}
.about-historylist li .about-history-img{float: left; width: 550px; margin: 0 50px; box-sizing: border-box; overflow: hidden;}
.about-historylist li:nth-child(even) .about-history-img{float: right;}
.about-historylist li .about-history-img img{width: 100%; transition: all 0.5s;}
.about-historylist li .about-history-img:hover img{transform: scale(1.05);}
.about-historylist li .about-history-info{float: right; width: 650px;}
.about-historylist li:nth-child(even) .about-history-info{float: left;}
.about-historylist li .about-history-info .about-history-title{font-size: 24px; font-weight: bold; border-bottom: 1px solid #F48001; position: relative; padding: 0 50px 30px;}
.about-historylist li:nth-child(even) .about-history-info .about-history-title{text-align: right;}
.about-historylist li .about-history-info .about-history-title::before{width: 25%; height: 6px; background-color: #F48001; position: absolute; bottom: -3px; content: ""; display: block; border-radius: 3px;}
.about-historylist li:nth-child(odd) .about-history-info .about-history-title::before{left: 0;}
.about-historylist li:nth-child(even) .about-history-info .about-history-title::before{right: 0;}
.about-historylist li .about-history-info .about-history-title::after{width: 20px; height: 20px; border-radius: 100%; background-color: #F48001; position: absolute; bottom: -10px; content: ""; display: block;}
.about-historylist li:nth-child(odd) .about-history-info .about-history-title::after{left: 0;}
.about-historylist li:nth-child(even) .about-history-info .about-history-title::after{right: 0;}
.about-historylist li .about-history-info .about-history-txt{line-height: 25px; padding: 50px;}
.about-team .about-title{color: #ffffff;padding: 60px 20px 40px;}
.about-team{width: 100%; height: 295px; background: url(../image/about-bg02.png) no-repeat center center; overflow: hidden; transition: all 0.5s;}
.about-team .about-team-txt{line-height: 25px; width: 1300px; margin: 0 auto; color: #fff;}
.about-hz{width: 100%; height: 535px; background: url(../image/about-bg03.png) no-repeat center bottom; overflow: hidden; transition: all 0.5s;}
.about-hz-t{color: #F48001; font-size: 30px; font-weight: bold; text-align: center; width: 1300px; margin: 100px auto 0;}
.about-hz-f{text-align: center; width: 1300px; margin: 50px auto 0;}
.about-hz-c{width: 1300px; margin: 100px auto 0; display: flex;}
.about-hz-c .about-hz-item{flex: 1; border-right: 1px dashed #333; color: #F48001; font-size: 30px; font-weight: bold; text-align: center; height: 50px; line-height: 50px;}
.about-hz-c .about-hz-item:last-child{border-right: none;}
.news-pages-items a .news-pages-items-thumb{width: 100%; height: 300px; line-height: 300px;overflow: hidden;}
.news-pages-items a .news-pages-items-thumb img{width: 100%; height: 100%;object-fit: cover;}
.about-honor .swiper-slide img{width: 100%; height: 300px;}

.contact-main{background:#F48001 url(../image/index_bg05.png) no-repeat center;padding: 135px 20px 95px;margin-top: -25px;background-size: cover;}
.contact-main .news-content{min-height: 543px;}

.footer{padding: 15px 0;margin: 0 auto;display: flex;align-items: center;background-color: #ffffff;margin-top: 15px;}
.footer .main{display: flex;align-items: center;width: 1300px;}
.footer-tel{padding-left: 100px;}
.footer-tel span{color: #F48001;}

@media screen and (max-width:769px) {
    html{min-width: 100%;overflow-x: hidden;}
    .main.flex{display: block;}
    .main,.header .main{width: 100%;max-width: 100%;padding-left: 10px;padding-right: 10px;}
    .header{display: block;}
    .header .main.flex{display: flex;}
    .header .logo{position: relative;pointer-events: none;padding-right: 70px;width: 75%;}
    .header .mobile .mobile-button{display: block;text-align: right;padding-right: 10px;}
    .mobile-button{font-size: 25px;text-align: right;display: block;color: #F48001;}
    .header .menu{text-align: center;}
    .header .menu .menu-list{display: block;height: auto;position: absolute;top:0;right: 0;margin-right:-10px;background-color: #ffffff;width: 35vw;}
    .header .menu,.header .subnav,.header .menu li:hover .subnav{display: none;position: relative;}
    .menu .menu-list-items:last-child{display: none;}
    .menu, .header .mobile{padding: 0;}
    .banner-container-top,.banner-container-text{font-size: 4vw;}
    .banner-container-top{top: -17px;left: 5vw;}
    .menu .menu-list-items a{line-height: 2.5;}
    .header+.banner{margin-top: 55px;}

    .home-banner{height: 201px;background-size: auto 112%;}
    .home-video{height: 125vw;}
    .home-product,.home-case{height: auto;}
    .home-video,.home-product,.home-case,.home-news{padding: 10vw 0;}
    .home-banner-icon,.home-case .case-sort .more{display: none;}
    .home-product .pro-sort,.home-case .case-sort,.home-case .home-case-focus,.home-news .news-list{width: 90vw;}
    
    .home-banner .home-banner-con .home-banner-t{font-size: 5vw;}
    .home-banner .home-banner-con .home-banner-t span+span{margin-left:2vw}
    .home-banner .home-banner-con p{font-size: 4vw;margin-top: 8vw;padding: 0 3vw;}
    .home-title,.index-title{width: 100vw;height: 10vw;line-height: 10vw;box-sizing: border-box;padding: 0 5vw;font-size: 5vw;}
    .home-title::before,.home-title::after,.index-title::before,.index-title::after{display: none;}
    .home-video-swiper{width: 90%;margin-top: 14vw;}
    .home-video-swiper .swiper-button-next,.home-video-swiper .swiper-button-prev,
    .home-case-focus .swiper-button-next,.home-case-focus .swiper-button-prev{display: none;}
    .home-banner-text{width: 95%;}
    .home-product .pro-num{width: 90vw; height: auto; line-height: 12.5vw; margin: 10vw auto; flex-wrap: wrap;}
    .home-product .pro-num .pro-num-item{flex: 50%; font-size: 4vw; margin-bottom: 2.5vw;}
    .home-product .pro-num .pro-num-item span{font-size: 12.5vw;}
    .home-product .pro-sort{width: 90vw;}
    .home-product .pro-sort .pro-sort-item{width:42.5vw; height: 35vw; margin-bottom: 5vw;}
    .home-product .pro-sort .pro-sort-item:first-child{width: 100%;}
    .home-product .pro-sort .pro-sort-item:nth-child(2n){margin-right: 5vw;}
    .home-product .pro-sort .pro-sort-item a{height: 100%; overflow: hidden;}
    .home-product .pro-sort .pro-sort-item a .pro-sort-name{line-height: 8vw; top: 50%; transform: translateY(-50%); font-size: 3vw;}
    .home-product .pro-sort .pro-sort-item a .pro-sort-name span{font-size: 5vw;}
    .home-product .pro-sort .pro-sort-item a .pro-sort-more{display: none;}
    .home-product .pro-sort .pro-sort-item+.pro-sort-item{margin-left: 0;}
    .home-case-swiper .case-focus-item img{height: 200px;}
    .home-case .case-sort{display: flex;}
    .home-case .case-sort a{font-size: 3vw; height: 10vw; line-height: 10vw; margin-right: 0; width: auto; flex: 1;}
    .home-case .case-sort a+a{margin-left: 1vw;}
    .home-news{padding-bottom: 0;}
    .home-news .news-list{margin-top: 10vw;}
    .home-news .news-list .news-item{float: none;width: 100%;margin-bottom: 10vw;background-color: #ffffff;overflow: hidden;}
    .home-news .news-list .news-item+.news-item{margin-left: 0;}
    .home-news .news-list .news-item .news-item-img{float: left;width: 35vw;height: 35vw;overflow:hidden;margin-right: 5vw;background-color: #ffffff;}
    .home-news .news-list .news-item .news-item-img img{height: 35vw;}
    .home-news .news-list .news-item .news-item-title{font-size: 4vw;}
    .home-news .news-list .news-item .news-item-desc{height: 12vw;padding-right:2vw;line-height: 6vw;font-size: 3vw;margin-top: 0;}
    .home-news .news-list .news-item a{height: 6vw;line-height: 6vw;margin-top: 2.5vw;}
    .home-contact .home-contact-c{background: none;width: 100%;color: #ffffff;}
    .home-contact .home-contact-c .home-contact-img{display: none;}


    .pro-cate{width: 100%;margin-right: 0;background-color: #ffffff;padding: 10px;}
    .pro-cate-items{overflow: hidden;zoom: 1;}
    .pro-cate-items dt{display: block;}
    .pro-cate-items dd{float: left;width: calc(50% - 10px);margin-right: 10px;background-color: #E4E4E4;margin-bottom: 10px;}
    .pro-cate-items dd a i{display: none;}
    .pro-content{padding-top: 10vw;}
    .pro-content-row{display: flex;flex-wrap: wrap;}
    .pro-content-col{width: 50%;}
    .pro-content-col-image{width: calc((100vw - 20px) / 2 - 10px);height: calc((100vw - 20px) / 2 - 10px);padding: 10px;}
    .pro-content-col-image img{max-width: 100%;}
    .pro-home .pro-content,.pro-cate{display: none;}
    .pro-home .pro-cate,.pro-info,.news-cate,.news-pages{display: block;}
    .pro-info-thumbs{width: 100%;}
    .pro-info-link{margin: 10px 0;padding-top: 10px;}
    .pro-info-link a.contact-link{display: block;text-align: center;}
    .pro-main-tabs{display: none !important;}
    .pro-content{background-color: #ffffff;margin-bottom: 10px;padding: 10px;}
    .news-content{margin-top: 10px;}

    .news-cate-items{display: flex;}
    .news-cate-items dd{float: none;flex: 1;margin-right: 0;}
    .news-cate-items dd a{padding: 0;text-align: center;display: block;border-width: 0;background-color: #ffffff;}
    .news-pages-items{width: 100%; float: none; overflow: hidden; margin: 5vw 0 0; background-color: #fff;}
    .news-pages-items a .news-pages-items-thumb{width: 35vw; height: 35vw; line-height: 35vw; float: left; margin-right: 5vw;}
    .news-pages-items a .news-pages-items-thumb img{width: 100%; height: 100%;object-fit: cover;}
    .news-pages-items a .newslist-info{padding: 0 5vw 0 0; height: 35vw;}
    .news-pages-items a .newslist-info .newslist-title{height: 10vw; line-height: 10vw; overflow: hidden; margin: 0; font-size: 4vw;}
    .news-pages-items a .newslist-info .newslist-desc{height: 12vw; line-height: 6vw; font-size: 3vw; margin-top: 0;}
    .news-pages-items a .newslist-info .newslist-view{height: 8vw; line-height: 8vw; margin-top: 2.5vw; padding-top: 0;}
    .news-pages-items:nth-child(3n-1){margin: 5vw 0 0;}
    .news-pages-items-title, .news-pages-items-desc{height: 40px;overflow: hidden;padding-left: 0;padding-left: 0;}
    .news-pages-items-title{height: 30px;text-overflow: ellipsis;white-space: nowrap;}
    .news-content-main img{max-width: 100% !important;height: auto !important;}

    .about-con{height: auto; background: #fff;}
    .about-con .about-c{width: 100%; height: auto; padding-bottom: 5vw;}
    .about-con .about-c .about-img{float: none; margin: 0; width: 100%; height: auto; background: url(../image/about-bg01.png) no-repeat left top; padding: 5vw; box-sizing: border-box;}
    .about-con .about-c .about-r{float: none; width: 90vw; padding: 0 5vw; margin: 0 auto; background-color: #fff;}
    .about-con .about-c .about-r .about-t{margin: 5vw 0; padding-left: 5vw; font-size: 6vw; line-height: 5vw; height: auto;}
    .about-con .about-c .about-r .about-t span{margin-top: 2.5vw; font-size: 4vw;}
    .about-con .about-c .about-r p{text-indent: 2em;}
    .about-honor{width: 90vw; margin: 5vw auto;}
    .about-title{width: 90vw; margin: 5vw auto; font-size: 6vw;}
    .about-honor .jad-carousel-container{width: 100%;}
    .about-honor .jad-carousel-list{width: 50%;}
    .about-honor .about-honor-item .about-honor-img{width: calc(100% - 6px); height: auto; overflow: hidden;}
    .about-honor .about-honor-item .about-honor-img img{width: 100%; height: auto;}
    .about-honor .about-honor-item .about-honor-view{display: none;}
    .about-honor .about-honor-item .about-honor-info{padding: 0 2.5vw; width: 100%; font-size: 3vw; height: 15vw; line-height: 7.5vw; box-sizing: border-box;}
    .about-historylist{width: 90vw;}
    .about-historylist li{margin-bottom: 5vw;}
    .about-historylist li .about-history-img{margin: 0; width: 40vw;}
    .about-historylist li .about-history-info{width: 45vw;}
    .about-historylist li .about-history-info .about-history-title{padding: 0 0 5vw; font-size: 4vw; line-height: 7vw; height: auto;}
    .about-historylist li .about-history-info .about-history-txt{padding: 2.5vw 0 0; font-size: 3vw; line-height: 7vw;}
    .about-team{height: auto; padding: 0vw 0 10vw;}
    .about-team .about-team-txt{width: 90vw; line-height: 7vw; text-indent: 2em;}
    .about-hz{height: auto;}
    .about-hz-t{width: 90vw; height: 10vw; line-height: 10vw; font-size: 5vw; margin: 10vw auto 0;}
    .about-hz-f{width: 90vw; line-height: 7vw; margin: 5vw auto 0;}
    .about-hz-c{width: 90vw; margin: 10vw auto; flex-wrap: wrap;}
    .about-hz-c .about-hz-item{flex: 45%; font-size: 6vw; line-height: 10vw; height: 10vw; border-right: none; margin-bottom: 2.5vw;}
    .about-hz-c .about-hz-item:nth-child(2){border-right: none;}
    .brands-content{width: 100%;}
    .brands-col{width: 140px;height: auto;}
    .brands-col-img{display:block;width: 140px;height: 70px;}
    .brands-col-name{display:block;color: #333333;}
    .contact-main{background-size: auto 100%;}
    .contact-main .news-content{min-height: auto;}
    .content-tags{display: block;}
    .content-names{padding-bottom: 10px;}
    .brands-main .news-content{min-height: auto;}

    .footer .main{display: block;width: 90vw;text-align: center;}
    .footer .footer-tel{padding: 0;}
}