@charset "utf-8";
.brand {background: #f3f1f1;padding-bottom: 32px;}
.btt{text-align: center;padding: 30px 0 40px;}
.brlist{width: 1180px;margin: 0 auto;}
.brlist ul li{float: left;width: 580px;height: 378px;margin-right: 20px;margin-bottom: 10px;}
.brlist ul li:nth-child(2n){margin-right: 0;}

.brlist ul li p{font-size: 27px;color: #000;text-align: center;}

.brlbox{margin-left: 30px;}
.brlbox .brlb1{padding-left: 45px;font-size: 30px;color: #000;}
.brlbox dl dt {font-size: 30px;color: #000;position: relative;padding-left: 45px;}
.brlbox dl dt:after{position: absolute;width: 28px;height: 28px;background: #000;left: 0;top: 50%;margin-top: -5px;content: '';}
.brlbox dl dt span{font-size: 50px;font-weight: bold;}

.model3{background: #f3f1f1;}
.m3bT {font-size: 56px;color: #b42424;text-align: center;padding: 40px 0 50px;}
.m3bT span{font-size: 80px;font-weight: bold;color: #000;} 
.m3bbr1{position: relative;}
.m3bbr1_num{position: absolute;right: 0;top: 0;width: 145px;height: 145px;}
.m3bbr2_num{position: absolute;left: 0;top: 0;width: 145px;height: 145px;}
.m3bbr2{margin-top: 20px;}
.m3bbr1 .brlbox .brlb2{padding-top: 40px;}

.b1{height: 68px;border-bottom: 1px solid #c5c5c5;}
.b1 .hott {line-height: 68px;float: left;}
.b1 .hott span{font-size: 14px;color: #000;background: url(ht.png) no-repeat left;padding-left: 30px;}
.b1 .hott a{font-size: 14px;color: #000;display: inline-block;margin: 0 7px;}
.b1 .hott a:hover{color: #c01a1a;}


.search{width: 267px;height: 29px;border-radius: 20px;background: #fff;float: right;position: relative;line-height: 29px;margin-top: 19px;}
.search .inp1{font-size: 12px;color: #3e3e3e;padding-left: 10px;background: none;outline: none;appearance: none;width: 140px;}
.search .inp1::placeholder{color: #3e3e3e;}
.search input[type="submit"]{width: 52px;height: 29px;background:  url(sub.png) no-repeat center #c01a1a;border-top-right-radius: 20px;border-bottom-right-radius: 20px;    position: absolute;right: 0;}
.b2{padding-top: 28px;}
.b2l{float: left;width: 226px;height: 121px;background: #c01a1a;}
.b2l .b2lbox{width: 208px;height: 109px;text-align: center;color: #fff;margin: 6px auto;border:1px solid #e18183;}
.b2l .b2lbox .b2lbox1{font-size: 24px;padding-top: 30px;}

.b2r{float: left;padding-left: 40px;position: relative;}
.b2r .prev,.b2r .next{position: absolute;width:33px;height: 60px;left: 1px;z-index: 3;}
.b2r .prev{top: 61px;background: url(bprev.png) no-repeat center;}
.b2r .next{top: 0;background: url(bnext.png) no-repeat center;}
.b2r .bd ul li{float: left;margin-right: 10px;width: 179px;overflow: hidden;height: 121px;}


.comt{text-align: center;padding-top: 17px;padding-bottom: 42px;}
.comt .comt1{font-size: 36px;font-weight: bold;color: #333;position: relative;width: 600px;margin: 0 auto;}
.comt .comt1:after{position: absolute;width: 64px;height: 7px;background: url(hg4l.png) no-repeat center;right: 0;top: 50%;margin-top: -3.5px;content: '';}
.comt .comt1:before{position: absolute;width: 64px;height: 7px;background: url(hg4r.png) no-repeat center;left: 0;top: 50%;margin-top: -3.5px;content: '';}

.comt .comt2{font-size: 18px;font-weight: bold;color: #333;position: relative;}
.comt .comt2:after{position: absolute;width: 36px;height: 6px;background: #c01a1a;bottom: -14px;left: 50%;margin-left: -18px;content: '';}
.comt .comt3{font-size: 30px;color: #e0e0e0;text-transform: uppercase;}

.model1{padding-bottom: 64px;}
.pctl{width: 284px;float: left;}
.pctl .pctlt_pic{width: 52px;height: 57px;margin: 0 auto;padding-top: 8px;}
.pctl .pctlt{width: 284px;height: 100px;background: url(pcttbg.png) no-repeat center;padding: 50px 0px;background-size: cover;}
.pctl .pctlt_t{text-align: center;color: #fff;font-size: 18px;}

.sideMenu h3{width: 198px;height:37px;border-bottom: 1px solid #dcdcdc;text-align: left;line-height:37px;background: url(h3.png) no-repeat 50px #f1f1f1;padding-left: 86px;cursor: pointer;font-size: 18px;font-weight: normal;}
/* .sideMenu h3.on{background: url(h2on.png) no-repeat center;color: #fff;position: relative;} */
.sideMenu h3.on{background: #969696;color: #fff;position: relative;}
.sideMenu h3.on a{color: #fff;}
.sideMenu h3.on:after{position: absolute;width: 15px;height: 7px;background: url(h3onss.png) no-repeat center;top: 50%;left: 50px;content: '';margin-top: -3.5px;}

.sideMenu h3:last-child{border-bottom: 0;}
.sideMenu ul {padding:0 0 0 52px;background: #f5f5f5;}
.sideMenu ul li {background: url(ulon.png) no-repeat left;padding: 4px 0px;padding-left: 32px}
.sideMenu ul li a{line-height: 31px;font-size: 14px;color: #000;} 
.sideMenu ul li a:hover{color:#ccc;}

.pctlb{background: url(pcttbg.png) no-repeat center;width: 284px;height: 144px;margin-top: 2px;text-align: center;}
.pctlb .pctlb1{font-size: 18px;color: #fff;padding-top: 25px;}
.pctlb .pctlb2{font-size: 30px;color: #fff;}

.pctr{float: left;margin-left: 22px;width: 894px;}
.prolist ul li{width: 288px;border: 1px solid #d2d2d2;margin-right: 11px;float: left;margin-bottom: 22px;position: relative;overflow: hidden;    margin-bottom: 32px;}
.prolist ul li:nth-child(3n){margin-right: 0;}
.prolist ul li .pro_pic{width: 288px;height: 288px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.prolist ul li .pro_pic>img{display: block;margin: 0 auto;}
.prolist ul li .pro_p{text-align: center;height: 37px;line-height: 37px;background: #f5f5f5;font-size: 14px;color: #333;position: relative;width: 100%;bottom: 0;left: 0;}

.prolist ul li a{display: block;width: 288px;height: 288px;position: absolute;left: 0;top: 0;background: rgba(229,229,229,.3);opacity: 0;transform: scale(0);transition:all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.prolist ul li:hover a{transform: scale(1);opacity: 1;}
.prolist ul li .seepro{width: 288px;height: 187px;}
.prolist ul li .seepro .sicon{width: 48px;height: 47px;background: url(sicon.png) no-repeat center;position: absolute;left: 50%;margin-left: -24px;top: 50%;margin-top: -23px;}


.model2{position: relative;width: 1920px;left: 50%;margin-left: -960px;height: 277px;background: url(middlebanner.png) no-repeat center;}

.xd{float: right;;max-width: 628px;color: #fff;}
.xd .xd1{font-size: 16px;padding-top: 57px;line-height: 33px;}
.xd .xd2{width: 628px;height: 54px;line-height: 54px;background: #464646;font-size: 26px;position: relative;}
.xd .xd2 span{font-size: 48px;font-weight: bold;color: #ff1111;position: absolute;right: 160px;}
.xd .xd3{font-size: 18px;padding: 16px 0;}
.xd .xd4{width: 140px;height: 29px;line-height: 29px;text-align: center;}
.xd .xd4 a{display: block;width: 100%;height: 100%;color: #fff;background: #c01a1a;font-size: 14px;}


.model3 .why{font-size: 36px;color: #ac0808;}
.model3{padding-bottom: 100px;}
.whyList ul li{float: left;width: 240px;height: 540px;overflow: hidden;position: relative;background: #f5f5f5;}
/* .whyList ul li:nth-child(2n+1){background: #f5f5f5;} */
.whyList ul li .whypic{width: 240px;height: 270px;overflow: hidden;}

.whyList ul li:nth-child(2) .whypic{position: absolute;bottom: 0;left: 0;}
.whyList ul li:nth-child(2) .whybox{position: relative;top:0;left: 0;}


.whyList ul li:nth-child(4) .whypic{position: absolute;bottom: 0;left: 0;}
.whyList ul li:nth-child(4) .whybox{position: relative;top:0;left: 0;}


.whyList ul li .whypic img{transition: all .5s cubic-bezier(0.785, 0.135, 0.15, 0.86);width: 100%;}
.whyList ul li:hover img{transform: scale(1.2);}
.whybox .wb1{font-size:24px;font-weight: bold;color: #333;position: relative;margin-top: 60px;text-align: center;}
.whybox .wb1:after{position: absolute;width: 46px;height: 3px;background: #e60012;bottom: -17px;left: 50%;margin-left: -23px;content:'';}
.whybox .wb2{padding-top: 44px;padding-left: 28px;padding-right: 28px;text-align: justify;}


.model4{background: url(servebg.png) no-repeat center;color: #fff;text-align: center;padding-bottom: 42px;}
.m4T{font-size: 36px;font-weight: bold;position: relative;padding-top: 50px;}
.m4T::after{position: absolute;width: 36px;height: 6px;bottom: -40px;left:50%;margin-left: -18px;content: '';background: #c01a1a;}

.m4c{font-size: 18px;max-width: 845px;text-align: center;width: 845px;margin: 0 auto;padding-top: 74px;padding-bottom: 25px;}
.serveList ul li{width: 100%;border: 1px solid #606162;background:rgba(255,255,255,.2);margin-bottom: 29px;padding: 10px 0;}
.serveList ul li:nth-child(2n+1){margin-right: 34px;}
.serveList ul li .count{text-align: left;padding-left: 30px;}
.serveList ul li .count em{display: inlines-block;font-style: italic;font-size: 36px;font-weight: bold;color: #ff3535;display: inline-block;position: relative;top: 5px;position: relative;top: 0;transition: all .4s linear;}
.serveList ul li .count i{ display: inline-block;width: 90%;line-height: 30px;margin-left: 30px;padding-top: 5px;font-size: 18px;}
/* .serveList ul li .count span{font-size: 14px;line-height: 60px;padding-left: 15px;} */

.serveList ul li:hover {background: #000;}
.serveList ul li:hover .count em{top: -3px;}


.m4zx{width: 487px;height: 40px;background: #c01a1a;margin: 0 auto;}
.m4zxl{float: left;width: 240px;height: 34px;line-height: 34px;background: #262628;margin-top: 3px;margin-left: 3px;}
.m4zxr{line-height: 40px;font-size: 24px;font-weight: bold;}

.slideGroup{position: relative;}
.slideGroup .sPrev{position: absolute;width: 77px;height: 77px;background: url(sprev.png) no-repeat center;left: -115px;top: 50%;margin-top: -30px;;}
.slideGroup .sNext{position: absolute;width: 77px;height: 77px;background: url(snext.png) no-repeat center;right: -115px;top: 50%;margin-top: -30px;;}

.slideGroup .parHd ul li{float: left;width:20%;height: 61px;background: #e9e9e9;text-align: center;line-height: 61px;font-size: 18px;color: #444;font-weight: bold;}
.slideGroup .parHd ul li.on{background: #444;color: #fff;cursor: pointer;}
.slideGroup .parBd{padding: 21px 0;}
.slideGroup .parBd .slideBox ul li{width: 380px;margin-right: 30px;float: left;}
.anlipic{width: 380px;height: 253px;border: 1px solid #ccc;overflow: hidden;box-sizing: border-box;}
.anlipic a img{width: 100%;}
.slideGroup .parBd .slideBox ul li .anlit{padding: 10px 0;}
.slideGroup .parBd .slideBox ul li .anlit a{font-size: 16px;font-weight: bold;line-height: 16px;color: #333333;}
.slideGroup .parBd .slideBox ul li .anlicon { font-size: 14px;color: #666;margin-bottom: 35px;}
.slideGroup .parBd .slideBox ul li .anlilink {display: block;width: 100px;height: 35px;background: #c01a1a;text-align: center;line-height: 35px;}
.slideGroup .parBd .slideBox ul li .anlilink a{display: block;font-size: 14px;color: #fff;}

.anlipic{overflow: hidden;}
.anlipic img{width: 100%;}
/* .slideGroup .parBd .slideBox ul li a .anlipic{width: 361px;height: 203px;overflow: hidden;transition: all 0.3s linear;}
.slideGroup .parBd .slideBox ul li a>p{height: 57px;line-height: 57px;background: #f5f5f5;text-align: center;font-size: 18px;color: #333;}
.slideGroup .parBd .slideBox ul li:hover p{background: #c01a1a;color: #fff;} */

/* .slideTxtBox .hd{border: 6px solid #444;} */
.slideTxtBox .hd>ul>li{border: 1px solid #999;margin-right: 24px;float: left;width: 201px;height: 52px;text-align: center;line-height: 52px;cursor: pointer;transition: all .5s ease-out;}
.slideTxtBox .hd>ul>li>span{font-size: 16px;color: #333;position: relative;}
.slideTxtBox .hd>ul>li>span:after{position: absolute;width: 16px;height: 2px;background: #333;top: 50%;margin-top: -1px;left: -30px;content:'';transition: all .5s cubic-bezier(0.95, 0.05, 0.795, 0.035)}
.slideTxtBox .hd>ul>li>span:before{position: absolute;width: 16px;height: 2px;background: #333;top: 50%;margin-top: -1px;right: -30px;content:'';transition: all .5s cubic-bezier(0.95, 0.05, 0.795, 0.035)}

.slideTxtBox .hd>ul>li:hover{background: #444;}
.slideTxtBox .hd>ul>li:hover .lisp{color: #fff;}
.slideTxtBox .hd>ul>li:hover .lisp:after{opacity: 0;}
.slideTxtBox .hd>ul>li:hover .lisp:before{opacity: 0;}

.slideTxtBox .hd>ul>li.on{background: #444;}
.slideTxtBox .hd>ul>li.on .lisp{color: #fff;}
.slideTxtBox .hd>ul>li.on .lisp a{color: #fff;}
.slideTxtBox .hd>ul>li.on .lisp:after{opacity: 0;}
.slideTxtBox .hd>ul>li.on .lisp:before{opacity: 0;}

.slideTxtBox .bd>ul>li>.nl{width: 513px;height: 366px;float: left;margin-top: 33px;}

.nlslideBox{position: relative;}
.nlslideBox>.nlhd{position: absolute;bottom: 25px;right: 18px;z-index: 3;}
.nlslideBox>.nlhd>ul{width: 80px;text-align: center;}
.nlslideBox>.nlhd>ul>li{display: inline-block;margin: 0 5px;width: 11px;height: 11px;background: #e6e6e6;border-radius: 100%;text-indent: -9999px;cursor: pointer;}
.nlslideBox>.nlhd>ul>li.on{background: #c01a1a;}
.nlslideBox>.nlbd{position: relative;overflow: hidden;}
.nlslideBox>.nlbd>ul>li>a>.nlp{width: 100%;height: 60px;line-height: 60px;position: relative;bottom: 0;left: 0;background: #444;padding-left: 30px;color: #fff;font-size: 18px;}
.slideTxtBox .bd>ul>li>.nr{width: 640px;float: right;margin-top: 12px;}
.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt{padding:1px 0;}
.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt:not(:last-child){border-bottom: 1px dashed #b4b4b4;}
.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt>.nrll{float: left;border-right: 24px solid #fff;width: 120px;height: 90px;overflow: hidden;}
.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt>.nrll a img{width: 100%;}
.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt>.nrlr{float: left;width: 100%;}

.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt>.nrlr .nrlr1{font-size: 14px;font-weight: bold;padding: 10px 0;}
.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt>.nrlr .nrlr1 a{color: #444;display: block;float: left;width: 532px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt>.nrlr .nrlr1 span{display: block;float: right;font-size: 14px;color: #333;}
.slideTxtBox .bd>ul>li>.nr .nrList>dl>dt>.nrlr .nrlr2{font-size: 12px;color: #333;line-height: 22px;}

.model6{padding-bottom: 60px;}

.model7{background: #f5f5f5;padding-bottom: 67px;margin-top: 41px;}

.abp1{padding-bottom: 46px;}
.abp1l{width: 600px;padding-left: 3px;padding-top: 44px;float: left;}
.abp1l .abtname{font-size: 30px;font-weight: bold;color: #333;}
.abp1l .abtename{font-size: 14px;color: #848484;text-transform: uppercase;padding-bottom: 34px;}
.abp1l .abtcon{font-size: 14px;color: #333;line-height: 32px;padding-bottom: 60px;}

.abtintor ul li{display: flex;align-items: flex-end; margin-right: 6px;float: left;width: 195px;height: 50px;background: #444;text-align: center;line-height: 50px;transition: all .5s cubic-bezier(0.755, 0.05, 0.855, 0.06);}
.abtintor ul li:last-child{margin-right: 0;}
.abtintor ul li>a{color: #fff;font-size: 18px;font-weight: bold;display: block;width: 100%;height: 100%;}
.abtintor ul li:hover a{ display: block;height:73px;line-height: 73px;width: 195px;transition: height .5s;background: #c01a1a;}


.abp1r{float: right;width: 527px;height: 345px;background: #fff;padding-top: 4px;}

/* 暂时 */
.abp1r> .V img{display: block;margin:9px auto}

.abp2l{float: left;width: 123px;height: 83px;background: #444;text-align: center;line-height: 83px;color: #fff;font-size: 18px;font-weight: bold;}
.abp2r{float: left;background: #fff;width: 1040px;height: 74px;padding-top: 9px;padding-left: 18px;padding-right: 18px;color: #444;line-height: 25px;}