@charset "utf-8";
/*!
 * 米维建站  一建轻松建站
 * 详尽信息请看官网：http://www.miwinfo.com/
 *
 * Copyright 2014 米维建站
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 */
.content { max-width: 1000px; height: auto; margin: 0 auto; box-sizing: border-box; padding: 0 10px;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 99999;}
.page-down:hover {background: #0070c9;}/* 回到顶部 */
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.white{ color:#fff !important;}
.webmain{ overflow:hidden; width: 100%; }
.tishi{ text-align: center; color: #333; font-size: 18px; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { display: none; position: relative; width: 27px; padding: 0 15px; cursor: pointer; float: right; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #fff; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #0070c9;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.intopadv{ height: 40px; line-height: 40px; background: #444444; color: #999; text-align: right; }
.header{ line-height: 50px; background: #313131; }
.header .logo{ float: left; height: 50px; padding: 10px 0; box-sizing: border-box; }
.header .logo img{ height: 100%; width: auto; vertical-align: top; }
.header .search{ float: right; width: 50px; position: relative; }
.header .search i{ color: #f1f1f1; font-size: 18px; display: block; text-align: center; line-height: 50px; cursor: pointer; }
.header .search i.on{ color: #0070c9; }
.header .search .xf{ display: none; z-index: 99999; position: absolute; width: 300px; padding: 20px; background: #fff; position: absolute; right: 0; top: 50px; }
.header .search .xf .text{ float: left; height: 40px; line-height: 40px; width: 200px; padding: 0 10px; background: #f1f1f1; }
.header .search .xf .sub{ float: left; width: 80px; text-align: center; background: #313131; height: 40px; color: #fff; outline: none; }
.header .search .xf .sub:hover{ background: #0070c9; }
.header .inmuen{ float: right; }
.header .inmuen ul li{ display: block; float: left; font-size: 14px; color: #f1f1f1; padding: 0 30px; }
.header .inmuen ul li:hover{ color: #ccc; }
.header .inmuen ul li.on{ color: #ccc; }

.banner{ position: relative; }
.banner .pagination{ position: absolute; width: 100%; text-align: center; line-height: 30px; bottom: 10px; left: 0; z-index: 999; }
.banner .pagination .swiper-pagination-switch{ width: 40px; height: 4px; background: #fff; display: inline-block; margin: 0 10px; opacity: .5; }
.banner .pagination .swiper-pagination-switch.swiper-active-switch{ opacity: 1; }
.banner img{ width: 100%; height: auto; }

.inpro{ padding: 10px; }
.inpro ul li{ display: block; width: 50%; position: relative; float: left; padding: 10px; box-sizing: border-box; }
.inpro ul li .tit{ position: absolute; left: 0; top: 50px; padding: 0 20px; box-sizing: border-box; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 30px; color: #000; width: 100%; text-align: center; }
.inpro ul li .jj{ position: absolute; left: 0; top: 95px; padding: 0 20px; box-sizing: border-box; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #000; width: 100%; text-align: center; }
.inpro ul li .more{ display: block; position: absolute; left: 0; top: 145px; padding: 0 20px; box-sizing: border-box; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #0070c9; width: 100%; text-align: center; }
.inpro ul li .more:hover{ text-decoration: underline; }
.inpro ul li .pic{ overflow: hidden; height: 556px;  }
.inpro ul li .pic img{ width: 926px; height: 556px; max-width: initial; transition: all 5s; position: relative; left: 50%; margin-left: -463px; }
.inpro ul li:hover img{ transform: scale(1.1,1.1); }

.footer{ padding: 25px 0 5px; background: #f2f2f2; }
.footer .fnav{ width: 20%; float: left; }
.footer .fnav .tit{ height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #000; }
.footer .fnav .tit span{ display: none; width: 10px; text-align: center; font-weight: lighter; }
.footer .fnav .nr a{ height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 25px; color: #333; }
.footer .fnav .nr a:hover{ text-decoration: underline; }
.footer .fwz{ padding: 10px 0; line-height: 22px; margin-top: 20px; border-bottom: 1px solid #dfdfdf; color: #666; }
.footer .banq{ padding: 10px 0; line-height: 22px; color: #666; }

.nynav.nav_on{ max-width: inherit; width: 100%; background: #fff; position: fixed; border-bottom: 0; left: 0; top: 0; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.nynav{ max-width: 1000px; border-bottom: 1px solid #dfdfdf; margin: 0 auto 10px; padding: 10px 0; line-height: 30px; }
.nynav .lmtit{ font-size: 20px; font-weight: bold; color: #333; float: left; }
.nynav .lmtit i{ display: none; }
.nynav .nr{ float: right; }
.nynav .nr ul li{ display: block; float: left; padding: 0 10px; }
.nynav .nr ul li.on{ color: #0070c9; }

.nybanner img{ width: 100%; height: auto; }

.findxl{ padding: 20px 0 0; }
.findxl .text{ width: 80%; float: left; border-bottom: 2px solid #ccc; height: 50px; line-height: 50px; font-size: 16px; color: #666; }
.findxl .text:focus{ border-bottom: 2px solid #000; }
.findxl .sub{ width: 18%; float: right; text-align: center; font-size: 18px; background: #dfdfdf; color: #fff; height: 50px; line-height: 50px; box-sizing: border-box; }
.findxl .sub:hover{ background: #000; color: #fff; }

.nyabout{ padding: 20px 0; line-height: 30px; font-size: 14px; color: #666; }

.nypronav{ background: #141414; padding: 20px 0; text-align: center; }
.nypronav .nypronavnr{ max-width: 1000px; margin: 0 auto; overflow: hidden; position: relative; }
.nypronav .swiper-wrapper{ height: 79px !important; }
.nypronav .swiper-slide{ height: 79px !important; }
.nypronav li{ display: inline-block; width: 90px; margin: 0 5px; }
.nypronav li .tit{ height: 20px; line-height: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypronav li:hover .tit{ color: #6bf; }

.nypro{ padding: 50px 0; }
.nypro .lmtit{ line-height: 50px; text-align: center; font-size: 30px; color: #000; font-weight: bold; margin-bottom: 10px; }
.nypro .slmtit{ line-height: 18px; text-align: center; font-size: 18px; color: #777; margin-bottom: 40px; }
.nypro .nr .left{ float: left; width: 50%; padding-right: 250px; position: relative; box-sizing: border-box; min-height: 330px; }
.nypro .nr .left .pic{ position: absolute; width: 210px; height: 300px; right: 30px; bottom: 0; }
.nypro .nr .right{ float: left; width: 50%; padding-left: 250px; position: relative; box-sizing: border-box; min-height: 330px; }
.nypro .nr .right .pic{ position: absolute; width: 234px; height: 330px; left: 10px; bottom: 0; }
.nypro .nr .tit{ font-size: 20px; font-weight: bold; color: #333; text-align: center; padding-top: 100px; margin-bottom: 15px; }
.nypro .nr .jj{ font-size: 16px; text-align: center; color: #666; margin-bottom: 15px; }
.nypro .nr .more{ display: block; width: 60px; line-height: 35px; border-radius: 5px; margin: 0 auto; background: linear-gradient(#42a1ec,#0070c9); text-align: center; font-size: 14px; color: #fff; }

.showpro .info{ background: #f8f8f8; padding:20px 20px 20px 600px; position: relative; min-height: 450px; margin-bottom: 30px; }
.showpro .info .pic{ position: absolute; width: 557px; left: 20px; top: 20px; }
.showpro .info .pic img{ width: 100%; height: auto; }
.showpro .info .tit{ padding: 10px 0; line-height: 30px; font-size: 18px; font-weight: bold; color: #333; }
.showpro .info .fenl{ line-height: 20px; color: #999; margin-bottom: 20px; }
.showpro .info .jj{ line-height: 30px; font-size: 14px; color: #666; margin-bottom: 25px; height: 280px; overflow: hidden;}
.showpro .info .fanh{ float: right; width: 120px; height: 40px; background: #333; color: #fff; border-radius: 5px; font-size: 14px; text-align: center; line-height: 40px; }
.showpro .detail .lmtit span{ display: block; height: 40px; line-height: 40px; color: #333; font-size: 18px; font-weight: bold; width: 120px; text-align: center; border-bottom: 2px solid #333; }
.showpro .detail .nr{ padding: 25px 0; line-height: 30px; font-size: 14px; color: #666; }
.showpro .detail .nr a{ font-weight: bold; }

.box{}
.tb-pic{ float:right; border:1px solid #eee;}
.tb-pic a{display:table-cell; text-align:center; vertical-align:middle; cursor:pointer;}
.tb-pic a img {vertical-align:middle;}
.tb-s310, .tb-s310 a {height:450px; width:450px;}
.tb-s310, .tb-s310 img {max-height:450px; max-width:450px;}
.tb-booth {position:relative; z-index:1;}
.tb-thumb .tb-selected {box-sizing: border-box; border:1px solid #0070c9;}
div.zoomDiv {z-index:999; position:absolute; width:450px; height:450px; display:none;text-align:center; overflow:hidden; margin-left:-9px; background:#fff;}
div.zoomDiv img{ max-width:inherit; max-height:inherit;}
div.zoomMask {position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1;}
.picScroll-left { position:relative; width:90px; float:right; margin-right:15px; padding:30px 0;}
.picScroll-left .hd{ overflow:hidden; background:#f4f4f4;}
.picScroll-left .hd .prev { display:block; width:100%; height:30px; opacity:0.9;  font-size:24px; text-align:center; line-height:30px; color:#555; overflow:hidden; cursor:pointer; position:absolute; top:0;  z-index:9; }
.picScroll-left .hd .next { display:block; width:100%; height:30px; opacity:0.9;  font-size:24px; text-align:center; line-height:30px; color:#555; overflow:hidden; cursor:pointer; position:absolute; bottom:0; z-index:9;  }
.picScroll-left .hd .prev:hover { color:#0070c9;}
.picScroll-left .hd .next:hover { color:#0070c9;}
.picScroll-left .bd {width:480px; overflow:hidden;}
.picScroll-left .bd ul {zoom:1;}
.picScroll-left .bd ul li {text-align:center; zoom:1; height:100px; width:90px; border:0px !important;}
.picScroll-left .bd ul li img{ width:90px; height:90px; margin-top:5px; border:1px solid #eee; box-sizing:border-box; cursor:pointer;}
.picScroll-left .bd ul li.tb-selected img{ width:90px; height:90px; margin-top:5px; border:1px solid #0070c9; box-sizing:border-box;}

.nycase{ padding: 20px 0; }
.nycase ul li{ display: block; width: 48%; margin: 10px 1%; float: left; position: relative; overflow: hidden; }
.nycase ul li img{ width: 100%; height: auto; transition: all .5s; }
.nycase ul li:hover img{ transform: scale(1.1,1.1); }
.nycase ul li .nyprinfo {position: absolute; box-sizing: border-box; padding: 10px 20px; bottom: -53px; left: 0; width: 100%; background-color: rgba(0,0,0,.6); transition: all .5s;}
.nycase ul li .nyprp1 {font-size: 14px; color: #fff; height: 20px; overflow: hidden;}
.nycase ul li .nyprp2 {font-size: 12px; color: #cdcdcd; line-height: 28px; height: 28px; margin-bottom: 6px; overflow: hidden;}
.nycase ul li .nyprinfo .more {font-size: 12px; color: #fff; text-decoration: underline; }
.nycase ul li:hover .nyprinfo { bottom: 0;}

.page{ text-align:center; padding: 0 0 30px; }
.page a{ display:block; height:30px; width:30px; overflow:hidden;  background: #F1F1F1; display:inline-block; line-height:30px; color:#666; margin-right: -3px;}
.page a:hover{ background:#666; color: #fff;}
.page a.active{ background:#666; color: #fff;}
.page a i{ line-height:30px;}

.nynews{ padding: 30px 0; }
.nynews ul li{ display: block; padding: 30px 240px 30px 320px; min-height: 200px; position: relative; border-bottom: 1px solid #e5e5e5; background: #fff; transition: all 0.5s;}
.nynews ul li .pic{ width: 270px; overflow: hidden; position: absolute; left: 30px; top: 30px; }
.nynews ul li .date{ padding: 0 40px; position: absolute; border-left: 1px solid #e5e5e5; right: 0; top: 50%; margin-top: -59px;}
.nynews ul li .date span{ font-size: 40px; color: #727272; font-weight: bold; display: block;}
.nynews ul li .date em{ display: block; font-size: 12px; color: #727272; line-height: 20px; margin-bottom: 10px;}
.nynews ul li .date .more{ color: #000000; line-height: 35px; border-top: 1px solid #e5e5e5; text-align: center; font-size: 14px; }
.nynews ul li .tit{ font-size: 18px; color: #141414; height: 55px; line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nynews ul li .jj{ font-size: 14px; color: #999999; line-height: 30px; height: 120px; overflow: hidden; }
.nynews ul li:hover{ box-shadow: 0 0 30px rgba(0, 0, 0, .1); border-bottom: 1px solid #fff ; z-index: 99;}

.shownews{ padding: 30px 0; }
.shownews .tit{ font-size: 24px; font-weight: bold; color: #333333; text-align: center; margin-bottom: 20px;}
.shownews .date{ height: 16px; line-height: 16px; text-align: center; font-size: 12px; color: #b7b7b7;}
.shownews .date span{ display: inline-block; padding: 0 20px; border-right: 1px solid #b7b7b7; }
.shownews .nr{ padding: 30px 0; font-size: 14px; line-height: 30px; color: #666;}
.shownews .nr a{ color: #0070c9; text-decoration: underline; }
.shownews .sxp{ padding: 10px 0; font-size: 14px; line-height: 40px; border-top: 1px solid #e6e6e6;}
.shownews .sxp .lan{ float: left; line-height: 30px; transition: all 0.5s;}
.shownews .sxp .lan .ico{ width: 30px; height: 30px; border: 1px solid #666; border-radius: 50%; line-height: 30px; text-align: center; float: left; color: #666; margin-right: 10px; transition: all 0.5s;}
.shownews .sxp .ran{ float: right; line-height: 30px; transition: all 0.5s;}
.shownews .sxp .ran .ico{ width: 30px; height: 30px; border: 1px solid #666; border-radius: 50%; line-height: 30px; text-align: center; float: right; color: #666; margin-left: 10px; transition: all 0.5s;}
.shownews .sxp .lan:hover{ color: #0070c9; }
.shownews .sxp .lan:hover .ico{ border: 1px solid #0070c9; background: #0070c9; color: #fff; }
.shownews .sxp .ran:hover{ color: #0070c9; }
.shownews .sxp .ran:hover .ico{ border: 1px solid #0070c9; background: #0070c9; color: #fff; }
.shownews .pic{ text-align: center; padding: 0 100px; position: relative; max-width: 600px; margin: 0 auto 20px;}
.shownews .pic img{ width: 100%; height: auto; }
.shownews .pic .prev, .shownews .pic .next{display: block; width: 60px; height: 60px; line-height: 60px; background: rgba(0,0,0,.3); color: #fff; text-align: center; position: absolute; font-size: 22px; transition: all 0.5s;}
.shownews .pic .prev{ top: 50%; margin-top: -30px; left: 0; }
.shownews .pic .next{ top: 50%; margin-top: -30px; right: 0; }
.shownews .pic .prev:hover, .shownews .pic .next:hover{ background: rgba(0,0,0,.7); }

.xgnews{ margin-bottom: 30px; }
.xgnews .cntit{ font-size: 24px; font-weight: bold; color: #333; text-align: center; margin-bottom: 5px;}
.xgnews .entit{ color: #bcbcbc; font-size: 14px; text-align: center; margin-bottom: 20px;}
.xgnews .nr ul li{ width: 23%; margin: 10px 1%; float: left; }
.xgnews .nr ul li .date{ height: 40px; line-height: 40px; font-size: 22px; color: #8c8c8c; position: relative; border-bottom: 1px solid #cccccc; }
.xgnews .nr ul li .date .xian{ width: 0; height: 1px; background: #0070c9; left: 0; bottom: 0; transition: all 0.5s;}
.xgnews .nr ul li .tit{ height: 60px; line-height: 60px; font-size: 14px; color: #414141; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xgnews .nr ul li:hover .xian{ width: 100%; }
.xgnews .nr ul li:hover .date{ color: #0070c9; }
.xgnews .nr ul li:hover .tit{ color: #0070c9; }
.xgnews .nr ul li img{ width: 100%; height: auto; }