@charset "utf-8";
*{
    padding:0;
    margin:0;
	font-family: Microsoft YaHei ,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif !important; 
}
a{
    color:#212121;
    text-decoration: none;
}
a:hover { color:#FF6600;}
body {
 background: url(../images/head.png) no-repeat !important; background-position:center top!important;
    position: relative !important;
 	}
body,ul{
    font:14px Arial,"Microsoft YaHei"; margin:0; padding:0;
}

li{
    list-style-type: none;
}
img{border:0 none;}
.warp { width:1175px; margin-left:auto; margin-right:auto; background-color:#FFFFFF}

/**top***/
/*
.nav{
    width: 100%;
    height: 50px;
    background: #0055a6;
    margin-top: 210px;
}*/
.navall{
    width: 1173px;
    margin-left:auto; 
	margin-right:auto;
}
.navall li{
    font-size: 20px;
    line-height: 50px;
    width: 160px;
    height: 50px;
    text-align: center;
    float: left;
}
.navall li a{ line-height:50px; height:50px; color:#ffffff; width:100%; display:block; text-align:center;}
.navall li a:hover { background-color:#3366CC}
/*天气*/
.weather{
    width:1173px;
	margin-left:auto;
	margin-right:auto;
    height:58px;
    background-color: #fff;
}
.time{
    float: left;
}
.time h5{
    float:left;
    font-size: 14px;
    color:#000000;
    margin-left:25px;
    padding-top:22px;
}
.time-weather{
    float:left;
    width:380px;
    margin-left: 87px;
    margin-top:22px;
}

.time-left{
    float:right;
    margin-top:16px;
    position: relative;
}
.text_search{
    width: 106px;
    height:26px;
    border: none;
    background:#0055a5;
    border-radius: 15px;
    font-size: 14px;
    font-family: "宋体";
    text-indent: 37px;
    color:#d5d5d5;
}
.seasch{
    width:19px;
    height:17px;
    background: url("../images/search_01.png");
    position:absolute;
    border: none;
    left: 6px;
    top: 5px;
}

/*-----------------------------------------------友链-----------------------------------------------------*/
.six{
    width: 100%;
    /*height: 426px;*/
    background: #eaeaea;
    border-top: 4px solid #dcdcdc;
    margin-top: 30px;
}
.frendlink{
    width: 1172px;
    height: 143px;
    margin-left:auto;
	margin-right:auto;
    margin-top: 1px;
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4;
}
.frendlink .title{
    height:20px;
    padding-bottom:16px;
}
.frendlink .title h2{
    font-size: 20px;
}
.frendlink .title-list{
    position: relative;
    left: 306px;
    top: 5px;
}
.fl{
    margin-left: -25px;
}
.frendlink .title-list li{
    width: 38px;
    height: 31px;
    text-align: center;
    float: left;
    display: inline;
    color: #4c4c4c;
    cursor: default;
    font-size: 18px;
    margin-right:   5px;
}
.x1{
    float: left;
}
.x8 p{
    float: left;
    font-size: 16px;
    line-height: 35px;
    font-weight: 600;
    color: #858585;
}
.x2{
    color: #c10000;
}
.frendlink .smg li{
    width: 73px !important;
    font-size: 18px !important;
    margin-left: 10px;
}
.smg{
    font-size: 17px !important;
    float: left;/*-------------@20160926---------------*/
}
.more1{/*-------------@20160926---------------*/
    float: right;
    font-size: 14px;
    color: #4c4c4c;
}
.more1:hover{/*-------------@20160926---------------*/
    color: #c10000;
}
.frendlink .title-list li.on{
    color: #c10000;
}
.ar{
    border-bottom:1px solid #d4d4d4 !important;
}
.shima li{
    margin-top: 8px !important;
    width: auto!important;
    height: auto!important;
    float: left !important;
    margin-left: 18px !important;
}
.shima li p{
    background: none!important;
    padding-left: 0px!important;
    text-indent: 0px!important;
}
.kaze{
    height: 134px !important;
}
.frendlink .title-list p{
    position:absolute;
    top:24px;
    left:0;
    width:146px;
    height:7px;
    overflow: hidden;
    text-align: center;
}
.frendlink .title-list b {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-style: solid dashed dashed dashed;
    border-width: 9px;
    border-color: #ff6600 #fff #fff #fff;
    overflow: hidden;
    zoom: 1;
    font-size: 0;
}
.ulink ul a{ float:left;
    padding:3px 10px;
    display:block;
	min-width:60px;
	}
/*-----------------------------------foot---------------------------------------*/
.foot{
    width: 1172px;
    height: 150px;
    margin-left:auto; margin-right:auto;
    margin-top: 20px;
}
.dzero{
    width: 256px;
    height: 100%;
    float: left;
}
.rzero{
    float: right !important;
}
.nagato{
    width: 660px;
    height: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #403f3f;
    line-height: 25px;
}

/*列表分页*/
.fanye{border-top:none;height:auto;padding:8px;width:694px;text-align:center; margin-top:30px;}
.fanye a{display:inline-block;line-height:25px;padding:0 8px;height:25px;border:1px solid #ccc; border-radius:3px; margin-left:5px;}
.fanye a:hover{color:#2267b5;background:url(../images/w3c_ttt.png) repeat-x left top;}
.fanye .thisclass{display:inline-block;padding:0 10px;line-height:25px;height:25px;color:#2267b5;font-weight:bold;border:1px solid #ccc;background:url(../images/w3c_ttt.png) repeat-x left top;border-radius:3px;}
.fanye .pageinfo{border-radius:3px;padding:0 10px;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;}
.fanye .last{color:#ccc;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;border-radius:3px;}
.fanye .current { padding:4px 10px;line-height:25px;height:25px; border:1px solid #FF9999; border-radius:3px; color:#FF6600; margin-left:5px;}
/*文章分页*/
.contentpage{text-align:center;margin-bottom:20px;}
.contentpage  a{border-radius:3px;display:inline-block;height:25px;line-height:25px;padding:0 10px;margin-left:5px;width:5px;background:url(../images/w3c_tt.png) repeat-x top left;}
.contentpage .total{border-radius:3px;display:inline-block;height:25px;line-height:25px;padding:0 10px;margin-left:5px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x top left;}
.contentpage a:hover{color:#2267b5;background:url(../images/w3c_ttt.png) repeat-x top left;}
.contentpage .thisclass{border-radius:3px;border:1px solid #ccc;color:#2267b5;background:url(../images/w3c_ttt.png) repeat-x top left;}
.contentpage .thisclass a,.contentpage .thisclass a:hover{border-radius:3px;color:#2267b5;font-weight:bold;padding:0 9px;}



.hidden{display:none;}.invisible{visibility:hidden;}
.souye{
    width:1173px;
    height:50px;
    background-color: #f1f1f2;
    overflow: hidden;
}

.souye-left{
    float: left;
    margin-left: 25px;
    /*width:380px; */
    overflow:hidden;
    font-size: 14px;
    background: url("../images/home_11.png") no-repeat;
    padding-left:20px;
    margin-top: 16px;
}

.souye1{
    color: #151212;
}

	  
		
#img1{
    display: block;
    position: absolute;
    top: -180px;
    left: 58%;
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
}
#img2{
    position: absolute;
    top: -120px;
    left: 61%;
    opacity: 0;
    -webkit-opacity:0;
    -o-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
}
#img1{
    animation: moveimg1 10s 0s infinite;
    -webkit-animation: moveimg1 10s 0s infinite;
    -o-animation: moveimg1 10s 0s infinite;
    -ms-animation: moveimg1 10s 0s infinite;
    -moz-animation: moveimg1 10s 0s infinite;
    animation-timing-function:ease-in-out;
    -webkit-animation-timing-function:ease-in-out;
    -o-animation-timing-function:ease-in-out;
    -ms-animation-timing-function:ease-in-out;
    -moz-animation-timing-function:ease-in-out;
    /*animation-direction:alternate;*/
    /*-o-animation-direction:alternate;*/
    /*-ms-animation-direction:alternate;*/
    /*-moz-animation-direction:alternate;*/
    /*-webkit-animation-direction:alternate;*/
}
/*0 10 20 30 40 50 60 70 80 90 100   */
@keyframes moveimg1 {
    0%{
        margin-left: -10%;
        opacity: 0;
        transform: scale(1,1);
    }
    20%{
        margin-left: 0%;
        opacity: 1;
        transform: scale(1,1);
    }
    40%{
        margin-left: 0%;
        opacity: 1;
        transform: scale(1.2,1.2);
    }
    60%{
        margin-left: 0%;
        opacity: 1;
        transform: scale(1.2,1.2);
    }
    80%{
        margin-left: -10%;
        opacity: 0;
        transform: scale(1,1);
    }
    100%{
        margin-left: -10%;
        opacity: 0;
        transform: scale(1,1);
    }
}
@-webkit-keyframes moveimg1 {
    0%{
        -webkit-opacity: 0;
        -webkit-transform: scale(1,1);
    }
    20%{
        -webkit-opacity: 1;
        -webkit-transform: scale(1,1);
    }
    40%{
        -webkit-opacity: 1;
        -webkit-transform: scale(1.2,1.2);
    }
    60%{
        -webkit-opacity: 1;
        -webkit-transform: scale(1.2,1.2);
    }
    80%{
        -webkit-opacity: 0;
        -webkit-transform: scale(1,1);
    }
    100%{
        -webkit-opacity: 0;
        -webkit-transform: scale(1,1);
    }
}
@-o-keyframes moveimg1 {
    0%{
        -o-opacity: 0;
        -o-transform: scale(1,1);
    }
    20%{
        -o-opacity: 1;
        -o-transform: scale(1,1);
    }
    40%{
        -o-opacity: 1;
        -o-transform: scale(1.2,1.2);
    }
    60%{
        -o-opacity: 1;
        -o-transform: scale(1.2,1.2);
    }
    80%{
        -o-opacity: 0;
        -o-transform: scale(1,1);
    }
    100%{
        -o-opacity: 0;
        -o-transform: scale(1,1);
    }
}
@-ms-keyframes moveimg1 {
    0%{
        -ms-opacity: 0;
        -ms-transform: scale(1,1);
    }
    20%{
        -ms-opacity: 1;
        -ms-transform: scale(1,1);
    }
    40%{
        -ms-opacity: 1;
        -ms-transform: scale(1.2,1.2);
    }
    60%{
        -o-opacity: 1;
        -ms-transform: scale(1.2,1.2);
    }
    80%{
        -ms-opacity: 0;
        -ms-transform: scale(1,1);
    }
    100%{
        -ms-opacity: 0;
        -ms-transform: scale(1,1);
    }
}
@-moz-keyframes moveimg1 {
    0%{
        -moz-opacity: 0;
        -moz-transform: scale(1,1);
    }
    20%{
        -moz-opacity: 1;
        -moz-transform: scale(1,1);
    }
    40%{
        -moz-opacity: 1;
        -moz-transform: scale(1.2,1.2);
    }
    60%{
        -moz-opacity: 1;
        -moz-transform: scale(1.2,1.2);
    }
    80%{
        -moz-opacity: 0;
        -moz-transform: scale(1,1);
    }
    100%{
        -moz-opacity: 0;
        -moz-transform: scale(1,1);
    }
}
#img2{
    animation: moveimg2 10s 0.5s infinite;
    -webkit-animation: moveimg2 10s 0.5s infinite;
    -o-animation: moveimg2 10s 0.5s infinite;
    -ms-animation: moveimg2 10s 0.5s infinite;
    -moz-animation: moveimg2 10s 0.5s infinite;
    animation-timing-function:ease-in-out;
    -webkit-animation-timing-function:ease-in-out;
    -o-animation-timing-function:ease-in-out;
    -ms-animation-timing-function:ease-in-out;
    -moz-animation-timing-function:ease-in-out;
    /*animation-iteration-count:infinite;*/
    /*animation-direction:alternate;*/
    /*-webkit-animation-direction:alternate;*/
    /*-moz-animation-direction:alternate;*/
    /*-ms-animation-direction:alternate;*/
}
@keyframes moveimg2 {
     0%{
         margin-top: 80px;
         opacity: 0;
         transform: scale(1,1);
     }
     20%{
         margin-top: 0px;
         opacity: 1;
         transform: scale(1,1);
     }
     40%{
         margin-top: 0px;
         opacity: 1;
         transform: scale(1.2,1.2);
     }
     60%{
         margin-top: 0px;
         opacity: 1;
         transform: scale(1.2,1.2);
     }
     80%{
         margin-top: 80px;
         opacity: 0;
         transform: scale(1,1);
     }
     100%{
         margin-top: 80px;
         opacity: 0;
         transform: scale(1,1);
     }
 }
@-webkit-keyframes moveimg2 {
     0%{
         -webkit-opacity: 0;
         -webkit-transform: scale(1,1);
     }
     20%{
         -webkit-opacity: 1;
         -webkit-transform: scale(1,1);
     }
     40%{
         -webkit-opacity: 1;
         -webkit-transform: scale(1.2,1.2);
     }
     60%{
         -webkit-opacity: 1;
         -webkit-transform: scale(1.2,1.2);
     }
     80%{
         -webkit-opacity: 0;
         -webkit-transform: scale(1,1);
     }
     100%{
         -webkit-opacity: 0;
         -webkit-transform: scale(1,1);
     }
 }
@-ms-keyframes moveimg2 {
    0%{
        -ms-opacity: 0;
        -ms-transform: scale(1,1);
    }
    20%{
        -ms-opacity: 1;
        -ms-transform: scale(1,1);
    }
    40%{
        -ms-opacity: 1;
        -ms-transform: scale(1.2,1.2);
    }
    60%{
        -ms-opacity: 1;
        -ms-transform: scale(1.2,1.2);
    }
    80%{
        -ms-opacity: 0;
        -ms-transform: scale(1,1);
    }
    100%{
        -ms-opacity: 0;
        -ms-transform: scale(1,1);
    }
}
@-moz-keyframes moveimg2 {
    0%{
        -moz-opacity: 0;
        -moz-transform: scale(1,1);
    }
    20%{
        -moz-opacity: 1;
        -moz-transform: scale(1,1);
    }
    40%{
        -moz-opacity: 1;
        -moz-transform: scale(1.2,1.2);
    }
    60%{
        -moz-opacity: 1;
        -moz-transform: scale(1.2,1.2);
    }
    80%{
        -moz-opacity: 0;
        -moz-transform: scale(1,1);
    }
    100%{
        -moz-opacity: 0;
        -moz-transform: scale(1,1);
    }
}
@-o-keyframes moveimg2 {
    0%{
        -o-opacity: 0;
        -o-transform: scale(1,1);
    }
    20%{
        -o-opacity: 1;
        -o-transform: scale(1,1);
    }
    40%{
        -o-opacity: 1;
        -o-transform: scale(1.2,1.2);
    }
    60%{
        -o-opacity: 1;
        -o-transform: scale(1.2,1.2);
    }
    80%{
        -o-opacity: 0;
        -o-transform: scale(1,1);
    }
    100%{
        -o-opacity: 0;
        -o-transform: scale(1,1);
    }
}