@charset "utf-8";
/* CSS Document */

body{background:#e6f2ec;font-size: 16px;background-size: cover;line-height: 24px;}
body,ul,ol,li,p,h1,h2,h3,h4 {list-style:none;padding: 0; margin: 0;}
a{color: #fff;text-decoration: none;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;border: none;}
a:active{text-decoration: none;}
Btn:active{color: #fff!important;text-decoration: none;}
a:focus,a:hover {
    color: #fff;
    text-decoration: none
}
h2{font-size: 28px; background: #007e3a;margin: 50px 0 40px;font-weight: bold;height: 54px;line-height: 54px;color: #fff;padding:0 35px;display: inline-block;position: relative;}
h2::after{content: ""; width: 113px; height: 54px;background: url(/images/littelfuse/icon-02.png) no-repeat;position: absolute; right: -113px;}
h3{font-size: 18px;font-weight: bold;}
h4{font-size: 24px;font-weight: bold;margin: 20px 0;height: 42px; line-height: 42px;}
h4 img{margin-right: 5px;}
.bg01{background: #fff;width: 100%;}
.bg02{background:url(/images/littelfuse/bg-2.png) no-repeat center bottom #007e3a;width: 100%;}
.m-bottom50{margin-bottom: 50px;}
.font-w{color: #fff;}
.container{max-width:1200px; }
.top{background: #007e3a;width: 100%;}
.logo{margin: 20px 0;float: left;}
.login{float: right;margin-top: 18px;color: #fff;}
.login a{margin-left: 20px;}
.banner-bg{background: url(/images/littelfuse/banner-bg.jpg) no-repeat #029870;height: 527px;width: 100%;}
.b-title{background: url(/images/littelfuse/icon-01.png) no-repeat; width: 341px; height: 77px;text-align: center; line-height: 72px; font-size: 24px;margin: 40px 0 60px;}

.about{background: #f6fdfb;border-radius: 16px;box-shadow: 6px 8px 0px #b4e2d8;padding: 35px;margin-top: -50px;z-index: 9;}
.tz-item{margin-bottom: 15px;}
.tz-item h3{width: 230px; height: 50px;text-align: left; line-height: 50px;background: #baeae4;box-shadow: 3px 3px 0 #00ac7e;border-radius: 10px;z-index: 9;position: relative;padding-left: 15px;}
.tz-item p{background: #f6fdfb;border-radius: 10px;z-index: 8;margin-top: -20px;padding: 30px 15px 15px 15px;font-size: 15px;min-height: 117px;}
.case-item{background: #f6fdfb;border-radius: 10px;border: 2px solid #00ac7e;padding: 15px;min-height: 206px;margin-top: 15px;}
.case-item h3{color: #029870;text-align: center;margin: 10px 0 20px;}
.case-item p{font-size: 15px;}
.case-img{text-align: center;margin: 20px 0;}
.case-img img{border-radius: 10px;overflow: hidden;border: 2px solid #d0e5db;display: inline-block;margin-bottom: 15px;}
.an-list h3{text-align: left;color: #000;margin-bottom: 10px;}
.an-list .abtn{width: 126px; height: 38px;line-height: 38px;text-align: center;background: #007e3a;border-radius: 4px;display: inline-block;margin-top: 10px;}
.an-list .abtn:hover{background: #029870;}
.an-list p{min-height: 72px;}
.cp-list{min-height:176px;}
.cp-list p{min-height: 48px;}
.Anli-h p{min-height:96px;}
.a-h2{background: none;width: 100%; text-align: center;}
.a-h2::after{display: none;}
.font20{font-size: 20px;margin: 20px 0;}
.step{height: 54px; line-height: 54px;background: #e6f2ec;border-radius: 54px;padding: 2px;}
.step span{background: linear-gradient(to right, #4fe4b6, #36d5c8);display: inline-block;border-radius: 54px;padding: 0 18px;height: 50px;margin-right: 15px;}
.step a{text-decoration: underline; color: #000;}
.step a:hover{color: #007e3a;}
.QA-box{background: #fff;border-radius: 10px;padding: 20px 70px;margin-top: 30px;}
.QA-list p{background: #e6f2ec;padding: 15px 24px;font-weight: 700;}
.QA-list ul{padding: 15px 24px;}
.QA-list ul li label{font-weight: normal;}
.QA-list ul li label input{margin-right: 5px;}
.b-btn{margin-top: 20px;text-align: center;}
.b-btn a{width: 280px; height: 50px;line-height: 50px;text-align: center;background: #007e3a;border-radius: 4px;display: inline-block;font-size: 18px;}
.b-btn a:hover{background: #029870;}
.btoom-p{text-align: center; margin: 20px auto 10px;font-size: 20px;color: #ff5400;}
.btoom-p a{color: #fff;background: #ff5400;padding: 6px 10px;display: inline-block;margin: 0 4px;border-radius: 4px;}
.btoom-p a:hover{background: #d34500;}
.layui-layer-content a{color: #029870;}
.layui-layer-content a:hover{text-decoration: underline;}
@media ( min-width : 768px) { .col-sm-2-half{ width: 20%; float: left; } }
 
@media ( min-width : 992px) { .col-md-2-half{ width: 20%; float: left; } }
 
@media ( min-width : 1200px) { .col-lg-2-half{ width: 20%; float: left; } }

@media ( max-width : 992px){
.container{width: 100%; }
.banner-bg{height: auto;padding-bottom: 60px;}
h2::after{display: none;}
}
@media ( max-width : 768px){
.banner-p ,.case-img img{width: 90%;}
.b-title{margin: 40px 0;}
.tz-item p ,.case-item , .Anli-h p{min-height: auto;}
.m-bottom50 {margin-bottom: 20px;}
.step{margin-top: 10px;}
.QA-box,.about{padding: 15px;}
h2{margin: 20px 0 20px;font-size: 22px;line-height: 28px; height: auto;padding: 10px;}
h4{margin: 20px 0 10px;}

}
@media ( max-width : 368px){
.b-title{width: 100%;background-size: contain;    font-size: 20px;line-height:normal;padding-top: 12px;height: 60px;margin-bottom: 20px;}
}