@charset "utf-8";/* CSS Document */body{background:#fff; color: #333;}body,input,button,select,textarea{font:14px '微软雅黑','宋体',Helvetica,Arial,Tahoma,'SimSun',sans-serif;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding: 0;margin: 0;}*{white-space:normal;}th{text-align:left; font-weight:400;}.clearfix:after{clear:both; display:block; content:""; visibility:hidden; height:0;}.clearfix{zoom:1;}img{border:none; vertical-align:middle; height: auto;}button, input, select, textarea{vertical-align:middle;}a{text-decoration:none; color:#333; outline:none;}a:hover{text-decoration:none; color:#e50110;}li{list-style:none;}h1{font-size:4rem;}h2{font-size:14px;}h3{font-size:12px;}h4, h5, h6{font-size:100%;}.none{display:none;}.gaodu{height:12px;}label{cursor:pointer;}.left{float:left;}.right{float:right;}.yahei{font-family:'microsoft yahei';}.english{ font-family:Arial, Helvetica, sans-serif;}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f24{font-size:24px}.f30{font-size:30px}.f36{font-size:36px}.f42{font-size:42px}.fb{font-weight:bold}.fn{font-weight:normal}.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}.black{color:black;}.gray{ color:#666;}.gray3c{ color:#ccc;}.gray36{ color:#666;}.gray38{ color:#888;}.gray98{color: #989898;}.blue{ color:#349bfc;}.orange{ color:#f35f34;}.red{ color:#ce2a1e;}.green{ color:#28A74C;}.white{ color:#fff;}.yellow{color: #faad00;}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt50{margin-top:50px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mr10{ margin-right:10px;}.mr20{ margin-right:20px;}.mr30{ margin-right:30px;}.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}.ml30{ margin-left:30px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}
.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb50{padding-bottom:50px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}
.pl50{padding-left:50px;}.text_center{text-align: center;}.gray_bg{background: #f5f7fa;}.white_bg{background: white;}
.red_bg{background: #cf594d;}

@font-face{
	font-family:xuancai;
	src:url('xuancai.ttf'),url('aa.eot');
}

body::-webkit-scrollbar {width: 4px;}
body::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(206,42,30,1); background: rgba(206,42,30,1);}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(238,238,238,1); border-radius: 0; background: rgba(238,238,238,1);}

.container{max-width: 1400px;}
.index_graybg{background: #eee;}

@media screen and (min-width: 768px){
	.nav_top{padding: 16px;}
	.nav_top ul{display: block; width: 80%; text-align: center;}
	.nav_top ul li{width: 11%; display: inline-block;}
	.nav_top ul li a{font-size: 16px; color: white !important;}
	.nav_top ul li:hover a{transition: all 0.3s;}
	.nav_top form a{color: white; margin-left: 19px; display: inline-block; line-height: 18px;}
	.nav_top form a b{font-size: 18px; display: inline-block;}
	.top01{display: flex; align-items: center;}
	.nav_top .dropdown-toggle::after{display: none;}
	.nav_top .dropdown-menu{top: 30px; padding-top: 10px; width: auto; text-align: center; line-height: 30px; background: rgba(0,0,0,.8); border-radius: 0; border-bottom: 1px solid #1e1e1e; min-width: 100px;}
	.nav_top .dropdown-menu a{font-size: 14px !important; opacity: 1 !important;}
	.nav_top .dropdown-menu .dropdown-menu_d{position: relative;}
	.nav_top .dropdown-menu a:hover{opacity: 1; background: #ce2a1e; color: white !important;}
	.nav_top li:hover .dropdown-menu{display: block;}
	.index_tit{padding: 40px 0 40px 0;}
	.nav_top .dropdown-menu .dropdown-menu_s{position: absolute; right: -150px; width: 150px; top: 0; display: inline-block; background: rgba(0,0,0,.5); display: none;}
	.nav_top .dropdown-menu .dropdown-menu_d:hover .dropdown-menu_s{display: block;}
	.nav_top ul li .dropdown-menu_s li{width: 100%;}
	.nav_top ul li .dropdown-menu_s li a{display: block;}
}
@media screen and (min-width:992px) and (max-width: 1200px){
	.nav_top ul li{width: 15%;}
}
@media screen and (min-width:1200px) and (max-width: 1440px){
	.nav_top ul li{width: 13%;}
}


.navbar-brand{z-index: 9999;}
.nav_top{background: none !important; position: relative; margin-bottom: -74px; z-index: 999;}
.xiala01{position: fixed; top: 70px; left: 0; right: 0; background: rgba(0,0,0,.45); padding: 60px 0 20px 0; display: none;}
.xiala01 a{display: inline-block;}
.nav_top ul li:hover .xiala01 a{opacity: 1;}
.nav_top ul li .xiala01 a{font-size: 14px; line-height: 30px;}
.nav_top ul li .xiala01 a:hover{color: #f8b62d !important;}
.nav_top ul li:hover .xiala01{display: block;}

@media screen and (max-width: 768px){
	.nav_top{background: black !important; margin: 0;}
	.nav_top .navbar-brand img{width: 50%;}
	.nav_top ul{text-align: center; border-top: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; margin: 10px 0; padding: 10px 0;}
	.nav_top ul li a{color: white !important;}
	.nav_top form.form-inline a{display: inline-block; width: 23%; text-align: center; color: white;}
	.nav_top .dropdown-menu{background: #555; text-align: center; font-size: 14px; margin-top: 0;}
	.nav_top form.mt-2{display: none;}
	.nav_top li.show a.nav-link{background: #ce2a1e; color: white !important; font-size: 16px;}
	.shou_no{display: none !important;}
	.index_tit{padding: 30px 0;}
}

.index01 ul li{float: left; width: 33.3%; position: relative;}
.index01 ul li img{width: 100%;}
.index01 ul li a{position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 30px; color: white; display: flex;}
.index01 ul li a:hover{background: rgba(206,42,30,.8); transition: all 0.3s;}

.xuancai01{background: url(../img/img01.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; min-height: 800px; margin-top: 50px; display: flex; align-items: center;}
.xuancai011 h2 b{font-size: 50px; font-family: "xuancai";}
.xuancai011 h2 span{background: white; border-radius: 100%; display: inline-block; width: 18px; height: 18px; font-size: 12px; color: #888; text-align: center; margin-left: 10px;}
.xuancai011 .left{margin-right: 30px;}
.xuancai011 .left h3{line-height: 40px;}
.xuancai02{line-height: 36px; padding: 50px 15px;}

@media screen and (max-width: 768px){
	.index01 ul li{width: 50%;}
	.index01 ul li a{font-size: 24px;}
}


.index06 img{width: 100%;}
.index06 h3{font-size: 20px; color: #888; font-family: "Bebas";}
.index06 h2{font-size: 20px; line-height: 50px;}
.index06 .col-md-4:hover h2 a{color: #ce2a1e;}
.index06 h4{font-size: 16px; color: #888; line-height: 28px;}
.index06 h5 a{display: inline-block; color: #bbb; font-size: 16px; border: 1px solid #ddd; border-radius: 10px; line-height: 36px; padding: 0 16px; margin-top: 50px;}
.index06 h5 a i{display: inline-block; background: url(../img/img11.png) no-repeat; width: 11px; height: 9px;}
.index06 .col-md-4:hover h5 a{background: #ce2a1e; color: white;}
.index06 .col-md-4:hover h5 a i{background: url(../img/img111.png) no-repeat;}

.index07{position: relative;}
.index07 div{position: absolute; left: 0; bottom: 0; right: 0; padding: 20px;}
.index07 div a:hover{color: #ce2a1e;}

footer{background: #3c3c3c; padding: 30px 0;}
footer a:hover{color: white !important; transition: all 0.3s;}
.xuancai03{color: #ce2a1e; font-family: "xuancai"; font-size: 36px; padding: 10px 0;}
.footer_xian{height: 1px; background: #505050; margin: 50px 0;}

.footer01 h2 a{color: white; font-size: 18px; display: inline-block; margin-bottom: 10px;}
.footer01 ul li a{color: #888; line-height: 30px;}
.footer02 span{display: inline-block; text-align: center; color: #888; line-height: 30px;}
.link a{display: inline-block; margin-right: 10px; color: #888;}

.inside_banner{height: 380px; background-repeat: no-repeat !important; background-position: center top !important; display: flex; align-items: center; background-attachment: fixed !important;}
.inside_banner h2{color: white; font-size: 42px;}
.inside_banner h3{font-size: 14px; color: white; line-height: 30px; font-weight: bold;}

.case01{position: relative;}
.case01 img{width: 100%;}
.case02{position: absolute; left: 0; right: 0; bottom: 0; color: white; font-size: 16px; line-height: 30px; background: rgba(0,0,0,.8);}
.case02 a{display: block; text-align: center; color: white; font-size: 18px; line-height: 50px;}
.case02 div{display: none;}
.case_zong .col-md-6:hover .case02{top: 0; padding: 60px;}
.case_zong .col-md-6:hover .case02 div{display: block;}
.case_zong .col-md-6:hover .case02 a{color: #f60303;}

.gengduo a{background: #ce2a1e; color: white; padding: 18px 50px; border-radius: 50px; transition: all 0.5s;}
.gengduo a:hover{box-shadow: 0 10px 10px rgba(206,42,30,.3); transition: all 0.5s;}
.xiangqing{height: 380px;}
@media screen and (max-width: 768px){
	.inside_banner{height: 150px;}
	.footer03{text-align: left !important; padding-top: 30px;}
}


.product01{margin-top: -80px;}
.product01 ul{background: #edf3f7; overflow: hidden;}
.product01 ul li{display: inline-block; line-height: 50px; padding: 0 30px;}
.product01 ul li a{display: block; font-size: 16px; position: relative;}
.product01 ul li a:hover,.product01 ul li.active a{color: #ce2a1e;}
.product01 ul li a i{display: inline-block; position: absolute; top: 0; background: #ce2a1e; height: 3px; width: 0; left: 50%; transition: all 0.3s;}
.product01 ul li a:hover i,.product01 ul li.active a i{width: 100%; transition: all 0.3s; left: 0;}

.product02{position: relative; overflow: hidden;}
.product02 img{width: 100%; transition: all 1s;}
.product02:hover img{transform: scale(1.1); transition: all 1s;}
.product02 h2{position: absolute; left: 0; right: 0; bottom: 0;}
.product02 h2 a{display: block; padding: 20px; color: white; font-size: 24px; background: #ce2a1e;}

@media screen and (max-width: 768px){
	.product01 .col-12{overflow-x: scroll;}
	.product01 .col-12 ul{width: 900px;}
	.product01 .col-12 ul li{line-height: 50px;}
	.product02 h2 a{font-size: 16px; padding: 10px;}
	.product01{margin-top: -50px;}
	.inside_banner h2{font-size: 24px;}
}

@media screen and (min-width: 768px){
	.product011 .col-12{overflow-x: scroll;}
	.product011 .col-12 ul{width: 1600px;}
}

.news01 .col-md-6:first-child img{width: 100%; transition: all 1s;}
.news01 .col-md-6:first-child a{display: block; overflow: hidden;}
.news01 .col-md-6:first-child a:hover img{transform: scale(1.1); transition: all 1s;}
.news01 .col-md-6:last-child{display: flex; align-items: center;}
.news01 .col-md-6:last-child h3{font-family: "xuancai"; font-size: 16px; color: #666;}
.news01 .col-md-6:last-child h2 a{font-size: 24px; color: #333; line-height: 50px; display: block; margin-bottom: 10px;}
.news01 .col-md-6:last-child h2 a:hover{color: #ce2a1e; transition: all 0.3s;}
.news01 .col-md-6:last-child p{font-size: 16px; color: #666; line-height: 30px;}
.news01 .col-md-6:last-child h4 a{display: inline-block; background: #ce2a1e; color: white; width: 120px; line-height: 40px; text-align: center; margin-top: 20px; transition: all 0.5s;}
.news01 .col-md-6:last-child h4 a:hover{box-shadow: 0 10px 10px rgba(206,42,30,.3); transition: all 0.5s;}


.news02{background: white; padding: 30px;}
.news02 h2{font-size: 24px;}
.news02 h3{font-size: 16px; color: #999; line-height: 36px; font-family: "xuancai";}
.news02 p{font-size: 14px; color: #333;}
.news04 a{display: block; overflow: hidden;}
.news04 a img{width: 100%; transition: all 1s;}
.news04 .col-md-4:hover a img{transform: scale(1.1); transition: all 1s;}
.news03{border: 1px solid #e5e5e5; padding: 12px 30px; border-radius: 50px; display: inline-block !important; margin-top: 20px;}

.news04 .col-md-4:hover .news02{background: #ce2a1e; transition: all 0.3s;}
.news04 .col-md-4:hover .news02 a,.news04 .col-md-4:hover .news02 h3,.news04 .col-md-4:hover .news02 p{color: white;}

@media screen and (min-width: 768px){
	.news_nav{background: white !important; margin-bottom: 0;}
	.news_nav ul li a{color: #333 !important;}
	.news_nav .dropdown-menu{background: rgba(255,255,255,.8); border: none; padding-top: 40px;}
}
.news05{border-top: 1px solid #eee; line-height: 50px;}
.news_tit{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.news_tit h1{font-size: 36px; padding: 40px 0 10px 0;}
.news_tit h2{font-size: 12px; color: #888;}
.news_tit h2 span{font-family: "xuancai";}
.news_nei{font-size: 16px; color: #888; line-height: 30px;}
.news_nei img{max-width: 100%;}

.news_sx{line-height: 30px; color: #888;}
.news_sx a{color: #888;}
.news_sx a:hover{color: #ce2a1e; transition: all 0.3s;}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist li.active a{border-color:#1184DA;background:#1184DA;color:#fff;}

.pro_san a{display: inline-block; margin: 0 5px; border: 1px solid #ddd; border-radius: 3px; line-height: 40px; padding: 0 30px;}
.pro_san a.active,.pro_san a:hover{border-color: #ce2a1e; background: #ce2a1e; color: white; transition: all 0.3s;}