/*灰色*/
/* .u-logo img,.u-search .btn,.is-main img,.m-nav ul li,.m-hot,.m-csmp h2 a,.m-flash .hd ul li.on,.m-panel1 h2,.m-scenery li p{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter:gray;}
.m-nav,.topd .hd ul li.on{background:#333!important;}
.m-hot h1 a,.m-news h2 a, .m-picnew h2 a,.m-panel .hd ul li.on a,.m-panel1 h2 a{color:#333!important;}
.m-news h2 a, .m-picnew h2 a,.m-panel .hd ul li.on a{border-bottom:2px solid #333!important;}
.is-foot{border-top:3px solid #333;} */
/*灰色end*/


.m-advert{ width: 1180px; height: 85px; margin-bottom: 10px;}
.m-advert img{ width: 1180px; height: 85px;}

.m-hot{ position: relative;top: 0;width: 940px; overflow: hidden; padding: 0 100px 0 140px; margin-bottom: 10px; background: url(../images/home/hot_icon.png) no-repeat 16px center;}
.m-hot h1{ height: 54px; line-height: 54px; text-align: center; }
.m-hot h1 a{ font-size: 36px; color:#d3000b; }
.m-hot p{ text-align: center; height: 32px; line-height: 32px; overflow: hidden;}
.m-hot p a{ color: #666; padding: 0 30px 0 12px; background: url(../images/arr1.png) no-repeat left center;}

.m-flash{ position: relative; width: 618px; height: 383px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 10px;}
.m-flash .hd{ height: 9px; overflow: hidden; position: absolute; right: 5px; bottom: 18px; z-index: 1;}
.m-flash .hd ul{ overflow: hidden; zoom:1; float: left; }
.m-flash .hd ul li{ float: left; width: 9px; height: 9px; margin-right: 10px; cursor: pointer; background: url(../images/home/num.png) no-repeat left center;}
.m-flash .hd ul li.on{ background: url(../images/home/num.png) no-repeat right center;}

.m-flash .bd{ position: relative; height: 100%; z-index: 0;}
.m-flash .bd li{position: relative; zoom:1;}
.m-flash .bd li img{width: 618px; height: 383px;}
.m-flash .bd li .mask{height:46px;position:absolute;bottom:0px;left:0;display:block; width:100%; display: block; FILTER: alpha(opacity=50);opacity: 0.5; background:#000;}
.m-flash .bd li .comt{width:100%;color:#fff;position:absolute;left:0;bottom:0;height:46px; text-indent:1em; text-align:left;  overflow:hidden; line-height:46px; z-index:97;}
.m-flash .bd li .comt a{ color:#fff; font-size: 16px;}

.m-news{ width: 538px; height: 377px; border: 1px solid #ddd; padding: 6px 10px 0; }
.m-news h2, .m-picnew h2{ position: relative; height: 38px; border-bottom: 1px solid #ddd; }
.m-news h2 a, .m-picnew h2 a{ position: absolute; left: 0; bottom: -1px; display: block; float: left; height: 37px; line-height: 34px; padding: 0 18px; border-bottom: 2px solid #c30909; color: #c30909; font-size: 18px; font-weight: bold;}
.m-news dl{ padding: 8px 4px 0; }
.m-news dl dt{ height: 36px; line-height: 36px; }
.m-news dl dt a{ font-size: 18px; color: #d24b08; font-weight: bold; }
.m-news dl dd{ height: 30px; line-height: 30px; background: url(../images/arr1.png) no-repeat left center; padding-left: 14px; }
.m-news dl dd span{ float: right; color: #999; font-size: 12px; }

.m-ztzl{ width: 1180px; height: 70px; margin-bottom: 10px;}
.m-ztzl h2{ width: 81px; height: 70px; float: left; }
.m-ztzl .bd{ width: 1088px; height: 70px; float: right; overflow: hidden; }
.m-ztzl .bd li{ width: 262px; height: 68px; border: 1px solid #ddd; float: left; margin-right: 10px; }
.m-ztzl .bd li img{ width: 262px; height: 68px; }

.m-panel{ width: 563px; height: 264px; padding: 4px 10px 0; border: 1px solid #ddd; margin-bottom: 10px; }
.m-panel .hd{ position: relative; height: 42px; border-bottom: 1px solid #ddd; }
.m-panel .hd ul{ position: absolute; left: 0; bottom: -1px; width: 100%; height: 43px; }
.m-panel .hd ul li{ float: left; margin-right: 20px;}
.m-panel .hd ul li a{ display: block; height: 41px; line-height: 40px; font-size: 18px; padding: 0 14px;}
.m-panel .hd ul li.on a{ border-bottom: 2px solid #c30909; color: #c30909; font-weight: bold;}
.m-panel .bd{ width: 563px; height: 200px; padding-top: 10px; overflow: hidden;}
.m-panel .bd ul{ padding: 0 4px; }
.m-panel .bd ul li{ height: 34px; line-height: 34px; background: url(../images/arr1.png) no-repeat left center; padding-left: 14px; }
.m-panel .bd ul li a{ font-size: 15px; }
.m-panel .bd ul li span{ float: right; font-size: 12px; color: #999; }

.m-csmp{ width: 1180px; height: 85px; margin-bottom: 10px; }
.m-csmp h2{ float: left; }
.m-csmp h2 a{ display: block; width: 80px; height: 85px; background: url(../images/home/csmp_title.png) no-repeat 2px center;}

.csmp-box{ position: relative; width: 1098px; height: 83px; float: right; overflow: hidden; border: 1px solid #ddd;}
.csmp-box .hd{ height: 11px; overflow: hidden; position: absolute; right: 10px; bottom: 10px; z-index: 1;}
.csmp-box .hd ul{ overflow: hidden; zoom:1; float: left; }
.csmp-box .hd ul li{ float: left; width: 11px; height: 11px; margin-right: 10px; cursor: pointer; background: url(../images/home/nums.png) no-repeat left center;}
.csmp-box .hd ul li.on{ background: url(../images/home/nums.png) no-repeat right center;}

.csmp-box .bd{ position: relative; height: 100%; z-index: 0;}
.csmp-box .bd li{position: relative; zoom:1;}
.csmp-box .bd li img{width: 1098px; height: 83px;}

.m-picnew{ width: 1168px; height: 234px; padding: 4px 5px 0; border: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; }
.m-picnew .bd{ width: 1168px; overflow: hidden; padding-top: 9px; }
.m-picnew .bd li{ width: 227px; height: 184px; float: left; margin-right: 8px; text-align: center; line-height: 26px;}
.m-picnew .bd li img{ width: 225px; height: 155px; border: 1px solid #ddd; }

.f-mrb{ margin: 0 12px 10px 0; }

.m-panel1{ width: 286px; height: 322px; }
.m-panel1 h2{ height: 42px; line-height: 42px; background: url(../images/home/title_icon.png) no-repeat left center; padding-left: 16px; }
.m-panel1 h2 a{ font-size: 18px; color: #c61414; }
.m-panel1 .box{ width: 284px; height: 278px; border: 1px solid #ddd; overflow: hidden; }
.m-panel1 .box img{ width: 284px; height: 138px; border-bottom: 1px solid #ddd; }
.m-panel1 .box ul{ padding: 6px 6px 0; overflow: hidden; }
.m-panel1 .box ul li{ height: 32px; line-height: 32px; background: url(../images/arr1.png) no-repeat left center; padding-left: 12px; }

.m-box{ display: none !important; width: 1158px; height: 263px; padding: 5px 10px 0; border: 1px solid #ddd; margin-bottom: 10px; }

.u-bmfw{ width: 374px; height: 260px; overflow: hidden; }
.u-bmfw .title, .u-panel .hd{ height: 42px; border-bottom: 1px solid #ddd; }
.u-bmfw .title h2{ float:left; height: 40px; line-height: 40px; border-bottom: 2px solid #c30909; padding: 0 18px; font-size: 18px; color: #c30909;}

.scroll-pane{ width: 374px; height: 180px; margin-top: 20px; overflow: auto;}
.scroll-pane ul{ width: 374px; overflow: hidden; }
.scroll-pane ul li{ width: 78px; height: 53px; float: left; margin: 0 15px 10px 0; overflow: hidden;}
.scroll-pane ul li a{ display: block; width: 78px; height: 53px; line-height: 22px; text-align: center; }
.scroll-pane ul li a i{ display: block; width: 29px; height: 30px; margin: 0 auto; background: url(../images/home/bmfw_icons.png) no-repeat;}
.scroll-pane ul li a:hover i{
	transform:rotateY(360deg); 
 	-webkit-transform:rotateY(360deg); 
  	-moz-transform:rotateY(360deg); 
 	transition:transform 0.9s; 
 	-webkit-transition:transform 0.9s; 
  	-moz-transition:transform 0.9s;
}
.scroll-pane ul li.i1 a i{ background-position: 1px 0; }
.scroll-pane ul li.i2 a i{ background-position: -92px 0; }
.scroll-pane ul li.i3 a i{ background-position: -180px 0; }
.scroll-pane ul li.i4 a i{ background-position: -273px 0; }
.scroll-pane ul li.i5 a i{ background-position: 1px -60px; }
.scroll-pane ul li.i6 a i{ background-position: -90px -60px; }
.scroll-pane ul li.i7 a i{ background-position: -180px -63px; }
.scroll-pane ul li.i8 a i{ background-position: -276px -60px; }
.scroll-pane ul li.i9 a i{ background-position: 1px -128px; }
.scroll-pane ul li.i10 a i{ background-position: -92px -125px; }
.scroll-pane ul li.i11 a i{ background-position: -181px -127px; }
.scroll-pane ul li.i12 a i{ background-position: -276px -128px; }

.u-line{ height: 260px; border-left: 1px dashed #ddd; margin: 0 9px;}

.u-panel{ width: 373px; height: 260px; overflow: hidden; }
.u-panel .hd ul{ height: 42px; }
.u-panel .hd ul li{ float: left; margin-right: 20px;}
.u-panel .hd ul li a{ display: block; height: 40px; line-height: 40px; padding: 0 18px; font-size: 18px; font-weight: bold;}
.u-panel .hd ul li.on a{ border-bottom: 2px solid #c30909; color: #c30909;}
.u-panel .bd{ width: 373px; height: 210px; overflow: hidden; }
.u-panel .bd ul{ padding-top: 8px; }
.u-panel .bd ul li{ height: 34px; line-height: 34px; background: url(../images/arr1.png) no-repeat left center; padding-left: 12px; }
.u-panel .bd ul li span{ float: right; color: #999; font-size: 13px; }

.m-scenery{ position: relative; width: 1162px; height: 410px; overflow: hidden; padding: 11px 8px; border: 1px solid #ddd;}
.m-scenery h2{ position: absolute; left: 367px; top: 181px; width: 448px; height: 86px;}
.m-scenery li{ position: absolute; overflow: hidden;}
.m-scenery li img{
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.35s;
    -o-transition: -o-transform 0.35s;
    -moz-transition: -moz-transform 0.35s;
    -ms-transition: -ms-transform 0.35s;
    transition: transform 0.35s;
}
.m-scenery li a:hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.m-scenery li p{ 
    position: absolute; left: 0; top: 0; display: block;  line-height: 34px; text-align: center; color: #fff; background: url(../images/home/box_bg.png) repeat; opacity: 0; font-size: 16px;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    -moz-transition: opacity 0.35s;
    -ms-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.m-scenery li a:hover p{ opacity: 1;}

.m-scenery li.s1{ width: 357px; height: 206px; left: 8px; top: 11px;}
.m-scenery li.s1 img{ width: 357px; height: 206px;}
.m-scenery li.s1 p{ width: 280px; height: 120px; padding: 86px 39px 0;}

.m-scenery li.s2{ width: 240px; height: 169px; left: 367px; top: 11px;}
.m-scenery li.s2 img{ width: 240px; height: 169px;}
.m-scenery li.s2 p{ width: 160px; height: 119px; padding: 50px 40px 0;}

.m-scenery li.s3{ width: 206px; height: 169px; left: 609px; top: 11px;}
.m-scenery li.s3 img{ width: 206px; height: 169px;}
.m-scenery li.s3 p{ width: 134px; height: 119px; padding: 50px 36px 0;}

.m-scenery li.s4{ width: 353px; height: 210px; right: 8px; top: 11px;}
.m-scenery li.s4 img{ width: 353px; height: 210px;}
.m-scenery li.s4 p{ width: 273px; height: 124px; padding: 86px 40px 0;}

.m-scenery li.s5{ width: 357px; height: 202px; left: 8px; bottom: 11px;}
.m-scenery li.s5 img{ width: 357px; height: 202px;}
.m-scenery li.s5 p{ width: 279px; height: 116px; padding: 86px 39px 0;}

.m-scenery li.s6{ width: 277px; height: 152px; left: 367px; bottom: 11px;}
.m-scenery li.s6 img{ width: 277px; height: 152px;}
.m-scenery li.s6 p{ width: 197px; height: 102px; padding: 50px 40px 0;}

.m-scenery li.s7{ width: 169px; height: 152px; left: 646px; bottom: 11px;}
.m-scenery li.s7 img{ width: 169px; height: 152px;}
.m-scenery li.s7 p{ width: 129px; height: 102px; padding: 50px 20px 0;}

.m-scenery li.s8{ width: 353px; height: 199px; right: 8px; bottom: 11px;}
.m-scenery li.s8 img{ width: 353px; height: 199px;}
.m-scenery li.s8 p{ width: 273px; height: 113px; padding: 86px 40px 0;}