body{ width:100%; height:100%; color:#666666; font-size:14px; font-family:'微软雅黑',Arial,'楷体'; background:#fff; overflow-x:hidden; }
*{ margin:0px; padding:0px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
a{ text-decoration:none;  color: #828282;}
.clear{ clear:both;}
.hidd{ display:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
#bord{ border:none;}
#bgnone{ background:none;}
#bord_n{ padding-right:0; margin:0;}
.t-right{ float:right;}
.t-left{ float:left;}
img{ vertical-align:bottom; border:none; max-width:100%;}
.wrapper{ padding: 0 8vw;}
.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; justify-content: center; align-items: center;}
.disFlexs{ display: flex; flex-direction: column; justify-content: center; align-items: center;}


/*      top       */
.itop{ width: 100%; height: auto; border-bottom: 1px solid #f0f0f0;}
.logo{ float: left; width: 425px; height: 55px; margin: 17px 0;}
.logo img{ max-height: 55px;}

.swatch{ float: right;width: 410px; height: 35px; margin-top: 31px;}
.swatch .t-left{  display: inline-block; width: 90px;  margin-top: 6px;}
.swatch .t-left i{ display: inline-block; font-weight: bold; height: 28px; line-height: 28px; font-size: 12px; color: #7f7f7f; background: url('../images/swatchbg.jpg') no-repeat left center; padding:0  10px; cursor: pointer;}
.swatch .t-left i:hover,.swatch .t-left i.on{ color: #ec1e13;}

.swatch .store{ display: inline-block;}
.swatch .store ul li{ display: inline-block; margin-right: 8px; line-height: 35px;}
.swatch .store ul li img{ vertical-align: middle;}

.swatch .t-right{ display: inline-block;  width: 238px; height: 32px;  border: 1px solid #e6e6e6; border-radius: 50px;}
.swatch .t-right input[type=text]{ outline:none; float: left; width: 170px; height: 31px; line-height: 31px; margin-left: 15px; padding:0 5px; border: 0 none; color: #c8c7c7;}
.swatch .t-right input[type=submit]{ width:25px; height: 31px; background: url('../images/swatch.png') no-repeat center center; border: 0 none; cursor: pointer;}

/*     导航     */
.nav{ position: relative; z-index: 1; height: auto; background-color: #f5f5f5;}
.nav ul li{ width: 12.5%;    height: 100px;}
.nav ul li > a.u-a{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 5%; text-align: center; height: 100px; box-sizing: border-box; color: #000;}
.nav ul li > a.u-a i{ width: 100%; height: 32px; background-position: center; background-repeat: no-repeat; background-size: auto 100%;}
.nav ul li > a.u-a i.b{ display: block;}
.nav ul li > a.u-a i.n{ display: none;}
.nav ul li > a.u-a p{ margin-top: 5px; font-size: 18px; font-weight: 600;}
.nav ul li.on > a i.b,.nav ul li:hover > a i.b{ display: none;}
.nav ul li.on > a i.n,.nav ul li:hover > a i.n{ display: block;}
.nav ul li.on > a,.nav ul li:hover > a{ color: #fff; background: url(../images/menu-bg.png) no-repeat center / cover;}


.centre-width{ 
    width: 1200px; 
    margin: 0 auto;}
.nav ul li .s-nav{ display: none; position: relative;  
/*left: 0; */
z-index: 999;
/*width: 100%;*/
background: #f1f1f1; transition: none;}
.nav-title{ float: left; width: 605px; padding-top: 50px; transition: none;}
.nav-title h6{ font-size: 24px; color: #484848; line-height: 24px; margin-bottom: 25px;}
.nav-title p{ font-size: 12px; color: #7b7b7b; line-height: 30px; height: 150px; overflow: hidden;}

.nav .nav-list{ float: left; width: 100%; 
/*min-height: 306px;*/
border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; 
/*padding-top: 12px; margin-left: 30px;*/
transition: none;background:#f1f1f1}
.nav .nav-list dl dt a{ display: block; text-align: center; height: 48px; line-height: 48px; border-bottom: none; border-top: 1px #ffffff solid; color: #666666;}
.nav .nav-list dl dt:first-child a{ border-top: none;}
.nav .nav-list dl dt:hover a{ background: #ffd132; color: #ec1e13;}

.nav .nav-img{ transition: none; float: left; width: 340px; height: 230px; margin-left: 50px; padding-top: 44px;}
.nav .nav-img img{ width: 340px; height: 230px;}

/* banner */
.banner{ position: relative; z-index: 1;}
.banner .factory{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; pointer-events: none;}
.banner .wrapper{ position: absolute; top: 0; left: 0; z-index: 3; width: 100%; box-sizing: border-box;}
.banner .banl{ width: 50%; overflow: hidden;}
.banner .banl .baname{ width: 68%;}
.banner .banl .items{ justify-content: flex-start; margin-top: 2.34vw; margin-left: -1.8vw;}
.banner .banl .item{ position: relative; z-index: 1; padding: 0 1.8vw; transition: 0.3s;}
.banner .banl .item:not(:last-of-type)::after{ content: ''; position: absolute; top: 10%; right: 0; z-index: 1; height: 80%; border-left: 1px solid rgba(0, 0, 0, 0.14);}
.banner .banl .item:hover img{ transform: scale(1.08);}
.banner .banr{ flex-wrap: wrap; width: 50%; border-left: 1px solid #e9e9e9; box-sizing: border-box;}
.banner .banr .item{ width: 50%; padding: 2.5vw 2vw; box-sizing: border-box; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; transition: 0.3s;}
.banner .banr .item .more{ margin-top: 1.5vw;}
.banner .banr .item:hover img{ transform: scale(1.08);}


/* foot */
.footer{ position: relative; z-index: 10; }
.footop{ padding: 50px 8vw; background: url(../images/foot-bg1.jpg) no-repeat center / cover; color: #e00012;}
.footop .footlogo img{ width: 214px;}
.footop .tel{ margin-top: 45px;}
.footop .tel p{ font-size: 20px; font-weight: bold;}
.footop .tel a{ line-height: 1; font-size: 40px; color: #e00012; font-family: genuineregular;}
.footop .footitle{ margin-bottom: 15px;}
.footop .items .item{ justify-content: flex-start; line-height: 26px; padding-left: 30px; background-repeat: no-repeat; background-size: 16px auto; background-position: left center;}
.footop .items .item p{ font-size: 16px; font-weight: bold;}
.footop .items .item.s1{ background-image: url(../images/footicon1.png);}
.footop .items .item.s2{ background-image: url(../images/footicon2.png);}
.footop .items .item.s3{ background-image: url(../images/footicon3.png);}
.footop .items .item.s4{ background-image: url(../images/footicon4.png);}
.footop .items .item .sm{ margin-left: 12px; color: #666666;}
.footop .footr{ text-align: center;}
.footop .footr p{ margin-top: 6px; color: #666666;}
.footbm{ line-height: 60px; background: url(../images/foot-bg2.jpg) no-repeat center; font-size: 14px; color: #fff;}
.footbm a,.footbm a:hover{ color: #fff;}

/* ikjcx */
.indexbg{ position: relative; z-index: 10; padding-top: 140px; margin-top: -140px; background: url(../images/index-onebg.png) no-repeat right top;}
.ikjcx{ padding-bottom: 108px;}
.ikjcx .pic{ width: 50%; transition: 0.3s;}
.ikjcx .pic:hover img{ transform: scale(1.08);}
.ikjcx .ikjr{ width: 44.6875%;}
.ikjcx .ikjr .sm{ margin-top: 40px;}
.ikjcx .ikjr .ikjmore{ margin-top: 55px;}
.ikjcx .ikjr .ikjmore .more{ position: relative; z-index: 1;}
.ikjcx .ikjr .ikjmore .more-icon1{}
.ikjcx .ikjr .ikjmore .more-icon2{ position: absolute; top: 20px; right: 20px; z-index: 100; animation: upr 3s linear infinite alternate;} /* animation: upr 3s linear infinite alternate; */
.ikjcx .ikjr .ikjmore .more-icon3{ position: absolute; top: 0; left: 10px; z-index: 90;} /* animation: rotate 3s linear infinite; */
.ikjcx .ikjr .ikjmore .kjsm{ max-width: 65%; transition: 0.3s;}
.ikjcx .ikjr .ikjmore .kjsm:hover{ transform: scale(1.08);}
@keyframes rotate {
	0%{
		transform: none;
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes upr {
	0%{
		transform: none;
	}
	100%{
		transform: translate(20px,-20px);
	}
}