*,html{
    padding: 0;
    margin: 0;
}
body{
    font-family: '微软雅黑';
   /* font-family: "Lucida Sans Unicode","Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;*/
    font-size: 16px;
}
.header{
     background: #5941ff; /* For browsers that do not support gradients */
     background: -webkit-linear-gradient(rgba(89, 65, 255, 0.22), rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
     background: -o-linear-gradient(#5941ff, #9aa3ff); /* For Opera 11.1 to 12.0 */
     background: -moz-linear-gradient(#5941ff, #9aa3ff); /* For Firefox 3.6 to 15 */
     background: linear-gradient(rgba(0, 2, 15, 0.15), #fffcfc80);
    width: 100%;
    height: 10%;
}
.main{
    width: 1000px;
    margin: auto;
    min-width: 320px;

}
.header .logo{
    width: 60%;
    float: left;
    _display: inline;
    margin-top: 5px;
}
/*search*/
.header .search{
    width: 40%;
    float: left;
    margin-top: 35px;
}
#search-btn {
    background:#0099ff;
    color:white;
    padding:6px 20px;
    border:0 none;
}
#search-box {
    border: 1px solid rgba(68, 68, 68, 0.8);
    padding:4px;
    width:40%;
    margin: -5px;
}
#search-box:hover {
    border: 1px solid #F2F2F2;
    background: rgba(209, 209, 209, 0.01);
}
.search_info {
    padding: 0;
    width:200px;
    float: left;

}
.search_info select{appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;}
.search_info select::-ms-expand {
    display: none; /*IE*/
}
.search_info select{
    font-size: 18px;
    color: rgb(251, 251, 251);
    margin-left: 68px;
    padding: 2px 28px 3px 10px;
    background-color: rgb(0, 153, 255);
    /* border: 1px solid #000; */
    background-image: url(http://u00.hyweb.com.tw/GUI/annie/search_selecticon.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}
/*search end*/
a, a:link {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.98);
}
a:hover{
    color: rgba(4, 3, 204, 0.63);
}
ul li{
    list-style-type: none;
}
.clearfix:after {
    display: block;
    content: '';
    clear: both;
    height: 0px;
    visibility: hidden;
}
.content {
    padding-top: 106px;
    padding-bottom: 90px;
    min-width: 1000px;
}
/*新闻*/
.content .news{
    width: 100%;
    margin-top: 10px;
}

/*轮播*/
.content .aplid{
    text-align: center;
    padding: 12px;
    margin:0 6rem 0 6rem;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.09);
    height: 51%;
}
.carousel-caption{
    margin-bottom: 5%;
    color: #fff;
}

.carousel-inner .item img{
    width:100%;height:100%
}
.carousel{
    overflow: hidden;
    height: 100%;
    margin:0 auto;
    position:relative;
}
.carousel-control {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 100px;
    color: #fff;
    text-align: center;
    height: 100%;
    text-shadow: 0 1px 2px rgba(124, 124, 124, 0.34);
    filter: alpha(opacity=50);
    opacity: .5;
}
#myCarousel a,#myCarousel a:link {
    /* text-decoration: none;*/
    color: rgba(25, 36, 255, 0.82);
    padding-top: 6rem;
}
hr {
    border: 0;
    border-top: 1px solid #eee;
}
/*底部*/
.footer{
    min-width: 1000px;
    color: #fffcfc;
    bottom: 0;left: 0;right: 0;
}
.footer .link{
    padding-top: 12px;
    background: #f8f7f4;
    padding-bottom: 8px;
}
.footer .survey{
    padding-top: 12px;
    background: #e0e0e0;
    padding-bottom: 12rem;
}
.copyrights{
    background:#000d50;
    padding: 1.5rem;
    border: none;
    font-size: 14px;
    color:#fffc;
}
.copyrights p{
    text-align: center;
}
.footer .link ul li{
    color: #fff;
}
.footer .link p{
    padding-left: 10%;
    margin: 1.2rem;
}
.footer .link a,.footer .survey a{
    color: #585858;
    font-size: 14px;
    margin: 2px;
}
.footer .link a:hover,.footer .survey  a:hover{
    color: #000d50;
}
.footer .survey .main ul h4{
    font-size: 15px;
    color: rgb(3, 2, 53);
    font-style: normal;
    font-weight: bold;
}
.footer .survey .main ul div{

}
.footer .link .main ul li{
     float: left;
     width: 12rem;
     line-height:1.818rem;
 }
.footer .survey .main ul li{
    float: left;
    text-align: center;
    width: 18%;
    line-height:1.818rem;
}
.link_left{
    width: 100%;
    float: left;
    margin: 12px;
}
.link_right{
    padding-right: 0;
    position: relative;
    bottom: 3rem;
}


