.content { max-width: 1200px; 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: #087dca;}
.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: #087dca;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ position: relative; margin: 0 auto; overflow: hidden;text-align:center;}
.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: 10px; }
.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; }

.Bottomerkg{ height: 59px; display: none; }
.Bottomer{ display: none; position:fixed; bottom:0; width:100%; background:#087dca; 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;}

.intop{ height: 40px; line-height: 40px; background: #fbfbfb; font-size: 16px; color: #666; position: relative; }
.intop .mid{ position: absolute; height: 40px; line-height: 40px; width: 100%; left: 0; top: 0; text-align: center; }
.intop .fr{ font-weight: bold; color: #087dca; font-size: 20px; }

.header .logo{ padding: 28px 0; float: left; }
.header .mess{ padding: 5px 0; float: right; font-size: 16px; color: #666; width: 310px; position: relative; }
.header .mess .wz{ margin-bottom: 5px; }
.header .mess .text1{ width: 100px; margin-right: 10px; padding: 0 10px; box-sizing: border-box; border: 1px solid #dfdfdf; float: left; margin-bottom: 10px; height: 35px; line-height: 35px; }
.header .mess .text2{ width: 200px; padding: 0 10px; box-sizing: border-box; border: 1px solid #dfdfdf; float: left; margin-bottom: 10px; height: 35px; line-height: 35px; }
.header .mess .text3{ width: 100%; padding: 0 10px; box-sizing: border-box; border: 1px solid #dfdfdf; float: left; height: 35px; line-height: 35px; }
.header .mess .sub{ width: 60px; height: 35px; line-height: 35px; background: #087dca; outline: none; position: absolute; right: 0; bottom: 5px; color: #fff; }
.header .ewm{ float: right; margin-right: 40px; width: 80px; padding: 5px 0; }
.header .ewm .pic img{ width: 100%; height: auto; }
.header .ewm .tit{ font-size: 14px; color: #999; line-height: 30px; text-align: center; }

.inmuen{ height: 45px; background: #f5f5f5; }
.inmuen .content{ position: relative; }
.inmuen ul li{ display: block; float: left; padding: 0 20px; }
.inmuen ul li > a{ display: block; line-height: 43px; font-size: 16px; color: #333; }
.inmuen ul li:hover > a{ font-weight: bold; border-bottom: 2px solid #087dca; color: #087dca; }
.inmuen ul li.on > a{ font-weight: bold; border-bottom: 2px solid #087dca; color: #087dca; }
.inmuen ul li .erji1{ display: none; box-shadow:0 10px 10px rgba(0,0,0,.1); position: absolute; width: 100%; height: auto; box-sizing: border-box; padding: 20px; border-bottom: 2px solid #087dca; left: 0; top: 45px; z-index: 999; background: #fff; }
.inmuen ul li .erji1 .nav{ display: inline-block; width: 150px; }
.inmuen ul li .erji1 .nav .tit{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.inmuen ul li .erji1 .nav .li{ display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; }
.inmuen ul li .erji1 .nav .li:hover{ color: #087dca; }
.inmuen ul li:hover .erji1{ display: block; }
.inmuen ul li .erji2{ display: none; box-shadow:0 10px 10px rgba(0,0,0,.1); position: absolute; width: 100%; height: auto; box-sizing: border-box; padding: 10px 20px; border-bottom: 2px solid #087dca; left: 0; top: 45px; z-index: 999; background: #fff; }
.inmuen ul li .erji2 .li{ display: inline-block; width: 150px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; }
.inmuen ul li .erji2 .li:hover{ color: #087dca; }
.inmuen ul li:hover .erji2{ display: block; }

.inyous{ padding: 45px 0; }
.inyous .content{ border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; padding: 0; }
.inyous .content ul li{ transition: all .5s; text-align: center; display: block; padding: 30px 10px; box-sizing: border-box; float: left; width: 25%; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
.inyous .content ul li .tit{ font-size: 23px; margin-bottom: 5px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inyous .content ul li .jj{ font-size: 16px; margin-bottom: 10px; height: 18px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inyous .content ul li .pic{ height: 105px; overflow: hidden; line-height: 105px; }
.inyous .content ul li:hover{ box-shadow: inset 0 0 10px rgba(0,0,0,.1); }

.inabout{ width: 33.3333%; box-sizing: border-box; float: left; padding-right: 15px; border-right: 1px solid #dfdfdf; }
.inabout .lmtit{ height: 26px; line-height: 26px; margin-bottom: 20px; }
.inabout .lmtit span{ display: block; padding-left: 10px; border-left: 2px solid #087dca; font-size: 24px; color: #333; float: left; }
.inabout .lmtit .more{ float: right; font-size: 18px; color: #087dca; }
.inabout .nr{ height: 285px; overflow: hidden; font-size: 16px; line-height: 30px; color: #666; }
.inabout .nr a{ color: #087dca; }
.inabout .nr a:hover,.inabout .lmtit .more:hover{ text-decoration: underline; }

.inwenh{ width: 33.3333%; box-sizing: border-box; float: left; padding-right: 15px; padding-left: 15px; border-right: 1px solid #dfdfdf; }
.inwenh .lmtit{ height: 26px; line-height: 26px; margin-bottom: 20px; }
.inwenh .lmtit span{ display: block; padding-left: 10px; border-left: 2px solid #087dca; font-size: 24px; color: #333; float: left; }
.inwenh .lmtit .more{ float: right; font-size: 18px; color: #087dca; }
.inwenh .nr{ height: 235px; overflow: hidden; font-size: 16px; line-height: 30px; color: #666; padding-bottom: 50px; background: url(../images/index_07.png) no-repeat bottom center; }

.innews{ width: 33.3333%; box-sizing: border-box; float: left; padding-left: 15px; }
.innews .lmtit{ height: 26px; line-height: 26px; margin-bottom: 20px; }
.innews .lmtit span{ display: block; padding-left: 10px; border-left: 2px solid #087dca; font-size: 24px; color: #333; float: left; }
.innews .lmtit .more{ float: right; font-size: 18px; color: #087dca; }
.innews .nr .one{ padding-left: 185px; position: relative; }
.innews .nr .one .pic{ width: 170px; height: 140px; position: absolute; left: 0; top: 0; overflow: hidden; }
.innews .nr .one .tit{ margin-bottom: 10px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #333; }
.innews .nr .one .jj{ font-size: 14px; color: #666; line-height: 25px; height: 100px; overflow: hidden; }
.innews .nr ul li{ display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; }
.innews .nr ul li:hover{ color: #087dca; text-decoration: underline; }

.inyangb{ padding: 40px 0; }
.inyangb .lmtit{ padding-top: 28px; position: relative; margin-bottom: 20px; }
.inyangb .lmtit .en{ position: absolute; width: 100%; left: 0; top: 0; text-align: center; z-index: 9; font-size: 40px; font-weight: bold; color: #c0def1; }
.inyangb .lmtit .cn{ text-align: center; font-size: 25px; color: #087dca; position: relative; z-index: 99; }
.inyangb .lmxian{ width: 80px; height: 1px; background: #087dca; margin: 0 auto; }
.inyangb .lmjj{ padding: 15px 0; line-height: 22px; font-size: 14px; color: #666; text-align: center; }
.inyangbnr .hd{ text-align: center; padding: 30px 0; }
.inyangbnr .hd ul li{ cursor: pointer; display: inline-block; width: 180px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #333; }
.inyangbnr .hd ul li.on{ background: #087dca; color: #fff; border-radius: 10px; }
.inyangbnr .bd ul{ position: relative; padding: 15px 585px 15px 15px; border: 1px solid #087dca; box-sizing: border-box; overflow: hidden; }
.inyangbnr .bd ul .pic{ width: 575px; position: absolute; right: 0; top: 0;}
.inyangbnr .bd ul .pic img{ width: 100%; height: auto; }
.inyangbnr .bd ul .wz{ font-size: 16px; color: #333; line-height: 30px; height: 240px; overflow: hidden; margin-bottom: 10px; }
.inyangbnr .bd ul .ann{ display: inline-block; padding: 0 35px; border: 1px solid #087dca; height: 40px; line-height: 40px; border-radius: 20px; font-size: 16px; color: #087dca; margin-right: 20px; }
.inyangbnr .bd ul .ann:hover{ background: #087dca; color: #fff; }

.inadv{ height: 248px; background: url(../images/index_09.jpg) no-repeat center; }
.inadv .wz{ font-size: 25px; font-weight: bold; color: #eee; line-height: 45px; padding: 75px 0 0 300px; float: left; }
.inadv .ann{display: block; width: 200px; height: 60px; background: #ff6537;  border-radius: 30px; font-size: 25px; font-weight: bold; text-align: center; line-height: 60px; color: #fff; float: right; margin-top: 95px;}
.inadv .ann:hover{ background: #e5592f; }

.inpar{ padding: 40px 0; }
.inpar .lmtit{ padding-top: 28px; position: relative; margin-bottom: 20px; }
.inpar .lmtit .en{ position: absolute; width: 100%; left: 0; top: 0; text-align: center; z-index: 9; font-size: 40px; font-weight: bold; color: #c0def1; }
.inpar .lmtit .cn{ text-align: center; font-size: 25px; color: #087dca; position: relative; z-index: 99; }
.inpar .lmxian{ width: 80px; height: 1px; background: #087dca; margin: 0 auto; }
.inpar .lmjj{ padding: 15px 0; line-height: 22px; font-size: 14px; color: #666; text-align: center; }
.inpar .nr{ padding: 30px 0; background: #f9f9f9; margin-top: 20px; }
.inpar .nr ul li{ display: block; width: 17%; float: left; margin: 20px 1.5%; overflow: hidden; }
.inpar .nr ul li img{ width: 100%; height: auto; transition: all .5s; }
.inpar .nr ul li:hover img{ transform: scale(1.1,1.1); }

.inlink{ padding-bottom: 30px; }
.inlink .lmtit{ font-size: 24px; color: #087dca; border-bottom: 1px solid #dfdfdf; padding-bottom: 15px; }
.inlink .nr{ padding: 15px 0; line-height: 22px; font-size: 14px; }
.inlink .nr a{ margin-right: 15px; }

.footer{ padding-top: 20px; background: #161d2c; }
.footer .finfo{ padding-right: 180px; position: relative; }
.footer .finfo .fnav{ padding: 10px 0; line-height: 30px; margin-bottom: 10px; }
.footer .finfo .fnav a{ font-size: 18px; color: #eff0f0; display: inline-block; margin-right: 60px; }
.footer .finfo .fcon .tit{ font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.footer .finfo .fcon .wz{ font-size: 16px; color: #a0a1a5; line-height: 30px; }
.footer .finfo .ewm{ width: 80px; position: absolute; right: 40px; top: 20px; }
.footer .finfo .ewm .pic img{ width: 100%; height: auto; }
.footer .finfo .ewm .tit{ font-size: 18px; color: #e6e6e7; line-height: 50px; text-align: center; }
.footer .banq{ margin-top: 20px; color: #a0a1a5; padding: 20px 250px 20px 0; position: relative; border-top: 1px solid #3f4145; line-height: 25px; font-size: 16px; }
.footer .banq .phone{ width: 240px; position: absolute; height: 100%; line-height: 100%; font-size: 20px; color: #fff; text-align: left; top: 0;right: 0; }

.inxfadv1{ box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 5px; position: fixed; z-index: 9999; right: 10px; top: 170px; overflow: hidden; width: 265px; height: 240px; padding: 10px; background: #fff; }
.inxfadv1 .inxfadvnr1{ overflow: hidden; position: relative; border-radius: 5px; }
.inxfadv1 img{ width: 265px; height: 240px; }
.inxfadv1 .pagination1{ z-index: 99; text-align: center; line-height: 20px; height: 20px; width: 100%; position: absolute; left: 0; bottom: 5px; }
.inxfadv1 .pagination1 .swiper-pagination-switch{ width: 8px; height: 8px; margin: 0 4px; background: #fff; display: inline-block; border-radius: 50%; }
.inxfadv1 .pagination1 .swiper-active-switch{ background: #087dca; }

.inxfadv2{ box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 5px; position: fixed; z-index: 9999; right: 10px; top: 440px; overflow: hidden; width: 265px; height: 240px; padding: 10px; background: #fff; }
.inxfadv2 .inxfadvnr2{ overflow: hidden; position: relative; border-radius: 5px; }
.inxfadv2 img{ width: 265px; height: 240px; }
.inxfadv2 .pagination2{ z-index: 99; text-align: center; line-height: 20px; height: 20px; width: 100%; position: absolute; left: 0; bottom: 5px; }
.inxfadv2 .pagination2 .swiper-pagination-switch{ width: 8px; height: 8px; margin: 0 4px; background: #fff; display: inline-block; border-radius: 50%; }
.inxfadv2 .pagination2 .swiper-active-switch{ background: #087dca; }

.inxfadv3{ box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 5px; position: fixed; z-index: 9999; left: 10px; top: 170px; overflow: hidden; width: 265px; height: 240px; padding: 10px; background: #fff; }
.inxfadv3 .pic img{ width: 265px; height: 240px; border-radius: 5px; }

.inxfadv4{ box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 5px; position: fixed; z-index: 9999; left: 10px; top: 440px; overflow: hidden; width: 265px; height: 240px; padding: 10px; background: #fff; }
.inxfadv4 .pic img{ width: 265px; height: 240px; border-radius: 5px; }