﻿/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%;}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; color: #fff; bottom: 20%; }
.ind-banner .onebox .en{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.1rem; font-family:light; text-transform: uppercase; letter-spacing: 15px;}
.ind-banner .onebox .cn{ font-size: 0.64rem; line-height: 0.86rem; color: #fff; font-weight: bold; width: 5.8rem; }
.ind-banner .twobox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 1; color: #fff; top: 14%; }
.ind-banner .twobox .txt1{ font-size: 0.64rem; line-height: 0.64rem; font-weight: bold; padding-bottom: 0.3rem;}
.ind-banner .twobox .txt2{ font-size: 0.2rem; line-height: 0.3rem; font-family: light; text-transform: uppercase; width: 9.0rem; margin: 0 auto;}
.ind-banner .btnDiv{ margin-top: 0.75rem; position: relative; width: 1.84rem; height: 0.56rem; line-height: 0.56rem; background: #aa041b; color: #fff; font-size: 0.16rem; border-radius: 0.48rem; text-transform: uppercase; font-family: regular; text-indent: 0.34rem;}
.ind-banner .btnDiv:after{ content: ''; position: absolute; right: 0.32rem; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/ico3.png) no-repeat; }
.ind-banner .btnDiv:hover:after{ animation: iconAni 1.5s ease infinite;}

.ind-banner .swiper-pagination{ width: 100%; bottom: 60px; } 
.ind-banner .swiper-pagination-bullet { display: inline-block; width: 40px; height: 5px; opacity: 0.5; background: #fff; box-sizing:border-box; border-radius:24px; margin: 0 15px!important; } 
.ind-banner .swiper-pagination-bullet-active { opacity: 1;} 

.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
}
/*banner结束*/

.indexP1{ padding: 1.6rem 0; }
.indexP1 .list li{ padding-bottom: 1.2rem; }
.indexP1 .list li:last-child{ padding-bottom: 0; }
.indexP1 .list li .imgDiv{ width: 9.22rem; }
.indexP1 .list li .imgDiv img{ width: 100%; }
.indexP1 .list li .conDiv{ width: 4.94rem; }
.indexP1 .list li:nth-child(even) .imgDiv{ order: 2; }
.indexP1 .list li:nth-child(even) .conDiv{ order: 1; }
.indexP1 .list li .en{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-family:mont; }
.indexP1 .list li .cn{ font-size: 0.24rem; line-height: 0.24rem; color: #000; padding: 0.2rem 0 0.35rem; }
.indexP1 .list li .content{ font-size: 16px; color: #333; line-height: 30px; text-align: justify; }
.indexP1 .list li .btnDiv{ padding-top: 1.1rem; }
.indexP1 .list li .btnDiv a{ position: relative; display: block; font-size: 0.16rem; width: 1.8rem; text-indent: 0.34rem; background: #aa041b; color: #fff; height: 0.52rem; line-height: 0.52rem; border-radius: 0.48rem; border: #aa041b solid 2px; text-transform: uppercase; font-family: regular;}
.indexP1 .list li .btnDiv a:after{ content: ''; position: absolute; right: 0.32rem; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/ico3.png) no-repeat; }
.indexP1 .list li .btnDiv a:hover{ background: none; color: #aa041b; }
.indexP1 .list li .btnDiv a:hover:after{ background: url(../images/ico2.png) no-repeat; }

.indexP2{ height: 9.4rem; background: url(../images/indexP2.jpg) center no-repeat; background-size: cover;}
.indexP2 .en{ padding: 1.45rem 0 0.2rem; text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-family:mont; }
.indexP2 .cn{ font-size: 0.24rem; line-height: 0.24rem; color: #000; padding-bottom: 0.4rem; text-align: center;}
.indexP2 .content{ width: 1200px; margin: 0 auto; font-size: 16px; color: #333; line-height: 32px; text-align: center; }
.indexP2 .btnDiv{ padding-top: 0.75rem; margin: 0 auto; width: 1.84rem;}
.indexP2 .btnDiv a{ display: block; position: relative; width: 1.8rem; height: 0.56rem; line-height: 0.56rem; border: #aa041b solid 2px; background: #aa041b; color: #fff; font-size: 0.16rem; border-radius: 0.48rem; text-transform: uppercase; font-family: regular; text-indent: 0.34rem;}
.indexP2 .btnDiv a:after{ content: ''; position: absolute; right: 0.32rem; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/ico3.png) no-repeat; }
.indexP2 .btnDiv a:hover{ background: none; color: #aa041b; }
.indexP2 .btnDiv a:hover:after{ background: url(../images/ico2.png) no-repeat;}
.indexP2 .numList{ padding-top: 60px; width:1200px; margin:0 auto; overflow:hidden;}
.indexP2 .numList li{ float: left; width: 20%; color: #aa041b; text-align: center; }
.indexP2 .numList li .num{ display: inline-block; position: relative; font-size:18px; }
.indexP2 .numList li .num em{ font-size: 60px; line-height: 50px; font-family:mont; padding-right:5px;}
.indexP2 .numList li .num img{ position:relative; top:-26px;}
.indexP2 .numList li p{ font-size: 16px; padding-top: 10px; color:#333; }

.indexP3{ padding-top: 1.75rem; height: 9.6rem; background: url(../images/indexP3.jpg) center no-repeat; background-size: cover; position: relative; box-sizing: border-box; overflow: hidden;}
.indexP3 .en{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-family:mont; }
.indexP3 .cn{ padding-top: 0.2rem; font-size: 0.24rem; line-height: 0.24rem; color: #fff; }
.indexP3 .layer{ position: absolute; right: 0; bottom: 0; z-index: 1; background: #aa041b; width: 60%; box-sizing: border-box; padding: 0 2.0rem 0 1.0rem; height: 3.8rem; }
.indexP3 .content{ font-size: 0.2rem; line-height: 0.36rem; color: #fff; text-align: justify; }
.indexP3 .btnDiv{ padding-top: 0.5rem; }
.indexP3 .btnDiv a{ position: relative; display: block; font-size: 0.16rem; width: 1.8rem; text-indent: 0.34rem; color: #fff; height: 0.52rem; line-height: 0.52rem; border-radius: 0.48rem; border: #fff solid 2px; text-transform: uppercase; font-family: regular;}
.indexP3 .btnDiv a:after{ content: ''; position: absolute; right: 0.32rem; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/ico3.png) no-repeat; }
.indexP3 .btnDiv a:hover{ background: #fff; color: #aa041b; }
.indexP3 .btnDiv a:hover:after{ background: url(../images/ico2.png) no-repeat;}

.indexP4{ padding: 1.45rem 0 1.3rem; }
.indexP4 .toptop{ position: relative; height: 1.56rem;}
.indexP4 .en{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-family:mont; }
.indexP4 .cn{ padding-top: 0.2rem; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.indexP4 .btnDiv{ position: absolute; top: 0.25rem; right: 0; }
.indexP4 .btnDiv a{ position: relative; display: block; font-size: 0.16rem; width: 1.8rem; text-indent: 0.34rem; color: #fff; height: 0.52rem; line-height: 0.52rem; border-radius: 0.48rem; background: #aa041b; border: #aa041b solid 2px; text-transform: uppercase; font-family: regular;}
.indexP4 .btnDiv a:after{ content: ''; position: absolute; right: 0.32rem; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/ico3.png) no-repeat; }
.indexP4 .btnDiv a:hover{ background: none; color: #aa041b; }
.indexP4 .btnDiv a:hover:after{ background: url(../images/ico2.png) no-repeat; }

.indexArea{ position: relative; } 
.indexArea .list{ overflow: hidden; }
.indexArea .list .imgDiv{ overflow: hidden; }
.indexArea .list .imgDiv img{ width: 100%; }
.indexArea .list .name{ padding-top: 0.55rem; height: 0.46rem; line-height: 0.46rem; font-size: 0.3rem; color: #000; text-align: center; }
.indexArea .list .num{ text-align: center; line-height: 0.48rem; line-height: 0.48rem; font-size: 0.3rem; color: #15306e; font-family: mont;}
.indexArea .btn{ display: block; position: absolute; top: 2.68rem; width: 60px; height: 60px; z-index: 2; }
.indexArea .prev{ left: -1.0rem; background: url(../images/nimg60_left.png) no-repeat;}
.indexArea .next{ right: -1.0rem; background: url(../images/nimg60_right.png) no-repeat;}
.indexArea .prev:hover{ background: url(../images/nimg60_lefton.png) no-repeat;}
.indexArea .next:hover{ background: url(../images/nimg60_righton.png) no-repeat;}
.indexArea .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexArea .list li:hover .name{ color: #aa041b; }

.indexP5{ height: 7.83rem; background: url(../images/indexP5.jpg) center no-repeat; background-size: cover; }
.indexP5 .en{ padding-bottom: 0.2rem; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-family:mont; }
.indexP5 .cn{ font-size: 0.24rem; line-height: 0.24rem; color: #000; padding-bottom: 0.4rem;}
.indexP5 .content{ font-size: 16px; color: #333; line-height: 32px; width: 500px; text-align: justify;}
.indexP5 .btnDiv{ padding-top: 0.75rem; width: 1.84rem;}
.indexP5 .btnDiv a{ position: relative; display: block; font-size: 0.16rem; width: 1.8rem; text-indent: 0.34rem; background: #aa041b; color: #fff; height: 0.52rem; line-height: 0.52rem; border-radius: 0.48rem; border: #aa041b solid 2px; text-transform: uppercase; font-family: regular;}
.indexP5 .btnDiv a:after{ content: ''; position: absolute; right: 0.32rem; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/ico3.png) no-repeat; }
.indexP5 .btnDiv a:hover{ background: none; color: #aa041b; }
.indexP5 .btnDiv a:hover:after{ background: url(../images/ico2.png) no-repeat; }

.indexP6{ height: 280px; background: url(../images/indexP6.jpg) center no-repeat; background-size: cover; }
.indexP6 .txt{ text-align: center; color: #fff; font-size: 30px; line-height: 30px; }
.indexP6 .btnDiv{ padding-top: 0.3rem; margin: 0 auto; width: 1.68rem;}
.indexP6 .btnDiv a{ display: block; position: relative; width: 1.68rem; height: 0.5rem; line-height: 0.5rem; background: #aa041b; color: #fff; font-size: 0.16rem; border-radius: 0.48rem; text-transform: uppercase; font-family: regular; text-indent: 0.4rem;}
.indexP6 .btnDiv a:after{ content: ''; position: absolute; right: 0.4rem; top: 50%; margin-top: -6px; width: 13px; height: 12px; background: url(../images/ico3.png) no-repeat; background-size: 13px;}
.indexP6 .btnDiv a:hover:after{ animation: iconAni 1.5s ease infinite;}

.aboutBox{ padding: 1.2rem 0 1.4rem; position: relative; }
.aboutBox:after{ content: ''; position: absolute; right: 50%; margin-right: -6.6rem; top: 0.6rem; z-index: 0; width: 4.63rem; height: 3.1rem; background: url(../images/nimg463Bg.png) no-repeat; background-size: 4.63rem; }
.about{ padding-top: 0.6rem; }
.about .mxfDiv{ position:relative; z-index:1;}
.about .conDiv{ position: relative; padding-right:4.4rem; padding-left: 255px; }
.about .logo{ width: 205px; position: absolute; left: 0; top: 0; height: 100%; }
.about .logo:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5; }
.about .logo img{ position: absolute; left: 0; top: 50%; margin-top: -52px; }
.about .content{ font-size:18px; line-height:38px; text-align:justify;}
.about .shadog{ padding-top: 0.95rem; padding-right:95px; position:relative; z-index:2;}
.about .imgDiv{ position:relative; overflow:hidden; border-bottom-right-radius:48px;}
.about .imgDiv img{ width:100%;}
.about .tiao{ overflow:hidden; position:absolute; right:0; top:0; width:3.2rem; height:88%; border-top-left-radius:64px; z-index:1;background-image: linear-gradient(top,#2957bf,#15306e);
    background-image: -webkit-linear-gradient(top,#2957bf,#15306e);
    background-image: -moz-linear-gradient(top,#2957bf,#15306e);
    background-image: -o-linear-gradient(top,#2957bf,#15306e);
    background-image: linear-gradient(to bottom,#2957bf,#15306e);
    background-image: -webkit-linear-gradient(to bottom,#2957bf,#15306e);
    background-image: -moz-linear-gradient(to bottom,#2957bf,#15306e);
    background-image: -o-linear-gradient(to bottom,#2957bf,#15306e);}
.about .tiao:before{ content:''; position:absolute; left:0; top:0; width:3.3rem; height:2.38rem; background:url(../images/nimg330Bg.png) no-repeat; background-size: 3.3rem;}
.about .dian{ position:absolute; z-index:1; width:0; top:1.35rem; left:30.8%; height:0; background:url(../images/ico4.png) repeat;}
.about .dian.on{ width: 150px; height: 288px; }

.honor{ padding-top: 0.6rem; }
.honor .list{ padding-bottom: 0.7rem; }
.honor .list ul{ margin-right: -24px; }
.honor .list li{ float: left; width: 25%; padding-bottom: 30px; }
.honor .list li .box{ cursor: pointer; margin-right: 24px; background: #f5f7fa; height: 4.48rem; padding-top: 0.52rem; box-sizing: border-box;}
.honor .list li .imgDiv{ overflow: hidden; height: 3.0rem; }
.honor .list li .imgDiv img{ max-width: 2.8rem; max-height: 3.0rem;}
.honor .list li .name{ margin: 15px 30px 0; font-size: 0.16rem; color: #000; font-weight: bold; text-align: center; height: 0.6rem; line-height: 0.3rem; overflow: hidden; }
.honor .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.honor .list li .box:hover .name{ color: #1e3874; }

.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;}

.subsidiary .imgDiv{ width: 7.68rem; overflow: hidden;}
.subsidiary .imgDiv img{ width: 100%; }
.subsidiary .conDiv{ width: 6.5rem; }
.subsidiary .content{ font-size: 18px; line-height: 40px; text-align: justify; padding-top: 0.5rem; }
.subsidiary .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.news{ padding-top: 0.6rem; }
.news .list{ padding-bottom: 0.2rem; }
.news .list ul{ margin-right: -60px; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.8rem; }
.news .list li .box{ margin-right: 60px; box-shadow: 0px 3px 35px 0px rgba(11, 23, 51, 0.08);}
.news .list li .imgDiv{ height: 3.0rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ height: 2.6rem; padding: 0.45rem 0.4rem 0; box-sizing: border-box; position: relative;}
.news .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #aa041b; }
.news .list li .name{ height: 32px; line-height: 32px; overflow: hidden; font-size: 0.2rem; color: #333; }
.news .list li .content{ font-size: 16px; color: #737376; line-height: 28px; height: 56px; overflow: hidden; padding-top: 0.15rem; }
.news .list li .time{ padding-top: 0.5rem; color: rgba(51,51,51,0.3); font-family: mont; font-size: 18px; }
.news .list li .box:hover .botDiv:after{ width: 100%; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.newShow{ padding: 1.2rem 0; background: #f5f5f5; }
.newShow .name{ font-size: 36px; line-height: 48px; text-align: center; color: #333; padding-bottom: 20px; }
.newShow .time{ text-align: center; font-size: 14px; color: #ccc; padding-bottom: 40px; font-family: light;}
.newShow .time em{ padding: 0 25px; }
.newShow .time img{ padding-right: 8px; position: relative; top: -1px; }
.newShow .contentBox{ padding: 55px 115px 85px; position: relative; background: #fff; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.05); }
.newShow .content{ font-size: 16px; line-height: 36px; padding-bottom: 40px;}
.newShow .imgDiv{ padding: 40px 0; text-align: center;}
.newShow .imgDiv img{ width: 100%; }

.pageDown{ border-top: #e6e6e6 solid 1px; position: relative; padding-right: 220px;}
.pageDown .list{ padding-top: 35px; }
.pageDown .list li{ font-size: 16px; height: 40px; line-height: 40px; overflow: hidden;}
.pageDown .list li a{ display: block; color: #666; }
.pageDown .list li a:hover{ color: #193370; }
.pageDown .backBtn{ position: absolute; right: 0; top: 42px; }
.pageDown .backBtn a{ display: block; width: 190px; height: 58px; line-height: 58px; border-radius: 36px; background: #193370; position: relative; text-indent: 46px; font-size: 14px; color: #fff; }
.pageDown .backBtn a:after{ content: ''; position: absolute; right: 40px; top: 50%; margin-top: -10px; width: 21px; height: 20px; background: url(../images/nimg21_1.png) no-repeat; }
.pageDown .backBtn a:hover:after{ right: 30px; }

.quartz .imgDiv{ width: 9.22rem; }
.quartz .imgDiv img{ width: 100%; }
.quartz .conDiv{ width: 4.95rem; }
.quartz .en{ font-family: mont; font-size: 0.48rem; line-height: 0.48rem; color: #000; }
.quartz .cn{ font-size: 0.24rem; line-height: 0.24rem; padding-top: 0.2rem; color: #000; }
.quartz .content{ font-size: 16px; line-height: 30px; text-align: justify; padding-top: 0.3rem; color: #333; }
.quartz .longDiv{ margin-top: 100px; }
.quartz .table table{ border-left: #e0e0e0 solid 1px; }
.quartz .table th{ height: 60px; background: #15306e; color: #fff; font-family: mont; font-size: 16px; border-right: #384f84 solid 1px; }
.quartz .table .th01{ width: 13.3%; }
.quartz .table .th02{ width: 17.8%; }
.quartz .table .th03{ width: 6.3%; }
.quartz .table .th04{ width: 6.3%; }
.quartz .table .th05{ width: 6.3%; }
.quartz .table .th06{ width: 6.3%; }
.quartz .table .th07{ width: 6.3%; }
.quartz .table .th08{ width: 6.3%; }
.quartz .table .th09{ width: 6.3%; }
.quartz .table .th10{ width: 6.3%; }
.quartz .table .th11{ width: 6.3%; }
.quartz .table .th12{ width: 6.3%; }
.quartz .table td{ border-right: #e0e0e0 solid 1px; border-bottom: #e0e0e0 solid 1px; height: 60px; font-size: 14px; padding: 0 0.2rem; }
.quartz .table tr:nth-child(odd) td{ background: #f5f7fa; }

.application{ padding-top: 0.7rem; }
.application .list{ padding-bottom: 0.3rem; }
.application .list ul{ margin-right: -70px; }
.application .list li{ float: left; width: 33.33%; padding-bottom: 0.65rem; }
.application .list li .box{ margin-right: 70px; }
.application .list li .imgDiv{ position: relative; overflow: hidden;}
.application .list li .imgDiv img{ width: 100%; }
.application .list li .botDiv{ position: absolute; opacity: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.9); z-index: 1; width: 100%; box-sizing: border-box; padding: 0.25rem 0.4rem; }
.application .list li .name2{ height: 0.5rem; line-height: 0.5rem; color: #000; font-size: 0.3rem; overflow: hidden; font-family: regular;}
.application .list li .content{ padding-top: 5px; font-size: 0.16rem; line-height: 0.26rem; color: #666; }
.application .list li .name{ text-align: center; padding-top: 0.3rem; height: 0.5rem; line-height: 0.5rem; color: #000; font-size: 0.3rem; overflow: hidden; font-family: regular; }
.application .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.application .list li .box:hover .botDiv{ opacity: 1; }
.application .list li .box:hover .name{ opacity: 0;}


.controlBox{ padding-top: 1.2rem; position: relative; }
.controlBox:before{ content: ''; position: absolute; right: 1.1rem; top: 0.4rem; width: 3.16rem; height: 3.7rem; background: url(../images/nimg316Bg.png) no-repeat; background-size: 3.16rem; }
.controlBox:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4.9rem; background: #f6f7fb; }
.control{ padding-top: 0.8rem; }
.control .rightImg{ width: 7.2rem; position: relative; z-index: 1; }
.control .rightImg img{ width: 100%; }
.control .conDiv{ width: 8.16rem; padding: 0 0.95rem 2.65rem 0.8rem; box-sizing: border-box; position: relative; z-index: 1; background: #fff url(../images/nimg575Bg.png) right bottom no-repeat;}
.control .cn{ font-size: 0.36rem; line-height: 0.36rem; color: #aa041b;}
.control .en{ padding-top: 0.2rem; color: rgba(11,25,57,0.3); font-size: 0.2rem; line-height: 0.3rem; font-family: mont; }
.control .content{ font-size: 16px; line-height: 34px; padding-top: 0.4rem; }

.process{ padding-top: 0.4rem; }
.process .msg{ text-align: center; font-size: 0.18rem; line-height: 0.32rem; padding-bottom: 0.75rem;}
.process .list ul{ margin-right: -66px; }
.process .list li{ float: left; width: 33.33%; padding-bottom: 0.65rem; }
.process .list li .box{ margin-right: 66px; }
.process .list li .imgDiv{ position: relative; overflow: hidden;}
.process .list li .imgDiv img{ width: 100%; }
.process .list li .botDiv{ position: absolute; opacity: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.9); z-index: 1; width: 100%; box-sizing: border-box; padding: 0.25rem 0.4rem; }
.process .list li .name2{ height: 0.5rem; line-height: 0.5rem; color: #000; font-size: 0.3rem; overflow: hidden; font-family: regular;}
.process .list li .content{ padding-top: 5px; font-size: 0.16rem; line-height: 0.26rem; color: #666; }
.process .list li .name{ text-align: center; padding-top: 0.3rem; height: 0.5rem; line-height: 0.5rem; color: #000; font-size: 0.3rem; overflow: hidden; font-family: regular; }
.process .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.process .list li .box:hover .botDiv{ opacity: 1; }
.process .list li .box:hover .name{ opacity: 0;}

.aftersale .msg{ padding: 0.3rem 0.5rem 0; font-size: 18px; line-height: 36px; text-align: center; }
.aftersale .imgDiv{ margin-top: 0.5rem; overflow: hidden; }
.aftersale .imgDiv img{ width: 100%; }
.aftersale .imgDiv img:hover{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.stock .leftDiv{ width: 50%; }
.stock .name{ padding-top: 0.6rem; font-size: 0.26rem; line-height: 0.26rem; color: #15306e; font-family: regular; }
.stock .value{ padding-top: 0.3rem; font-size: 0.18rem; color: #aa041b; line-height: 0.18rem; text-transform: uppercase; font-family: mont;}
.stock .value em{ font-size: 0.54rem; line-height: 0.54rem; }
.stock .value span{ padding: 0 8px 0 15px; }
.stock .tips{ padding-top: 0.5rem; font-size: 0.16rem; color: #999; }
.stock .rightImg{ width: 50%; box-sizing: border-box; border: #b8c0d3 solid 2px; }
.stock .rightImg img{ width: 100%; }
.stock .numList{ padding-top: 0.3rem; }
.stock .numList li{ float: left; width: 27%; box-sizing: border-box; padding-left: 0.5rem; position: relative;}
.stock .numList li:first-child{ padding-left: 0; width: 19%; }
.stock .numList li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 64px; background: #f0f1f2; }
.stock .numList li:last-child:after{ display: none; }
.stock .numList li .wen{ font-size: 16px; height: 0.4rem; }
.stock .numList li .num{ font-size: 0.32rem; line-height: 0.32rem; font-family: regular; }

.concept .imgDiv{ width: 9.4rem; overflow: hidden; }
.concept .imgDiv img{ width: 100%; }
.concept .imgDiv:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.concept .conDiv{ width: 4.9rem; }
.concept .content{ font-size: 18px; line-height: 40px; text-align: justify; padding-top: 0.5rem; }

.welfare{ padding-top: 0.6rem; }
.welfare .list{ position: relative; }
.welfare .list:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; z-index: 1; }
.welfare .list li{ float: left; width: 33.33%; height: 2.9rem; padding-top: 0.5rem; text-align: center; box-sizing: border-box; position: relative; }
.welfare .list li:before{ content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #e5e5e5; }
.welfare .list li:nth-child(3n):before{ display: none; }
.welfare .list li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e5e5e5; }
.welfare .list li .ico{ width: 87px; height: 87px; margin: 0 auto; position: relative;}
.welfare .list li .ico img{ position: absolute; left: 0; top: 0; }
.welfare .list li .ico .img2{ opacity: 0; transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)}
.welfare .list li .txt{ line-height: 0.36rem; font-size: 0.2rem; color: rgba(0,0,0,0.8); padding: 0.2rem 1.0rem 0;}
.welfare .list li:hover{ background: #aa041b; cursor: pointer; }
.welfare .list li:hover .ico .img1{ opacity: 0; }
.welfare .list li:hover .ico .img2{ opacity: 1; transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.welfare .list li:hover .txt{ color: #fff; }

.l7Pic{ position: relative; }
.l7Pic .listTel{ overflow: hidden; }
.l7Pic .listTel li{ height: 4.6rem; padding-top: 0.8rem; box-sizing: border-box; text-align: center; background: #f2f2f2;}
.l7Pic .listTel li .ico{ height: 1.5rem; }
.l7Pic .listTel li .ico img{ width: 1.2rem; }
.l7Pic .listTel li .txt{ line-height: 0.56rem; font-size: 0.28rem; color: rgba(0,0,0,0.8); padding: 0.2rem 0.6rem 0;}
.l7Pic .swiper-pagination-bullet-active { background: #aa041b;} 

.job{ padding-top: 0.6rem; }
.job .list{ padding-bottom: 0.8rem; }
.job .list li{ margin-bottom: 20px; cursor: pointer;}
.job .list li .topDiv{ padding: 0.35rem 0.6rem 0; height: 1.3rem; box-sizing: border-box; background: #f5f7fa; position: relative; overflow: hidden;}
.job .list li .name{ font-size: 0.24rem; line-height: 0.36rem; color: #000; font-weight: bold; }
.job .list li .msgList{ overflow: hidden; }
.job .list li .msgList dd{ float: left; padding-right: 0.2rem; line-height: 0.3rem; font-size: 15px; color: #555; }
.job .list li .hideBox{ display: none; padding: 0.1rem 0.6rem 0.5rem; position: relative; background: #f5f7fa;}
.job .list li .ico{ position: absolute; right: 40px; top: 0.45rem; z-index: 1; width: 21px; height: 12px; box-sizing: border-box; background: url(../images/ico5.png) center no-repeat; border-radius: 50%;}
.job .list li .txt{ font-size: 18px; color: #333; line-height: 18px; padding-bottom: 12px; }
.job .list li .msg{ font-size: 15px; line-height: 28px; color: #555; padding-bottom: 0.35rem; }
.job .list li .tips{ font-size: 15px; line-height: 28px; color: #555;}
.job .list li .tips em{ color: #aa041b; }
/*.job .list li .liNow{ background: #383f49 url(../images/nimg1058Bg.png) right bottom no-repeat; background-size: 10.58rem;}*/
.job .list li .liNow .name{ color: #aa041b; }
.job .list li .liNow .ico{  transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}


.contactP1{ padding-top: 1.2rem; }
.contactP1 .box-container{ margin-top: 0.7rem; position: relative; padding-bottom: 0.5rem;}
.contactP1 .img-swiper{ overflow: hidden; }
.contactP1 .box{ position: relative; padding-top: 0.4rem; min-height: 1.4rem; cursor: pointer; }
.contactP1 .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 6px; background: #f1f3f8;}
.contactP1 .box .name{ color: #333; font-size: 0.24rem; line-height: 0.24rem; font-weight: bold; }
.contactP1 .box .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; padding-top: 0.2rem; }
.contactP1 .swiper-slide-active .box:before{ background: #aa041b; }

.contactP1 .btn{ display: block; position: absolute; top: 0.85rem; width: 60px; height: 60px; z-index: 2; }
.contactP1 .prev{ left: -1.0rem; background: url(../images/nimg60_left.png) no-repeat;}
.contactP1 .next{ right: -1.0rem; background: url(../images/nimg60_right.png) no-repeat;}
.contactP1 .prev:hover{ background: url(../images/nimg60_lefton.png) no-repeat;}
.contactP1 .next:hover{ background: url(../images/nimg60_righton.png) no-repeat;}


.contactP1 .detail-box .item { display: none; position: relative; }
.contactP1 .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.contactP1 .detail-box .mapDiv{ height: 6.4rem; background: center no-repeat; background-size: cover; }
.contactP1 .detail-box .layer{ position: absolute; right: 50%; margin-right: -5.0rem; top: 50%; margin-top: -168px; height: 336px; width: 310px; padding: 20px 20px 0; box-sizing: border-box; background: #fff; box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.35);}
.contactP1 .detail-box .limg img{ width: 100%; }
.contactP1 .detail-box .name{ padding-top: 20px; height: 30px; line-height: 30px; font-size: 20px; color: #000; font-weight: bold; }
.contactP1 .detail-box .address{ padding-top: 8px; font-size: 15px; line-height: 24px; height: 48px; overflow: hidden; }

.contactP1 .mxfDiv{ padding-top: 0.6rem; }
.contactP1 .tab2{ height:1rem; position:relative; background:#aa041b; padding:0 0.3rem; margin-bottom:0.35rem; z-index: 5;}
.contactP1 .tab2 .txt{line-height:1rem; font-size:0.32rem; color:#fff; display:block;}
.contactP1 .tab2 .ico{position:absolute; top:0px; right:0px; width:100%; height:100%; background:url(../images/selectIco.png) right center no-repeat; cursor:pointer;}
.contactP1 .tab2 ul{margin-right:0px; position:absolute; z-index:2; left:0px; top: 1rem; width:100%; box-sizing: border-box; border: #ddd solid 1px; border-top: none; background: #fff; display:none; height: 3.6rem; overflow: auto;}
.contactP1 .tab2 ul::-webkit-scrollbar { width: 2px;}
.contactP1 .tab2 ul::-webkit-scrollbar-track { background-color: #e1e1e1;}
.contactP1 .tab2 ul::-webkit-scrollbar-thumb { background-color: #aa041b;} 
.contactP1 .tab2 li{ font-size: 0.3rem; padding: 0 0.3rem; height:0.9rem; line-height:0.9rem;}
.contactP1 .mxfDiv .mapmap{ height: 4.0rem; background: center no-repeat; background-size: cover; }
.contactP1 .mxfDiv .name{ color:#4b4948; font-size: 0.36rem; line-height: 0.36rem; padding: 0.45rem 0 0.25rem; font-weight: bold;}
.contactP1 .mxfDiv .msg{ font-size: 0.28rem; color: #4b4948; line-height: 0.56rem; }


.contactP2{ padding: 1.2rem 0; }
.contactP2 .mxfDiv{ padding-top: 0.6rem; }
.contactP2 .leftImg{ width: 7.08rem; height: 5.38rem; }
.contactP2 .leftImg img{ width: 100%; height: 100%; object-fit: cover; }
.contactP2 .rightDiv{ width: 7.1rem; }
.contactP2 .rightDiv li{ margin-bottom: 0.2rem; }
.contactP2 .rightDiv li:last-child{ margin-bottom: 0; }
.contactP2 .rightDiv li .box{ border: #e5e5e5 solid 1px; border-radius: 8px; position: relative; padding-left: 1.0rem;}
.contactP2 .rightDiv li em{ position: absolute; left: 0.2rem; top: 0; font-size: 0.16rem; line-height: 0.6rem; z-index: 1; }
.contactP2 .rightDiv li .input1{ width: 100%; height: 0.6rem; line-height: 0.6rem; font-size: 14px; }
.contactP2 .rightDiv li textarea{ width: 100%; height: 1.58rem; box-sizing: border-box; display: block; padding: 0.2rem 0; font-size: 14px; }
.contactP2 .btnDiv{ padding-top: 0.5rem; }
.contactP2 .btnDiv a{ display: block; width: 100%; height: 0.62rem; line-height: 0.62rem; border-radius: 8px; background: #aa041b; font-size: 0.24rem; color: #f7f7fa; text-align: center; }

.technical{ padding-top: 0.7rem; }
.technical .list li{ padding-bottom: 0.6rem; }
.technical .list dd{ height: 5.4rem; background: #f5f7fa; margin-bottom: 0.6rem; }
.technical .list dd .imgDiv{ width: 50%; overflow: hidden; }
.technical .list dd .imgDiv img{ width: 100%; }
.technical .list dd .conDiv{ width: 50%; box-sizing: border-box; padding: 0 1.5rem 0 1.0rem; }
.technical .list dd .en{ color: #000; font-size: 0.36rem; line-height: 0.36rem; font-family: mont; padding-bottom: 15px; }
.technical .list dd .cn{ font-size: 0.18rem; line-height: 0.18rem; color: #000; position: relative; height: 0.5rem; }
.technical .list dd .cn:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background: #d3d5d8; }
.technical .list dd .cn:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #aa041b; z-index: 1; }
.technical .list dd .content{ padding-top: 0.3rem; font-size: 0.16rem; line-height: 0.3rem; text-align: justify;}

.technical .list li:nth-child(even) dd .imgDiv{ order: 2; }
.technical .list li:nth-child(even) dd .conDiv{ order: 1; }
.technical .list dd:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.technical .list dd:hover .cn:before{ width: 36px; }

.cultureBox{ padding-top: 1.2rem; height: 11.48rem; background: url(../images/cultureBg.jpg) center no-repeat; background-size: 100%;}
.culture{ padding-top: 0.7rem; }
.culture .shadog{ height: 7.5rem; position: relative; }
.culture .shadog .midmid{ position: absolute; left: 50%; top: 0.36rem; margin-left: -2.17rem; width: 4.34rem; height: 4.34rem; background: url(../images/nimg434Bg2.png) no-repeat; background-size: 4.34rem;}
.culture .shadog .midmid .bgbg{ position: absolute; left: 0; top: 0; width: 4.34rem; height: 4.34rem; background: url(../images/nimg434Bg.png) no-repeat; background-size: 4.34rem; }
.culture .shadog .midmid .limg{ text-align: center; line-height: 4.34rem; }
.culture .list li{ position: absolute; min-width: 2.05rem; height: 2.05rem; }
.culture .list li .name{ font-size: 0.26rem; line-height: 0.26rem; color: #333; font-weight: bold;}
.culture .list li .msg{ padding-top: 10px; font-size: 0.15rem; line-height: 0.24rem; }
.culture .list .li01{ right: 50%; margin-right: 3.0rem; top: 0; text-align: right; padding-right: 0.6rem; background: url(../images/nimg205Bg.png) right top no-repeat; background-size: 2.05rem; }
.culture .list .li02{ right: 50%; margin-right: 3.0rem; top: 3.55rem; text-align: right; padding-right: 0.6rem; background: url(../images/nimg205Bg.png) right top no-repeat; background-size: 2.05rem; }
.culture .list .li03{ left: 50%; margin-left: -1.02rem; bottom: 0; text-align: left; padding-left: 0.6rem; background: url(../images/nimg205Bg2.png) left top no-repeat; background-size: 2.05rem; }
.culture .list .li04{ left: 50%; margin-left: 3.0rem; top: 3.55rem; text-align: left; padding-left: 0.6rem; background: url(../images/nimg205Bg2.png) left top no-repeat; background-size: 2.05rem; }
.culture .list .li05{ left: 50%; margin-left: 3.0rem; top: 0; text-align: left; padding-left: 0.6rem; background: url(../images/nimg205Bg2.png) left top no-repeat; background-size: 2.05rem; }
.culture .list .li01:hover{ top: -0.1rem; }
.culture .list .li02:hover{ top: 3.45rem;}
.culture .list .li03:hover{ bottom: 0.1rem;}
.culture .list .li04:hover{ top: 3.45rem;}
.culture .list .li05:hover{ top: -0.1rem; }


.xxxx{ width: 766px; height: 725px; margin: 0 10px 0 -186px; }







































































































































