/*top start*/
#header { background: #fff;}
#headernew{width:1200px; margin:0 auto; height:78px;}
#headernew .logo{ width:655px;height:77px;display:none; float:left; position: relative; overflow:hidden;}
#headernew .logo a{ width:655px;height:77px;background:url(http://www.meilianchen.cn/xinshouye/cnns/images/logo.png) no-repeat;text-indent:-999em;display:block;}
#headernew .logo .light{
    cursor:pointer;
    position: absolute;
    left: -180px;
    top: 20px;
    width: 200px;
    height: 60px;
    background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
    -ms-transform: skewx(-25deg);

    animation:light_move 2.5s 1s infinite linear ;
    -webkit-animation:light_move 2.5s 1s infinite linear ;
    -moz-animation:light_move 2.5s 1s infinite linear ;
    -o-animation:light_move 2.5s 1s infinite linear ;
    -ms-animation:light_move 2.5s 1s infinite linear ;
}

@keyframes light_move {
    0% {left:-180px;}
    30%{left:320px}
    75%{left:50px;}
    100%{left:320px;}
}
@-moz-keyframes light_move {
    0% {left:-180px;}
    30%{left:320px}
    75%{left:50px;}
    100%{left:320px;}
}
@-webkit-keyframes light_move {
    0% {left:-180px;}
    30%{left:320px}
    75%{left:50px;}
    100%{left:320px;}
}
@-o-keyframes light_move{
    0% {left:-180px;}
    30%{left:320px}
    75%{left:50px;}
    100%{left:320px;}
}
@-ms-keyframes light_move{
    0% {left:-180px;}
    30%{left:320px}
    75%{left:50px;}
    100%{left:320px;}
}
.navnew{width:540px; float:right; padding-top:10px;}
.navnew ul li{width:88px; text-align:center; float:left; padding-top:20px;}
.navnew ul li a{    color: #898989; font-size:16px; -moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; padding:3px 7px;}
.navnew ul li a:hover{color:#fff;text-decoration:none; background-color:#3d3f4b;}
/*nav start*/
.headnav {width: 100%;height:60px; margin: 0 auto;background:#0096e0;}
ul#topnav {
    margin: 0;
    padding: 0;
    width: 1200px;
    list-style: none;
    position: relative;
    font-size: 1.2em;
    background:#0096e0;
    margin:0 auto;}
ul#topnav li {
    float: left;
    margin: 0; padding: 0;
}
ul#topnav li.lilast a,ul#topnav li.lilast a:hover,ul#topnav li.lilast a:active { background:#f3981e;}
ul#topnav li > a {
    height: 60px;
    line-height: 60px;
    display: block;
    width: 210px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #0096e0;
    color: #fff;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #006ebc;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {
    color: white;
}
.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

ul#topnav > li:hover { background: #006ebc; }
ul#topnav li div.cont {
    width:850px;height:auto;overflow:hidden;
    position: absolute;
    left: 170px;
    top:60px;
    display: none;
    color: #727171;
    background:#fff;
    clear:both;
    padding:24px;
    z-index:10;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
ul#topnav li:hover div.cont { display:block;}
ul#topnav li div.cont .rt { float:right; width:154px;height:160px;}
ul#topnav li div.cont .lf {float:left;width:87px;height:auto;overflow:hidden;margin-top:18px;}
ul#topnav li div.cont .lf h2 { text-align:center;color:#606060;font-size:20px;}
ul#topnav li div.cont .mid { float:left;width:auto;height:auto;padding:13px;padding-left:20px;border-left:1px solid #0096e0;margin-left:20px;}
ul#topnav li div.cont dl { margin:0;padding:0;height:auto;overflow:hidden;}
ul#topnav li dl dd {font-size:16px;color:#606060;list-style: none;display:block;margin:10px 0 3px 0;background:#d7d7d7;padding:3px 0;width:60px;text-align:center;}
ul#topnav li dl dt {font-size:16px;float:left;color:#606060;list-style: none;display:inline;margin:5px 7px;}
ul#topnav li dl dt a { color:#666;}
ul#topnav li dl dt a:hover { cursor:pointer;text-decoration: underline;}