@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; list-style:none}

body{ font-family:"SourceHanSans"; position:relative; background:#fbfbfc;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }

@font-face {font-family: 'SourceHanSans';src:url('../images/SSourceHanSansCN-normal.otf'); }

@font-face {font-family: 'Impact';src:url('../images/Impact.ttf'); }

.w1370{ width:1377px; margin:auto;}

.fl{ float:left}

.fr{ float:right}

.clear{ clear:both}

a{ color:#000; text-decoration:none; transition:all 0.7s}

.pic{display: flex;

    justify-content: center;

    align-items: center;}

	.pic img{ max-width:100%;  transition:all 0.5s}
	.list_product .pic img{ height: 330px; min-width:100%;  transition:all 0.5s}
	
	.hotPro .pic img{ min-width:100%; height: 174px;  transition:all 0.5s}

	.pic:hover img, ul li:hover  img{ transform:scale(1.05)}

.topper{ position:relative; width:100%; height:auto; overflow:hidden;  z-index:2; padding-top:10px; background:rgba(255,255,255,1)}

.topper .logo{ display:inline-block; width:52.2%;}

.topper .logo img{ width:100%; margin-bottom:6px}

.top_tel {width:26%; margin-top:30px;}

.top_tel img{ display:inline-block; vertical-align:middle}

.top_tel .txt{ display:inline-block; vertical-align:middle; font-weight:600}

.top_tel .txt p{ font-size:18px; font-style:italic;}

.top_tel .txt p:last-child{ font-size:30px; color:#e60316;}

.topper .nav{width:89.35%; padding-top:25px}

.navbox{ height:60px; background:#e60316;}

.navbox .nav li{ width:12.5%; float:left; text-align:center; line-height:60px; transition:all 0.7s; font-size:20px; background:#e60316;}

.navbox .nav li a{font-size:20px; color:#ffffff;}

.navbox .nav li:hover,.navbox .nav li.on{ /*background:url(../images/nav_bg.png) center no-repeat; background-size:100%;*/background:#000000;}
.banner{ position:relative; overflow:hidden}

.banner .swiper-slide{ width:100%; position:relative; text-align:center}

.banner .swiper-slide img{ width:100%; max-width:1920px;}

.banner .button{ position:absolute; left:14.48%; height:20%; bottom:0; z-index:2; width:66px;}

.banner .button .swiper-pagination{ width:100%}

.banner .button .swiper-pagination-bullet{ display:block; width:90%; height:3px; background:#f5f5f5; opacity:0.9; margin-bottom:10px; border-radius:5px}

.banner .button span:nth-child(2){ width:70%;}

.banner .button span:nth-child(3){ width:60%;}

.banner .button span:nth-child(4){ width:50%;}

.banner .button .swiper-pagination-bullet-active{ width:90%; height:3px; background:#E10000;border-radius:5px}

.searchBox{ padding:20px 0; background:#000000; color:#ffffff; font-size:16px; line-height:40px; font-weight:600}

.searchBox a{font-size:16px; line-height:40px; color:#ffffff}

.searchBox .search{ width:27%; height:auto; overflow:hidden; line-height:45px; border-radius:10px;}

.searchBox .search .txt{ width:76.9%; height:45px; background:#ffffff;}

.searchBox .search .txt input{ width:92%; margin-left:2%; padding-left:2%; border:0px; background:#ffffff; font-size:16px; color:#b7b7b7; line-height:45px;}

.searchBox .search .txt input::placeholder{ font-size:16px; color:#b7b7b7;}

.searchBox .search .submit{ width:23.1%; background:#e60316; height:45px;}

.searchBox .search .submit input{ width:100%; height:45px; background:url(../images/search.png) center no-repeat; background-size:40%; border:0; font-size:0}

.index-title{ text-align:center; font-size:42px; font-weight:600; color:#e60316; margin-top:30px;}

.index-title span{ font-size:30px; color:#282828; position:relative; line-height:40px; padding:0 20px; margin-left:-28px; z-index:0}

.index-title span::after{ width:100%; height:12px; background:#e60316; position:absolute; left:0; z-index:-1; content:""; bottom:0;}

.index-stitle{ line-height:36px; font-size:22px; text-align:center; margin-bottom:20px;}

.index-stitle .line{ display:inline-block; vertical-align:middle; width:17%; height:1px; background:#000000}

.index-stitle span{ margin:0 6px;}

.white,.index-title.white span{ color:#ffffff;}

.index-stitle.white{ margin-bottom:40px}

.classNav{ height:auto; overflow:hidden; margin-bottom:60px;}

.classNav .title{ width:22.15%; line-height:100px; text-align:center; background:#e60316; color:#ffffff;font-size:42px; position:relative;}

.classNav .title span{ font-size:30px;}

.classNav .title .line{ position:absolute; width:2px; height:100%; right:5.57%; top:0; z-index:1; background:#ffffff }

.classNav .title .line2{ position:absolute; width:3px; height:100%; right:1.3%; top:0; z-index:1; border-left:2px solid #ffffff; border-right:2px solid #ffffff}

.classNav .class{ width:77.85%; background:#313131; height:105px; position:relative}

.classNav .class ul{ padding-left:7px; padding-top:8px; padding-right:10%}

.classNav .class ul li{ float:left; line-height:46px; text-align:center; color:#ffffff; font-size:20px; width:25%; letter-spacing:2px;cursor:pointer; }
.classNav .class ul li.on{color: #e60316;}
.classNav .class ul li a{ font-size:20px; color:#ffffff}
.classNav .class ul li:first-child,.classNav .class ul li:nth-child(2),.classNav .class ul li:nth-child(3),.classNav .class ul li:nth-child(4){border-bottom:1px solid #ffffff}

.classNav .more{ position:absolute; right:3%; top:40%; z-index:1;}

.index_list_product{ padding:0;}

.index_list_product ul li{ width:30.33%; float:left; margin-right:4.2%; height:auto; overflow:hidden; border:1px solid #1b1b1b; height:298px; margin-bottom:30px; position:relative}

.index_list_product ul li:nth-child(3n){ margin-right:0}

.index_list_product ul li img{ max-width:100%; transition:all 0.7s}

.index_list_product ul li p{ position:absolute; left:0; width:100%; bottom:0; background:rgba(21,21,21,0.21); text-indent:16px;line-height:52px; font-size:15px; transition:all 0.7s}
.index_list_product ul li:hover p{background:rgba(21,21,21,0.7); color:#ffffff}
.index_list_product ul li p span{ color:#e60316;}

.index_list_product ul li p .dot{ float:right; margin-right:3%; display:inline-block; margin-top:12px;}

.footerBox{ padding-top:10px; height:auto; overflow:hidden; /* background:#ffffff; */ background: #fafafa;}

.footerBox .fLeft{ width:57.65625%; background:#24272e url(../images/f_bg1.jpg) top left repeat-x;overflow: hidden;padding-bottom: 51px;}

.footerBox .fLeft .blank{ width:24.14%; height:100%; position:relative; height:100px}

.footerBox .fLeft .contact{ width:39.56%; padding-top:45px; position:relative; height:auto; overflow:hidden}

.footerBox .fLeft .contact .title,.footerBox .fLeft .fastnav .title,.footerBox .fRight .title{ line-height:48px; margin-left:1%; position:relative; font-size:30px; letter-spacing:3px; color:#ffffff; font-weight:normal;}

.footerBox .fLeft .contact .title::after,.footerBox .fLeft .fastnav .title::after,.footerBox .fRight .title::after{ width:80px; height:1px; line-height:1px; position:absolute; left:0; bottom:0; background:#ffffff; z-index:1; content:""}

.footerBox .fLeft .contact .person{ padding-top:15px;}

.footerBox .fLeft .contact .person p{ line-height:32px; color:#ffffff; font-size:18px;}

.footerBox .fLeft .contact .con{ padding-top:8px;}

.footerBox .fLeft .contact .con p{ line-height:38px; font-size:18px; color:#ffffff; clear:both;}

.footerBox .fLeft .contact .con p img{ display:inline-block; vertical-align:middle; margin-left:2%; float:left; margin-top:5px; margin-right:15px;}

.footerBox .fLeft .contact .con p  span{ float:left; display:block; width:62%;}

.footerBox .fRight{ width:42.34375%; background:#24272e url(../images/f_bg2.jpg) left top no-repeat; padding-top:51px;  }

.footerBox .fLeft .fastnav{ width:28.56%; padding-top:45px; padding-left:6%; position:relative; height:auto; overflow:hidden}
.footerBox .fLeft .fastnav::before{ width:1px; height:85%; position:absolute; left:0; z-index:1; content:""; background:#616368; top:15%;}
.footerBox .fLeft .fastnav  ul{ padding-top:30px;}

.footerBox .fLeft .fastnav  ul li{ float:left; width:50%; line-height:60px; font-size:18px; color:#ffffff;}
.footerBox .fLeft .fastnav  ul li a{ font-size:18px; color:#ffffff;}
.footerBox .fRight .box{ padding-left:8.8%}

.footerBox .fRight .box .ewm{ padding-top:38px; padding-bottom:73px; height:auto; overflow:hidden;}

.footerBox .fRight .box .ewm ul li{ width:34%; float:left;}

.footerBox .fRight .box .ewm ul li img{ max-width:60%;}

.footerBox .fRight .box .ewm ul li  p{ line-height:62px; font-size:20px; color:#ffffff}

.footerCopy{ text-align:center; line-height:50px; background:#000000; color:#ffffff}
.footerCopy a{ color:#ffffff;}
.searchBox ul{ display:inline-block; vertical-align:middle; width:70%;}
.searchBox ul li{ display:inline-block; vertical-align:middle; float:left;}
.searchBox ul li:last-child{ width:90%;}
.hotkey_scroll{ position:relative; overflow:hidden;width:80%;}
.hotkey_scroll .swiper-slide{ position:relative; display:inline-block; width:25%; }