.news_title{
    width:100%;
    min-width:1000px;
    height:32%;
}
.title_list{
    float:left;
    width:22%;
    padding: 2px;
    margin: 2px;
    min-width:245px;
    height:100%;
    box-shadow: 0px 1px 4px rgba(87, 87, 87, 0.09);
    -moz-box-shadow: 0px 1px 4px rgba(108, 108, 108, 0.1);
    -webkit-box-shadow: 0px 1px 4px rgba(198, 198, 198, 0.1);
}
.title_list img{
    width: 75%;
    height:55%;
}
.news_title .title_list:hover{
    background: rgba(246, 246, 246, 0.17);
    padding: 2px 0;
    opacity:0.85;
    visibility: visible;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.58);
    -moz-box-shadow:0px 2px 5px rgba(77, 77, 77, 0.41);
    -webkit-box-shadow:0px 2px 5px rgba(44, 44, 44, 0.25);
}
.news_title img{
    display:block;
    margin:18px auto;
}
.news_title a{
    display:block;
    text-align:center;
    font-size:16px;
}
.title_list_4 a{
    border:none;
}
/*导航菜单*/
#menu {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 12rem;
    margin: 0.988rem;
    border-radius: 3px;
    z-index: 99;
    top: 22px;
}
#menu, #menu ul {
    list-style: none;
}
#menu > li {
    float: left;
    position: relative;
    border-right: 1px solid rgba(0,0,0,.1);
    box-shadow: 1px 0 0 rgba(255,255,255,.25);
    perspective: 1000px;

}
#menu > li:first-child {
    border-left: 1px solid rgba(255,255,255,.25);
    box-shadow: -1px 0 0 rgba(0,0,0,.1), 1px 0 0 rgba(255,255,255,.25);
}
#menu a {
    display: block;
    position: relative;
    z-index: 10;
    padding: 13px 20px 13px 20px;
    text-decoration: none;
    color: rgba(75,75,75,1);
    line-height: 1;
    font-size: 16px;
    letter-spacing: -.07em;
    background: transparent;
    text-shadow: 0 1px 1px rgba(255,255,255,.9);
    transition: all .25s ease-in-out;

}
#menu > li:hover > a {
    background: #000d50;
    color: rgb(255, 255, 255);
    text-shadow: none;
}
#menu li ul  {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 200px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: transparent;
    overflow: hidden;
    transform-origin: 50% 0%;
}
#menu li:hover ul {
    background:#000d50;
    padding: 15px 0;
    opacity: 1;
    visibility: visible;
    box-shadow: 1px 1px 7px rgba(0,0,0,.5);
    animation-name: swingdown;
    animation-duration: 1s;
    animation-timing-function: ease;

}
@keyframes swingdown {
    0% {
        opacity: .99999;
        transform: rotateX(90deg);
    }

    30% {
        transform: rotateX(-20deg) rotateY(5deg);
        animation-timing-function: ease-in-out;
    }

    65% {
        transform: rotateX(20deg) rotateY(-3deg);
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: rotateX(0);
        animation-timing-function: ease-in-out;
    }
}
#menu li li a {
    padding-left: 15px;
    font-weight: 400;
    color: #fff;
    text-shadow: none;
    border-top: dotted 1px transparent;
    border-bottom: dotted 1px transparent;
    transition: all .15s linear;
}
#menu li li a:hover {
    color: rgba(0,223,252,1);
    border-top: dotted 1px rgba(255,255,255,.15);
    border-bottom: dotted 1px rgba(255,255,255,.15);
    background: rgba(17, 2, 255, 0.36);
}
/*menu end*/
.introduce{
    background: #000d50;
    width:  1000px;
    color: #fffc;
    padding: 3px;
    margin: 0 auto;
}
.news_article{
    margin-top: 12px;
    background: rgba(0, 21, 192, 0.05);
    padding: 1px 0;
    opacity: 0.8;
    visibility: visible;
}
.content .main .news_titles{
    padding: 12px;
    margin: 3px;
    text-align: center;
}
.news_titles img{

}

/*
show_title.html*/
.hot_all{
    padding: 15px;
    border:none;
    margin-bottom: 6px;
    background: rgba(211, 210, 210, 0.15);
}
.hot_all:hover{
    border: 1px solid #F2F2F2;
    background: rgba(209, 209, 209, 0.01);
}
.form-btn{
    width:180px;
    display: block;
    height: auto;
    padding:8px;
    color:#fff;
    background:#0F83F5;
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
}