﻿@charset "utf-8";
/* CSS Document */
body,div,section,figure,strong,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:.1rem; font-family:"Calibri","Arial";}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.figure{display: block;height: 0;overflow: hidden;position: relative;}
.figure img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .5s;}
.FK{color: #999;}
.F14{font-size: 14px;}
.clearfix{zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none;}
a:hover {color:#2a4983; text-decoration:underline; }

@font-face {
	font-family: 'Conv_Armata-Regular';
	src: url('../fonts/Armata-Regular.eot');
	src: local('☺'), url('../fonts/Armata-Regular.woff') format('woff'), url('../fonts/Armata-Regular.ttf') format('truetype'), url('../fonts/Armata-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'tt0102m_';
	src: url('../fonts/tt0102m_.eot');
	src: local('☺'), url('../fonts/tt0102m_.woff') format('woff'), url('../fonts/tt0102m_.ttf') format('truetype'), url('../fonts/tt0102m_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

header{position: fixed;left: 0;top: 0;right: 0;z-index: 1000;}
header .dingbu{background: #121416;display: flex;justify-content: space-between;align-items: center;height: .26rem;padding: 0 10%;color: #FFF;}
header .dingbu .left{font-weight: bold;font-size: .14rem;}
header .dingbu i{font-size: .16rem;margin-right: .06rem;}
header .dingbu p{display: flex;align-items: center;margin-left: .2rem;}
header .dingbu a{color: #FFF;}
header .top{padding: 0 10%;display: flex;justify-content: space-between;align-items: center;background: #FFF;height: .5rem;position: relative;}
header .right{display: flex;justify-content: space-between;}
.search{line-height: .26rem;width: .26rem;height: .26rem;cursor: pointer;text-align: center;margin-right: .1rem;}
.search i{font-size: .12rem;display: block;}
.search_box{position: fixed;left: 0px;right: 0px;top: .76rem;height: .56rem;background: #FFF;display: none;z-index: 1000;}
.search_box .box{width: 50%;position: absolute;left: 50%;top: 0.13rem;margin-left: -25%;}
.search_box .input_btn{float: left;width: 10%;height: .24rem;border: none;outline: magenta;background: #FFF url(../images/pic2.png) no-repeat center;background-size: 0.1rem;cursor: pointer;}
.search_box .input_txt{float: left;width: 90%;height: .24rem;border: none;outline: magenta;box-sizing: border-box;border-bottom: 1px solid #999;background: #FFF;}

header .yuyan{line-height: .26rem;display: flex;align-items: center;transition: all 0.3s;font-size: .12rem;}
header .yuyan i{width: 1px;height: .09rem;background: #999;display: block;margin: 0 10px;transform: rotate(30deg);}
header .yuyan a:hover{text-decoration: none;}
header .yuyan a.current{color: #2a4983;}


header h1{width: 1.3rem;}
header h1 img{width: 100%;}
.nav{font-size: 0px;text-align: center;}
.nav li{display: inline-block;position: relative;margin-left: .25rem;z-index: 100;}
.nav li p{line-height: .5rem;font-size: .12rem;position: relative;padding:0 .03rem;}
.nav li p a{display: block;}
.nav li:hover p a{text-decoration: none;color: #2a4983;}
.nav li.current p a{color: #2a4983;}
.nav li dl{position: absolute;left: 0%;top: .5rem;background: #FFF;visibility: hidden;opacity: 0;transition: all .3s;text-align: left;font-size: 0px;width: 1.2rem;box-shadow: 0 3px 3px rgba(0,0,0,0.2);}
.nav li:hover dl{visibility: visible;opacity: 1;}
.nav li dd{font-size: .1rem;position: relative;}
.nav li dd a{display: block;transition: all 0.3s;padding: .05rem .1rem;}
.nav li dd:hover a{display: block;text-decoration: none;background: #2a4983;color: #FFF;}
.nav li dd:last-child{border-bottom: none;}
.nav li dd .san{position: absolute;left: 100%;top: 0px;visibility: hidden;opacity: 0;transition: all 0.3s;box-shadow: 0 3px 3px rgba(0,0,0,0.2);width: 1.4rem;}
.nav li dd:hover .san{visibility: visible;opacity: 1;}
.nav li dd:hover .san .list a{padding: .05rem .1rem;background: #FFF;color: #333;}
.nav li dd:hover .san .list a:hover{padding: .05rem .1rem;background: #2a4983;color: #FFF;}

.h_active{box-shadow: 0 0 .02rem rgba(0,0,0,.1);position: fixed;left: 0;top: 0;right: 0;z-index: 100;}
.h_active h1 .yi{display: none;}
.h_active h1 .er{display: block;}
.h_active .nav li p a{color: #333;}
.h_active .nav li p a:hover{color: #2a4983;}
.h_active .nav li p:after{background: #2a4983;}
.h_active li:hover p a{text-decoration: none;color: #2a4983;}
.h_active .nav li.current p a{color: #2a4983;}
.h_active .yuyan{color: #333;}
.h_active .yuyan a{color: #333;}
.h_active .yuyan a.current{color: #2a4983;}
.h_active .search i{color: #333;}


.foot{background: #121416;}
.foot .foot_t{padding:.4rem 10% .2rem 10%;display: flex;justify-content: space-between;}
.foot .foot_t:after{display: none;}
.foot .foot_t .left{width: 30%;}
.foot .foot_t .left h2{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;color: #FFF;opacity: 0.5;}
.foot .foot_t .left .txt{color: #FFF;opacity: 0.5;line-height: 1.6;margin-top: .1rem;}
.foot .foot_t .left ul{display: flex;margin-top: .1rem;}
.foot .foot_t .left li{width: .4rem;margin-right: .1rem;}
.foot .foot_t .left li img{width: 100%;}

.foot .foot_t .center{display: flex;justify-content: space-between;width: 30%;}
.foot .foot_t .center dt{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;color: #FFF;opacity: 0.5;}
.foot .foot_t .center dd{line-height: 2;}
.foot .foot_t .center dd a{transition: all 0.3s;color: #FFF;opacity: 0.5;}
.foot .foot_t .center dd a:hover{text-decoration: none;color: #FFF;opacity: 1;}

.foot .foot_t .right{width: 30%;}
.foot .foot_t .right .bt{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;color: #FFF;opacity: 0.5;}
.foot .foot_t .right ul{color: #FFF;}
.foot .foot_t .right li{padding-bottom: .1rem;display: flex;}
.foot .foot_t .right li h2{font-weight: bold;opacity: 0.5;}
.foot .foot_t .right li em{font-size: .14rem;margin-right: .05rem;opacity: 0.5;}
.foot .foot_t .right li .box{text-align: left;}
.foot .foot_t .right li .box p{opacity: 0.5;}
.foot .foot_t .right dl{display: flex;margin-top: .1rem;margin-left: .2rem;}
.foot .foot_t .right dd{margin-right: .1rem;}
.foot .foot_t .right dd i{font-size: .14rem;}
.foot .foot_t .right dd a{color: #FFF;opacity: 0.5;}
.foot .foot_t .right dd a:hover{color: #FFF;text-decoration: none;opacity: 1;}

.foot .foot_b{padding: .2rem 10%;color:#FFF;border-top: 1px solid rgba(255, 255, 255, 0.1);opacity: 0.5;}