/*banner*/
.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide .bg img{ width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .layer{ position: absolute; left: 50%; margin-left: -698px; top: 30%; z-index: 1; color: #fff; }
.ind-banner .en{ font-size: 52px; line-height: 60px; text-transform: uppercase; font-family:bold;}
.ind-banner .cn{ font-size: 30px; line-height: 30px; padding-top: 30px; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; bottom: 30px!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 8px; height: 8px; opacity: 1; border-radius: 50%; background: rgba(255,255,255,0.5); margin-left: 10px!important; margin-right: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #e62129;}
/*banner结束*/

.indexP1{ padding: 120px 0; }
.indexP1 .title{ text-align: center; font-size: 42px; line-height: 42px; color: #000; padding-bottom: 60px; font-weight: bold; }
.indexP1 .tab{ text-align: center; color: #333; padding-bottom: 30px; }
.indexP1 .tab ul{ font-size: 0; }
.indexP1 .tab li{ display: inline-block; position: relative; margin: 0 24px; font-size: 18px; color: #333; line-height: 18px; height: 30px; }
.indexP1 .tab li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #e62129; }
.indexP1 .tab .liNow{ color: #e62129; }
.indexP1 .tab .liNow:after{ left: 0; width: 100%; }

.indexP1 .tabContentDiv{ padding-bottom: 60px; }
.indexP1 .list{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.indexP1 .list ul{ margin-right: -24px; }
.indexP1 .list li{ float: left; width: 25%; padding-bottom: 24px; }
.indexP1 .list li .box{ position: relative; margin-right: 24px; border-radius: 8px; height: 430px; box-sizing: border-box; padding-top: 60px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); overflow: hidden;}
.indexP1 .list li .imgDiv{ height: 250px; overflow: hidden;}
.indexP1 .list li .imgDiv img{ max-width: 280px; max-height: 250px; }
.indexP1 .list li .name{ padding: 50px 15px 0; text-align: center; height: 30px; line-height: 30px; font-size: 18px; color: #333; font-family: regular; }
.indexP1 .list li .btnDiv{ position: absolute; left: 50%; margin-left: -47px; bottom: -50px; width: 94px; height: 36px; line-height: 36px; border-radius: 24px; background: #e62129; text-align: center; color: #fff; font-size: 14px; }
.indexP1 .list li .box:hover{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); }
.indexP1 .list li .box:hover .name{ padding: 10px 15px 0; }
.indexP1 .list li .box:hover .btnDiv{ bottom: 30px; }

.indexP1 .moreBtn{ width: 160px; margin: 0 auto; }
.indexP1 .moreBtn a{ display: block; width: 100%; height: 48px; line-height: 44px; font-size: 16px; text-align: center; color: #e62129; box-sizing: border-box; border: #f37f89 solid 2px; border-radius: 24px; }
.indexP1 .moreBtn a:hover{ background: #e62129; border: #e62129 solid 2px; color: #fff; }

.indexP2{ position: relative; }
.indexP2 .runpic-words{ position: absolute; width: 190px; left: 50%; margin-left: -698px; top: 50%; transform: translateY(-50%); z-index: 2; }
.indexP2 .runpic-words:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.3); }
.indexP2 .runpic-words li{ cursor: pointer; height: 48px; line-height: 48px; position: relative; padding-left: 15px; color: #fff; font-size: 16px;}
.indexP2 .runpic-words li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.3); z-index: 1; }
.indexP2 .runpic-words .liNow{ background: #e62129; }
.runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 8.6rem; background-color: #b6b5aa;}
.runpic-pic ul li { width: 100%; height: 8.6rem; display: none; }
.runpic-pic ul li a{ width: 100%; height: 100%; }
.runpic-pic ul li .bg{ width: 100%; height: 8.6rem; background: center no-repeat; position: absolute; top: 0; left: 0; background-size: cover;}
.runpic-pic-true{animation: toPicBig 1s ease-in-out both;}
.runpic-pic ul li .txtLayer{/* opacity: 0;*/ position: relative; z-index: 1; text-align: center; color: #fff;}
.runpic-pic ul li .name{ font-size: 42px; line-height: 42px; font-weight: bold; padding-bottom: 35px; }
.runpic-pic ul li .msg{ width: 520px; margin: 0 auto; font-size: 18px; line-height: 30px; height: 150px; }
.runpic-pic ul li .btnDiv{ width: 180px; height: 56px; line-height: 56px; margin: 0 auto; font-size: 16px; background: #e70013; border-radius: 32px; color: #fff; }
.runpic-pic ul li.on .txtLayer{ opacity: 1;}

.indexSolu .swiper-slide a{ height: 8.8rem; position: relative; }
.indexSolu .bg{ width: 100%; height: 100%; background: center no-repeat; position: absolute; top: 0; left: 0; background-size: cover;}
.indexSolu .txtLayer{ position: relative; z-index: 1; text-align: center; color: #fff;}
.indexSolu .name{ font-size: 0.42rem; line-height: 0.42rem; padding-bottom: 0.45rem; }
.indexSolu .msg{ width: 78%; margin: 0 auto; font-size: 0.28rem; line-height: 0.5rem; height: 2.5rem; }
.indexSolu .btnDiv{ width: 2.4rem; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; font-size: 0.28rem; background: #e70013; border-radius: 0.48rem; color: #fff; }
.indexSolu .swiper-pagination{ bottom: 0.4rem!important; }
.indexSolu .swiper-pagination-bullet { background: rgba(255,255,255,0.8); } 
.indexSolu .swiper-pagination-bullet-active { background: #e62129;}


.indexP3{ padding: 120px 0; }
.indexP3 .bigBox{ position: relative; }
.indexP3 .leftDiv{ width: 290px; }
.indexP3 .title{ font-size: 42px; line-height: 42px; color: #000; font-weight: bold; padding-bottom: 30px; }
.indexP3 .wen{ padding-bottom: 20px; font-size: 24px; line-height: 24px; color: #333; }
.indexP3 .content{ font-size: 16px; line-height: 30px; text-align: justify; }
.indexP3 .moreBtn{ width: 160px; padding-top:50px; z-index:1;}
.indexP3 .moreBtn a{ display: block; width: 100%; height: 48px; line-height: 44px; font-size: 16px; text-align: center; color: #e62129; box-sizing: border-box; border: #f37f89 solid 2px; border-radius: 24px; }
.indexP3 .moreBtn a:hover{ background: #e62129; border: #e62129 solid 2px; color: #fff; }

.indexP3 .arrowDiv{ position:relative; z-index: 1; padding-top:30px; text-align:center;}
.indexP3 .arrowDiv a{ display: inline-block; margin:0 10px; position: relative; box-sizing: border-box; width: 50px; height: 50px; border-radius: 50%; z-index: 2; border: #cecece solid 2px; margin-right: 20px;}
.indexP3 .prev{ background: url(../images/nimg7_left.png) center no-repeat; }
.indexP3 .next{ background: url(../images/nimg7_right.png) center no-repeat; }
.indexP3 .prev:hover{ background: #e62129 url(../images/nimg7_lefton.png) center no-repeat; border: #e62129 solid 2px;}
.indexP3 .next:hover{ background: #e62129 url(../images/nimg7_righton.png) center no-repeat; border: #e62129 solid 2px;}

.indexP3 .rightDiv{ width: 970px; }
.partnerPic .list{ overflow: hidden; }
.partnerPic .list li{ padding: 8px 0; }
.partnerPic .box{ height: 120px; border-radius: 12px; border: #dde2e7 solid 1px; overflow: hidden; }
.partnerPic .box img{ max-width: 160px; max-height: 80px; }
.partnerPic .swiper-pagination{ display: none; position: relative; padding-top: 0.5rem; bottom: 0!important; }
.partnerPic .swiper-pagination-bullet { background: #dfdfdf; opacity: 1; } 
.partnerPic .swiper-pagination-bullet-active { background: #e62129;}


.indexP4{ background: #f8f8f8; padding: 120px 0; }
.indexP4 .title{ text-align: center; font-size: 42px; line-height: 42px; color: #000; font-weight: bold; padding-bottom: 40px; }
.indexP4 .leftDiv{ width: 784px; }
.indexP4 .leftDiv ul{ margin-right: -20px; }
.indexP4 .leftDiv li{ float: left; width: 50%; }
.indexP4 .leftDiv li .box{ margin-right: 20px; background: #fff; }
.indexP4 .leftDiv li .imgDiv{ overflow: hidden; height: 250px; }
.indexP4 .leftDiv li .imgDiv img{ width: 100%; }
.indexP4 .leftDiv li .botDiv{ height: 180px; padding: 20px 30px 0; box-sizing: border-box; }
.indexP4 .leftDiv li .name{ font-size: 18px; color: #434343; line-height: 32px; height: 64px; overflow: hidden; }
.indexP4 .leftDiv li .time{ margin-top: 25px; font-size: 14px; color: #cacbcd; line-height: 34px; height: 34px; font-family: bold; position: relative;}
.indexP4 .leftDiv li .time:after{ content: ''; opacity: 0; position: absolute; right: 10px; top: 0; width: 34px; height: 34px; background: url(../images/nimg34_1.png) no-repeat; }
.indexP4 .leftDiv li .box:hover{ box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); }
.indexP4 .leftDiv li .box:hover .name{ color: #e62129; }
.indexP4 .leftDiv li .box:hover .time:after{ opacity: 1; right: 0; }
.indexP4 .leftDiv li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexP4 .rightDiv{ width: 588px; height: 430px; background: #fff; }
.indexP4 .rightDiv li{ height: 143px; position: relative; padding: 0 35px 0 40px;}
.indexP4 .rightDiv li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f0eeee; }
.indexP4 .rightDiv li:last-child:after{ display: none; }
.indexP4 .rightDiv li a{ display: block; padding-right: 120px; position: relative;}
.indexP4 .rightDiv li .name{ padding-top: 30px; height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; color: #434343; }
.indexP4 .rightDiv li .content{ padding-top: 5px; font-size: 14px; color: #929292; line-height: 24px; height: 48px; overflow: hidden; }
.indexP4 .rightDiv li .time{ text-align: center; font-size: 14px; color: #cacbcd; font-family: regular; position: absolute; right: 0; top: 30px; }
.indexP4 .rightDiv li .time em{ display: block; font-size: 44px; line-height: 44px; font-family: bold; }
.indexP4 .rightDiv li:hover .name{ color: #e62129;}

.indexP4 .moreBtn{ width: 160px; margin: 50px auto 0; }
.indexP4 .moreBtn a{ display: block; width: 100%; height: 48px; line-height: 44px; border-radius: 24px; font-size: 16px; text-align: center; color: #e62129; box-sizing: border-box; border: #f37f89 solid 2px; }
.indexP4 .moreBtn a:hover{ background: #e62129; border: #e62129 solid 2px; color: #fff; }

.about{ padding: 120px 0; }
.about .leftCon{ width: 590px; }
.about .title{ font-size: 42px; line-height: 42px; color: #000; font-weight: bold; padding-bottom: 32px; }
.about .msg{ padding-left: 14px; position: relative; font-size: 24px; line-height: 36px; color: #000; text-align: justify; }
.about .msg:before{ content: ''; position: absolute; left: 0; top: 6px; width: 2px; height: 60px; background: #e62129; }
.about .content{ font-size: 16px; line-height: 36px; text-align: justify; padding-top: 12px; }
.about .rightImg img{ width: 696px; }

.culture{ padding: 120px 0 80px; }
.culture .title{ font-size: 42px; line-height: 42px; color: #000; text-align: center; font-weight: bold; padding-bottom: 40px; }
.culture .secondDiv{ padding-bottom:40px;}
.culture .secondDiv li{ float:left; margin-right:40px; font-size:18px;}
.culture .secondDiv li a{ display:block; height:32px; line-height:16px; position:relative;}
.culture .secondDiv li a:after{ content:''; position:absolute; width:0; left:50%; bottom:0; height:2px; background:#e62129;transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.culture .secondDiv li a.on{ color:#e62129;}
.culture .secondDiv li a.on:after{ left:0; width:100%;}

.culture .list ul{ margin-right: -30px; }
.culture .list li{ float: left; width: 33.33%; padding-bottom: 30px; }
.culture .list li .box{ margin-right: 30px; position: relative; overflow: hidden; }
.culture .list li .imgDiv img{ width: 100%; }
.culture .list li .name{ position: absolute; left: 30px; right: 30px; bottom: 20px; height: 36px; line-height: 36px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; z-index: 1; font-size: 18px; color: #fff; }
.culture .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.contact{ padding: 120px 0; }
.contact .title{ text-align: center; font-size: 42px; line-height: 42px; color: #000; font-weight: bold; padding-bottom: 40px;}
.contact .bigBox{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); height: 420px; margin-bottom: 50px; }
.contact .conDiv{ padding-left: 80px; padding-right: 60px; width: 50%; box-sizing: border-box; }
.contact .mapDiv{ width: 50%; height: 100%; background: center no-repeat; background-size: cover; }
.contact .bigBox .name{ font-size: 30px; line-height: 30px; color: #000; font-weight: bold;}
.contact .bigBox .msgList{ padding-top: 20px; }
.contact .bigBox .msgList li{ font-size: 16px; line-height: 30px; }
.contact .bigBox .btnDiv{ padding-top: 45px; }
.contact .bigBox .btnDiv a{ display: block; width: 140px; border: #f37f89 solid 2px; box-sizing: border-box; text-align: center; height: 48px; line-height: 44px; border-radius: 36px; font-size: 16px; color: #e62129; }
.contact .bigBox .btnDiv a:hover{ background: #e62129; border: #e62129 solid 2px; color: #fff; }

.officePic{ position: relative; }
.officePic .list{ overflow: hidden; }
.officePic .list .imgDiv img{ width: 100%; }
.officePic .list .name{ padding-top: 20px; height: 36px; line-height: 36px; color: #000; overflow: hidden; font-size: 18px;}
.officePic .list .msg{ padding-top: 5px; }
.officePic .list .msg li{ font-size: 16px; line-height: 30px; }
.officePic .arrow{ position: absolute; display: block; width: 50px; height: 50px; top: 50%; margin-top: -25px; border-radius: 50%; z-index: 2; border: #cecece solid 2px; }
.officePic .prev{ background: url(../images/nimg7_left.png) center no-repeat; left: -100px; }
.officePic .next{ background: url(../images/nimg7_right.png) center no-repeat; right: -100px; }
.officePic .prev:hover{ background: #e62129 url(../images/nimg7_lefton.png) center no-repeat; border: #e62129 solid 2px;}
.officePic .next:hover{ background: #e62129 url(../images/nimg7_righton.png) center no-repeat; border: #e62129 solid 2px;}

.partner{ padding: 120px 0; }
.partner .title{ text-align: center; font-size: 42px; line-height: 42px; color: #000; font-weight: bold; padding-bottom: 40px; }
.partner .list ul{ margin-right: -23px; }
.partner .list li{ float: left; width: 20%; padding-bottom: 23px; }
.partner .list li .box{ margin-right: 23px; height: 170px; border-radius: 12px; box-shadow: 4px 6px 38px 0px rgba(135, 135, 135, 0.15); overflow: hidden; }
.partner .list li .imgDiv img{ max-width: 170px; max-height: 80px; }

.news{ padding: 40px 0 120px; }
.news .list li a{ display: block; padding: 60px 0 60px 478px; box-sizing: border-box; height: 304px; position: relative; }
.news .list li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eaeaea; }
.news .list li .time{ position: absolute; left: 0; top: 60px; font-size: 18px; line-height: 18px; color: #333; font-family: regular; }
.news .list li .imgDiv{ position: absolute; left: 155px; top: 60px; }
.news .list li .imgDiv img{ width: 282px; max-height: 184px; }
.news .list li .name{ font-weight: bold; font-size: 24px; line-height: 32px; color: #333; }
.news .list li .content{ padding-top: 20px; font-size: 16px; line-height: 28px; color: #666; height: 56px; overflow: hidden; }
.news .list li .ico{ position: absolute; left: 478px; bottom: 60px; width: 26px; height: 16px; background: url(../images/nimg26_1.png) no-repeat; }
.news .list li a:hover:after{ background: #e62129; height: 2px; }
.news .list li a:hover .name{ color: #e62129; }
.news .list li a:hover .ico{ background: url(../images/nimg26_1on.png) no-repeat;}

.newShow{ padding: 100px 0; }
.newShow .time{ font-size: 18px; line-height: 18px; padding-bottom: 15px; color: #e70013; font-family: bold; }
.newShow .name{ font-size: 36px; color: #000; font-weight: bold; line-height: 48px; padding-bottom: 20px; border-bottom: #e9e9e9 solid 1px; }
.newShow .content{ font-size: 16px; line-height: 30px; padding: 50px 0 100px; }
.newShow .imgDiv{ text-align: center; padding: 45px 0; }
.newShow .content img{ max-width: 1000px; }

.pageDown{ border-top: #e9e9e9 solid 1px; padding-top: 25px; position: relative; padding-right: 150px;}
.pageDown .list li{ font-size: 14px; }
.pageDown .list li a{ display: block; line-height: 40px; height: 40px; overflow: hidden; color: #333;}
.pageDown .list li em{ color: #999; }
.pageDown .list li a:hover{ color: #e70013; }
.pageDown .btnDiv{ position: absolute; right: 0; top: 40px; }
.pageDown .btnDiv a{ display: block; position: relative; width: 135px; text-indent: 52px; background: #f3f3f3; height: 48px; line-height: 48px; font-size: 14px; color: #666; border-radius: 6px; }
.pageDown .btnDiv a:before{ content: ''; position: absolute; left: 26px; top: 50%; width: 16px; height: 14px; margin-top: -7px; background: url(../images/nimg16_4.png) no-repeat; }
.pageDown .btnDiv a:hover{ background: #e70013; color: #fff;}
.pageDown .btnDiv a:hover:before{ background: url(../images/nimg16_4on.png) no-repeat; }

.job{ padding: 120px 0; }
.job .title{ text-align: center; font-size: 42px; line-height: 42px; color: #000; font-weight: bold; padding-bottom: 40px; }
.jobTop{ height: 90px; background: #afa19d; overflow: hidden; margin-bottom: 20px; }
.jobTop li{ width: 18%; float: left; height: 90px; line-height: 90px; font-size: 18px; text-align: left; color: #fff;}
.jobTop .li01{ width: 28%; text-indent: 40px; }

.job .list li{ position:relative; margin-bottom: 20px;}
.job .list li .msgDiv{ height: 90px; overflow: hidden; position: relative; background: #fff; box-shadow: 0px 0px 25px 0px rgba(71, 67, 66, 0.2);}
.job .list li .msgDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #e62129; }
.job .list li .msgDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 90px; height: 90px; background: url(../images/ico1.png) center no-repeat; border-left: #e7f0f8 solid 1px; }
.job .list li .msgDiv a{ display: block; height: 90px; }
.job .list li .box{ display:none; padding: 50px 40px 30px; }
.job .list li .msgDiv dd{ width: 18%; height: 90px; float:left; line-height: 90px; font-size: 18px; color: #666;}
.job .list li .msgDiv .dd01{ width: 28%; text-indent: 40px; color: #000; }
.job .list li .msgDiv.aNow:after{ background: url(../images/ico1on.png) center no-repeat; }
.job .list li h2{ font-size: 18px; line-height: 30px; color: #333;}
.job .list li .content{ line-height:30px; padding-bottom: 35px; font-size:16px;}

.commonBox{ padding: 100px 0; }
.sideTitle{ height: 170px; padding-top: 50px; box-sizing: border-box; color: #fff; font-size: 42px; line-height: 42px; font-weight: bold; padding-left: 40px; background: #e62129 url(../images/nimg290Bg.png) center bottom no-repeat; background-size: 100%; }
.leftNav{ padding-top: 10px; }
.leftNav li{ margin-bottom: 1px; font-size: 16px;}
.leftNav li a{ display: block; position: relative; height: 60px; line-height: 60px; background: #f6f6f6; padding-left: 20px; color: #333; }
.leftNav li a:before{ content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #e62129; display: none; }
.leftNav li .aNow{ background: #ffe3e4; color: #e62129; }
.leftNav li .aNow:before{ display: block; }
.leftNav li a:hover{ color: #e62129; }

.solution{ overflow: hidden; }
.solution .name{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold; padding-bottom: 40px;}
.solution .content{ font-size: 16px; line-height: 28px; }
.solution .imgDiv{ padding-top: 70px; text-align: center;}
.solution .imgDiv img{ max-width: 1020px; }

.product{ padding: 120px 0; background: #f7f7f7;}
.product .title{ text-align: center; font-size: 42px; line-height: 42px; font-weight: bold; color: #000; padding-bottom: 45px; }
.product .list ul{ margin-right: -24px; }
.product .list li{ float: left; width: 25%; padding-bottom: 24px; }
.product .list li .box{ position: relative; margin-right: 24px; border-radius: 8px; height: 430px; box-sizing: border-box; padding-top: 60px; background: #fff; overflow: hidden;}
.product .list li .imgDiv{ height: 250px; overflow: hidden;}
.product .list li .imgDiv img{ max-width: 280px; max-height: 250px; }
.product .list li .name{ padding: 50px 15px 0; text-align: center; height: 30px; line-height: 30px; font-size: 18px; color: #333; font-family: regular; }
.product .list li .btnDiv{ position: absolute; left: 50%; margin-left: -47px; bottom: -50px; width: 94px; height: 36px; line-height: 36px; border-radius: 24px; background: #e62129; text-align: center; color: #fff; font-size: 14px; }
.product .list li .box:hover{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2); }
.product .list li .box:hover .name{ padding: 10px 15px 0; }
.product .list li .box:hover .btnDiv{ bottom: 30px; }

.productP1{ background: #f7f7f7; padding: 120px 0; position: relative; }
.productP1 .leftDiv{ width: 696px; position: relative; z-index: 2; }

.proPic .limg img{ width: 100%; }
.proPic .swiper-pagination{ bottom: 30px!important; }
.proPic .swiper-pagination .swiper-pagination-bullet-active{ background: #e62129; }

.productP1 .rightCon{ width: 605px; padding-top: 60px; position: relative; z-index: 2;}
.productP1 .wen{ font-size: 24px; color: #332c2b; line-height: 24px; font-family: regular; padding-bottom: 15px; }
.productP1 .name{ font-size: 48px; line-height: 48px; font-weight: bold; color: #000; padding-bottom: 35px; }
.productP1 .txt{ font-size: 24px; color: #332c2b; line-height: 24px; font-weight: bold; }
.productP1 .msg{ font-size: 16px; line-height: 30px; padding-top: 25px; }

#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.productP2{ padding: 120px 0; }
.productP2 .leftDiv{ width: 860px; }
.productP2 .title{ font-size: 30px; line-height: 30px; padding-left: 15px; padding-bottom: 30px; border-bottom: #e8e8e8 solid 1px; color: #000; position: relative; }
.productP2 .title2{ border-bottom: none; }
.productP2 .title:before{ content: ''; position: absolute; left: 0; top: 2px; width: 3px; height: 28px; background: #e62129; }
.productP2 .content{ font-size: 16px; line-height: 30px; padding: 45px 0 95px; }
.productP2 .msg{ font-size: 16px; line-height: 30px; padding-top: 45px; }

.productP2 .rightDiv{ width: 330px; }
.productP2 .mxfDiv{ border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07); padding: 60px 15px 0; height: 430px; box-sizing: border-box; }
.productP2 .imgDiv{ height: 250px; overflow: hidden; }
.productP2 .imgDiv img{ max-width: 300px; max-height: 220px; }
.productP2 .name{ text-align: center; padding-top: 45px; line-height: 40px; font-size: 18px; color: #333; }