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

.banner{ position: relative; margin: 0 auto; overflow: hidden; }
.banner img{ width: 1920px; height: auto; max-width: initial; }
.banner .pagination{ z-index: 99; text-align: center; line-height: 20px; height: 20px; width: 100%; position: absolute; left: 0; bottom: 80px; }
.banner .pagination .swiper-pagination-switch{ width: 4px; height: 4px; padding: 7px; background: none; display: inline-block; border-radius: 50%; }
.banner .pagination .swiper-pagination-switch::before{ content: ' '; display: block; width: 4px; height: 4px; border-radius: 2px; background: #fff; }
.banner .pagination .swiper-active-switch{ border:2px solid #fff; }

.header{ position: fixed; width: 100%; left: 0; top: 0; z-index: 999; padding: 25px 0; transition: all .5s; }
.header .logo{ float: left; }
.header .logo img{ height: 35px; }
.header .lang{ float: right; line-height: 35px; margin-left: 100px; }
.header .lang a{ font-size: 18px; color: #333; margin-left: 25px; }
.header .lang a:hover{ color: #19b9d3; }
.header .inmuen{ float: right; line-height: 35px; }
.header .inmuen ul li{ display: block; float: left; }
.header .inmuen ul li a{ display: block; padding: 0 25px; font-size: 18px; }
.header .inmuen ul li a.on{ color: #19b9d3; }
.header_on{ background: rgba(255,255,255,.9); padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.1); }

.inpinp{ padding-top: 80px; }
.inpinp .left{ width: 40%; float: left; position: relative; }
.inpinp .left .pinp{ padding: 40px 20px; box-sizing: border-box; width: 120%; position: absolute; left: 0; top: -140px; background: url(../images/index_01.jpg) no-repeat center #def0f3; border-radius: 10px; overflow: hidden; text-align: center; z-index: 99; }
.inpinp .left .pinp .comname{ padding: 20px 0 27px; font-size: 25px; color: #333; }
.inpinp .left .wz{ margin-bottom: 50px; padding-left: 25px; width: 90%; margin-left: 10%; padding-right: 50px; box-sizing: border-box; margin-top: 340px; border-left: 5px solid #f090b1; font-size: 18px; line-height: 30px; color: #111; }
.inpinp .left .more{ display: block; margin-left: 10%; width: 100px; height: 30px; line-height: 30px; border-radius: 5px; background: #f090b1; color: #fff; font-size: 14px; text-align: center; }
.inpinp .left .more:hover{ background: #19b9d3; }
.inpinp .rightnr{ width: 60%; float: left; height: auto; border-radius:10px; overflow: hidden; position: relative; }
.inpinp .rightnr .bd ul li{ height: 635px; border-radius:10px; overflow: hidden; background-size: auto 100% !important; }
.inpinp .rightnr .pageState{ width: 125px; height: 50px; line-height: 50px; background: #fff; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 18px; color: #111; }

.inadv1{ height: 1400px; background: url(../images/index_04.jpg) no-repeat center; }
.inadv1 .nr{ float: right; padding-top: 400px; text-align: center; }
.inadv1 .nr .btit{ font-size: 77px; color: #111; margin-bottom: 25px; }
.inadv1 .nr .stit{ max-width: 688px; height: 104px; line-height: 82px; font-size: 35px; color: #666; background: url(../images/index_09.png) no-repeat center; margin-bottom: 25px;}
.inadv1 .nr .ico ul li{ display: inline-block; width: 80px; height: auto; margin: 0 30px; }
.inadv1 .nr .ico ul li .pic{ margin-bottom: 20px; }
.inadv1 .nr .ico ul li .tit{ font-size: 20px; color: #666; }

.inadv2{ position: relative; }
.inadv2 img{ width: 100%; height: auto; }
.inadv2 .swiper-slide{ position: relative; }
.inadv2 .swiper-slide .nr{ position: absolute; width: 100%; top: 100px; z-index: 99; text-align: center; }
.inadv2 .swiper-slide .nr .btit{ font-size: 70px; color: #333; margin-bottom: 30px; position: relative; }
.inadv2 .swiper-slide .nr .stit{ font-size: 35px; color: #666; margin-bottom: 30px; position: relative; }
.inadv2 .swiper-slide .nr .more{ font-size: 25px; color: #22defb; position: relative; display: block; }
.inadv2 .swiper-slide .nr .more:hover{ text-decoration: underline; }
.inadv2 .pagination1{ z-index: 99; text-align: center; line-height: 20px; height: 20px; width: 100%; position: absolute; left: 0; bottom: 20px; }
.inadv2 .pagination1 .swiper-pagination-switch{ width: 20px; height: 20px; box-sizing: border-box; margin: 0 7px; background: none; border: 1px solid #fff; display: inline-block; border-radius: 50%; }
.inadv2 .pagination1 .swiper-active-switch{ border:1px solid #fff; background: #fff; }

.inabout{ padding-top: 300px; background: url(../images/index_11.jpg) no-repeat top; }
.inabout .nr{ border-radius: 10px; background: url(../images/index_14.jpg) no-repeat center #e0f0f4; padding: 70px 115px 70px 1000px; position: relative; }
.inabout .nr .left{ position: absolute; width: 850px; left: 20px; top: -92px; border-radius: 10px; overflow: hidden; }
.inabout .nr .right .entit{ font-size: 22px; color: #333; letter-spacing: 8px; margin-bottom: 10px; }
.inabout .nr .right .cntit{ font-size: 35px; font-weight: bold; color: #333; letter-spacing: 8px; margin-bottom: 50px; }
.inabout .nr .right .jj{ font-size: 16px; color: #666; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 50px; }
.inabout .nr .right .more{ font-size: 30px; display: block; }

.innews{ padding-top: 140px; margin-bottom: 50px; }
.innews .lmtit{ padding-left: 130px; margin-bottom: 50px; }
.innews .lmtit .en{ font-size: 22px; color: #333; letter-spacing: 8px; margin-bottom: 10px; }
.innews .lmtit .cn{ font-size: 35px; font-weight: bold; color: #333; letter-spacing: 8px; }
.innews .nr ul li{ display: block; width: 48%; margin: 0 1%; float: left; position: relative; }
.innews .nr ul li .pic{ border-radius: 10px 10px 0 0; overflow: hidden; }
.innews .nr ul li .pic img{ width: 100%; height: auto; transition: all .5s; }
.innews .nr ul li .wz{ width: 80%; box-sizing: border-box; background: #fff; padding: 40px 70px 0; border-radius: 10px; overflow: hidden; margin: 0 auto; position: relative; top: -90px; z-index: 99; }
.innews .nr ul li .wz .tit{ margin-bottom: 30px; font-size: 30px; line-height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #222; }
.innews .nr ul li .wz .jj{ height: 60px; line-height: 30px; overflow: hidden; font-size: 18px; color: #555; margin-bottom: 40px; }
.innews .nr ul li .wz .xian{ width: 100%; background: #666; height: 1px; }
.innews .nr ul li .wz .t{ width: 0%; background: #19b9d3; height: 1px; transition: all .5s; }
.innews .nr ul li.two{ margin-top: -110px; }
.innews .nr ul li:hover img{ transform: scale(1.1,1.1); }
.innews .nr ul li:hover .t{ width: 100%; }

.footer{ padding: 90px 0; background: #292929; }
.footer .fcon{ max-width: 330px; padding-right: 120px; border-right: 2px solid #fff; margin-right: 120px; float: left; }
.footer .fcon .tit{ font-size: 25px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.footer .fcon .xian{ width: 30px; height: 2px; background: #fff; margin-bottom: 20px; }
.footer .fcon .nr{ font-size: 18px; color: #fff; line-height: 35px; }
.footer .fnav{ width: 190px; float: left; }
.footer .fnav .tit{ font-size: 25px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.footer .fnav .xian{ width: 30px; height: 2px; background: #fff; margin-bottom: 20px; }
.footer .fnav a{ display: block; font-size: 18px; color: #fff; margin-bottom: 15px; }
.footer .fnav a:hover{ color: #19b9d3; }
.footer .ewm{ float: right; width: 130px; }
.footer .ewm .pic{ margin-bottom: 20px; }
.footer .ewm .tit{ font-size: 22px; color: #fff; text-align: center; }
.banq{ padding: 25px 0; background: #1c1c1c; font-size: 14px; color: #ccc; text-align: center; line-height: 30px; }
.banq .fenx{ display: inline-block; margin-right: 40px; }
.banq .fenx ul li{ display: inline-block; position: relative; width: 30px; height: 30px; border-radius: 50%; background: #c6c6c6; color: #1c1c1c; margin-right: 25px; font-size: 18px; cursor: pointer; }
.banq .fenx ul li .xf{ transition: all .5s; opacity: 0; width: 120px; height: 120px; overflow: hidden; position: absolute; left: 50%; margin-left: -60px; top: -100px; }
.banq .fenx ul li .xf img{ width: 120px; height: 120px; max-width: inherit; }
.banq .fenx ul li:hover{ background: #19b9d3; color: #fff; }
.banq .fenx ul li:hover .xf{ opacity: 1; top: -130px; }