/*banner*/
.ind-banner{ margin-top:160px; width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; height: 7.3rem; overflow:hidden;}
.ind-banner .swiper-slide .bg{ height: 7.3rem; position: absolute; left: 0; top: 0; width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .txtLayer{ position: absolute; overflow: hidden; left: 50%; margin-left: -6.82rem; top: 50%; width: 5.5rem; height: 3.45rem; border-radius: 12px; box-sizing: border-box; padding: 0.5rem 0.65rem 0; background: rgba(30,109,174,0.9); color: #fff; transform: translateY(-50%); z-index: 2;} 
.ind-banner .name{ font-size: 32px; line-height: 32px; font-weight: bold; position: relative; padding-bottom: 0.35rem;}
.ind-banner .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background: #fff; }
.ind-banner .msg{ padding-top: 0.3rem; font-size: 18px; line-height: 36px; height: 72px; overflow: hidden; }
.ind-banner .btnDiv{ padding-top: 0.3rem; }
.ind-banner .btnDiv em{ display: block; position: relative; width: 158px; height: 46px; line-height: 44px; border: #fff solid 1px; border-radius: 4px; color: #fff; font-size: 16px; box-sizing: border-box; text-indent: 25px; }
.ind-banner .btnDiv em:after{ content: ''; position: absolute; right: 17px; top: 50%; width: 34px; height: 24px; margin-top: -12px; border-left: #fff solid 1px; background: url(../images/ico2.png) right center no-repeat; }
.ind-banner .btnDiv em:hover{ background: #fff; color: #1b6dae; }
.ind-banner .btnDiv em:hover:after{ border-left: #1b6dae solid 1px; background: url(../images/ico2on.png) right center no-repeat; }

.ind-banner .swiper-pagination{ bottom: 0.5rem!important; }
.ind-banner .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 10px!important; opacity: 1; background: #cdced0; border-radius: 50%;}
.ind-banner .swiper-pagination-bullet-active{ background: #fff; }
.ind-banner .btn{ position: absolute; z-index: 2; width: 60px; height: 60px; top: 50%; margin-top: -30px; border: rgba(255,255,255,0.5) solid 2px; box-sizing: border-box; border-radius: 50%; }
.ind-banner .prev{ left: 75px; }
.ind-banner .next{ right: 75px; }
.ind-banner .prev:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 15px; height: 28px; margin-left: -8px; margin-top: -14px; background: url(../images/nimg15_left.png) no-repeat;}
.ind-banner .next:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 15px; height: 28px; margin-left: -8px; margin-top: -14px; background: url(../images/nimg15_right.png) no-repeat;}
.ind-banner .prev:hover{ border: none; background: rgba(255,255,255,0.5);}
.ind-banner .next:hover{ border: none; background: rgba(255,255,255,0.5);}

/*banner缁撴潫*/
.indexP1{ background: #f6f6f6; padding: 140px 0 120px; overflow: hidden; }
.indexP1 .list ul{ margin-right: -23px; }
.indexP1 .list li{ float: left; width: 25%; padding-bottom: 20px;}
.indexP1 .list li .box{ margin-right: 23px; background: #fff; border-radius: 12px; overflow: hidden;}
.indexP1 .list li .imgDiv{ height: 190px; position: relative; overflow: hidden;}
.indexP1 .list li .imgDiv:before{ content: ''; opacity: 0; position: absolute; left: 50%; top: 50%; width: 19px; height: 35px; margin-left: -10px; margin-top: -18px; background: url(../images/nimg19_1.png) no-repeat; z-index: 2; }
.indexP1 .list li .imgDiv:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.6); z-index: 1; }
.indexP1 .list li .imgDiv img{ max-width: 310px; max-height: 180px; }
.indexP1 .list li .name{ height: 60px; padding: 0 10px; text-align: center; line-height: 60px; position: relative; font-size: 18px; color: #4c4c4c;}
.indexP1 .list li .name:before{ content: ''; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #f6f6f6; }
.indexP1 .list li .box:hover{ box-shadow: 0px 0px 19.2px 0.8px rgba(0, 0, 0, 0.1);}
.indexP1 .list li .box:hover .imgDiv:before, .indexP1 .list li .box:hover .imgDiv:after{ opacity: 1; }
.indexP1 .list li .box:hover .name{ color: #1e6dae; }
.indexP1 .list li .box:hover .name:before{ display: block; }

.indexP2{ background: #e4e5e7; padding: 120px 0; overflow: hidden;}
.indexP2 .leftDiv{ width: 8.92rem; }
.indexP2 .tab2{ height: 85px; overflow: hidden; }
.indexP2 .tab2 li{ float: left; margin-right: 58px; height: 45px; position: relative; font-size: 20px;}
.indexP2 .tab2 li:last-child{ margin-right: 0; }
.indexP2 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #1e6dae; }
.indexP2 .tab2 .liNow{ font-size: 24px; color: #222; }
.indexP2 .tab2 .liNow:after{ width: 100%; left: 0; }
.indexP2 .list ul{ margin-right: -12px; }
.indexP2 .list li{ float: left; width: 50%; }
.indexP2 .list li .box{ margin-right: 12px; box-sizing: border-box; padding: 30px 30px 0; height: 646px; border-radius: 8px;}
.indexP2 .list li a{ display: block; width: 100%; height: 100%; }
.indexP2 .list li .imgDiv{ border-radius: 8px; overflow: hidden; }
.indexP2 .list li .imgDiv img{ width: 100%; }
.indexP2 .list li .conDiv{ padding: 45px 0 0;}
.indexP2 .list li .lxf{ font-size: 18px; margin-bottom: 8px; line-height: 32px; position: relative; color: #b1b1b1; }
.indexP2 .list li .time{ position: absolute; right: 0; top: 0;}
.indexP2 .list li .name{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; font-weight: bold; color: #333; }
.indexP2 .list li .content{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #666; margin-top: 25px; }
.indexP2 .list li .more{ margin-top: 40px; font-size: 16px; color: #999; }
.indexP2 .list li .box:hover{ background: #efeff1; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.08); }
.indexP2 .list li .box:hover .more{ color: #1e6dae; }

.indexP2 .rightDiv{ width: 4.2rem; padding-top: 85px; }

.indexP2 .list2 li{ display: block; height: 46px; }
.indexP2 .list2 li .name{ height: 46px; line-height: 46px; overflow: hidden; font-size: 18px; color: #333; }
.indexP2 .list2 li .content{ display:none; padding-top: 15px; font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; color: #999; }
.indexP2 .list2 li .time{ display:none; font-size: 18px; color: #b1b1b1; padding-top: 15px; }
.indexP2 .list2 li.on{ border-bottom: #d0d0d2 solid 1px; height: 2.55rem; }
.indexP2 .list2 li.on .name{ padding-top: 0.25rem; height: 72px; line-height: 36px; font-size: 24px; color: #333; font-weight: bold; }
.indexP2 .list2 li.on .content, .indexP2 .list2 li.on .time{ display:block;}
.indexP2 .list2 li:hover .name{ color:#1e6dae;}
.indexP2 .btnDiv{ padding-top: 55px; }
.indexP2 .btnDiv a{ display: block; position: relative; width: 148px; height: 46px; line-height: 46px; background: #1e6dae; border-radius: 8px; color: #fff; font-size: 16px; text-indent: 25px; }
.indexP2 .btnDiv a:after{ content: ''; position: absolute; right: 17px; top: 50%; width: 34px; height: 24px; margin-top: -12px; border-left: #fff solid 1px; background: url(../images/ico2.png) right center no-repeat; }

.indexP3{ padding: 90px 0; }
.indexP3 .leftDiv{ width: 8.14rem; }
.indexP3 .videobox{ width: 100%; position: relative; overflow: hidden; border-radius: 12px;}
.indexP3 .videobox .imgDiv img{ width: 100%; }
.indexP3 .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.indexP3 .videobox.cur{ background:#000;}
.indexP3 .videobox.cur .imgDiv,.indexP3 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.indexP3 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.indexP3 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left:-53px; margin-top:-53px; z-index:1;}
.indexP3 .videobox .playbox img{ width: 106px;}

.indexP3 .rightDiv{ width: 5rem; }
.indexP3 .title{ padding-top: 55px; font-size: 30px; line-height: 30px; color: #333; }
.indexP3 .content{ padding-top: 30px; font-size: 18px; line-height: 30px; height: 180px; overflow: hidden; }
.indexP3 .more{ padding-top: 0.8rem; }
.indexP3 .more a{ display: block; font-size: 16px; color: #1e6dae; }
.indexP3 .more a:hover{ text-decoration: underline; }

.product{ padding: 70px 0; }
.product .title{ font-weight: bold; font-size: 40px; line-height: 40px; padding-bottom: 40px; color: #505050; }
.product .msg{ font-size: 28px; line-height: 38px; color: #505050; width: 9.8rem; }
.product .list{ padding-top: 50px; }
.product .list ul{ margin-right: -33px; }
.product .list li{ float: left; width: 33.33%; padding-bottom: 34px;}
.product .list li .box{ margin-right: 33px; background: #fff; border-radius: 12px; overflow: hidden; position: relative;}
.product .list li .imgDiv{ height: 255px; position: relative; overflow: hidden;}
.product .list li .imgDiv:before{ content: ''; opacity: 0; position: absolute; left: 50%; top: 50%; width: 19px; height: 35px; margin-left: -10px; margin-top: -18px; background: url(../images/nimg19_1.png) no-repeat; z-index: 2; }
.product .list li .imgDiv:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.6); z-index: 1; }
.product .list li .imgDiv img{ max-width: 310px; max-height: 180px; }
.product .list li .name{ height: 80px; padding: 0 10px; text-align: center; line-height: 80px; position: relative; font-size: 24px; color: #4c4c4c;}
.product .list li .hideBox{ position: absolute; opacity: 0; left: 0; top: 0; z-index: 1; width: 100%; box-sizing: border-box; padding: 0 35px; height: 100%; background: rgba(201,222,239,0.9);}
.product .list li .name2{ font-size: 24px; padding-top: 30px; line-height: 42px; height: 42px; color: #333; overflow: hidden; }
.product .list li .content{ font-size: 18px; line-height: 30px; height: 120px; color: #333; padding-top: 10px; }
.product .list li .more{ padding-top: 65px; font-size: 16px; color: #1e6dae; }
.product .list li .box:hover .hideBox{ opacity: 1; }
.product .list li .box:hover .name{ opacity: 0; }

.sortNav{ border-radius: 6px; overflow: hidden; background: #fff;}
.dubNav{ cursor:pointer; padding: 0 25px; height: 60px; line-height: 60px; position:relative; font-size: 18px; color: #333; border-bottom: #ebebeb solid 1px; }
.dubNav:after{ content: ''; position: absolute; right: 36px; top: 50%; margin-top: -7px; width: 7px; height: 14px; background: url(../images/ico6.png) no-repeat;}
.currentOn{background:#1e6dae; color: #fff; }
.currentOn:after{ width: 14px; height: 7px; margin-top: -4px; background: url(../images/ico6on.png) no-repeat;}
.proCate{display: none; padding: 4px 0 28px; border-bottom: #ebebeb solid 1px;}
.proCate li a{display:block; height: 36px; line-height: 36px; color:#666; font-size: 14px; padding: 0 45px 0 60px; }
.proCate li a:hover, .proCate li .aNow{ color: #1e6dae; }

.typeOpen{ display: none; position: fixed; z-index: 4; left: 0; top: 50%; margin-top: -1.0rem; width: 0.8rem; height: 2.0rem; background:#1e6dae; border-top-right-radius: 4px; border-bottom-right-radius: 4px;  }
.typeOpen em{ position: absolute; left: 50%; margin-left: -0.15rem; width: 0.3rem; text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.36rem; top: 50%; transform: translateY(-50%); }
.typeClose{ display: none; position: fixed; z-index: 12; right: 0; top: 50%; margin-top: -1.0rem; width: 0.8rem; height: 2.0rem; background:#1e6dae; border-top-left-radius: 4px; border-bottom-left-radius: 4px;  }
.typeClose em{ position: absolute; left: 50%; margin-left: -0.15rem; width: 0.3rem; text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.36rem; top: 50%; transform: translateY(-50%); }

.proBanner{ position: relative; height: 320px; background: center no-repeat; background-size: cover; }
.proBanner .txtLayer{ color: #333; padding-left: 70px; width: 6.2rem;}
.proBanner .txt{ font-weight: bold; font-size: 40px; line-height: 40px; padding-bottom: 35px; }
.proBanner .msg{ font-size: 20px; line-height: 30px; }

.typeList{ padding: 55px 0 110px; }
.typeList .list li{ padding-bottom: 30px; }
.typeList .list li a{ display: block; position: relative; padding-left: 310px; padding-right: 65px; height: 218px; background: #fff; border: #e4e4e4 solid 1px; }
.typeList .list li .imgDiv{ position: absolute; left: 20px; top: 50%; margin-top: -85px; width: 238px; height: 170px; overflow: hidden; }
.typeList .list li .imgDiv img{ max-width: 238px; max-height: 160px; }
.typeList .list li .conDiv{ padding: 25px 0 10px; border-bottom: #eee solid 1px;}
.typeList .list li .name{ height: 40px; line-height: 40px; overflow: hidden; color: #333; font-size: 22px; }
.typeList .list li .content{ padding: 10px 100px 0 0; font-size: 16px; color: #767676; line-height: 24px; min-height: 48px; max-height: 72px; overflow: hidden;}
.typeList .list li .btnDiv{ float: right; padding: 12px 100px 0 0; }
.typeList .list li .btnDiv em{ display: block; width: 140px; text-align: center; height: 35px; line-height: 35px; background: #4b8abe; color: #fff; font-size: 16px; border-radius: 24px; }
.typeList .list li a:hover{ box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);}
.typeList .list li a:hover .btnDiv em{ background: #1e6dae; }

.application{ padding: 70px 0; }
.application .title{ font-weight: bold; font-size: 40px; line-height: 40px; padding-bottom: 60px; color: #505050; }
.application .list ul{ margin-right: -38px; }
.application .list li{ float: left; width: 33.33%; padding-bottom: 30px;}
.application .list li .box{ margin-right: 38px; }
.application .list li .toptop{ position: relative; overflow: hidden; border-radius: 8px; }
.application .list li .toptop:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1; }
.application .list li .imgDiv img{ width: 100%; }
.application .list li .more{ position: absolute; opacity: 0; left: 50%; margin-left: -67px; top: 50%; margin-top: -25px; z-index: 2; color: #fff; text-align: center; font-size: 24px; text-transform: uppercase; width: 134px; height: 50px; line-height: 46px; box-sizing: border-box; border: #fff solid 2px; }
.application .list li .name{ padding-top: 20px; text-align: center; font-size: 24px; line-height: 40px; height: 40px; overflow: hidden; color: #666; }
.application .list li .box:hover .toptop:after, .application .list li .box:hover .more{ opacity: 1; }
.application .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.industry{ padding: 70px 0; }
.industry .toptop{ position: relative; }
.industry .form{ height: 40px; border-radius: 24px; overflow: hidden; background: #fff; width: 526px; position: relative; }
.industry .form .input1{ width: 100%; box-sizing: border-box; padding-left: 70px; font-size: 14px; height: 40px; line-height: 40px; background: url(../images/nimg15_1.png) 40px center no-repeat; }
.industry .form .btn1{ position: absolute; right: 0; top: 0; font-size: 14px; width: 80px; height: 40px; border-radius: 24px; background: #3f84bb; text-align: center; color: #fff; line-height: 40px; }
.industry .wen{ position: absolute; right: 0; top: 0; color: #999; line-height: 40px; font-size: 18px; }
.industry .list{ padding-top: 55px; }
.industry .list ul{ margin-right: -34px; }
.industry .list li{ float: left; width: 33.33%; padding-bottom: 32px; }
.industry .list li .box{ margin-right: 34px; }
.industry .list li .imgDiv{ overflow: hidden; border-radius: 8px; }
.industry .list li .imgDiv img{ width: 100%; }
.industry .list li .name{ padding-top: 20px; font-size: 16px; line-height: 32px; height: 64px; overflow: hidden; color: #333; font-weight: bold; }
.industry .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.industry .list li .box:hover .name{ color: #1e6dae; }

.industryBox{ background: #fff; padding: 50px; }
.industryBox .name{ font-size: 36px; line-height: 48px; color: #333; font-weight: bold; padding-bottom: 30px; }
.industryBox .mxfDiv{ padding-bottom: 75px; overflow: hidden; }
.industryBox .leftDiv{ width: 7.7rem; }
.industryBox .detail-box{ width: 7.7rem; }
.industryBox .detail-box .imgDiv img{ width: 100%; }
.industryBox .detail-box .wenzi{ position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; line-height: 55px; color: #fff; box-sizing: border-box; padding: 0 30px; font-size: 18px; overflow: hidden; background: rgba(53,136,206,0.5); }
.industryBox .detail-box .list .item { display: none; position: relative;}
.industryBox .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.industryBox .box-container{ width: 7.4rem; position: relative; margin-top: 20px; }
.industryBox .img-swiper{ width: 5.92rem; margin: 0 auto; }
.industryBox .img-swiper .limg{ cursor: pointer; opacity: 0.6; text-align: center;}
.industryBox .img-swiper .swiper-slide img{ width: 1.36rem; }
.industryBox .swiper-slide.swiper-slide-active .limg{ opacity: 1; }
.industryBox .swiper-btn{ position: absolute; display: block; width: 20px; height: 38px; top: 50%; margin-top: -19px; }
.industryBox .prev{ left: 20px; background: url("../images/nimg20_left.png") center no-repeat; }
.industryBox .next{ right: 20px; background: url("../images/nimg20_right.png") center no-repeat;}
.industryBox .prev:hover{ background: url("../images/nimg20_lefton.png") center no-repeat;}
.industryBox .next:hover{ background: url("../images/nimg20_righton.png") center no-repeat;}

.industryBox .rightDiv{ width: 4.48rem; }
.industryBox .wen{ font-size: 24px; line-height: 36px; font-weight: bold; color: #333; padding-bottom: 0.45rem; }
.industryBox .content{ font-size: 16px; line-height: 30px; }
.industryBox .msgList{ padding-top: 0.3rem; }
.industryBox .msgList li{ padding-bottom: 0.35rem; font-size: 16px; line-height: 30px;}
.industryBox .msgList li b{ color: #333; }
.industryBox .title{ font-size: 22px; color: #333; font-weight: bold; padding-bottom: 5px; }
.industryBox .wenList{ padding: 10px 0 65px; }
.industryBox .wenList li{ font-size: 16px; line-height: 32px; position: relative; padding-left: 24px; }
.industryBox .wenList li:before{ content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background: #333; border-radius: 50%; }
.industryBox .wenList li b{ color: #333; }
.industryBox .longList li{ padding-bottom: 40px; line-height: 32px; font-size: 16px; }

.industryBot{ padding-bottom: 150px; }
.sideInfo{ padding-top: 50px; }
.sideInfo .title{ padding: 0 50px; font-size: 24px; line-height: 24px; color: #333; font-weight: bold; padding-bottom: 20px; }
.sideInfo .list li{ padding-bottom: 10px; }
.sideInfo .list li a{ display: block; padding: 0 160px 0 340px; height: 215px; position: relative; background: #fff; }
.sideInfo .list li .imgDiv{ position: absolute; left: 50px; top: 18px; border-radius: 6px; overflow: hidden; width: 240px; height: 166px; }
.sideInfo .list li .imgDiv img{ max-width: 240px; max-height: 166px; }
.sideInfo .list li .name{ padding-top: 18px; font-size: 24px; line-height: 36px; height: 36px; overflow: hidden; color: #333; font-weight: bold; }
.sideInfo .list li .content{ padding-top: 20px; font-size: 14px; color: #666; line-height: 28px; height: 56px;}
.sideInfo .list li .more{ padding-top: 15px; font-size: 16px; color: #999; }
.sideInfo .list li a:hover .more{ color: #1e6dae; }

.pageDown{ padding: 50px 50px 0; position: relative; }
.pageDown2{ padding: 50px 0 0; }
.pageDown .lie li{ font-size: 16px; }
.pageDown .lie li a{ display: block; line-height: 30px; height: 30px; overflow: hidden; color: #666;}
.pageDown .lie li b{ color: #333; }
.pageDown .lie li a:hover{ color: #1e6dae; }
.pageDown .backBtn{ position: absolute; right: 50px; top: 50px; }
.pageDown2 .backBtn{ right: 0; }
.pageDown .backBtn a{ display: block; position: relative; width: 148px; height: 46px; line-height: 44px; border-radius: 4px; color: #fff; font-size: 16px; background: #1e6dae; text-indent: 20px; }
.pageDown .backBtn a:after{ content: ''; position: absolute; right: 17px; top: 50%; width: 34px; height: 24px; margin-top: -12px; border-left: #fff solid 1px; background: url(../images/ico2.png) right center no-repeat; }

.secondTab{ text-align: center; padding: 60px 0 20px; }
.secondTab ul{ font-size: 0; }
.secondTab li{ display: inline-block; margin: 0 6px; font-size: 22px; }
.secondTab li a{ display: block; width: 150px; height: 75px; line-height: 75px; background: #fff; color: #333; }
.secondTab li a:hover{ color: #1e6dae; }
.secondTab li .aNow{ background: #1e6dae; color: #fff!important; }


.news{ padding-bottom: 60px; }
.news .list ul{ margin-right: -18px; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 30px; }
.news .list li .box{ margin-right: 18px; padding: 30px 30px 0; height: 580px; box-sizing: border-box; }
.news .list li .imgDiv{ overflow: hidden; border-radius: 6px; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .lxf{ margin-top: 25px; line-height: 32px; position: relative; color: #b1b1b1; }
.news .list li .type{ font-size: 18px; }
.news .list li .time{ font-size: 18px; position: absolute; right: 0; top: 0;}
.news .list li .name{ padding-top: 5px; font-size: 22px; line-height: 40px; height: 80px; font-weight: bold; color: #333; }
.news .list li .content{ font-size: 16px; line-height: 24px; height: 48px; color: #666; }
.news .list li .more{ padding-top: 45px; font-size: 16px; color: #1e6dae; line-height: 16px; }
.news .list li .box:hover{ background: #fff; box-shadow: 0px 9px 24px 0px rgba(0, 0, 0, 0.08); }

.dataForm{ padding: 90px 0 130px; }
.dataForm .bigBox{ padding: 0 2.0rem; }
.dataForm .title{ font-size: 18px; color: #272727; padding-bottom: 30px; }
.dataForm .title em{ font-size: 24px; line-height: 24px; color: #3588ce; padding-right: 25px;}
.dataForm .form ul{ margin-right: -18px; }
.dataForm .form li{ float: left; width: 50%; padding-bottom: 30px; }
.dataForm .form .li01{ width: 100%; }
.dataForm .form li .box{ margin-right: 18px; position: relative; }
.dataForm .form li .box em{ position: absolute; left: 16px; top: 0; line-height: 60px; font-size: 20px;}
.dataForm .form li .input1{ width: 100%; padding-left: 120px; font-size: 18px; height: 60px; line-height: 58px; box-sizing: border-box; border: #adadad solid 1px; }
.dataForm .form li .input1:focus{ border: #78a7ce solid 1px; }
.dataForm .form li textarea{ width: 100%; padding-left: 120px; padding-top: 15px; font-size: 18px; height: 190px; line-height: 32px; box-sizing: border-box; border: #adadad solid 1px;}
.dataForm .form li textarea:focus{ border: #78a7ce solid 1px; }
.dataForm .midDiv{ border: #adadad solid 1px; padding: 24px 36px; }
.dataForm .choose li{ float: left; cursor: pointer; font-size: 18px; padding-left: 35px; background: url(../images/nimg21_1.png) left center no-repeat;  margin-right: 20px;}
.dataForm .choose li.on{ background: url(../images/nimg21_1on.png) left center no-repeat;}
.dataForm .links{ clear: both; padding-top: 35px; font-size: 18px; }
.dataForm .links a:hover{ text-decoration: underline; }
.dataForm .botDiv{ padding-top: 15px; overflow: hidden; }
.dataForm .tips{ line-height: 38px; font-size: 14px; }
.dataForm .btnDiv a{ display: block; width: 148px; height: 46px; line-height: 46px; border-radius: 6px; background: #1e6dae; font-size: 18px; color: #fff; text-align: center; }

.newsBox{ padding: 20px 0 140px; }
.newsBox .name{ font-size: 28px; color: #333; font-weight: bold; line-height: 42px; }
.newsBox .time{ padding: 15px 0 30px; border-bottom: #ebebeb solid 1px; overflow: hidden; }
.newsBox .time li{ float: left; padding-left: 28px; position: relative; font-size: 14px; color: #999; margin-right: 20px; }
.newsBox .time li img{ position: absolute; left: 0; top: 1px; }
.newsBox .msg{ font-size: 24px; line-height: 36px; padding: 15px 0; }
.newsBox .detail-box{ width: 100%; }
.newsBox .detail-box .imgDiv img{ width: 100%; }
.newsBox .detail-box .wenzi{ position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; line-height: 55px; color: #fff; box-sizing: border-box; padding: 0 30px; font-size: 18px; overflow: hidden; background: rgba(53,136,206,0.5); }
.newsBox .detail-box .list .item { display: none; position: relative;}
.newsBox .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.newsBox .box-container{ width: 7.4rem; position: relative; margin-top: 20px; }
.newsBox .img-swiper{ width: 5.92rem; margin: 0 auto; }
.newsBox .img-swiper .limg{ cursor: pointer; opacity: 0.6; text-align: center;}
.newsBox .img-swiper .swiper-slide img{ width: 1.36rem; }
.newsBox .swiper-slide.swiper-slide-active .limg{ opacity: 1; }
.newsBox .swiper-btn{ position: absolute; display: block; width: 20px; height: 38px; top: 50%; margin-top: -19px; }
.newsBox .prev{ left: 20px; background: url("../images/nimg20_left.png") center no-repeat; }
.newsBox .next{ right: 20px; background: url("../images/nimg20_right.png") center no-repeat;}
.newsBox .prev:hover{ background: url("../images/nimg20_lefton.png") center no-repeat;}
.newsBox .next:hover{ background: url("../images/nimg20_righton.png") center no-repeat;}
.newsBox .msgList{ padding: 65px 0 25px; }
.newsBox .msgList li{ font-size: 16px; line-height: 30px; color: #333; }
.newsBox .content{ padding-bottom: 20px; font-size: 16px; line-height: 32px; }

.sideNews{ background: #fff; padding: 25px 60px 45px; }
.sideNews .title{ font-size: 30px; line-height: 30px; color: #353744; padding-bottom: 15px; position: relative; }
.sideNews .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 4px; background: #353744; }
.sideNews .detail{ padding: 0.5rem 0 0.35rem; border-bottom: #efefef solid 1px; }
.sideNews .detail .imgDiv{ border-radius: 8px; overflow: hidden; }
.sideNews .detail .imgDiv img{ width: 100%; }
.sideNews .detail .cn{ padding-top: 25px; font-size: 16px; color: #666; height: 28px; line-height: 28px; overflow: hidden; }
.sideNews .detail .ico{ margin-top: 20px; width: 47px; height: 33px; border-radius: 24px; box-sizing: border-box; border: #272727 solid 2px; background: url(../images/ico7.png) center no-repeat; }
.sideNews .detail:hover .cn{ color: #1b6dae; }
.sideNews .hala li{ border-bottom: #efefef solid 1px; }
.sideNews .hala li a{ display: block; padding: 15px 0; font-size: 16px; color: #333; }
.sideNews .hala li .cn{ height: 64px; overflow: hidden; line-height: 32px; }
.sideNews .hala li a:hover{ color: #1e6dae; }
.sideNews .more{ padding-top: 40px; }
.sideNews .more a{ display: block; font-size: 14px; color: #1b6dae; }
.sideNews .more a:hover{ text-decoration: underline; }

.download{ padding: 70px 0 10px; }
.download .title{ font-weight: bold; font-size: 40px; line-height: 40px; padding-bottom: 40px; color: #505050; }
.download .msg{ font-size: 28px; line-height: 38px; color: #505050; width: 9.8rem; }
.download .list{ padding-top: 50px; }
.download .list ul{ margin-right: -33px; }
.download .list li{ float: left; width: 33.33%; padding-bottom: 34px;}
.download .list li .box{ margin-right: 33px; background: #fff; border-radius: 12px; overflow: hidden; position: relative;}
.download .list li .imgDiv{ overflow: hidden;}
.download .list li .imgDiv img{ width: 100%; }
.download .list li .name{ height: 80px; padding: 0 10px; text-align: center; line-height: 80px; position: relative; font-size: 18px; color: #4c4c4c;}
.download .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.download .list li .box:hover .name{ color: #1e6dae; }

.aboutP1{ padding: 70px 0 85px; overflow: hidden;}
.aboutP1 .leftCon{ width: 5.36rem; }
.aboutP1 .title{ font-size: 40px; line-height: 40px; font-weight: bold; color: #505050; }
.aboutP1 .content{ font-size: 16px; line-height: 38px; padding-top: 30px; }
.aboutP1 .rightDiv{ width: 7.76rem; }
.aboutP1 .videobox{ width: 100%; position: relative; overflow: hidden; border-radius: 12px;}
.aboutP1 .videobox .imgDiv img{ width: 100%; }
.aboutP1 .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.aboutP1 .videobox.cur{ background:#000;}
.aboutP1 .videobox.cur .imgDiv,.aboutP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left:-53px; margin-top:-53px; z-index:1;}
.aboutP1 .videobox .playbox img{ width: 106px;}

.aboutP2{ padding: 60px 0 85px; }
.aboutP2 .list{overflow: inherit; position: relative; padding-top: 65px;}
.aboutP2 .list li .box{ position: relative; overflow: hidden; top: 0; padding: 35px 40px 0; height: 300px; box-sizing: border-box; background: #fff; border-radius: 12px; box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.15); }
.aboutP2 .list li .limg{ position: absolute; right: 0; bottom: 0; z-index: 0; }
.aboutP2 .list li .name{ color: #000; font-size: 30px; line-height: 30px; font-weight: bold; padding: 20px 0 15px;}
.aboutP2 .list li .content{ font-size: 18px; line-height: 30px; height: 90px; color: #999; position: relative; z-index: 1; text-align: justify; }
.aboutP2 .list li .more{ padding-top: 24px; font-size: 16px; color: #1e6dae;  }
.aboutP2 .arrowDiv{ position: absolute; right: 0; top: 0; }
.aboutP2 .arrowDiv .btn{ float: left; display: block; width: 34px; height: 34px; margin-left: 18px; }
.aboutP2 .arrowDiv .prev{ background: url(../images/nimg34_left.png) no-repeat; }
.aboutP2 .arrowDiv .next{ background: url(../images/nimg34_right.png) no-repeat; }
.aboutP2 .arrowDiv .prev:hover{ background: url(../images/nimg34_lefton.png) no-repeat;}
.aboutP2 .arrowDiv .next:hover{ background: url(../images/nimg34_righton.png) no-repeat;}
.aboutP2 .list li .box:hover{ top: -10px; }

.aboutP3{ background: #f5f5f5; padding: 60px 0; }
.aboutP3 .mxfDiv{ padding: 45px 0; background: #fafafa; }
.aboutP3 .leftCon{ width: 5.36rem; }
.aboutP3 .txt{ font-size: 40px; line-height: 40px; font-weight: bold; color: #505050; }
.aboutP3 .content{ font-size: 20px; line-height: 38px; padding-top: 0.35rem; }
.aboutP3 .more{ padding-top: 0.8rem; }
.aboutP3 .more a{ display: block; color: #1e6dae; font-size: 16px; }
.aboutP3 .more a:hover{ text-decoration: underline; }
.aboutP3 .rightImg{ width: 7.76rem; overflow: hidden; border-radius: 12px; }
.aboutP3 .rightImg img{ width: 100%; }

.contact{ padding: 80px 0 70px; }
.contact .title{ font-size: 40px; line-height: 40px; color: #333; font-weight: bold; padding-bottom: 36px; }
.contact .content{ font-size: 20px; line-height: 38px; }
.contact .list{ padding-top: 20px; }
.contact .list li .msgDiv{ height: 80px; position:relative; border-bottom: #e1e1e1 solid 1px; cursor: pointer;}
.contact .list li .msgDiv:after{ content: ''; position: absolute; right: 0; top: 50%; width: 22px; height: 13px; margin-top: -7px; background: url(../images/ico8.png) center no-repeat; }
.contact .list li .name{ position: relative; height: 80px; line-height: 80px; overflow: hidden; font-size: 24px; color: #333; font-weight: bold; }
.contact .list li .msgDiv.aNow:after{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
.contact .list li .hideDiv{ display: none; padding-top: 25px; }
.contact .list dl{ margin-right: -20px; }
.contact .list dd{ float: left; width: 25%; padding-bottom: 25px; } 
.contact .list dd .lbox{ position: relative; margin-right: 20px; height: 392px; padding: 0 20px; border: #dfdfdf solid 1px; background: #f5f5f5; border-radius: 12px; box-shadow: 0px 3px 28.5px 1.5px rgba(0, 0, 0, 0.1);}
.contact .list dd .cn{ padding-top: 20px; line-height: 32px; height: 64px; color: #333; font-weight: bold; font-size: 24px; }
.contact .list dd .wen{ font-size: 16px; color: #333; padding: 30px 0; }
.contact .list dd .address{ font-size: 16px; color: #999; line-height: 34px; }
.contact .list dd .data{ position: absolute; left: 20px; bottom: 15px; }
.contact .list dd .data p{ font-size: 16px; color: #999; line-height: 34px; }

.overview{ padding: 75px 0 110px; }
.overview .part1{ padding-bottom: 100px; }
.overview .title{ font-size: 40px; line-height: 40px; color: #333; font-weight: bold; padding-bottom: 30px; }
.overview .content{ font-size: 16px; line-height: 32px; }
.overview .txt{ font-size: 30px; color: #333; line-height: 30px; padding-bottom: 40px;}
.overview .list{ padding: 100px 0 70px; }
.overview .list li{ padding-bottom: 80px; }
.overview .list li:last-child{ padding-bottom: 0; }
.overview .list li .imgDiv{ order: 2;}
.overview .list li .imgDiv img{ width: 6.5rem; }
.overview .list li .conDiv{ width: 6.45rem; order: 1; }
.overview .list li:nth-child(even) .imgDiv{ order: 1; }
.overview .list li:nth-child(even) .conDiv{ order: 2; }

.overview .videobox{ width: 100%; position: relative; overflow: hidden; }
.overview .videobox .imgDiv img{ width: 100%; }
.overview .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.overview .videobox.cur{ background:#000;}
.overview .videobox.cur .imgDiv,.overview .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.overview .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.overview .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; margin-left:-36px; margin-top:-36px; z-index:1;}
.overview .videobox .playbox img{ width: 72px;}

.exploreBox{ padding-top: 110px; }
.exploreBox .Etxt{ font-size: 30px; line-height: 30px; padding-bottom: 45px; color: #333;}
.exploreList ul{ margin-right: -40px; } 
.exploreList li{ float: left; width: 33.33%; }
.exploreList li .box{ margin-right: 40px; }
.exploreList li .imgDiv{ overflow: hidden; }
.exploreList li .imgDiv img{ width: 100%; }
.exploreList li .name{ padding-top: 30px; height: 30px; line-height: 30px; font-size: 18px; color: #666; }
.exploreList li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.exploreList li .box:hover .name{ color: #1e6dae; }

.job{ padding: 80px 0 110px; }
.job .title{ font-size: 40px; line-height: 40px; color: #333; font-weight: bold; padding-bottom: 30px; }
.job .content{ font-size: 16px; line-height: 32px; color: #505050; padding-bottom: 70px; }

.job_l{ width: 3.1rem; background: #fff; }
.job_l li .txt{ position: relative; height: 60px; line-height: 60px; padding: 0 36px; font-size: 18px; color: #333; cursor: pointer;}
.job_l li .txt:after{ content: ''; position: absolute; right: 40px; top: 50%; width: 12px; height: 6px; background: url(../images/ico9.png) no-repeat; }
.job_l li .liNow:after{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
.job_l li .hideBox{ display: none; padding: 12px 36px; border-bottom: #ebebeb solid 1px;}
.job_l li .hideBox dd{ padding-left: 24px; font-size: 14px; line-height: 30px; cursor: pointer; background: url(../images/ico10.png) left center no-repeat; }
.job_l li .hideBox dd.on{ background: url(../images/ico10on.png) left center no-repeat; }

.job_r{ width: 10.32rem; }
.job_r .list{ padding-bottom: 20px; }
.job_r .list li{ margin-bottom: 20px; background: #fff; cursor: pointer;}
.job_r .list li .topDiv{ padding: 40px 60px 25px; position: relative;}
.job_r .list li .topDiv:after{ content: ''; position: absolute; right: 70px; top: 46px; width: 22px; height: 13px; background: url(../images/ico8.png) no-repeat; }
.job_r .list li .name{ padding-left: 45px; height: 50px; position: relative; font-size: 26px; line-height: 26px; color: #333; }
.job_r .list li .name:before{ content: ''; position: absolute; left: 0; top: 4px; width: 23px; height: 23px; background: url(../images/nimg23_1.png) center no-repeat; }
.job_r .list li .name:after{ content: ''; position: absolute; left: 45px; bottom: 0; width: 20px; height: 5px; background: #2a2a2a; }
.job_r .list li .wen{ padding: 20px 45px 0; font-size: 16px; line-height: 32px; }
/*.job_r .list li .liNow .wen{ display: none; }*/
.job_r .list li .hideBox{ position: relative; display: none; padding: 0 105px 40px; }
.job_r .list li .hideBox:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #1b6dae; }
.job_r .list li .msgList{ padding: 10px 0 25px; overflow: hidden; border-bottom: #f2f2f2 solid 1px; }
.job_r .list li .msgList dd{ float: left; padding-right: 70px; line-height: 24px; font-size: 16px; }
.job_r .list li .txt{ font-size: 16px; color: #333; line-height: 16px; font-weight: bold; padding: 30px 0 10px; }
.job_r .list li .msg{ font-size: 16px; line-height: 32px; padding-bottom: 15px; }

.job .selectBox li{ padding-bottom: 0.4rem; }
.job .selectBox li em{ display: block; color: #333; font-size: 0.32rem; padding-bottom: 0.25rem; }
.job .selectDiv{ width: 100%; position: relative; height: 0.9rem; }
.job .selectDiv .caption { position: relative; cursor: pointer; height: 0.9rem; line-height: 0.88rem; padding-left: 0.3rem; font-size: 0.3rem; color: #b4b4b4; box-sizing: border-box; border: #d5d5d5 solid 1px; background: #fff;}
.job .selectDiv .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.job .selectDiv .caption:after { content: ""; display: block; width: 24px; height: 5px; background: url(../images/selectIco.png) no-repeat left center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -3px; z-index: 10;}
.job .selectDiv .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 4.0rem; overflow-y: auto; display: none; border: 1px solid #d5d5d5; border-top: none; box-sizing: border-box;}
.job .selectDiv .xlist a { display: block; font-size: 0.28rem; color: #b4b4b4; line-height: 0.8rem; padding: 0 0.3rem; border-bottom: 1px solid #d5d5d5;}
.job .selectDiv .xlist a:hover,.job .selectDiv .xlist a.on { color: #1e6dae;}
.job .selectDiv .xlist a:last-child { border-bottom: none;}

.policy{ padding: 80px 0 110px; }
.policy .title{ font-size: 40px; line-height: 40px; color: #333; font-weight: bold; padding-bottom: 35px; }
.policy .content{ font-size: 16px; line-height: 32px; text-align: justify; }
.policy .list{ padding: 100px 0 30px; }
.policy .list li{ padding-bottom: 80px; }
.policy .list li:last-child{ padding-bottom: 0; }
.policy .list li .imgDiv{ order: 2;}
.policy .list li .imgDiv img{ width: 6.5rem; }
.policy .list li .conDiv{ width: 6.45rem; order: 1; }
.policy .list li .txt{ font-size: 30px; color: #333; line-height: 30px; padding-left: 30px; background: url(../images/ico11.png) left center no-repeat; margin-bottom: 40px;}
.policy .list li:nth-child(even) .imgDiv{ order: 1; }
.policy .list li:nth-child(even) .conDiv{ order: 2; }

.quality{ padding: 80px 0 110px; }
.quality .title{ font-size: 40px; line-height: 40px; color: #333; }
.quality .content{ font-size: 16px; line-height: 32px; text-align: justify; }
.quality .list{ padding: 110px 0 30px; }
.quality .list li{ padding-bottom: 80px; }
.quality .list li:last-child{ padding-bottom: 0; }
.quality .list li .imgDiv{ order: 1;}
.quality .list li .imgDiv img{ width: 6.5rem; }
.quality .list li .conDiv{ width: 6.45rem; order: 2; }
.quality .list li .txt{ font-size: 30px; color: #333; line-height: 30px; margin-bottom: 40px;}
.quality .list li:nth-child(even) .imgDiv{ order: 2; }
.quality .list li:nth-child(even) .conDiv{ order: 1; }

.sample{ padding: 35px 0 100px; }
.sample .title{ text-align: center; color: #333; font-weight: bold; padding-bottom: 30px; font-size: 40px; line-height: 40px; }
.sample .form{ position: relative; padding-right: 220px; }
.sample .form .input1{ padding-left: 26px; height: 50px; border: #e4e4e4 solid 1px; box-sizing: border-box; width: 100%; line-height: 48px; font-size: 16px; background: #fff; }
.sample .form .btn1{ position: absolute; right: 0; top: 0; width: 200px; height: 50px; line-height: 50px; background: #1b6dae; color: #fff; font-size: 16px;}
.sample .zjmxfDiv{ padding-top: 45px; }
.sample .leftDiv{ width: 3.1rem;}
.sample .toptop{ position: relative; height: 46px; }
.sample .toptop .cn{ font-size: 18px; line-height: 46px; color: #333; }
.sample .toptop .cl{ position: absolute; right: 0; top: 0; line-height: 46px; font-size: 16px; color: #1b6dae; }
.sample .toptop .cl:hover{ text-decoration: underline; }
.screenDiv{ background: #fff; }
.screenDiv li .txt{ position: relative; height: 50px; line-height: 50px; padding: 0 36px; border-bottom: #ebebeb solid 1px; font-size: 18px; color: #333; cursor: pointer;}
.screenDiv li .txt:after{ content: ''; position: absolute; right: 40px; top: 50%; width: 12px; height: 6px; background: url(../images/ico9.png) no-repeat; }
.screenDiv li .liNow:after{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
.screenDiv li .hideBox{ display: none; padding: 24px 36px; border-bottom: #ebebeb solid 1px; }
.screenDiv li .hideBox dd{ padding-left: 24px; font-size: 14px; line-height: 30px; cursor: pointer; background: url(../images/ico10.png) left center no-repeat; }
.screenDiv li .hideBox dd.on{ background: url(../images/ico10on.png) left center no-repeat; }

.screenOpen{ display: none; position: fixed; z-index: 4; left: 0; top: 50%; margin-top: -1.0rem; width: 0.8rem; height: 2.0rem; background:#1e6dae; border-top-right-radius: 4px; border-bottom-right-radius: 4px;  }
.screenOpen em{ position: absolute; left: 50%; margin-left: -0.15rem; width: 0.3rem; text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.36rem; top: 50%; transform: translateY(-50%); }
.screenClose{ display: none; position: fixed; z-index: 12; right: 0; top: 50%; margin-top: -1.0rem; width: 0.8rem; height: 2.0rem; background:#1e6dae; border-top-left-radius: 4px; border-bottom-left-radius: 4px;  }
.screenClose em{ position: absolute; left: 50%; margin-left: -0.15rem; width: 0.3rem; text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.36rem; top: 50%; transform: translateY(-50%); }

.sample .rightDiv{ width: 10.2rem;}
.filter-con{ position: relative; height: 46px; }
.filter-con .layer{ position: absolute; right: 0; top: 0; z-index: 1; padding-left: 80px; }
.filter-con .layer em{ position: absolute; left: 0; top: 0; line-height: 36px; font-size: 18px; }
.filter-con .l7{ position: relative; height: 36px; box-sizing: border-box; border: #333 solid 1px; border-radius: 8px; width: 128px; }
.filter-con .l7 .zi{ display: block; padding-left: 20px; color: #666; font-size: 14px; line-height: 34px; position: relative;}
.filter-con .l7 .zi:after{ content: ''; position: absolute; right: 17px; top: 50%; width: 12px; height: 6px; margin-top: -3px; background: url(../images/ico9.png) no-repeat; }
.filter-con .l7 .hideBox{ position:absolute; top:36px; left:0; z-index:2; display:none; width: 128px; box-sizing: border-box; background: #fff; border: #333 solid 1px; border-radius: 4px;}
.filter-con .l7 .hideBox li a{ display: block; height: 28px; line-height: 28px; font-size: 14px; color: #666; padding-left: 20px; }
.filter-con .l7 .hideBox li a:hover{ color: #1e6dae; }

.sample .list li{ margin-bottom: 20px; height: 248px; border-radius: 4px; background: #fff; position: relative; padding: 0 200px; border: #e4e4e4 solid 1px; }
.sample .list li:hover{ box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);}
.sample .list li .limg{ position: absolute; left: 21px; top: 26px; z-index: 1; }
.sample .list li .name{ padding-top: 35px; height: 24px; line-height: 24px; font-size: 16px; color: #333; }
.sample .list li .msgLie{ width: 360px; padding-top: 5px; overflow: hidden;}
.sample .list li .msgLie dd{ float: left; width: 50%; font-size: 14px; line-height: 30px; color: #999; }
.sample .list li .btnDiv{ padding-top: 15px; }
.sample .list li .btnDiv a{ display: block; width: 138px; font-size: 14px; color: #999; height: 28px; line-height: 28px; border: #999 solid 1px; border-radius: 24px; text-align: center; }
.sample .list li .btnDiv a:hover{ background: #1e6dae; border: #1e6dae solid 1px; color: #fff; }
.sample .list li .downloadBtn{ position: absolute; right: 50px; top: 50%; margin-top: -18px; }
.sample .list li .downloadBtn a{ display: block; width: 140px; height: 35px; line-height: 35px; font-size: 14px; text-indent: 26px; border-radius: 24px; position: relative; }
.sample .list li .downloadBtn a:after{ content: ''; position: absolute; right: 25px; top: 50%; margin-top: -9px; width: 18px; height: 17px; background: url(../images/nimg18_6.png) no-repeat; }
.sample .list li .downloadBtn a:hover{ color: #fff; background: #1e6dae;}
.sample .list li .downloadBtn a:hover:after{ background: url(../images/nimg18_6on.png) no-repeat;}

.bookDiv{ height: 450px; background: url(../images/bookBg.jpg) center no-repeat; background-size: cover; }
.bookDiv .bigBox{ height: 450px; }
.bookDiv .leftDiv{ width: 5.5rem; }
.bookDiv .title{ font-size: 30px; line-height: 30px; color: #fff; font-weight: bold; padding-bottom: 40px; }
.bookDiv .wen{ font-size: 18px; line-height: 18px; padding-bottom: 30px; color: #fff; }
.bookDiv .form{ overflow: hidden; }
.bookDiv .form ul{ margin-right: -10px; }
.bookDiv .form li{ float: left; width: 50%;}
.bookDiv .form li .lbox{ border-radius: 6px; background: #fff; margin-right: 10px; height: 50px; padding-left: 20px;}
.bookDiv .form li .input1{ width: 100%; height: 50px; line-height: 50px; font-size: 16px; }
.bookDiv .btnDiv{ padding-top: 25px; }
.bookDiv .btnDiv a{ display: block; position: relative; width: 135px; height: 48px; line-height: 48px; border: #fff solid 1px; border-radius: 4px; color: #fff; font-size: 16px; text-align: center; }
.bookDiv .btnDiv a:hover{ background: #1e6dae; border: #1e6dae solid 1px; }
.bookDiv .rightList li{ height: 60px; position: relative; padding-left: 90px; padding-bottom: 40px; font-weight: bold; font-size: 30px; color: #fff; line-height: 60px; }
.bookDiv .rightList li:last-child{ padding-bottom: 0; }
.bookDiv .rightList li img{ position: absolute; left: 0; top: 0; }

.needhelp{ background: #f5f5f5; padding: 60px 0 120px; }
.needhelp .bigBox{ border: #e4e4e4 solid 1px; background: #fff; padding: 40px 30px; border-radius: 4px; }
.needhelp .title{ text-align: center; font-size: 30px; line-height: 30px; color: #333; font-weight: bold; padding-bottom: 30px; }
.needhelp .list ul{ margin-right: -24px; }
.needhelp .list li{ float: left; width: 25%; }
.needhelp .list li .box{ margin-right: 24px; border: #e4e4e4 solid 1px; border-radius: 4px; }
.needhelp .list li a{ display: block; padding: 0 24px; height: 178px; position: relative;}
.needhelp .list li .ico{ position: absolute; right: 24px; top: 24px; }
.needhelp .list li .name{ color: #333; font-size: 18px; line-height: 18px; color: #333; font-weight: bold; padding: 30px 0 20px; }
.needhelp .list li .msg{ font-size: 16px; color: #999; line-height: 28px; }
.needhelp .list li .box:hover .name{ color: #1e6dae; }

.productP1 .leftDiv{ width: 5.8rem; }
.productP1 .detail-box{ width: 5.8rem; position: relative; }
.productP1 .detail-box .icon{ z-index: 2; position: absolute; right: 0; bottom: 0; width: 90px; height: 90px; background: url(../images/nimg90Bg.png) no-repeat; }
.productP1 .detail-box .icon img{ position: absolute; right: 5px; bottom: 5px; }
.productP1 .detail-box .imgDiv{ height: 5.68rem; overflow: hidden; border: #e1e1e1 solid 1px; }
/*.productP1 .detail-box .imgDiv img{ max-width: 5.6rem; }*/
.productP1 .detail-box .list .item { display: none; position: relative;}
.productP1 .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productP1 .box-container{ width: 5.8rem; position: relative; margin-top: 10px; }
.productP1 .img-swiper{ width: 4.8rem; margin: 0 auto; }
.productP1 .img-swiper .limg{ cursor: pointer; /*background: #fafafa;*/ box-sizing: border-box; border: #fafafa solid 1px; text-align: center;}
.productP1 .img-swiper .swiper-slide img{ width: 1.33rem; }
.productP1 .swiper-slide.swiper-slide-active .limg{ background: #fff; border: #1e6dae solid 1px; }
.productP1 .swiper-btn{ position: absolute; display: block; width: 13px; height: 22px; top: 50%; margin-top: -11px; }
.productP1 .prev{ left: 10px; background: url("../images/nimg13_left.png") center no-repeat; }
.productP1 .next{ right: 10px; background: url("../images/nimg13_right.png") center no-repeat;}
.productP1 .prev:hover{ background: url("../images/nimg13_lefton.png") center no-repeat;}
.productP1 .next:hover{ background: url("../images/nimg13_righton.png") center no-repeat;}


.productP1 .rightDiv{ width: 6.72rem; }
.productP1 .rightDiv .name{ padding: 26px 0 30px; position: relative; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; }
.productP1 .rightDiv .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #1b6dae; }
.productP1 .rightDiv .txt{ line-height: 46px; color: #333; padding-top: 20px; font-size: 24px; }
.productP1 .rightDiv .wen{ font-size: 16px; line-height: 30px; text-transform: uppercase; }
.productP1 .rightDiv .msgList{ padding-top: 28px; }
.productP1 .rightDiv .msgList li{ padding: 0 0 12px 15px; line-height: 26px; position: relative; font-size: 16px; color: #333; }
.productP1 .rightDiv .msgList li:before{ content: ''; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background: #1e6dae; border-radius: 50%; }
.productP1 .rightDiv .limg{ padding-top: 60px; }

.productP2{ padding: 45px 0 100px; }
.productP2 .pjDiv{ height: 75px; position: relative; background: #edecec; overflow: hidden;}
.productP2 .proTab li{ cursor: pointer; position: relative; z-index: 1; float: left; padding: 0 50px; height: 75px; line-height: 75px; text-align: center; font-size: 28px; color: #333; }
.productP2 .proTab li:after{ content: ''; position: absolute; left: 0; bottom: 0; display: none; width: 100%; height: 5px; background: #1e6dae; }
.productP2 .proTab .liNow{ background: #3c82ba; color: #fff; }
.productP2 .proTab .liNow:after{ display: block; }
.productP2 .pjDiv .halaDiv{ position: absolute; right: 45px; top: 0; }
.productP2 .pjDiv .halaDiv li{ float: left; margin-left: 40px; line-height: 75px;}

.pjDiv.fixed{ position: fixed; width: 13.72rem; left: 50%; margin-left: -6.86rem; top: 0; z-index: 2; height: 75px;}

.productP2 .proCon{ padding-top: 50px; display:none; }
/*.productP2 .proDiv.on{ padding-top: 135px; }*/
.productP2 .table{ padding-bottom: 20px; }
.productP2 .table th{ height: 50px; background: #639bc8; color: #fff; font-size: 20px; padding: 0 60px; text-align: left; font-weight: 400;}
.productP2 .table td{ height: 50px; font-size: 18px; color: #333; box-sizing: border-box; }
.productP2 .table tr:nth-child(even) td{ background: #f4f3f3; }
.productP2 .table tr td:first-child{ padding-left: 60px; }
.productP2 .content{ font-size: 16px; line-height: 30px; }
.productP2 .imgDiv{ padding: 30px 0; text-align: center; }
.productP2 .imgDiv img{ max-width: 900px; }

.productP2 .lastbox li{ height: 60px; position: relative; }
.productP2 .lastbox li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eeeeee; }
.productP2 .lastbox li a{ display: block; position: relative; padding-right: 130px; font-size: 16px; }
.productP2 .lastbox li .name{ color: #333; position: relative; padding-left: 48px; font-weight: bold; height: 60px; line-height: 60px; overflow: hidden; }
.productP2 .lastbox li .name:before{ content: ''; position: absolute; left: 0; top: 50%; width: 26px; height: 30px; margin-top: -15px; background: url(../images/nimg26_2.png) no-repeat; }
.productP2 .lastbox li:hover .name{ color:#1e6dae;}


.productP3{ padding-bottom: 90px; }
.productP3 .title{ font-size: 30px; line-height: 30px; color: #333; padding: 0 0 35px 20px; }
.sidePro{ position: relative; padding: 0 80px; }
.sidePro .list{ position: relative; overflow: hidden;}
.sidePro .list .name{ font-size: 18px; color: #333; height: 40px; line-height: 40px; overflow: hidden; text-align: center; }
.sidePro .list .limg{ height: 150px; overflow: hidden; }
.sidePro .list .limg img{ max-width: 200px; max-height: 140px; }
.sidePro .list .wen{ font-size: 18px; height: 36px; line-height: 36px; text-align: center; color: #333; overflow: hidden; }
.sidePro .btn{ position: absolute; width: 22px; height: 39px; top: 50%; margin-top: -20px; }
.sidePro .prev{ left: 40px; background: url(../images/nimg22_left.png) center no-repeat; }
.sidePro .next{ right: 40px; background: url(../images/nimg22_right.png) center no-repeat; }
.sidePro .prev:hover{ background: url(../images/nimg22_lefton.png) center no-repeat;}
.sidePro .next:hover{ background: url(../images/nimg22_righton.png) center no-repeat;}
.sidePro .list .swiper-slide:hover .name, .sidePro .list .swiper-slide:hover .wen{ color: #1e6dae; }

.productList{ padding-bottom: 110px; }
.productList .leftDiv{ width: 3.2rem;}
.productList .rightDiv{ width: 10.2rem;}

.hxn{ overflow: hidden; position: relative; min-height: 35px; padding-bottom: 30px; }
.hxn .l7Div{ padding-right: 150px;}
.hxn li{/* display: none;*/ float: left; font-size: 14px; margin-right: 20px; color: #999; background: #fff; border-radius: 8px; padding: 0 30px 0 10px; height: 35px; line-height: 35px; position: relative; }
.hxn li em{ padding-right: 15px; }
.hxn li .close{ position: absolute; right: 5px; top: 50%; width: 15px; height: 15px; margin-top: -7px; background: url(../images/close3.png) no-repeat; }
.hxn .clearBtn{ position: absolute; right: 0; top: 0; z-index: 1; }
.hxn .clearBtn a{ display: block; height: 35px; line-height: 35px; width: 100px; font-size: 14px; text-align: center; background: #ebebeb; border-radius: 8px; }
.hxn .clearBtn a:hover{ background: #1e6dae; color: #fff; }

.resultName{ font-size: 18px; line-height: 18px; color: #82a9c8; padding: 45px 0 25px; font-weight: bold;}
.goodBanner{ position: relative; height: 238px; background: center no-repeat; background-size: cover; }
.goodBanner .txtLayer{ padding: 10px 0 0 20px; width: 5.4rem;}
.goodBanner .txt{ color: #333; font-weight: bold; font-size: 40px; line-height: 40px; padding-bottom: 28px; }
.goodBanner .msg{ font-size: 20px; line-height: 30px; }

.productList .list{ padding-top: 5px; }
.productList .list li{ padding-bottom: 30px; }
.productList .list li:last-child{ padding-bottom: 0; }
.productList .list li a{ display: block; background: #fff; padding: 35px 45px 20px; border: #e4e4e4 solid 1px; overflow: hidden; }
.productList .list li .toptop{ position: relative; padding-left: 300px; min-height: 240px; border-bottom: #eee solid 1px; }
.productList .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 238px; height: 200px; overflow: hidden; }
.productList .list li .imgDiv img{ max-width: 238px; max-height: 200px; }
.productList .list li .name{ height: 36px; line-height: 36px; overflow: hidden; color: #333; font-size: 20px; }
.productList .list li .wenlie{ padding: 15px 0; }
.productList .list li .wenlie dd{ font-size: 16px; color: #767676; line-height: 30px; position: relative; padding-left: 230px;}
.productList .list li .wenlie dd em{ position: absolute; left: 0; top: 0; }
.productList .list li .btnDiv{ float: right; padding-top: 18px; }
.productList .list li .btnDiv em{ display: block; width: 140px; text-align: center; height: 35px; line-height: 35px; background: #4b8abe; color: #fff; font-size: 16px; border-radius: 24px; }
.productList .list li a:hover{ box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);}
.productList .list li a:hover .btnDiv em{ background: #1e6dae; }

.screenDiv .line1{ width:100%; height:40px; position:relative;}
.screenDiv .line1 .num1{ position:absolute; left:0px; top:25px; font-size:14px; line-height: 14px; }
.screenDiv .line1 .num2{ position:absolute; right:0px; top:25px; font-size:14px; line-height: 14px; }

.moreScreen{ background: #fff; height: 86px; }
.moreScreen a{ display: block; padding: 0 36px; font-size: 22px; color: #498abf; line-height: 60px; position: relative; }
.moreScreen a:after{ content: ''; position: absolute; right: 36px; top: 50%; width: 8px; height: 13px; margin-top: -7px; background: url(../images/ico12.png) no-repeat; }
.moreScreen a:hover{ text-decoration: underline; }

.pageMxf{ position: relative; }
.pageMxf .jump{ position: absolute; right: 0; bottom: 0; padding-left: 90px; padding-right: 25px; }
.pageMxf .jump em{ position: absolute; left: 0; top: 0; line-height: 40px; font-size: 13px; text-transform: uppercase; }
.pageMxf .jump .input1{ width: 82px; height: 38px; font-size: 14px; line-height: 38px; border: #efefef solid 1px; border-radius: 24px; background: #fff; text-align: center; }
.pageMxf .jump .go{ display: block; position: absolute; right: 0; bottom: 0; height: 38px; width: 20px; background: url(../images/ico12on.png) center no-repeat;}