/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block;}

/*广告*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #3871c1; }

/*标题*/
.m-tit{display: block;width: 100%;text-align: center;font-size: 2rem;color: #333;height: 4.5rem;line-height: 2.2rem;position: relative;overflow: hidden;font-weight: bold;}
.m-tit:before{content: "";height: 1px; position: absolute;top: 3.33rem;left: 13.5%;
background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 10%, #3871c1 100%); 
background: -webkit-linear-gradient(left,  #ffffff 10%,#3871c1 100%);
background: linear-gradient(to right,  #ffffff 10%,#3871c1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3871c1',GradientType=1 ); 
}
.m-tit:after{content: "";height: 1px; position: absolute;top: 3.33rem;right: 13.5%;
background: #3871c1; 
background: -moz-linear-gradient(left,  #3871c1 0%, #ffffff 90%, #ffffff 90%);
background: -webkit-linear-gradient(left,  #3871c1 0%,#ffffff 90%,#ffffff 90%); 
background: linear-gradient(to right,  #3871c1 0%,#ffffff 90%,#ffffff 90%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3871c1', endColorstr='#ffffff',GradientType=1 ); 
}
.m-tit span{display: block;font-size: 1.4rem;font-weight: normal;position: relative;}
/* .m-tit span:before{content: "";width: 0.3rem;height: 0.3rem;background:#3871c1; position: absolute;top: 1rem;left: 21%;z-index: 10;border-radius: 50%;}
.m-tit span:after{content: "";width: 0.3rem;height: 0.3rem;background:#3871c1; position: absolute;top: 1rem;right: 21%;z-index: 10;border-radius: 50%;}
 */
/**/
.g-yinz{width: 92%;margin: 0 auto;padding: 4rem 0;}
.yinz_desc{width: 85%;margin: 0 auto;padding: 1.3rem 0 0;text-align: center;}
.yinz_desc p{font-size: 1rem;color: #666;line-height: 1.6rem;height: 4.8rem;overflow: hidden;}
.yinz_more{display: block;font-size: 1rem;color: #666;padding: 1.7rem 0 0;}
.yinz_more em{width: 2.7rem;height: 2.7rem;display: block;line-height: 0;margin: 0 auto 0.5rem;}
.yinz_more em img{width: 2.7rem;height: 2.7rem;}
.digital{padding: 2rem 0 0;width: 100%;}
.ibrand-num li{float:left;width: 30%;height:5rem;color:#333;font-size:1.1rem;padding-left: 3.33%;}
.ibrand-num li b{font-size:3rem;line-height: 2.5rem; font-family:"DINOT";padding-right: 0.2rem;}
.ibrand-num li span{display:block;padding: 0.3rem 0 0;}

/*产品中心*/
.g-cp{width: 100%;padding: 3.5rem 0 4rem;background: #f6f6f6;}
.g-cp .m-tit:before{left: 25%;
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(left,  #f6f6f6 10%, #3871c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f6f6f6 10%,#3871c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f6f6f6 10%,#3871c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#3871c1',GradientType=1 ); /* IE6-9 */
}
.g-cp .m-tit:after{right: 25%;
background: #3871c1; /* Old browsers */
background: -moz-linear-gradient(left,  #3871c1 0%, #f6f6f6 90%, #f6f6f6 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3871c1 0%,#f6f6f6 90%,#f6f6f6 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3871c1 0%,#f6f6f6 90%,#f6f6f6 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3871c1', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
}
.g-cp .m-tit span:before{left: 32%;}
.g-cp .m-tit span:after{right: 32%;}
.g-cp ul{width: 92%;margin: 0 auto;}
.g-cp ul li{width: 100%;}
.g-cp h4{width: 100%;height: 3.2rem;line-height: 3rem;overflow: hidden;font-size: 1.2rem;color: #000;border-bottom: #ddd 1px solid;padding: 1.5rem 0 0;}
.g-cp h4 em{display: block;line-height: 0;width: 0.75rem;height: 0.75rem;float: right;margin: 1.2rem 0 0;overflow: hidden;}
.g-cp h4 em img{width: 0.75rem;height: 1.5rem;}
.g-cp dl{width: 100%;height: 20rem;display: none;background: #fff;position: relative;margin-top: 0.8rem;}
.g-cp dl dt{width: 65%; margin: 0 auto;line-height: 0;padding: 0.45rem 0 0;}
.g-cp dl dd{width: 26%;float: left;padding: 2.3rem 0 0 10%;}
.g-cp dl dd p{line-height: 3.3rem;height: 3.3rem;overflow: hidden;border-bottom: #ddd 1px solid;}
.g-cp dl dd p a{font-size: 1.1rem;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp dl dd b{background: url(../image/cp_k02.png) no-repeat 50% 50%;display: block;width: 2rem;height: 3rem;position: absolute;bottom: 0;right: 0;font-size: 1.3rem;color: #fff;line-height: 3.3rem;padding-left: 1.4rem;overflow: hidden;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-cp ul li.cur h4 em img{margin-top: -0.75rem;}
.g-cp ul li.cur dl{display: block;}

/*产品优势*/
.g-four{width: 100%;padding: 3.5rem 0 5rem;}
.g-four .m-tit:before{left: 26%;}
.g-four .m-tit:after{right: 26%;}
.g-four .m-tit span:before{left: 33%;}
.g-four .m-tit span:after{right: 33%;}
.four_pic{width: 100%;line-height: 0;padding: 2.5rem 0 0;}
.four{width: 92%;margin: 0 auto;}
.four dl{padding-bottom: 2rem;padding-top: 1rem;}
.four dl dt{width: 2.8rem;height: 3rem;line-height: 0;margin: 0 auto;}
.four dl dt img{width: 2.8rem;height: 3rem;}
.four dl dd{text-align: center;}
.four dl dd h5{height: 3.6rem;line-height: 3.6rem;font-size: 2rem;color: #333;}
.four dl dd em{display: block;width: 2.25rem;height: 0.3rem;line-height: 0;overflow: hidden;margin: 0 auto;}
.four dl dd em img{width: 2.25rem;height: 0.3rem;}
.four dl dd p{font-size: 1.5rem;color: #666;line-height: 2rem;padding: 1.8rem 0 0;overflow: hidden;}
.switch{ display: flex; justify-content: center; align-content: flex-end;}
.switch .swiper-pagination-bullet {float: left;background: #d2d2d2; width: 4rem; opacity: 1; height: 0.25rem; margin: 0 .4rem !important; border-radius: 0.2rem;}
.switch .swiper-pagination-bullet-active { opacity: 1;background: #3871c1;}

/*优势*/
.g-yous{width: 100%;height: 44.6rem;padding-top: 3.8rem;background: url(../image/ys_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-yous .m-tit{color: #fff;}
.g-yous .m-tit:before{left: 16%;
background: #3468b2; /* Old browsers */
background: -moz-linear-gradient(left,  #3468b2 0%, #ffffff 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3468b2 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3468b2 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3468b2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.g-yous .m-tit:after{right: 16%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 50%, #ffffff 50%, #3468b2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 50%,#ffffff 50%,#3468b2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 50%,#ffffff 50%,#3468b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3468b2',GradientType=1 ); /* IE6-9 */}
.g-yous .m-tit span:before{left: 23%;background: #fff;}
.g-yous .m-tit span:after{right: 23%;background: #fff;}
.yous{padding: 20px 0 0;width: 92%;margin: 0 auto;position: relative;}
.yous dl{padding:1.7rem 0 3rem;background: #fff;width: 100%;}
.yous dl dt{width: 96.23%;line-height: 0;margin: 0 auto;}
.yous dl dd{width: 87%;margin: 0 auto;}
.yous dl dd h5{height: 4.2rem;line-height: 1.6rem;overflow: hidden;font-size: 1.5rem;color: #333;padding: 1.2rem 0 0;border-bottom: #f1f1f1 2px solid;}
.yous dl dd h5 i{display: block;font-size: 0.8rem;text-transform: uppercase;padding: 8px 0;}
.yous dl dd em{display: block;width: 6.5rem;height: 6.5rem;line-height: 0;overflow: hidden;margin: -3.3rem auto 0;background: #3871c1;border-radius: 50%;position: relative;z-index: 5;}
.yous dl dd em img{width: 6.5rem;height: 6.5rem;}
.yous dl dd span{width: 3rem;height: 2.5rem;display: block;line-height: 0;float: right;overflow: hidden;}
.yous dl dd span img{width: 3rem;height: 2.5rem;}
.yous dl dd ul li {
    line-height: 28px;
    height: 28px;
    border-bottom: 1px solid #ddd;
}

.yous dl dd ul .t1 b{
    display: inline-block;
    border-bottom: solid 2px #3569b4;
}
.yous dl dd p ul li p{
    font-size: 1rem;
    color: #666;
    line-height: 1.8rem;
    height: auto;
    padding: 1rem 0 0;
    overflow: hidden;
}
.yous .switch{width: 52%;position: absolute;top: 43.5rem;left: 0;}
.yous .switch .swiper-pagination-bullet {width: 2.5rem;}



/*见证*/
.g-jz{width: 92%;margin: 0 auto;padding: 0.5rem 0 3rem;}
.g-jz .m-tit:before{left: 19%;}
.g-jz .m-tit:after{right: 19%;}
.g-jz .m-tit span:before{left: 26%;}
.g-jz .m-tit span:after{right: 26%;}
.jz_nav{padding: 2.5rem 0 0.5rem;overflow: hidden;}
.jz_nav ul li{width: 33.33%;float: left;height: 2.5rem;position: relative;z-index: 1;}
.jz_nav ul li a{display: block;font-size: 1.1rem;color: #333;height: 2.5rem;line-height: 2.5rem;text-align: center;}
.jz_nav ul li:first-child a{font-weight: bold;}
.jz_nav ul li:first-child:before{content: "";width: 60%;height: 0.35rem;background: #3871c1;position: absolute;top: 1.6rem;left: 20%;z-index: -1;}
.jz_list{width: 100%;}
.jz_list dl{width: 100%;height: 11.4rem;overflow: hidden;border-bottom: #e4e4e4 1px solid;padding: 1.3rem 0;}
.jz_list dl dt{width: 44.2%;float: left;line-height: 0;}
.jz_list dl dd{width: 50%;float: left;padding: 1.4rem 1.8% 0 4%;background: #f6f6f6;height: 10rem;}
.jz_list dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.jz_list dl dd h5 a{font-size: 1.1rem;color: #000;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jz_desc{font-size: 1rem;color: #666;line-height: 1.7rem;padding: 0.5rem 0 0;}
.jz_list dl:nth-child(2){border-bottom: none;}



/*合作客户*/
.g-hz{width: 92%;margin: 0 auto;padding: 0 0 3rem;}
.g-hz .m-tit:before{left: 19%;}
.g-hz .m-tit:after{right: 19%;}
.g-hz .m-tit span:before{left: 26%;}
.g-hz .m-tit span:after{right: 26%;}
.hz_nav{padding: 2.5rem 0 0.5rem;overflow: hidden;}
.hz_nav ul li{width: 33.33%;float: left;height: 2.5rem;position: relative;z-index: 1;}
.hz_nav ul li a{display: block;font-size: 1.1rem;color: #333;height: 2.5rem;line-height: 2.5rem;text-align: center;}
.hz_nav ul li:first-child a{font-weight: bold;}
.hz_nav ul li:first-child:before{content: "";width: 60%;height: 0.35rem;background: #3871c1;position: absolute;top: 1.6rem;left: 20%;z-index: -1;}
.hz_list{width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between;}
.hz_list dl{width: 49%;height: 13rem;overflow: hidden;}
.hz_list dl dt{width: 100%;float: left;line-height: 0;}
.hz_list dl dd{width: 100%;float: left;padding: 1.4rem 1.8% 0 4%;background: #f6f6f6;height: 3rem;}
.hz_list dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.hz_list dl dd h5 a{font-size: 1.1rem;color: #000;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.hz_desc{font-size: 1rem;color: #666;line-height: 1.7rem;padding: 0.5rem 0 0;}
.hz_list dl:nth-child(2){border-bottom: none;}








/*案例*/
.g-case{width: 92%;margin: 0 auto;padding: 0 0 3rem;}
.g-case .m-tit:before{left: 19%;}
.g-case .m-tit:after{right: 19%;}
.g-case .m-tit span:before{left: 26%;}
.g-case .m-tit span:after{right: 26%;}
.case_nav{padding: 2.5rem 0 0.5rem;overflow: hidden;}
.case_nav ul li{width: 33.33%;float: left;height: 2.5rem;position: relative;z-index: 1;}
.case_nav ul li a{display: block;font-size: 1.1rem;color: #333;height: 2.5rem;line-height: 2.5rem;text-align: center;}
.case_nav ul li:first-child a{font-weight: bold;}
.case_nav ul li:first-child:before{content: "";width: 60%;height: 0.35rem;background: #3871c1;position: absolute;top: 1.6rem;left: 20%;z-index: -1;}
.case_list{width: 100%;display: flex; flex-wrap: wrap; justify-content: space-between;}
.case_list dl{width: 49%;height: 13rem;overflow: hidden;border-bottom: #e4e4e4 1px solid;padding: 2rem 0;}
.case_list dl dt{width: 100%;float: left;line-height: 0;}
.case_list dl dd{width: 100%;float: left;padding: 1.4rem 1.8% 0 4%;background: #f6f6f6;height: 3rem;}
.case_list dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.case_list dl dd h5 a{font-size: 1.1rem;color: #000;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}
.case_desc{font-size: 1rem;color: #666;line-height: 1.7rem;padding: 0.5rem 0 0;}
.case_list dl:nth-child(2){border-bottom: none;}

/*定制流程*/
.g-liuc{width: 92%;margin: 0 auto;padding: 1rem 0 3rem;}
.m-tit01{width: 100%;text-align: center;display: block;font-size: 1.5rem;color: #1a1a1a;font-weight: bold;height: 3.3rem;line-height: 1.5rem;position: relative;}
.m-tit01 i{display: block;font-size: 0.6rem;color: rgba(51,51,51,0.3);text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.m-tit01:before{content: "";width: 1.2rem;height: 0.3rem;background: #0445a7;position: absolute;bottom: 0;left: 50%;margin-left: -0.6rem;}
.g-liuc ul{margin-top: 2rem;width: 100%;height: 13rem;background: url(../image/liuc_k.gif) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-liuc ul li{width: 25%;float: left;text-align: center;font-size: 1rem;color: #333;height: 6.5rem;}
.g-liuc ul li em{width: 3.6rem;height: 2.6rem;display: block;line-height: 0;margin: 0 auto 0.4rem;overflow: hidden;background: #fff;}
.g-liuc ul li em img{width: 3.6rem;height: 2.6rem;}

/*走进森力电机*/
.g-about{width: 92%;margin: 0 auto;}
.g-about .m-tit:before{left: 30%;}
.g-about .m-tit:after{right: 30%;}
.g-about .m-tit span:before{left: 37%;}
.g-about .m-tit span:after{right: 37%;}
.g-about dl{width: 100%;padding: 1.8rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;}
.g-about dl dd{padding: 3rem 0;width: 100%;background: #f6f6f6;}
.ab_desc{font-size: 1.4rem;color: #333;line-height: 2rem;height: 9.6rem;overflow: hidden;width: 90%;margin: 0 auto;}
.photo_l{height: 0.5rem;width: 20rem;padding: 2rem 0 0 8.3rem;}
.photo_l ul li{width: 10rem;height: 2.5rem;line-height: 1.1rem;float: left;}
.photo_l li a{ font-size:1.1rem; color:#333;display:block; float:left;position: relative;height: 2.5rem;z-index: 1;}
.photo_l li:first-child a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0.2rem;
  top: 1.5rem;
  background: #3871c1;
  height: 0.25rem;
  width: 4.5rem;
}
.photo_l ul li em{display: block;float: left;width: 2.2rem;height: 2.1rem;line-height: 0;overflow: hidden;margin: 0 0.5rem 0 0;}
.photo_l ul li em img{width: 2.2rem;height: 2.1rem;}
.photo_l ul li span{display: block;float: left;}
.photo_l ul li i{display: block;font-size: 0.6rem;text-transform: uppercase;color: rgba(51,51,51,0.5);font-weight: normal;}
.photo_l ul li:first-child a{font-weight: bold;}

/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 0;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 750px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.homeShow { animation: fade 0.8s ease both; -webkit-animation: fade 0.8s ease both; }

/*渐显动画*/
@-webkit-keyframes fade {
  from { opacity: 1; display: block; }
  to { opacity: 0; display: none; height: 0; }
}
@keyframes fade {
  from { opacity: 1; display: block; }
  to { display: none; opacity: 0; height: 0; }
}
.fade { -webkit-animation-name: fade; animation-name: fade; }

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}