.page{
                  position:relative;
            }
            .nav{
                  position: absolute;
                top: 34px;
                display: flex;
                width: 1140px;
                z-index: 100;
                color: white;
                left: 50%;
                margin-left: -555px;
                text-align: center;
                  font-weight:800;
               /*  font-size:17px; */
            }
            .lesp{
                  letter-spacing: 1px;
                  font-size:17px;
            }
            .nav li{
                  /* height: 90px; */
                  /* line-height:90px; */
            }
            .nav a{
                  color:white;
            }
            .nav .nav_li{
                  /* width:105px; */
                  margin: 0 18px;
                  height:28px;
                  color:#666666;

            }
            {
                  margin-left:90px;
            }
            .logo{
                  text-align:left;
                  /* margin-left:360px; */
                  margin-right: 44px;
                  position:relative;
            }
            .logo_img{
                  width:47px;
                  height:47px;
                  position:absolute;

            }
            .name{
                  margin-left:64px;
            }
            .fs12{
                  font-size:12px;
            }
            .mt3{
                  margin-top:3px;
            }
            .nav .active{
                  color:#E00000;
                  border-bottom: 3px solid #E00000;
                  font-weight: 800;
            }
            .nav .active a{
                  color:#E00000;

            }
            .logo{
                  color:white;
            }
            .lesp{
                  letter-spacing: 1px;
                  font-size:17px;
            }
            .nav_img{
                  width:100%;
                  max-height: 600px;
                  /*margin-top:89px;*/
                  /* display:block; */
            }

            footer{
                  position:relative;
                  z-index:200;
                  width: 100%;
                  background-color: #f0f1f5;
            }
            .footcon{
                  width:1158px;
                  margin: 0 auto;
            }
            .about_left{
                  float: left;
                  margin-top: 105px;
                  margin-right: 130px;
            }
            .about_left li{
                  margin-top: 16px;
            }
            .about_left li a{
                  color: #7d7e7e;
            }
            .about_left li:first-child a{
                  color: #000;
            }
            .zoom_left{
                  float: left;
                  margin-top: 105px;

            }
            .zoom_left a{
                  color: #7d7e7e;
            }
            .zoom_left li{
                  margin-top: 16px;
            }
            .zoom_left li:first-child a{
                  color: #000;
            }
            .phone_right{
                  float: right;
                  margin-top: 105px;
            }
            .phoneTOP_page_left_name3_mail{
                  margin-left:52px;
                  color:white;
                  font-size:23px;
                  color: #0077ff;
                  letter-spacing: 1px;
            }
            .phoneTOP img{
                  position: absolute;
            }
            .phoneFont{
                  margin-top: 36px;
                  letter-spacing: 1px;
                  font-size: 23px;
            }
            .phoneFont a{

                  color: #000;
            }
            .bq{
                  margin-top: 103px;
                  height: 112px;
                  border-top: 1px solid #cccccc;
            }
            .bq a{
                  color: #999999;
            }
            .bq .divbq a{
                  display: block;
                  margin-top:38px;
                  text-align: center;
            }
            .fofix{
                  width: 50px;
                  height: 100px;
                  position: absolute;
                  bottom: 322px;
                  right: 0px;
                  background-color: #fff;
                  z-index:300;
            }
            .fofix_top{
                  height: 50px;
                  line-height: 50px;
                  text-align: center;
            }
            .fofix_top img{

                  vertical-align: middle;
                  margin: 0 auto;
            }
            .fofix_bottom{
                  height: 50px;
                  line-height: 50px;
                  text-align: center;
            }
            .fofix_bottom p{
                  width: 134px;
                  height: 50px;
                  line-height: 50px;
                  background: #fff;
                  position: absolute;
                  right: 60px;
                  top: 50px;
                  color: #999999;
                  box-shadow: darkgrey 0px 0px 2px 2px;
                  display: none;
            }
            .fofix_bottom p::before{
                  display: inline-block;
                  border: 5px solid transparent;
                  border-left-color: #fff;
                  content: "";
                  position: absolute;
                  right: -10px;
                  top: 20px;
              }
            .fofix_bottom:hover{
                  background-color: #e9e9e9;
            }
            .clearfix{
                  clear:both;
            }


            .footcon_left{
                  opacity:0;
            }
            /*内容*/
            .center{
                  width: 1170px;
                  margin: auto;
                  background: white;
                  position: relative;
                  padding-bottom: 192px;
            }
            .center_list{
                  margin-top: 120px;
                  height: 460px;
            }
            .center_list li{
                  display: flex;
            }
            .flex{
                  flex: 1;
            }
            .input{
                  width:100%;
                  height:54px;
                  background: #F5F5F5;
                  border:0;
                  color:#999999;
                  font-size: 16px;
                  text-indent: 17px;
            }
            .my_textarea{
                  height: 177px;
                  width:100%;
                  background: #F5F5F5;
                  border:0;
                  color:#999999;
                  font-size: 16px;
                  text-indent: 17px;
                  padding-top: 17px;
            }
            .ml30{
                  margin-left: 30px;
            }
            .mt30{
                  margin-top: 30px;
            }
            .flex_right{
                  overflow: hidden;
            }
            .sub{
                  width: 228px;
                  height: 54px;
                  line-height: 54px;
                  font-size: 17px;
                  color:white;
                  background: #E00000;
                  text-align: center;
                  margin-top: 50px;
            }
            .center_p1{
                  font-size:29px;
                  color:#333333;
                  margin-top: 116px;
                  font-weight: 800;
            }
            .center_p2{
                  font-size:22px;
                  color:#333333;
                  margin-top: 42px;
                  font-weight: 800;
            }
            .center_p3{
                  color:#666666;
                  margin-top: 18px;
            }
            .center_img4{
                  margin-top: 50px;
            }
            .center_Cet{
                  display: flex;
            }
            .center_page{
                  position: relative;
            }
            .center_Cet_right{
                  position: absolute;
                right: 0;
                bottom:0;
                opacity: 0;
            }
            .mt89{
                  margin-top: 89px;
            }
            .mapPage{
                  font-size: 0;
                  padding-bottom: 120px;
                  opacity: 0;
            }
            .map{
                  width: 100%;
            }
            .fadeIn{
                  opacity: 0;
            }
            .about_ul{
                  width: 90px;
                  height: 120px;
                  background: white;
                  position: absolute;
                  top: 28px;
                  display: none;
            }
            .about_ul li{
                  color:#666666;
                  height: 40px;
                  line-height: 40px;
                  font-size: 13px;
            }
            .about:hover .about_ul{
                  display: block;
            }
            .about_ul li:hover{
                  border-left: 2px solid red;
            }
            .center_list{
                  opacity: 0;
            }
            .shutter-img{
              position:inherit;
              font-size:0;
            }
            .shutter-img h1 {
              color: red;
              font-size: 46px;
              font-weight: 100;
              /* -webkit-text-stroke: 1px red; */
              letter-spacing:4px;
          }
          .shutter-img h1::before,
          .shutter-img h1::after {
              content: attr(data-text);
              position: absolute; left: 0;
              /* z-index: -1; */
          }
          .shutter-img h1::before {
              -webkit-text-stroke: 3px white;
          }
          .shutter-img h1::after {
              /* -webkit-text-stroke: 2px red; */
          }
            .tlt_mintxt{
                  color:#E00000;
                  font-size:18px;
            }
            .tlt_mintxt1{
                  position: absolute;
                top: 9.9%;
                left: 50%;
                width:220px;
                color:white;
                margin-left:-80px;
            }
            .tlt_mintxt2{
                  position: absolute;
                top: 67.7%;
                left: 20%;
            }
            .tlt_mintxt3{
                  position: absolute;
                top: 71.1%;
                left: 20%;
            }
            .tlt_mintxt4{
                  position: absolute;
                top: 74.5%;
                left: 20%;
            }
            .tlt_txt1{
                  position: absolute;
                top: 7.55%;
                left: 50%;
                width:220px;
                margin-left:-98px;
                /* padding-left:8px; */
            }
            .tlt_txt2{
                  position: absolute;
                top: 38.5%;
                left: 20%;
            }
            .tlt_txt3{
                  position: absolute;
                top: 48%;
                left: 20%;
            }
            .nav>li>a{
                  color:white;
                  padding:0;
            }
            .nav>li>a:hover{
            text-decoration: none;
            background:none;
          }
          .widImg{
            width:100%;
          }