li,u,ul,var{margin:0;padding:0}em,i,u{font-style:normal}
.center{width:100%;max-width:1500px; margin:0 auto;}
.centerl{width:30%;max-width:290px; height:585px; border:1px solid #dfdfdf; float:left;position: relative; z-index: 9998;background:#fff; text-align:left; display:none;margin-bottom:13px}


@media (min-width: 1200px)
{
.centerl {width:20%;max-width:290px;}
}



.centerl ul{ width:100%;max-width:290px; height:auto; margin:0; padding:0;}
.centerl li{ width:100%;max-width:290px; height:34px;}
.centerl li {  font-size:14px;color:#333; line-height:34px;list-style-type:none;text-overflow:ellipsis}

.centerl li:hover{background:#eee; border-right:none; color:#000; height:36px;}

.centerl li ul{ width:630px; max-width:630px;height:auto; padding-bottom:20px; min-height:584px; position:absolute;left:290px; top:-1px; z-index:100000;box-shadow: 0 1px 8px 2px rgba(0,0,0,.15); border-left:none; /* Set 1px less than menu width */ background:#fff;filter:alpha(opacity:100); opacity:1.0; display:none; padding-left:21px; padding-top:16px; }

.centerl li .a1{  font-size:12px; color:#666; line-height:36px;}
.centerl li .a1:hover{ color:#ef8404; }

.centerl li ul#li04{ left:247px; top:-199px; }
.centerl li ul#li05{ left:247px; top:-100px; }
.centerl li ul#li06{ left:247px; top:-50px; }
.centerl li ul#li07{ left:247px; top:-70px; }
.centerl li:hover ul li{ width:300px; height:26px;display:block;border:none; padding-left:0px; margin-right:10px; float:left;}
.centerl li:hover ul li a{width:auto;height:26px; float:left; background:none;line-height:26px; font-weight:normal; font-size:14px;white-space: nowrap;}
.centerl li:hover ul, .centerl li.over ul { display: block; } /* The magic */
.nav_link{ width:611px; height:26px; color:#333; font-weight:bold; line-height:26px; background:none; padding-left:0; font-size:16px; z-index:200; }
.tb{ width:29px; height:20px; display:block; margin-top:8px; margin-left:12px; margin-right:2px; float:left;}

.centerr{ width:70%;max-width:1200px; height:585px; float:right;}


@media (min-width: 1200px)
{
.centerr {width:80%;max-width:1200px;}
}

@media (min-width: 1280px)
{
.centerr {width:80%;max-width:1200px;}
}


.centerr_t{height:362px; margin-top:0px; }


/* banner滚动 */
.centerr_t_l{width:100%; max-width:1200px; height:400px; float:left;border:1px solid #dfdfdf; padding:1px;position:relative;}
.scroll {width:100%;max-width: 1200px; height: 400px; position: relative; overflow:hidden; }
.scroll img{max-width:1200px; height:400px;}
/*数字按钮样式*/
.scroll .num { overflow:hidden; height: 24px; position: absolute; bottom:12px; left:47%; zoom:1; z-index:3 }
.scroll .num li { width:24px; height:24px;text-align: center; font-weight:400;color: #FFFFFF; background: url(../images/banner_control.png) no-repeat left center; margin-right: 15px; cursor:pointer; float: left; list-style:none; }
.scroll .num li.on { background: url(../images/banner_control.png) no-repeat right center;} /*当前项*/

/*上一个  下一个*/
.scroll .prev,.scroll .next{ display:inline;width:53px;height:53px;background: url(../images/btn.png) no-repeat;position:absolute; top: 170px;}
.scroll .prev{ left:15px; }
.scroll .next{ right:15px;background-position: right }