.clearfix:before,
 .clearfix:after {
   display: table;
   content: "";
 }
 
 .clearfix:after {
   clear: both;
 }
 
 .clearfix {
   zoom: 1;
 }
 
 .fl {
   float: left;
 }
 
 .fr {
   float: right;
 }
 
 .font-red {
   color: #ff0000 !important;
 }
 
 /*******公用参数   start*******/
 /*******公用参数   end  *******/
 /**
  * $description : base css reset
  * 
  */
 /**
      * 多选框
      * dom结构：
      * <div class="multi_opt">
            <input type="checkbox" id="checkbox" class="bckbox">
            <label for="checkbox"></label>
        </div>
      * param：
         $_w：多选框宽度
         $_h：多选框高度
         $boderStyle：边框样式图片地址
         $checkedStyle：选中样式图片地址
  */
 /**
      * 特殊间距
      * param:
         $_length:间距
  */
 /**
      * 边角
      * param:
         $_angle:角度
  */
 /**
      * 滤镜
      * param:
         $_gray:灰度
  */
 /**
      * header
      * 所需dom结构：
      * <div></div>
      * @param 
      * $_w:宽度 
      * $_h:高度
      * $_sw:显示区域宽度
      * $_logoimg:logo图片地址 
  */
 /**
      * banner
      * 所需dom结构：
      * <banner>
      *     <div>
      *     </div>
      * </banner>
      * @param：
      * $_w:
      * $_h:
      * $_sw:
      * $_bgcolor:
  */
 /**
      * footer
      * 
      * @param
  */
 /**
      * title
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * basics 基础功能
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
      * $_lw:图片宽度
      * $_rw:图片容器宽度
  */
 /**
      * characteristic
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * freeaccess
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * flow_chart 接入我们文档下载模块
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * flow_chart 接入我们上传模块
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * company_profile 文本公用样式
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * broken_line 关于我们
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * jobs 招贤纳士
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * jobs 高德地图
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 /**
      * jobs 高德地图
      * @param
      * $_w:
      * $_h:
      * $_sw:
      * $_sh:
  */
 @keyframes round1 {
   0% {
     opacity: 0;
   }
 
   25% {
     opacity: 0.2;
   }
 
   50% {
     opacity: 0.4;
   }
 
   75% {
     opacity: 0.4;
   }
 
   100% {
     opacity: 0;
   }
 }
 
 @keyframes round2 {
   0% {
     opacity: 0;
   }
 
   25% {
     opacity: 0;
   }
 
   50% {
     opacity: 0.1;
   }
 
   75% {
     opacity: 0.2;
   }
 
   100% {
     opacity: 0;
   }
 }
 
 @keyframes round3 {
   0% {
     opacity: 0;
   }
 
   25% {
     opacity: 0;
   }
 
   50% {
     opacity: 0;
   }
 
   75% {
     opacity: 0.1;
   }
 
   100% {
     opacity: 0;
   }
 }
 
 .clearfix:before,
 .clearfix:after {
   display: table;
   content: "";
 }
 
 .clearfix:after {
   clear: both;
 }
 
 .clearfix {
   zoom: 1;
 }
 
 .fl {
   float: left;
 }
 
 .fr {
   float: right;
 }
 
 .font-red {
   color: #ff0000 !important;
 }
 
 /*******公用参数   start*******/
 /*******公用参数   end  *******/
 html,
 body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   /* position: relative; */
   font-family: "Microsoft Yahei";
 }
 
 /* html>div,
 body>div {
   position: relative;
 } */
 .gdtop>div{
  position: absolute;
}
 div {
   box-sizing: border-box;
 }
 
 input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   appearance: none;
   border: none;
 }
 
 div,
 dl,
 dt,
 dd,
 hr,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 form,
 fieldset,
 input,
 p,
 blockquote,
 th,
 td,
 a {
   margin: 0;
   padding: 0;
 }
 
 fieldset,
 img {
   border: 0;
   display: block;
   /*防止图片底下3像素的空白缝隙 */
 }
 
 ol,
 ul {
   list-style: none;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 b {
   font-size: 100%;
   font-weight: normal;
   /*初始化标题*/
   -webkit-margin-before: 0px;
   -webkit-margin-after: 0px;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
 }
 
 strong {
   font-weight: bold;
   /*初始化标题*/
   -webkit-margin-before: 0px;
   -webkit-margin-after: 0px;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
 }
 
 em {
   font-style: normal;
   /* 让斜体改为正常的*/
 }
 
 input,
 button,
 select,
 textarea {
   border: 0;
   outline: none;
   /*去掉谷歌 360等表单的蓝色边框*/
 }
 
 textarea {
   resize: none;
   /*防止谷歌等浏览器 textarea 可以拖动*/
 }
 
 a {
   color: #fff;
   text-decoration: none;
 }
 .content2 a {
  color: #000;
  text-decoration: none;
}
 img {
   border: 0 none;
   display: block;
 }
 
 i {
   font-style: normal;
 }
 
 button {
   cursor: pointer;
 }
 
 header {
   width: 100%;
   height: 0.6rem;
   background-color: #0d204a;
   position: fixed;
   top: 0;
   z-index: 99;
 }
 
 header>div {
   width: 90%;
   height: 0.6rem;
   margin: 0px auto;
 }
 
 header>div>div {
   font-size: 0.2rem;
   color: #fff;
   float: left;
   font-weight: bold;
   font-family: "Microsoft Yahei";
 }
 
 header>div .logo {
   width: 1rem;
   float: left;
 }
 
 header>div .logo>div {
   width: 1.06rem;
   height: 0.6rem;
   background-image: url("../image/logo-ny.png");
   background-repeat: no-repeat;
   background-size: 1.06rem 0.45rem;
   background-position-y: center;
   cursor: pointer;
 }
 
 header>div>div:last-child {
   width: 1rem;
   float: right;
 }
 
 header>div>div:last-child>a>div {
   width: 1.20rem;
   height: 0.6rem;
   line-height: 0.6rem;
   text-align: center;
   float: left;
   cursor: pointer;
   background-color: #00a7eb;
 }
 
 header>div>div:last-child>a .login {
   background: url(./static/image/left.png) no-repeat center;
   width: 0.2rem;
   height: 0.6rem;
   line-height: 0.6rem;
   background-size: 100%;
   margin-left: 0.3rem;
 }
 
 header>div>div:last-child>a .login:hover {
   color: #00a7eb;
 }
 header>div .navigation {
   width: 80%;
   margin-left: 2.4rem;
 }
 .navigation ul{
   height: 0.6rem;
 }
 .navigation ul li{
   float: left;
   height: 0.6rem;
   line-height: 0.6rem;
   padding: 0 0.3rem;
 }
 .navigation ul li a{
   padding: 0.16rem 0;
 }
 .navigation ul li .navigation-eight{
   border-bottom: 0.05rem solid #00a7eb;
 }
 
 header>div .navigation>a>div {
   margin-left: 0.8rem;
   text-align: center;
   line-height: 0.6rem;
   float: left;
   cursor: pointer;
   position: relative;
 }
 
 
 
 header>div .navigation>a>div .navigation-three {
   width: 1.20rem;
   height: 0.05rem;
   background-color: #00a7eb;
   position: absolute;
   top: 0.55rem;
   left: -0.05rem;
 }
 
 header>div .navigation>a>div:hover {
   color: #00a7eb;
 }
 
 header>div .navigation>a>div:hover {
   color: #00a7eb;
 }
 
 header>div .navigation>a>div:hover {
   color: #00a7eb;
 }
 
 header>div .navigation>a>div:hover {
   color: #00a7eb;
 }
 
 header>div .navigation>div:first-child {
   margin-left: 0px;
 }

 .home_nav {
  /* width: 65%; */
  line-height: 0.9rem;
  text-align: center;
  float: right;
}

.home_nav ul {
  width: 100%;
  margin: 0 auto;
  /* margin-left: 0.8rem; */
}

.home_nav ul li {
  float: left;
  margin: 0 auto;
}

.home_nav ul li a {
  font-size: 0.25rem;
  font-weight: bold;
  color: #000;
  line-height: 1.2rem;
  padding: 0.4rem 0.2rem;
  padding-top: 0.6rem;
}

.home_nav ul li a:hover {
  background-color: #db0d0d;
  color: #fff;
}

 .close_f a {
     /*pointer-events: none; !* 禁用鼠标事件 *!*/
     /*background-color: #b0b5c2;*/
     /*color: #fff;*/
 }

.fixed_head {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.31rem;
  line-height: 1.31rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.fixed_head div:nth-child(1) {
  float: left;
}

.fixed_head div:nth-child(1) h3 {
  clear: left;
  color: #4582c2;
  font-size: 0.2rem;
  /*font-weight: bold;*/
  height: 0.3rem;
  line-height: 0.3rem;
  margin-left: 0.1rem;
}

.fixed_head div:nth-child(1) img {
  margin-top: 0.25rem;
  float: left;
  width: 2rem;
}

.t-title
{
  float: left;
  margin-left: 0.1rem;
}
.fixed_head div:nth-child(1) h1 {
  color: #4582c2;
  float: left;
  font-size: 0.3rem;
  font-weight: bold;
  margin-left: 0.1rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

.fixed_head div:nth-child(2) img {
  height: 0.6rem;
  margin-top: 0.1rem;
  float: left;
}

.fixed_head div:nth-child(2) p {
  float: left;
  color: #edff00;
  font-size: 0.32rem;
}

.fixed_head div:nth-child(2) span {
  width: 0.02rem;
  background-color: #fff;
  height: 0.24rem;
  float: left;
  margin-top: 0.28rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.fixed_head div:nth-child(2) div {
  float: left;
}

.fixed_head div:nth-child(2) div a {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  margin-top: 0.3rem;
  background-color: #9b9fa9;
}
 
 .banner {
   margin-top: 1.3rem;
   width: 100%;
   height: 4rem;
   background-color: #4582c2;
 }
 
 .banner>div {
   width: 100%;
   height: 4rem;
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
   padding-top: 1.4rem;
 }
 
 .banner>div p {
  width: 9.8rem;
  margin: 0 auto;
  color: #fff;
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 0.6rem;
  letter-spacing: .02rem;
  text-align: center;
 }
 
 footer {
   width: 100%;
   height: 0.5rem;
   background-color: #0d204a;
 }
 
 footer>div {
   text-align: center;
   width: 100%;
   height: 0.5rem;
   line-height: 0.5rem;
   margin: 0px auto;
   color: #fff;
   font-size: 0.14rem;
 }
 
 footer>div>div:first-child {
   float: left;
   width: 100%;
   font-size: 0.14rem;
   text-align: center;
   margin-top: 0.4rem;
 }
 
 footer>div>div:first-child>span {
   margin: 0 0.37rem;
 }
 
 footer>div>div:first-child>span:last-child {
   margin-left: 0px;
 }
 
 footer>div>div:first-child>a {
   cursor: pointer;
 }
 
 footer>div>div:last-child {
   float: left;
   width: 100%;
   font-size: 0.12rem;
   text-align: center;
   margin-top: 0.34rem;
 }
 
 footer>div>div:last-child>span {
   margin-left: 0.2rem;
 }
 
 footer>div>div:last-child>span:first-child {
   margin-left: 0px;
 }
 
 footer>div>div:last-child .line {
   margin: 0 0.1rem;
 }
 
 footer>div>div:last-child>a {
   cursor: pointer;
 }
 
 footer>div>div:last-child .privacy {
   margin-left: 0.2rem;
 }
 
 .title {
   width: 100%;
   height: 0.8rem;
   margin-top: 1rem;
 }
 
 .title>div {
   width: 12rem;
   height: auto;
   margin: 0 auto;
 }
 
 .title>div .logotitle {
   width: 100%;
   height: 0.49rem;
   float: left;
   text-align: center;
   font-size: 0.24rem;
   line-height: 0.49rem;
   margin-top: 0px;
   /* background-image: url(../image/pic-bt.png); */
   background-repeat: no-repeat;
   background-size: 100%;
   background-color: #4582c2;
   color: #fff;
 }
 
 .title>div .entitle {
   font-family: sourcehansanscn-light;
   width: 100%;
   height: 0.24rem;
   float: left;
   text-align: center;
   color: #9094a2;
   font-size: 0.24rem;
   line-height: 0.24rem;
   margin-top: 0.3rem;
 }
 
 .title>div .cntitle {
   width: 100%;
   height: 0.26rem;
   float: left;
   text-align: center;
   color: #030409;
   font-size: 0.26rem;
   line-height: 0.26rem;
   margin-top: 0.2rem;
 }
 
 .basics {
   width: 100%;
   height: 204px;
 }
 
 .basics>div {
   width: 1200px;
   height: 204px;
   margin: 0px auto;
   display: flex;
   justify-content: space-between;
 }
 
 .basics>div>div {
   width: 144px;
   height: 204px;
 }
 
 .basics>div>div>div:first-child {
   width: 100px;
   height: 100px;
   margin: 0 auto;
   background-repeat: no-repeat;
 }
 
 .basics>div>div .func1 {
   background-image: url("../image/icon-ny-yxjl.png");
   background-repeat: no-repeat;
   background-size: 100%;
 }
 
 .basics>div>div .func2 {
   background-image: url("../image/icon-ny-dzaq.png");
   background-repeat: no-repeat;
   background-size: 100%;
 }
 
 .basics>div>div .func3 {
   background-image: url("../image/icon-ny-lssj.png");
   background-repeat: no-repeat;
   background-size: 100%;
 }
 
 .basics>div>div .func4 {
   background-image: url("../image/icon-ny-shgl.png");
   background-repeat: no-repeat;
   background-size: 100%;
 }
 
 .basics>div>div>div:last-child {
   margin-top: 80px;
   width: 144px;
   font-size: 24px;
   height: 24px;
   line-height: 24px;
   text-align: center;
 }
 
 .characteristic-1 {
   width: 100%;
   height: 500px;
   min-width: 1200px;
   background-color: #e6e8ed;
 }
 
 .characteristic-1>div {
   width: 1200px;
   height: 500px;
   margin: 0px auto;
 }
 
 .characteristic-1>div>div {
   width: 600px;
   height: 500px;
   float: left;
 }
 
 .characteristic-1>div .left {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 
 .characteristic-1>div .left>div {
   width: 600px;
 }
 
 .characteristic-1>div .left>div .chara-title {
   color: #0d204a;
   font-size: 32px;
   text-align: left;
 }
 
 .characteristic-1>div .left>div .chara-content {
   margin-top: 60px;
   color: #9094a2;
   font-size: 16px;
   line-height: 30px;
   text-align: left;
 }
 
 .characteristic-1>div .right {
   background-image: url("../image/bm.png");
   background-repeat: no-repeat;
   background-position: center right;
   background-size: 100%;
   background-clip: border-box;
 }
 
 .characteristic-2 {
   width: 100%;
   height: 500px;
   min-width: 1200px;
   background-color: #fff;
 }
 
 .characteristic-2>div {
   width: 1200px;
   height: 500px;
   margin: 0px auto;
 }
 
 .characteristic-2>div>div {
   width: 600px;
   height: 500px;
   float: left;
 }
 
 .characteristic-2>div .right {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 
 .characteristic-2>div .right>div {
   width: 600px;
 }
 
 .characteristic-2>div .right>div .chara-title {
   color: #0d204a;
   font-size: 32px;
   text-align: right;
 }
 
 .characteristic-2>div .right>div .chara-content {
   margin-top: 60px;
   color: #9094a2;
   font-size: 16px;
   line-height: 30px;
   text-align: right;
 }
 
 .characteristic-2>div .left {
   background-image: url("../image/pic-dz-02.png");
   background-repeat: no-repeat;
   background-position: center left;
   background-size: 70%;
   background-clip: border-box;
 }
 
 .characteristic-3 {
   width: 100%;
   height: 500px;
   min-width: 1200px;
   background-color: #e6e8ed;
 }
 
 .characteristic-3>div {
   width: 1200px;
   height: 500px;
   margin: 0px auto;
 }
 
 .characteristic-3>div>div {
   width: 600px;
   height: 500px;
   float: left;
 }
 
 .characteristic-3>div .left {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 
 .characteristic-3>div .left>div {
   width: 600px;
 }
 
 .characteristic-3>div .left>div .chara-title {
   color: #0d204a;
   font-size: 32px;
   text-align: left;
 }
 
 .characteristic-3>div .left>div .chara-content {
   margin-top: 60px;
   color: #9094a2;
   font-size: 16px;
   line-height: 30px;
   text-align: left;
 }
 
 .characteristic-3>div .right {
   background-image: url("../image/pic-dz-03.png");
   background-repeat: no-repeat;
   background-position: center right;
   background-size: 70%;
   background-clip: border-box;
 }
 
 .freeaccess {
   width: 100%;
   height: 4rem;
   /* background-image: url(../image/bg-wyjr.png); */
   background-repeat: no-repeat;
   background-size: cover;
 }
 
 .freeaccess>div {
   width: 12rem;
   height: 4rem;
   margin: 0px auto;
   position: relative;
 }
 
 .freeaccess>div>div {
   width: 2.6rem;
   height: 4rem;
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0 auto;
 }
 
 .freeaccess>div>div .round1 {
   width: 1.88rem;
   height: 1.88rem;
   z-index: 59;
   opacity: 1;
   text-align: center;
   line-height: 1.88rem;
   color: #fff;
   font-size: 0.22rem;
   background-color: #0d204a;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   position: absolute;
   margin: auto;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }
 
 .freeaccess>div>div .round2 {
   width: 2.08rem;
   height: 2.08rem;
   z-index: 58;
   opacity: 0;
   transition: opacity 2s;
   background-color: #143273;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   position: absolute;
   margin: auto;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   animation-name: round1;
   animation-duration: 2s;
   animation-delay: 0s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation-play-state: running;
 }
 
 .freeaccess>div>div .round3 {
   width: 2.32rem;
   height: 2.32rem;
   z-index: 57;
   opacity: 0;
   transition: opacity 2s;
   animation-delay: 2s;
   background-color: #28478c;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   position: absolute;
   margin: auto;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   animation-name: round2;
   animation-duration: 2s;
   animation-delay: 0s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation-play-state: running;
 }
 
 .freeaccess>div>div .round4 {
   width: 2.6rem;
   height: 2.6rem;
   z-index: 56;
   opacity: 0;
   transition: opacity 2s;
   animation-delay: 4s;
   background-color: #3e65bd;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
   position: absolute;
   margin: auto;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   animation-name: round3;
   animation-duration: 2s;
   animation-delay: 0s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation-play-state: running;
 }
 
 /*# sourceMappingURL=manufacturer.css.map */
 
 .khts img{
   width: 12rem;
   height: 100%;
   margin: 0 auto;
 }

 .content2 .top {
  height: 2rem;
  width: 90%;
  margin: 0 auto;
  margin-top: 0.4rem;
}

.content2 .top .log {
  width: 5rem;
  height: 2rem;
  margin: 0 auto;
}

.content2 .top .menu_button {
  width: 1.5rem;
  height: 1.3rem;
  float: left;
  margin-top: 0.3rem;
}

.content2 .top img {
  width: 100%;
  height: 100%;
}

.navigation_menu{
  clear: left;
  background-color: #fff;
  display: none;
  margin-bottom: 0.6rem;
  z-index: 666;
  position: fixed;
  width: 50%;
  height: 100%;
  padding-top: 4rem;
  top: 0;
  border-right: 0.01rem solid #eee;
}
.navigation_menu .close{
  position: fixed;
  top: 0.7rem;
  left: 0.8rem;
  width: 1.5rem;
  height: 1.5rem;
}
.navigation_menu .close img{
width: 100%;
height: 100%;
}
.navigation_menu ul{
  list-style: none;
  line-height: 1.2rem;
}
.navigation_menu ul li{
border-bottom: 0.01rem solid #eee;
height: 1.7rem;
line-height: 1.7rem;
}

.navigation_menu ul li a{
  font-size: 0.8rem;
  font-weight: bold;
  color: #000;
  display: block;
  padding: 0 0.8rem;
}

.content2 .banner {
  margin-top: 0.5rem;
  width: 100%;
  height: 8.5rem;
  background-color: #4582c2;
  padding-top: 0.3rem;
}

.content2 .banner p {
  margin: 0 auto;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  letter-spacing: .02rem;
  margin-left: 3.5rem;
  padding-top: 3rem;
}
.content2 .patent{
  margin-top: 0.5rem;
}

.content2 .patent>p{
  text-align: center;
  background-color: #4582c2;
  color: #fff;
  height: 1.9rem;
  line-height: 2rem;
  font-size: 0.9rem;
  font-weight: bold;
}

.content2 .freeaccess {
  width: 100%;
  height: 4rem;
  /* background-image: url(../image/bg-wyjr.png); */
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 1rem;
}

.content2 .freeaccess>div {
  width: 12rem;
  height: 4rem;
  margin: 0px auto;
  position: relative;
}

.content2 .freeaccess>div>div {
  width: 4.6rem;
  height: 4rem;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.content2 .freeaccess>div>div .round1 {
  width: 3.88rem;
  height: 3.88rem;
  z-index: 59;
  opacity: 1;
  text-align: center;
  line-height: 3.88rem;
  color: #fff;
  font-size: 0.7rem;
  background-color: #0d204a;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.content2 .freeaccess>div>div .round2 {
  width: 4.08rem;
  height: 4.08rem;
  z-index: 58;
  opacity: 0;
  transition: opacity 2s;
  background-color: #143273;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation-name: round1;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

.content2 .freeaccess>div>div .round3 {
  width: 4.32rem;
  height: 4.32rem;
  z-index: 57;
  opacity: 0;
  transition: opacity 2s;
  animation-delay: 2s;
  background-color: #28478c;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation-name: round2;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

.content2 .freeaccess>div>div .round4 {
  width: 4.6rem;
  height: 4.6rem;
  z-index: 56;
  opacity: 0;
  transition: opacity 2s;
  animation-delay: 4s;
  background-color: #3e65bd;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation-name: round3;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

.content2 .contactWay {
  width: 100%;
  height: 0.2rem;
  color: #000;
  margin-top: 1rem;
}

.content2 .contactWay>div:first-child {
  font-size: 0.24rem;
  height: 0.24rem;
  line-height: 0.24rem;
}

.content2 .contactWay>div:first-child .tel {
  font-family: tahoma, arial, Hiragino Sans GB, Microsoft Yahei, "宋体", sans-serif;
}

.content2 .contactWay>div:first-child .phone {
  font-family: tahoma, arial, Hiragino Sans GB, Microsoft Yahei, "宋体", sans-serif;
  font-style: italic;
}

.content2 .contactWay>div:last-child {
  font-size: 0.12rem;
  height: 0.12rem;
  line-height: 1rem;
  margin: 0 auto;
  text-align: left;
  margin-left: 0.5rem;
}
.content2 .contactWay div p {
  font-size: 0.5rem;
  line-height: 0.8rem;
}

.content2 .contactWay>div:last-child>span:first-child {
  margin-left: 0px;
}

.content2 .contactWay>div:last-child .line {
  margin-left: 0px;
}

.content2 .contactWay>div:last-child>a {
  color: #000;
  cursor: pointer;
}

.content2 .contactWay>div:last-child .privacy {
  margin-left: 0.2rem;
}

.content2 .service_wrapper{
  padding: 0;
  margin-top: 0.5rem;
}
.content2 .patent2{
  background: none;
  padding: 0;
}

.wananchi{
  width: 2rem;
  height: 2rem;
  position: fixed;
  top: 6rem;
  right: 0.9rem;
  display: none;
}

.wananchi img{
  width: 2rem;
}

.wananchi1{
  position: fixed;
  top: 6.5rem;
  /* right: 0.05rem; */
  right: 0.05rem;
  background-color: #6696ff;
  padding: 0.1rem;
  color: #fff;
  border-radius: 0.1rem 0 0 0.1rem;
  cursor: pointer;
  line-height: 0.5rem;
}
.wananchi1 img,.technicalPhone img{
  float: left;
  width: 0.5rem;
  height: 0.5rem;
  }
.wananchi1 p{
font-size: 0.2rem;
}


.technicalPhone{
  position: fixed;
  top: 7.5rem;
  right: 0.05rem;
  background-color: #6696ff;
  padding: 0.1rem;
  color: #fff;
  border-radius: 0.1rem 0 0 0.1rem;
  cursor: pointer;
  line-height: 0.5rem;
}
/* .technicalPhone:hover,.wananchi1:hover{
  right: 0.05rem;
} */
.technicalPhone p{
  font-size: 0.2rem;
}

.technicalPhone1{
  width: 2.5rem;
  position: fixed;
  top: 7.5rem;
  right: 0.9rem;
  background-color: #6696ff;
  display: none;
  color: #fff;
  font-size: 0.2rem;
  padding: 0.1rem 0.2rem;
  border-radius: 0.1rem;
}