body, html, article, section, h1, h2, p, a, ul, li, em, div, small, span, footer, canvas, figure, figcaption, input {margin: 0;padding: 0}
html {font-size: 12px}
body {font-family: Arial, 'Microsoft Yahei';color: #535353;margin: 0 auto;position: relative;background: #f2f2f2}
div, dl, dt, td, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, code, fieldset, legend, p, blockquote {list-style: none;margin: 0;padding: 0}
input, textarea {padding: 0;margin: 0;resize: none;outline: 0;-webkit-user-select: auto}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {display: none}
select {appearance: none;-webkit-appearance: none;border-radius: 0}
img {vertical-align: middle}
a img {border: 0}
img {-webkit-transform: scale(1) rotate(0deg) translate3d(0, 0, 0);transform: scale(1) rotate(0deg) translate3d(0, 0, 0)}
a {color: #535353;text-decoration: none;outline: 0;-webkit-tap-highlight-color: transparent;-webkit-appearance: none}
a:hover {text-decoration: none}
.clear {clear: both;height: 0;overflow: hidden}
.transition {transition: .5s ease;-moz-transition: .5s ease;-webkit-transition: .5s ease;-o-transition: .5s ease}
.w_1200 {width: 120rem;margin: 0 auto;overflow: hidden}
:root{--color-primary:#1A8DCE;--color-primary-1:#002068}
/*页码*/
.pagination{display:flex;align-items:center;justify-content:center;width: 100%}
.pagination svg{height:10px;width:10px}
.pagination span{display:flex;align-items:center;justify-content:center;width:80px;height:35px;color:#7E7E7E;font-size: 1.2rem;background: #fff;border-radius: 50px;}
.pagination span:hover{color:#409eff}
.pagination span.disabled{color:#a8abb2!important;cursor:not-allowed}
.pagination .pager{overflow:hidden;padding: 0 6px;}
.pagination .pager li{width:35px;height:35px;float:left;display:flex;justify-content:center;align-items:center;background-color:#fff;font-size:1.2rem;margin:0 6px;color:#303133;border-radius:50px;}
.pagination .pager li:hover{color:var(--color-primary-1)}
.pagination .pager li.active{background: var(--color-primary-1);color:#fff}
.pagination a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}
/*底部*/
#footer{width:100%;color:#fff;font-size:1.3rem;position:relative;overflow:hidden;background: #000D2A;padding: 40px 0}
#footer .con{padding:0 0 55px 0;display:flex;justify-content: space-between;}
#footer .con .l{width:20%}
#footer .con .l img{width:120px}
#footer .con .l .txt{padding-top: 50px;flex-direction: column;}
#footer .con .l .txt .tel{display: flex;align-items: center;font-size: 1.6rem}
#footer .con .l .txt .tel img{width:20px;margin-right: 10px}
#footer .con .l .txt p{color: var(--color-primary);font-size: 3.6rem;padding-top: 15px}
#footer .con .c{width:70%;padding:0 80px;box-sizing:border-box}
#footer .con .c .menu-foot ul.first{display:flex;justify-content:space-between}
#footer .con .c .menu-foot ul.first>li>a{display:block;font-size:1.8rem;font-weight:400;color:#fff;position: relative;padding-bottom: 10px;}
#footer .con .c .menu-foot ul.first>li>a:before{content: '';position: absolute;bottom: 0;left: 30%;height: 1px;background: #1A8DCE;width:24px;}
#footer .con .c .menu-foot ul.second{margin-top:15px}
#footer .con .c .menu-foot ul.second li a{display:block;font-size:1.4rem;font-weight:400;color:#fff;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: left}
#footer .con .r{width:10%;font-size:1.6rem;text-align:center}
#footer .con .r p{padding-top:10px}
#footer .friend_link{color:#666666;padding:0 0 10px 0;}
#footer .friend_link a{color:#666666}
#footer .copyright{font-size:1.2rem;font-weight:400;color:#fff;text-align:center;position: relative}
#footer .copyright a{padding-left:8px;color:#fff}
#footer .copyright a.beian img{display:inline;margin:-3px 5px 0 0;width:16px}

#index.index{padding-bottom: 50px}
#index.index .banner{width: 100%;overflow: hidden;position: relative}
#index.index .banner img{width: 100%;}
#index .classify{padding: 20px;margin: 20px 0 50px;background: #fff;border-radius: 5px;display: flex;flex-wrap: wrap;}
#index .classify a{font-size: 14px;margin: 0 10px 10px;padding: 5px;display: inline-block;width:calc(10% - 15px);text-align: center;background: #f6f6f6}
#index .classify a.on,#index .classify a:hover{background: #0068b7;color: #fff;}
#index .list{padding-bottom: 30px}
#index .list .item{width:calc(33.33% - 20px);margin:0 0 30px 0;display: block;float: left}
#index .list .item:nth-of-type(3n+2){margin:0 30px}
#index .list .item img{width: 100%;aspect-ratio: 460/307}
#index .list .item .info{padding: 20px;background: #fff;width: 100%;font-size: 14px;box-sizing: border-box;}
#index .list .item .info p:nth-of-type(1){height:40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;line-height: 1.5}
#index .list .item span:hover{text-decoration: underline}

#view .top{height: 54px;width: 100%;background: #000;}
#view .top .device,
#view .top .qr,
#view .top .title{display: flex;height: 100%;align-items: center;float: left}
#view .top .device .icon{width: 17px;height: 16px;background: url(/static/img/icon.png) no-repeat;display: block;text-indent: 50em;overflow: hidden;margin-left: 10px;cursor: pointer;}
#view .top .device .icon:nth-of-type(1){background-position: 0 0;}
#view .top .device .icon:nth-of-type(1):hover,
#view .top .device .icon:nth-of-type(1).on{background-position: 0 -16px;}
#view .top .device .icon:nth-of-type(2){background-position: -24px 0;}
#view .top .device .icon:nth-of-type(2):hover,
#view .top .device .icon:nth-of-type(2).on{background-position: -24px -16px;}
#view .top .device .icon:nth-of-type(3){background-position: -49px 0;}
#view .top .device .icon:nth-of-type(3):hover,
#view .top .device .icon:nth-of-type(3).on{background-position: -49px -16px;}
#view .top .device .icon:nth-of-type(4){background-position: -71px 0;}
#view .top .device .icon:nth-of-type(4):hover,
#view .top .device .icon:nth-of-type(4).on{background-position: -71px -16px;}
#view .top .device .icon:nth-of-type(5){background-position: -94px 0;}
#view .top .device .icon:nth-of-type(5):hover,
#view .top .device .icon:nth-of-type(5).on{background-position: -94px -16px;}

#view .top .qr{position: relative;cursor: pointer;height: 100%;float: left}
#view .top .qr .qr-img{display: none;position: absolute;left: -14px;top: 45px;padding:20px;background: #fff;box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.15)}
#view .top .qr .qr-img p{padding-top: 5px}
#view .top .qr .txt{color: #fff;font-size: 12px;display: flex;align-items: center;height: 20px;line-height: 20px;border: 1px solid #414141;padding:2px 5px;margin-left: 20px;border-radius: 5px;}
#view .top .qr .txt img{margin-right: 3px}
#view .top .qr:hover .qr-img{display: block}
#view .top .title{color: #fff;font-size: 16px;font-weight: bold;padding-left: 15px}
#view .top .close{background: url('/static/img/close.png') no-repeat 0 0;width: 20px;height: 21px;display: inline-block;transition: all .3s ease-out 0s;margin: 18px 30px 0;float: right}
#view .top .close:hover{background-position: 0 -21px}

#view #iframe-wrap .iframe{height:100%;}
#view #iframe-wrap.pc .iframe{height:calc(100vh - 58px);}
#view #iframe-wrap.pad{height: 961px;margin: 20px auto;padding: 96px 50px 115px 49px;width: 786px;background: url(/static/img/pad.png) no-repeat 0 0;}
#view #iframe-wrap.pad-h {height: 703px;margin: 20px auto;padding: 41px 95px 41px 75px;width: 1041px;background: url(/static/img/pad-h.png) no-repeat;}
#view #iframe-wrap.phone {height: 735px;margin: 20px auto;padding: 102px 25px 87px 25px;width: 410px;background: url(/static/img/phone.png) no-repeat;}
#view #iframe-wrap.phone-h {height: 317px;margin: 20px auto;padding: 43px 87px 23px 82px;width: 605px;background: url(/static/img/phone-h.png) no-repeat;}