body{background: #fafafa; background-attachment: fixed; background-size: 50%}
html{font: 14px Microsoft Yahei,Verdana,Arial,Helvetica,sans-serif; color: rgb(51,51,51);} /* -webkit-filter: grayscale(100%)*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote{margin: 0; padding: 0}
*,:after,:before{-webkit-box-sizing: border-box; box-sizing: border-box}
img{border: none}
::-webkit-scrollbar{width: 10px; height: 10px}
::-webkit-scrollbar-thumb{background-color: #c2c2c2; background-clip: padding-box}
em,strong{font-style: normal}
ul,ol,dl,dd,dt,li{list-style: none}
h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal}
q::before,q::after{content: ''}
img{vertical-align: middle; border: 0}
address,caption,cite,code,em,th{font-weight: normal; font-style: normal}
button,input,select,textarea,radio{font-size: 100%; -webkit-appearance: none; appearance: none; -ms-appearance: none; -moz-appearance: none}
input,button,textarea,select,optgroup,option{font-size: inherit; font-weight: inherit; border: 0; outline: none}
address,cite,dfn,em,var{font-style: normal}
a{text-decoration: none; color: #555}
table{border-spacing: 0; border-collapse: collapse}
.clearfix:before,.clearfix:after{display: table; clear: both; content: ''}
.comw{width: auto; max-width: 100%; height: auto; margin: 0 auto}
@font-face{font-family: 'enfont'; src: url('./font/TrajanPro.eot'); src: url('./font/TrajanPro.eot') format('embedded-opentype'), url('./font/TrajanPro.woff2') format('woff2'), url('./font/TrajanPro.woff') format('woff'), url('./font/TrajanPro.ttf') format('truetype'), url('./font/TrajanPro.svg#TrajanPro') format('svg')}
@font-face{font-family: 'DIN'; src: url('./font/DIN-Regular.otf'); font-weight: normal; font-style: normal}
.icons{display: inline-block; width: 50px; height: 50px; vertical-align: middle; background: url(../images/index/icons/icons.png)}
.icons.icon-1{background-position: 0 0}
.icons.icon-2{background-position: 0 -50px}
.icons.icon-3{background-position: 0 -100px}
.icons.icon-4{background-position: 0 -150px}
.icons.icon-5{background-position: 0 -200px}
.icons.icon-6{background-position: 0 -250px}
.icons.icon-7{background-position: 0 -300px}
.mob-slider-btn{display: none}
._in_com_title{padding: 0 20px; text-align: center; color: #333}
._in_com_title .name{font-family: 'arial'; font-size: 30px; font-weight: 400}
._in_com_title .name .en{font-size: 14px; font-weight: bold; color: #000}
._in_com_title .txts{font-size: 15px; line-height: 1.5; margin-top: 5px; padding: 0 10%; color: #888}
#mask{position: fixed; z-index: 99999; top: 0; left: 0; display: none; width: 100%; height: 100%; background: #fff}
#mask .loader{position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px}
#mask .loader img{width: 100%; height: 100%}
.college{display: none; height: auto; margin-left: 320px; color: #fff}
.college > img{display: block; width: 100%}
.college .title{font-size: 18px; padding: 10px 20px 0 20px; letter-spacing: 1px; background: #5fb878}
.college ul{padding: 20px 20px 50px 20px; border-radius: 0 0 5px 5px; background: #5fb878}
.college ul li{font-size: 16px; line-height: 2; margin-bottom: 10px}
.eject-college{width: 400px !important; background: none !important; box-shadow: none !important}
.eject-college .layui-layer-setwin .layui-layer-close2{top: 18px}
.eject-college .college{font-family: 'arial'; display: block; margin-left: 0}
.applet{display: none; height: auto; color: #fff}
.applet > img{display: block; width: 100%}
.applet .title{font-size: 18px; font-weight: bolder; padding: 10px 0; letter-spacing: 1px}
.applet ul{padding: 10px 0}
.applet ul li{font-size: 16px; line-height: 2}
.eject-applet{width: 400px !important; padding: 15px !important; border-radius: 12px !important; background: #f00 !important}
.eject-applet .applet{font-family: 'arial'; display: block; margin-left: 0}
.advert{height: auto; padding: 10px 0}
.advert > a{display: block}
.advert > a img{width: 100%; height: auto}
.upper{position: relative; z-index: 100; height: 280px; background: #000}
.slider{position: fixed; top: 0; overflow: hidden; overflow-y: auto; width: 300px; height: 100%; background: linear-gradient(to bottom,#2c383c 0%,#1f0d73 100%)}
.slider .avator{padding-top: 30px; text-align: center}
.slider .avator img{max-width: 100%}
.slider .menus{display: block; padding: 15px}
.slider .menus li{position: relative; overflow: hidden; margin-bottom: 5px; border-bottom: 0 solid #222b2e; border-radius: 5px}
.slider .menus li:last-child{border-bottom: 0}
.slider .menus li::before{position: absolute; top: 0; right: 0; width: 0; height: 100%; content: ''; transition: all .3s ease-in-out; background: #fff}
.slider .menus li a{font-size: 16px; position: relative; display: table; width: 100%; padding: 20px 20px 23px 20px; text-align: right; letter-spacing: 1px; color: #d1d1d1}
.slider .menus li .txts{font-size: 14px; display: inline-block; margin-right: 10px; color: #908c8c}
.slider .menus li a .fa{font-size: 25px; position: relative; top: 3px; width: 20px; margin-left: 6px; text-align: center}
.slider .menus li a:hover,.slider .menus li a:hover .fa,.slider .menus li.active a{color: #000}
.slider .menus li.active::before,.slider .menus li:hover::before{width: 100%; content: ''; transition: all .3s ease-in-out}
.slider .menus li.active .txts,.slider .menus li:hover .txts{color: #333}
.slider .menus li.li-college{background: #5fb878}
.slider .menus li.li-college::before{background: #389552}
.slider .menus li.li-college a .fa{color: #fff}
.slider .menus li.li-college .txts{font-size: 15px; color: #fff}
.slider .menus li.li-applet{background: #f00; font-family: 'DIN'}
.slider .menus li.li-applet::before{background: #cd0000}
.slider .menus li.li-applet a .fa{color: #fff}
.slider .menus li.li-applet .txts{font-size: 15px; color: #fff}
.frame{height: auto; margin-left: 320px; padding: 20px 20px 50px 0; background: none}
.frame .newyear{margin: -20px -20px 0 -20px; height: 60px; background: url(../images/index/newyear.png) left top no-repeat #fafafa; background-size: contain}
.frame .upper{line-height: 50px; display: none; height: 50px; padding: 10px; background: #fff}
.indexs{height: auto}
.indexs ._in_banners{height: auto; max-height: 400px; border-radius: 10px; background: #fff}
._in_banners .swiper-slide{height: 400px}
._in_banners img{width: 100%; height: 100%; max-height: 400px; border-radius: 10px; object-fit: cover}
._in_banners .swiper_btn{font-family: simsun,Hiragino Sans GB; font-size: 40px; line-height: 80px; z-index: 2000; display: none; width: 42px; height: 80px; margin-top: -40px; text-align: center; color: #fff; background: rgba(0,0,0,.6)}
._in_banners .swiper-button-next{right: 0}
._in_banners .swiper-button-prev{left: 0}
._in_banners .swiper-pagination{bottom: 15px !important}
._in_banners .swiper-pagination .swiper-pagination-bullet{-webkit-box-sizing: content-box; box-sizing: content-box; width: 20px; height: 10px; margin: 0 5px !important; transition: all .3s ease-in-out; opacity: 1; border: 0 solid #fff; border-radius: 5px; background: rgba(255,255,255,.5)}
._in_banners .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 45px; background: #fff}
.indexs ._in_about{margin-top: 20px; padding: 80px 0 80px 0; border-radius: 10px; background: url(../images/index/superiority.png) no-repeat #fff; background-size: 100% 100%}
.indexs ._in_about .txts{font-size: 16px; line-height: 2; margin-top: 20px; padding: 0; letter-spacing: 1px; color: #555}
._in_service{height: auto; margin-top: 20px; padding: 80px 20px 80px 20px; border-radius: 10px; background: #fff}
._in_service ul{display: block; overflow: hidden; margin-top: 40px; background: #f0f0f0}
._in_service ul li{display: inline-block; float: left; width: calc((100% - 3px)/4); height: 330px; margin-right: 1px; padding: 10px; transition: all .3s; text-align: center; color: #333; background: #fff}
._in_service ul li.blue{color: #fff; background: #00559d}
._in_service ul li:last-child{margin-right: 0}
._in_service ul li .cover{height: auto; padding: 20px 0 20px 0}
._in_service ul li .cover .fa{font-size: 50px}
._in_service ul li .title{font-size: 16px; font-weight: bold}
._in_service ul li .txts{line-height: 1.5; margin-top: 10px; padding-top: 10px}
._in_service ul li:hover .title{text-decoration: underline; color: #00559d}
._in_service ._se_frame{height: auto; min-height: 100px; background: #fff}
._se_frame .fr_items{position: relative; overflow: hidden; height: auto; padding: 20px 0; border-bottom: 1px dashed #dfdfdf}
._se_frame .fr_items:last-child{border-bottom: 0}
._se_frame .fr_items .itname{font-size: 15px; font-weight: bolder; line-height: 30px; position: absolute; top: 50%; width: 120px; margin-top: -13px; text-align: center}
._se_frame .fr_items dl{display: block; overflow: hidden; margin-left: 120px}
._se_frame .fr_items dl dd{line-height: 30px; float: left; overflow: hidden; width: calc((100% - 20px)/3); height: 30px; margin-right: 10px; white-space: nowrap; text-overflow: ellipsis}
._se_frame .fr_items dl dd:nth-child(3n){margin-right: 0}
._se_frame .fr_items dl dd span{font-size: 12px; color: #888}
._in_service ._se_texts{font-family: 'arial'; font-size: 18px; line-height: 1.5; margin-top: 10px; padding: 10px 10px 10px 30px; text-align: left; letter-spacing: 1px; color: #000; background: #fff}
.indexs ._in_standard{height: auto; margin-top: 20px; padding: 80px 20px 80px 20px; border-radius: 10px; background: url(../images/index/bg-01.png) no-repeat fixed; background-size: cover}
.indexs ._in_standard dl{display: block; overflow: hidden; margin-top: 40px}
.indexs ._in_standard dl dd{float: left; width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 20px; padding: 20px 10px; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; background: rgba(255,255,255,.35)}
.indexs ._in_standard dl dd:nth-child(3n){margin-right: 0}
.indexs ._in_standard dl dd:hover{background: #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,.05)}
.indexs ._in_standard dl dd .title{font-size: 16px; font-weight: bold; margin-bottom: 10px}
.indexs ._in_standard dl dd span{color: #777}
.indexs ._in_news{height: auto; margin-top: 20px; padding: 20px 20px 20px 20px; border-radius: 10px; background: #fff}
.indexs ._in_news ._in_com_title{line-height: 50px; padding: 0; text-align: left}
.indexs ._in_news ._in_com_title .name{font-size: 25px; position: relative}
.indexs ._in_news ._in_com_title .more{position: absolute; top: 0; right: 0; width: 21px; transition: all .3s; background: url(../images/index/icons/ico7.png) no-repeat right center}
.indexs ._in_news ._in_com_title .more:hover{background-position: left center}
.indexs .news_panel{position: relative; height: auto; min-height: 200px; margin-top: 20px; border-radius: 5px; background: #f0f0f0}
.indexs .news_panel .notitle{font-family: 'arial'; font-size: 18px; line-height: 50px; position: absolute; top: 50%; width: 100%; height: 50px; margin-top: -25px; text-align: center; color: #999}
.indexs ._in_links{height: auto; margin-top: 20px; padding: 80px 20px 20px 20px; border-radius: 5px; background: #fff}
._in_links #links-swiper{margin-top: 40px; padding: 0 20px; border-top: 1px solid #ecebeb; border-bottom: 1px solid #ecebeb; background: #fafafa}
._in_links .link-item{display: flex; width: auto; height: 180px; padding: 10px; justify-content: center; align-items: center}
._in_links .link-item a{display: block}
._in_links .link-item:hover{border: 0 solid #f00; box-shadow: 0 5px 18px rgba(0,0,0,.2)}
._in_links .link-item:hover img{filter: none; -webkit-filter: grayscale(0)}
._in_links .link-item img{width: 110px; -webkit-filter: grayscale(100%); filter: gray}
._in_links .link-item span{line-height: 20px; display: block; display: none; overflow: hidden; height: 20px; margin: 0 10px}
._com_banner{position: relative; height: 280px; border-radius: 10px; background-repeat: no-repeat; background-position: left top; background-size: cover; margin-bottom: 20px}
._com_banner .txts{font-size: 40px; position: absolute; top: 50%; width: 100%; height: 50px; margin-top: -25px; text-align: center; color: #fff}
.abouts{height: auto}
._ab_one{position: relative; overflow: hidden; height: auto; margin-top: 20px; padding: 60px 20px 60px 20px; border-radius: 10px; background: #fff}
._ab_one ._in_com_title{margin-right: 380px; text-align: left}
._ab_one ._in_com_title .txts{font-family: 'arial'; line-height: 1.8; margin-top: 15px; padding: 0; letter-spacing: 1px; color: #000}
._ab_one ._in_com_title .txts .lx_us{line-height: 30px; position: relative; display: inline-block; margin-right: 20px; padding: 0 20px 0 40px; vertical-align: middle; color: #2c2c2c; border: 1px solid #2c2c2c; border-radius: 40px}
._ab_one ._in_com_title .txts .lx_us .icons{position: absolute; z-index: 50; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; background: url(../images/index/icons/icons-1.png); background-color: #fff}
._ab_one ._in_com_title .txts .lx_us .icons.icon-qe{background-position: 0 -90px}
._ab_one ._in_com_title .txts .lx_us .icons.icon-phone{background-position: 0 -60px}
._ab_one ._in_com_title .txts .lx_us:hover{color: #fff; background: #000}
._ab_one ._ab_image{position: absolute; top: 0; right: 0; width: 350px; height: 100%; background: url(../images/index/ab_one.jpg) bottom center #414141 no-repeat}
._ab_payfor{overflow: hidden; height: auto; min-height: 200px; margin-top: 20px; padding: 80px 20px 80px 20px; border-radius: 10px; background: url(../images/index/ab_payfor.png) left top no-repeat; background-size: cover}
._ab_payfor ._for_info{position: relative; width: 60%; max-width: 800px; height: auto; min-height: 100px; margin: 25px auto 0 auto; padding: 10px; border-radius: 5px; background: #fff}
._ab_payfor ._for_info .boc-abs{position: absolute; top: 50%; left: -85px; margin-top: -30px; padding: 3px; border-radius: 5px; background: #e8e8e8; box-shadow: 3px 0 3px #fafafb}
._ab_payfor ._for_info .boc-marker{left: 30px; padding: 10px; border-radius: 100%; background: none; box-shadow: none}
._ab_payfor ._for_info .boc-marker img{-webkit-animation: fly .5s 0s alternate infinite; animation: fly .5s 0s alternate infinite}
._ab_payfor ._for_info .boc-abs img{border-radius: 5px; object-fit: cover}
@-webkit-keyframes fly{
	0% {margin-top: 10px}
	50% {margin-top: 3px}
}
@keyframes tiao_fly{
	0% {margin-top: 10px}
	50% {margin-top: 3px}
}
._for_info ul{display: block; margin-left: 70px}
._for_info ul li{line-height: 20px; display: block; overflow: hidden; margin-bottom: 10px; color: #000}
._for_info ul li .nae{float: left; width: 80px; padding-right: 16px; text-align: right; color: #333}
._for_info ul li p{line-height: 20px; margin-left: 80px}
._for_info ul li p a{display: inline-block; margin-right: 10px; color: #cd0000}
._for_info ul li p a:hover{text-decoration: underline}
._se_rate{height: auto; min-height: 200px; margin-top: 20px; padding: 80px 20px 80px 20px; border-radius: 10px; background: #f0f0f0}
._se_rate ul{display: flex; height: 260px; margin-top: 30px; text-align: center; align-items: center; justify-content: center}
._se_rate ul li{position: relative; display: inline-block}
._se_rate ul li.ra_item{height: 180px; padding: 20px; cursor: pointer; transition: all .2s; border-radius: 180px; background: #333}
._se_rate ul li.ra_item:hover,._se_rate ul li.ra_item.active{box-shadow: 0 0 10px #333}
._se_rate ul li.ra_item p{line-height: 20px; position: absolute; left: 0; width: 100%; margin-top: 10px; padding: 0 10px; color: #fff}
._se_rate ul li.ra_arrow{padding: 0 10px}
._se_bear{min-width: 300px; height: auto; margin-top: 20px; padding: 80px 20px 80px 20px; border-radius: 10px; background: #fff}
._se_bear ul{display: block; overflow: hidden; height: auto; margin-top: 30px}
._se_bear ul li{float: left; width: calc((100%)/3); height: auto; padding: 30px 10px; font-weight: bold; cursor: pointer; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: none}
._se_bear ul li:nth-child(3n){border-right: 0}
._se_bear ul li:nth-child(n+4){border-bottom: 0}
._se_bear ul li .name{font-size: 16px; letter-spacing: 1px}
._se_bear ul li .name.price{font-size: 14px; display: inline-flex; align-items: center}
._se_bear ul li .name strong{font-size: 25px; font-weight: normal; margin-right: 5px}
._se_bear ul li:hover{color: #000; font-weight: bold}
._se_bear .waring{font-size: 16px; line-height: 2; display: flex; margin-top: 20px; text-align: right; align-items: center; justify-content: center}
._se_bear .waring .price{font-size: 35px; padding-right: 5px}
.news{height: auto}
.news ._colnums{margin: 0 0 15px 0; padding: 15px 30px; border-left: 3px solid #00559d; border-radius: 0 10px 10px 0; background: #fff}
.news ._colnums ul{display: block; overflow: hidden; height: auto}
.news ._colnums ul li{display: inline-block; margin-right: 5px}
.news ._colnums ul li.name{border-left: 2px solid #00559d}
.news ._colnums ul li.name a{color: #000}
.news ._colnums ul li a{font-size: 16px; display: block; padding: 6px 15px; transition: all .3s ease-in-out; border-radius: 3px; background: #fafafa}
.news ._colnums ul li:not(.name) a:hover,.news ._colnums ul li.active a{color: #fff; background: #00559d}
.news ._colnums ul li .fa{margin-left: 10px}
.news ._newslist{height: auto; margin-top: 0; padding: 30px; border-radius: 10px; background: #fff}
.news ._newslist ul{display: block; margin-bottom: 40px}
.news ._newslist ul li{line-height: 50px; position: relative; margin-bottom: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px dashed #dfdfdf; background: url(../images/index/icons/icon_dot.gif) left 22px no-repeat}
.news ._newslist ul li:last-child{border-bottom: 0}
.news ._newslist ul li:nth-child(6n){border: 0}
.news ._newslist ul li img{display: none; width: 100px}
.news ._newslist ul li._emp{height: 20px; border: 0; background: none}
.news ._newslist ul li .title{font-size: 16px; display: block; overflow: hidden; height: 50px; padding-right: 90px; -webkit-transition: all .3s; transition: all .3s; white-space: nowrap; text-overflow: ellipsis; color: #555}
.news ._newslist ul li .title:hover{padding-left: 10px; color: #000}
.news ._newslist ul li .date{font-family: 'enfont'; font-size: 16px; position: absolute; top: 0; right: 0; color: #555}
.article-info{height: auto; padding: 30px; border-radius: 10px; background: #fff}
.article-info .disclaimer{font-size: 12px; line-height: 20px; margin-bottom: 20px; padding: 12px; letter-spacing: 1px; color: #999; background: #f5f7fa}
.article-info ._ar_header{max-width: 1000px; height: auto; margin: 0 auto; margin-bottom: 20px; padding: 0 0 20px 0; border-bottom: 1px solid #dfdfdf}
.article-info ._ar_header .title{font-size: 26px; font-weight: 900; line-height: 35px}
.article-info ._ar_header .attri{line-height: 30px; position: relative; margin-top: 10px; text-align: left}
.article-info ._ar_header .attri span{font-family: 'DIN'; display: inline-block; margin-right: 10px; color: #000}
.article-info .bdsharebuttonbox{position: absolute; top: 0; right: 0; text-align: right}
.article-info .bdsharebuttonbox a{float: none}
.next_prev{display: block; overflow: hidden; height: auto; margin: 0 auto; margin-top: 20px}
.next_prev dd{position: relative; display: inline-block; float: left; width: calc((100% - 10px)/2); margin-right: 10px; padding: 15px; background: #f0f0f0}
.next_prev dd .arrow{position: absolute; top: 10px; width: 40px; height: 40px; background: url(../images/index/icons/arrow.png) left top no-repeat}
.next_prev dd:hover .name{color: #00559d}
.next_prev dd.ch-left .name{margin-left: 45px}
.next_prev dd.ch-right{margin-right: 0}
.next_prev dd.ch-right .name{margin-right: 45px}
.next_prev dd.ch-right .arrow{right: 15px; margin-right: 0; background-position: -40px}
.next_prev dd .name{line-height: 30px; overflow: hidden; height: 30px; color: #000}
.next_prev dd span{line-height: 20px; display: inline-block; margin-top: 0; padding: 8px 15px; transition: all .3s; color: #fff; border-radius: 3px; background: #476ce1}
._content{line-height: 2; max-width: 1000px; height: auto; margin: 0 auto; padding-bottom: 20px; word-wrap: break-word}
._content table{max-width: 100% !important; margin: 0 auto !important}
._content table td{line-height: 30px !important; text-align: center}
._content img{display: block; max-width: 100% !important; height: auto !important; margin: 0 auto !important}
._content img.nodata{width: 200px}
._content .prettyprint{padding: 10px 10px; white-space: pre-wrap; border-left: 2px solid #333; background: #f0f0f0}
.nodatas{padding: 10px 0 40px 0; text-align: center; background: #fff}
.nodatas img{width: 200px}
.nodatas .waring{font-size: 16px; margin-top: -20px; color: #00559d}
.pagination{display: block; overflow: hidden; height: auto; margin-top: 20px; border-radius: 2px}
.pagination a,.pagination span{float: left; width: auto; margin-right: 5px; padding: 8px 15px; cursor: pointer; color: #333; border-radius: 3px; background: #dfdfdf}
.pagination a:hover,.pagination span:not(.pageSize):not(.pageCount):not(.disabled):not(.me):hover{color: #fff; background: #00559d}
.pagination span.me{color: #fff; background: #00559d}
.pagination span.disabled{color: #999; background: #f0f0f0}
.pagination span.pageSize,.pagination span.pageCount{color: #333}
.footer{height: auto; padding-top: 50px; background: url(../images/index/footer.png) left bottom no-repeat}
.footer ._fo_panel{position: relative; margin-left: 320px; margin-right: 20px; color: #333}
._fo_panel ._fo_contact{height: auto; padding: 30px 20px 30px 0}
._fo_panel ._fo_contact .name{font-size: 16px; margin-bottom: 15px; color: #000}
._fo_panel ._fo_contact ul{display: block}
._fo_panel ._fo_contact ul li{line-height: 30px}
._fo_panel ._fo_contact ul li .title{float: left; width: 50px; color: #333}
._fo_panel ._fo_contact ul li p{margin-left: 55px; letter-spacing: 1px}
._fo_panel ._fo_contact ul li .PHONE a{font-size: 16px; font-weight: 500; color: #000}
._fo_panel ._fo_contact ul li .PHONE a:hover{text-decoration: underline}
._fo_panel .wechat{position: absolute; top: 0; right: 0; width: 200px; height: auto; margin-top: -30px; border-radius: 5px; background: #fff}
._fo_panel .wechat img{width: 100%; height: 100%}
.footer ._fo_copyright{line-height: 40px; padding: 5px 0; background: rgba(0,0,0,.3)}
.footer ._fo_copyright ._fo_panel{color: #fff}
.footer ._fo_copyright ._fo_panel a{color: #00559d}