@charset "utf-8";
/*!
 * 米维建站  一建轻松建站
 * 详尽信息请看官网：http://www.miwinfo.com/
 *
 * Copyright 2014 米维建站
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 */
.content { max-width: 1200px; 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: #32beff;}/* 回到顶部 */
.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-906b853782c8066d2a4637e059b63966.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: #3dadb4;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ position: relative; 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: 20px; }
.banner .pagination .swiper-pagination-switch{ margin: 0 5px; vertical-align: middle; cursor: pointer; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.8); }
.banner .pagination .swiper-active-switch{ background: none; border: 2px solid rgba(255,255,255,.8); }

/*.header .logo{ float: left; }
.header .logo img{ height: 90px; }*/
.header .inmuen{ float: right; line-height: 90px; }
.header .inmuen ul li{ line-height: 90px; box-sizing: border-box; display: block; padding: 0 25px; border-bottom: 5px solid #fff; float: left; font-size: 16px; color: #333; }
.header .inmuen ul li:hover{ border-bottom: 5px solid #3dadb4; }
.header .inmuen ul li.on{ border-bottom: 5px solid #3dadb4; }

.inabout{ padding: 60px 0; }
.inabout .lmtit{ max-width: 560px; margin: 0 auto; height: 60px; line-height: 60px; position: relative; text-align: center; }
.inabout .lmtit .xian{ height: 1px; background: #cccccc; width: 100%; position: absolute; left: 0; top: 50%; }
.inabout .lmtit span{ display: inline-block; padding: 0 36px; background: #fff; position: relative; z-index: 9999; margin: 0 auto; color: #32beff; font-size: 40px; }
.inabout .enlmtit{ font-size: 30px; color: #cccccc; text-align: center; margin-bottom: 35px; }
.inabout .left{ width: 60%; padding-right: 50px; box-sizing: border-box; float: left; }
.inabout .left .tit{ font-size: 30px; font-weight: bold; color: #666666; margin-bottom: 10px; }
.inabout .left .xian{ width: 60px; height: 5px; background: #ff6e75; margin-bottom: 25px; }
.inabout .left .wz{ font-size: 14px; line-height: 25px; color: #666; height: 150px; overflow: hidden; }
.inabout .left .wz a{ color: #23a7e4; }
.inabout .right{ width: 40%; float: right; }
.inabout .right img{ width: 100%; height: auto; }

.insan{ padding: 60px 0; background: #f5f5f5; }
.insan ul li{ display: block; width: 31.3333333%; float: left; margin: 0 1%; background: #fff; transition: all .5s; }
.insan ul li .pic{ overflow: hidden; }
.insan ul li .pic img{ width: 100%; height: auto; transition: all .5s; }
.insan ul li:hover img{ transform: scale(1.1,1.1); }
.insan ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.1); }
.insan ul li .tit{ padding: 15px 10px; }
.insan ul li .tit .cn{ height: 22px; overflow: hidden; line-height: 22px; font-size: 22px; color: #666; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.insan ul li .tit .en{ height: 14px; overflow: hidden; line-height: 14px; font-size: 14px; color: #ccc; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.inpro{ background: #f5f5f5; }
.inpro .lmtit{ max-width: 560px; margin: 0 auto; height: 60px; line-height: 60px; position: relative; text-align: center; }
.inpro .lmtit .xian{ height: 1px; background: #cccccc; width: 100%; position: absolute; left: 0; top: 50%; }
.inpro .lmtit span{ display: inline-block; padding: 0 36px; background: #f5f5f5; position: relative; z-index: 9999; margin: 0 auto; color: #32beff; font-size: 40px; }
.inpro .enlmtit{ font-size: 30px; color: #cccccc; text-align: center; margin-bottom: 35px; }
.inpro .nav{ text-align: center; margin-bottom: 35px; }
.inpro .nav ul li{ display: inline-block; height: 45px; line-height: 45px; border: 1px solid #999; font-size: 16px; color: #333; padding: 0 30px; margin: 3px 15px; }
.inpro .nav ul li.more{ font-size: 40px; line-height: 20px; color: #32beff; }
.inpro .nav ul li:hover{ background: #32beff; border: 1px solid #32beff; color: #fff; }
.inpro .nr ul li{ display: block; width: 25%; float: left; }
.inpro .nr ul li .pic{ overflow: hidden; }
.inpro .nr ul li .pic img{ width: 100%; height: auto; transition: all .5s; }
.inpro .nr ul li:hover img{ transform: scale(1.1,1.1); }


.inpro .nav2{ text-align: center; margin-bottom: 35px; }
.inpro .nav2 ul li{ display: inline-block; /*height: 45px; line-height: 45px; border: 1px solid #999; font-size: 16px; color: #333; padding: 0 30px; margin: 3px 15px; */}
/*.inpro .nav2 ul li.more{ font-size: 40px; line-height: 20px; color: #32beff; }
.inpro .nav2 ul li:hover{ background: #32beff; border: 1px solid #32beff; color: #fff; }*/






.innews{ padding: 60px 0; }
.innews .lmtit{ max-width: 560px; margin: 0 auto; height: 60px; line-height: 60px; position: relative; text-align: center; }
.innews .lmtit .xian{ height: 1px; background: #cccccc; width: 100%; position: absolute; left: 0; top: 50%; }
.innews .lmtit span{ display: inline-block; padding: 0 36px; background: #fff; position: relative; z-index: 9999; margin: 0 auto; color: #32beff; font-size: 40px; }
.innews .enlmtit{ font-size: 30px; color: #cccccc; text-align: center; margin-bottom: 35px; }
.innews .left{ width: 60%; padding-right: 45px; box-sizing: border-box; float: left; }
.innews .left ul li{ display: block; padding: 10px 0 10px 95px; position: relative; border-bottom: 1px solid #efefef; min-height: 74px; }
.innews .left ul li .date{ width: 75px; border-right: 1px solid #efefef; position: absolute; left: 0; top: 10px; text-align: center; }
.innews .left ul li .date span{ font-size: 48px; color: #aaaaaa; display: block; height: 48px; margin-bottom: 10px; }
.innews .left ul li .date em{ display: block; font-size: 12px; color: #aaaaaa; }
.innews .left ul li .tit{ height: 30px; line-height: 30px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.innews .left ul li .jj{ height: 44px; line-height: 22px; font-size: 12px; color: #666; overflow: hidden; }
.innews .left ul li:hover .tit{ color: #32beff; }
.innews .right{ width: 40%; float: right; }
.innews .right img{ width: 100%; height: auto; }

.inmess{ padding: 60px 0; background: url(/images/index_07-c1eded90d0b9c8ab80289bcbaef24a68.jpg) repeat-y center; }
.inmess .text1{ margin-bottom: 30px; height: 60px; width: 49%; margin-right: 1%; padding: 0 15px; box-sizing: border-box; background: rgba(0,0,0,.6); color: #fff; float: left; }
.inmess .text2{ margin-bottom: 30px; height: 60px; width: 49%; margin-left: 1%; padding: 0 15px; box-sizing: border-box; background: rgba(0,0,0,.6); color: #fff; float: left; }
.inmess .textarea{ width: 100%; height: 80px; padding: 5px 15px; box-sizing: border-box; line-height: 23.333333px; border: 0px; background: rgba(0,0,0,.6); color: #fff; margin-bottom: 40px; }
.inmess .ann{ width: 140px; margin: 0 auto; }
.inmess .ann .sub{ width: 100%; height: 45px; background: #32beff; color: #fff; font-size: 14px; outline: none; }
.inmess .ann .sub:hover{ background: #2babe7; }

.footer{ padding: 30px 0; background: #2b2b2b; }
.footer .fcon{ width: 260px; float: left; margin-right: 85px; }
.footer .fcon .tit{ color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.footer .fcon .nr{ font-size: 14px; line-height: 25px; color: #999;  }
.footer .mid{ width: 600px; text-align: center; float: left; }
.footer .mid .fnav{ line-height: 50px; border-bottom: 1px solid #555; }
.footer .mid .fnav ul li{ display: inline-block; font-size: 14px; font-weight: bold; color: #eee; padding: 0 15px; }
.footer .mid .fnav ul li:hover{ color: #32beff; }
.footer .mid .fenx{ padding: 15px 0; line-height: 40px; }
.footer .mid .fenx span{ display: inline-block; font-size: 14px; color: #999; }
.footer .mid .fenx .li{ display: inline-block; position: relative; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #424343; border-radius: 50%; color: #a1a1a1; font-size: 20px; margin: 0 8px; }
.footer .mid .fenx .li .xf{ position: absolute; width: 100px; height: 100px; background: #fff; left: 50%; margin-left: -50px; top: -120px; display: none; }
.footer .mid .fenx .li:hover .xf{ display: block; }
.footer .mid .fenx .li:hover{ background: #32beff; color: #fff; }
.footer .ewm2{ width: 100px; float: right; }
.footer .ewm2 img{ width: 100%; height: auto; }
.banq{ padding: 10px 0; background: #141415; line-height: 25px; text-align: center; color: #888; font-size: 14px; }
.banq a{ color: #ccc; text-decoration: underline; }

.nybanner{ padding: 90px 0; text-align: center; background-attachment: fixed !important; }
.nybanner .lmtit{ font-size: 30px; font-weight: bold; color: #fff; }
.nybanner .xian{ height: 5px; width: 65px; background: #32beff; margin: 20px auto; }
.nybanner .weizhi{ font-size: 14px; color: #fff; }
.nybanner .weizhi a{ color: #fff; }
.nybanner .weizhi a:hover{ color: #32beff; }

.nynav{ background: #fff; border-bottom: 1px solid #e2e2e2; line-height: 55px; text-align: center; }
.nynav ul li{ display: inline-block; line-height: 52px; border-bottom: 3px solid #fff; font-size: 16px; color: #666; padding: 0 28px; }
.nynav ul li:hover{ border-bottom: 3px solid #32beff; }
.nynav ul li.on{ border-bottom: 3px solid #32beff; }

.nypro{ background: #f9f9f9; padding-top: 50px; }
.nypro ul li{ transition: all .5s; display: block; width: 31.3333333%; margin: 0 1% 50px; box-sizing: border-box; padding: 20px; background: #fff; float: left; }
.nypro ul li .pic{ height: 200px; background-size: 100% auto !important; position: relative; margin-bottom: 15px; }
.nypro ul li .pic .fgc{ transition: all .5s; opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); }
.nypro ul li .pic .fgc .ico{ width: 40px; height: 40px; border: 2px solid #32beff; text-align: center; line-height: 40px; font-size: 25px; color: #32beff; border-radius: 50%; overflow: hidden; margin: 0 auto 10px; }
.nypro ul li .pic .fgc .more{ font-size: 14px; color: #32beff; }
.nypro ul li .tit{ font-size: 18px; text-align: center; color: #666; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypro ul li:hover .pic .fgc{ opacity: 1; }
.nypro ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.1); }
.nypro ul li:hover .tit{ color: #32beff; }

.page{ background: #f9f9f9; padding-bottom: 50px; text-align: center;  }
.page .content{ display: inline-block; background: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.page .content a{ display: block; float: left; line-height: 30px; font-size: 14px; color: #666; padding: 0 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.page .content a:hover{ background: #337ab7; color: #fff; }
.page .content a.on{ background: #337ab7; color: #fff; }

.nynews{ background: #f9f9f9; padding: 20px 0 50px; }
.nynews ul li{ display: block; padding: 35px 130px 35px 250px; min-height: 125px; position: relative; border-bottom: 1px solid #e5e5e5; transition: all 0.5s;}
.nynews ul li .pic{ width: 500px; overflow: hidden; position: absolute; left: 0; top: 30px; }
.nynews ul li .date{ padding: 0 23px; position: absolute; border-left: 1px solid #e5e5e5; right: 0; top: 50%; margin-top: -48px; text-align: right;}
.nynews ul li .date span{ font-size: 50px; color: #999; font-weight: bold; display: block;}
.nynews ul li .date em{ display: block; font-size: 15px; color: #999; 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; }
.nynews ul li .jj{ font-size: 14px; color: #999999; line-height: 30px; height: 60px; overflow: hidden; }
.nynews ul li:hover .tit{ color: #32beff; }

.nywangd{ padding: 35px 0; text-align: center; }
.nywangd .lmtit{ font-size: 40px; color: #333; font-weight: bold; margin-bottom: 20px; }
.nywangd .jj{ font-size: 14px; color: #666; line-height: 30px; margin-bottom: 20px; }

.nyjingx{ padding-bottom: 60px; }
.nyjingx ul li{ display: block; width: 33.333333%; float: left; box-sizing: border-box; padding:  0 90px; text-align: center; }
.nyjingx ul li .pic{ padding: 15px 0; border-bottom: 2px dashed #dfdfdf; margin-bottom: 10px; }
.nyjingx ul li .tit{ height: 40px; line-height: 40px; font-size:  22px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.nyjoincon .pic img{ width: 100%; height: auto; }
.nyjoincon .wz{ padding: 10px 0; line-height: 25px; font-size: 14px; color: #666; text-align: center; }

.nyjoinmess{ padding: 60px 0; }
.nyjoinmess .lmtit{ font-size: 40px; font-weight: bold; color: #333; text-align: center; margin-bottom: 45px; }
.nyjoinmess .text1{ margin-bottom: 30px; height: 60px; width: 49%; margin-right: 1%; padding: 0 15px; box-sizing: border-box; background: rgba(0,0,0,.4); color: #fff; float: left; }
.nyjoinmess .text2{ margin-bottom: 30px; height: 60px; width: 49%; margin-left: 1%; padding: 0 15px; box-sizing: border-box; background: rgba(0,0,0,.4); color: #fff; float: left; }
.nyjoinmess .textarea{ width: 100%; height: 80px; padding: 5px 15px; box-sizing: border-box; line-height: 23.333333px; border: 0px; background: rgba(0,0,0,.4); color: #fff; margin-bottom: 40px; }
.nyjoinmess .ann{ width: 140px; margin: 0 auto; }
.nyjoinmess .ann .sub{ width: 100%; height: 45px; background: #32beff; color: #fff; font-size: 14px; outline: none; }
.nyjoinmess .ann .sub:hover{ background: #2babe7; }

.nyaboutmainmain{ background: #f9f9f9; padding: 20px 0; }
.nyaboutmain{ background: #fff; padding: 30px 40px; }
.nyabout{ padding-bottom: 50px; }
.nyabout .lmtit{ font-size: 25px; color: #333; background: url(/images/about_01-ef5894f62bc1d92c626366f24dddbfef.jpg) no-repeat center; text-align: center; margin-bottom: 30px; }
.nyabout .nr{ font-size: 14px; line-height: 30px; color: #666; }

.nyteam{ padding-bottom: 50px; }
.nyteam .lmtit{ font-size: 25px; color: #333; background: url(/images/about_01-ef5894f62bc1d92c626366f24dddbfef.jpg) no-repeat center; text-align: center; margin-bottom: 30px; }
.nyteam .nr ul li{ display: block; width: 48%; float: left; margin: 8px 1%; background: #f9f9f9; padding: 20px 20px 20px 200px; position: relative; box-sizing: border-box; min-height: 150px; }
.nyteam .nr ul li .pic{ width: 150px; height: 150px; overflow: hidden; border-radius: 50%; position: absolute; left: 30px; top: 30px; }
.nyteam .nr ul li .tit{ font-size: 32px; color: #32beff; margin-bottom: 20px; }
.nyteam .nr ul li .tit span{ font-size: 14px; color: #999; margin-left: 20px; }
.nyteam .nr ul li .jj{ font-size: 14px; color: #666; line-height: 25px; }
.nyteam .nr ul li.one{ width: 98%; padding: 20px 20px 20px 340px; min-height: 335px; }
.nyteam .nr ul li.one .pic{ width: 275px; height: 275px; }

.nylic .lmtit{ font-size: 25px; color: #333; background: url(/images/about_01-ef5894f62bc1d92c626366f24dddbfef.jpg) no-repeat center; text-align: center; margin-bottom: 30px; }
.nylic .nr{ min-height: 664px; position: relative; background: url(/images/about_03-a9bf124249b5ca761d762c716c3ed115.jpg) no-repeat center; }
.nylic .nr .li1{ font-size: 15px; line-height: 25px; color: #666; width: 400px; position: absolute; padding-left: 85px; }
.nylic .nr .li1 span{ display: block; width: 70px; text-align: center; font-size: 20px; color: #fff; position: absolute; left: 0; top: 0; }
.nylic .nr .li2{ font-size: 15px; line-height: 25px; color: #666; width: 400px; text-align: right; position: absolute; padding-right: 85px; }
.nylic .nr .li2 span{ display: block; width: 70px; text-align: center; font-size: 20px; color: #fff; margin-left: 20px; position: absolute; right: 0; top: 0; }
.nylic .nr .wz1{ left: 582px; top: 58px; }
.nylic .nr .wz2{ left: 55px; top: 156px; }
.nylic .nr .wz3{ left: 582px; top: 255px; }
.nylic .nr .wz4{ left: 55px; top: 356px; }
.nylic .nr .wz5{ left: 582px; top: 506px; }

.backgroundPic
{
    background:url(/images/8bb-30d2ad19f41b05c3579b7a28650eb877.png) no-repeat center;
}
.backgroundPic2
{
    background:url(/images/9bb-657e823aa21dc4c83f2f47b6e9421ac5.png) no-repeat center;
}
.backgroundPic3
{
    background:url(/images/bg-ab4a32e083007b0b7735b638d93fb696.jpg) no-repeat center;
}
.backgroundPic4
{
    background:url(/images/9bb-657e823aa21dc4c83f2f47b6e9421ac5.png) no-repeat center;
}
.backgroundPic5
{
    background:url(/images/index_05-243f6e3c0ad05a4763ea92f79083746c.jpg) no-repeat center;
}
.backgroundPic6
{
    background:url(/images/party3-88da6567696c7f3180aab9abf658f695.png) no-repeat center;
}