body { color:#666; font-size:14px; font-family:"Arial","pingfang","Microsoft YaHei","宋体"; -webkit-tap-highlight-color: transparent; }
*{-webkit-tap-highlight-color: transparent;outline:none;}
html{ overflow-y:scroll;}
html.noscroll{ overflow: hidden; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3{ margin:0px; padding:0px; border:0; }
a:link{ text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
    border:none; padding:0;
}

.flair {
  width: 20px;
  height: 20px;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  background: #de7430;
  border-radius: 50%;
  z-index: 9;
  backdrop-filter: blur(4px) brightness(117%);
 
}
.flair.on{
	 mix-blend-mode: multiply;
}
.flair.active {
  width: 50px;
  height: 50px;
  transition: 0.4s;
}
.flair1 {
  width: 128px;
  height: 128px;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  background: #1f4390;
  border-radius: 50%;
  z-index: 9;
  margin: -64px 0 0 -64px;
  color: #fff;
  display: flex;
  font-size: 18px;
  opacity: 0;
  transform-origin: center center;
  transform: scale(0);
}
.flair1 span {
  margin: auto;
}
.flair1.active {
  opacity: 1;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{ float:left;}
.float_r{ float:right;}


/*字体*/
.Arial { font-family:Arial;}
.YaHei { font-family:"microsoft yahei","宋体";}

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}
.pt10{ padding-top: 10px; }

/*公用*/
.div100{ width:100%;}
.B{ font-weight:bold;}
.Text_l{ text-align:left;}
.Text_r{ text-align:right;}
.Text_c{ text-align:center;}
.animate{ transition:all ease 0.3s; }

.container{ max-width: 1920px; margin: 0 auto; overflow: hidden; }
.all{ width:1500px; margin:0 auto; }
.mainH2{ font-size: 40px; color: #000; text-align: center; }

.mainHead{ position: fixed; width: 100%; height: 110px; z-index: 8; transition: all 0.3s ease; }
.mainHead.active{ background: rgba(255,255,255,0.95); box-shadow: 0 0 5px rgba(31,67,144,0.6); }
.mainHead .all{ position: relative; height: 100%; width: 1700px; }
.mainHead .mainMenu{ position: absolute; right: 30px; top: 0; height: 100%; color: #fff; }
.mainHead.active .mainMenu{ color: #000; }
.mainHead .mainMenu>li{ display: inline-block; position: relative; height: 100%; }
.mainHead .mainMenu .btn{ display: inline-block; height: 100%; font-size: 16px; color: #fff; padding: 0 12px; vertical-align: middle; line-height: 110px; transition: all 0.3s ease; }
.mainHead.active .mainMenu .btn{ color: #000; }
.mainHead .mainMenu>li:hover .slideMenu{ visibility: visible; opacity: 1; transform: translateY(0); transition: all 0.3s ease; }
.mainHead .mainMenu .btn span{ display: block; position: relative; overflow: hidden; }
.mainHead .mainMenu .btn span::after{ position: absolute; content: ''; width: 100%; left: 0; bottom: 0; height: 0; background: #2a6cb5; transition: all 0.2s ease; }
.mainHead .mainMenu .btn:hover span::after,.mainHead .mainMenu .btn.active span::after{ height: 2px; }
.mainHead .mainMenu .btn:hover,.mainHead .mainMenu .btn.active{ color: #de7430; }
.mainHead.active .mainMenu .btn.active,.mainHead.active .mainMenu>li:hover .btn{ color: #1f4390; }
.mainHead .mainMenu i:nth-child(14){display: none;}
.mainHead .mainMenu .language{ width: 110px; box-sizing: border-box; padding-left: 26px; background: url(../images/language.png) no-repeat left center; display: inline-block; line-height: 22px; vertical-align: middle; margin-left: 90px; }
.mainHead.active .mainMenu .language{ color: #000; background: url(../images/language2.png) no-repeat left center; }
.mainHead .mainMenu .language a{ color: #fff; margin: 0 10px; }
.mainHead.active .mainMenu .language a{ color: #666; }
.mainHead .mainMenu .language a:hover,.mainHead .mainMenu .language a.active{ color: #de7430; }
.mainHead.active .mainMenu .language a.active{ color: #1f4390; }
.mainHead .subMenu{ display: none; }
.mainLogo{ position: absolute; left: 100px; top: 0; height: 100%; width: 265px; }
.mainLogo a{ display: block; height: 100%; background: url(../images/logo.png) no-repeat center; }
.mainHead.active .mainLogo a{ background: url(../images/logo2.png) no-repeat center; }

.mainHead .mainBtn{ position:absolute; right:20px; top:30px; width:24px; height:18px; z-index:2; cursor:pointer; background:url(../images/close.gif) no-repeat center; visibility: hidden; opacity: 0; }
.mainHead .mainBtn span{ display:block; width:100%; height:2px; background:#000; position:absolute; left:0; }
.mainHead .mainBtn .sp1{ top:0; transform:translateX(0); }
.mainHead .mainBtn .sp2{ top:8px; background:none; transform:rotateY(0); }
.mainHead .mainBtn .sp2 em{ display:block; background:#000; height:2px; }
.mainHead .mainBtn .sp3{ bottom:0; transform:translateX(0); }
.mainHead .mainBtn:hover .sp2 em{ animation: btnmove .5s linear 0s normal forwards 1; }
.mainHead.cur .mainBtn .sp1{ transform:translateX(-100%); transition:all ease 0.3s; opacity:0; }
.mainHead.cur .mainBtn .sp2{ transition:all 0.3s ease 0.1s; transform:rotateY(90deg); }
.mainHead.cur .mainBtn .sp3{ transform:translateX(100%); transition:all ease 0.3s; opacity:0; }

.mainHead .mainClose{ visibility: hidden; opacity: 0; position:absolute; z-index: 1; width:26px; right:20px; top:30px; height:18px; cursor:pointer; background:url(../images/close.gif) no-repeat center; background-size:100% 100%; transform:rotate(0); }
.mainHead.cur .mainClose{ z-index: 3; opacity: 1; transition: all 0.4s ease 0.5s; }
.mainHead .mainClose span{ display:block; height:2px; top:50%; margin-top:-1px; background:#272727; position:absolute; width:100%; transform:rotate(0); }
.mainHead.cur .mainClose span.sp1{ transform:rotate(45deg); transition:all 0.3s ease 1s; }
.mainHead.cur .mainClose span.sp2{ transform:rotate(-45deg); transition:all 0.3s ease 1s; }

.slideMenu{ position: absolute; z-index: 998; top: 110px; left: 50%; margin-left: -255px; padding: 20px; background: rgba(255,255,255,0.9); opacity: 0; visibility: hidden; transform: translateY(20px); box-shadow: 0 5px 10px rgba(31,67,144,0.3); }
.slideMenu::after{ position: absolute; content: ''; left: 50%; margin-left: -10px; top: -20px; border: 10px solid; border-color: transparent transparent rgba(255,255,255,0.9) transparent; }
.slideMenu a{ -webkit-tap-highlight-color:transparent }
.slideMenu.active{ opacity: 1; transform: translateY(0); visibility: visible; }
.slideMenu .all{ position: relative; }
.slideMenu .flex{ display: flex; align-items: top; }
.slideMenu .title{ width: 250px; margin-right: 35px; }
.slideMenu .title .imgbox{ overflow: hidden; }
.slideMenu .title img{ width: 250px; height: 150px; }
.slideMenu .title p{ color: #333; margin-top: 15px; line-height: 20px; }
.slideMenu .title a{ color: #1f4390; font-size: 16px; }
.slideMenu .secmenu{ width: 190px; }
.slideMenu .seclist{ border-bottom: 1px dashed #d2d2d2; }
.slideMenu .seclist a{ color: #666; font-size: 16px; line-height: 50px; display: block; position: relative; }
.slideMenu .seclist a:hover{ color: #1f4390; }
.slidemenuMask{ position: fixed; z-index: 997; top: 110px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); display: none; }
/*临时*/
.mainHead .mainMenu>li:nth-child(7n) .slideMenu{ margin-left: -444px; }

.ziMenu{ position:fixed; width:40%; height:100%; padding-top: 80px; box-sizing: border-box; z-index:1002; top:0; right:-40%; transition:all 0.4s ease 0.5s; display: none; background:#fff; }
.ziMenu.cur{ transition:all 0.4s ease 0.5s; right: -1px; }
.ziMenu .bg{ position: absolute; top: 120px; bottom: 40px; width: 100%; overflow-y: auto; }
.ziMenu .list{ margin-bottom: 10px; line-height: 40px; transform:translateY(-20%); opacity:0; padding-left: 40px; }
.ziMenu .list.li1{ -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
.ziMenu .list.li2{ -moz-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; }
.ziMenu .list.li3{ -moz-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.2s; }
.ziMenu .list.li4{ -moz-transition:all 0.3s ease 0.3s; transition:all 0.3s ease 0.3s; }
.ziMenu .list.li5{ -moz-transition:all 0.3s ease 0.4s; transition:all 0.3s ease 0.4s; }
.ziMenu.cur .list.li1{ transform:translateY(0); opacity:1; transition:all 0.3s cubic-bezier(.23,.24,.52,1.4) 1.1s; }
.ziMenu.cur .list.li2{ transform:translateY(0); opacity:1; transition:all 0.3s cubic-bezier(.23,.24,.52,1.4) 1.2s; }
.ziMenu.cur .list.li3{ transform:translateY(0); opacity:1; transition:all 0.3s cubic-bezier(.23,.24,.52,1.4) 1.3s; }
.ziMenu.cur .list.li4{ transform:translateY(0); opacity:1; transition:all 0.3s cubic-bezier(.23,.24,.52,1.4) 1.4s; }
.ziMenu.cur .list.li5{ transform:translateY(0); opacity:1; transition:all 0.3s cubic-bezier(.23,.24,.52,1.4) 1.5s; }
.ziMenu.cur .list.li6{ transform:translateY(0); opacity:1; transition:all 0.3s cubic-bezier(.23,.24,.52,1.4) 1.6s; }
.ziMenu.cur .list.li7{ transform:translateY(0); opacity:1; transition:all 0.3s cubic-bezier(.23,.24,.52,1.4) 1.7s; }
.ziMenu.cur .language{ transform:translateY(0); opacity:1; transition:all 0.3s cubic-bezier(.23,.24,.52,1.4) 1.7s; }
.ziMenu .list .btn{ display:block; font-size:22px; color:#000; position:relative; transition:all ease 0.5s; }
.ziMenu .list dl{ padding-top: 5px; display: none; }
.ziMenu .list dd{ font-size: 18px; padding-left: 20px; line-height: 30px; }
.ziMenu .list dd a{ color: #000; display: block; }
.ziMenu .list ul{ padding: 5px 0; display: none; }
.ziMenu .list li{ font-size: 16px; padding-left: 20px; }
.ziMenu .language{ vertical-align: middle; color: #000; padding: 40px 0 0 20px; font-size: 20px; opacity: 0; transform:translateY(-20%); display: block; }
.ziMenu .language a{ margin: 0 20px; color: #333; vertical-align: middle; }
.ziMenu .language a.active{ color: #1f4390; }

.mainMask{ background: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; display: none; visibility: hidden; opacity: 0; }

.maintopCont{ background: url(../images/fixbg.jpg) no-repeat center bottom; background-attachment: fixed; height: 250px; padding-bottom: 100px; color: #fff; position: relative; }
.maintopCont .all{ height: 100%; position: relative; }
.maintopCont .flex{ display: flex; justify-content: space-between; align-items: center; height: 100%; }
.maintopCont .pic{ position: absolute; left: 0; bottom: -100px; pointer-events: none; -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none; }
.maintopCont .txtco{ padding-left: 200px; width: 30%; -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none; }
.maintopCont .txtco p{ font-size: 17px; margin-bottom: 15px; }
.maintopCont .txtco h3{ font-weight: normal; font-size: 25px; margin-bottom: 20px; }
.maintopCont .txtco a{ border :1px solid #fff; height: 45px; box-sizing: border-box; border-radius: 45px; text-align: center; display: inline-block; width: 150px; line-height: 45px; font-size: 18px; color: #fff; transition: all 0.3s ease; }
.maintopCont .txtco a:hover{ background: #de7430; }
.maintopCont .telco{ display: flex; justify-content: space-between; width: 30%; }
.maintopCont .telco div{ width: 45%; font-size: 18px; }
.maintopCont .telco div p{ font-size: 27px; margin-top: 10px; font-weight: bold; white-space: nowrap; }
.maintopCont .codeco{ font-size: 18px; }
.maintopCont .codeco img{ vertical-align: middle; }
.maintopCont .inputbox{ background: rgba(0,0,0,0.4); width: 100%; left: 0; height: 100px; position: absolute; bottom: 0; }
.maintopCont .inputbox .txt{ padding-left: 65px; background: url(../images/fixIcon.png) no-repeat left center; line-height: 50px; white-space: nowrap; margin-right: 35px; }
.maintopCont .inputbox .inp{ display: flex; justify-content: space-between; height: 50px; width: 90%; }
.maintopCont .inputbox input{ height: 50px; border: none; background: #fff; padding: 0 20px; border-radius: 10px; width: 10%; margin-right: 10px; flex-grow: 1; }
.maintopCont .inputbox input.sp{ flex-grow: 1.4; }
.maintopCont .inputbox .sub{ height: 50px; display: inline-block; line-height: 50px;  background: #de7430; text-align: center; border-radius: 10px; flex-grow: 0.8; cursor: pointer; transition: all 0.3s ease; }
.maintopCont .inputbox .sub:hover{ background: #de7430; }
.mainbottomCont{ padding: 60px 0; background: #181818; }
.mainbottomCont .li{ position: relative; width: 20%; padding-left: 10px; box-sizing: border-box; margin-bottom: 15px; }
.mainbottomCont .li::after{ position: absolute; width: 3px; height: 3px; border-radius: 3px; background: #999; content: ''; left: 0; top: 9px; }
.mainbottomCont .li a{ color: #999; }
.mainbottomCont .li a:hover{ color: #fff; }
.mainbottomCont .flex{ display: flex; flex-wrap: wrap; }
.mainbottomCont .swiper-wrapper{ height: auto; }
.mainbottomCont .swiper-slide{ background: #181818; height: auto; }
.mainbottomCont .swiper-pagination{ position: static; display: flex; margin-bottom: 40px; }
.mainbottomCont .swiper-pagination .swiper-pagination-bullet{ width: 160px; height: 50px; display: inline-block; border-radius: 10px; text-align: center; color: #fff; background: #242424; margin-right: 6px; line-height: 50px; font-size: 18px; opacity: 1; }
.mainbottomCont .swiper-pagination .swiper-pagination-bullet-active{ background: #1f4390; }


.maincopy{ border-top: 1px solid #2e2e2e; background: #181818; }
.maincopy .all{ display: flex; justify-content: space-between; color: #ccc; }
.maincopy p{ line-height: 80px; }

.mainPage{ padding: 20px 0 60px; }
.mainPage .pagebox{ text-align: center; }
.mainPage .pagebox li{ display: inline-block; border: 1px solid #d6d6d6; border-radius: 40px; width: 38px; height: 38px; text-align: center; font-size: 16px; line-height: 38px; color: #000; box-sizing: border-box; margin: 0 8px; overflow:hidden;}
.mainPage .pagebox li a{display:block;}
.mainPage .pagebox li.active,.mainPage .pagebox li.active a:hover,.mainPage .pagebox li:hover a{ color: #fff; background: #1f4390; border-color: #1f4390; }

.newsSlide{ margin-bottom: 60px; }
.newsSlide .flex{ display: flex; background: #fff; position: relative; }
.newsSlide .flex>div{ position: relative; padding: 0 10px 0 130px; width: 50%; box-sizing: border-box; height: 70px; }
.newsSlide .flex .right{ text-align: right; }
.newsSlide .flex span{ position: absolute; top: 0; line-height: 70px; color: #1f4390; padding-left: 30px; background: url(../images/pagebg.png) no-repeat left center; font-size: 16px; left: 20px; }
.newsSlide .flex .right span{ left: 20px; }
.newsSlide .flex::after{ position: absolute; width: 1px; height: 40px; background: #eee; top: 15px; left: 50%; content: ''; }
.newsSlide .flex .swiper{ height: 70px }
.newsSlide .flex a{ line-height: 70px; display: block; width: 100%; font-size: 18px; color: #999; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
.newsSlide .flex a:hover{ color: #1f4390; }

.scrollTop{ position: fixed; bottom: 100px; right: 60px; width: 45px; height: 45px; background: #1f4390; color: #fff; font-size: 14px; border-radius: 50px; padding-top: 20px; box-sizing: border-box; text-align: center; cursor: pointer; font-family: Arial; transition: all 0.3s ease; z-index: 100; display: none; }
.scrollTop:hover{ opacity: 0.8; }
.scrollTop::after{ position: absolute; content: ''; top: 3px; left: 50%; margin-left: -7px; border: 7px solid; border-color: transparent transparent #fff transparent; }
.videoMask{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100011; background: rgba(0,0,0,0.4); }
.videoFix{ position: fixed; width: 900px; background: #000; max-width: 90%; margin: -225px 0 0 -450px; top: 50%; left: 50%; z-index: 100011; }
.videoFix .close{ position: absolute; right: -40px; top: -40px; width: 30px; height: 30px; cursor: pointer; background: url(../images/close2.png) no-repeat center; background-size: 80%; }
.videoFix .close:hover{ transform: rotate(180deg); transition: all 0.5s ease; }
.videoFix video{ width: 100%; }

@media only screen and (max-width: 1700px) {
    .mainHead .all{ width: 1500px; }
    .mainLogo{ left: 0; }
    .newsSlide .flex a{ font-size: 16px; }
}
@media only screen and (max-width: 1580px) {
    .all{ width: 1200; }
    .maintopCont .txtco h3{ font-size: 22px; }
    .mainHead .all{ width: 100%; }
    .mainLogo{ left: 20px; }
    .mainHead .mainMenu .language{ margin-left: 40px; }
}
@media only screen and (max-width: 1440px) {
    .maintopCont .telco{ flex-wrap: wrap; width: 20%; }
    .maintopCont .telco div{ width: 100%; margin-bottom: 10px;}
}
@media only screen and (max-width: 1340px) {
    .mainHead .mainMenu .btn{ font-size: 14px; }
    .mainLogo{ width: 220px; }
    .mainLogo a{ background-size: 100% auto !important; }
    .mainHead .mainMenu .language{ margin-left: 20px; }
}
@media only screen and (max-width: 1260px) {
    .all{ width: 100%; padding: 0 20px; box-sizing: border-box; }
    .mainHead .mainMenu{ right: 20px; }
}
@media only screen and (max-width: 1050px) {
    .scrollTop{ display: none !important; }
    .mainMenu,.slideMenu{ display: none; }
    .mainHead .mainBtn{ opacity: 1; visibility: visible; }
    .mainMask{ visibility: visible; opacity: 1; }
    .mainHead{ height: 80px; }
    .mainHead .mainBtn span,.mainHead .mainBtn .sp2 em{ background: #fff; }
    .mainHead.active .mainBtn span,.mainHead.active .mainBtn .sp2 em{ background: #1f4390; transition: all 0s; }
    .mainHead .mainClose{ visibility: visible; }
    .ziMenu{ display: block; }
}
@media only screen and (max-width: 820px) {
    .maintopCont .pic{ display: none; }
    .maintopCont .txtco{ padding-left: 0; }
    .mainbottomCont .li{ width: 25%; }
    .maintopCont .inputbox .txt{ padding-left: 40px; margin-right: 20px; background-size: 30px auto; }
    .newsSlide .flex{ flex-wrap: wrap; }
    .newsSlide .flex>div{ width: 100%; }
    .newsSlide .flex .right{ text-align: left; }
    .newsSlide .flex::after{ width: 100%; height: 1px; left: 0; top: 50%; }
}
@media only screen and (max-width: 510px) {
    .maintopCont .txtco{ display: none; }
    .maintopCont .codeco{ font-size: 0; }
    .maintopCont .telco{ width: 50%; }
    .mainbottomCont{ display: none; }
    .maincopy .all{ flex-wrap: wrap; }
    .maincopy p{ width: 100%; line-height: 24px; }
    .maincopy{ padding: 10px 0; }
    .maintopCont{ height: auto; padding-bottom: 0; background-size: cover; padding-top: 20px; }
    .maintopCont .flex{ flex-wrap: wrap; height: auto; padding-bottom: 20px; }
    .maintopCont .inputbox{ height: auto; position: static; }
    .maintopCont .inputbox .inp{ width: 100%; box-sizing: border-box; flex-wrap: wrap; height: auto; }
    .maintopCont .inputbox input{ width: 48%; flex-grow: initial; margin-right: 0; margin-bottom: 10px; }
    .maintopCont .inputbox input.sp,.maintopCont .inputbox .sub{ flex-grow: initial; }
    .maintopCont .inputbox .sub{ width: 100%; }
    .maintopCont .all{ height: auto; }
    .ziMenu{ width: 60%; right: -60%; }
    .maintopCont .codeco img{ width: 100px; }
}
@keyframes btnmove {
    0%{ transform:rotate(0); }
    20%{ transform:rotate(5deg); }
    40%{ transform:rotate(-5deg); }
    60%{ transform:rotate(5deg); }
    80%{ transform:rotate(-5deg); }
    100%{ transform:rotate(0); }
}