﻿/**************************************************************************/
/*框架样式*/
/**************************************************************************/
body
{
    background-color:#ffffff;
}
header {
    position: relative;
    overflow: hidden;    
}
@media(max-width:768px){
    .logos span{display:none;}
    .sologn img{display:none;}
}
.logos {position:relative;}
.logos img{width:70px;height:45px;margin:15px;}
.logos span {color:#888c87;}
.search-container { position:absolute;top:0px;left:0px;}
.inputs 
{
    padding: 0 30px 0 10px;
    width:250px;
	height: 30px;	
	border-width: 1px;
	border-style: solid;
	color: #50554e;
	font-family: 'Droid Serif';
	line-height: 28px;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	background-color: #fff;
	border-color: #ccd3cd;
}
.inputs::-webkit-input-placeholder {color: #50554e;}
.inputs:hover {border-color: #a7a7a7;}
.buttons
{
    position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	border: none;
	cursor: pointer;
	background: url(../images/button-search.png) no-repeat;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}
.buttons:hover {background-position: right bottom;}
.sologn{position:relative;}
.sologn img{max-width:240px;max-height:45px;float:right;margin-top:16px;}

.menus
{   
    min-height:40px;
    margin-bottom:10px; 
    border-top-color:#ff8c00;
    border-bottom-color:#ff8c00;
    border-top-style:solid;
    border-bottom-style:solid;
    border-top-width:1px;
    border-bottom-width:1px;
}
@media(max-width:360px) {
    .ulstyle {
        list-style: none;
    }

        .ulstyle li {
            float: left;
            padding: 10px 40px 10px 0px;
        }

            .ulstyle li a {
                text-decoration: none;
                padding: 0 5px 0 5px;
                color: #888c87;
            }

                .ulstyle li a:hover {
                    color: #a6412b;
                }
}
@media(min-width:360px) {
    .ulstyle {
        list-style: none;
    }

        .ulstyle li {
            float: left;
            padding: 10px 20px 10px 0px;
        }

            .ulstyle li a {
                text-decoration: none;
                padding: 0 5px 0 5px;
                color: #888c87;
            }

                .ulstyle li a:hover {
                    color: #a6412b;
                }
}
footer {
  margin:10px 0px 0px 0px;
  padding:20px 0px 20px 0px;
  background: #222222;
  color: #cccbca;
  position: relative;
  overflow: hidden;
  border-top-color:#709d03; 
  border-top-style:solid;
  border-top-width:2px;
}

.footers{list-style:none;margin:0;padding:0;}
.footers ul{text-align:center;}
.footers li{margin:10px;text-align:center;}
.footers li a{text-decoration:none;padding:0 5px 0 5px;color:#888c87;}
.footers li a:hover{color:#fff;}

.frames
{
    margin-top:10px;
}
.menum
{
    border-bottom-color:#ccd3cd;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-top-color:#ccd3cd;
    border-top-style:solid;
    border-top-width:1px;
    padding:0px;
    float: left;
    margin-top:10px;    
    text-align:left;
}

/**************************************************************************/
/*video样式*/
/**************************************************************************/
.videos{width:100%;height:auto;}
/**************************************************************************/
/*backup样式*/
/**************************************************************************/
#back-top {	position: fixed;bottom: 30px;right: 10px;z-index:999;}
#back-top a {
	display: block;
	text-align: center;
    width:30px;
    height:30px;
    background:url('../Images/up_icon.png') no-repeat center;
}
#back-top a:hover {
	color: #000;
}
