@charset "utf-8";
/* CSS Document */
/*
* @description: 网站公共样式
* @author: ishang_pan
* @update: ishang_pan (2017-10-11 10:50)
*/

/*全局 on*/
html{-webkit-text-size-adjust:none;}
*html{background-image:url(about:blank); background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
*{margin: 0; padding: 0; list-style: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{padding:0; margin:0; font-size: 14px;font-family: "微软雅黑" ;color:#333; min-width: 1200px;background:url(../images/public/body-bj1.jpg) repeat-x;}
input,textarea,select,button,label{vertical-align:middle; outline:none; font-family:"微软雅黑";}
textarea{resize:none;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,a,form,input,label,select{margin:0; padding:0; list-style:none;}
a{color:#333; text-decoration:none; outline:none;}
a:hover{color:#f62da6; text-decoration:none;}
input{border: none;background: none;}
button{border: none;background: none;}
a img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}
li{vertical-align: top;}
img{vertical-align: top;}
ul{zoom: 1;}
.hidden{display: none;}
/*全局 end*/



/*头部 on*/
.is-header{width: 100%;}
.m-logo{width: 1200px;margin: 0 auto;overflow: hidden;}
.m-nav{width:100%;height: 50px; line-height: 50px;background: url(../images/public/nav-bj.png) no-repeat center center;}
.m-nav ul.nav-hd{width: 1200px;margin: 0 auto;}
.m-nav .nLi{float: left;width: 200px;background: url(../images/public/nav-line.png) left center no-repeat;position: relative;}
.m-nav .nLi:first-child{background: none;}
.m-nav .nLi h3{width:148px;margin:0 auto;}
.m-nav .nLi h3 a{display:block;color: #fff;font-size: 18px;font-weight: normal;text-align: center;text-indent:36px;background: url(../images/public/nav-icon.png) no-repeat 0 center;}
.m-nav .nav1 h3 a{background-position-x: 40px;}
.m-nav .nav2 h3 a{background-position-x: -153px;}
.m-nav .nav3 h3 a{background-position-x: -359px;}
.m-nav .nav4 h3 a{background-position-x: -563px;}
.m-nav .nav5 h3 a{background-position-x: -771px;}
.m-nav .nav6 h3 a{background-position-x: -981px;}
.m-nav .nLi:hover h3{background: url(../images/public/nav-hover.png);}
.m-nav .nav-bd{display: none;position: absolute;top: 50px;left: 26px;width:148px;background: #ff57bd;z-index: 99;}
.m-nav .nav-bd li{border-bottom: 1px solid #ff84cf;height: 40px;line-height: 40px;text-align: center;}
.m-nav .nav-bd li a{display: block;color: #fff;font-size: 16px;}
.m-nav .nav-bd li a:hover{background: #f624a2;}  
.m-nav .nLi .on h3 a{background: url(../images/public/nav-hover.png) no-repeat;}




/*时间 天气 搜索*/
.m-sts{width: 1200px;margin: 0 auto;height: 50px;line-height: 50px;color: #666;overflow: hidden;}
.m-sts .u-time{padding: 0 15px;height: 45px;overflow: hidden;}
.m-sts .u-time img{margin:16px 8px 0 0;}
.m-sts iframe{margin-top: 5px;}
.m-sts .u-search{width: 340px; height: 35px;margin:8px 0 0 0;overflow: hidden;}
.m-sts #search{float: left; width: 210px; height: 33px; line-height: 33px;padding: 0 10px;border: 1px solid #f6a6d7;border-right: none;}
.m-sts #subm{float: left;width: 58px; height: 35px; border: none; cursor: pointer;background: url(../images/public/search.png) no-repeat;}
/*头部 end*/

.is-main{width: 1200px;margin: 0 auto;}

/*底部 on*/
.is-footer{width: 100%; margin: 20px 0;}
.m-footer{width: 1200px;margin:0 auto;position: relative;}
.m-footer p{text-align: center; font-size: 14px;  color: #333;padding: 6px 0;}
.m-footer p a{ color: #333;font-size: 14px; }
#_ideConac{position: absolute; left: 150px; top: 12px;}
#cnzz_stat_icon_1278037184 img{margin: 3px 0 0 5px;}

body{position: relative;}
.m-bj{position: absolute;  bottom: 0;  left: 0;  z-index: -1;width:100%;height: 471px;background: url(../images/public/body-bj2.png) no-repeat center bottom;}

/*底部 end*/

.m-suspen li a{width: 85px;padding-bottom:10px;text-align: center;display: block;}
.m-suspen li a span{display: block;width: 100%;margin-top: 10px;font-size: 14px;}
.m-suspen{width: 85px;height: auto;position: fixed;right: 30px;bottom: 130px;z-index: 99999;background-color: #fff;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);}
.m-suspen ul li{border-bottom: 1px solid #ddd;}
.m-suspen ul li:last-child{position: relative;}
.back img{position: absolute;top: 0;cursor: pointer;}
.u-sp2 img,.u-sp3 img,.u-sp4 img,.u-sp6 img{margin-top: 10px;}
.u-sp2:hover img,.u-sp3:hover img,.u-sp4:hover img,.u-sp6:hover img{transform: rotateY(360deg);transition: all 0.8s;}
div.l-logo{width: 54px;height: 54px;background: url(/media/images/page/l-logo.png) -26px -25px no-repeat;border-radius: 50%; position: absolute;bottom: -83px;left: 16px;animation: gif 5s infinite linear;cursor: pointer;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);}
@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg) scale(1.0);
    }
    70% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg) scale(1.1);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg) scale(1);
  }
}