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

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

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

a:hover { text-decoration:none;}


#footer{ clear:both;width:100%; height:auto; margin:0 auto; background:#f1f1f1; border-top:5px solid #e1e1e1;}
#footer .side-di{ width:96%; max-width:1200px; margin:15px auto;}
#footer .side-di .ment{ display:none}

#footer .side-di .lx{ float:none; max-width:845px; width:100%; }
#footer .side-di .lx .name{ height:32px; line-height:32px; color:#545454; font-size:16px; font-weight:bold; }
#footer .side-di .lx .txt{ font-size:14px; color:#545454; line-height:26px; padding-top:8px;}

#footer .bq{ width:100%; height:auto; border-top:1px solid #e1e1e1}
#footer .bq .txt{ width:96%; max-width:1200px; margin:15px auto; line-height:30px; min-height:30px; font-size:14px; text-align:center}

.newstitle{ text-align:center; font-weight:bold; font-size:16px; line-height:28px; padding-bottom:15px;}

/***************index css********************/
.top{ height:32px;}
.top .bg{  height:32px;}
.top .bg .wel{height:32px; line-height:30px; }

.nav-bg{height:60px;}


.nav-bg .ment-ico{ display:block; }



#nav{ display:none}


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

.flashn{ width:100%; height:200px; background-image:url(../images/banner-n.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}

/******************************** index *********************************/
.titles{ text-align:center;}
.titles span{ display:block; height:26px; line-height:26px; color:#000000; font-size:18px;}
.titles .xian{ width:58px; height:3px; margin:0 auto; background:#46a7f8; margin-top:3px;}
.titles em{ display:block; height:24px; line-height:24px; color:#707070; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}

.pro{ width:100%;}
.pro .bt{ width:100%; height:auto; background:#f0f0f0; overflow:visible}
.pro .bt .box{ width:94%; max-width:1200px; margin:0 auto; padding-top:15px; overflow:visible}
.pro .bt .box .list{ width:100%; overflow:visible; padding-top:20px;}
.pro .bt .box .list div{ overflow:visible}
.pro .bt .box .list .swiper-container{ width:100%; overflow:hidden;}
.pro .bt .box .list .swiper-container .swiper-slide{ width:auto}
.pro .bt .box .list dl{ width:auto; height:auto; position:relative; padding-left:10px; padding-right:10px; position:relative}
.pro .bt .box .list dl dt{ width:56px; margin:0 auto}
.pro .bt .box .list dl dt img{ width:100%;}
.pro .bt .box .list dl dd{ width:auto; text-align:center; height:32px; line-height:32px; color:#707070; font-size:14px; padding-top:2px; padding-bottom:5px;}
.pro .bt .box .list dl i{ display:none; position:absolute; z-index:999; width:37px; height:32px; left:50%; margin-left:-18px; bottom:-32px; background:url(../images/fl-ico.png) no-repeat bottom center}
.pro .bt .box .list dl:hover dd{ color:#46a7f8}
.pro .bt .box .list dl.dz dd{ color:#46a7f8}
.pro .bg{ width:94%; max-width:1200px; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.pro .bg .nr{ display:none;}
.pro .bg .nr ul li{ width:100%; float:none; overflow:hidden; margin-bottom:15px;}
.pro .bg .nr ul li dl dd{ width:100%; height:40px; overflow:hidden; text-align:center; line-height:40px; color:#46a7f8; font-size:14px;}
.pro .bg .nr .more{ display:block; max-width:664px; height:40px; width:94%; margin:0 auto; text-align:center; line-height:40px; border:1px solid #d2d2d2; color:#46a7f8; font-size:20px; overflow:hidden; margin-top:5px; clear:both}


.about{ width:100%; height:auto; position:relative; overflow:hidden; background:none}
.about .bg{ width:94%; max-width:1200px; height:auto; background:none; position:relative; margin:0 auto; top:auto; bottom:auto; z-index:99; overflow:hidden}
.about .bg .box{ width:94%; margin:0 auto; overflow:hidden; position:relative}
.about .bg .box .tu{ width:100%; height:auto; border:0px solid #fff; border-radius:5px; float:none; margin-top:0; display:none}
.about .bg .box .tu img{ width:100%;}
.about .bg .box .txt{ width:auto; margin-left:0; color:#4c4b4b; padding-top:15px;}
.about .bg .box .txt .titles{ text-align:center}
.about .bg .box .txt .titles span{color:#000;}
.about .bg .box .txt .titles .xian{  background:#46a7f8; margin-left:auto }
.about .bg .box .txt .titles em{ color:#707070;}
.about .bg .box .txt .tu2{ display:block}
.about .bg .box .txt .nr{ padding-top:10px;}
.about .bg .box .txt .more{ width:120px; height:37px; overflow:hidden; background:#46a7f8; float:none; overflow:hidden; display:block; text-align:center; line-height:37px; color:#fff; margin:0 auto; margin-top:15px;}

.new{ width:94%; max-width:1200px; margin:0 auto; clear:both; margin-top:30px;}
.new .title{ width:100%; height:auto; float:none; background:none; text-align:center}
.new .title .box{ padding-left:0; padding-top:0;}
.new .title .box span{ display:block; height:26px; line-height:26px; color:#000000; font-size:18px;}
.new .title .box .xian{ width:58px; height:3px; background:#46a7f8; margin:0 auto; margin-top:3px;}
.new .title .box em{ display:block; height:24px; line-height:24px; color:#707070; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}
.new .txt{ margin-left:auto; padding-top:10px;}
.new .txt dl{ width:100%; height:114px; border-bottom:1px solid #e8e8e8; overflow:hidden; margin-bottom:10px;}
.new .txt dl dt{ width:137px; height:104px; float:left;}
.new .txt dl dt img{ width:133px; height:100px; border:1px solid #d0d0d0; padding:1px;}
.new .txt dl dd{ overflow:hidden; margin-left:146px;}
.new .txt dl dd .name{ height:28px; line-height:28px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#222; font-size:14px; padding-top:0px;}
.new .txt dl dd .time{ height:18px; line-height:18px; padding-top:5px; color:#777777; font-size:12px;}
.new .txt dl dd .memo{ width:100%; height:40px; padding-top:5px; line-height:20px; font-size:12px; color:#666}

.why{ width:100%; height:auto; background:#fafbfd; margin-top:20px;}
.why .bg{ width:94%; max-width:1200px; margin:0 auto; margin-top:15px;}
.why .bg .txt{ width:100%; height:auto; margin-top:15px;}
.why .bg .txt ul li{ float:none; width:100%; overflow:hidden; margin-bottom:20px;}
.why .bg .txt ul li dl{ width:94%; height:100px; margin:0 auto; overflow:hidden;}
.why .bg .txt ul li dl dt{ width:100px; height:100px; float:left}
.why .bg .txt ul li dl dt img{ width:96px; height:96px; border:2px solid #f1f1f1;}
.why .bg .txt ul li dl dd{ margin-left:115px; height:100px; overflow:hidden}
.why .bg .txt ul li dl dd .name{ height:26px; line-height:26px; color:#000000; font-size:18px;}
.why .bg .txt ul li dl dd .xian{ width:58px; height:5px; background:#46a7f8; margin-top:7px;}
.why .bg .txt ul li dl dd .memo{ width:100%; height:48px; line-height:24px; padding-top:8px; color:#707070;}

.hzhb{ width:94%; max-width:1200px; height:auto; margin:30px auto;}
.hzhb .title{ width:100%; height:36px; background:url(../images/hzhb-title.jpg) no-repeat left; line-height:36px; color:#fff; font-size:20px; text-indent:15px; text-transform:uppercase}
.hzhb .txt{ width:100%; height:auto; margin-top:30px;}
.hzhb .txt div{ overflow:visible}
.hzhb .txt  .swiper-container{ width:100%; overflow:hidden;}
.hzhb .txt  .swiper-container .swiper-slide{ width:auto}





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

.ny_side{ width:100%; height:auto; margin-left:0;}
.ny_side .title{ width:100%; height:38px; border-bottom:1px solid #100d0e; line-height:38px; color:#232323; font-size:18px;}
.ny_side .txt{ width:100%; height:auto; min-height:300px; margin-top:20px;}
.ny_side .txt img{ width:100%;}

ul.proul li{ width:50%; float:left;}



dl.newsdl{ width:100%; height:114px; border-bottom:1px solid #e8e8e8; overflow:hidden; margin-bottom:10px;}
dl.newsdl dt{ width:137px; height:104px; float:left;}
dl.newsdl dt img{ width:133px; height:100px; border:1px solid #d0d0d0; padding:1px;}
dl.newsdl dd{ overflow:hidden; margin-left:146px;}
dl.newsdl dd .name{ height:28px; line-height:28px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#222; font-size:14px; padding-top:0px;}
dl.newsdl dd .time{ height:18px; line-height:18px; padding-top:5px; color:#777777; font-size:12px;}
dl.newsdl dd .memo{ width:100%; height:40px; padding-top:5px; line-height:20px; font-size:12px; color:#666}



.prosd-top{ width:100%; height:auto}
.prosd-top .tu{ width:99%; float:none;border:1px solid #ccc}
.prosd-top .tu img{ width:100%; }
.prosd-top .right{ width:99%; float:none; margin-top:15px; display:none}
.prosd-top .right .name{ width:100%; height:auto; line-height:28px; border-bottom:1px solid #ccc; padding-bottom:5px; padding-top:5px; font-size:16px;}
.prosd-top .right .memo{ width:100%; height:auto; padding-top:10px;}

.prosd{ width:99%; height:auto; clear:both; padding-top:20px;}
.prosd img{ width:100%;}



@media screen and (max-width: 400px) {
ul.proul li{ width:100%; float:none;}
	}