@charset "UTF-8";

* { box-sizing: border-box; }
body,html{ min-width: 1280px; }

.head { height: 100px; background: #f6f6f6; }
.head .container { width: 1200px; margin: 0 auto;}
.head .container .logo{ height: 100px; display: flex;}
.head .container .logo a{ height: 100%; margin-right: 20px; display: flex; align-items: center;}
.head .container .logo a img{ height: 50px; }

.banner-box .banner img{ display: block; margin: 0px auto;  width: 100%;}

.GNSS-box{ width: 100%; height: 383px; background: url(../img2/item1-1.png) no-repeat center; background-size: contain; overflow: hidden;}
.GNSS-box .title{ text-align: center; margin:62px auto 32px;}
.GNSS-box .title div{ margin: 0px 0px 25px; font-size: 40px; font-weight: bold; line-height: 100%;}
.GNSS-box .title span{ display: block; margin: 0px auto; width: 75px; height: 10px; background: #ff0000; }
.GNSS-box .container{ width: 1200px; margin: 0px auto; overflow: hidden;}
.GNSS-box .container p{ font-size: 18px; line-height: 32px; margin-bottom: 20px;}

.FAN-box{ width: 100%; background: #f6f6f6; overflow: hidden;}
.FAN-box .title{ text-align: center; margin:62px auto 32px;}
.FAN-box .title div{ margin: 0px 0px 25px; font-size: 40px; font-weight: bold; line-height: 100%;}
.FAN-box .title span{ display: block; margin: 0px auto; width: 75px; height: 10px; background: #ff0000; }
.FAN-box .container{ width: 1200px; border-radius: 10px; margin: 0px auto 30px; border: 1px solid #aaa; overflow: hidden;}
.FAN-box .container .item-1{ display: flex; align-items: center; justify-content: center;}
.FAN-box .container .item-1 span{ font-size: 20px; cursor: pointer; background: #dcdcdc; border: 1px solid #aaa; height: 48px; flex: 1; display: flex; align-items: center; justify-content: center; }
.FAN-box .container .item-1 span:hover{ background: #ff0000; color: #fff; }
.FAN-box .container .item-1 span.on{ background: #ff0000; color: #fff; }

.tabMain1{ display: flex; justify-content: space-between; padding: 50px 40px;}
.tabMain1 .tabL p{ font-size: 18px; line-height: 38px;}
.tabMain1 .tabL p:nth-child(1){ margin-bottom: 10px; }
.tabMain1 .tabL .item2 { margin-top: 20px; margin-right: -150px; display: flex; align-items: center; justify-content: space-between; }
.tabMain1 .tabL .item2 a{ width: 260px; }
.tabMain1 .tabL .item2 a img{ width: 100%; }
.tabMain1 .tabR{ height: 283px; margin-left: 24px;text-align: center;font-size: 16px;}

.tabMain2{ padding: 50px 40px;}
.tabMain2 p{ font-size: 18px; line-height: 38px; margin-bottom: 10px;}
.tabMain2 p:last-child{ margin-bottom: 0px; }

.tabMain3{ padding: 50px 40px; display: flex; align-items: center; justify-content: center;}
.tabMain3 img{ border-radius: 20px; height: 340px; }

.tabMain4{ padding: 50px 40px; display: flex; align-items: center; justify-content: center;}
.tabMain4 img{ border-radius: 20px; height: 340px; }

.SP-box{ width: 100%; padding-bottom: 62px; background: url(../img2/item3-1.png) no-repeat center; background-size: 100% 100%; overflow: hidden;}
.SP-box .title{ text-align: center; margin:62px auto 32px;}
.SP-box .title div{ margin: 0px 0px 25px; font-size: 40px; font-weight: bold; line-height: 100%;}
.SP-box .title span{ display: block; margin: 0px auto; width: 75px; height: 10px; background: #ff0000; }
.SP-box .container{ width: 1200px;  border-radius: 10px; margin: 0px auto; 
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.SP-box .container p{ font-size: 20px;font-weight: 500;text-align: center;line-height: 48px;}

.FX-box{ width: 100%; overflow: hidden; background: #f6f6f6;}
.FX-box .title{ text-align: center; margin:62px auto 32px;}
.FX-box .title div{ margin: 0px 0px 25px; font-size: 40px; font-weight: bold; line-height: 100%;}
.FX-box .title span{ display: block; margin: 0px auto; width: 75px; height: 10px; background: #ff0000; }
.FX-box .container{ width: 1200px; border-radius: 10px; margin: 0px auto; overflow: hidden;}
.FX-box .container .item1{ margin-bottom: 50px; }
.FX-box .container .item1 a{ color: #c50017; }
.FX-box .container .item1 p{ font-size: 18px; line-height: 100%;}
.FX-box .container .item1 p:nth-child(1){ margin-bottom: 10px; }
.FX-box .container .item2 { overflow: hidden; position: relative;}
.FX-box .container .item2 img{ max-width: 100%; }
.FX-box .container .item2 .icon-list{position: absolute; left: 10px; right: 10px; display: flex; align-items: center; justify-content: space-between; width: 100%; top: 20px; }
.FX-box .container .item2 .icon-list span{ width: 491px; height: 92px; scale: .8;}
.FX-box .container .item2 .icon-list span.icon-1{ background: url(../img2/item4-1.jpg) no-repeat center; background-size: contain; }
.FX-box .container .item2 .icon-list span.icon-2{ background: url(../img2/item4-2.jpg) no-repeat center; background-size: contain; }
.FX-box .container .item2 .icon-list span.icon-3{ background: url(../img2/item4-3.jpg) no-repeat center; background-size: contain; }
.FX-box .container .item2 .icon-list span.icon-1.on{ background: url(../img2/item4-4.jpg) no-repeat center; background-size: contain; }
.FX-box .container .item2 .icon-list span.icon-2.on{ background: url(../img2/item4-5.jpg) no-repeat center; background-size: contain; }
.FX-box .container .item2 .icon-list span.icon-3.on{ background: url(../img2/item4-6.jpg) no-repeat center; background-size: contain; }
.FX-box .container .item2 .icon-button{ position: absolute; bottom: 35px; top: 142px; left: 30px; right: 22px;}
.FX-box .container .item2 .icon-button span{ position: absolute;}
.FX-box .container .item2 .icon-button span.button-1{ left: 555px; top: 172px; width:40px; height: 25px; }
.FX-box .container .item2 .icon-button span.button-2{ left: 710px; top: 355px; width:38px; height: 35px; }
.FX-box .container .item2 .icon-button span.button-3{ left: 660px; top: 482px; width:58px; height: 30px; }
.FX-box .container .item2 .icon-button span.button-4{ left: 470px;
    top: 528px;
    width: 100px;
    height: 30px;}
.FX-box .container .item2 .icon-button span.button-5{ left: 1090px; top: 364px; width:50px; height: 30px; }

.TG-box{ width: 100%; overflow: hidden; padding-bottom: 56px; background: #f6f6f6;}
.TG-box .title{ text-align: center; margin:62px auto 32px;}
.TG-box .title div{ margin: 0px 0px 25px; font-size: 40px; font-weight: bold; line-height: 100%;}
.TG-box .title span{ display: block; margin: 0px auto; width: 75px; height: 10px; background: #ff0000; }
.TG-box .container{ width: 1200px; border-radius: 10px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; overflow: hidden; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.TG-box .container img{ display: block; width: 100%;}
/* .TG-box .container div{ height: 330px;}
.TG-box .container div img{ display: block; height: 100%; } */

.foot-box{ width: 100%; height: 360px; background:#f6f6f6; display: flex; align-items: center;}
.foot-box .container{ width: 1200px; margin: 0px auto; overflow: hidden; display: flex; justify-content: space-between;}
.foot-box .container .item1-2{ display: flex; align-items: center; margin-bottom: 12px;}
.foot-box .container .item1-2 div{ margin-left: 12px; }
.foot-box .container .item1-2 img{ width: 30px; height: 30px; }
.foot-box .container .item1-2 p{ color: #444; font-size: 16px;}
.foot-box .container .item1-2 p a{ color: #444; font-size: 16px; }

.foot-box .container .item1-3{ display: flex;}
.foot-box .container .item1-3 div{ margin-left: 12px; }
.foot-box .container .item1-3 img{ width: 30px; height: 30px; }
.foot-box .container .item1-3 p{ color: #444; font-size: 16px; line-height: 100%;}
.foot-box .container .item1-3 p a{ color: #444; font-size: 16px; }

.foot-box .container .item2{ flex: 1; margin: 0px 65px 0px 50px;}
.foot-box .container .item2 div{ color: #444; font-size: 16px; margin-top: 10px; line-height: 32px;}
.foot-box .container .item3{ width: 159px; background: url(../img2/f-4.png) no-repeat center; background-size: contain;}

.foot{ padding: 0px; }

.TC{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.9); width: 1217px; background: url(../img2/t-1.png) no-repeat center; background-size: 100% 100%; overflow: hidden;}
.TC .item1{ margin: 5px 7px 0px 8px; border-radius: 10px 10px 0px 0px; background: #e5e0df; height: 58px; display: flex; align-items: center; justify-content: space-between;}
.TC .item1 h2{ font-size: 30px; margin-left: 70px;}
.TC .item1 span{ padding: 5px 20px; cursor: pointer; font-weight: bold; font-size: 30px; cursor: pointer;}
.TC-main{ max-height: 600px; margin: 20px 20px; overflow: auto; }
.TC .item2{ width: 1120px; padding: 20px 0px; display: flex; align-items: center; margin: 0px auto; background: #fff; border-radius: 12px;}
.TC .item2 p{ margin: 0px 25px; font-size: 18px; line-height: 32px; }
.TC .item3{ margin: 10px 20px 0px 80px; height: 58px; display: flex; align-items: center; justify-content: space-between;}
.TC .item3 h2{ font-size: 30px; }
.TC .item4{ width: 1120px; padding: 20px 0px; margin: 0px auto 20px; background: rgba(252,249,249,.6); border-radius: 12px;}
.TC .item4 .item4-main{ margin: 0px 25px; display: flex; justify-content: space-between; }
.TC .item4 .line{ height: 1px; background: #b5b5b5; margin: 10px 0px;}
.TC .item4 .item4-1 { flex: 1; }
.TC .item4 .item4-1 .title{ font-size: 20px; font-weight: bold; color: #095ab8;}
.TC .item4 .item4-2 { width: 1px; margin: 0px 20px; background: url(../img2/t-7.png) no-repeat center; background-size: contain;}
.TC .item4 .item4-3 { flex: 1; }
.TC .item4 .item4-3 img{ display: block; margin: 0px auto; max-height: 240px;}
.TC .item4 .item4-1 .text p{ font-size: 16px; line-height: 26px; }
.TC .item4 .item4-3 .text p{ font-size: 16px; line-height: 26px; }

.TC .item5{ margin: 10px 0px 10px 50px; }
.TC .item6{ width: 1120px; padding: 20px 0px; margin: 0px auto 20px; background: #fff; border-radius: 12px; }
.TC .item6 h2{ margin: 0px 25px 10px; font-size: 25px; line-height: 30px; color: #095ab8;}
.TC .item6 p{ margin: 0px 25px; font-size: 20px; line-height: 30px; color: #000;}
.TC .item7{ width: 200px; height: 58px; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 25px; margin: 0px auto 30px; background: #ff0101; border-radius: 12px; }

input[type="radio"]{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
input[type="checkbox"]{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.pdfbtu{
    display: inline-block;
    width: 334px;
    height: 66px;
    background: url(../img2/pdfbtu.png) no-repeat;
    background-size: 100%;
    color: #e17070;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
}
.zipbtu{
    display: inline-block;
    width: 334px;
    height: 66px;
    background: url(../img2/zipbtu.png) no-repeat;
    background-size: 100%;
    color: #d4b73e;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
}
.tip1,.tip2,.tip3{
    cursor: pointer;
}
.h5s{
    color: #ff0000;
    font-weight: bold;
}
.qbtu{
    width: 180px;
  height: 50px;
  border-radius: 32px;
  line-height: 50px;
  text-align: center;
  display: block;
  font-size: 18px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  background-color: #F5002F;
  color: #fff !important;
  margin: 20px auto 10px;
}