/* CSS Document */

@media (max-width: 1200px) {
body a.accesskey {
    display: none !important;
}

body .top,body.home .top{
    /* text-align: center; */
    height: auto;
}
body .top .topbg .top_leftlink{
    position:  absolute;
}
body .top .ad_search{
    width: 50%;
    display: inline-block;
    padding:  0 0 0 10px;
}

body .top .top_search .ad_search .hot {
    top: 3px;
    padding: 0 90px 0 10px;
    width: 100%;
    text-align: left;
}
body .top.smaller {
    position: relative;
}
body .top .topbg{width: 100%;text-align: center;}

body .top .top_pic {
    display: inline-block;
    margin:  auto;
}

body .top .center {
    text-align: center;
}
body .top h1, body .top .slogan{
    position: relative;
    left:  inherit;
    float:  left;
    top: inherit;
    padding: 10px 0 10px 0;
}

body .top .slogan {
    top: 30px;
    /* left:  20px; */
    padding: 10px;
}
body .top h1{
    /* padding: 15px 0 5px 0; */
    /* left: inherit; */
    /* margin: 10px 0; */
}

body .top .top_search{
    padding: 0 15px 15px 15px;
    width: 100%;
    right: 0;
    top: inherit;
    position:  relative;
}

body .top .top_search input {
    float: left;
}

body .top .top_search .search_box {
    width: 50%;
    float: left;
    position:  relative;
    padding: 0 70px 0 0;
}
body .top .top_search p{
    top: 14px;
    left: 10px;
}
body .top .top_search input[type=submit]{
    top: 0;
}
body .top .top_search .ad_search a{
    top: 1px;
    right: 20px;
}
body .top .top_search input[type=button]{
    right: 94px;
    top: 10px;
}
body .container .row{
    padding:  15px;
}

body .footer_box .foot .right{
    width: 100%;
    padding: 12px 0 0 105px;
}
body .footer_box .foot .icon{
    top: -5px;
    padding:  0;
    left: 330px;
    margin:  0;
}
body.home .container .center{
    padding: 0;
}


body.home .content{
    padding: 15px;
}

}

@media (max-width: 1024px) {
body .fat_box{
    display: none;
}

}
@media (max-width: 992px) {
body.in .side_right .video{
    padding:  15px;
}
body .footer_box .foot{
    /* padding: 10px 0 25px 0; */
}
body .footer_box .foot .left, body .footer_box .foot .right{
    width: 100%;
    float: none;
    text-align: center;
}
body .footer_box .foot p.title{
    display: inline-block;
    margin: 20px 0 10px 0;
}
body .footer_box .foot .icon{
    position:  relative;
    top: 15px;
    left:  inherit;
}
}

@media (max-width: 767px) {
body .top .topbg{
    display: none;
}
body .top{
    background-image:  none;
}
body .top h1 {
    padding: 10px 0 5px 85px;
    margin: 0;
    width: 40%;
}

body .top .slogan {
    width: 60%;
    top: 12px;
}
body .menu{top: 0 !important;height:  auto;}
body .menu-container .menu-mobile{top: 30px !important;}
body .menu-container .menu > ul > li.top_link_plus{
    display: block !important;
    color: #fff;
    padding:  5px 0;
}
body .menu-container .menu > ul > li.top_link_plus:hover{
    background: #ffffff;
}

body .top .topbg .top_leftlink{
    position:  relative;
    left: inherit;
    display: block;
    top: 0;
    background-color: #948766;
    padding:  3px 0;
    font-size: 95%;
}
body .top .toplink{
    top: 5px;
    position:  relative;
    right: inherit;
    padding:  0;
}

body .footer_box .icon ul {
    display: inline-block;
}
body .footer_box .txt_link{
    padding: 30px 0 10px 0;
}
body .footer_box .txt_link .link{
    position: relative;
    right: inherit;
    text-align: center;
}
body .footer_box .foot .left{
    float: none;
    text-align: center;
    margin: 0;
}

body .footer_box .foot .left ul{
    display: inline-block;
    left: auto;
}

body .footer_box .foot .left ul li {float: left;margin: 0 6px;}
body .footer_box .foot .right{
    float: none;
    /* top: 10px; */
    text-align: center;
    padding: 22px 0 0 0;
}

body .footer_box .foot .right ul {
    display: inline-block;
}
body .footer_box .icon{
    left: 0;
    text-align: center;
    width: 100%;
    right: 0;
}
body.home .carousel{
    height: 190px;
}

}


@media (max-width: 530px) {
body .menu-container .menu-mobile{
    width: 100% !important;
    top: 0 !important;
    background-color: #202d6d;
    left: inherit !important;
    background-image: url(../image/smenu_w.png) !important;
    background-position:  center;
}
body .top{
    padding: 40px 0 0 0;
}
body .top .toplink{
    padding: 0 0 9px 30px;
}
body .top h1,body .top .slogan{
    padding: 10px;
    width: 100%;
}

body .top .slogan {
    top: 0;
}

body .top .top_search label {
    width: 100%;
}
body .top .top_search .search_box{width: 100%;}
body .top .ad_search{
    display: none;
}

body .top .top_search input {
    width: 100%;
}
body .top .top_search{
    margin: 0 0 25px 0;
}
body .menu-container .menu > ul > li.top_link_plus{padding: 45px 0 5px 0;}
body.in .side_left .news .title a.more{
    position: absolute;
    right:  10px;
    left:  inherit;
    top: 12px;
}
body.in .side_left .news .title .lastpic{display: none;}
body .footer_box .foot{
    /* padding: 30px 0 130px 0; */
}

body .banner.slider .txt{display: none;}
body .banner.slider .slick-dots{
    top: inherit;
    bottom: 4px;
    right: inherit;
    text-align: center;
}


body.home .container .center{
    top: 0;
}
body.home .content .plug{
    margin-top: 0;
}

}

@media (max-width: 450px) {
	body .footer_box .foot .left ul li{
    float: none;
}
}
 @media (max-width: 400px) {

	 body.home .content .plug .group{
    float: right !important;
}
body.home .content .plug li.size{
    display: none;
}
body.in .side_left .news .list .date{
    clear:  both;
    float:  left;
}

}
 @media (max-width: 360px) {

body.in .slick-slide img{width: 100%;}
}