@charset "UTF-8";

.l-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
	font-family: "思源黑体CN","Microsoft YaHei", Simsun, Simhei;
    color: #000000;
    overflow: hidden;
}

.l-content a {
    text-decoration: none;
}

.l-content img {
    border: 0;
	display: inline-block;
}

ul,
ol {
    list-style: none;
}

.l-content i {
    font-style: normal;
}

.l-content * {
    margin: 0;
    padding: 0;
    line-height: 1;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
	box-sizing: border-box;
}

.l-content .font-f{font-family: Arial, Helvetica, sans-serif;}
.l-content .l-btn{display: inline-block; width: auto!important; height: auto!important;}
.l-content .l-btn img{transition: all .3s;}
.l-content .l-btn img:hover{transform: scale(.95);}

.l-content .l-pro:hover{transform: translateY(-10px);}

.l-content .activity-con{
	background: url(../images/img_bg11.jpg) no-repeat top center; 
	height: 379px;
	padding: 18px 55px;
}
.l-content .activity-con dd{display: flex; font-size: 24px; box-sizing: border-box; padding: 10px 3px;}
.l-content .activity-con dd>b{line-height: 38px; margin-right: 35px;}
.l-content .activity-con dd p{line-height: 38px; font-size: 22px;}
.l-content .activity-more {height: 46px; text-align: center; margin-top: 20px;}

.l-content .title{
	background: url(../images/img_bg01.jpg) no-repeat top center; 
	height: 107px; 
	padding: 11px 0; 
	font-size: 42px; 
	font-weight: bold; 
	display: flex; 
	align-items: center; 
	justify-content: center;
}


.l-content .ps{
	font-size: 16px;
	margin-top: 20px;
}

.l-content .advantage {
	background: url(../images/img_bg02.jpg) no-repeat top center; 
	height: 391px; 
	display: flex; 
	justify-content: space-between;
	padding: 30px 55px 0;
}
.l-content .advantage-title span{
	font-size: 30px;
	font-weight: bold;
	display: flex; 
	align-items: center;
}

.l-content .advantage-title b{display: inline-block; width: 24px; height: 24px; background-color: #000000; margin-right: 3px;}
.l-content .advantage-title p{font-size: 24px; line-height: 40px; margin-top: 20px;}
						
.l-content .advantage-bottom{
	background: url(../images/img_bg03.jpg) no-repeat top center;
	height: 576px; 
	padding: 30px 55px 0;
}
.l-content .advantage-bottom-form{
	background: url(../images/img_04.png) no-repeat top center;
	height: 424px;
	width: 1090px;
	margin-top: 20px;
	display: flex;
	font-size: 22px;
}
.l-content .advantage-bottom-form dl{width: 234px; text-align: center;}
.l-content .advantage-bottom-form dl:nth-child(2){width: 650px;}
.l-content .advantage-bottom-form dl:nth-child(3){width: 205px;}
.l-content .advantage-bottom-form dt{
	height: 40px; 
	color: #FFFFFF; 
	display: flex;
	justify-content: center;
	align-items: center;
}
.l-content .advantage-bottom-form dd{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 192px;
}

/*  */
.l-content .title2{
	background-image: url(../images/img_bg04.jpg); 
}

.l-content .goods-box{
	background: url(../images/img_bg05.jpg) no-repeat top center;
	height: 254px; 
	padding: 20px 55px 0;
}
.l-content .goods{
	background: url(../images/img_05.png) no-repeat top center;
	height: 152px;
	width: 1090px;
	margin-top: 20px;
	display: flex;
	font-size: 22px;
}
.l-content .goods dl{flex: 1; text-align: center;}
.l-content .goods dt{
	height: 50px; 
	display: flex;
	justify-content: center;
	align-items: center;
}
.l-content .goods dd{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
}

/*  */
.l-content .title3{
	background-image: url(../images/img_bg06.jpg); 
}
.l-content .case{
	background: url(../images/img_bg07.jpg) no-repeat top center;
	height: 663px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 46px 0 57px;
}
.l-content .case>div{
	padding: 53px 0 0;
	width: 520px;
}
.l-content .case p{font-size: 28px; font-weight: bold; height: 48px; line-height: 48px;}

.l-content .case>div:first-child p b{color: #FFFFFF;}

.l-content .case-pic{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 453px;
}

.l-content .case .ps{padding: 0 20px;}

/*  */
.l-content .title4{
	background-image: url(../images/img_bg08.jpg); 
}

.l-content .product {background: url(../images/img_bg09.jpg) no-repeat top center; height: 1631px; padding: 0 55px;}
						
.l-content .product-type{padding-top: 28px;}
.l-content .product-type span{
	background-color: #000000;
	color: #FFFFFF; 
	font-size: 28px; 
	display: block; 
	height: 48px; 
	line-height: 48px; 
	text-align: center;
}

.l-content .product-title{font-size: 28px; font-weight: bold; margin: 20px 0;}

.l-content .product ul {
	display: flex; 
	justify-content: space-between;
}

.l-content .product ul li{
	width: 535px; 
	background-color: #FFFFFF;
	box-shadow: 1px 1px 6px #cccccc;
	height: 283px;
	display: flex; 
	justify-content: space-between;
	position: relative;
}

.l-content .product li .pro-text{
	padding-left: 18px; 
	width: 328px;
	position: relative;
}

.l-content .product li .pro-flag{position: absolute; right: 0; top: 0;}

.l-content .product li .pro-text-tt{height: 175px; padding-top: 25px;}	
.l-content .product li .logo-misumi{margin-left: -3px;}
.l-content .product li .pro-title{font-size: 24px; font-weight: bold; line-height: 34px; margin-top: 10px;}
.l-content .product li .pro-title span{color: #666666; line-height: 34px; }

.l-content .product li .pro-price{font-size: 20px; }
.l-content .product li .pro-price span{color: #666666;}
.l-content .product li .pro-price b{font-size: 45px; color: #dd0000;}
.l-content .product li .pro-price i{font-size: 30px; color: #dd0000; font-weight: bold;}

.l-content .product li .pro-img{
	width: 207px; 
	height: 100%;
	display: flex; 
	justify-content: flex-start;
	align-items: center;
	position: relative;
	padding-right: 10px;
}

.l-content .product li .size{
	position: absolute; 
	right: 0px; 
	bottom: 20px;
	width: 112px;
	height: 30px;
	line-height: 29px;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
}

.l-content .product li a{
	position: absolute; 
	top: 0;
	left: 0;
	padding: 232px 280px 14px 18px;
}

.l-content .title5{
	background-image: url(../images/img_bg12.jpg); 
}

/*  */
.l-content .activity {background: url(../images/img_bg10.jpg) no-repeat top center; height: 450px; padding: 20px 55px; font-size: 28px;}
.l-content .activity dl{padding: 0; margin: 0; width: 100%;}
.l-content .activity dd{display: flex; font-size: 20px; padding-top: 12px;}
.l-content .activity dd span,.l-content .activity dd p{line-height: 30px;}
.l-content .activity dd span{width: 30px; display: inline-block; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.l-content .activity dd p{flex: 1;}
.l-content .activity dd p a{color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.l-content .activity dd p a:hover{text-decoration: underline;}