@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#333333; background:#fff; line-height:24px; font-family:'微软雅黑'}

a { color:#333333; font-size:14px; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/

#footer{ clear:both;width:100%; height:auto; margin:0 auto; background:#000000;}
#footer .side-di{ width:96%; max-width:1200px; margin:0 auto; margin-top:18px; margin-bottom:15px; color:#999999}
#footer .side-di .left{ float:none;}
#footer .side-di .left .logo-di{ float:none; padding-left:0; text-align:center}
#footer .side-di .left .logo-di img{ width:96%; margin:0 auto}
#footer .side-di .left .lx{ float:none; margin-left:0; padding-top:10px;}
#footer .side-di .ewm{ float:none; width:100px; height:auto; margin:0 auto; margin-right:auto; margin-top:15px;}
#footer .side-di .ewm img{ width:100%; display:block;}
#footer .side-di .ewm .name{ width:100%; height:26px; text-align:center; line-height:26px; color:#999999; font-size:12px;}
#footer .bq{ width:100%; height:34px; border-top:1px solid #808080; color:#999999}
#footer .bq .bg{width:96%; max-width:1200px; margin:0 auto;}


.top{ width:94%; height:auto; margin:0 auto; max-width:1200px; position:relative}
.top .logo{ float:left; display:none;}
.top .mlogo{ display:block}
.top .right{ float:right;padding-top:7px; display:none}
.top .right .yy{ width:75px; height:32px; float:right}
.top .right .yy ul li{ width:32px; height:32px; float:left;}
.top .right .yy ul li.li2{ float:right}
.top .right .tel{ clear:both; float:right; height:33px; padding-left:24px; margin-top:18px; background:url(../images/tel.jpg) no-repeat; font-size:14px; font-weight:bold}
.top .right .tel span{ display:block; height:16px; line-height:16px; color:#000000; letter-spacing:12px; }
.top .right .tel em{ display:block; height:16px; line-height:16px; color:#e9a333; font-family:Arial, Helvetica, sans-serif;}
.top .ment{ display:block}

.nav-bg{ display:none}



.flash{ width:100%; height:auto; margin:0 auto;}
.flash img{ width:100%; display:block;}


/******************************** index *********************************/
.about{ width:96%; max-width:1200px; margin:0 auto; margin-top:20px;}
.about .bg{ width:100%; height:auto; margin-top:20px; position:relative;}

.about .bg .txt{ max-width:800px; min-height:100px; width:100%; border:0px solid #efefef; float:none;}
.about .bg .txt .nr{ width:90%; max-width:700px; margin:0 auto; margin-top:0px;}
.about .bg .txt .nr .name{ height:30px; line-height:30px; color:#000000; font-size:18px;}
.about .bg .txt .nr .content{ width:100%; height:auto; margin-top:10px; line-height:28px;}
.about .bg .box{ width:100%; position:relative; z-index:999; left:0; top:20px; margin-top:20px;}
.about .bg .box ul li{ width:100%; float:none; margin-bottom:15px; overflow:hidden}
.about .bg .box ul li .box2{ width:100%; margin:0 auto; display:block; position:relative}
.about .bg .box ul li .box2 img{ display:block; width:100%;}
.about .bg .box ul li.li2{ display:none}


case{margin-top:10px;}


.side1{ width:94%; max-width:1200px; height:auto; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.side1 .news-box{ width:100%; float:none; margin-bottom:20px;}
.side1 .news-box .box{ width:98%; margin:0 auto; border:1px solid #cccccc; box-shadow: 0 0 10px #ccc}
.side1 .news-box .box .bg{ width:95%; margin:10px auto;}
.side1 .news-box .box .bg .title{ width:100%; height:37px; background:url(../images/news-title.jpg) no-repeat bottom left; line-height:37px; color:#000000; font-size:16px; text-indent:5px;}
.side1 .news-box .box .bg .title .more{ float:right; text-indent:0; margin-right:8px;}
.side1 .news-box .box .bg .txt{ width:100%; height:auto; margin-top:8px;}
.side1 .news-box .box .bg .txt ul li{ width:100%; height:32px; border-bottom:1px dashed #cccccc; margin-bottom:4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../images/news_li.jpg) 4px 13px no-repeat; text-indent:16px;}
.side1 .news-box .box .bg .txt ul li span{ float:right; color:#cccccc; font-size:12px;}

/****************************** ny *************************************/
.ny_left{ display:none}



.ny_side{ width:96%; height:auto; margin-left:0; margin:0 auto;  box-shadow:0 0 12px #ccc; background:#fff; margin-top:20px;}
.ny_side .bg{ width:96%; margin:10px auto;}
.ny_side .title{ width:100%; height:42px; border-bottom:1px solid #cccccc; background:url(../images/home-ico.png) 8px 14px no-repeat; line-height:42px; text-indent:35px; color:#000; font-size:20px;}
.ny_side .title .mbx{ float:right; color:#000; font-size:12px; display:none}
.ny_side .title .mbx span{ color:#e9a333}
.ny_side .txt{ width:100%; min-height:300px; margin-top:20px;}


ul.proul li{ width:50%; margin-bottom:20px; float:left}
ul.proul li .box{ width:92%; margin:0 auto; background:#fff; border:1px solid #fff; box-shadow:0 0 12px #ccc;}
ul.proul li .box img{ display:block; width:100%;}
ul.proul li .box .name{ width:100%; height:40px; text-align:center; line-height:40px; color:#333333; font-size:14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}