@charset "utf-8";
/*!
 * 米维建站  一建轻松建站
 * 详尽信息请看官网：http://www.miwinfo.com/
 *
 * Copyright 2014 米维建站
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 */
.content { max-width: 1220px; padding: 0 10px; height: auto; margin: 0 auto; box-sizing: border-box;}
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: #3b91ca;}/* 回到顶部 */
.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; }
.tishi{ text-align: center; color: #fff; font-size: 14px; }

.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: #333; 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: #3b91ca;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ position: relative; max-width: 1400px; margin: 0 auto; overflow: hidden; }
.banner img{ width: 100%; height: auto; }
.banner .pagination{ z-index: 99999; text-align: center; line-height: 20px; height: 20px; width: 100%; position: absolute; left: 0; bottom: 10px; }
.banner .pagination .swiper-pagination-switch{ margin: 0 5px; cursor: pointer; display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: rgba(255,255,255,.7); }
.banner .pagination .swiper-active-switch{ background: #3b91ca; }

.top{ height: 30px; line-height: 30px; background: #efefef; font-size: 12px; color: #666; }

.header .logo{ float: left; padding: 20px 0; margin-left:-40px;}
.header .inmuen{ float: right; line-height: 40px; margin-top: 27px; font-size: 16px; font-weight: bold; color: #333; }
.header .inmuen ul li{ display: block; margin: 0 38px; float: left; border-bottom: 3px solid #fff; }
.header .inmuen ul li:hover{ color: #3b91ca; border-bottom: 3px solid #3b91ca; }
.header .inmuen ul li.on{ color: #3b91ca; border-bottom: 3px solid #3b91ca; }

.intub{ padding: 30px 0; background: #f5f5f5; max-width: 1200px; margin: 20px auto; }
.intub ul li{ width: 16%; margin: 0 2%; box-sizing: border-box; float: left; padding-left: 70px; position: relative; }
.intub ul li .pic{ position: absolute; width: 58px; text-align: center; left: 0; top: 0; }
.intub ul li .tit{ line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333; }
.intub ul li .jj{ line-height: 20px; height: 20px; overflow: hidden; text-overflow:  ellipsis; white-space: nowrap; font-size: 14px; color: #666; }

.incase{ margin-bottom: 30px; }
.incase .lmtit{ margin-bottom: 20px; }
.incase .lmtit .left{ float: left; }
.incase .lmtit .left .en{ font-size: 30px; color: #9e9e9e; }
.incase .lmtit .left .xian{ width: 30px; height: 1px; background: #9e9e9e; margin: 5px 0; }
.incase .lmtit .left .cn{ font-size: 18px; color: #666; }
.incase .lmtit .more{ height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #303030; color: #666; padding: 0 20px; display: block; float: right; margin-top: 21px; }
.incase .lmtit .more:hover{ border: 1px solid #3b91ca; color: #fff; background: #3b91ca; }
.incase .nr ul li{ width: calc(33.333333% - 10px); width: -webkit-calc(33.333333% - 10px); width: -moz-calc(33.333333% - 10px); float: left; margin: 5px; }
.incase .nr ul li .pic{ position: relative; overflow: hidden; }
.incase .nr ul li .pic img{ width: 100%; height: auto; transition: all .5s; }
.incase .nr ul li .pic .fgc{ transition: all .5s; opacity: 0; transform: scale(.7,.7); width: 90%; height: 86%; position: absolute; left: 5%; top: 7%; background: rgba(59,145,202,.6); color: #fff; font-size: 14px; }
.incase .nr ul li .pic .fgc .ico{ margin-bottom: 5px; font-size: 30px;  }
.incase .nr ul li:hover .fgc{ opacity: 1; transform: scale(1,1); }
.incase .nr ul li:hover .pic img{ transform: scale(1.1,1.1); }
.incase .nr ul li .tit{ height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #666; text-align: center; }

.inteam{ background: url(../images/index_10.jpg) no-repeat center; padding-top: 20px; padding-bottom: 40px; margin-bottom: 40px; }
.inteam .lmtit{ margin-bottom: 20px; }
.inteam .lmtit .left{ float: left; }
.inteam .lmtit .left .en{ font-size: 30px; color: #9e9e9e; }
.inteam .lmtit .left .xian{ width: 30px; height: 1px; background: #9e9e9e; margin: 5px 0; }
.inteam .lmtit .left .cn{ font-size: 18px; color: #666; }
.inteam .lmtit .more{ height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #303030; color: #666; padding: 0 20px; display: block; float: right; margin-top: 21px; }
.inteam .lmtit .more:hover{ border: 1px solid #3b91ca; color: #fff; background: #3b91ca; }
.inteamnr .left{ width: 70%; float: left; position: relative; }
.inteamnr .left .bd ul{ position: relative; padding-left: 180px; padding-top: 55px; min-height: 305px; }
.inteamnr .left .bd ul .pic{ width: 287px; position: absolute; left: 0; top: 0; z-index: 99; }
.inteamnr .left .bd ul .pic img{ width: 100%; height: auto; }
.inteamnr .left .bd ul .wz{ position: relative; z-index: 999; background: rgba(200,200,200,.3); padding: 50px; }
.inteamnr .left .bd ul .wz .tit{ height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333; }
.inteamnr .left .bd ul .wz .fg{ font-size: 14px; color: #666; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 25px; }
.inteamnr .left .bd ul .wz .jj{ line-height: 30px; height: 60px; overflow: hidden; font-size: 14px; color: #999; }
.inteamnr .left .next{ display: block; position: absolute; width: 30px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background: #f3dfb0; text-align: center; left: 180px; z-index: 9999; cursor: pointer; top: 50%; margin-top: -15px; }
.inteamnr .left .prev{ display: block; position: absolute; width: 30px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background: #f3dfb0; text-align: center; right: 0; z-index: 9999; cursor: pointer; top: 50%; margin-top: -15px; }
.inteamnr .left .next,.inteamnr .left .prev{ background: #efc96f; }
.inteamnr .hd{ width: 26%; float: right; }
.inteamnr .hd ul li{ display: block; margin: 15px 0; position: relative; padding: 30px 30px 30px 100px; background: #fff; cursor: pointer; }
.inteamnr .hd ul li .pic{ width: 60px; height: 60px; position: absolute; left: 25px; top: 25px; overflow: hidden; border-radius: 50%; }
.inteamnr .hd ul li .tit{ height: 30px; line-height: 30px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; }
.inteamnr .hd ul li .jj{ font-size: 12px; height: 20px; line-height: 20px; color: #999; }
.inteamnr .hd ul li .sz{ font-size: 55px; color: #fff; opacity: 0; width: 72px; height: 72px; position: absolute; right: 20px; top: 20px; font-weight: bold; }
.inteamnr .hd ul li.on{ background: #3b91ca; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.inteamnr .hd ul li.on .tit{ color: #fff; }
.inteamnr .hd ul li.on .jj{ color: #fff; }
.inteamnr .hd ul li.on .sz{ opacity: .2; }

.inyous{ background: url(../images/index_04.jpg) repeat-y center; padding: 40px 0; }
.inyous .content{ position: relative; }
.inyous .lmtit{ width: 200px; height: 135px; background: #3b91ca; padding: 30px 10px; box-sizing: border-box; position: absolute; left: 0; top: -68px;}
.inyous .lmtit .en{ font-size: 30px; color: #fff; }
.inyous .lmtit .xian{ width: 30px; height: 1px; background: #fff; margin: 5px 0; }
.inyous .lmtit .cn{ font-size: 18px; color: #fff; }
.inyous .lmjj{ text-align: right; font-size: 15px; color: #333; line-height: 30px; margin-bottom: 60px; }
.inyous .nr ul li{ display: block; width: calc(25% - 20px); width: -webkit-calc(25% - 20px); width: -moz-calc(25% - 20px); float: left; margin: 0 10px; }
.inyous .nr ul li .pic{ position: relative; margin-bottom: 10px; }
.inyous .nr ul li.li2 .pic{ position: relative; margin-top: 10px; }
.inyous .nr ul li .pic img{ width: 100%; height: auto; }
.inyous .nr ul li .pic .fgc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.inyous .nr ul li .pic .fgc .ico{ width: 50px; height: 50px; background: rgba(0,0,0,.4); line-height: 50px; text-align: center; font-size: 25px; color: #fff; margin: 0 auto; transition: all .5s; opacity: 0; }
.inyous .nr ul li:hover .pic .fgc .ico{ opacity: 1; }
.inyous .nr ul li .tit{ height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #666; margin-bottom: 5px; text-align: center; }
.inyous .nr ul li .jj{ line-height: 22px; font-size: 14px; color: #999; overflow: hidden; height: 44px; }

.innews{ padding: 20px 0 40px; }
.innews .lmtit{ margin-bottom: 20px; }
.innews .lmtit .left{ float: left; }
.innews .lmtit .left .en{ font-size: 30px; color: #9e9e9e; }
.innews .lmtit .left .xian{ width: 30px; height: 1px; background: #9e9e9e; margin: 5px 0; }
.innews .lmtit .left .cn{ font-size: 18px; color: #666; }
.innews .lmtit .more{ height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #303030; color: #666; padding: 0 20px; display: block; float: right; margin-top: 21px; }
.innews .lmtit .more:hover{ border: 1px solid #3b91ca; color: #fff; background: #3b91ca; }
.innews .nr ul li{ display: block; width: 33.333333%; float: left; box-sizing: border-box; padding: 25px 40px; border-right: 1px solid #dfdfdf; }
.innews .nr ul li .tit{ font-size: 18px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; margin-bottom: 15px; }
.innews .nr ul li .date{ font-size: 18px; color: #666; margin-bottom: 10px; }
.innews .nr ul li .date span{ font-size: 12px; color: #999; margin-left: 10px; }
.innews .nr ul li .jj{ font-size: 14px; color: #999; line-height: 22px; }
.innews .nr ul li:hover{ background: #3b91ca; }
.innews .nr ul li:hover .tit{ color: #fff; }
.innews .nr ul li:hover .date{ color: #999; } 
.innews .nr ul li:hover .jj{ color: #fff; }

.incoop{ background: #f2f2f2; padding: 25px 0; }
.incoopnr{ position: relative; overflow: hidden; padding: 0 15px; }
.incoopnr{ text-align: center; }
.incoopnr .arrow-left{ position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 20px; cursor: pointer; left: 0; top: 50%; margin-top: -10px; display: block; z-index: 9999; }
.incoopnr .arrow-right{ position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 20px; cursor: pointer; right: 0; top: 50%; margin-top: -10px; display: block; z-index: 9999; }

.footer{ background: #272727; padding: 20px 0; }
.footer .fmess{ float: left; margin-right: 100px; width: 400px; }
.footer .fmess .lmtit{ font-size: 20px; color: #fff; margin-bottom: 20px; }
.footer .fmess .lmtit span{ font-size: 14px; color: #fff; margin-left: 10px; }
.footer .fmess .text{ width: 49%; height: 30px; float: left; line-height: 30px; box-sizing: border-box; padding: 0 10px; border: 1px solid #797979; border-radius: 5px; background: #3e3e3e; color: #ccc; margin-bottom: 10px; }
.footer .fmess .textarea{ width: 100%; height: 75px; line-height: 22px; padding: 5px 10px; border: 1px solid #797979; border-radius: 5px; background: #3e3e3e; color: #ccc; margin-bottom: 10px; box-sizing: border-box;}
.footer .fmess .sub{ width: 140px; height: 30px; background: #ffbc20; font-size: 16px; color: #fff; outline: none; border-radius: 5px; }
.footer .fcon{ float: left; width: 280px; }
.footer .fcon .lmtit{ font-size: 20px; color: #fff; margin-bottom: 20px; }
.footer .fcon .lmtit span{ font-size: 14px; color: #fff; margin-left: 10px; }
.footer .fcon .nr{ line-height: 25px; font-size: 14px; color: #999; }
.footer .fewm{ width: 140px; height: 140px; float: right; margin-top: 20px; }
.banq{ padding: 8px 0; line-height: 25px; background: #1f1f1f; font-size: 12px; text-align: center; color: #999; }
.banq a{ color: #ccc; text-decoration: underline; }

.Bottomerkg{ height: 59px; display: none; }
.Bottomer{ display: none; position:fixed; bottom:0; width:100%; background:#3b91ca; z-index: 999999; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.Bottomer .BottomList li{width:25%; float:left; display:inline-block;  text-align:center;position:relative;padding:10px 0px;}
.Bottomer .BottomList li img{ vertical-align:middle;height: 20px;}
.Bottomer .BottomList li span{font-size:14px;color:#fff; display: block;margin-top: 5px;}
.Bottomer .BottomList li p{ font-size:14px; color:#D5A334; margin:0; position:absolute; right:20px; top:10px;}
.Bottomer .BottomList li.current{background: #BC9661;}

.nybanner{ height: 350px; background-size: auto 100% !important; }
.weizhi{ height: 40px; line-height: 40px; background: #f8f8f8; color: #ccc;}
.weizhi i{ width: 30px; height: 30px; background: #3b91ca; float: left; margin-top: 5px; border-radius: 50%; color: #fff; text-align: center; line-height: 30px; font-size: 16px; margin-right: 10px;}
.weizhi span{ color: #3b91ca; font-weight: bold; }

.nynav{ padding: 25px 0; }
.nynav ul li{ display: block; height: 40px; line-height: 40px; padding: 0 25px; background: #f8f8f8; float: left; font-size: 14px; color: #333; margin: 5px; }
.nynav ul li:hover{ background: #3b91ca; color: #fff; }
.nynav ul li.on{ background: #3b91ca; color: #fff; }

.nyabout{ padding-bottom: 30px; line-height: 30px; font-size: 14px; color: #666; }
.nyabout a{ font-weight: bold; }

.nypro *{ transition: all 0.5s; }
.nypro{ padding-bottom: 30px; }
.nypro ul{ display: block; overflow: hidden; }
.nypro ul li{ display: block; box-sizing: border-box; padding: 20px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; width: 25%; float: left; position: relative; right: -1px; bottom: -1px;}
.nypro ul li .tit{ line-height: 25px; height: 50px; padding-right: 40px; position: relative; font-size: 16px; color: #333; margin-bottom: 20px;}
.nypro ul li .tit span{ display: block; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypro ul li .tit .fenl{ font-size: 12px; color: #999; }
.nypro ul li .tit .ico{ width: 30px; height: 30px; text-align: center; line-height: 30px; border:1px solid #ccc; position: absolute; right: 0; top: 10px; color: #ccc; border-radius: 50%; }
.nypro ul li .tit .ico i{ transition: all 0s; }
.nypro ul li:hover{ box-shadow: inset 0 0 15px #eee; }
.nypro ul li:hover .ico{ background: #3b91ca; border:1px solid #3b91ca; color: #fff;}

.page{ text-align:center; padding-bottom: 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{ color:#fff; background:#333;}
.page a.active{ background:#dfdfdf;}
.page a.active:hover{ color:#666;}
.page a i{ line-height:30px;}

.showpro .info{ background: #f8f8f8; padding:20px 20px 20px 40%; position: relative; min-height: 329px; margin-bottom: 30px; }
.showpro .info .pic{ position: absolute; width: 38%; left: 0; top: 0; }
.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: 120px; overflow: hidden;}
.showpro .info .fanh{ float: right; width: 120px; height: 40px; background: #333; color: #3b91ca; 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; }

.hotpro{ padding: 30px 0; background: #f8f8f8; }
.hotpro .lmtit{ height: 40px; padding: 0 15px; background: #333; color: #3b91ca; font-size: 16px; line-height: 40px; }
.hotpro .nr{ padding: 10px 0; }
.hotpro .nr ul li{ display: block; float: left; width: 25%; padding: 10px; box-sizing: border-box;}
.hotpro .nr ul li .tit{ height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #666; }

.nycase *{transition: all 0.5s;}
.nycase{ padding-bottom: 10px; }
.nycase ul li{ display: block; width: 31.33333%; float: left; margin: 0 1% 20px; position: relative;}
.nycase ul li .tit{ height: 40px; line-height: 40px; overflow: hidden; background: #eee; text-align: center; font-size: 14px; color: #333; text-overflow: ellipsis;white-space: nowrap; }
.nycase ul li .xian{ height: 3px; width: 0; position: absolute; bottom: 0; left: 50%; background: #3b91ca; }
.nycase ul li:hover .xian{ width: 100%; left: 0; }

.nynews ul li{ display: block; float: left; width: 29.33333%; position: relative; margin: 0 2% 50px; padding-left: 100px; box-sizing: border-box;}
.nynews ul li .date{ position: absolute; left: 0; top: 0; line-height: 30px; font-size: 18px; color: #333;}
.nynews ul li .date span{ display: block; line-height: 20px; font-size: 12px; color: #999; text-align: right; }
.nynews ul li .tit{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; color: #333; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5S;}
.nynews ul li .jj{ line-height: 25px; height: 50px; overflow: hidden; color: #999; }
.nynews ul li:hover .tit{ color: #3b91ca; }

.shownews *{transition: all 0.5s;}
.shownews{ padding-bottom: 15px; }
.shownews .title{ font-size:18px; line-height:30px; padding:10px 0; text-align:center; font-weight: bold;}
.shownews .date{ line-height:25px; background:#f6f6f6; color:#999; text-align:center; padding: 5px 10px;}
.shownews .nr{ padding:30px 10px; border-bottom:1px dashed #dfdfdf; line-height:30px; font-size:14px; color:#666;}
.shownews .nr a{ font-weight: bold; }
.shownews .db{ line-height:40px; padding:15px 0;}
.shownews .pre{ float:left; padding-right:30px;}
.shownews .fanh{ display:block; width:150px; height:35px; line-height:35px; text-align:center; border:1px solid #3b91ca; float:right; font-size:14px; color:#fff; background: #3b91ca;}
.shownews .fanh:hover{ color:#3b91ca; background:none;}
.shownews .pic{ text-align: center; margin-bottom: 10px; padding: 0 100px; position: relative; max-width: 600px; margin: 0 auto;}
.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); }