/*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 .one{ position: absolute; left: 0; width: 100%; text-align: center; top: 24%; z-index: 1;}
.ind-banner .one .cn{ font-size: 72px; line-height: 72px; color: #2665d3; font-weight: bold; }
.ind-banner .two{ position: absolute; left: 0; width: 100%; text-align: center; top: 24%; z-index: 1; }
.ind-banner .two .cn{ font-size: 72px; line-height: 72px; color: #fff; font-weight: bold; }
.ind-banner .label{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 1.6rem; font-size: 24px; color: #fff; }
.ind-banner .label em{ padding: 0 16px; }
.ind-banner .label2{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 1.4rem; font-size: 24px; color: #fff; }
.ind-banner .label2 em{ padding: 0 16px; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; bottom: 30px!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; 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: #1365a5;}
/*banner缁撴潫*/

.indexTitle{ text-align: center; }
.indexTitle .en{ color: #333; font-size: 48px; line-height: 48px; padding-bottom: 5px; font-family: bold; text-transform: uppercase;}
.indexTitle .cn{ font-size: 30px; line-height: 30px; font-weight: bold;}

.indexP1{ padding: 120px 0 150px; position: relative; overflow: hidden;}
.indexPro{ margin-top: 50px; position: relative; z-index: 2;}
.indexPro .list{ padding-top: 40px; overflow: hidden;}
.indexPro .list li .box{ position: relative; top: 0; }
.indexPro .list li .imgDiv{ height: 340px; background-image: linear-gradient(top,#d3d2d2,#f9f9f9);
    background-image: -webkit-linear-gradient(top,#d3d2d2,#f9f9f9);
    background-image: -moz-linear-gradient(top,#d3d2d2,#f9f9f9);
    background-image: -o-linear-gradient(top,#d3d2d2,#f9f9f9);
    background-image: linear-gradient(to bottom,#d3d2d2,#f9f9f9);
    background-image: -webkit-linear-gradient(to bottom,#d3d2d2,#f9f9f9);
    background-image: -moz-linear-gradient(to bottom,#d3d2d2,#f9f9f9);
    background-image: -o-linear-gradient(to bottom,#d3d2d2,#f9f9f9);}
.indexPro .list li .imgDiv img{ max-width: 3.2rem; max-height: 2.2rem;}
.indexPro .list li .botDiv{ position: relative; padding-top: 50px; padding-left: 0.6rem; padding-right: 0.6rem; height: 220px; box-sizing: border-box; background: #f0f0f0; text-align: center; }
.indexPro .list li .bg{ position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#1365a5,#1d95d4);
    background-image: -webkit-linear-gradient(left,#1365a5,#1d95d4);
    background-image: -moz-linear-gradient(left,#1365a5,#1d95d4);
    background-image: -o-linear-gradient(left,#1365a5,#1d95d4);
    background-image: linear-gradient(to right,#1365a5,#1d95d4);
    background-image: -webkit-linear-gradient(to right,#1365a5,#1d95d4);
    background-image: -moz-linear-gradient(to right,#1365a5,#1d95d4);
    background-image: -o-linear-gradient(to right,#1365a5,#1d95d4); }
.indexPro .list li .series{ position: relative; z-index: 1; font-size: 30px; line-height: 40px; color: #333; font-family:regular;}
.indexPro .list li .name{ position: relative; z-index: 1; padding-top: 20px; color: #999; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; }
.indexPro .list li .ico{ position: absolute; opacity: 0; left: 50%; bottom: -30px; margin-left: -30px; width: 60px; height: 60px; border-radius: 50%; background: #fff url(../images/ico2.png) center no-repeat; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); }
.indexPro .list li .box:hover{ top: -40px; }
.indexPro .list li .box:hover .ico, .indexPro .list li .box:hover .bg{ opacity: 1; }
.indexPro .list li .box:hover .series, .indexPro .list li .box:hover .name{ color: #fff; }
.indexPro .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPro .arrowDiv a{ display: block; position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; z-index: 2;}
.indexPro .arrowDiv a:before{ content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-image: linear-gradient(top,#f9f9f9,#dddcdc);
    background-image: -webkit-linear-gradient(top,#f9f9f9,#dddcdc);
    background-image: -moz-linear-gradient(top,#f9f9f9,#dddcdc);
    background-image: -o-linear-gradient(top,#f9f9f9,#dddcdc);
    background-image: linear-gradient(to bottom,#f9f9f9,#dddcdc);
    background-image: -webkit-linear-gradient(to bottom,#f9f9f9,#dddcdc);
    background-image: -moz-linear-gradient(to bottom,#f9f9f9,#dddcdc);
    background-image: -o-linear-gradient(to bottom,#f9f9f9,#dddcdc); }
.indexPro .arrowDiv a:hover:before{ background-image: linear-gradient(left,#4284b7,#54aede);
    background-image: -webkit-linear-gradient(left,#4284b7,#54aede);
    background-image: -moz-linear-gradient(left,#4284b7,#54aede);
    background-image: -o-linear-gradient(left,#4284b7,#54aede);
    background-image: linear-gradient(to right,#4284b7,#54aede);
    background-image: -webkit-linear-gradient(to right,#4284b7,#54aede);
    background-image: -moz-linear-gradient(to right,#4284b7,#54aede);
    background-image: -o-linear-gradient(to right,#4284b7,#54aede);}
.indexPro .prev{ left: -95px; }
.indexPro .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 12px; margin-left: -4px; margin-top: -6px; background: url(../images/nimg7_left.png) center no-repeat;}
.indexPro .next{ right: -95px; }
.indexPro .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 12px; margin-left: -4px; margin-top: -6px; background: url(../images/nimg7_right.png) center no-repeat;}
.indexPro .prev:hover:after{ background: url(../images/nimg7_lefton.png) center no-repeat; }
.indexPro .next:hover:after{ background: url(../images/nimg7_righton.png) center no-repeat; }

.indexP1 canvas { position: absolute; left: 0; bottom: -4rem; z-index: 1; width: 100%; }


.indexP2 .msg{ font-size: 24px; line-height: 24px; text-align: center; padding: 40px 0 50px; }
.indexP2 .list{ position: relative; overflow: hidden; }
.indexP2 .list .bg{ position: relative; overflow: hidden; }
.indexP2 .list .bg:after{ content: ''; position: absolute; left: 0; top: 0; width: 110%; height: 110%; background: rgba(0,0,0,0.5); }
.indexP2 .list .bg img{ width: 100%; }
.indexP2 .list .layer{ position: absolute; left: 0.65rem; right: 0.55rem; top: 20%; z-index: 1; }
.indexP2 .list .limg{ height: 75px; }
.indexP2 .list .name{ color: #fff; font-size: 24px; line-height: 24px; height: 65px; }
.indexP2 .list .ico{ position: absolute; left: 0.65rem; bottom: 14.5%; z-index: 1; width: 47px; height: 33px; border: #fff solid 2px; box-sizing: border-box; background: url(../images/ico3.png) center no-repeat; border-radius: 36px;}
.indexP2 .list .content{ opacity: 0; font-size: 16px; line-height: 30px; color: #fff; }
.indexP2 .list .swiper-slide:hover .bg:after{ background: url(../images/bg1.png) bottom repeat-x; }
.indexP2 .list .swiper-slide:hover .content{ opacity: 1; }

.indexP3{ padding: 175px 0; overflow: hidden; position: relative; }
.indexP3 .round{ position: absolute; left: 50%; margin-left: -1.12rem; top: 0.65rem; }
.indexP3 .round img{ width: 2.24rem; }
.indexP3 .rightImg{ width: 50%; height: 6.5rem; background: center no-repeat; background-size: cover; z-index: 1; }
.indexP3 .leftDiv{ width: 6.85rem; position: absolute; left: 50%; margin-left: -7.68rem; top: 175px; z-index: 1; }
.indexP3 .indexTitle{ text-align: left; padding-bottom: 55px;}
.indexP3 .name{ padding: 60px 0 35px; font-size: 48px; line-height: 48px; background: url(../images/nimg606Bg.png) left top no-repeat; }
.indexP3 .name em{ display: inline-block; font-weight: bold;}
.indexP3 .content{ font-size: 18px; color: #333; line-height: 36px; padding-top: 50px; text-align: justify; }
.indexP3 .more{ padding-top: 1.15rem; }
.indexP3 .more a{ display: block; position: relative; width: 150px; height: 50px; line-height: 50px; font-size: 14px; text-indent: 38px; text-transform: uppercase; color: #fff; font-family: bold; border-radius: 36px;}
.indexP3 .more a:after{ content: ''; position: absolute; right: 36px; top: 50%; margin-top: -6px; width: 15px; height: 12px; background: url(../images/ico2on.png) no-repeat; }
.indexP3 .more a:hover:after{ animation: iconAni 1.5s ease infinite; }

.indexP4{ position: relative; height: 7.0rem; background: center no-repeat; background-size: cover; }
.indexP4 .botLayer{ position: absolute; left: 50%; bottom: 0; width: 15.36rem; padding-top: 100px; height: 420px; box-sizing: border-box; margin-left: -7.68rem; background: rgba(255,255,255,0.9); z-index: 1; }
.indexP4 .wen{ padding: 0.5rem 0 0.6rem; font-size: 0.24rem; line-height: 0.24rem; color: #333; text-align: center; }
.indexP4 .btnGroup{ text-align: center; overflow: hidden;}
.indexP4 .btnGroup ul{ font-size: 0; }
.indexP4 .btnGroup li{ display: inline-block; }
.indexP4 .btnGroup li .box{ margin: 0 60px;}
.indexP4 .btnGroup li .box a{ display: block; width: 190px; height: 50px; line-height: 50px; font-size: 16px; color: #1264a5; text-align: left; text-indent: 46px; border-radius: 36px; position: relative;}
.indexP4 .btnGroup li .box a:before{ content: ''; z-index: 1; position: absolute; right: 36px; top: 50%; width: 15px; height: 12px; margin-top: -6px; background: url(../images/ico2.png) no-repeat; }
.indexP4 .btnGroup li .box a:after{ content: ''; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; box-sizing: border-box; background: #fff; border-radius: 36px; }
.indexP4 .btnGroup li .box em{ position: relative; z-index: 1; }
.indexP4 .btnGroup li .box a:hover{ color: #fff; }
.indexP4 .btnGroup li .box a:hover:after{ display: none; }
.indexP4 .btnGroup li .box a:hover:before{ background: url(../images/ico2on.png) no-repeat; animation: iconAni 1.5s ease infinite;}

.indexP5{ padding: 180px 0; }
.indexP5 .toptop{ position: relative; height: 170px; }
.indexP5 .indexTitle{ text-align: left; }
.indexP5 .moreBtn{ position: absolute; right: 0; top: 16px; z-index: 1; }
.indexP5 .moreBtn a{ display: block; width: 150px; height: 50px; line-height: 50px; position: relative; text-indent: 38px; border-radius: 24px; font-size: 14px; color: #fff; font-family: bold; text-transform: uppercase; }
.indexP5 .moreBtn a:after{ content: ''; position: absolute; right: 36px; top: 50%; margin-top: -6px; width: 15px; height: 12px; background: url(../images/ico2on.png) no-repeat; }
.indexP5 .moreBtn a:hover:after{ animation: iconAni 1.5s ease infinite; }
.indexP5 .tab2{ position: absolute; left: 0; width: 100%; text-align: center; top: 50px; }
.indexP5 .tab2 ul{ font-size: 0; }
.indexP5 .tab2 li{ display: inline-block; margin: 0 36px; position: relative; height: 35px; line-height: 24px; font-size: 24px; color: #666; }
.indexP5 .tab2 li:after{ content: ''; position: absolute; width: 0; left: 50%; bottom: 0; height: 3px; background: #1264a5; }
.indexP5 .tab2 .liNow{ color: #1264a5;}
.indexP5 .tab2 .liNow:after{ width: 100%; left: 0; }
.indexP5 .list{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.indexP5 .list ul{ margin-right: -60px; }
.indexP5 .list li{ float: left; width: 33.33%;}
.indexP5 .list li .box{ margin-right: 60px; }
.indexP5 .list li .imgDiv{ height: 3.0rem; overflow: hidden; }
.indexP5 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP5 .list li .time{ padding-top: 55px; font-size: 18px; line-height: 18px; height: 30px; color: #c9c9c9; font-family: regular; }
.indexP5 .list li .name{ font-size: 24px; line-height: 42px; height: 84px; overflow: hidden; color: #333; }
.indexP5 .list li .more{ margin-top: 35px; position: relative; width: 110px; font-size: 16px; line-height: 16px; color: #999; height: 28px; border-bottom: #ccc solid 1px; }
.indexP5 .list li .more:after{ content: ''; position: absolute; right: 0; top: 3px; width: 15px; height: 12px; background: url(../images/ico4.png) no-repeat; }
.indexP5 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.indexP5 .list li .box:hover .name{ color: #1365a5;}
.indexP5 .list li .box:hover .more{ color: #1264a5; border-bottom: #1264a5 solid 1px; }
.indexP5 .list li .box:hover .more:after{ background: url(../images/ico2.png) no-repeat; }


.indexP6{ height: 100px; }
.indexP6 ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.indexP6 li{ color: #fff; font-size: 18px; line-height: 100px; font-family: regular; }
.indexP6 .tel{ padding-left: 54px; position: relative; }
.indexP6 .tel img{ position: absolute; left: 0; top: 50%; margin-top: -18px; }
.indexP6 .tel em{ font-size: 40px; line-height: 40px; font-family: bold; padding-left: 20px; }
.indexP6 li a{ display: block; padding-right: 40px; color: #fff; background: url(../images/nimg24_1.png) right center no-repeat;}
.indexP6 li a:hover{ text-decoration: underline; }

.about .conDiv{ width: 6.25rem; }
.about .titleDiv{ padding-bottom: 0.45rem; }
.about .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.about .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.about .content{ font-size: 16px; color: #333; line-height: 28px; text-align: justify; }
.about .rightImg{ width: 50%; height: 6.57rem; }
.about .rightImg img{ width: 100%; height: 100%; object-fit: cover;}

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

.honor .titleDiv{ text-align: center; padding-bottom: 40px; }
.honor .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.honor .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.honor .list ul{ margin-right: -40px; }
.honor .list li{ float: left; width: 25%; padding-bottom: 40px; }
.honor .list li .box{ margin-right: 40px; background: #fff; padding-top: 30px; padding-bottom: 30px; cursor: pointer; position: relative; border: #e9e9e9 solid 1px; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.05);}
.honor .list li .imgDiv{ height: 2.2rem;}
.honor .list li .imgDiv img{ max-width: 2.6rem; max-height: 2.2rem; }
.honor .list li .name{ padding-top: 20px; color: #333; padding-left: 25px; padding-right: 25px; height: 52px; line-height: 26px; text-align: center; overflow: hidden; font-size: 16px; }
.honor .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.honor .list li .box:hover .name{ color: #1365a5; }


.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 999;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 8.2rem; margin: 0 auto; padding: 60px 100px 0;}
.pic-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 30px; height: 30px; display: inline-block; background: url(../images/close.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { height: 5.4rem;}
.pic-modal-box .pic-box img { display: block; max-width: 8.2rem; max-height: 5.4rem;}

.history .titleDiv{ text-align: center; padding-bottom: 40px; }
.history .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.history .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.history .list{ margin-top: 20px; padding-top: 70px; position: relative; }
.history .list:before{ content: ''; position: absolute; left: 0; top: 0; width: 36px; height: 36px; background: url(../images/nimg36_1.png) no-repeat; }
.history .list:after{ content: ''; position: absolute; left: 17px; top: 36px; width: 2px; height:calc(100% - 36px); background: #1d95d4; }
.history .list li{ position: relative; padding-left: 85px; margin-bottom: 20px; z-index: 1; }
.history .list li:before{ content: ''; position: absolute; left: 9px; top: 50%; width: 18px; height: 18px; margin-top: -9px; background: url(../images/nimg18_1.png) no-repeat; }
.history .list li .contentBox{ background: #f5f5f5; padding: 30px 60px 30px 185px; min-height: 85px; position: relative;}
.history .list li .time{ top: 50px; width: 170px; text-align: center; position: absolute; left: 0; font-family: regular; font-size: 14px;}
.history .list li .year{ font-size: 30px; line-height: 30px; color: #000; }
.history .list li .time p{ text-transform: uppercase; color: #999; }
.history .list li .msg{ font-size: 16px; color: #333; line-height: 30px; }

.techniqueP1{ padding-top: 120px; height: 600px; box-sizing: border-box; background: center no-repeat; background-size: cover; }
.techniqueP1 .conDiv{ width: 590px; color: #fff; }
.techniqueP1 .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; font-family: bold; text-transform: uppercase;}
.techniqueP1 .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.techniqueP1 .content{ font-size: 16px; padding-right:8px; line-height: 30px; height: 210px; overflow:auto; text-align: justify; margin-top: 50px; }
.techniqueP1 .content::-webkit-scrollbar { width: 2px;}
.techniqueP1 .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.techniqueP1 .content::-webkit-scrollbar-thumb { background-color: #1d95d4;}

.techniqueP2{ padding: 120px 0 95px; }
.techniqueP2 .titleDiv{ text-align: center; padding-bottom: 40px; }
.techniqueP2 .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.techniqueP2 .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.techniqueP2 .list ul{ margin-right: -28px; }
.techniqueP2 .list li{ float: left; width: 25%; padding-bottom: 25px; }
.techniqueP2 .list li .box{ margin-right: 28px; }
.techniqueP2 .list li .imgDiv{ height: 340px; background-image: linear-gradient(top,#d3d2d2,#f9f9f9);
    background-image: -webkit-linear-gradient(top,#d3d2d2,#f9f9f9);
    background-image: -moz-linear-gradient(top,#d3d2d2,#f9f9f9);
    background-image: -o-linear-gradient(top,#d3d2d2,#f9f9f9);
    background-image: linear-gradient(to bottom,#d3d2d2,#f9f9f9);
    background-image: -webkit-linear-gradient(to bottom,#d3d2d2,#f9f9f9);
    background-image: -moz-linear-gradient(to bottom,#d3d2d2,#f9f9f9);
    background-image: -o-linear-gradient(to bottom,#d3d2d2,#f9f9f9);}
.techniqueP2 .list li .imgDiv img{ max-width: 3.2rem; max-height: 2.2rem;}
.techniqueP2 .list li .botDiv{ height: 220px; box-sizing: border-box; padding: 25px 30px 0; background: #f0f0f0; }
.techniqueP2 .list li .name{ height: 32px; line-height: 32px; color: #333; font-size: 30px; font-family: regular; }
.techniqueP2 .list li .msg{ padding-top: 5px; }
.techniqueP2 .list li .msg dd{ padding-left: 10px; position: relative; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; color: #999; }
.techniqueP2 .list li .msg dd:before{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: #1d95d4; }
.techniqueP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.techniqueP2 .list li .box:hover .botDiv{ background: #1d95d4; }
.techniqueP2 .list li .box:hover .name, .techniqueP2 .list li .box:hover .msg dd{ color: #fff; }
.techniqueP2 .list li .box:hover .msg dd:before{ background: rgba(255,255,255,0.8); }

.productTop{ position: relative; width: 100%;/* padding-top: 92px;*/ height: 80px; border-bottom: #e9e9e9 solid 1px; background: #fff;}
.productTop:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e9e9e9; }
.productTop.mini{ padding-top: 0; position: fixed; left: 0; top: 0; z-index: 4; }
.productTop .back{ position: relative; z-index: 1; display: inline-block; }
.productTop .back a{ display: block; position: relative; line-height: 80px; font-size: 16px; color: #333; font-family: mont; padding-left: 24px; }
.productTop .back a:before{ content: ''; position: absolute; left: 0; top: 50%; width: 8px; height: 14px; margin-top: -7px; background: url(../images/back.png) no-repeat; }
.productTop .back a:hover{ color: #1365a5; }
.productTop .links{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.productTop .links:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-top: -7px; width: 1px; height: 14px; background: #c6c6c6; }
.productTop .links li{ display: inline-block; padding: 0 25px; font-size: 14px;}
.productTop .links li a{ display: block; line-height: 80px; color: #333;}
.productTop .links li .aNow{ color: #1365a5; }

.productP1{ overflow: hidden; }
.productP1.on{ padding-top: 80px; }
.productP1 .leftDiv{ width: 50%; position: relative; }
.productP1 .leftDiv:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #eee; z-index: 1; }
.proPic{ height: 6.5rem; position: relative; }
.proPic .limg{ height: 6.5rem; overflow: hidden; }
.proPic .limg img{ max-width: 7.68rem; max-height: 5.6rem; }
.proPic .swiper-pagination{ bottom: 0.5rem!important;  } 
.proPic .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: #e0e0e0; border-radius: 50%; margin: 0 5px!important; } 
.proPic .swiper-pagination-bullet-active { background: #1365a5; width: 22px; border-radius: 24px;} 

.productP1 .rightCon{ width: 6.7rem; padding-top: 1.4rem; }
.productP1 .name{ font-size: 48px; line-height: 48px; font-family: bold; color: #000; }
.productP1 .list{ padding-top: 0.3rem; }
.productP1 .list dd{ padding-left: 18px; font-size: 16px; line-height: 36px; position: relative; }
.productP1 .list dd:before{ content: ''; position: absolute; left: 0; top: 15px; width: 6px; height: 6px; background: #1365a5; }

.productP2{ padding: 120px 0; background: #f5f6f7;}
.productP2 .title{ text-align: center; font-size: 36px; line-height: 36px; color: #000; padding-bottom: 40px; font-weight: bold; }
.productP2 .table{ border-top: #1d95d4 solid 2px; }
.productP2 .table td{ padding: 15px 0 15px 30px;/* height: 60px;*/ background: #fff; border-bottom: #c6c6c7 solid 1px; font-size: 16px; line-height: 30px; box-sizing: border-box;}
.productP2 .table .td00{ width: 17%; font-size: 20px; color: #212020; background: #dcddde; vertical-align: top; line-height: 30px;}
.productP2 .table .td01{ width: 17%; line-height: 30px; background: #f2f2f2; color: #212020; vertical-align: top; }

.productP3{ padding: 120px 0;}
.productP3 .title{ text-align: center; font-size: 36px; line-height: 36px; color: #000; padding-bottom: 30px; font-weight: bold; }
.productP3 li{ padding-bottom: 15px; }
.productP3 li a{ display: block; height: 90px; line-height: 90px; position: relative; padding: 0 130px 0 30px; background: #f5f6f7; font-size: 16px; overflow: hidden;}
.productP3 li a:after{ content: ''; position: absolute; right: 30px; top: 50%; width: 30px; height: 30px; margin-top: -15px; background: url(../images/nimg30_1.png) no-repeat; }
.productP3 li a:hover{ color: #fff; background: #1d95d4;}
.productP3 li a:hover:after{ background: url(../images/nimg30_1on.png) no-repeat; }

.service .titleDiv{ text-align: center; padding-bottom: 60px; }
.service .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.service .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.service .list li{ padding-bottom: 80px; }
.service .list li:last-child{ padding-bottom: 0; background: url(../images/nimg953Bg.png) left top no-repeat; background-size: 9.53rem; }
.service .list li .imgDiv{ width: 50%; overflow: hidden;}
.service .list li:nth-child(even) .imgDiv{ order: 2; }
.service .list li .imgDiv img{ width: 100%; }
.service .list li .conDiv{ width: 6.7rem; padding-top: 0.8rem; }
.service .list li:nth-child(even) .conDiv{ order: 1; }
.service .list li .title{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 45px; text-transform: uppercase; font-family: regular; }
.service .list li .content{ font-size: 16px; line-height: 30px; }
.service .list li .lie{ padding-top: 30px; }
.service .list li .lie dd{ font-size: 16px; padding-left: 20px; line-height: 30px; position: relative; }
.service .list li .lie dd:before{ content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #1d95d4; }
.service .txt{ font-size: 36px; line-height: 36px; text-align: center; color: #333; padding: 120px 0 45px; font-weight: bold;}
.service .list2 ul{ margin-right: -30px; }
.service .list2 li{ float: left; width: 33.33%; padding-bottom: 30px; }
.service .list2 li .box{ margin-right: 30px; height: 158px; background: #f6f6f6; padding: 40px 40px 0; box-sizing: border-box;}
.service .list2 li .name{ font-size: 18px; line-height: 18px; color: #333; font-weight: bold; padding-bottom: 15px; }
.service .list2 li .msg{ font-size: 16px; line-height: 24px; }


.download .titleDiv{ text-align: center; padding-bottom: 50px; }
.download .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.download .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.selectGroup{ position: relative; text-align: center; padding-bottom: 45px; z-index: 2;}
.selectGroup .box{ display: inline-block; position: relative; height: 62px; margin-right: 20px;}
.selectGroup .select dt{ border-radius: 6px; box-sizing: border-box; border: #dcdcdc solid 1px; height: 62px; line-height: 62px; display: inline-block; width: 238px; background: url(../images/selectIco.png) no-repeat right center; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.selectGroup .select dt a{ text-align: left; font-size: 16px;color: #666; position: relative; padding-left: 18px; display: block; overflow: hidden;} 
.selectGroup .select dd{ position: absolute; left: 0px; top: 61px; z-index: 10; width: 100%; background: #fff; height: 180px; overflow: auto; box-sizing: border-box; border: #dcdcdc solid 1px; border-radius: 6px;} 
.selectGroup .select dd::-webkit-scrollbar { width: 2px;}
.selectGroup .select dd::-webkit-scrollbar-track { background-color: #e5e5e5;}
.selectGroup .select dd::-webkit-scrollbar-thumb { background-color: #1d95d4;}
.selectGroup .select dd ul {list-style: none; overflow: auto; padding: 0 20px; background: #fff;} 
.selectGroup .select dd ul li{line-height: 45px; height: 45px; cursor: pointer; border-bottom: 1px solid #e1e1e1; color: #c6c6c6; font-size: 14px; text-align: left;}
.selectGroup .select dd ul li:last-child{ border-bottom: none; }
.selectGroup .select dd ul li:hover{ color: #1d95d4; }
.selectGroup .form{ border: #e1e1e1 solid 1px; width: 438px; box-sizing: border-box; position: relative; height: 62px; border-radius: 6px; overflow: hidden;}
.selectGroup .form .input1{ width: 100%; padding-left: 26px; height: 62px; line-height: 60px; text-align: left; box-sizing: border-box; font-size: 16px; }
.selectGroup .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.selectGroup .btnDiv a{ display: block; width: 110px; text-align: center; font-size: 18px; color: #fff; height: 62px; line-height: 62px; background: #1d95d4;  }

.download .list{ padding-bottom: 20px; }
.download .list li{ padding-bottom: 15px; }
.download .list li a{ display: block; height: 90px; line-height: 90px; position: relative; padding: 0 130px 0 30px; background: #f5f6f7; font-size: 16px; overflow: hidden;}
.download .list li a:after{ content: ''; position: absolute; right: 30px; top: 50%; width: 30px; height: 30px; margin-top: -15px; background: url(../images/nimg30_1.png) no-repeat; }
.download .list li a:hover{ color: #fff; background: #1d95d4;}
.download .list li a:hover:after{ background: url(../images/nimg30_1on.png) no-repeat; }

.news .titleDiv{ text-align: center; padding-bottom: 50px; }
.news .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.news .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.news .list ul{ margin-right: -60px; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 100px;}
.news .list li .box{ margin-right: 60px; }
.news .list li .imgDiv{ height: 3.0rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .time{ padding-top: 55px; font-size: 18px; line-height: 18px; height: 30px; color: #c9c9c9; font-family: regular; }
.news .list li .name{ font-size: 24px; line-height: 42px; height: 84px; overflow: hidden; color: #333; }
.news .list li .more{ margin-top: 35px; position: relative; width: 110px; font-size: 16px; line-height: 16px; color: #999; height: 28px; border-bottom: #ccc solid 1px; }
.news .list li .more:after{ content: ''; position: absolute; right: 0; top: 3px; width: 15px; height: 12px; background: url(../images/ico4.png) no-repeat; }
.news .list li .box:hover .name{ color: #1264a5; }
.news .list li .box:hover .more{ color: #1264a5; border-bottom: #1264a5 solid 1px; }
.news .list li .box:hover .more:after{ background: url(../images/ico2.png) no-repeat; }

.newsTop{ padding: 70px 0 60px; box-sizing: border-box; background: #f5fcff; position: relative; }
.newsTop:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 442px; height: 234px; background: url(../images/nimg442Bg.png) no-repeat; }
.newsTop:after{ content: ''; position: absolute; right: 0; top: 0; width: 414px; height: 216px; background: url(../images/nimg414Bg.png) no-repeat; }
.newsTop .w960{ width: 960px; margin: 0 auto; }
.newsTop .back a{ display: block; padding-left: 25px; font-size: 16px; background: url(../images/back2.png) left center no-repeat;}
.newsTop .name{ padding: 35px 0 15px; font-size: 40px; line-height: 48px; color: #000; font-weight: bold; }
.newsTop .msg{ position: relative; color: #666; font-size: 16px;}
.newsTop .msg em{ padding-right: 25px; }

.newsBot{ padding: 70px 0 100px; }
.newsBot .w960{ width: 960px; margin: 0 auto; }
.newsBot .back a{ display: block; padding-left: 25px; font-size: 16px; background: url(../images/back.png) left center no-repeat;}
.newsBot .name{ padding: 35px 0 15px; font-size: 40px; line-height: 48px; color: #000; font-weight: bold; }
.newsBot .msg{ position: relative; color: #666; font-size: 16px; padding-bottom: 60px;}
.newsBot .msg em{ padding-right: 25px; }
.newsBot .content{ font-size: 16px; line-height: 30px; }
.newsBot .imgDiv{ padding: 45px 0; text-align: center;}
.newsBot .imgDiv img{ width: 100%; }

.culture{ padding: 120px 0 190px; background: url(../images/bg2.png) bottom repeat-x; position: relative; overflow: hidden;}
.culture .titleDiv{ text-align: center; padding-bottom: 50px; }
.culture .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.culture .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.culture .list{ position: relative; z-index: 2; }
.culture .list ul{ margin-right: -60px; }
.culture .list li{ float: left; width: 33.33%; }
.culture .list li .box{ margin-right: 60px; cursor: pointer;}
.culture .list li .imgDiv{ position: relative; overflow: hidden; }
.culture .list li .imgDiv:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.culture .list li .imgDiv img{ width: 100%; }
.culture .list li .name{ padding-top: 25px; height: 36px; line-height: 36px; color: #000; font-weight: bold; font-size: 24px; }
.culture .list li .msg{ font-size: 18px; line-height: 24px; padding: 10px 70px 0 0; }
.culture .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.culture .list li .box:hover .imgDiv:after{ opacity: 1; }
.culture .txt{ padding: 180px 0 30px; text-align: center; color: #000; font-size: 30px; line-height: 30px; position: relative; z-index: 2;}
.culture .wen{ text-align: center; font-size: 36px; line-height: 36px; position: relative; z-index: 2; }
.culture .wen em{ padding: 0 10px; }
.culture canvas { position: absolute; left: 0; bottom: -4rem; z-index: 1; width: 100%; }

.cultureP2{ padding: 120px 0; }
.cultureP2 .titleDiv{ text-align: center; padding-bottom: 50px; }
.cultureP2 .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.cultureP2 .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.actPic{ position: relative; }
.actPic .list{ overflow: hidden; }
.actPic .list .imgDiv{ overflow: hidden; cursor: pointer; }
.actPic .list .imgDiv img{ width: 100%; }
.actPic .arrowDiv a{ display: block; position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; z-index: 2;}
.actPic .arrowDiv a:before{ content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background-image: linear-gradient(top,#f9f9f9,#dddcdc);
    background-image: -webkit-linear-gradient(top,#f9f9f9,#dddcdc);
    background-image: -moz-linear-gradient(top,#f9f9f9,#dddcdc);
    background-image: -o-linear-gradient(top,#f9f9f9,#dddcdc);
    background-image: linear-gradient(to bottom,#f9f9f9,#dddcdc);
    background-image: -webkit-linear-gradient(to bottom,#f9f9f9,#dddcdc);
    background-image: -moz-linear-gradient(to bottom,#f9f9f9,#dddcdc);
    background-image: -o-linear-gradient(to bottom,#f9f9f9,#dddcdc); }
.actPic .arrowDiv a:hover:before{ background-image: linear-gradient(left,#4284b7,#54aede);
    background-image: -webkit-linear-gradient(left,#4284b7,#54aede);
    background-image: -moz-linear-gradient(left,#4284b7,#54aede);
    background-image: -o-linear-gradient(left,#4284b7,#54aede);
    background-image: linear-gradient(to right,#4284b7,#54aede);
    background-image: -webkit-linear-gradient(to right,#4284b7,#54aede);
    background-image: -moz-linear-gradient(to right,#4284b7,#54aede);
    background-image: -o-linear-gradient(to right,#4284b7,#54aede);}
.actPic .prev{ left: -95px; }
.actPic .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 12px; margin-left: -4px; margin-top: -6px; background: url(../images/nimg7_left.png) center no-repeat;}
.actPic .next{ right: -95px; }
.actPic .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 12px; margin-left: -4px; margin-top: -6px; background: url(../images/nimg7_right.png) center no-repeat;}
.actPic .prev:hover:after{ background: url(../images/nimg7_lefton.png) center no-repeat; }
.actPic .next:hover:after{ background: url(../images/nimg7_righton.png) center no-repeat; }
.actPic .list .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.product .titleDiv{ text-align: center; padding-bottom: 40px; }
.product .titleDiv .en{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-family: bold; text-transform: uppercase;}
.product .titleDiv .cn{ padding-top: 10px; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; }
.product .table th{ height: 54px; line-height: 54px; background: #1d95d4; border-right: #46a7d9 solid 1px; color: #fff; font-size: 16px; text-align: left; text-indent: 30px;}
.product .table .th01{ text-indent: 0; text-align: center; width: 20%; }
.product .table .th02{ width: 15%; }
.product .table .th03{ width: 19.5%; }
.product .table .th04{ width: 13.6%; }
.product .table .th05{ width: 18.2%; }
.product .table td{ height: 206px; border-bottom: #e9edef solid 1px; border-right: #e9edef solid 1px; vertical-align: top; position: relative;}
.product .table td:first-child{ border-left: #e9edef solid 1px;}
.product .table td .r1{ padding-top: 35px; }
.product .table td .imgDiv{ width: 2.5rem; margin: 0 auto; height: 1.0rem; }
.product .table td .imgDiv img{ max-width: 2.9rem; max-height: 0.9rem; }
.product .table td .name{ text-align: center; line-height: 30px; height: 30px; overflow: hidden; padding: 0 20px; font-size: 18px; color: #333; font-family: regular; }
.product .table td .r2{ font-size: 16px; line-height: 26px; padding: 0.6rem 0.3rem 0; }
.product .table td .more{ position: absolute; left: 50%; top: 50%; width: 120px; margin-left: -60px; margin-top: -23px; }
.product .table td .more a{ display: block; width: 100%; height: 46px; line-height: 46px; background: #d2eaf6; position: relative; text-indent: 25px; font-size: 14px; color: #1365a5; font-family: regular; text-transform: uppercase; border-radius: 24px; }
.product .table td .more a:after{ content: ''; position: absolute; right: 26px; top: 50%; width: 15px; height: 12px; margin-top: -6px; background: url(../images/ico2.png) no-repeat; }
.product .table td .more a:hover{ background: #1365a5; color: #fff; }
.product .table td .more a:hover:after{ background: url(../images/ico2on.png) no-repeat; }