*,:after,:before{ box-sizing:border-box; word-break: normal; }
html{font-family:sans-serif;line-height:1.15;font-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body{margin:0;font-family:Nunito,sans-serif;font-weight:400;line-height:1.75;color:#212529;text-align:left;font-size: 10px;background-color: #F4F4F4;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
dd,div,dl,dt,li,p,ul{line-height:1.75;font-family:"\5FAE\8F6F\96C5\9ED1",'Microsoft YaHei','Heiti SC','Helvetica Neue','Helvetica','Arial','sans-serif'}
[tabindex="-1"]:focus{outline:0!important}
a,a:link,a:hover,a:active,a:visited{color:#333;text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{color:#999;}
textarea::-moz-input-placeholder,input::-moz-input-placeholder{color:#999;}
textarea::-ms-input-placeholder,input::-ms-input-placeholder{color:#999;}
img{max-width:100%;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:10px}
p{margin-top:0;margin-bottom:20px}
dl,ol,ul{margin-top:0}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-left:0}
b,strong{font-weight:bolder}
input:focus,button:focus{outline:none; outline-width:0}
input,button{border-radius: 0;}
hr{height:0; border-top: 1px solid #CCC; margin:20px 0;}

/* common */
.cols{margin:0 -1.5%;overflow:hidden;}
.col-four{width:22%;margin:0 1.5%;position: relative;}
.col-quarter{width:22%;margin:0 1.5%;position:relative;}
.col-quarters{width:72%;margin:0 1.5%;position:relative;}
.col-third{width:30.3333%;margin:0 1.5%;position:relative;}
.col-thirds{width:63.6666%;margin:0 1.5%;position:relative;}
.col-half{width:47%;margin:0 1.5%;position:relative;}
.col-half.m-none{margin:0;}
.col-full{margin:0 1.5%;}
.col-quarters img{max-width:100%;}
.bg-gray{background-color: #f4f4f4;}
.block{padding: 50px 0 70px;}
.cont{font-size: 16px;margin-bottom: 30px;}
.cont .ttl dt{background-image:none;font-size: 24px;padding-bottom: 0;}
.cont img{max-width: 100%; height: auto;}
.search-info{font-size: 16px; padding: 10px; margin:20px 0;}
.search-info span{padding-right: 30px;}
.clearfix{height:0;}

/* header */
.top-nav input{border:none; height: 40px; padding: 0 10px;}
.navbar-form{padding: 0; display: none;}
#header{background-color: white;}
#menu{height:90px;}
#menu a{text-decoration: none; font-weight: bold;}
#menu .logo{float: left;}
#menu li.active a{background-color: #b28c5b;color:white;}
#menu>ul{float: right;}
#menu>ul>li{float: left;position: relative;background:url(../images/share/nav_spl.jpg) no-repeat center left;}
#menu>ul>li>a{color: #333;font-size: 16px;display: block;line-height:90px;height:90px;padding:0 1.2vw; background: linear-gradient(#b28c5b 50%, white 50%); background-size: 100% 200%; background-position: 0 100%;}
#menu>ul>li.active>a{-webkit-animation: menuColor .3s 1; background-position: 0 0%;}
#menu>ul>li.is-current>a{color:#b28c5b; -webkit-animation: none; background: white;}
@-webkit-keyframes menuColor{
  0%{background-position: 0 100%;}
  100%{background-position: 0 0%;}
}
#menu .sub{width: 240px;display: none;position:absolute;left:0;z-index:5;padding: 10px 0; background-color: #fff;}
#menu .sub::before{background-image: url(../images/share/nav_arrow.png);background-position: center top;background-repeat: no-repeat;position: absolute;top:-20px;left:50%;margin-left: -150px;}
#menu .sub>li>a{display:block; font-size: 15px; background-color: transparent;color: #333; padding: .5em 20px;}
#menu .sub>li>a.active,#menu .sub>li>a:hover{background-color: #b28c5b; color:white;}
#menu .sub li{float: none;width: 100%;}
#menu .sub>li .sub{left:100%;top:0;}

#menu .menu-sub{color:#3263a6; font-weight: bold; font-size: 15px; padding-left: 1vw;}
#menu .menu-sub>li{ float: left; line-height:90px; height:90px; position: relative; padding-right:1vw;}
#menu .menu-sub .tri{margin-top: 42px;}
#menu .menu-sub>li.active{background-color: #b28c5b;color:white;}
#menu .menu-sub>li:first-child{padding-top: 1.6em;}
#menu .menu-sub>li.active .tri{border-top-color:white;}
#menu .menu-sub .glyphicon-menu-down{font-size: 10px;}

.search-top{display: flex;}
.search-top input{ flex:1; height:40px; line-height: 1; background-color: #f4f4f4; border:none; padding:0 1.5vw; font-weight: normal; color: #333; border-top-left-radius: 20px; border-bottom-left-radius:20px;}
.search-top button{height:40px; border:none; border-top-right-radius: 20px; border-bottom-right-radius:20px; background-color: #f4f4f4; color:#3263a6;  width:50px; top:0; font-size: 16px;}

/* banner */
.carousel-indicators{margin-bottom:0;}
.carousel-control{opacity: 1;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{color: white;opacity: 1;}
.carousel-indicators li{width: 16px;height: 16px;border: none;background-color: #fff;opacity: .5;margin: 0 10px;}
.carousel-indicators .active{background-color: #FFF;opacity:1;margin:0 10px;width: 16px;height: 16px;}

/* breadcrumb */
.breadcrumb{margin:20px 0;font-size: 16px; background-color: transparent;}
.breadcrumb a{color:#999; padding:0 1em;}
.breadcrumb>li+li:before{padding: 0 1em;}

/* subject */
.title{display:block; font-size:42px; padding:50px 1em; margin-bottom: 0;}
.title dt{color:#333; font-weight: normal; position: relative;}
.title dd{}
.a-more{ font-size: 16px; position: absolute; right:0; top:50%; margin-top: -8px; }
.ttl{ font-size: 40px; margin-bottom: 0; position: relative; }
.ttl dt{ font-weight: normal; }

/* subnav */
#sub{ text-align: center; background-color: #fff; font-size: 20px; border-bottom: 1px solid #CCC; }
#sub a{display: inline-block; line-height: 100px; height: 100px; margin:0 4vw;}
#sub a.active,#sub a:hover{font-weight: bold; color:#b28c5b; border-bottom: 3px solid #b28c5b;}

/* list */
.list-news{ margin:-1%; overflow: hidden; padding: 0 40px;}
.list-news a{ display: block; width:31.3333%; margin:1%; float: left; overflow: hidden; border: 1px solid #CCC; background-color:#FFF;}
.list-news a:hover{background-color: #b58b51; border: 1px solid transparent;}
.list-news a>div{width:100%; overflow: hidden;}
.list-news a img{-webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; width:100%;}
.list-news a:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.list-news a>dl{padding: 20px; margin:0; color: #AAA; }
.list-news a>dl dd{ font-size: 12px;}
.list-news a>dl dd:first-of-type{ font-size: 12px; border-right: 1px solid #CCC; text-align: center; padding-right: 20px; margin-right: 20px; float: left; height:80px; overflow: hidden;}
.list-news a>dl dd:first-of-type strong{font-size: 60px; color: #333; display: block; line-height: 1;}
.list-news a>dl dt{font-size: 16px; margin-bottom: 5px; color: #333;}
.list-news a:hover>dl,.list-news a:hover>dl dd:first-of-type strong,.list-news a:hover>dl dt{ color:#FFF; }

.list-text{ font-size: 16px;}
.list-text dl{border-bottom: 1px dashed #EEE;padding-bottom: 5px;margin-bottom: 10px;}
.list-text dt{font-size: 18px;font-weight: normal;color:#333;margin-bottom: 6px;line-height: normal;}
.list-text dd{line-height: normal;height:56px;overflow: hidden;}
.list-text a{display: block; }
.list-text a i:first-child{font-style: normal;float:left;padding-right: 10px;}
.list-text a i:last-child{font-style: normal;float:right;padding-left: 10px;}
.list-text li{padding: 10px 0;border-bottom: 1px solid #DDD;}
.list-text li:first-of-type{margin-top: -5px;}

/* detail */
.detail{ color:#999; font-size: 16px; padding: 5vw; }
.detail h1,.detail h2,.detail h3,.detail h4{ font-size: 28px; border-left: 5px solid #b18b5a; color:#333; padding:.2em 1em; margin: 0 0 1em; }
.detail hr+h1,.detail hr+h2,.detail hr+h3,.detail hr+h4{ margin-top: 5vw; }
.detail table{width:100%; border-collapse:separate;  border-spacing: 0 10px; margin:1em 0;}
.detail table td,.detail table th{padding:0 1em;}
.detail table tr>td:nth-of-type(odd){background-color: #16509a; color: white;}
.detail table tr>td:nth-of-type(even){background-color: #99ccff; color: #16509a;}
.detail ol{overflow: hidden;}
.detail ol>li{display: block; width:30.3333%; margin:1.5%; float: left; text-align: center;}
.detail ul{overflow: hidden;}
.detail ul>li::before{content: '●'; color:#b18b5a; padding-right: 1em;}
.detail ul>li img{margin:1em 0;}

/* table */
.table{width:100%; max-width:100%; font-size:16px;}
.table .td,.table .th{ display:block; float: left; width: 20%; padding:10px; text-align: center;}
.table .tr{ background-color: #f5f5f5; overflow: hidden; clear: both; margin-bottom: 10px; }
.table .tbody>.tr.active{ background-color: #b28c5b; color:white;}
.table .th{font-size: 20px; background-color: white;}
.table>.thead{border-bottom: 1px solid #CCC; margin-bottom: 20px;}
.btn-view,a.btn-view{ background-color:#16509a; color:white; border-radius:20px; padding:5px 10px; font-size:12px; }
.table .tr a.btn-view span{ padding-left: 5px; }
.table .tr>.tr{margin-bottom: 0;}
.table .dis-none{display: none;}
.table .tr.active .dis-none{display: block; background-color: #f5f5f5; color:#333;}
.table .tr.active a.btn-view{ background-color:rgba(255,255,255,.5); color:#b28c5b;}

/* slide */
.slide-nav{position: absolute; top:50%; left:0; right:0; height:0; z-index:5;}
.slide-nav a.prev,.slide-nav a.next{ content: ''; float: left; width:30px; margin-top: -25px; background-color: #CCC; color: white; line-height: 50px; height:50px; text-align: center;}
.slide-nav a.next{ content:''; float: right; }

/* footer */
#footer{background: url(../images/share/bg_footer.jpg) #1451a4 repeat-x center top; color:white; margin-top: 10vw;}
#footer a{color: white;}
#footer>.main{ padding: 3vw; overflow: hidden; }
#footer>.main ul{ margin-bottom: 6vw; overflow: hidden; }
#footer>.main ul>li{ font-size: 14px; float: left; width:23%; margin:0 1%; }
#footer>.main ul>li:nth-of-type(2),#footer ul>li:nth-of-type(3){ padding-left: 1%; }
#footer>.main ul>li:nth-of-type(4){ text-align: right; }
#footer>.main ul>li>dt{ font-size: 20px; }

#footer>.main div{float: left;}
#footer>.main div:first-of-type>a{margin-right: 5em;font-size:14px;}
#footer>.main div:last-of-type{float: right;}

/* mask */
.mask{ display: none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index: 1050;}
.mask img{ max-width: 100%; max-height: 100%; position: absolute; left:0; right:0; top:0; bottom:0; margin: auto; z-index: 1051; }

/* fix */
.main{width:1600px; max-width:1600px; margin:0 auto; position:relative;}
.bdr-zero{border-radius:0;}
.bd-none{border:none;}
.bg-transparent{background:transparent;}
.bg-white{background-color:#fff;}
.bg-gray{background-color:#f4f4f4;}
.bg-main{background-color:#1150a3;}
.c-white{color:white;}
.f-l{float:left;}
.f-r{float:right;}
.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.ovh{overflow:hidden;}
.m-bottom{margin-bottom: 5vw;}
.m-v{margin-top: 5vw; margin-bottom: 5vw;}
.pd{padding: 5vw;}
.pd-v{padding-top: 5vw; padding-bottom: 5vw;}
.pd-h{padding-left: 5vw; padding-right: 5vw;}
.m-none{margin: 0;}
.pd-none{padding: 0;}
.pos-rel{position:relative;}
.spl{height:5vw; clear:both;}
.dis-block{display:block;}
.dis-none{display:none;}
.hand{cursor: pointer;}
.tri{width:0;height:0;overflow:hidden;border-width:5px;border-color:#333 transparent transparent transparent;border-style:solid dashed dashed dashed;float: right;margin-top: 9px;margin-left:3px;}
.bd-bottom{border-bottom: 1px solid #eee;}
.z-0{z-index: 0;}
.z-5{z-index: 5;}
.z-10{z-index: 10;}
a.button,.button{ display: inline-block; line-height: 60px; height:60px; font-size: 20px; background-color: #b28c5b; color: #FFF; text-align: center; padding: 0 1em; border: none; }

.navbar-brand{padding:0 15px;}
.navbar-brand img{max-height: 50px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
  background-color: #16509a;
}
.navbar-default .navbar-toggle{border-color: #16509a;background-color: #16509a;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: #16509a;color:white;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color:white;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: white;background-color: #16509a;}
.navbar-nav>li>a{font-size: 14px;}

.pagination>li>a, .pagination>li>span, .pagination>.disabled>a, .pagination>.disabled>span{ color:#aaa; background-color: #e5e5e5; border-color: #e5e5e5; margin:0 5px; border-radius: 5px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #b28c5b;border-color: #b28c5b;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{margin:0 auto;}
.carousel-control.left,.carousel-control.right{background-image:none;}

.flexslider{}
.flex-control-nav{bottom: -60px;}
.flex-direction-nav a{height:60px; margin-top:-30px;text-shadow:none; opacity:0; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
.flex-direction-nav a:before{color:rgba(255,255,255,1); text-shadow:none;}
.flex-direction-nav .flex-prev,.flexslider:hover .flex-direction-nav .flex-prev{left:10px;}
.flex-direction-nav .flex-next,.flexslider:hover .flex-direction-nav .flex-next{right:10px;}
.flex-control-paging li a{width:15px; height:15px; }
.flex-control-paging li a.flex-active{background:rgba(20,80,150,1);}