@charset "utf-8";

/*1024px*/
@media (min-width:1024px) {

/* --- 公用样式 --- */
.pc{display:block;}
.wap{display:none;}
.wrap{max-width:1200px; margin:0 auto;}
.flex{display: flex; align-items: center; flex-wrap: wrap;}

/* header */
.page_header{height:90px;}
.page_header.float{position: fixed; left: 0; top: 0; width: 100%; background: #fff; background-color:rgba(255,255,255,0.6); z-index: 999;  box-shadow: 0 1px 8px rgba(0,0,0,0.2);}
.page_header .wrap{height: 100%;}

/* nav 
.page_nav{ margin-left: auto;}
.page_nav li{width: 100px; height: 32px; text-align: center; line-height: 32px;}
.page_nav li.active{background: #DB3717; color: #fff; border-radius: 4px;}
*/
	
/* nav */
.page_nav{ margin-left: auto;z-index: 100;}
.page_nav li{width: 100px; text-align: center; height: 90px; display: flex; align-items: center;}
.page_nav li .show{line-height: 32px; height: 32px; width: 100px;}
.page_nav li .show a{height: 32px; display: block; line-height: 32px; }
.page_nav li .pop{background: rgba(219,55,23,0.8); position: absolute; left: 0; top: 90px; height: 407px; width: 100%; display: none;}
.page_nav li .list{width: 30%;}
.page_nav li .list .item{height: 40px; line-height: 40px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.page_nav li .list .item a{color: #fff; display: block; font-size: 16px; border-radius: 4px; background: url(../images/arrow-white.svg) no-repeat  96% center; background-size: 20px 20px;}
.page_nav li .list .item a:hover{color: #212121; background: url(../images/arrow-red.svg) no-repeat 96% center #fff; background-size: 20px 20px;}
.page_nav li .pic{width: 64%; margin-left: auto; position: relative;}
.page_nav li .pic img{max-width: 100%;}
.page_nav li .pic .text{position: absolute; bottom: 0; left: 0; width: 100%; background-color:rgba(0,0,0,0.5); padding: 16px 0; color: #fff;}

.page_nav li.active .show a{background: #DB3717; color: #fff; border-radius: 4px;}
.page_nav li:hover .pop{display: block;}
.page_nav li:hover .show a{background: #DB3717; color: #fff; border-radius: 4px;}


/* .page_nav li .hide{position: absolute; left: -50px; top:90px; background: #fff; width: 200px; text-align: center; border-radius: 8px; display: none; overflow: hidden;}
.page_nav li .hide a{display: block; line-height:50px; border-bottom: 1px solid #efefef; font-size: 14px; color: #333;}
.page_nav li .hide a:last-child{border-bottom: none;}

.page_nav li:hover .hide a:hover{background: #DB3717; color: #fff; }
 */
	
	
	
	
/* column */
.page_column{text-align: center; padding: 80px 0; padding-bottom: 32px;}
.page_column h3{font-size: 42px; color: #DB3717; font-weight: bolder; margin-bottom: 16px;}
.page_column .text{color: #999; font-size: 14px;}
.page_column .line{width: 64px; height: 1px; background: #DB3717; margin: 25px auto; display: block;}

/* footer */
.page_footer{background: #333; margin-top: 80px; padding: 40px 0;}
.page_footer .wrap{display: flex;}
.page_footer .sitemap{display: flex; width: 50%;}
.page_footer .sitemap dl{color: #fff; margin-right: 75px;  }
.page_footer .sitemap dt{color: #999; margin-bottom: 8px; font-weight:bolder; font-size: 16px;color:#fff;}
.page_footer .sitemap dd em{display: block; line-height: 250%;}
	.page_footer .sitemap dd a{color:#999;}
	.page_footer .sitemap dd a:hover{color:#fff;}
.page_footer .qrcode{color: #999;}
.page_footer .qrcode .text{ margin-top: 8px;}
.page_footer .message{ width: 30%; margin-left: auto;}
.page_footer .message li{margin-bottom: 12px;}
.page_footer .message input{width: 100%; border: none; padding-left: 8px; height: 40px; line-height: 40px; border-radius: 4px;}
.page_footer .message textarea{width: 100%; border: none; padding-left: 8px; height: 125px; border-radius: 4px;}
.page_footer .message button{padding: 8px 16px; background: #DB3717; color: #fff; border: none; border-radius: 4px;}

/* copyright */
.page_copyright{text-align: center; background: #212121; padding: 16px; color: #666;}

/* showpage */
.page_showpage{margin-top:50px; margin-bottom:50px; text-align:center; }
.page_showpage .wrap{justify-content: center;}
.page_showpage a{ border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:5px; margin-right:8px;}
.page_showpage a.now{ background:#DB3717; color:#fff; border:1px solid #DB3717; }
.page_showpage a:hover{ background:#DB3717; color:#fff; border:1px solid #DB3717; }




/* --- home --- */
.page_brand{background:#DB3717; width: 290px; height: 400px;}

/* banner */
 
	
.home_banner{}
.home_banner .swiper-pagination-bullet{background: #fff;}
.home_banner .arrow{position: absolute; top: 22%; z-index: 99; background: #; padding: 30px 8px; cursor: pointer; opacity: .8; transition: all .3s;}
.home_banner .arrow img{width: 40px;}
.home_banner .arrow:hover{opacity: 1;}
.home_banner .swiper_prev{left: 0; border-radius: 0 8px 8px 0;}
.home_banner .swiper_next{right: 0; border-radius: 8px 0 0 8px;}	
	
	
	

/* about */
	
.home_about{margin-top: 60px;}
.home_about .left{width: 70%;}
.home_about .content{color: #999; font-size: 16px; margin-bottom: 80px; text-align: left; position: relative; padding-top: 100px;} 
.home_about .content .title{font-size: 42px;font-weight: bold;color: #DB3717; margin-bottom: 16px;}
.home_about .page_brand{position: absolute; right: 0; top: 20px; display: flex; align-items: center; justify-content: center;}
	
.home_about .other{ background: #f9f9f9; padding: 50px 0;}
.home_about .video{width: 458px; height: 256px;}
.home_about .video video{width: 100%; border-radius: 4px;}
.home_about .list {width: calc(100% - 459px); padding: 0 3%;}
.home_about .list dl{width: 25%; text-align: center;}
.home_about .list dl dt{border: 1px solid #ccc; border-radius: 100px; margin: 0 auto; margin-bottom: 16px; width: 80px; height: 80px; transition: all .3s;}
.home_about .list dl dd h3{margin-bottom: 8px; color: #DB3717;}
.home_about .list dl dd i{width: 16px; height: 1px; background: #ccc; display: block; margin: 12px auto; }
.home_about .list dl:nth-child(1) dt{background:url(../images/about_01.svg) no-repeat center center; background-size: 40px 40px;}
.home_about .list dl:nth-child(2) dt{background:url(../images/about_02.svg) no-repeat center center; background-size: 40px 40px;}
.home_about .list dl:nth-child(3) dt{background:url(../images/about_03.svg) no-repeat center center; background-size: 40px 40px;}
.home_about .list dl:nth-child(4) dt{background:url(../images/about_04.svg) no-repeat center center; background-size: 40px 40px;}
.home_about .list dl:nth-child(1):hover dt{background:url(../images/about_01_hover.svg) no-repeat center center #DB3717; border: 1px solid #DB3717; background-size: 40px 40px; }
.home_about .list dl:nth-child(2):hover dt{background:url(../images/about_02_hover.svg) no-repeat center center #DB3717; border: 1px solid #DB3717;  background-size: 40px 40px;}
.home_about .list dl:nth-child(3):hover dt{background:url(../images/about_03_hover.svg) no-repeat center center #DB3717; border: 1px solid #DB3717; background-size: 40px 40px;  background-size: 40px 40px;}
.home_about .list dl:nth-child(4):hover dt{background:url(../images/about_04_hover.svg) no-repeat center center #DB3717; border: 1px solid #DB3717;  background-size: 40px 40px;}

/* hot */
.home_hot{background: url(../images/home_product.jpg) no-repeat center center; height: 600px; background-size: cover; margin-top: 32px; position: relative;}
.home_hot::after{content: ""; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.home_hot .list{padding-top: 64px;}
.home_hot .swiper{padding-bottom: 64px;}
.home_hot .item{background: #fff; text-align: center; margin: 0 12px; border-radius: 4px;}
.home_hot .item .pic{padding: 8px; padding-bottom: 0;}
.home_hot .item .title{line-height: 64px; }
.home_hot .swiper-pagination-bullet{background: #fff;}

/* case */
.home_case{margin-top: 0px;}
.home_case .case_column{width: 28%; background: url(../images/home_case_column.jpg) no-repeat center; text-align: center; height: 370px; background-size: cover; position: relative; justify-content: center;}
.home_case .case_column::before{content:""; border: 1px solid #fff; position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 9;}
.home_case .case_column::after{content: ""; background: #DB3717; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .8;}
.home_case .case_column .box{position: relative; z-index: 98;}
.home_case .case_column .box h3{font-size: 32px; color: #fff; font-weight: bolder; margin-bottom: 16px;}
.home_case .case_column .box p{color: #fff; margin-bottom: 32px;}
.home_case .case_column .box a{color: #fff; border: 1px solid #fff; padding: 4px 12px;}
.home_case .case_column .box a:hover{background: #fff; color: #212121;}
.home_case .case_list{width: 72%;}
.home_case .case_list .item{width: 50%; position: relative;}
.home_case .case_list .item .text{position: absolute; left: 0; top: 0;  background-color:rgba(0,0,0,0.5); width: 100%; height: 100%; justify-content: center; transition: all .3s;}
.home_case .case_list .item .text p{color: #fff; border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px;}
.home_case .case_list .item:hover .text{opacity: 0;}

/* pro */
.home_product{ margin-top: 80px;margin-bottom: 240px;}
/* .home_product .product_column{text-align: center; margin-bottom: 100px; position: relative;}
.home_product .product_column h3{font-size: 32px; margin-bottom: 20px;}
.home_product .product_column p{color: #999;}
.home_product .product_brand{position: absolute; right: 0; top: -100px;}
 
	
.home_product .bd{margin-top: 32px;}
.home_product .bd .item{width: 32.3%; margin-left: 1.33333%; text-align: center;}
.home_product .bd .item:nth-child(3n+1){margin-left: 0;}
.home_product .bd .text{padding: 16px 0;}*/
	
	
	
.home_product .product_column{text-align: left; margin-bottom: 100px; position: relative;}
.home_product .product_column h3{font-size: 42px;color:#DB3717;font-weight: bold;margin-bottom: 20px;}
.home_product .product_column p{color: #999;}
.home_product .product_brand{position: absolute; right: 0; top: 0;}
.home_product .bd{margin-top: 90px;}
.home_product .bd .box{
        -moz-columns: 4;
        -webkit-columns: 4;
        columns: 4;
        -moz-column-gap: 10px;
        -webkit-column-gap: 10px;
        column-gap: 10px;
        -moz-column-rule: 1px outset #fff;
        -webkit-column-rule: 1px outset #fff;
        column-rule: 1px outset #fff;}
.home_product .bd .item{text-align: center; margin-bottom: 10px;}
.home_product .bd .text{padding: 16px 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; display: flex; align-items: center; justify-content: center;  transition: all .3s;}
.home_product .bd .item a{width: 100%; height: 100%; display: block; position: relative;}
.home_product .bd .item img{width: 100%;}
.home_product .bd .item:hover .text{background-color:rgba(0,0,0,0.5);}
.home_product .bd .item:hover a{color: #fff;}
	

/* hd */
/* hd */
.home_hd{background: #f5f5f5; height: 72px; }
.home_hd ul{height: 100%; position: relative;}
.home_hd .page_brand{position: absolute; left: 0; top: -290px;}
.home_hd li{height: 32px; line-height: 32px; cursor: pointer; color: #666; margin-right: 35px;}
.home_hd li.on{color: #DB3717; position: relative;}
.home_hd li.on::after{content: ""; background: #DB3717; height: 3px; bottom: -19px; left: 0; position: absolute; height: 1px; width: 100%;}
.home_hd li.xinwen{margin-left: 330px;}

/* news */
/* news */
	.home_news .flex{align-items:flex-start }
.home_news .column{padding-left: 330px;   margin-bottom: 64px;} 
.home_news .column h3{font-size: 42px;color:#DB3717; font-weight: bold; text-align:right;  margin-bottom: 20px;}
.home_news .column p{color: #999;text-align:right;}
.home_news .item{width: 257px;  margin-left: 55px}
.home_news .item:nth-child(4n+1){margin-left: 0;}
.home_news .item .pic{margin-top: 16px;}
.home_news .item .date{color: #999; font-size: 12px;}
.home_news .item .title{font-size: 16px; margin-bottom: 4px;}
.home_news .item .line{width: 30px; height: 2px; background: #212121; margin: 10px 0;}
.home_news .item .dep{color: #999; font-size: 12px;}
.home_news .item .pic img{width: 100%;}





/* --- inner --- */

/* banner */
.inner_banner{height: 500px; position: relative;overflow: hidden; z-index: 99;}
.inner_banner .pic{height: 100%;}
.inner_banner .box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; text-align: center; flex-flow: column; background: rgba(0,0,0,0.5);}
.inner_banner .content{background: #DB3717; padding: 32px 64px; border-radius: 10px 10px 0px 0px; color: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);; position: relative; }
.inner_banner .content h3{font-size: 32px; color: #fff; font-weight: bolder; margin-bottom: 16px; }
.inner_banner .content i{width: 32px; height: 1px; background: #fff; display: block;  margin: 20px auto;}
.inner_banner .content .text{font-size: 18px;}
.inner_banner .dep{color: #fff; margin-top: 32px; font-size: 16px; text-shadow: 0 2px 2px rgba(0,0,0,0.5);}

/* path */
.inner_path{padding: 20px 0; color: #999; border-bottom: 1px solid #efefef;}

/* tab */
.inner_tab {margin: 40px 0;}
.inner_tab ul{justify-content: center;}
.inner_tab li{margin: 0 12px;}
.inner_tab li a{padding: 8px 16px; border-radius: 4px;}
.inner_tab li a.active{background: #DB3717; color: #fff;}

/* show : content */
.show_content{margin: 80px 0;}
.show_content .pic{width: 590px; background: #f9f9f9; padding: 16px;}
.show_content .pic .big{margin-bottom: 16px; text-align: center;}
.show_content .pic .big img{border: 4px solid #fff;}
.show_content .pic .small img{border: 4px solid #fff;}
.show_content .pic .swiper-button-prev{color: #DB3717;}
.show_content .pic .swiper-button-next{color: #DB3717;}
.show_content .pic .small .swiper-slide-thumb-active img{border: 4px solid #DB3717;}
.show_content .box{width: calc(100% - 640px); margin-left: auto;}
.show_content .box h1{font-size:18px; color: #DB3717;}
.show_content .box .line{width: 64px; height: 1px; background: #DB3717; margin-top: 20px; margin-bottom: 20px;}
.show_content .box .content p{line-height: 250%;}
.show_content .box .money{border: 2px solid #DB3717; border-radius: 4px; width: 160px; text-align: center; color: #DB3717; padding: 12px 0; margin-top: 30px; cursor: pointer; transition: all .3s; font-size: 16px;}
.show_content .box .money:hover{background: #DB3717; color: #fff;}

/* show : box */
.show_box .hd{border-bottom: 1px solid #efefef;}
.show_box .hd li{width: 160px; text-align: center; height: 56px; line-height: 56px; cursor: pointer; color: #666; font-size: 16px;}
.show_box .hd li.on{background: #DB3717; color: #fff; border-radius: 4px 4px 0 0;}
.show_box .bd{margin-top: 40px; text-align: center;}
.show_box .download li{ background: url(../images/icon_pdf.svg) no-repeat 0 center; width: 33.333%; text-align: left; padding-left: 40px; margin-bottom: 32px; font-size: 16px;}
	.show_box .box,.show_box .box p{font-size: 16px; text-align: left;line-height: 200%;}
	
/* pro : list */
.pro_list {margin-top: 60px;}
.pro_list li{width: 33.333%;padding: 10px; text-align: center; margin-bottom: 40px;}
.pro_list li .box{justify-content: center;}
.pro_list li .box a{padding: 16px; background: #f9f9f9; padding-bottom: 0; border-radius: 4px;}
.pro_list li .box .pic{border: 2px solid #fff;}
.pro_list li .box .text{padding: 16px 0;}
.pro_list li:hover .box a{background: #DB3717; color: #fff;}

/* goods : list */
.goods_list li{width: 25%; text-align: center; margin-bottom: 32px;}
.goods_list li .pic{border: 1px solid #efefef; padding: 8px; margin-bottom: 16px; transition: all .3s; overflow: hidden; background: #fff; border-radius: 4px; margin:10px;}
.goods_list li:hover .pic{ border: 1px solid #DB3717; box-shadow: 0px 5px 30px #f5f5f5;}

/* about */
.about_box .content{width: 80%; margin: 0 auto;}
.about_box .content p{margin-bottom: 20px; line-height: 180%; font-size: 16px;}
.about_box .honour li{width: 33.333%; text-align: center; margin-bottom: 32px;} 

/* contnact */
.my-map { margin: 0 auto; width: 100%; height: 640px;}
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }
.contact_way{background: url(../images/contact_back.jpg) no-repeat center center; background-size: cover; height: 750px; margin-bottom: -80px; position: relative; display: flex;}
.contact_way::after{content: ""; left: 0; top: 0; width: 50%; height: 100%; background: #DB3717; opacity: .8; position: absolute;}
.contact_way::before{content: ""; right: 0; top: 0; width: 50%; height: 100%; background: #fff; opacity: .8; position: absolute;}
.contact_way .way{padding: 3%; color: #fff; position: relative; z-index: 9; width: 50%; box-sizing: border-box;}
.contact_way .way h1{font-size: 32px; color: #fff; font-weight: bolder; margin-bottom: 20px;}
.contact_way .way li{font-size: 16px; line-height: 250%;}
.contact_way .way dl{margin-top: 60px;}
.contact_way .way dl dt{font-size: 32px; font-weight: bolder; margin-bottom: 20px;}
.contact_way .way dl dd{font-size: 16px; line-height: 250%;}
.contact_way .message{width: 50%; text-align: center; position: relative; z-index: 9; padding: 3%;}
.contact_way .message h2{font-size: 32px; color: #212121; font-weight: bolder;}
.contact_way .message .dep{margin-top: 25px; color: #666; font-size: 18px; margin-bottom: 32px;}
.contact_way .message .btn a{background: #DB3717; color: #fff; border-radius: 4px; padding: 16px 32px;}

/* download */
.download_box{margin: 80px 0;}
.download_box li{border-bottom: 1px solid #efefef; padding: 20px 0;}
.download_box li .date{margin-right: 32px; color: #999;}
.download_box li .view{margin-left: auto; margin-right: 32px; background: url(../images/icon_eye.svg) no-repeat 0 center; background-size: 20px; padding-left: 28px;}
.download_box li .down{background: url(../images/icon_download.svg) no-repeat 0 center; background-size: 20px; padding-left: 28px;}
.download_box li .right{margin-left: auto;}

/* video */
.video_back{width: 100%; height: 100vh; overflow: hidden; position: relative;}
.video_back video{object-fit: fill; width: 100%; height: 100%;}
.video_back::after{content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #fff; position: absolute; opacity: .8;}
.video_content{position: absolute; left: 0; top:0; width: 100%; height: 100%; justify-content: center;}
.video_content .logo{text-align: center;}
.video_content .map{margin: 80px 0;}
.video_content ul{justify-content: center; margin-top: 64px;}
.video_content li{margin-right: 32px; font-size: 16px; font-weight: bolder;}
.video_content .icon{width: 40px; margin-right: 12px;}

	.show_title{font-size: 24px; font-weight: bold; text-align: center;padding:30px;} 	
	.banner_red{margin-top:345px; margin-left:-950px}

/* 分页 */
.showpage{text-align:center; overflow:hidden; margin:50px auto; } 
.showpage li{display:inline-block;}
.showpage a{display:inline-block;  border:1px solid #ddd; border-radius:5px; height:35px; padding:0 12px; line-height:35px; margin-left:3px; margin-right:3px; cursor:pointer;}
.showpage span{display:inline-block; padding:0 12px; line-height:35px; border:1px solid #DB3717; border-radius:5px; height:35px; line-height:35px; background:#DB3717; color:#fff;} 
.showpage a:hover,.showpage li.active a{ background:#DB3717; color:#fff;border:1px solid #DB3717; }	
	
	
	
}