@charset "utf-8";
@import '../../../assets/css/bootstrap.min.css';
@import '../../../assets/css/font-awesome.css';
@import '../../../assets/css/richtext.css';
@import '../../../assets/css/animate.min.css';
@import '../icon/iconfont.css';
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, select, th, td { padding: 0; margin: 0; color: #333; font-size: 16px }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100% }
address, cite, dfn, em, var { font-style: normal }
small { font-size: 12px }
ul, ol { list-style-type: none; list-style-image: none }
a { color: #333; text-decoration: none; outline: none }
a:hover { color: #004ea1 }
sup { vertical-align: text-top }
s { text-decoration: none }
sub { vertical-align: text-bottom }
legend { color: #000 }
img { border: 0; vertical-align: middle; max-width: 100%; }
table { border-spacing: 0; border-collapse: collapse }
div { zoom: 1 }
.round { display: inline-block; border-radius: 50% }
.link-color:hover { color: #006cb7 }
.sep-transition { transition: All .8s ease; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease }
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
.hover-in { transition: .3s ease-out }
.hover-out { transition: .3s ease-in }
.btn-outline { border: 1px solid #006cb7; border-radius: 4px }
.btn-hover { position: relative }
.btn-hover:after { position: absolute; height: 100%; left: 0; right: 0; overflow: hidden; opacity: 0; top: 0; border-radius: 4px; white-space: nowrap; -moz-transform: scale(1, .5); -ms-transform: scale(1, .5); -o-transform: scale(1, .5); -webkit-transform: scale(1, .5); transform: scale(1, .5); -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; width: 100%; z-index: -1; content: ''; background: #ffb600 }
.btn-hover:hover { background: transparent; color: #fff; border: 1px solid #ffb600 }
.btn-hover:hover:after { opacity: 1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1) }
.pro_summary { display: block; margin: 0 auto; position: relative }
.pro_summary .overlay { position: absolute; overflow: hidden; width: 80%; height: 80%; left: 10%; top: 10%; border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1) }
.pro_summary .overlay div { text-align: center; position: relative; font-size: 14px; background-color: transparent; color: #ddd; padding: 2em 0 .5em; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); letter-spacing: 2px; line-height: 1.5em }
.clear { clear: both }
.fix:after { display: table; clear: both; content: "" }
.width1150 { width: 1150px; margin: 0 auto }
.rt { float: right }
.lf { float: left }
.fix:before { content: " "; display: block; clear: both }
@font-face { font-family: "Lato-Regular"; src: url("../font/Lato-Regular.ttf") }
body { width: 100%; overflow-x: hidden }
#banner { margin-top: 5px; padding-bottom: 40px }
.footer { height: 40px; line-height: 40px; text-align: center; background: #222; width: 100%; color: #bbb; clear: both }
.language { position: absolute; top: 0; right: 0; line-height: 30px; color: #fff }
.language .icon { width: 17px; height: 17px; margin: 6px 6px 0 0; float: left; color: #333; line-height: 17px; font-size: 18px }
.language a { color: #fff; position: relative; display: block; min-width: 60px; padding: 0 15px 0 0; float: left }
.language a:after { position: absolute; right: 0; top: 12px; content: ""; width: 0; height: 0; border: 5px solid #143592; border-color: #fff transparent transparent }
.language_con { width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; position: fixed; z-index: 999999; display: none }
.language_main { background: rgba(51,51,51,0.73); position: fixed; left: 50%; top: 50%; z-index: 9999999; display: none; padding: 30px; width: 740px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-radius: 20px }
.language_main ul { position: relative; z-index: 9999 }
.language_main li { float: left; width: 32.3%; line-height: 26px; height: 26px; background: rgba(255,255,255,0.3); margin: 0 1px 1px 0 }
.language_main a { font-size: 14px; display: block; color: #fff; padding: 0 0 0 20px; position: relative }
.language_main a:after { position: absolute; left: 7px; top: 7px; content: ""; width: 0; height: 0; border: 5px solid #fff; border-color: transparent transparent transparent #fff }
.language_main li:hover, .language_main .on { background: rgba(0,238,238,0.3) }
.language_main li:hover a, .language_main .on a, .language_main .b { color: #0ee }
.language_main li:hover a:after, .language_main .on a:after, .language_main .b:after { border-color: transparent transparent transparent #0ee }
.language_main .close { position: absolute; top: -45px; right: -45px; width: 40px; height: 40px; text-align: center; line-height: 40px; background: rgba(51,51,51,0.7); cursor: pointer; color: #db6e07; font-size: 25px; border-radius: 50%; transition: all .8s; -webkit-transition: all .8s }
.language_main .close:hover { background: #333; color: #0ee }
.sep-container { width: 1200px; margin: auto }
.submit { border: none; outline: none; padding: 8px 15px; border-radius: 6px; background: #323232; color: #ddd; margin-left: 20px; font-size: 18px; cursor: pointer; font-family: Segoe UI }
.submit:hover { color: #fff }
.sep-bottom-nav { width: 100%; margin: 0 auto }
.slideBox { position: relative; overflow: hidden; max-width: 100%; width: 100%; border-radius: 6px }
.slideBox .hd { position: absolute; height: 31px; line-height: 28px; bottom: 20px; left: 80px; z-index: 1; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(7deg) }
.slideBox .bd { position: relative; z-index: 0 }
.slideBox .bd li { position: relative; text-align: center }
.slideBox .bd li img { float: left; vertical-align: top; width: 100% }
.slideBox .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0) }
.slideBox .bd li .tit { display: block; width: 100%; position: absolute; bottom: 0; text-indent: 10px; height: 28px; line-height: 28px; color: #fff; text-align: left }
.banner_top { height: 502px }
.banner_bottom { height: 76px; background: #d6d7d8 }
.slideBox .bd ul li .banner-select-hd { height: 68px; text-align: left; position: absolute; background: rgba(0,0,0,0.6); z-index: 1000000000; bottom: -68px; width: 800px; right: 0; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out }
.slideBox .hd ul li { height: 15px; width: 15px; border-radius: 50%; background: #ddd; margin: 10px 0; cursor: pointer }
.slideBox .hd ul .on { background: #fff }
.slideBox .bd ul li:hover .banner-select-hd { bottom: 0 }
.slideBox .bd ul li { overflow: hidden }
.slideBox .bd ul li .banner-select-bd { width: 300px; position: absolute; top: 100px; text-align: left }
.slideBox .bd ul li .banner-select-bd span { color: #fff; font-size: 16px; line-height: 25px }
.slideBox .bd ul li .banner-select-hd span { position: relative; color: #fff; font-size: 30px; height: 68px; display: inline-block; line-height: 68px; padding-left: 38px }
.slideBox .prev, .slideBox .next { display: none; width: 31px; height: 31px; overflow: hidden; margin: 0 5px; vertical-align: top }
.about .about_bd .des, .cp_ri p, .txtbox_cen p, .about_main p, .cp_wz p, .content_ri { text-align: Justify; text-justify: auto }
.slideBox2 { position: relative; overflow: hidden; max-width: 100%; width: 47%; float: left }
.slideBox .hd { position: absolute; height: 31px; display: none; line-height: 28px; bottom: 0; left: 145px; z-index: 1 }
#case .slideBox .hd li { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e7e7e7; text-indent: -9999px; overflow: hidden; margin: 0 6px }
#case .slideBox .hd li.on { background: #0062d1 }
#case .case_hd, #video .video_hd, #news .news_hd { font-family: Britannic; font-size: 50px; font-weight: bold; color: #0062d1; border-bottom: 2px solid #939393; margin-bottom: 20px }
#case .case_hd span, #video .video_hd span, #news .news_hd span { height: 100%; border-bottom: 4px solid #0062d1; position: relative; top: -1px }
.slideBox2 .bd { position: relative; z-index: 0 }
.slideBox2 .bd li { position: relative; text-align: center }
.slideBox2 .bd li img { float: left; vertical-align: top; width: 100% }
.slideBox2 .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0) }
.slideBox2 .bd li .tit { display: block; width: 100%; position: absolute; bottom: 0; text-indent: 10px; height: 28px; line-height: 28px; color: #fff; text-align: left }
.banner_top { height: 502px }
.banner_bottom { height: 76px; background: #d6d7d8 }
.slideBox2 .bd ul li .banner-select-hd { height: 68px; text-align: left; position: absolute; background: rgba(0,0,0,0.6); z-index: 1000000000; bottom: -68px; width: 800px; right: 0; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out }
.slideBox2 .hd ul { width: 100px; margin: 0 auto }
.slideBox2 .hd { bottom: 20px; width: 100% }
.slideBox2 .top_left { font-size: 16px; color: #fff; padding: 10px 20px; border-bottom-right-radius: 10px; position: absolute; top: 0; background: #00aead }
.slideBox2 .hd ul li { height: 15px; width: 15px; display: none; border-radius: 50%; background: #ddd; margin: 10px 5px; cursor: pointer; float: left; color: #ddd; font-size: 0 }
.slideBox2 .hd ul .on { background: #fff; color: #fff }
.slideBox2 .bd ul li:hover .banner-select-hd { bottom: 0 }
.slideBox2 .bd ul li { overflow: hidden }
.slideBox2 .bd ul li .banner-select-bd { width: 300px; position: absolute; top: 100px; text-align: left }
.slideBox2 .bd ul li .banner-select-bd span { color: #fff; font-size: 16px; line-height: 25px }
.slideBox2 .bd ul li .banner-select-hd span { position: relative; color: #fff; font-size: 30px; height: 68px; display: inline-block; line-height: 68px; padding-left: 38px }
.slideBox2 .prev, .slideBox .next { display: none; width: 31px; height: 31px; overflow: hidden; margin: 0 5px; vertical-align: top }
.sep-shortcut { background: #00aead; min-height: 45px }
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 }
.slick-list:focus { outline: none }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1 }
.slick-track:before, .slick-track:after { content: ""; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
.slick-slide:hover p { color: #000; text-decoration: underline }
.slick-slide p { font-size: 14px; line-height: 25px; text-align: center; width: 90%; margin: 0 auto; margin-top: 30px; margin-bottom: 20px }
.slick-slide img { display: block; width: 235px; margin: 0 auto; padding: 10px; border: 1px solid #ababab }
.slick-slide img.slick-loading { padding-bottom: 100% }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
@font-face { font-family: "slick"; src: url("fonts/slick.eot"); src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), url("fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal }
.slick-prev, .slick-next { position: absolute; display: block; height: 29px; width: 16px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 45%; margin-top: -10px; padding: 0; border: none; outline: none }
.slick-prev:focus, .slick-next:focus { outline: none }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25 }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: .85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-slider { margin-top: 37px }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100% }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer }
.slick-dots li button { border: 0; background: transparent; display: none; height: 20px; width: 20px; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none }
.slick-dots li button:focus { outline: none }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: '\8226'; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-dots li.slick-active button:before { opacity: .75 }
.txtbox { clear: both; margin: 30px 0 }
.txtbox_ul { border-bottom: 1px solid #bbb; height: 44px }
.txtbox_ul li { color: #fff; font-size: 18px; font-weight: 700; border-top-left-radius: 6px; border-top-right-radius: 6px; background: #006cb7; float: left; height: 42px; line-height: 42px; padding: 0 13px; border: 1px solid #71c0ba; cursor: pointer; margin: 0 13px 0 0 }
.txtbox_ul .on { border: 1px solid #bbb; border-bottom: 2px solid #fff; color: #333; background: #fff }
.sep-mainbody .sep-primary .sep-content .txtbox_cen { border: 1px solid #bbb; border-width: 0 1px 1px; clear: both; display: none; padding: 30px 24px; color: #666; font-size: 14px; line-height: 24px; margin-top: 0 }
.txtbox_cen img { max-width: 100%; height: 100%; display: block; margin: 0 auto }
.block { display: block }
.cp_le { width: 400px; position: relative; float: left }
.cp_small li { display: none }
.cp_small li img { border: 1px solid #ddd; width: 100% }
.cp_small li:first-child { display: block }
.cp_bigimg { position: absolute; left: 0; bottom: 10px }
.cp_bigimg li { width: 42px; height: 42px; float: left; margin: 0 0 0 10px; border-radius: 50%; border: 3px solid #a5bcbb; overflow: hidden; cursor: pointer }
.cp_bigimg img { border-radius: 50% }
.cp_bigimg .on { border-color: #ad393f }
.cp_bigimg_11 { width: 200%; margin: 15px 0 0 }
.cp_bigimg_11 .on { border-color: #1c3f77 }
.cp_bigimg_11 li { width: 11.5%; float: left; margin: 0 0 0 1%; border: 1px solid #999; overflow: hidden; cursor: pointer }
.cp_bigimg_11 li img { width: 100% }
#tq_float_container { z-index: 999999 }
.richtext { font-size: 16px }
.down-lists { height: auto; overflow: hidden }
.down-lists dl { display: block; padding: 40px 0; height: auto; overflow: hidden; border-bottom: dotted 1px #cfcfcf }
.down-lists dl dt img { width: 100% }
.down-lists dl dd { width: 100%; float: right; position: relative }
.down-lists dl dd .content { width: 90%; float: left }
.down-lists dl dd .content h3.title { font-size: 18px; font-weight: normal; line-height: 38px; height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.down-lists dl dd .content .con { height: 54px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #666 }
.down-lists dl dd .content a.more { width: 126px; height: 42px; border: solid 1px #006cb7; color: #006cb7; line-height: 42px; text-align: center; display: block; margin-top: 24px; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out }
.down-lists dl:hover { border-bottom: solid 2px #006cb7 }
.down-lists dl:hover dd .content h3.title a { color: #006cb7 }
.down-lists dl:hover dd .content a.more { background-color: #006cb7; color: #fff }
.down-lists dl dd .time { line-height: 42px; width: 68px; float: right; text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%) }
.down-lists dl dd .time p:nth-child(1) { font-size: 42px; border-bottom: solid 1px #999; line-height: 50px }
h1, h2, h3, h4, h5, h6 { font-family: 'proximanova', 'Arial', 'AvenirNextLTPro', 'Lucida Grande', 'Microsoft Yahei'; font-size: 16px }
button, input { outline: none }
* { font-size: 16px; padding: 0; margin: 0 }
body { font-family: 'proximanova', 'Arial', 'AvenirNextLTPro', 'Lucida Grande', 'Microsoft Yahei'; color: #333; -webkit-font-smoothing: antialiased }
form { margin: 0 }
ul:before { content: ''; display: table; clear: both }
ul:after { content: ''; display: table; clear: both }
label { font-weight: normal }
input[type="checkbox"], input[type="radio"] { visibility: hidden; cursor: pointer }
input[type="checkbox"]:before, input[type="radio"]:before { visibility: visible; content: "\f096"; float: left; font-family: FontAwesome; width: 13px; height: 13px; line-height: 13px; font-size: 16px; border-radius: 5px; margin-right: 8px; text-align: left; font-weight: normal; color: #888 }
input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { content: "\f046"; color: #666 }
input[type="radio"]:before { content: "\f10c" }
input[type="radio"]:checked:before { content: "\f192"; color: #006cb7 }
a { cursor: pointer }
a:hover, a:focus { text-decoration: none }
@keyframes snow {
0% {
background-position:0 0, 0 0
}
100% {
background-position:500px 500px, 1000px 500px
}
}
.required { color: #f30 }
.sep-scale { transition: All .8s ease; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease }
.sep-scale:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1) }
.sep-rotate { transition: All .4s ease; -webkit-transition: All .4s ease; -moz-transition: All .4s ease; -o-transition: All .4s ease }
.sep-rotate:hover { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.notfound { padding: 30px; text-align: center; color: #999; font-size: 18px }
.row { margin-right: -10px; margin-left: -10px }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 10px; padding-left: 10px }
.table { margin: 0 }
.table tr td, .table tr th { padding: 8px 10px }
.table tr td .input-xs, .table tr th .input-xs { height: 26px; padding: 2px 10px; margin: -4px 0; font-size: 12px; line-height: 1.2; border-radius: 3px; vertical-align: middle }
.table tr td .btn-xs, .table tr th .btn-xs { margin: -4px 0 }
.table tbody tr td, .table tbody tr th { padding: 8px 10px }
.table.table-datalist { border: dotted 1px #ddd; border-radius: 6px }
.table.table-datalist thead th, .table.table-datalist thead td { background: #fafafa; border-right: dotted 1px #ddd; padding: 8px }
.table.table-datalist tbody tr:nth-child(even) { background: #f9f9f9 }
.table.table-datalist tbody th, .table.table-datalist tbody td { border-right: dotted 1px #ddd; border-top: dotted 1px #ddd; padding: 8px }
.dropdown .open { background: none }
.dropdown-menu { border-radius: 0; border-color: #ddd; box-shadow: 0 0 3px #ccc }
.dropdown-menu:after, .dropdown-menu:before { border-color: transparent; border-style: solid; border-width: 8px; content: " "; height: 0; left: 15px; pointer-events: none; position: absolute; width: 0 }
.dropdown-menu:before { bottom: 100% }
.dropdown-menu:after { border-bottom-color: #fff; bottom: 100%; margin-bottom: -1px }
.dropdown-menu.dropdown-menu-right:after, .dropdown-menu.dropdown-menu-right:before { left: auto; right: 15px }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background: #006cb7; color: #fff }
.panel { border-style: solid; border-radius: 3px; background: #fff; overflow: hidden }
.panel .panel-heading { position: relative; border-bottom: solid 1px #ddd; padding: 8px 10px }
.panel .panel-heading .panel-title { font-size: 14px; font-weight: bold }
.panel .panel-heading .panel-options { position: absolute; right: 10px; top: 10px; font-size: 12px; color: #333 }
.panel .panel-heading .nav-tabs, .panel .panel-heading .nav-pills { vertical-align: middle }
.panel .panel-heading .nav-tabs li .active a, .panel .panel-heading .nav-pills li .active a { color: #fff }
.panel .panel-heading .nav-tabs.nav-tabs, .panel .panel-heading .nav-pills.nav-tabs { margin: 0 -15px -8px -15px; border: none }
.panel .panel-heading .nav-tabs.nav-tabs li a, .panel .panel-heading .nav-pills.nav-tabs li a, .panel .panel-heading .nav-tabs.nav-tabs li a:hover, .panel .panel-heading .nav-pills.nav-tabs li a:hover { border-radius: 0; border: none; border-top: solid 2px transparent; background: none; padding: 8px 20px }
.panel .panel-heading .nav-tabs.nav-tabs li.active a, .panel .panel-heading .nav-pills.nav-tabs li.active a { background: #fff; border-top: solid 2px #006cb7 }
.panel .panel-body { background: #fff; padding: 10px }
.panel.panel-primary .panel-heading .panel-options, .panel.panel-info .panel-heading .panel-options, .panel.panel-success .panel-heading .panel-options, .panel.panel-danger .panel-heading .panel-options, .panel.panel-warning .panel-heading .panel-options { color: #fff }
.panel.panel-primary .panel-heading .panel-options a, .panel.panel-info .panel-heading .panel-options a, .panel.panel-success .panel-heading .panel-options a, .panel.panel-danger .panel-heading .panel-options a, .panel.panel-warning .panel-heading .panel-options a { color: #fff }
.panel.panel-primary .panel-heading .nav-pills li a, .panel.panel-info .panel-heading .nav-pills li a, .panel.panel-success .panel-heading .nav-pills li a, .panel.panel-danger .panel-heading .nav-pills li a, .panel.panel-warning .panel-heading .nav-pills li a, .panel.panel-primary .panel-heading .nav-pills.nav-justified li a, .panel.panel-info .panel-heading .nav-pills.nav-justified li a, .panel.panel-success .panel-heading .nav-pills.nav-justified li a, .panel.panel-danger .panel-heading .nav-pills.nav-justified li a, .panel.panel-warning .panel-heading .nav-pills.nav-justified li a { color: #fff }
.panel.panel-primary .panel-heading .nav-pills li a:hover, .panel.panel-info .panel-heading .nav-pills li a:hover, .panel.panel-success .panel-heading .nav-pills li a:hover, .panel.panel-danger .panel-heading .nav-pills li a:hover, .panel.panel-warning .panel-heading .nav-pills li a:hover, .panel.panel-primary .panel-heading .nav-pills.nav-justified li a:hover, .panel.panel-info .panel-heading .nav-pills.nav-justified li a:hover, .panel.panel-success .panel-heading .nav-pills.nav-justified li a:hover, .panel.panel-danger .panel-heading .nav-pills.nav-justified li a:hover, .panel.panel-warning .panel-heading .nav-pills.nav-justified li a:hover { background: rgba(0,0,0,0.2); color: #fff }
.panel.panel-primary .panel-heading .nav-pills li.active a, .panel.panel-info .panel-heading .nav-pills li.active a, .panel.panel-success .panel-heading .nav-pills li.active a, .panel.panel-danger .panel-heading .nav-pills li.active a, .panel.panel-warning .panel-heading .nav-pills li.active a, .panel.panel-primary .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-info .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-success .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-danger .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-warning .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-primary .panel-heading .nav-pills li.active a:hover, .panel.panel-info .panel-heading .nav-pills li.active a:hover, .panel.panel-success .panel-heading .nav-pills li.active a:hover, .panel.panel-danger .panel-heading .nav-pills li.active a:hover, .panel.panel-warning .panel-heading .nav-pills li.active a:hover, .panel.panel-primary .panel-heading .nav-pills.nav-justified li.active a:hover, .panel.panel-info .panel-heading .nav-pills.nav-justified li.active a:hover, .panel.panel-success .panel-heading .nav-pills.nav-justified li.active a:hover, .panel.panel-danger .panel-heading .nav-pills.nav-justified li.active a:hover, .panel.panel-warning .panel-heading .nav-pills.nav-justified li.active a:hover { background: #fff; color: #333 }
.panel.panel-primary .panel-heading .nav-tabs, .panel.panel-info .panel-heading .nav-tabs, .panel.panel-success .panel-heading .nav-tabs, .panel.panel-danger .panel-heading .nav-tabs, .panel.panel-warning .panel-heading .nav-tabs { margin: -8px -15px; padding: 10px 10px 0 10px }
.panel.panel-primary .panel-heading .nav-tabs.nav-justified, .panel.panel-info .panel-heading .nav-tabs.nav-justified, .panel.panel-success .panel-heading .nav-tabs.nav-justified, .panel.panel-danger .panel-heading .nav-tabs.nav-justified, .panel.panel-warning .panel-heading .nav-tabs.nav-justified { margin: -8px 0; padding: 10px 0 0 0 }
.panel.panel-primary .panel-heading .nav-tabs, .panel.panel-info .panel-heading .nav-tabs, .panel.panel-success .panel-heading .nav-tabs, .panel.panel-danger .panel-heading .nav-tabs, .panel.panel-warning .panel-heading .nav-tabs, .panel.panel-primary .panel-heading .nav-tabs.nav-justified, .panel.panel-info .panel-heading .nav-tabs.nav-justified, .panel.panel-success .panel-heading .nav-tabs.nav-justified, .panel.panel-danger .panel-heading .nav-tabs.nav-justified, .panel.panel-warning .panel-heading .nav-tabs.nav-justified { border: none }
.panel.panel-primary .panel-heading .nav-tabs li a, .panel.panel-info .panel-heading .nav-tabs li a, .panel.panel-success .panel-heading .nav-tabs li a, .panel.panel-danger .panel-heading .nav-tabs li a, .panel.panel-warning .panel-heading .nav-tabs li a, .panel.panel-primary .panel-heading .nav-tabs.nav-justified li a, .panel.panel-info .panel-heading .nav-tabs.nav-justified li a, .panel.panel-success .panel-heading .nav-tabs.nav-justified li a, .panel.panel-danger .panel-heading .nav-tabs.nav-justified li a, .panel.panel-warning .panel-heading .nav-tabs.nav-justified li a { border: none; border-top: solid 2px transparent; color: #fff }
.panel.panel-primary .panel-heading .nav-tabs li a:hover, .panel.panel-info .panel-heading .nav-tabs li a:hover, .panel.panel-success .panel-heading .nav-tabs li a:hover, .panel.panel-danger .panel-heading .nav-tabs li a:hover, .panel.panel-warning .panel-heading .nav-tabs li a:hover, .panel.panel-primary .panel-heading .nav-tabs.nav-justified li a:hover, .panel.panel-info .panel-heading .nav-tabs.nav-justified li a:hover, .panel.panel-success .panel-heading .nav-tabs.nav-justified li a:hover, .panel.panel-danger .panel-heading .nav-tabs.nav-justified li a:hover, .panel.panel-warning .panel-heading .nav-tabs.nav-justified li a:hover { background: rgba(0,0,0,0.1) }
.panel.panel-primary .panel-heading .nav-tabs li.active a, .panel.panel-info .panel-heading .nav-tabs li.active a, .panel.panel-success .panel-heading .nav-tabs li.active a, .panel.panel-danger .panel-heading .nav-tabs li.active a, .panel.panel-warning .panel-heading .nav-tabs li.active a, .panel.panel-primary .panel-heading .nav-tabs.nav-justified li.active a, .panel.panel-info .panel-heading .nav-tabs.nav-justified li.active a, .panel.panel-success .panel-heading .nav-tabs.nav-justified li.active a, .panel.panel-danger .panel-heading .nav-tabs.nav-justified li.active a, .panel.panel-warning .panel-heading .nav-tabs.nav-justified li.active a { color: #333 }
.panel.panel-primary .panel-heading .nav-tabs li.active a:hover, .panel.panel-info .panel-heading .nav-tabs li.active a:hover, .panel.panel-success .panel-heading .nav-tabs li.active a:hover, .panel.panel-danger .panel-heading .nav-tabs li.active a:hover, .panel.panel-warning .panel-heading .nav-tabs li.active a:hover, .panel.panel-primary .panel-heading .nav-tabs.nav-justified li.active a:hover, .panel.panel-info .panel-heading .nav-tabs.nav-justified li.active a:hover, .panel.panel-success .panel-heading .nav-tabs.nav-justified li.active a:hover, .panel.panel-danger .panel-heading .nav-tabs.nav-justified li.active a:hover, .panel.panel-warning .panel-heading .nav-tabs.nav-justified li.active a:hover { background: #fff }
.panel.panel-default { border-color: #ddd }
.panel.panel-default .panel-heading { background: #fff; border: none; color: #333 }
.panel.panel-default.panel-full .panel-body { background: #fff; color: #fff }
.panel.panel-primary { border-color: #006cb7 }
.panel.panel-primary .panel-heading { background: #006cb7; color: #fff }
.panel.panel-primary.panel-full .panel-body { background: #006cb7; color: #fff }
.panel.panel-info { border-color: #5bc0de }
.panel.panel-info .panel-heading { background: #5bc0de; color: #fff }
.panel.panel-info.panel-full .panel-body { background: #5bc0de; color: #fff }
.panel.panel-success { border-color: #5cb85c }
.panel.panel-success .panel-heading { background: #5cb85c; color: #fff }
.panel.panel-success.panel-full .panel-body { background: #5cb85c; color: #fff }
.panel.panel-warning { border-color: #f0ad4e }
.panel.panel-warning .panel-heading { background: #f0ad4e; color: #fff }
.panel.panel-warning.panel-full .panel-body { background: #f0ad4e; color: #fff }
.panel.panel-danger { border-color: #d9534f }
.panel.panel-danger .panel-heading { background: #d9534f; color: #fff }
.panel.panel-danger.panel-full .panel-body { background: #d9534f; color: #fff }
.pagination { vertical-align: middle }
.pagination li a { color: #333 }
.pagination li.active a, .pagination li.active a:hover { background: #f0f0f0; border-color: #ddd; color: #333 }
.pagination.pagination-sm { margin: 0 }
.pagination.pagination-sm li a { height: 28px; padding: 4px 10px; vertical-align: middle }
.navbar { border: none }
.nav-tabs li a { padding: 4px 15px; color: #333 }
.nav-line, .nav-line.nav-justified { border-radius: 3px 3px 0 0; border-bottom: solid 1px #ddd }
.nav-line li, .nav-line.nav-justified li { margin-bottom: -1px }
.nav-line li a, .nav-line.nav-justified li a { padding: 4px 20px; border: none; color: #333 }
.nav-line li a:hover, .nav-line.nav-justified li a:hover { background: none; color: #000 }
.nav-line li.active a, .nav-line.nav-justified li.active a, .nav-line li.active a:hover, .nav-line.nav-justified li.active a:hover { border: none; border-bottom: solid 2px #404650; background: none; color: #404650 }
.nav-pills { margin-bottom: 15px }
.nav-pills li a { padding: 4px 15px; color: #333; font-size: 13px }
.nav-pills li.active a, .nav-pills li.active a:hover { background: #404650 }
.nav-wizard { overflow: hidden }
.nav-wizard li { position: relative }
.nav-wizard li a { display: block; padding: 10px; padding-left: 40px; text-align: left; font-weight: 800; color: #fff; background: #9fa8bc; font-size: 14px }
.nav-wizard li a i { display: block; float: left; background: #fff; border-radius: 36px; width: 36px; height: 36px; line-height: 36px; font-size: 18px; font-style: normal; font-weight: bold; text-align: center; margin-right: 10px; color: #666 }
.nav-wizard li a small { display: block; font-weight: normal }
.nav-wizard li a::after { border-left: 28px solid #9fa8bc; border-top: 28px solid transparent; border-bottom: 28px solid transparent; content: ""; display: inline-block; position: absolute; right: -28px; top: 50%; margin-top: -28px; z-index: 50 }
.nav-wizard li a:hover { background: #464f63 }
.nav-wizard li a:hover::after { border-left-color: #464f63 }
.nav-wizard li:first-child>a { padding-left: 10px }
.nav-wizard li:last-child>a::after { display: none }
.nav-wizard li.done>a { background: #505b72; color: #fff }
.nav-wizard li.done>a::after { border-left-color: #505b72 }
.nav-wizard li.active>a { background: #fff; color: #404650 }
.nav-wizard li.active>a small { color: #666 }
.nav-wizard li.active>a i { background: #404650; color: #fff }
.nav-wizard li.active>a::after { border-left-color: #fff }
.nav-wizard li.active>a:hover { background: #fff; color: #404650 }
.nav-wizard li.active>a:hover small { color: #666 }
.nav-wizard li.active>a:hover::after { border-left-color: #fff }
.label, .badge { padding: 3px 6px; font-size: 11px; line-height: 12px; vertical-align: middle }
.btn { padding: 5px 15px; height: 32; vertical-align: middle }
.btn.btn-lg { padding: 6px 20px; height: 40px }
.btn.btn-sm { padding: 3px 10px; height: 28px }
.btn.btn-xs { padding: 3px 6px; height: 24px; font-size: 11px }
.btn.btn-default { border-width: 1px }
.btn.btn-primary { background: #006cb7; border-color: #004288 }
.btn.btn-primary:active { background: #005abb; border-color: #005abb }
.btn.btn-success { background: #5cb85c; border-color: #4cae4c }
.btn.btn-warning { background: #f0ad4e; border-color: #eea236 }
.btn.btn-info { background: #5bc0de; border-color: #46b8da }
.btn.btn-danger { background: #d9534f; border-color: #d43f3a }
.btn-group { vertical-align: middle }
.btn-group.btn-group-lg>.btn { padding: 6px 20px; height: 40px }
.btn-group.btn-group-sm>.btn { padding: 3px 10px; height: 28px }
.btn-group.btn-group-xs>.btn { padding: 3px 6px; height: 24px; font-size: 11px }
.control-label { font-weight: bold }
.form-group { position: relative }
.form-group.has-error .form-control, .form-group.has-error .control-label, .form-group.has-error .help-block { border-color: #c00; color: #c00 }
.form-group.has-error .form-control:focus, .form-group.has-error .control-label:focus, .form-group.has-error .help-block:focus { box-shadow: none }
.form-group.has-success .form-control, .form-group.has-success .control-label, .form-group.has-success .help-block { border-color: green; color: green }
.form-group.has-success .form-control:focus, .form-group.has-success .control-label:focus, .form-group.has-success .help-block:focus { box-shadow: none }
.form-group.has-success:after { content: "\f058"; font-family: FontAwesome; position: absolute; right: 0; bottom: 8px; height: 18px; line-height: 18px; margin-right: 5px; text-align: center; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -o-transform .3s; width: 18px; color: green }
.form-group .regex-tip { position: absolute; right: 20px; top: 26px }
.form-group .regex-tip:before { content: "\f071"; font-family: FontAwesome; height: 18px; line-height: 18px; margin-right: 5px; text-align: center; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -o-transform .3s; width: 18px }
.form-control { vertical-align: middle; padding: 6px 8px; height: 32; font-size: 13px; font-weight: normal; border-radius: 3px; background: #fbfbfb }
.form-control.form-control-short { width: 300px }
.form-control.form-control-long { width: 300px }
.form-control:focus { box-shadow: none }
.form-control.input-sm { padding: 3px 8px; height: 28px }
.form-control.input-xs { padding: 1px 6px; height: 24px; font-size: 11px }
.form-control.input-long { width: 400px }
.form-control.input-short { width: 200px }
.form-control-select { vertical-align: middle; padding: 6px 8px; height: 32; font-size: 13px; font-weight: normal; border-radius: 3px; background: #fbfbfb; -webkit-appearance: none; appearance: none; background-color: #f8f8f8; background-position: right 8px center; background-repeat: no-repeat; -webkit-background-size: 8px 16px; background-size: 8px 16px; padding-right: 25px }
.form-control-select.form-control-short { width: 300px }
.form-control-select.form-control-long { width: 300px }
.form-control-select:focus { box-shadow: none }
.form-control-select.input-sm { padding: 3px 8px; height: 28px }
.form-control-select.input-xs { padding: 1px 6px; height: 24px; font-size: 11px }
.form-control-select.input-long { width: 400px }
.form-control-select.input-short { width: 200px }
.form-control-select.input-sm, .form-control-select.input-xs { line-height: 1em }
.input-group.input-long { width: 400px }
.input-group.input-short { width: 200px }
.input-group .input-group-btn .btn { padding: 6px 15px }
.input-group.input-group-xs .form-control, .input-group.input-group-xs .input-group-addon, .input-group.input-group-xs .input-group-btn .btn { height: 26px; padding: 2px 10px; font-size: 12px; line-height: 1 }
.list-group-item { background: none; padding: 8px; color: #000; border-radius: 0; font-size: 12px }
.list-group-item label { float: left; font-weight: bold; color: #666 }
.uploadify { display: inline }
.uploadify object { max-height: 30px }
.uploadify-queue { margin-bottom: 1em; position: absolute; bottom: 0; right: 0; z-index: 9999999 }
.uploadify-queue-item { background-color: #f5f5f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; max-width: 350px; padding: 10px }
.uploadify-error { background-color: #fde5dd !important }
.uploadify-queue-item .cancel a { float: right; height: 16px; text-indent: -9999px; width: 16px }
.uploadify-queue-item.completed { background-color: #e5e5e5 }
.uploadify-progress { background-color: #e5e5e5; margin-top: 10px; width: 100% }
.uploadify-progress-bar { background-color: #09f; height: 3px; width: 1px }
.tooltip { word-spacing: normal; white-space: nowrap; z-index: 9999999 }
.alert ul { margin: 0; padding-left: 20px }
.multi-language .website-link { margin-right: 20px; position: relative; padding: 5px 0; top: 1px; font-size: 14px }
.multi-language .box { display: inline-block; position: relative; padding: 10px 0 }
.multi-language .box i { font-size: 14px; position: relative; top: 1px }
.multi-language .box a { font-size: 14px; display: inline-block; margin: 0 5px }
.multi-language .box ul { position: absolute; display: none; top: 24px; right: 0; width: 236px; background: #f3f3f3; z-index: 10200; box-shadow: 0 0 3px #666 }
.multi-language .box ul li { padding: 13px 17px }
.multi-language .box ul li a { display: block }
.multi-language .box ul li a img { margin-right: 16px }
.multi-language .box ul li:hover { background: #e8e8e8 }
.multi-language .box ul li:hover a { color: #006cb7 }
.multi-language .box .fa { top: -2px; transition: All .2s ease-in-out; -webkit-transition: All .2s ease-in-out; -moz-transition: All .2s ease-in-out; -o-transition: All .2s ease-in-out }
.multi-language .box:hover>i, .multi-language .box:hover>a { color: #006cb7 }
.multi-language .box:hover .fa { top: 8px; left: 3px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg) }
.multi-language .box:hover ul { display: block }
.sep-general-form { margin-top: 30px; background: #fff; padding: 25px }
.sep-general-form .sep-general-form-title { padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 40px }
.sep-general-form .sep-general-form-title span { font-family: Arial; font-size: 24px; color: #000 }
.sep-general-form .sep-general-form-title a { font-size: 16px; color: #ff6800 }
.sep-general-form .sep-general-form-title a i { font-size: 16px; color: #ff6800; padding-right: 10px }
.sep-general-form .sep-general-form-prompt { font-family: Arial; font-size: 14px; color: #d10631 }
.sep-general-form .sep-form { padding: 0 }
.sep-general-form .sep-form.has-error input::-webkit-input-placeholder {
display:none
}
.sep-general-form .sep-form>div { display: inline-block }
.sep-general-form .sep-form>div.form-group { width: 49%; padding: 0; padding-right: 0; padding-left: 10% }
.sep-general-form .sep-form>div.form-group.has-success:after { right: 0 }
.sep-general-form .sep-form>div.form-group .regex-tip { top: -2px; right: 3%; display: none }
.sep-general-form .sep-form>div.form-group .control-label { width: 21%; font-weight: normal; color: #414141; font-family: Arial; font-size: 13px }
.sep-general-form .sep-form>div:nth-child(4) { width: 49% }
.sep-general-form .sep-form>div:nth-child(4) textarea.form-control { width: 98% }
.sep-general-form .sep-form>div:nth-child(4).has-success:after { right: 12px }
.sep-general-form .sep-form>div:nth-child(5) { width: 49% }
.sep-general-form .sep-form>div:nth-child(5) textarea.form-control { width: 98% }
.sep-general-form .sep-form>div:nth-child(5).has-success:after { right: 12px }
.sep-general-form .sep-form>div:nth-child(8) { width: 100% }
.sep-general-form .sep-form>div:nth-child(8) .control-label { width: 10.5% }
.sep-general-form .sep-form>div:nth-child(8) textarea.form-control { width: 98% }
.sep-general-form .sep-form>div:nth-child(8).has-success:after { right: 12px }
.sep-general-form .sep-form>div:nth-child(9) { width: 60% }
.sep-general-form .sep-form>div:nth-child(9) .control-label { width: 18% }
.sep-general-form .sep-form>div:nth-child(9) .regex-tip { display: none }
.sep-general-form .sep-form>div:last-child { width: 100% }
.sep-general-form .sep-form>div:last-child .btn.btn-primary { width: 213px; text-align: center; display: table; margin: 0 auto; background: #006cb7; border-color: #006cb7; border-radius: 6px; outline: none }
.sep-form { padding: 30px 15px; padding-top: 0 }
.sep-form .close { display: none }
.sep-form .form-group { position: relative; padding: 0 15% }
.sep-form .form-group .control-label { position: absolute; left: 0; top: 6px; width: 15%; text-align: right; padding-right: 10px }
.sep-form .form-group .control-label .required { color: #c00 }
.sep-form .form-group .radio, .sep-form .form-group .checkbox { margin: 0; padding: 7px 0 }
.sep-form .form-group .regex-tip { top: 3px; right: 15%; padding-right: 15px }
.sep-form .form-group.has-success:after { right: 15% }

@media screen and (max-width:640px) {
.sep-general-form .sep-form>div.form-group { width: 98%; padding: 0 20%; padding-right: 0 }
.sep-general-form .sep-form>div.form-group .control-label { width: 20% }
}
.sep-share li { float: left }
.sep-share li:last-child { padding-right: 0 }
.sep-share li a { font-size: 16px; position: relative }
.sep-share li a .qr { position: absolute; left: 100%; bottom: 100%; display: none }
.sep-share li a:hover .qr { display: block }
.sep-share li a:hover i { color: #fff }
.sep-share li a i { color: #c7c7c7; font-size: 12px }
.at-resp-share-element .at-share-btn .at-label { display: none }
#atstbx2 .at-share-btn, #atstbx3 .at-share-btn, #atstbx4 .at-share-btn, #atstbx5 .at-share-btn, #atstbx6 .at-share-btn { padding: 0 }
.sep-container { width: 1200px; margin: auto }
.sep-shortcut { color: #fff; line-height: 45px }
.sep-shortcut a { color: #fff }
.sep-shortcut a:hover { color: #df0011 }
.sep-shortcut .sep-choose-langs { float: right }
.sep-shortcut .sep-choose-langs ul { margin: 0; padding: 0; list-style: none }
.sep-shortcut .sep-choose-langs ul li { float: left; margin-left: 8px }
.sep-shortcut .sep-choose-langs ul li a { color: #006cb7 }
.sep-shortcut .sep-choose-langs ul li a:hover { color: #333 }
.sep-shortcut .sep-choose-langs ul li:after { content: '|'; margin-left: 8px; color: #999 }
.sep-shortcut .sep-choose-langs ul li:last-child:after { content: ''; margin: 0 }
.sep-header { position: static; top: 0; left: 0; width: 100%; z-index: 10000; padding-top: 0 }
.sep-header.sep-header-normal { background: #fff; box-shadow: 0 0 3px #aaa; position: fixed; width: 100% }
.sep-header.sep-header-normal .sep-mainnav>.sep-container>ul>li { padding: 8px 15px }
.sep-header.sep-header-normal>.sep-container { height: 43px }
.sep-header.sep-header-normal>.sep-container .logo { margin-top: 0; top: 0 }
.sep-header.sep-header-normal>.sep-container .logo img { width: 131px }
.sep-header.sep-header-normal>.sep-container .box1 { display: none }
.sep-header.sep-header-normal>.sep-container .sep-header-contact-info { padding-right: 10px }
.sep-header.sep-header-normal>.sep-container .sep-header-contact-info a { color: #8a8a8a; display: inline-block; font-size: 16px; font-family: AvenirNextLTPro-Demi; font-style: italic; padding: 0 10px; border-right: 1px solid #a5a5a5 }
.sep-header.sep-header-normal>.sep-container .sep-header-contact-info a i { padding-right: 5px }
.sep-header.sep-header-normal>.sep-container .sep-header-contact-info a:first-child { border-left: 1px solid #a5a5a5 }
.sep-header.sep-header-normal>.sep-container .sep-header-contact-info a:hover { color: #006cb7 }
.sep-header.sep-inner-header { position: static }
.sep-header>.sep-container { padding: 0 0; position: relative }
.sep-header>.sep-container .logo { top: 50px; position: relative }
.sep-header>.sep-container .logo span { font-family: 'CalistoMT'; font-style: italic; color: #767676; padding-left: 20px; font-size: 16px }
.sep-header>.sep-container .box1 { position: relative; top: 2px; padding: 10px }
.sep-header>.sep-container .wrap { max-width: 950px }
.sep-header>.sep-container form { position: relative; display: inline-block; float: right; margin: 0 18px; margin-right: 0; margin-left: 41px; margin-top: 10px; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out }
.sep-header>.sep-container form div { position: relative }
.sep-header>.sep-container form div img { position: absolute; left: 15px; top: 50%; transform: translateY(-50%) }
.sep-header>.sep-container form.active { margin-right: 17px }
.sep-header>.sep-container form.active input[type='text'] { border: 1px solid #006cb7; width: 143px }
.sep-header>.sep-container form input[type='text'] { box-shadow: none; width: 270px; padding-left: 10px; height: 31px; color: #333; display: inline-block; border-radius: 20px; border: none; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out }
.sep-header>.sep-container form input[type='text']::-webkit-input-placeholder {
color:#9c9c9c
}
.sep-header>.sep-container form .fa1 { position: absolute; top: 4px; right: 14px; color: #006cb7; font-size: 16px }
.sep-header>.sep-container form button[type='submit'] { border: none; position: absolute; height: 31px; line-height: 31px; padding: 0 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; color: #fff; font-size: 12px; top: 0; right: 0; background: transparent }
.sep-header>.sep-container .sep-header-contact-info { padding-right: 0; padding-top: 18px; position: relative }
.sep-header>.sep-container .sep-header-contact-info div { display: inline-block; padding-left: 30px; position: relative; margin-right: 25px; top: 1px }
.sep-header>.sep-container .sep-header-contact-info div img { position: absolute; top: 1px; left: 5px }
.sep-header>.sep-container .sep-header-contact-info div span { padding-left: 0; display: inline-block; font-size: 14px; color: #191919; font-style: italic }
.sep-header>.sep-container .sep-header-contact-info div span.sp { color: #191919; font-size: 14px }
.sep-header>.sep-container .sep-header-contact-info a { color: #2f2f2f; display: inline-block; font-size: 14px; margin-right: 20px; padding-left: 35px; position: relative; font-family: AvenirNextLTPro }
.sep-header>.sep-container .sep-header-contact-info a img { position: absolute; top: 3px; left: 5px }
.sep-header>.sep-container .sep-header-contact-info a span { padding-left: 0; display: inline-block; font-size: 14px; color: #191919; font-family: AvenirNextLTPro; font-style: italic }
.sep-header>.sep-container .sep-header-contact-info a span.sp { color: #191919; font-size: 12px; text-transform: uppercase }
.sep-header>.sep-container .sep-header-contact-info a i { width: 25px; height: 25px; background: #b3b3b3; color: #f1f1f1; border-radius: 50%; line-height: 24px; text-align: center; margin-right: 12px; font-size: 14px }
.sep-header>.sep-container .sep-header-contact-info a:first-child { margin-right: 36px; font-size: 14px }
.sep-header>.sep-container .sep-header-contact-info a:first-child i { line-height: 26px }
.sep-header>.sep-container .sep-header-contact-info a:last-child:hover { color: #006cb7 }
.sep-header>.sep-container .sep-header-contact-info a:last-child span:hover { text-decoration: underline }
.sep-header>.sep-container .sep-header-contact-info a:last-child i { padding-top: 1px; line-height: 23px }
.sep-header>.sep-container .sep-share { padding-top: 3px; padding-right: 15px }
.sep-header>.sep-container .sep-share li { padding-right: 5px }
.sep-header>.sep-container .multi-language { margin-left: 10px; margin-right: 10px; margin-top: 15px; cursor: pointer }
.sep-header>.sep-container .multi-language .box { padding: 0 }
.sep-header>.sep-container .multi-language .box ul { top: 100% }
.sep-header>.sep-container .multi-language .box .box2 { color: #2f2f2f; position: relative; font-family: AvenirNextLTPro }
.sep-header>.sep-container .multi-language .box .box2 img { margin-top: 7px }
.sep-header>.sep-container .multi-language .box .box2 i, .sep-header>.sep-container .multi-language .box .box2 a { color: #2f2f2f; font-size: 22px }
.sep-header>.sep-container .multi-language .box .box2 i { padding-left: 5px }
.sep-header>.sep-container .multi-language .box .box2 a { font-size: 14px; display: inline-block; width: 28px; height: 27px; line-height: 26px; text-align: center; border-radius: 50%; border: 1px solid #006cb7; color: #2f2f2f; position: relative; top: -2px }
.sep-mainnav { background: #212121; width: auto; z-index: 1000 }
.sep-mainnav .logo { margin-right: 96px }
.sep-mainnav .logo-box { position: absolute; left: 0; top: -24px; text-align: right; width: 712px; height: 144px; padding-top: 36px; padding-right: 112px; z-index: 100000 }
.sep-mainnav ul:before { content: " "; clear: both; display: table }
.sep-mainnav ul:after { content: " "; clear: both; display: table }
.sep-mainnav>.sep-container { background: transparent; position: relative }
.sep-mainnav>.sep-container>ul>li { float: left; position: relative }
.sep-mainnav>.sep-container>ul>li.ispro { position: static }
.sep-mainnav>.sep-container>ul>li.ispro>div:before { display: none }
.sep-mainnav>.sep-container>ul>li:hover>a { color: #bbb }
.sep-mainnav>.sep-container>ul>li:first-child>a { padding-left: 0 }
.sep-mainnav>.sep-container>ul>li:last-child>a { padding-right: 0 }
.sep-mainnav>.sep-container>ul>li:last-child>a:after { content: '' }
.sep-mainnav>.sep-container>ul>li.active>a { color: #bbb }
.sep-mainnav>.sep-container>ul>li>a { font-size: 16px; color: #fff; padding: 20px 20px; display: inline-block; position: relative; font-family: 'CenturyGothic' }
.sep-mainnav>.sep-container>ul>li>.box2 { position: absolute; left: 0; top: 100%; width: 100%; background: rgba(255,255,255,0.95); border-top: 4px solid #006cb7; padding-top: 20px; padding-bottom: 20px; display: none }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container { max-width: 1200px; margin: 0 auto }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist { padding: 0 20px }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist li { float: left; width: 25%; padding: 0 10px }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist li.active a { color: #006cb7 }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist li a { display: block; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #ddd; font-size: 15px; color: #333 }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist li a:hover { color: #006cb7 }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist2 { width: 90%; margin: 0 auto; margin-top: 20px }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist2 li { position: relative; padding-left: 150px; min-height: 120px; margin-bottom: 10px; display: none }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist2 li:first-child { display: block }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist2 li a.thumb { width: 120px; position: absolute; left: 10px; top: 0 }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist2 li a.thumb img { width: 100%; border: 1px solid #ddd }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist2 li a.title { color: #006cb7; font-weight: bold; font-size: 16px; display: block; margin-bottom: 5px }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist2 li .summary { color: #646464; font-size: 14px; line-height: 21px; display: block }
.sep-mainnav>.sep-container>ul>li>.box2 .sep-container .datalist2 li .summary a { color: #006cb7 }
.sep-mainnav>.sep-container>ul>li>div { position: absolute; z-index: 100; left: 20px; top: 100%; display: none; padding-top: 10px }
.sep-mainnav>.sep-container>ul>li>div.haspic>ul { width: 646px }
.sep-mainnav>.sep-container>ul>li>div.haspic>ul>li { width: 25%; float: left; padding: 10px }
.sep-mainnav>.sep-container>ul>li>div.haspic>ul>li .thumb { display: block }
.sep-mainnav>.sep-container>ul>li>div.haspic>ul>li .thumb img { width: 100% }
.sep-mainnav>.sep-container>ul>li>div.haspic>ul>li .title { padding: 15px 0; display: block; text-align: center }
.sep-mainnav>.sep-container>ul>li>div.haspic>ul>li .title:hover { color: #006cb7 }
.sep-mainnav>.sep-container>ul>li>div.haspic>ul>li:hover { background: transparent; border-radius: 0 }
.sep-mainnav>.sep-container>ul>li>div.haspic>ul>li:hover .title { color: #006cb7 }
.sep-mainnav>.sep-container>ul>li>div:before { content: ''; position: absolute; left: 10px; top: 0; transform: translateY(-50%); border: 10px solid transparent; border-bottom: 10px solid #fff }
.sep-mainnav>.sep-container>ul>li>div>ul { background: #fff; padding: 6px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.3) }
.sep-mainnav>.sep-container>ul>li>div>ul>li { padding: 6px 8px }
.sep-mainnav>.sep-container>ul>li>div>ul>li:hover { background: #006cb7; border-radius: 4px }
.sep-mainnav>.sep-container>ul>li>div>ul>li:hover>a { color: #fff }
.sep-mainnav>.sep-container>ul>li>div>ul>li>a { white-space: nowrap }
.sep-banner { overflow: hidden; width: 100%; position: relative }
.sep-banner .bx-wrapper .bx-pager a { border: 2px solid #fff; background: transparent }
.sep-banner .bx-wrapper .bx-pager a:hover, .sep-banner .bx-wrapper .bx-pager a.active { background: #fff; border: 2px solid #fff }
.sep-banner .adv div { position: relative }
.sep-banner .adv div .sep-banner-ad { position: absolute; width: 100% }
.sep-banner .adv div:nth-child(3) .sep-banner-ad { left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; display: table }
.sep-banner .adv div:nth-child(3) .sep-banner-ad .hd { color: #fff; font-size: 42px; font-family: ARLRDBD; font-style: italic }
.sep-banner .adv div:nth-child(3) .sep-banner-ad .bd { color: #fff; font-size: 34px; font-weight: bold }
.sep-banner .adv div:nth-child(3) .sep-banner-ad a { background: #9e1e1e; border-radius: 6px; padding: 6px 20px; color: #fff; font-size: 22px; display: table; margin: 0 auto; margin-top: 30px; text-transform: uppercase }
.sep-banner .adv div:nth-child(1) a { display: block }
.sep-banner .adv div:nth-child(1) .sep-banner-ad { left: 50%; transform: translateX(-50%); top: 16%; width: auto; display: table }
.sep-banner .adv div:nth-child(1) .sep-banner-ad .hd { color: #fff; font-size: 50px; font-family: ARLRDBD; font-style: italic }
.sep-banner .adv div:nth-child(1) .sep-banner-ad .bd { color: #142d53; font-size: 40px; font-weight: bold }
.sep-banner .adv div:nth-child(2) .sep-banner-ad { left: 65%; transform: translateX(-50%); top: 26%; width: auto }
.sep-banner .adv div:nth-child(2) .sep-banner-ad .hd { color: #fff; font-size: 50px; font-family: ARLRDBD; font-style: italic }
.sep-banner .adv div:nth-child(2) .sep-banner-ad a { background: #9e1e1e; border-radius: 6px; padding: 6px 20px; color: #fff; font-size: 22px; display: table; margin: 0 auto; margin-top: 30px; text-transform: uppercase }
.sep-banner .adv div:nth-child(2) .sep-banner-ad .bd { color: #142d53; font-size: 32px; font-weight: bold }
.sep-banner img { max-width: 100%; margin: 0 auto }
.sep-body .sep-container { width: 1200px }
.sep-body .sep-title { display: table; margin: 0 auto; color: #006cb7; font-size: 50px; text-transform: capitalize; font-family: 'proximanova'; margin-bottom: 30px; padding-top: 54px; position: relative }
.sep-body .sep-title:before { content: ''; width: 2px; height: 43px; background: #333565; position: absolute; left: 50%; top: 0; transform: translateX(-50%) }
.sep-body .sep-section1 { padding-top: 45px; padding-bottom: 170px }
.sep-body .sep-section1 .sep-container .datalist { max-width: 967px; margin: 0 auto; position: relative }
.sep-body .sep-section1 .sep-container .datalist .owl-theme .owl-dots { display: none !important }
.sep-body .sep-section1 .sep-container .datalist .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 29px; height: 29px }
.sep-body .sep-section1 .sep-container .datalist .owl-theme .owl-controls { display: table; position: absolute; right: 9px; top: -13px }
.sep-body .sep-section1 .sep-container .datalist ul li { padding-bottom: 38px }
.sep-body .sep-section1 .sep-container .datalist ul li .box-lf { float: left; width: 50% }
.sep-body .sep-section1 .sep-container .datalist ul li .box-lf img { width: 100% }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt { float: right; width: 50%; background: #303438; padding: 80px 30px; height: 536px; position: relative; top: 38px }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt .title { display: block; text-align: center; color: #fff; font-size: 30px; margin-bottom: 30px; font-family: 'proximanova' }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt .title:hover { text-decoration: underline }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt .summary { color: #fff; font-size: 14px; line-height: 1.8em; font-family: 'proximanova' }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt .more { color: #fff; font-size: 18px; border: 1px solid #fcfcfc; border-radius: 24px; padding: 8px 55px; font-family: 'proximanova'; display: table; margin: 0 auto; margin-top: 50px }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt .more:hover { background: #fff; color: #006cb7 }
.sep-body .sep-section2 { padding-bottom: 50px; padding-top: 33px; margin-top: -105px }
.sep-body .sep-section2 .sep-container { width: 1228px }
.sep-body .sep-section2 .sep-container>.title { color: #fff; font-size: 50px; font-family: 'proximanova'; padding-left: 14px }
.sep-body .sep-section2 .sep-container .datalist { margin-top: 20px }
.sep-body .sep-section2 .sep-container .datalist li { width: 25%; padding: 0 14px; margin-bottom: 28px; float: left }
.sep-body .sep-section2 .sep-container .datalist li:hover .title { background: #1f1f1f; color: #fff }
.sep-body .sep-section2 .sep-container .datalist li .thumb { display: block; overflow: hidden }
.sep-body .sep-section2 .sep-container .datalist li .thumb img { width: 100% }
.sep-body .sep-section2 .sep-container .datalist li .title { display: block; background: #fff; color: #303030; font-family: 'proximanova'; font-size: 14px; padding: 14px 10px; transition: all .3s }
.sep-body .sep-section3 { padding-top: 40px }
.sep-body .sep-section3 .wrap { background: #ebf1f2 }
.sep-body .sep-section3 .wrap .sep-container { padding-top: 50px }
.sep-body .sep-section3 .wrap .sep-container .datalist li { width: 43%; margin-bottom: 40px; padding-left: 128px; position: relative }
.sep-body .sep-section3 .wrap .sep-container .datalist li:nth-child(even) { float: right }
.sep-body .sep-section3 .wrap .sep-container .datalist li:nth-child(odd) { float: left }
.sep-body .sep-section3 .wrap .sep-container .datalist li .title { display: block; color: #333; font-size: 30px; font-family: 'proximanova'; margin-bottom: 5px }
.sep-body .sep-section3 .wrap .sep-container .datalist li .title:hover { color: #0da9d9 }
.sep-body .sep-section3 .wrap .sep-container .datalist li .summary { color: #767676; line-height: 1.8em; font-size: 14px; display: block }
.sep-body .sep-section3 .wrap .sep-container .datalist li .thumb { position: absolute; width: 96px; height: 105px; left: 10px }
.sep-body .sep-section4 { padding-top: 30px; padding-bottom: 45px }
.sep-body .sep-section4 .sep-container ul li { display: inline-block; padding: 0 36px; float: left }
.sep-body .sep-section4 .sep-container ul li:nth-child(1) { width: 30% }
.sep-body .sep-section4 .sep-container ul li:nth-child(2) { width: 30% }
.sep-body .sep-section4 .sep-container ul li:nth-child(3) { width: 40% }
.sep-body .sep-section4 .sep-container ul li .num { font-family: 'proximanova-bold'; font-size: 75px; color: #fff; display: block }
.sep-body .sep-section4 .sep-container ul li .alias { font-family: 'proximanova'; color: #fff; font-size: 20px }
.sep-body .sep-section5 { padding-top: 55px; padding-bottom: 30px; background: #ebf1f2 }
.sep-body .sep-section5 .sep-title { margin-bottom: 10px }
.sep-body .sep-section5 .box-wrap { max-width: 1050px; margin: 0 auto }
.sep-body .sep-section5 .box-wrap ul li { margin-bottom: 5px }
.sep-body .sep-section5 .box-wrap ul li .thumb { display: block; overflow: hidden }
.sep-body .sep-section5 .box-wrap ul li .thumb img { width: 100% }
.sep-body .sep-section5 .box-wrap ul li:hover .box { top: -50px; box-shadow: 1px 1px 1px #ddd }
.sep-body .sep-section5 .box-wrap ul li .box { background: #fff; max-width: 425px; padding: 20px; position: relative; top: -30px; transition: all .3s ease-in-out }
.sep-body .sep-section5 .box-wrap ul li .box span { color: #9a9a9a; font-size: 14px; display: block; margin-bottom: 10px; font-family: 'proximanova' }
.sep-body .sep-section5 .box-wrap ul li .box .title { font-family: 'proximanova'; color: #333; font-size: 18px; display: block; margin-bottom: 10px }
.sep-body .sep-section5 .box-wrap ul li .box .title:hover { color: #006cb7 }
.sep-body .sep-section5 .box-wrap ul li .box .summary { font-family: 'proximanova'; color: #767676; font-size: 14px; display: block; margin-bottom: 10px; line-height: 1.8em }
.sep-body .sep-section5 .box-wrap ul li .box .more { padding: 7px 20px; border-radius: 24px; background: #959ca3; color: #fff; font-family: 'proximanova'; font-size: 14px; display: table; margin-top: 15px }
.sep-body .sep-section5 .box-wrap ul li .box .more:hover { background: #1b1b1b }
.sep-body .sep-section5 .box-wrap .box-lf { float: left; width: 46.7% }
.sep-body .sep-section5 .box-wrap .box-rt { float: right; width: 46.7%; margin-top: 67px }
.sep-footer { color: rgba(255,255,255,0.7); position: relative }
.sep-footer .sep-footer-share { background: #898989; padding: 3px 0 }
.sep-footer .sep-footer-share .sep-share li a i { font-size: 16px }
.sep-footer .bottom-line { height: 1px; background-image: -webkit-linear-gradient(to right, transparent, #fff, transparent); background-image: linear-gradient(to right, transparent, #fff, transparent) }
.sep-footer .sep-bottom-box { position: relative; padding: 29px 0; padding-top: 50px }
.sep-footer .sep-bottom-box .logo-center { position: absolute; padding: 10px; border-radius: 50%; background: #fff; left: 50%; top: -77px; transform: translateX(-50%); z-index: 1000 }
.sep-footer .sep-bottom-box .bottom-top .sep-share { bottom: 37px; right: 0 }
.sep-footer .sep-bottom-box .bottom-top .sep-share li.qrcode { position: relative }
.sep-footer .sep-bottom-box .bottom-top .sep-share li.qrcode:hover img { display: block }
.sep-footer .sep-bottom-box .bottom-top .sep-share li.qrcode img { position: absolute; left: 100%; max-width: 150px; bottom: 100%; display: none; background: #fff; padding: 5px }
.sep-footer .sep-bottom-box .bottom-top .sep-share li.qrcode a { overflow: inherit }
.sep-footer .sep-bottom-box .bottom-top .sep-share li a { display: block; line-height: 25px; text-align: left; margin-right: 30px; padding-right: 0 }
.sep-footer .sep-bottom-box .bottom-top .sep-share li a:hover i { color: #006cb7 }
.sep-footer .sep-bottom-box .bottom-top .sep-share li a i { color: #fff; font-size: 18px }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li { float: left; width: 21.44% }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:nth-child(2) { width: 21.44% }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:nth-child(3) { width: 21.44% }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child { width: 35.66%; padding-right: 40px }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(2) dt { margin-bottom: 0 }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(2) dt:before { display: none }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(2) dt:after { display: none }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) { padding-left: 0 }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) .dd-copyright { margin-top: 90px }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd { color: #ebebeb; font-size: 14px; position: relative; margin-bottom: 4px; padding-left: 31px; line-height: 22px; min-height: 25px; font-family: 'proximanova'; text-transform: uppercase }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd:nth-child(2) { font-size: 14px; color: #fff; margin-bottom: 0 }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd:nth-child(2)>img { top: 2px }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd:nth-child(4)>img { top: 4px }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd>i, .sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd>img { color: #fff; display: inline-block; position: absolute; font-size: 24px; text-align: center; left: 0; top: 7px }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd span { color: #ebebeb; font-size: 14px; line-height: 25px; display: inline-block; font-family: 'proximanova'; text-transform: uppercase }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd>a { line-height: 25px; display: inline; color: #ebebeb; font-size: 14px; font-family: 'proximanova'; text-transform: uppercase }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd>a:hover { color: #aaa }
.sep-footer .sep-bottom-box .bottom-top>ul:not(.sep-share)>li:last-child>dl:nth-child(1) dd>a:before { display: none }
.sep-footer .sep-bottom-box .bottom-top dl { float: left; width: 100% }
.sep-footer .sep-bottom-box .bottom-top dl:first-child { margin-bottom: 12px }
.sep-footer .sep-bottom-box .bottom-top dl dt { color: #fff; font-size: 20px; margin-bottom: 20px; position: relative; text-transform: uppercase }
.sep-footer .sep-bottom-box .bottom-top dl dt:before { content: ''; display: block; width: 43px; height: 2px; left: 0; bottom: 0; background: #006cb7; position: absolute; display: none }
.sep-footer .sep-bottom-box .bottom-top dl dt a { color: #ebebeb; font-size: 22px; font-weight: normal; font-family: 'proximanova'; text-transform: uppercase }
.sep-footer .sep-bottom-box .bottom-top dl dd div { margin-bottom: 5px }
.sep-footer .sep-bottom-box .bottom-top dl dd div a { color: #6e6e6e; font-size: 14px; text-transform: uppercase }
.sep-footer .sep-bottom-box .bottom-top dl dd div a:before { display: none }
.sep-footer .sep-bottom-box .bottom-top dl dd a { color: #ebebeb; font-size: 14px; text-overflow: ellipsis; display: inline-block; width: 100%; padding-right: 10px; overflow: hidden; font-family: 'proximanova' }
.sep-footer .sep-bottom-box .bottom-top dl dd a:hover { color: #aaa }
.sep-footer .sep-bottom-box .bottom-copyright { padding: 20px 0; border-top: 1px solid #818181; margin-top: 30px }
.sep-footer .sep-bottom-box .bottom-copyright .box1 { margin: 0 auto; width: 90% }
.sep-footer .sep-bottom-box .bottom-copyright .box span, .sep-footer .sep-bottom-box .bottom-copyright .box a { display: block; font-size: 14px; position: relative; color: #474747; padding-left: 10px; text-transform: capitalize }
.sep-footer .sep-bottom-box .bottom-copyright .box { padding-right: 216px }
.sep-footer .sep-bottom-box .bottom-copyright .box a, .sep-footer .sep-bottom-box .bottom-copyright .box b { color: #474747; font-size: 14px }
.sep-footer .sep-bottom-box .bottom-copyright .box a:hover { color: #006cb7 }
.sep-footer .sep-bottom-box .bottom-copyright .box b { padding: 0 2px }
.sep-footer .sep-bottom-box .bottom-copyright .sep-share { position: relative; top: 14px; right: 20px }
.sep-footer .sep-bottom-box .bottom-copyright .sep-share li a i { font-size: 18px; color: #474747 }
.sep-footer .sep-bottom-box .bottom-copyright .sep-share li a i:hover { color: #ddd }
.sep-footer .sep-copyright { padding: 0 0; font-size: 14px }
.sep-footer .sep-copyright .box { position: relative; float: right }
.sep-footer .sep-copyright .box a:first-child, .sep-footer .sep-copyright .box a:nth-child(2) { padding-right: 10px; position: relative }
.sep-footer .sep-copyright .box a:first-child:after, .sep-footer .sep-copyright .box a:nth-child(2):after { position: absolute; right: 0; top: 2px; content: ''; width: 1px; height: 14px; background: #ededed }
.sep-footer .sep-copyright .box a:nth-child(2) { padding-left: 5px }
.sep-footer .sep-copyright .box a:last-child { padding-left: 5px }
.sep-footer .sep-copyright a, .sep-footer .sep-copyright span { font-size: 14px; color: #ededed }
.sep-footer .sep-copyright span { position: relative }
.sep-footer .sep-copyright ul li a { color: #ededed }
.sep-footer .sep-copyright ul li a:hover { color: #ededed }
.sep-footer .sep-copyright .sep-share { position: relative }
.sep-footer .sep-copyright .sep-share li { padding-left: 30px }
.sep-footer .sep-copyright .sep-share li i { color: #006cb7; text-align: center; font-size: 30px }
.sep-footer .sep-copyright a:hover { color: #ededed }
.sep-footer .sep-copyright .sep-container { max-width: 1200px; width: auto; padding: 25px 20px; border-top: 1px solid #5d5a5a }
.sep-footer .sep-copyright b { font-weight: normal; color: #ededed; font-size: 14px; position: relative; top: -1px }
.gallery img { max-height: 200px; transition: -webkit-filter .4s, filter .4s; filter: grayscale(0); -webkit-filter: grayscale(0); max-width: 100% }
.gallery img:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%) }
.gallery a { width: 31.33%; display: inline-block; overflow: hidden; margin: .5%; box-shadow: 0 0 4px -1px #000; text-align: center }
.sep-container.form-down { display: none; padding-bottom: 20px; position: relative; top: -50px }
.sep-container.form-down form { position: relative; display: table; width: 60%; float: right }
.sep-container.form-down .form-control { background: #fff; border: none; border-bottom: 1px solid #006cb7; border-radius: 0; outline: none; box-shadow: none; padding-left: 20px; display: inline-block; width: 100% }
.sep-container.form-down .top-btn { display: inline-block; border-radius: 50%; background: #006cb7; color: #fff; padding: 5px 7px; outline: none; border: none; position: absolute; right: 0 }
.sep-container.form-down i { position: absolute; left: 0; top: 10px }
.social-contact:before { content: ''; display: table; clear: both }
.social-contact:after { content: ''; display: table; clear: both }
.social-contact li { float: left; margin: 0 2px }
.social-contact li a { border: 1px solid #aaa; border-radius: 6px; width: 30px; height: 30px; font-size: 16px; line-height: 30px; text-align: center; display: inline-block; color: #5b5b5b }
.social-contact li a:hover { color: #006cb7 }
.sep-news-list li { padding-left: 277px; position: relative; padding-top: 6px; padding-bottom: 6px; padding-right: 20px; min-height: 152px; margin-bottom: 20px; background: #f0f0f0 }
.sep-news-list li .thumb { display: block; width: 259px; height: 142px; position: absolute; left: 8px; top: 6px }
.sep-news-list li .thumb img { width: 100% }
.sep-news-list li .title { color: #323232; font-size: 16px; display: block; margin-bottom: 4px }
.sep-news-list li .title:hover { color: #006cb7 }
.sep-news-list li .date { color: #969696; font-size: 14px; display: block; margin-top: 0; margin-bottom: 4px }
.sep-news-list li a.summary { color: #646464; line-height: 18px; font-size: 14px }
.sep-resource-queue>ul:before { content: ''; display: table; clear: both }
.sep-resource-queue>ul:after { content: ''; display: table; clear: both }
.sep-resource-queue>ul>li { float: left; background: #fff; padding: 15px 20px; width: 49%; margin-bottom: 2%; transition: .6s; height: 313px }
.sep-resource-queue>ul>li:hover { box-shadow: 0 0 6px #666 }
.sep-resource-queue>ul>li:nth-child(even) { float: right }
.sep-resource-queue>ul>li .title { font-size: 20px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px }
.sep-resource-queue>ul>li .btn-more { background: #006cb7; color: #fff; padding: 5px 15px; transition: .5s; font-size: 16px }
.sep-resource-queue>ul>li .btn-more:hover { background: transparent; color: #006cb7 }
.sep-resource-queue>ul>li .box { border-bottom: 1px solid #ddd; padding-bottom: 15px; padding-left: 5px; padding-right: 5px }
.sep-resource-queue>ul>li .box:before { content: ''; display: table; clear: both }
.sep-resource-queue>ul>li .box:after { content: ''; display: table; clear: both }
.sep-resource-queue>ul>li .box .thumb { display: inline-block; overflow: hidden; width: 282px; height: 189px; float: left }
.sep-resource-queue>ul>li .box .thumb img { width: 282px; height: 189px }
.sep-resource-queue>ul>li .box .summary { float: right; display: inline-block; height: 189px; width: 240px; font-size: 14px; position: relative }
.sep-resource-queue>ul>li .box .btn-read { position: absolute; bottom: 0; left: 0; font-size: 14px; color: #006cb7 }
.sep-resource-queue>ul>li .box .btn-read:hover { text-decoration: underline }
.sep-resource-queue>ul>li .box-x { margin-top: 10px }
.sep-resource-queue>ul>li .box-x:before { content: ''; display: table; clear: both }
.sep-resource-queue>ul>li .box-x:after { content: ''; display: table; clear: both }
.sep-resource-queue>ul>li .box-x .box-m { float: left; width: 49% }
.sep-resource-queue>ul>li .box-x .box-m .thumb { width: 265px; height: 175px }
.sep-resource-queue>ul>li .box-x .box-m .thumb img { width: 265px; height: 175px; border: 1px solid #ddd }
.sep-resource-queue>ul>li .box-x .box-m .summary { margin-top: 10px; display: inline-block; height: 3em; overflow: hidden }
.sep-resource-queue>ul>li .box-x .box-m:nth-child(2) { float: right }
.sep-resource-queue>ul>li .contact-link { padding-top: 15px }
.sep-resource-queue>ul>li .contact-link>a { border: 1px solid #aaa; border-radius: 3px; line-height: 30px; height: 30px; display: inline-block; padding: 0 5px; float: right; margin-left: 5px }
.sep-resource-queue>ul>li .contact-link>a i { padding-right: 5px; font-size: 16px }
.sep-resource-queue>ul>li .contact-link>a span { position: relative; top: -2px }
.sep-resource-list .sep-datalist { list-style: none; padding: 0; margin: 0 }
.sep-resource-list .sep-datalist>li { border-bottom: dotted 1px #ddd; position: relative; min-height: 140px; padding: 15px 10px 50px 150px; line-height: 1em }
.sep-resource-list .sep-datalist>li.nothumb { padding-left: 10px }
.sep-resource-list .sep-datalist>li.nothumb .thumb { display: none }
.sep-resource-list .sep-datalist>li .thumb { position: absolute; left: 10px; top: 15px; display: block; width: 120px; height: 120px; overflow: hidden; text-align: center }
.sep-resource-list .sep-datalist>li .thumb img { max-width: 100%; height: 90px; border: 1px solid #ddd }
.sep-resource-list .sep-datalist>li .title { display: block; color: #333; font-weight: bold; margin-bottom: 10px; height: 1.3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px }
.sep-resource-list .sep-datalist>li .title:hover { color: #006cb7 }
.sep-resource-list .sep-datalist>li .summary { display: block; color: #666; line-height: 1.5em; word-break: break-all }
.sep-resource-list .sep-datalist>li .published { display: block; color: #999; font-size: 12px; margin-bottom: 10px }
.sep-resource-list .sep-datalist>li .published:before { font: normal normal normal 14px/1 FontAwesome; content: "\f073"; margin-right: 5px }
.sep-resource-list .sep-datalist>li .btn-read { position: absolute; bottom: 10px; right: 0; border: solid 1px #ccc; border-radius: 3px; background: #f0f0f0; padding: 2px 8px; color: #333; font-size: 12px }
.sep-resource-list-nothumb .sep-datalist { list-style: none; padding: 0; margin: 0 }
.sep-resource-list-nothumb .sep-datalist li { border-bottom: dotted 1px #ddd; position: relative; min-height: 120px; padding: 15px 10px 50px 10px }
.sep-resource-list-nothumb .sep-datalist li .thumb { position: absolute; left: 10px; top: 15px; display: block; width: 120px; height: 120px; overflow: hidden; text-align: center; display: none }
.sep-resource-list-nothumb .sep-datalist li .thumb img { max-width: 100%; height: 90px; display: none; border: 1px solid #ddd }
.sep-resource-list-nothumb .sep-datalist li .title { display: block; color: #333; font-weight: bold; margin-bottom: 10px; height: auto; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px }
.sep-resource-list-nothumb .sep-datalist li .title:hover { color: #006cb7 }
.sep-resource-list-nothumb .sep-datalist li .summary { display: block; color: #666; line-height: 1.5em; word-break: break-all; width: 100% }
.sep-resource-list-nothumb .sep-datalist li .published { display: block; color: #999; font-size: 12px; margin-bottom: 10px; position: absolute; bottom: 10px; left: 10px }
.sep-resource-list-nothumb .sep-datalist li .published:before { font: normal normal normal 14px/1 FontAwesome; content: "\f073"; margin-right: 5px }
.sep-resource-list-nothumb .sep-datalist li .btn-read { position: absolute; bottom: 10px; left: 10px; border: solid 1px #ccc; border-radius: 3px; background: #f0f0f0; padding: 2px 8px; color: #333; font-size: 12px; display: none }
.sep-resource-grid .sep-datalist { list-style: none; padding: 0; margin: 0 -15px; overflow: hidden }
.sep-resource-grid .sep-datalist li { position: relative; float: left; width: 50%; overflow: hidden; padding: 0 15px }
.sep-resource-grid .sep-datalist li .thumb { display: block; width: 100%; overflow: hidden; text-align: center; margin-bottom: 8px }
.sep-resource-grid .sep-datalist li .thumb img { max-width: 100%; border: 1px solid #ddd }
.sep-resource-grid .sep-datalist li .title { line-height: 1.5em; height: 3em; display: block; overflow: hidden; margin-bottom: 8px; color: #333; font-weight: bold; text-align: center }
.sep-resource-grid .sep-datalist li .title:hover { color: #006cb7 }
.sep-resource-grid .sep-datalist li .summary { display: none; line-height: 1.5em; height: 6em; overflow: hidden; color: #777 }
.sep-resource-grid .sep-datalist li .published { display: none }
.sep-resource-grid .sep-datalist li .btn-read { display: none }
.sep-resource-list-case .sep-datalist li { position: relative; height: 280px }
.sep-resource-list-case .sep-datalist li .thumb { display: table; position: absolute; width: 300px; top: 30px }
.sep-resource-list-case .sep-datalist li .thumb img { max-width: 300px }
.sep-resource-list-case .sep-datalist li .title { font-size: 16px; display: block; font-weight: bold; text-align: center; margin-top: 20px }
.sep-resource-list-case .sep-datalist li .title:hover { text-decoration: underline }
.sep-resource-list-case .sep-datalist li .summary { display: block; text-align: center; font-size: 13px; line-height: 23px; margin: 10px 0 }
.sep-resource-list-case .sep-datalist li .published { display: none }
.sep-resource-list-case .sep-datalist li .btn-read { width: 100px; height: 30px; color: #fff; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center; background: #006cb7; display: table; margin: 0 auto }
.sep-resource-list-case .sep-datalist li .btn-read:hover { text-decoration: underline }
.sep-resource-list-case .sep-datalist li:nth-child(odd) { padding: 30px 30px 30px 350px; background: rgba(195,189,189,0.16) }
.sep-resource-list-case .sep-datalist li:nth-child(odd) .thumb { left: 30px }
.sep-resource-list-case .sep-datalist li:nth-child(odd) .title { color: #000 }
.sep-resource-list-case .sep-datalist li:nth-child(odd) .summary { color: #000 }
.sep-resource-list-case .sep-datalist li:nth-child(even) { padding: 30px 350px 30px 30px; background: #e8e8e8 }
.sep-resource-list-case .sep-datalist li:nth-child(even) .thumb { right: 30px }
.sep-resource-list-case .sep-datalist li:nth-child(even) .title { color: #333 }
.sep-resource-list-case .sep-datalist li:nth-child(even) .summary { color: #333 }
.sep-resource-idx dl { overflow: hidden; margin-bottom: 30px }
.sep-resource-idx dl dt { font-weight: bold; font-size: 16px; background: #f5f5f5; border-radius: 4px; padding: 5px 10px }
.sep-resource-idx dl dt .btn-more { float: right; font-weight: normal; font-size: 12px; padding: 2px; color: #666 }
.sep-resource-idx dl dt .btn-more:after { content: ' >' }
.sep-resource-idx dl dd { margin: 10px -10px }
.sep-resource-idx dl dd ul { margin: 0; padding: 0; list-style: none }
.sep-resource-idx dl dd ul li { float: left; width: 25% }
.sep-resource-idx dl dd ul li a { display: block; margin: 10px }
.sep-resource-idx dl dd ul li a .thumb { display: block; width: 100%; height: 190px; line-height: 186px; background: #fafafa; overflow: hidden; text-align: center }
.sep-resource-idx dl dd ul li a .thumb img { max-width: 100%; max-height: 100% }
.sep-resource-idx dl dd ul li a .title { margin: 5px 0; display: block; line-height: 1em; height: 1em; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #333 }
.sep-his-list { list-style: none; padding: 0; margin: 0; overflow: hidden; padding-top: 36px; position: relative }
.sep-his-list:before { content: ''; display: block; position: absolute; top: 0; left: 47.1%; width: 8px; height: 100% }
.sep-his-list:after { content: ''; display: block; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); position: absolute; top: 0; right: 47.1%; width: 8px; height: 100% }
.sep-his-list li { width: 48%; margin-bottom: 30px; position: relative }
.sep-his-list li:nth-child(even) { float: right }
.sep-his-list li:nth-child(even) .his-content { text-align: left; margin-left: 10px }
.sep-his-list li:nth-child(odd) { float: left }
.sep-his-list li:nth-child(odd) .his-content { text-align: right }
.sep-his-list li span { display: inline-block }
.sep-his-list li .his-title { font-size: 24px; color: #fff; text-align: center; line-height: 56px }
.sep-his-list li .his-content { line-height: 16px; font-size: 12px; width: 80%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%) }
.sep-his-list li .his-content * { font-size: 12px }
.sep-his-list li:nth-child(4n+1) .his-title { float: right; width: 78px; height: 56px }
.sep-his-list li:nth-child(4n+1) .his-content { float: left }
.sep-his-list li:nth-child(4n+2) .his-title { float: left; width: 78px; height: 56px }
.sep-his-list li:nth-child(4n+2) .his-content { float: right }
.sep-his-list li:nth-child(4n+3) .his-title { float: right; width: 78px; height: 56px }
.sep-his-list li:nth-child(4n+3) .his-content { float: left }
.sep-his-list li:nth-child(4n+4) .his-title { float: left; width: 78px; height: 56px }
.sep-his-list li:nth-child(4n+4) .his-content { float: right }
.sep-pagination { text-align: center }
.sep-pagination .pagination li a, .sep-pagination .pagination li span { padding: 3px 10px; color: #333 }
.sep-pagination .pagination li.active a, .sep-pagination .pagination li.active span { border-color: #004288; background: #006cb7; color: #fff }
.focus-img div.img { display: table; margin: 0 auto }
.focus-img div.img img { max-width: 100% }
.focus-img .datalist { margin-top: 10px }
.focus-img .datalist li { width: 14.28%; float: left; padding: 0 5px; margin-bottom: 10px }
.focus-img .datalist li.active img { -webkit-filter: brightness(1) }
.focus-img .datalist li img { max-width: 100%; cursor: pointer; -webkit-filter: brightness(.5) }
.sep-inner-banner { text-align: center }
.sep-inner-banner img { max-width: 100% }
.sep-mainbody { position: relative; font-size: 14px; line-height: 1.8em; padding-bottom: 100px }
.sep-mainbody .sep-container { position: relative }
.sep-mainbody .sep-container:before { display: table; content: " "; clear: both }
.sep-mainbody .sep-container:after { display: table; content: " "; clear: both }
.sep-mainbody .faq-list .faq-item { overflow: hidden }
.sep-mainbody .faq-list .faq-item .faq-question { clear: both; font-size: 16px; font-weight: bold }
.sep-mainbody .faq-list .faq-item .faq-question:before { font-family: FontAwesome; content: "\f29c"; font-size: 34px; color: #006cb7; margin-right: 12px; margin-left: 2px; vertical-align: middle; font-weight: normal }
.sep-mainbody .faq-list .faq-item .faq-answer { box-shadow: 0 1px 4px #ccc; border-radius: 8px; padding: 10px; display: inline-block; float: left; margin: 5px; margin-left: 40px; padding-right: 10px; background-size: auto 30px; min-height: 40px; font-size: 14px; padding-right: 70px }
.sep-mainbody .faq-list .faq-item .faq-answer p { font-size: 14px }
.sep-mainbody .sep-sidebar { width: 280px; float: right; margin-top: 30px }
.sep-mainbody .sep-sidebar .sep-sidebar-box { margin-bottom: 17px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .sep-headline a { font-family: 'Open Sans'; color: #fff; font-size: 24px; display: block; background: #9e1e1e; padding: 12px 20px; text-transform: uppercase }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li a { color: #3b3b3b; display: block; background: #e4e4e4; padding: 10px 20px; border-bottom: 1px solid #fff; transition: all .5s; position: relative }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li a:hover { color: #006cb7; font-weight: bold }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li a.active { color: #006cb7; font-weight: bold }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li a span { font-weight: bold; padding-right: 5px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li a i { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 16px; transition: all .5s }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li.active a i { transform: translateY(-50%) rotate(90deg) }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li ul { display: none }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li ul li a { background: #f1f1f1; padding-left: 33px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-haspic { padding: 20px 12px; padding-bottom: 10px; background: #f2f2f2 }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-haspic li { width: 50%; float: left; padding: 0 12px; margin-bottom: 15px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-haspic li .thumb { display: block }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-haspic li .thumb img { width: 100% }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-haspic li .title { color: #242424; height: 1.4em; overflow: hidden; display: block; text-align: center; margin-top: 2px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-haspic li .title:hover { color: #006cb7 }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-news { background: #f2f2f2; padding: 20px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-news li { padding-bottom: 20px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-news li:last-child, .sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-news li:nth-child(2) { border-top: 1px solid #d9d9d9; margin-bottom: 0; padding-bottom: 0; padding-top: 20px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-news li:nth-child(2) { padding-bottom: 20px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-news li .title { color: #000; font-weight: bold; font-size: 14px; display: block; line-height: 1.4em; margin-bottom: 10px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-news li .title:hover { color: #006cb7 }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-news li .summary { color: #323232; font-size: 12px; line-height: 1.4em; display: block }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-contact { background: #f2f2f2; padding-top: 28px; padding-left: 14px; padding-right: 5px; padding-bottom: 48px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-contact li { position: relative; padding-left: 22px; color: #4e4e4e; font-size: 14px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-contact li:last-child { padding-right: 14px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-contact li:last-child>img:first-child { margin-top: 30px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-contact li:nth-child(2) i { left: 0 }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-contact li i { position: absolute; color: #adadad; left: 2px; top: 5px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-contact li a { color: #4e4e4e; font-size: 14px }
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist-contact li a:hover { color: #006cb7 }
.sep-mainbody .sep-sidebar .sep-sidebar-jd { margin-bottom: 24px }
.sep-mainbody .sep-sidebar .sep-sidebar-jd.sep-sidebar-jd-pro .sep-headline a { font-size: 24px; padding-top: 62px; padding-bottom: 12px }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li { border-bottom: 1px solid #fff }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li:last-child { border-bottom: none }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li>a { color: #000; font-size: 16px; font-family: 'proximanova'; background: #ebf1f2; display: block; padding: 10px 10px; padding-right: 35px; position: relative }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li>a:hover { color: #d10631 }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li>a:hover i { color: #d10631 }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li>a i { color: #000; position: absolute; top: 4px; right: 10px; padding: 10px; transition: .3s all }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li.active>a { color: #d10631 }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li.active>a>i { transform: rotate(90deg); top: 4px; color: #d10631 }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li ul { padding: 8px 0; padding-left: 40px; display: none; background: #fefefe }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li ul li { list-style: disc; padding: 0 0; font-size: 12px }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li ul li a { color: #565656; font-size: 14px; display: block; font-weight: 400; font-family: 'proximanova' }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-list .datalist>li ul li a:hover { color: #d10631 }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-headline a { font-family: 'proximanova'; color: #fff; font-size: 20px; display: block; background: #110801; padding: 9px 14px; text-transform: uppercase }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-normal { padding: 15px; text-align: center; border: 1px solid #cfcfcf }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-normal.sep-sidebar-box-normal-adv { padding: 26px 26px }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-normal.sep-sidebar-box-normal-adv .bx-wrapper .bx-controls-direction { opacity: 1 }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-normal.sep-sidebar-box-normal-adv .bx-wrapper .bx-controls-direction a { width: 7px; height: 12px; top: 55% }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-normal.sep-sidebar-box-normal-adv .bx-wrapper .bx-controls-direction a.bx-prev { opacity: 1; left: -18px }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-normal.sep-sidebar-box-normal-adv .bx-wrapper .bx-controls-direction a.bx-next { opacity: 1; right: -18px }
.sep-mainbody .sep-sidebar .sep-sidebar-jd .sep-sidebar-box-normal .datalist li img { width: 100% }
.sep-mainbody .history li { position: relative; padding-left: 110px; height: 90px; margin-bottom: 20px }
.sep-mainbody .history li:nth-child(3) span { font-size: 14px }
.sep-mainbody .history li span { position: absolute; left: 0; top: 0; width: 90px; height: 90px; line-height: 90px; text-align: center; border-radius: 50%; background: #006cb7; color: #fff; font-size: 18px }
.sep-mainbody .history li div { line-height: 90px }
.sep-mainbody .sep-primary { width: 880px; float: left; margin-top: 30px }
.sep-mainbody .sep-primary .sep-content-jd { margin-bottom: 30px }
.sep-mainbody .sep-primary .sep-content-jd .thumb { max-width: 50%; float: left; padding-right: 25px; padding-bottom: 5px; overflow: hidden; background: #fff }
.sep-mainbody .sep-primary .sep-content-jd h1 { color: #212121; font-size: 26px; font-family: 'proximanova'; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; font-weight: normal }
.sep-mainbody .sep-primary .sep-content-jd .richtext { color: #767676; font-size: 14px; line-height: 1.6em; font-family: 'proximanova' }
.sep-mainbody .sep-primary .sep-title { color: #212121; font-size: 26px; font-family: 'proximanova'; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px }
.sep-mainbody .sep-primary .sep-pro-detail { margin-bottom: 40px }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf { width: 53.6%; float: left }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf .thumb a { display: block; position: relative }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf .thumb a:before { content: ''; width: 57px; height: 37px; position: absolute; right: 0; bottom: 0; z-index: 100000 }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf .thumb a:hover:before { opacity: 0 }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf .thumb .zoomPad { float: none }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf .thumb img.preview { max-width: 100% }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf ul { margin-top: 0 }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf ul li { width: 25%; padding: 0 5px; float: left; margin: 5px 0; margin-top: 15px }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf ul li a.zoomThumbActive { display: block; position: relative }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf ul li a.zoomThumbActive:before { content: ""; border: 6px solid transparent; border-bottom: 6px solid #c70f0f; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf ul li a.zoomThumbActive img { border: 3px solid #c70f0f }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf ul li a { display: block }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf ul li img { width: 100%; border: 3px solid transparent }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt { width: 43%; float: right }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt h1 { color: #212121; font-size: 26px; font-family: 'proximanova'; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt .text { color: #767676; font-size: 14px; line-height: 1.6em; height: 16em; overflow-y: scroll; padding-left: 10px }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt .contact-box { margin-top: 50px }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt .contact-box a { background: #8d8d8d; display: inline-block; padding: 0 10px; padding-top: 2px; font-size: 14px; line-height: 26px; text-transform: uppercase; border-radius: 4px; color: #fff }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt .contact-box a:nth-child(1) { margin-right: 12px }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt .contact-box a i { padding-right: 5px }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt .contact-box a:hover { background: #c2282e }
.sep-mainbody .sep-primary .sep-pro-detail-hd { color: #454545; font-size: 24px; background: #ebf1f2; padding: 8px 24px; margin-bottom: 25px; margin-top: 24px }
.sep-mainbody .sep-primary .richtext { font-family: 'proximanova' }
.sep-mainbody .sep-primary .sep-mj-title { color: #242424; font-size: 16px; font-weight: bold; border-bottom: 1px solid #cacaca; padding: 22px 0; margin-bottom: 21px }
.sep-mainbody .sep-primary .sep-mj-title2 { color: #006cb7; font-size: 16px; font-weight: bold; padding: 10px 0; margin-bottom: 11px }
.sep-mainbody .sep-primary .sep-detail-box .box-lf { float: left; width: 37% }
.sep-mainbody .sep-primary .sep-detail-box .box-lf img { border: 1px solid #dbdbdb; max-width: 100% }
.sep-mainbody .sep-primary .sep-detail-box .box-lf div.info { margin-top: 15px }
.sep-mainbody .sep-primary .sep-detail-box .box-lf div.info .email { display: inline-block; background: #006cb7; color: #fff; font-family: 'Open Sans'; padding: 5px 15px; font-size: 15px; border-radius: 6px; border: 1px solid #006cb7; transition: all .3s ease-in-out }
.sep-mainbody .sep-primary .sep-detail-box .box-lf div.info .email:hover { background: #fff; color: #006cb7 }
.sep-mainbody .sep-primary .sep-detail-box .box-lf div.info .email i { padding-right: 5px }
.sep-mainbody .sep-primary .sep-detail-box .box-rt { float: right; width: 60.8% }
.sep-mainbody .sep-primary .sep-detail-box .box-rt .title { background: #006cb7; color: #fff; font-weight: bold; text-align: center; padding: 5px 0; font-size: 16px }
.sep-mainbody .sep-primary .sep-detail-box .box-rt .text { margin-top: 10px; height: 356px; overflow-y: scroll }
.sep-mainbody .sep-primary .sep-detail-box .box-rt .text ul { padding-left: 20px }
.sep-mainbody .sep-primary .sep-detail-box .box-rt .text ul li { list-style: disc; color: #565656; font-size: 14px; line-height: 1.6em }
.sep-mainbody .sep-primary .sep-detail-box .box-rt .text ul li * { color: #565656; font-size: 14px; line-height: 1.6em }
.sep-mainbody .sep-primary .sep-detail-mj { margin-top: 25px }
.sep-mainbody .sep-primary .sep-detail-mj .title { background: #006cb7; color: #fff; font-weight: bold; text-align: center; padding: 5px 0; margin-bottom: 18px; font-size: 16px }
.sep-mainbody .sep-primary .sep-advantage { margin-top: 25px }
.sep-mainbody .sep-primary .sep-advantage .title { background: #006cb7; color: #fff; font-weight: bold; text-align: center; padding: 5px 0; margin-bottom: 18px; font-size: 16px }
.sep-mainbody .sep-primary .sep-advantage .video { text-align: center; margin-bottom: 31px; margin-top: 30px }
.sep-mainbody .sep-primary .sep-advantage .sep-pics { margin-bottom: 30px }
.sep-mainbody .sep-primary .sep-advantage .sep-pics li { width: 50%; float: left; margin-top: 30px; padding: 0 20px; text-align: center }
.sep-mainbody .sep-primary .sep-advantage .sep-pics li img { width: 100%; border: 1px solid #ddd }
.sep-mainbody .sep-primary .sep-advantage .sep-advantage-list { margin-bottom: 30px }
.sep-mainbody .sep-primary .sep-advantage .sep-advantage-list li { width: 50%; float: left; padding-right: 70px; margin-top: 30px }
.sep-mainbody .sep-primary .sep-advantage .sep-advantage-list li .thumb img { width: 100% }
.sep-mainbody .sep-primary .sep-advantage .sep-advantage-list li .alias { color: #9e1e1e; text-align: center; font-weight: bold; margin-top: 10px; height: 4.2em }
.sep-mainbody .sep-primary .sep-advantage .sep-advantage-list li .summary { color: #565656; font-size: 14px; line-height: 1.6em }
.sep-mainbody .sep-primary .richtext { font-size: 14px; padding-left: 10px; padding-right: 10px }
.sep-mainbody .sep-primary .richtext * { font-size: 14px }
.sep-mainbody .sep-primary .richtext table { width: 100% }
.sep-mainbody .sep-primary .richtext table tr:nth-child(even) { background: #fff }
.sep-mainbody .sep-primary .richtext table td { border: 1px solid #000; color: #545454; font-size: 14px }
.sep-mainbody .sep-primary .richtext table td * { color: #545454; font-size: 14px }
.sep-mainbody .sep-primary .richtext table td p { margin: 0 }
.sep-mainbody .sep-primary .richtext ul { padding-left: 20px }
.sep-mainbody .sep-primary .richtext ul li { list-style: disc; color: #565656; font-size: 14px }
.sep-mainbody .sep-primary .sep-category-box { position: relative; padding-left: 339px; height: 312px; margin-bottom: 38px }
.sep-mainbody .sep-primary .sep-category-box .thumb { position: absolute; left: 0; width: 319px; height: 312px; line-height: 312px; top: 0; overflow: hidden; border: 1px solid #dbdbdb }
.sep-mainbody .sep-primary .sep-category-box .thumb img { width: 100% }
.sep-mainbody .sep-primary .sep-category-box .title { color: #242424; font-size: 18px; font-weight: bold; display: block; padding-bottom: 12px; border-bottom: 1px solid #cacaca; margin-bottom: 12px }
.sep-mainbody .sep-primary .sep-category-box .title:hover { color: #006cb7 }
.sep-mainbody .sep-primary .sep-category-box .summary { color: #565656; font-size: 14px; line-height: 1.5em; display: block; height: 227px; overflow-y: scroll }
.sep-mainbody .sep-primary .sep-category-box .summary * { color: #565656; font-size: 14px; line-height: 1.5em }
.sep-mainbody .sep-primary .sep-category-box .more { color: #bf3333; font-size: 12px; font-weight: bold; display: block; margin-top: 10px }
.sep-mainbody .sep-primary .sep-category-box .more:hover { text-decoration: underline }
.sep-mainbody .sep-primary .sep-category-box .more img { position: relative; top: -1px }
.sep-mainbody .sep-primary .sep-resource-grid-mj li { width: 48%; float: left; margin-bottom: 35px; transition: all .3s }
.sep-mainbody .sep-primary .sep-resource-grid-mj li:hover { box-shadow: 3px 3px 9px #bcbcbc }
.sep-mainbody .sep-primary .sep-resource-grid-mj li:nth-child(even) { float: right }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .title { background: #ddd; font-size: 16px; font-weight: bold; color: #343434; display: block; padding: 13px 18px }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .title:hover { color: #006cb7 }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .box { border: 1px solid #ddd; border-top: 1px solid #bbb; background: #eee; padding: 24px 13px; padding-right: 165px; position: relative; height: 176px; box-shadow: 0 3px 3px #dcdcdc inset }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .box .thumb { width: 140px; display: block; position: absolute; right: 13px }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .box .thumb img { width: 100% }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .box .summary { color: #505050; font-size: 12px; line-height: 1.8em; height: 6.4em; display: block; overflow: hidden }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .box .more { color: #bf3333; font-size: 12px; font-weight: bold; display: block; margin-top: 10px }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .box .more:hover { text-decoration: underline }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .box .more img { position: relative; top: -1px }
.sep-mainbody .sep-primary .sep-toggle-wrap-jd .toggle-btns { display: box; display: -webkit-box; display: -o-box; display: -moz-box; margin-bottom: 70px }
.sep-mainbody .sep-primary .sep-toggle-wrap-jd .toggle-btns li { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; text-align: center; padding: 13px 0; background: #ebf1f2; position: relative }
.sep-mainbody .sep-primary .sep-toggle-wrap-jd .toggle-btns li.active { background: #212121 }
.sep-mainbody .sep-primary .sep-toggle-wrap-jd .toggle-btns li.active:before { content: ' '; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; border: 10px solid transparent; border-top: 10px solid #212121 }
.sep-mainbody .sep-primary .sep-toggle-wrap-jd .toggle-btns li.active a { color: #fff }
.sep-mainbody .sep-primary .sep-toggle-wrap-jd .toggle-btns li a { color: #006cb7; font-size: 24px }
.sep-mainbody .sep-primary .sep-toggle-wrap-jd .toggle-boxs ul { display: none }
.sep-mainbody .sep-primary .sep-toggle-wrap-jd .toggle-boxs ul:nth-child(1) { display: block }
.sep-mainbody .sep-primary .sep-resource-grid-jd li { width: 31%; float: left; border: 1px solid #e1e1e1; border-bottom: 4px solid #e1e1e1; padding: 12px; margin-bottom: 31px }
.sep-mainbody .sep-primary .sep-resource-grid-jd li:nth-child(3n+2) { margin: 0 3.5% }
.sep-mainbody .sep-primary .sep-resource-grid-jd li .thumb { display: block; overflow: hidden }
.sep-mainbody .sep-primary .sep-resource-grid-jd li .thumb img { width: 100% }
.sep-mainbody .sep-primary .sep-resource-grid-jd li .title { display: block; color: #1a2f5b; text-align: center; height: 2.2em; line-height: 1.8em; margin-top: 10px; overflow: hidden; font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cacaca; font-family: 'proximanova' }
.sep-mainbody .sep-primary .sep-resource-grid-jd li .title:hover { color: #d10631 }
.sep-mainbody .sep-primary .sep-resource-grid-jd li .summary { color: #7e7e7e; font-size: 14px; display: block; line-height: 1.6em; font-family: 'proximanova'; height: 4.8em; overflow: hidden }
.sep-mainbody .sep-primary .sep-resource-grid-jd li .more { color: #fff; font-size: 14px; background: #959ca3; padding: 4px 20px; border-radius: 24px; margin: 0 auto; margin-top: 16px; margin-bottom: 10px; display: table }
.sep-mainbody .sep-primary .sep-resource-grid-jd li .more:hover { background: #212121 }
.sep-mainbody .sep-primary .sep-relate-wrap { padding: 0 30px }
.sep-mainbody .sep-primary .sep-relate-wrap .owl-theme .owl-dots .owl-dot { display: none !important }
.sep-mainbody .sep-primary .sep-relate-wrap .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 11px; height: 16px; position: absolute; top: 41%; transform: translateY(-50%) }
.sep-mainbody .sep-primary .sep-relate-wrap .owl-carousel .owl-controls .owl-nav .owl-prev { left: -30px }
.sep-mainbody .sep-primary .sep-relate-wrap .owl-carousel .owl-controls .owl-nav .owl-next { right: -30px }
.sep-mainbody .sep-primary .sep-relate-wrap .datalist>li { width: 25%; float: left }
.sep-mainbody .sep-primary .sep-relate-wrap .datalist li { border: 2px solid #ddd; border-bottom: 2px solid #ebf1f2; padding: 8px; padding-bottom: 0 }
.sep-mainbody .sep-primary .sep-relate-wrap .datalist li .thumb { display: block }
.sep-mainbody .sep-primary .sep-relate-wrap .datalist li .thumb img { width: 100% }
.sep-mainbody .sep-primary .sep-relate-wrap .datalist li:hover { border-bottom: 2px solid #9ba6a8 }
.sep-mainbody .sep-primary .sep-relate-wrap .datalist li:hover .title:hover { color: #383838 }
.sep-mainbody .sep-primary .sep-relate-wrap .datalist li .title { display: block; text-align: center; color: #818181; font-size: 14px; height: 3em; overflow: hidden; line-height: 3em }
.sep-mainbody .sep-breadcrumb { background: #ececec; margin: 0; list-style: none }
.sep-mainbody .sep-breadcrumb .breadcrumb { padding-left: 0; background: transparent; margin-bottom: 0 }
.sep-mainbody .sep-breadcrumb .breadcrumb:before { font: normal normal normal 14px/1 FontAwesome; content: "\f015"; margin-right: 5px; color: #969696; font-size: 18px; display: inline-block; position: relative; top: 1px }
.sep-mainbody .sep-breadcrumb .breadcrumb li { display: inline-block }
.sep-mainbody .sep-breadcrumb .breadcrumb li a { text-decoration: none; color: #969696; font-size: 14px }
.sep-mainbody .sep-breadcrumb .breadcrumb li a:hover { text-decoration: underline; color: #d10631 }
.sep-mainbody .sep-breadcrumb .breadcrumb li:last-child a { color: #d10631 }
.sep-mainbody .sep-breadcrumb .breadcrumb>li+li:before { content: '>'; color: #969696; position: relative; top: 1px }
.sep-mainbody .sep-breadcrumb .breadcrumb .li-last:after { margin-left: 5px; content: ' ' }
.bx-wrapper { position: relative; margin: 0; padding: 0; *zoom:1
}
.bx-wrapper img { max-width: 100%; display: block }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 10px; width: 100% }
.bx-wrapper .bx-pager { left: 0; right: 0; bottom: 20px; border-radius: 10px; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; z-index: 100 }
.bx-wrapper .bx-pager .bx-pager-item { overflow: hidden; text-indent: -100px; display: inline-block; *zoom:1;
*display:inline
}
.bx-wrapper .bx-pager a { display: block; width: 10px; height: 10px; line-height: 10px; margin: 0 3px; outline: 0; background: #ddd; background: rgba(0,0,0,0.4); border-radius: 22px; font-size: 13px; font-weight: normal }
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active { background: #006cb7; border-color: #006cb7; color: #fff }
.bx-wrapper .bx-controls-direction { opacity: 0 }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; margin-top: -16px; outline: 0; width: 34px; height: 70px; text-indent: -9999px; z-index: 9999 }
.bx-wrapper .bx-controls-direction a.bx-prev { left: 10px; opacity: .2 }
.bx-wrapper .bx-controls-direction a.bx-prev:hover { opacity: .5 }
.bx-wrapper .bx-controls-direction a.bx-next { right: 10px; opacity: .2 }
.bx-wrapper .bx-controls-direction a.bx-next:hover { opacity: .5 }
.bx-wrapper .bx-controls-direction a.disabled { display: none }
.bx-wrapper:hover .bx-controls-direction { opacity: 1 }
.gdw-mb-header { background: #fff; position: relative; padding: 4px 24px }
.gdw-mb-header .gdw-mb-logo { display: inline-block }
.gdw-mb-header .gdw-mb-logo img { margin-top: 4px }
.gdw-mb-header span { color: #fff; font-size: 13px; display: inline-block; margin-top: 13px; cursor: pointer; width: 40px; height: 30px; margin-left: 0; text-align: center; line-height: 30px; height: 40px; transition: all .8s }
.gdw-mb-header span i { background: #596f87; color: #fff; font-size: 13px; display: inline-block; width: 27px; height: 27px; text-align: center; line-height: 27px; border-radius: 50% }
.gdw-mb-header span.active { color: #0072c1 }
.gdw-mb-header span img { position: relative; top: -2px }
.gdw-mb-header span.gdw-mb-lan { position: relative; margin-top: 0; padding-top: 13px }
.gdw-mb-header span.gdw-mb-lan.active { color: #0072c1; background: #ededed; height: 40px; border-top-left-radius: 12px; border-top-right-radius: 12px }
.gdw-mb-header span.gdw-mb-lan ul { position: absolute; background: #ededed; top: 100%; left: 0; display: none; width: 40px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px }
.gdw-mb-header span.gdw-mb-lan ul li a { color: #0072c1; font-size: 16px; padding: 7px 8px; display: block }
.mb-search-wrap { position: absolute; width: 95%; left: 50%; top: 69px; transform: translateX(-50%); background: #f7f5f5; display: none; overflow: hidden }
.mb-search-wrap input[type='text'] { border-radius: 0; height: 38px; outline: none; box-shadow: none; background: #f7f5f5; color: #333; border: none }
.mb-search-wrap [type="submit"] { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); outline: none; background: transparent; border: none }
.gdw-mb-c { display: none }
.mb-nav-wrap { position: absolute; width: 306px; right: 0; top: 63px; z-index: 100; display: none }
.mb-nav-wrap>ul { background: #e7e9eb }
.mb-nav-wrap>ul>li.has-childs[data-isnot='no']>a:before { display: none }
.mb-nav-wrap>ul>li.has-childs>a { position: relative }
.mb-nav-wrap>ul>li.has-childs>a:before { content: ''; display: block; position: absolute; border: 6px solid transparent; border-top: 6px solid #e7e9eb; top: 100%; left: 56px; z-index: 100; display: none }
.mb-nav-wrap>ul>li:last-child { border-bottom: none }
.mb-nav-wrap>ul>li>a { display: block; background: #006cb7; color: #fff; font-size: 14px; position: relative; padding-left: 46px; padding-top: 11px; padding-bottom: 11px }
.mb-nav-wrap>ul>li>a img { padding-right: 9px }
.mb-nav-wrap>ul>li>a>span { position: absolute; left: 27px; font-size: 16px }
.mb-nav-wrap>ul>li>ul { display: none; background: #444c5e }
.mb-nav-wrap>ul>li>ul>li>a { display: block; background: #444c5e; color: #fff; font-size: 14px; position: relative; padding-left: 28px; padding-top: 11px; padding-bottom: 11px }
.mb-nav-wrap>ul>li>ul>li>a span { padding-right: 5px }
.mb-bottom-wrap { padding-bottom: 10px; padding-top: 30px }
.mb-bottom-wrap .heading { display: block; color: #fff; font-size: 30px; padding-left: 28px; position: relative; padding-bottom: 3px }
.mb-bottom-wrap .heading:before { content: ''; display: block; width: 26px; height: 2px; left: 28px; bottom: 0; background: #ae0e0e; position: absolute }
.mb-bottom-wrap .heading:after { content: ''; display: block; width: 100px; height: 2px; left: 57px; bottom: 0; background: #fff; position: absolute }
.mb-bottom-wrap ul { padding: 28px; padding-top: 17px; padding-bottom: 60px }
.mb-bottom-wrap ul li { position: relative; padding-left: 33px; color: #fff; font-size: 14px; margin-bottom: 15px }
.mb-bottom-wrap ul li a { color: #fff; font-size: 14px }
.mb-bottom-wrap ul li img { position: absolute; left: 0; top: 3px }
.sep-banner-mb img { width: 100% }

@media screen and (max-width:1240px) {
.sep-body .sep-section3 .sep-container { width: 100% }
}

@media screen and (max-width:1200px) {
.sep-body .sep-section4 .sep-container { width: 100% }
}

@media screen and (max-width:1024px) {
.sep-body .sep-section1 .top { display: none }
}

@media screen and (min-width:769px) {
.sep-banner-mb { display: none }
}

@media screen and (max-width:768px) {
.sep-banner-pc { display: none }
.sep-banner-mb { display: block }
#bottom { padding-bottom: 50px; padding-top: 20px }
}

@media screen and (max-width:640px) {
.sep-news-list { margin-top: 20px }
.sep-news-list li { padding: 10px }
.sep-news-list li .thumb { position: static; width: 100%; height: auto; margin-bottom: 5px }
.sep-body .sep-section3 { margin-top: 5px }
.gdw-mb-c { display: block }
}

@media screen and (max-width:640px) {
.sep-body .sep-section1 { padding-top: 20px; padding-bottom: 70px }
.sep-body .sep-title:before { height: 22px }
.sep-body .sep-section1 .sep-container .datalist .owl-theme .owl-controls { right: 50%; transform: translateX(50%); top: auto; bottom: 65px }
.sep-body .sep-title { padding-top: 24px; font-size: 30px; margin-bottom: 10px }
.sep-body .sep-section1 { background: #fff }
.sep-body .sep-section1 .sep-container .datalist ul li .box-lf { width: 100%; padding: 0 10px }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt { width: 100%; top: -81px; padding: 26px 20px; height: auto }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt .more { display: none }
.sep-body .sep-section1 .sep-container .datalist ul li .box-rt .title { margin-bottom: 10px }
.sep-body .sep-section2 .sep-container>.title { font-size: 30px; text-align: center; display: block }
.sep-body .sep-section2 .sep-container .datalist { margin-top: 10px }
.sep-body .sep-section2 .sep-container .datalist li .title { padding: 5px 10px }
.sep-body .sep-section2 { padding-bottom: 20px }
.sep-body .sep-section2 .sep-container .more { border-radius: 6px; padding: 5px 20px; border: 1px solid #fff; color: #fff; font-size: 14px; display: table; margin: 0 auto }
.sep-body .sep-section2 { padding-top: 13px }
.sep-body .sep-section2 .sep-container .datalist li { width: 50% }
.sep-body .sep-section2 .sep-container .datalist li:nth-child(5), .sep-body .sep-section2 .sep-container .datalist li:nth-child(6), .sep-body .sep-section2 .sep-container .datalist li:nth-child(7), .sep-body .sep-section2 .sep-container .datalist li:nth-child(8) { display: none }
.sep-body .sep-section3 { padding-top: 20px }
.sep-body .sep-section3 .wrap .sep-container .datalist li .summary { display: none }
.sep-body .sep-section3 .wrap .sep-container .datalist li .title { font-size: 18px }
.sep-body .sep-section3 .wrap .sep-container { padding-top: 25px }
.sep-body .sep-section3 .wrap .sep-container .datalist li { padding-left: 62px; margin-bottom: 25px; width: 49% }
.sep-body .sep-section3 .wrap .sep-container .datalist li .thumb { position: absolute; width: 40px; height: 48px; left: 10px }
.sep-body .sep-section4 { display: none }
.sep-body .sep-section5 { background: #fff; padding-top: 20px; padding-bottom: 0 }
.sep-body .sep-section5 .box-wrap .box-lf { width: 100%; border-bottom: 1px solid #ddd }
.sep-body .sep-section5 .box-wrap .box-rt { width: 100%; margin-top: 0 }
.sep-body .sep-section5 .box-wrap ul li .box .summary { margin-bottom: 0 }
.sep-body .sep-section5 .box-wrap ul li { display: none }
.sep-body .sep-section5 .box-wrap ul li:first-child { display: block }
.sep-body .sep-section5 .box-wrap ul li .thumb { display: none }
.sep-body .sep-section5 .box-wrap ul li:hover .box { top: 0 }
.sep-body .sep-section5 .box-wrap ul li .box .more { display: none }
.sep-body .sep-section5 .box-wrap ul li .box { padding: 20px 0; top: 0; box-shadow: none }
.sep-body .sep-section5 .box-wrap ul li .box .title { font-family: 'proximanova-bold'; font-size: 16px }
.sep-container { padding: 0 10px }
.owl-theme .owl-controls { display: none }
}

@media screen and (max-width:1366px) {
.sep-body .sep-section3 .box-top { background: #fff }
.sep-body .sep-section3 .box-bottom { background: #fff }
.sep-body .sep-section3 .box-bottom .box-lf { padding-right: 20px }
.sep-body .sep-section3 .box-top .box-lf { padding-left: 20px }
.sep-footer .bottom-nav .box { display: block }
.sep-footer .bottom-nav .box dl { float: left; padding: 0 23px; text-align: center; width: 33.33% }
}

@media screen and (max-width:1260px) {
.sep-banner .adv a .sep-banner-ad .banner-zs .item { max-width: 60px }
.sep-mainbody .sep-siderbar { display: none }
.sep-mainbody .sep-primary { float: none; width: 100% }
}

@media screen and (max-width:1240px) {
.sep-mainnav>.sep-container>ul>li>a { padding: 0 5px }
.sep-container { width: 100%; padding: 0 20px }
.sep-resource-queue>ul>li { float: none; margin: 0 auto; margin-bottom: 2%; width: 588px }
.sep-resource-queue>ul>li:nth-child(even) { float: none }
.sep-mainnav .sep-container>ul { display: table }
}

@media screen and (max-width:1240px) {
.sep-body .sep-section1 .wrap .sep-container { width: 100% }
.sep-body .sep-section1 .sep-container { width: 100% }
}

@media screen and (max-width:1200px) {
.sep-body .sep-container { width: 100% }
.sep-header .sep-container { width: 100%; padding: 11px 20px }
.sep-body .sep-section2 .sep-container { width: 100% }
}

@media screen and (max-width:1160px) {
.sep-header .sep-header-top .multi-language .box-lf { padding-right: 5% }
.sep-footer .sep-copyright .sep-container { padding: 0 }
.sep-footer .sep-copyright .box { padding: 0 }
.sep-mainbody .sep-container .sep-primary .sep-title { margin-top: 15px }
.slick-slide img { width: 90% }
.sep-container { width: 90% }
.sep-mainnav .sep-container { width: 100%; padding: 0 20px }
.sep-footer .bottom-nav .list dd { overflow: hidden }
.sep-footer .bottom-nav .list dd:before { display: none }
.sep-footer .bottom-nav .list dd a { overflow: hidden }
.sep-header>.sep-container { width: 100%; padding: 11px 20px }
.sep-mainbody .sep-sidebar { display: none }
.sep-mainbody .sep-primary { width: 98%; float: none; margin: 0 auto }
.sep-mainbody .sep-container { width: 100% }
.sep-banner img { width: 100% }
.sep-banner { width: 100% }
.sep-mainnav { width: 100%; left: 0 }
.slideBox { top: 0 }
.slideBox .bd ul li .banner-select-hd { width: 100% }
.sep-header.sep-header-normal .sep-mainnav>.sep-container>ul>li { padding: 8px 7px }
.sep-mainnav>.sep-container>ul>li>a { font-size: 14px }
}

@media screen and (max-width:1090px) {
.sep-header .sep-container .sep-header-nav>ul>li>a { padding: 0 10px; padding-bottom: 17px }
.sep-header .sep-header-top .multi-language .box-lf ul { display: none }
.sep-header>.sep-container .box-x .lan-list { display: none }
}

@media screen and (min-width:1040px) {
.sep-mainbody { min-height: 500px }
}

@media screen and (max-width:1040px) {
.sep-banner .adv a .sep-banner-ad .banner-zs .item { display: none }
.sep-footer .sep-bottom-box .bottom-contact-detail { width: 30% }
}

@media screen and (max-width:1024px) {
.sep-mainnav>.sep-container>ul>li>a { font-size: 14px }
.sep-banner .sep-banner-ad .sep-container span { font-size: 24px }
.slideBox { top: 0; width: 100%; float: none; margin: 0 auto }
.slideBox2 { float: none; margin: 0 auto; margin-bottom: 20px; width: 62% }
}

@media screen and (max-width:1010px) {
.sep-mainnav>.sep-container>ul>li { padding: 16px 7px }
.sep-mainnav>.sep-container>ul>li>a { font-size: 12px; padding: 0 }
.sep-mainbody .sep-primary .img-show { float: none; margin: 0 auto }
.sep-mainbody .sep-container .sep-primary .richtext { width: 100% }
.sep-banner .adv a .sep-banner-ad { display: none }
.slideBox { width: 100% }
.sep-mainnav .sep-container>ul { padding-left: 0 }
}

@media screen and (max-width:960px) {
.sep-body div.sep-section4 .datalist li { width: 50%; margin-bottom: 20px }
.sep-detail-bd>ul>li:nth-child(odd) .img .kuang { display: none }
.sep-detail-bd>ul>li:nth-child(even) .img .kuang { display: none }
.sep-detail-bd>ul>li:nth-child(odd) .text span { position: static }
.sep-detail-bd>ul>li:nth-child(even) .text span { position: static }
.sep-mainnav>.sep-container>ul>li { margin: 0 0 }
.sep-mainbody .sep-container .sep-primary .relate-list .sep-datalist li { width: 31%; margin-top: 20px }
.sep-mainbody .sep-container .sep-primary .sep-inner-product-list .sep-datalist li { width: 33.33% }
.sep-header .logo-box .logo-text { display: none }
.inside-banner .header-text { display: none }
.sep-header .sep-container .sep-header-search-form { margin-right: 0 }
}

@media screen and (max-width:910px) {
.sep-header .sep-header-top .multi-language .box-lf { display: none }
.sep-mainnav>.sep-container>a { max-width: 150px; margin-top: 13px }
.sep-mainnav>.sep-container>a img { width: 100% }
}

@media screen and (max-width:856px) {
.sep-header>.sep-container .box-x .top-list { display: none }
.sep-mainbody .sep-primary .sep-content .mult-image .cp_rt { float: none; margin: 0 auto }
.cp_le { float: none }
.txtbox_ul li { font-size: 11px; margin: 0 6px 0 0 }
.sep-header .sep-container .sep-header-nav>ul>li>a { padding: 0 5px; padding-bottom: 20px }
.sep-mainnav ul li a { padding: 6px 5px }
.sep-header .sep-header-top .multi-language form input[type='text'] { width: 110px }
.sep-mainnav>.sep-container>ul>li { padding: 16px 3px }
}

@media screen and (max-width:768px) {
.sep-mainbody .sep-container .box-x .sketch .sep-relate-resource { display: none }
.sep-mainbody .sep-container .sep-primary .box-x .sketch { display: block }
.sep-mainbody .sep-container .sep-primary .box-x .sketch .sep-relate-resource { display: block }
.sep-mainbody .sep-container .sep-title2 { display: block }
.sep-mainbody .sep-container .box-x .sketch { display: none }
.sep-mainbody .sep-container .box-x .sketch .sep-relate-resource ul li { margin-bottom: 10px }
.slideBox { margin: 0 }
.sep-container { width: 100% }
.language_main { width: 80% }
}

@media screen and (max-width:768px) {
.cp_le { width: 80%; margin: 0 auto }
.sep-mainbody .sep-primary .sep-content .mult-image .cp_le .goods-img .img-box { float: none; margin: 0 auto }
.sep-mainbody .sep-primary .sep-content .mult-image .cp_le .goods-img .img-list { float: none; margin: 0 auto }
}

@media screen and (max-width:750px) {
.sep-header .sep-container .sep-header-nav { float: none; display: table; margin: 0 auto; margin-top: 48px }
}

@media screen and (max-width:675px) {
.sep-mainnav .sep-container>ul { padding-left: 5% }
.slick-prev, .slick-next { display: none }
.sep-mainbody .sep-primary .sep-content .mult-image .cp_le .goods-img .img-box { width: 100% }
}

@media screen and (max-width:640px) {
.sep-general-form .sep-general-form-prompt { display: none }
.sep-general-form .sep-general-form-title { text-align: center }
.sep-general-form .sep-form>div.form-group { padding: 0 30%; padding-right: 0 }
.sep-mainbody .sep-primary { margin-top: 30px }
.sep-mainbody .sep-primary .sep-pro-detail .box-lf { width: 100% }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt { width: 100%; margin-top: 20px }
.sep-mainbody .sep-primary .sep-relate-wrap .datalist li { margin-right: 1px }
.sep-mainbody { padding-bottom: 20px }
.sep-mainbody .sep-primary .sep-resource-grid-jd li { width: 100%; margin-bottom: 15px }
.sep-mainbody .sep-primary .sep-content-jd .thumb { max-width: 100%; width: 100%; padding: 0; margin-bottom: 10px }
.sep-mainbody .sep-primary .sep-resource-grid-jd li:nth-child(3n+2) { margin: 0; margin-bottom: 15px }
.sep-mainbody .sep-primary .sep-pro-detail .box-rt .text { height: auto; overflow-y: inherit; padding: 0 }
.sep-general-form .sep-form>div.form-group .control-label { width: 30% }
.sep-general-form .sep-general-form-title span { float: none }
.sep-inner-banner { display: none }
.sep-mainbody .sep-primary .sep-category-box { padding-left: 0; height: auto }
.sep-mainbody .sep-primary .sep-category-box .thumb { width: 100%; height: auto; position: static; display: block; margin-top: 20px; margin-bottom: 20px }
.sep-mainbody .sep-primary .sep-category-box .thumb img { width: 100% }
.sep-mainbody .sep-primary .sep-detail-box .box-rt .text { height: auto; overflow: inherit }
.sep-mainbody .sep-primary .sep-detail-box .box-lf { width: 100% }
.sep-mainbody .sep-primary .sep-advantage .video img { width: 100% }
.sep-mainbody .sep-primary .sep-advantage .sep-pics li { width: 100% }
.sep-mainbody .sep-primary .sep-advantage .sep-advantage-list li .alias { height: auto }
.sep-mainbody .sep-primary .sep-advantage .sep-advantage-list li { width: 100%; padding-right: 0; margin-top: 10px }
.sep-mainbody .sep-primary .sep-detail-box .box-rt { width: 100%; margin-top: 20px }
.sep-mainbody .sep-primary .sep-resource-grid-mj li .title { font-size: 14px }
.sep-mainbody .sep-primary .sep-resource-grid-mj li { width: 100% }
.sep-mainbody .sep-primary .sep-category-box .summary { height: auto; overflow: inherit }
body { padding-top: 0 }
.pgd_product_tedail_show { width: 100%; float: none }
.pgd_product_tedail_other { width: 100%; float: none }
.sep-mainbody .sep-container .sep-primary .sep-inner-product-list .sep-datalist li { width: 50% }
.sep-banner { top: 0 }
.sep-resource-list .sep-datalist li .summary { height: 2.9em; overflow: hidden }
.slick-prev, .slick-next { opacity: 0 }
.slick-slide a img { padding: 0; border: none }
.tq_online { display: none }
.sep_index_aside .index-video { display: none }
.sep_index_aside { padding-top: 20px }
.slideBox2 { width: 90% }
.btn.btn-primary { background: #006cb7; border-color: #006cb7; width: 100% }
.btn.btn-primary:active { background: #005abb; border-color: #005abb }
.sep-footer { background: #383d41; display: none }
.sep-copyright { background: #383d41; border-top: 1px solid #fff }
.sep-copyright a { display: none }
.sep-footer .sep-copyright .sep-container { text-align: center }
.sep-footer .sep-copyright .sep-container span { float: none; color: #888 }
.sep_mask .sep-form .form-group { position: relative; padding: 0 30%; padding-right: 0 }
.sep_mask .sep-form .form-group .control-label { position: absolute; left: 0; top: 0; width: 30%; text-align: right; padding-right: 10px }
.sep_mask .sep-form .form-group .control-label .required { color: #c00 }
.sep_mask .sep-form .form-group .radio, .sep_mask .sep-form .form-group .checkbox { margin: 0; padding: 7px 0 }
.sep_mask .sep-form .form-group .regex-tip { top: 3px; right: 15%; padding-right: 15px }
.sep_mask .sep-form .form-group.has-success:after { right: 15% }
.sep-mainbody .sep-form { padding: 0 }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-article-list .sep-datalist li .thumb { display: none }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-case-list .sep-datalist li .thumb { display: none }
.sep-mainbody .sep-primary .sep-content .relate-article-list .sep-datalist li .thumb img { top: 0 }
.sep-mainbody .sep-primary .sep-content .relate-article-list .sep-datalist li .title { height: 100% }
.sep-mainbody .sep-primary .sep-content .mult-image .cp_rt .btns { bottom: 0; position: relative }
.sep-mainbody .sep-primary .sep-content .mult-image .cp_rt { min-height: 100% }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-product-list .sep-datalist li { width: 50% }
.sep-mainbody .sep-container .sep-primary .richtext iframe { max-width: 100%; height: 300px }
.cp_le { width: 100% }
.sep_products { width: 100% }
.slick-slide a img { width: 95% }
.sep-shortcut { display: none }
.banner { padding: 0 }
.slideBox { position: relative; overflow: hidden; max-width: 100%; width: 100%; border: none; border-radius: 6px; box-shadow: none }
.slideBox .hd { display: none }
.share .touch { display: none }
.share { background: #fff }
.kb_footer { background: #fff }
.copy { color: #666; border-top: 1px solid #ddd; padding: 10px 0 }
.sep-services .bx-wrapper .bx-pager { bottom: 0 }
.sep-primary .sep-inner-product-box .box-lf { width: 100%; float: none }
.sep-primary .sep-inner-product-box .box-rt { width: 100%; float: none; margin-top: 15px }
.sep-resource-list-case .sep-datalist li .thumb { position: static; width: 100% }
.sep-resource-list-case .sep-datalist li:nth-child(odd), .sep-resource-list-case .sep-datalist li:nth-child(even) { padding: 10px }
.sep-resource-list-case .sep-datalist li .thumb img { width: 100%; max-width: 100% }
.sep-resource-list-case .sep-datalist li { height: auto }
}

@media screen and (max-width:610px) {
.sep-mainbody .sep-container .sep-primary .contact-link { text-align: center }
.sep-mainbody .sep-container .sep-primary .contact-link .addthis_inline_share_toolbox_zd2k { float: none; text-align: center }
.sep-mainbody .sep-container .sep-primary .contact-link>a { float: none }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-solution-list .sep-datalist li .thumb { display: none }
.sep-resource-queue>ul>li .box-x .box-m { width: 100%; margin-bottom: 20px }
.sep-resource-queue>ul>li { overflow: hidden; float: none; margin: 0 auto; margin-bottom: 2%; width: 350px; height: 521px }
.sep-resource-queue>ul>li .box .thumb { width: 100%; height: 100%; float: left; float: none }
.sep-resource-queue>ul>li .box .thumb img { width: 100%; height: 100% }
.sep-resource-queue>ul>li .box .summary { width: 100% }
}

@media screen and (max-width:480px) {
#onlineService { overflow: visible }
.offside .code { top: auto; bottom: 50px }
.sep-resource-grid .sep-datalist li { width: 100% }
.faq-list .faq-item .faq-answer { background: #ddd; margin-left: 0; padding-right: 10px }
.sep-mainbody .sep-container .sep-primary .relate-list.relate-article-list .sep-datalist li { width: 100% }
.sep-his-list li { width: 100% }
.sep-his-list li .his-content { width: 75% }
.sep-his-list:before, .sep-his-list:after { display: none }
.sep-body div.sep-section4 .datalist li .box-s .box .btn { width: auto }
.header_left a img { margin-left: 20px; margin-top: 15px; height: 27px }
.sep-mainbody .sep-container .sep-primary .relate-list .sep-datalist li { width: 100% }
.sep-primary .sep-inner-product_list .datalist li { width: 98% }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-download-list .sep-datalist li { width: 100% }
.language_main li { width: 46% }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-product-list .sep-datalist li { width: 100% }
.sep-mainbody .sep-primary .sep-content .relate-article-list .sep-datalist li { width: 100% }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-product-list .sep-datalist li .thumb { height: 100% }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-case-list .sep-datalist li, .sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-case-list .sep-datalist li:nth-child(1), .sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-article-list .sep-datalist li { width: 99% }
.sep-mainbody .sep-primary .sep-box .sep-box-body .sep-inner-solution-list .sep-datalist li { width: 100% }
.sep-mainbody .sep-form .form-group { padding-right: 0 }
#sep_page_details .sep_page_container .sep_pagedetails .datalist li { width: 100%; margin-bottom: 20px }
.pgd_detail .pgd_detail_right a { margin-bottom: 10px }
}

@media screen and (max-width:420px) {
.sep-mainbody .sep-container .sep-primary .sep-inner-product-list .sep-datalist li { width: 100% }
.sep-mainbody .sep-container .sep-primary .relate-list .sep-datalist li { width: 98%; margin-top: 20px }
.sep-product .sep-title .sep-container { font-size: 18px; padding-top: 5px }
.txtbox_ul li { padding: 0; margin: 0 }
.sep-audio-list-mobile .sep-datalist li .summary { display: none }
.share ul li a { margin-right: 18px }
.sep-mainbody .sep-container .box-x .mutiple-drawings ul { float: none; width: 100%; height: 100% }
.sep-mainbody .sep-container .box-x .mutiple-drawings ul li { margin-right: 10px; margin-top: 10px; float: left }
.sep-mainbody .sep-container .box-x .mutiple-drawings .box-m { float: none; width: 100%; margin-bottom: 20px }
.sep-mainbody .sep-container .box-x .sketch .sep-relate-resource ul li { width: 100% }
.sep-mainbody .sep-container .box-x .sketch .sep-relate-resource ul li .thumb img { width: 100%; height: 100% }
}

@media screen and (max-width:350px) {
.slideBox2 { width: 100% }
.sep_news { width: 100% }
}
@font-face { font-family: "Lato-Bold"; src: local("ROBOTO-BOLD"), url("../font/ROBOTO-BOLD.TTF") format('truetype'); font-style: normal; font-weight: normal; font-display: fallback }
@font-face { font-family: "Lato-Bold"; src: local("ROBOTO-REGULAR"), url("../font/ROBOTO-REGULAR.TTF") format('truetype'); font-style: normal; font-weight: normal; font-display: fallback }
.richtext a { color: #E04F18; text-decoration: underline }
.richtext a:hover { text-decoration: none }
body { max-width: 100%; max-width: 1920px; margin: 0 auto }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, select, th, td { font-family: "Lato-Regular" }

@media screen and (min-width:1200px) {
.container { width: 1200px; padding: 0 }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0; padding-right: 0 }
}
.richtext strong, .richtext h3, .richtext h4, .richtext h5, .richtext h6 { font-weight: normal; font-family: "Lato-Bold" }
.richtext h2 { font-weight: normal; font-family: "Lato-Bold" }
.richtext, .richtext * { font-family: "Lato-Regular" }
.bq-sep-container { max-width: 92%; margin: auto; width: 100%; position:relative; }
.tops-hes { display: block; width: 100%; height: 100px }
.flex { display: flex !important }
.bq-sep-header { width: 100%; z-index: 100; position: fixed; left: 0; top: 0; background:url(/images/header_bg.jpg) repeat-x; }
.bq-sep-header i { font: normal normal normal 14px/1 FontAwesome }
.bq-sep-header.onss .h-tops { display: none }
.bq-sep-header.onss .header-nav { background: #006cb7 }
.bq-sep-header .logo { display: block }
.bq-sep-header .logo.homes-ons1 { height: auto }
.bq-sep-header .logo.homes-ons2 { height: 0 }
.bq-sep-header .h-tops { padding: 15px 0; z-index: 100; transition: all .3s }
.bq-sep-header .h-tops .bq-sep-container { display: flex; align-items: center; max-width: 92%; justify-content: space-between }
.bq-sep-header .h-tops .texts-rights { display: flex; align-items: center }
.bq-sep-header .h-tops .texts-rights .top-emalls .spans { display: block; width: auto; height: auto; line-height: 32px; float: left; color: #333; font-size: 18px; padding-left: 60px; position: relative; margin-left: 90px }


.bq-sep-header .h-tops .texts-rights .top-emalls .spans:hover .i-boxs { border-color: #E04F18 }
.bq-sep-header .h-tops .texts-rights .top-emalls .spans:hover p, .bq-sep-header .h-tops .texts-rights .top-emalls .spans:hover span { color: #006cb7 !important }
.bq-sep-header .h-tops .texts-rights .top-emalls .spans .i-boxs { display: block; position: absolute; left: 0; top: 4px; color: #006cb7; width: 44px; height: 44px; border: 1px solid #006cb7; color: #E04F18; border-radius: 50%; display: flex; justify-content: center; align-items: center }
.bq-sep-header .h-tops .texts-rights .top-emalls .spans .i-boxs i { color: #006cb7; font-size: 18px }
.bq-sep-header .h-tops .texts-rights .top-emalls .spans .i-box-con .p1 { font-size: 14px; line-height: 22px; color: #808080 }
.bq-sep-header .h-tops .texts-rights .top-emalls .spans .i-box-con p { font-size: 26px; color: #4c4c4c }
.bq-sep-header .h-tops .texts-rights .top-emalls .spans .i-box-con p a { font-size: 16px; line-height: 22px; color: #4c4c4c }
.bq-sep-header .h-tops .texts-rights .top-emalls .spans .i-box-con:hover span, .bq-sep-header .h-tops .texts-rights .top-emalls .spans .i-box-con:hover a { color: #E04F18 !important }
.bq-sep-header .globals { position: relative; margin-left: 20px }
.bq-sep-header .globals img { max-width: 100% }
.bq-sep-header .globals .i-boxs { display: inline-block; vertical-align: middle }
.bq-sep-header .globals .i-boxs i { color: #006cb7; font-size: 25px }
.bq-sep-header .globals i { color: #666; font-size: 18px }
.bq-sep-header .globals i.ons { font-size: 18px }
.bq-sep-header .globals>a { color: #333; font-size: 18px; padding: 0 4px; margin-right: 6px }
.bq-sep-header .globals .fix { position: absolute; display: block; height: 0; overflow: hidden; top: 100%; right: 0; width: 236px; text-align: left; background: #f3f3f3; z-index: 10200; box-shadow: 0 0 3px #666 }
.bq-sep-header .globals .fix li { padding: 13px 17px; background: #fff; line-height: normal }
.bq-sep-header .globals .fix li a { font-size: 14px; color: #6d6d6d; margin: 0 5px }
.bq-sep-header .globals .fix li a img { margin-right: 30px }
.bq-sep-header .globals .fix li:hover { background: #e8e8e8 }
.bq-sep-header .globals .fix li:hover a { color: #188ed2 }
.bq-sep-header .globals:hover .fa-angle-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.bq-sep-header .globals:hover ul { height: auto }
.bq-sep-header .forms { width: 100%; z-index: 103; position: absolute; left: 0; top: 100%; height: 0; overflow: hidden; display: inline-block; vertical-align: top; background: #E04F18; transition: all .3s }
.bq-sep-header .forms.ons { height: 94px; padding: 25px 0; border-top: 1px solid #fff }
.bq-sep-header .forms .forms-boxs { display: block; width: 100%; overflow: hidden }
.bq-sep-header .forms .forms-boxs .sep-container { max-width: 1200px }
.bq-sep-header .forms form { line-height: normal; position: relative; width: 100%; overflow: hidden; float: right }
.bq-sep-header .forms form input[type='text'] { box-shadow: none; width: 100%; color: #fff; line-height: 40px; outline: none; display: inline-block; border: none; font-size: 18px; padding-left: 14px; padding-right: 40px; background: none; border-radius: 0; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; border-bottom: 1px solid #fff }
.bq-sep-header .forms form input[type='text']::-webkit-input-placeholder {
color:#fff
}
.bq-sep-header .forms form button[type='submit'] { width: 38px; height: 100%; display: block; border: none; background: none; outline: none; position: absolute; top: 0; right: 0; transition: all .5s }
.bq-sep-header .forms form button[type='submit'] i { font-size: 18px; color: #fff; border-color: #fff }
.bq-sep-header .forms form button[type='submit'] i:after { background: #fff }
.bq-sep-header .forms form button[type='submit']:hover { right: 5px }
.bq-sep-header .top-emalls-titles { display: flex; align-items: center }
.bq-sep-header .top-emalls-titles .logo { margin-top: 10px; display: flex; align-content: center }
.bq-sep-header .top-emalls-titles .logo>a { display: block; min-height: 60px; padding: 0 26px 0px 0px; }
.onss .top-emalls-titles .logo>a { padding-left:10px; }
.bq-sep-header .top-emalls-titles .logo .net-code { padding: 0 26px; display: flex; flex-direction: column; justify-content: center }
.bq-sep-header .top-emalls-titles .logo .net-code p { font-size: 16px; line-height: 28px; color: #666 }
.bq-sep-header .top-emalls-titles .logo .net-code .code-number { font-size: 24px; line-height: 28px; color: #006cb7 }
.bq-sep-header .top-emalls-titles .logo span { display: block; margin-top:43px; font-size:20px; }
.bq-sep-header .link { display: inline-block; margin-right: 90px }
.bq-sep-header .link ul li { position: relative; text-align: center; margin-left: 0; width: 44px; height: 44px; border-radius: 50%; background: #f0f0f0; display: flex; align-items: center; justify-content: center; margin: 0 7px }
.bq-sep-header .link ul li a:hover i { color: #006cb7 }
.bq-sep-header .link ul li i { color: #747474; font-size: 20px; vertical-align: middle }
.bq-sep-header .nav-search { color: #666; font-size: 18px; margin-left: 30px }
.bq-sep-header .nav-search i { color: #666; font-size: 18px }
.bq-sep-header .sep-searchs-boxs { display: block; width: 20px; height: 90px; cursor: pointer; line-height: 96px; float: right; margin-left: 34px }
.bq-sep-header .sep-searchs-boxs i { font-size: 18px; color: #006cb7; transition: all .3s }
.bq-sep-header .sep-searchs-boxs i:hover { transform: scale(1.1) }
.bq-sep-header .sep-searchs-boxs i.s2 { display: none; transform: rotate(45deg) }
.bq-sep-header .sep-searchs-boxs.ons .s1 { display: none }
.bq-sep-header .sep-searchs-boxs.ons .s2 { display: inline-block }
.bq-sep-header .header-nav { width: 100%; transition: all .3s; display: flex; justify-content: flex-end }
.bq-sep-header .header-nav>.bq-sep-container { display: flex; justify-content: flex-end; align-items: center; position: relative; margin: 0; max-width: 100% }
.bq-sep-header .header-nav>.bq-sep-container .top-emalls-titles { display: none }
.bq-sep-header .header-nav>.bq-sep-container .nav-left { width: 70%; background: #006cb7; display: flex; align-content: center; justify-content: space-between }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list { float: right; width:100%; }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li { float: left; width:14.28%; position: relative; text-align:center; }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li>a { display: inline-block; padding: 20px 0px; font-size: 18px; color: #fff; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; position: relative }

.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li>a:after { content: ""; display: block; width: 0; transition: all .5s; height: 4px; background: #E04F18; position: absolute; left: 0; bottom: 0 }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li>a:hover { padding-bottom:16px; border-bottom:4px solid #E04F18; }

.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li .nav-more-list { position: absolute; top: 100%; left: 0; background: #fff; z-index: 999; box-shadow: 0 0 4px #ddd; min-width: 230px; visibility: hidden }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li .nav-more-list .gred a { white-space: nowrap; display: block; padding: 10px; font-size: 18px }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li .nav-more-list .gred a:hover { background: #006cb7; color: #fff }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors { position: static !important }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul { width: 100%; position: absolute; left: 0; top: 100%; background: #fff; display: none; z-index: 9999; box-shadow: 0 0 10px #ddd }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul:after { content: ""; display: block; width: 50%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1 }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .container { width: 1350px }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .disflex-box { display: flex; overflow: hidden; position: relative }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-lefts { padding: 50px 0; position: relative; z-index: 999 }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-lefts ul li { padding: 4px 0; position: relative }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-lefts ul li a { display: block; font-size: 20px; transition: all .4s; padding-left: 0; font-weight: bold }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-lefts ul li a i { margin-right: 5px; opacity: 0; transition: all .4s; position: absolute; left: 0; top: 12px }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-lefts ul li a:hover { padding-left: 15px; font-weight: bold }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-lefts ul li a:hover i { opacity: 1 }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-lefts ul .active a { font-weight: bold; color: #006cb7 }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights { position: static; padding: 50px 30px; z-index: 99; background: #fff }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs { display: none; padding-right: 10px }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs.active { display: block }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs>ul>li .left-col a { display: block; padding-left: 14px; font-size: 18px; text-align: left; line-height: 44px; color: #646464; white-space: nowrap }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs>ul>li .left-col a i { margin-right: 5px }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs>ul>li .right-col { display: none; position: static }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs>ul>li .right-col a { display: block; overflow: hidden; position: absolute; left: 0; max-width: 560px; top: 50px }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs>ul>li .right-col a img { width:100%; max-width:386px; }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs>ul>.active .left-col a { color: #006cb7 }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs>ul>.active .right-col { display: block }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.head-search { float: right; margin-left: 20px; cursor: pointer }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.head-search span { display: block; height: 100px; line-height: 100px; font-size: 18px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list .active>a { color: #FFF }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list .active>a:after { width: 100% }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list .active>a:hover { padding-bottom:20px; border-bottom:0px solid #E04F18; }

.bq-sep-header .header-nav>.bq-sep-container .search { width: 10%; background: #E04F18; text-align: center; line-height: 66px; cursor: pointer }
.bq-sep-header .header-nav>.bq-sep-container .search i { color: #fff; font-size: 18px }
.bq-sep-header .header-nav>.bq-sep-container .search.ons .icon1 { display: none }
.bq-sep-header .header-nav>.bq-sep-container .search.ons .icon2 { display: inline-block }
.bq-sep-header .header-nav>.bq-sep-container .search:hover i { }
.bq-sep-header .header-nav>.bq-sep-container .search .icon2 { transform: rotate(45deg); display: none }
.bq-sep-header .header-nav>.bq-sep-container .nav-email { width: 320px; text-align: center; background: #E04F18; color: #333; line-height: 65px; transition: all .3s }
.bq-sep-header .header-nav>.bq-sep-container .nav-email:hover a { color: #fff }
.bq-sep-header .header-nav>.bq-sep-container .nav-email a { color: #FFF; font-size: 16px }

.bq-sep-header.onss .header-nav>.bq-sep-container .top-emalls-titles { display: block; width:20%; }
.bq-sep-header.onss .top-emalls-titles .logo { margin-top: 0 !important }

.banner-box .banner { position: relative }
.banner-box .banner .banner-text { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center }
.banner-box .banner .banner-text .flexbox { display: inline-block; padding: 40px 50px; border-radius: 30px; background: rgba(0,78,161,0.66); -webkit-animation: bounces 2s ease-in-out infinite; animation: bounce 2s ease-in-out infinite }
.banner-box .banner .banner-text .flexbox .b-title { font-size: 40px; color: #fff; font-family: "Lato-Regular"; margin-bottom: 20px; text-transform: uppercase }
.banner-box .banner .banner-text .flexbox .b-title:hover { text-decoration: underline }
.banner-box .banner .banner-text .flexbox .text1 { font-size: 30px; color: #fff; font-family: "Lato-Light"; font-style: italic }
.banner-box .banner .banner-text .flexbox .text1 p { font-size: 30px; color: #fff; font-family: "Lato-Light"; font-style: italic }
.banner-box .banner .banner-text .flexbox .text1 p strong { display: inline-block; font-size: 30px; color: #fff; font-family: "Lato-Regular"; font-style: italic }
.banner-box .banner .banner-text .flexbox .text2 { margin-top: 40px }
.banner-box .banner .banner-text .flexbox .text2 ul li { position: relative; list-style-type: none; padding: 8px 0; padding-left: 30px }
.banner-box .banner .banner-text .flexbox .text2 ul li:after { content: ""; display: block; width: 12px; height: 12px; border-radius: 4px; background: #E04F18; position: absolute; left: 0; top: 17px }
.banner-box .banner .banner-text .flexbox .text2 ul li p { font-size: 22px; font-family: "Lato-Light"; color: #fff }
.banner-box .banner .banner-text .flexbox .text2 ul li p strong { font-size: 22px }
.banner-box .banner .banner-text .flexbox .more { font-size: 16px; color: #E04F18; padding: 11px 20px; background: transparent; border: 1px solid #E04F18; text-transform: uppercase; border-radius: 6px; font-weight: bold; text-align: center; margin-top: 30px; display: table }
.banner-box .banner .banner-text .flexbox .more:hover { background: #E04F18; color: #fff }
.banner-box .swiper-mb { display: none }
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 60px !important }
.banner-box .swiper-pagination { text-align: left; display: flex; max-width: 1560px; left: 50% !important; margin-left: -780px; justify-content: flex-start; align-items: center }
.banner-box .swiper-pagination .swiper-pagination-current { font-size: 64px; color: #E04F18; font-family: "Lato-Bold" }
.banner-box .swiper-pagination .swiper-pagination-current:before { content: '0' }
.banner-box .swiper-pagination .swiper-pagination-total { font-size: 20px; color: #fff; font-family: "Lato-Bold" }
.banner-box .swiper-pagination .swiper-pagination-total:before { content: '0' }
.banner-box .swiper-pagination i { width: 50px; height: 1px; background: #fff; margin: 0 10px }
.banner-box .bq-sep-container { position: relative; text-align: left }
.banner-box .bq-sep-container .banner-des { font-size: 50px; line-height: 62px; color: #fff; transition: all .3s; font-weight: normal; display: inline-block; position: relative; max-width: 780px; text-transform: uppercase }
.banner-box .bq-sep-container .banner-des:hover { color: #E04F18 }
.banner-box .bq-sep-container .banner-des1 { font-size: 30px; line-height: 48px; color: #fff; max-width: 628px; margin-top: 24px }
.banner-box .bq-sep-container .banner-more { margin-top: 5% }
.banner-box .bq-sep-container .banner-more span { display: inline-block; text-align: center; color: #fff; min-width: 220px; transition: all .3s; font-size: 16px; height: 50px; line-height: 50px; border: 1px solid #fff }
.banner-box .bq-sep-container .banner-more span:hover { color: #fff; border-color: #006cb7; background: #006cb7 }
.banner-box .bq-sep-container .banner-more a { display: inline-block; text-align: center; color: #fff; min-width: 220px; transition: all .3s; font-size: 16px; height: 50px; line-height: 50px; border: 1px solid #fff }
.banner-box .bq-sep-container .banner-more a:hover { color: #fff; border-color: #006cb7; background: #006cb7 }
.mb-banner { display: none }
.mb-banner .banner { position: relative }
.mb-banner .banner .banner-text { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center }
.mb-banner .banner .banner-text .flexbox { display: inline-block; padding: 20px; border-radius: 10px; background: rgba(0,78,161,0.66); -webkit-animation: bounces 2s ease-in-out infinite; animation: bounce 2s ease-in-out infinite }
.mb-banner .banner .banner-text .flexbox .b-title { font-size: 20px; color: #fff; font-family: "Lato-Regular"; margin-bottom: 20px; text-transform: uppercase }
.mb-banner .banner .banner-text .flexbox .text1 { font-size: 16px; color: #fff; font-family: "Lato-Light"; font-style: italic }
.mb-banner .banner .banner-text .flexbox .text1 p { font-size: 16px; color: #fff; font-family: "Lato-Light"; font-style: italic }
.mb-banner .banner .banner-text .flexbox .text1 p strong { display: inline-block; font-size: 16px; color: #fff; font-family: "Lato-Regular"; font-style: italic }
.mb-banner .banner .banner-text .flexbox .text2 { margin-top: 10px }
.mb-banner .banner .banner-text .flexbox .text2 ul li { position: relative; list-style-type: none; padding: 0; padding-left: 15px }
.mb-banner .banner .banner-text .flexbox .text2 ul li:after { content: ""; display: block; width: 8px; height: 8px; border-radius: 4px; background: #E04F18; position: absolute; left: 0; top: 9px }
.mb-banner .banner .banner-text .flexbox .text2 ul li p { font-size: 16px; font-family: "Lato-Light"; color: #fff }
.mb-banner .banner .banner-text .flexbox .text2 ul li p strong { font-size: 22px }
.mb-banner .banner:hover .banner-text .flexbox { -webkit-animation: rolling 1s linear infinite alternate; -moz-animation: rolling 1s linear infinite alternate; -ms-animation: rolling 1s linear infinite alternate; -o-animation: rolling 1s linear infinite alternate; animation: rolling 1s linear infinite alternate }
.mb-banner .swiper-mb { display: none }
.mb-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 60px !important }
.mb-banner .swiper-pagination { text-align: left; display: flex; max-width: 1560px; left: 50% !important; margin-left: -780px; justify-content: flex-start; align-items: center }
.mb-banner .swiper-pagination .swiper-pagination-current { font-size: 64px; color: #E04F18; font-family: "Lato-Bold" }
.mb-banner .swiper-pagination .swiper-pagination-current:before { content: '0' }
.mb-banner .swiper-pagination .swiper-pagination-total { font-size: 20px; color: #fff; font-family: "Lato-Bold" }
.mb-banner .swiper-pagination .swiper-pagination-total:before { content: '0' }
.mb-banner .swiper-pagination i { width: 50px; height: 1px; background: #fff; margin: 0 10px }
.mb-banner .bq-sep-container { position: relative; text-align: left }
.mb-banner .bq-sep-container .banner-des { font-size: 50px; line-height: 62px; color: #fff; transition: all .3s; font-weight: normal; display: inline-block; position: relative; max-width: 780px; text-transform: uppercase }
.mb-banner .bq-sep-container .banner-des:hover { color: #E04F18 }
.mb-banner .bq-sep-container .banner-des1 { font-size: 30px; line-height: 48px; color: #fff; max-width: 628px; margin-top: 24px }
.mb-banner .bq-sep-container .banner-more { margin-top: 5% }
.mb-banner .bq-sep-container .banner-more span { display: inline-block; text-align: center; color: #fff; min-width: 220px; transition: all .3s; font-size: 16px; height: 50px; line-height: 50px; border: 1px solid #fff }
.mb-banner .bq-sep-container .banner-more span:hover { color: #fff; border-color: #006cb7; background: #006cb7 }
.mb-banner .bq-sep-container .banner-more a { display: inline-block; text-align: center; color: #fff; min-width: 220px; transition: all .3s; font-size: 16px; height: 50px; line-height: 50px; border: 1px solid #fff }
.mb-banner .bq-sep-container .banner-more a:hover { color: #fff; border-color: #006cb7; background: #006cb7 }
@-webkit-keyframes rolling {
5% {
transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg)
}
25% {
transform:rotate(-15deg);
-webkit-transform:rotate(-15deg);
-moz-transform:rotate(-15deg);
-o-transform:rotate(-15deg);
-ms-transform:rotate(-15deg)
}
50% {
transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg)
}
75% {
transform:rotate(15deg);
-webkit-transform:rotate(15deg);
-moz-transform:rotate(15deg);
-o-transform:rotate(15deg);
-ms-transform:rotate(15deg)
}
100% {
transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg)
}
}
.swiper-bq { position: relative }
.swiper-bq .banner-small-box { position: absolute; display: flex; bottom: 0; right: 0 }
.swiper-bq .banner-small-box .small-item { display: flex; width: 300px; padding: 30px; align-items: center; background: #fff; border-right: 1px solid #f5f5f5; cursor: pointer; border-bottom: 5px solid transparent }
.swiper-bq .banner-small-box .small-item.active { border-bottom: 5px solid #E04F18 }
.swiper-bq .banner-small-box .small-item.active .icon-title { color: #1a1a1a }
.swiper-bq .banner-small-box .small-item.swiper-slide-thumb-active { border-bottom: 5px solid #E04F18 }
.swiper-bq .banner-small-box .small-item.swiper-slide-thumb-active .icon-title { color: #1a1a1a }
.swiper-bq .banner-small-box .small-item .small-icon { width: 70px; height: 70px; border-radius: 50%; overflow: hidden }
.swiper-bq .banner-small-box .small-item .small-icon img { width: 100% }
.swiper-bq .banner-small-box .small-item .icon-title { font-size: 18px; color: #666; margin-left: 20px }
.swiper-bq .banner-small-box .small-page { width: 132px; height: 135px; background: #fff; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2 }
.swiper-bq .banner-small-box .small-page i { color: #8c8c8c; margin: 0 10px; font-size: 24px; cursor: pointer }
.swiper-bq .banner-small-box .small-page i:hover { color: #32b876 }
.banner { position: relative }
.banner .back a { display: block; width: 100%; height: 100% }
.banner .back img { width: 100%; max-width: 100% }
.banner .banner-main { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.banner .banner-main .left { height: 100%; display: flex; justify-content: center; align-items: center }
.top-title { margin-bottom: 60px; text-align: center }
.top-title.align-left { text-align: left }
.top-title .title { font-size: 46px; line-height: 46px; color: #333 }
.top-title .title a { font-size: 36px; line-height: 46px; color: #333; transition: all .3s }
.top-title .title a:hover { color: #E04F18 }
.top-title .title-des { font-size: 16px; line-height: 32px; color: #666; margin-top: 20px }
.top-title .title-des p { font-size: 16px; line-height: 32px; color: #666 }
.top-title .title-color { margin: 24px auto; position: relative; display: inline-block }
.top-title .title-color span { width: 10px; height: 10px; background: #E04F18; transform: rotate(45deg); display: inline-block }
.top-title .title-color::after { width: 60px; height: 2px; background: #E04F18; content: ''; display: block; position: absolute; left: -72px; top: 50%; margin-top: -1px }
.top-title .title-color::before { width: 60px; height: 2px; background: #E04F18; content: ''; display: block; position: absolute; right: -72px; top: 50%; margin-top: -1px }
.flex { display: flex }
.flex-wrap { flex-wrap: wrap }
.flex::after { display: none }
.flex::before { display: none }
.bq-pro-box { padding: 92px 0 }
.bq-sep-body .bq-pro-box { padding: 92px 0 0 0 }
.bq-sep-body .bq-pro-box .bq-pro-list>ul { justify-content: space-between }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li:nth-child(3) { flex-direction: row-reverse }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li:nth-child(3) .right::after { border-right: none; border-left: 12px solid #fff; left: auto; right: -12px }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li:nth-child(4) { flex-direction: row-reverse }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li:nth-child(4) .right::after { border-right: none; border-left: 12px solid #fff; left: auto; right: -12px }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li:hover .left .thumb img { transform: scale(1.1) }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li:hover .right .thumb-title { color: #006cb7 }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li:hover .right .thumb-more { background: #006cb7; color: #fff }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li:hover .right .thumb-more i { color: #fff }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left { background: #f7f7f7; margin:0px 30px; }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left .thumb { display: block; text-align: center; padding: 0px 0; position: relative; overflow: hidden; border:1px solid #CCCCCC; }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left .thumb .hover-boxs { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); transition: all .5s; padding: 30px }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left .thumb .hover-boxs ul li { text-align: left; list-style-type: disc; color: #006cb7; padding: 10px 0 }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left .thumb .hover-boxs ul li a { display: inline-block; font-size: 16px; color: #fff }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left .thumb .hover-boxs ul li a:hover { text-decoration: underline }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left .thumb img { max-width: 100%; transition: all .3s }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left .thumb:hover .hover-boxs { top: 0 }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .right { background: #fff; padding: 60px 30px; text-align:center; display: flex; flex-direction: column; justify-content: center; position: relative; transition: all .3s; height: 385px }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .right .thumb-title { font-size: 22px; color: #333 }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .right .thumb-des { font-size: 16px; line-height: 30px; color: #808080; margin-top: 20px; margin-bottom: 30px }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .right .thumb-more { display: block; width: 60px; height: 60px; border: 1px solid #006cb7; display: flex; align-items: center; color: #006cb7; justify-content: center; transform: rotate(45deg) }
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .right .thumb-more i { color: #006cb7; font-size: 24px; transform: rotate(-45deg) }
.bq-sep-body .bq-com-box { margin-top: 92px }
.bq-sep-body .bq-com-box .left { width: 50%; position: relative; max-height: 880px; overflow: hidden }
.bq-sep-body .bq-com-box .left img { width: 100%; transition: all .3s }
.bq-sep-body .bq-com-box .left .left-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-end }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs { width: 100%; position: relative; background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(0,78,161,0.8)); background: -o-linear-gradient(rgba(255,255,255,0), rgba(0,78,161,0.8)); background: -moz-linear-gradient(rgba(255,255,255,0), rgba(0,78,161,0.8)); background: linear-gradient(rgba(255,255,255,0), rgba(0,78,161,0.8)) }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .width-boxs { width: 880px; padding: 30px 0 30px 100px; position: relative }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .width-boxs:after { content: ""; display: block; width: 70px; height: 100%; bottom: 0; left: 0; background: #E04F18; position: absolute }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .titles:hover { color: #006cb7 }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .richtext { font-size: 16px; line-height: 1.8em; color: #fff; font-weight:300; }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .richtext P { font-size: 16px; line-height: 1.8em; color: #fff }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .richtext a { color: #E04F18; font-size: 16px; line-height: 1.8em }
.bq-sep-body .bq-com-box .left .left-cover .play-icon { width: 120px; height: 120px; border-radius: 50%; background: rgba(0,0,0,0.5); font-size: 40px; color: #006cb7; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .5s }
.bq-sep-body .bq-com-box .left .left-cover .play-icon:hover { transform: rotate(360deg) }
.bq-sep-body .bq-com-box .left .left-cover .left-cover-title { display: block; color: #fff; font-size: 34px; width: 100%; margin-bottom: 20px; }
.bq-sep-body .bq-com-box .left .left-cover .left-cover-title:hover { color: #E04F18 }
.bq-sep-body .bq-com-box .right { width: 50%; background: #f5f5f5 }
.bq-sep-body .bq-com-box .right .top-title { padding-bottom: 50px; text-align: left; background: #fff }
.bq-sep-body .bq-com-box .right .top-title .part-boxs { width: 880px; float: right }
.bq-sep-body .bq-com-box .right .top-title .part-boxs .titles { display: block; font-size: 36px; font-weight: bold }
.bq-sep-body .bq-com-box .right .top-title .part-boxs .titles:hover { color: #E04F18 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box { background: #f5f5f5 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box .part-boxs { width: 880px; float: right; padding: 50px 30px 50px 0 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul { justify-content: space-between; width: 100% }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li { padding-left: 90px; position: relative; margin-bottom: 54px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li:nth-child(4) { margin-bottom: 0 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li:hover .icon { background: #006cb7 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li:hover .icon i { color: #fff }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li .icon { position: absolute; left: 0; top: 0; width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #006cb7 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li .icon i { font-size: 30px; color: #006cb7 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li .icon-title { font-size: 18px; line-height: 28px; color: #323232 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li .icon-des { font-size: 16px; line-height: 30px; color: #808080; margin-top: 10px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li .icon-des p { font-size: 16px; line-height: 30px; color: #808080 }
.bq-sep-body .bq-com-box:hover .left img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1) }
.bq-sep-body .bq-case-box { padding-top: 90px }
.bq-sep-body .bq-case-box .top-title { margin: auto; margin-bottom: 60px; max-width: 1200px }
.bq-sep-body .bq-case-box .top-title:hover { color: #E04F18 }
.bq-sep-body .bq-case-box .app-main { justify-content: space-between; position: relative; z-index: 2 }
.bq-sep-body .bq-case-box .app-main .left { width: 31.25%; padding-left: 150px; display: flex; flex-direction: column; justify-content: center; background: #006cb7; min-height: 750px; position: relative }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; transition: all .3s; transform: rotate(45deg); margin-bottom: 56px }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div i { transform: rotate(-45deg); font-size: 22px }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div:hover { background: #006cb7 }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.prev-btn { border: 1px solid #fff }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.prev-btn i { color: #fff }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.prev-btn:hover { background: #fff }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.prev-btn:hover i { color: #006cb7 }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.next-btn { border: 1px solid #fff }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.next-btn i { color: #fff }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.next-btn:hover { background: #E04F18 }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.next-btn:hover i { color: #fff }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div.swiper-button-disabled { opacity: .35; pointer-events: none }
.bq-sep-body .bq-case-box .app-main .left .swiper-pagination { display: flex; justify-content: left; align-items: center; margin-top: 30px }
.bq-sep-body .bq-case-box .app-main .left .swiper-pagination i { width: 50px; height: 1px; background: #fff; margin: 0 10px }
.bq-sep-body .bq-case-box .app-main .left .swiper-pagination-current { font-size: 64px; color: #E04F18; font-family: "Lato-Bold"; position: relative; top: -10px }
.bq-sep-body .bq-case-box .app-main .left .swiper-pagination-current:before { content: '0' }
.bq-sep-body .bq-case-box .app-main .left .swiper-pagination-total { font-size: 20px; color: #fff }
.bq-sep-body .bq-case-box .app-main .left .swiper-pagination-total:before { content: '0' }
.bq-sep-body .bq-case-box .app-main .left .swiper-pagination { position: static }
.bq-sep-body .bq-case-box .app-main .right { width: 77%; position: absolute; right: 0; top: 0; display: flex; align-items: center; min-height: 750px; z-index: 999 }
.bq-sep-body .bq-case-box .app-main .right .app-img { display: block; overflow: hidden; padding: 5px 5px; text-align: center; background: #fff; box-shadow: 0 0 5px #ddd }
.bq-sep-body .bq-case-box .app-main .right .app-img img { max-width: 100%; transition: all .3s }
.bq-sep-body .bq-case-box .app-main .right .app-img .hover-img { display: none }
.bq-sep-body .bq-case-box .app-main .right .app-img:hover .normal-img { display: none }
.bq-sep-body .bq-case-box .app-main .right .app-img:hover .hover-img { display: inline-block }
.bq-sep-body .bq-case-box .app-main .right .swiper-container { padding-right: 12% }
.bq-sep-body .bq-case-box .app-main .right .swiper-slide { padding: 5px 5px 0 5px }
.bq-sep-body .bq-case-box .app-main .right .swiper-slide .parts { box-shadow: 0 0 10px #f6f6f6; border-bottom: 4px solid #E04F18 }
.bq-sep-body .bq-case-box .app-main .right .swiper-slide.swiper-slide-active { border-color: #E04F18 }
.bq-sep-body .bq-case-box .app-main .right .swiper-slide-active .app-info { display: block }
.bq-sep-body .bq-case-box .app-main .right .app-info { padding: 30px; position: relative; background: #fff; text-align: center; box-shadow: 0 0 5px #ddd }
.bq-sep-body .bq-case-box .app-main .right .app-info .app-title { font-size: 20px; line-height: 34px; color: #333; display: block }
.bq-sep-body .bq-case-box .app-main .right .app-info .app-title:hover { color: #006cb7 }
.bq-sep-body .bq-case-box .app-main .right .app-info .app-more { display: block; font-size: 16px; color: #666; text-transform: uppercase; margin-top: 10px }
.bq-sep-body .bq-case-box .app-main .right .app-info .app-more i { font-size: 12px; color: #666; margin-left: 4px }
.bq-sep-body .bq-case-box .app-main .right .app-info .app-more:hover { color: #E04F18 }
.bq-sep-body .bq-case-box .app-main .right .app-info .app-more:hover i { color: #E04F18 }
.bq-sep-body .bq-case-box .swiper-button-next, .bq-sep-body .bq-case-box .swiper-button-prev { display: none }
.bq-sep-body .bq-news-box { padding: 92px 0 92px; background: #f7f7f7 }
.bq-sep-body .bq-news-box .news-main { justify-content: space-between }
.bq-sep-body .bq-news-box .news-main .left { display: block; width: 44%; display: flex; align-items: center; overflow: hidden }
.bq-sep-body .bq-news-box .news-main .left img { max-width: 100% }
.bq-sep-body .bq-news-box .news-main .right { width: 52%; display: flex; align-items: center }
.bq-sep-body .bq-news-box .news-main .right .news-list li { padding: 26px; padding-right: 140px; position: relative; transition: all .3s }
.bq-sep-body .bq-news-box .news-main .right .news-list li:hover { background: #fff; box-shadow: 0 0 10px #eaeaea }
.bq-sep-body .bq-news-box .news-main .right .news-list li:hover .news-more { right: 30px; background: #006cb7 }
.bq-sep-body .bq-news-box .news-main .right .news-list li:hover .news-more i { color: #fff }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-time { color: #006cb7 }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-time i { margin-right: 8px }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-title { font-size: 18px; line-height: 32px; color: #1a1a1a; margin-top: 10px; display: block }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-des { font-size: 16px; line-height: 26px; color: #808080; margin-top: 6px }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-more { display: block; width: 60px; height: 60px; border: 1px solid #006cb7; transform: rotate(45deg); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; margin-top: -30px; right: 0; transition: all .3s }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-more i { transform: rotate(-45deg); color: #006cb7; font-size: 22px }
.bq-sep-footer { background: #121e28; margin-top: 120px; position: relative }
.bq-sep-footer .clearbox { display: flex }
.bq-sep-footer .clearbox .ft-part { width: 880px; padding-left: 100px }
.bq-sep-footer .foot-top { width: 880px; display: flex; justify-content: space-between; padding: 90px 0 30px 0; position: relative; flex-wrap: wrap; float: right }
.bq-sep-footer .foot-top .foot-list { width: 33.33% }
.bq-sep-footer .foot-top .foot-list .li-list { margin-bottom: 26px }
.bq-sep-footer .foot-top .foot-list .li-list.ons .li-title i::after { display: none }
.bq-sep-footer .foot-top .foot-list .li-list.onss .li-lists { display: block }
.bq-sep-footer .foot-top .foot-list .li-list.span-deg .li-title span { transition: all .3s; transform: rotate(30deg) }
.bq-sep-footer .foot-top .foot-list .li-list .li-title { font-size: 18px; color: #fff; cursor: pointer; position: relative; text-transform: uppercase }
.bq-sep-footer .foot-top .foot-list .li-list .li-title a { font-size: 18px; color: #fff; cursor: pointer; text-transform: uppercase }
.bq-sep-footer .foot-top .foot-list .li-list .li-title a:hover { color: #E04F18 }
.bq-sep-footer .foot-top .foot-list .li-list .li-title i { display: none; transition: all .3s }
.bq-sep-footer .foot-top .foot-list .li-list .li-title img { margin-bottom: 20px }
.bq-sep-footer .foot-top .foot-list .li-list .li-title span { display: inline-block; float: right; color: #fff; font-size: 26px; display: none }
.bq-sep-footer .foot-top .foot-list .li-list .li-lists { margin-top: 24px }
.bq-sep-footer .foot-top .foot-list .li-list .li-lists li { line-height: 32px; font-size: 16px; color: rgba(255,255,255,0.7); position: relative }
.bq-sep-footer .foot-top .foot-list .li-list .li-lists li:hover::after { background: #E04F18 }
.bq-sep-footer .foot-top .foot-list .li-list .li-lists li a { font-size: 16px; line-height: 34px; color: rgba(255,255,255,0.6) }
.bq-sep-footer .foot-top .foot-list .li-list .li-lists li a:hover { color: #E04F18 }
.bq-sep-footer .foot-top .foot-list:last-child { padding-left: 60px }
.bq-sep-footer .bq-sep .right { position: relative; background: #006cb7 }
.bq-sep-footer .bq-sep .right:after { content: ""; display: block; width: 100%; height: 70px; background: #006cb7; position: absolute; top: -70px; left: 0 }
.bq-sep-footer .bq-sep .right .right-item { padding: 50px 0; border-bottom: 1px solid rgba(255,255,255,0.2) }
.bq-sep-footer .bq-sep .right .right-item .right1 a { display: inline-block; margin-right: 40px; border-radius: 50%; text-align-last: center }
.bq-sep-footer .bq-sep .right .right-item .right1 a i { font-size: 36px; color: rgba(255,255,255,0.6); transition: all .3s }
.bq-sep-footer .bq-sep .right .right-item .right1 a:hover i { color: #fff }
.bq-sep-footer .bq-sep .right .right-item:last-child { border-bottom: none }
.bq-sep-footer .bq-sep .right .right-item .right-item-title { font-size: 30px; line-height: 40px; color: #fff; margin-bottom: 16px; display: block }
.bq-sep-footer .bq-sep .right .right-item .right-item-title:hover { color: #E04F18 }
.bq-sep-footer .bq-sep .right .right-item .right-item-p { font-size: 18px; line-height: 40px; color: #fff }
.bq-sep-footer .bq-sep .right .right-item .right-item-p p { color: #fff }
.bq-sep-footer .bq-sep .right .right-item .right-item-p a { font-size: 18px; line-height: 40px; color: #fff }
.bq-sep-footer .bq-sep .right .right-item .right-item-p a:hover { text-decoration: underline }
.bq-sep-footer .bq-sep .right .right-item .right-item-code { font-size: 30px; line-height: 50px; color: #fff }
.bq-sep-footer .bq-sep .right .right-item .right-item-p1 { font-size: 20px }
.bq-sep-footer .bq-sep .right .right-item .copyRight { color: #fff; font-size: 16px; line-height: 36px }
.bq-sep-footer .bq-sep .right .right-item .copyRight a { color: #fff; font-size: 16px; line-height: 36px }
.bq-sep-footer .bq-sep .right .right-item .copyRight a:hover { color: #E04F18; text-decoration: none }
.bq-sep-footer .bq-sep .right .right-item .copyRight .site i { margin: 0 20px; font-style: inherit }
.to-top { width: 97px; height: 97px; position: fixed; background: #E04F18; bottom: 0; right: 180px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 99; color:# opacity: 0;
transition: all .3s }
.to-top.ons { opacity: 1 }
.to-top i { font-size: 28px; color: #FFF }
.to-top:hover { background: #006cb7 }
.to-top:hover i { font-size: 28px; color: #fff }
#onlineService { position: fixed; right: 0; bottom: 32%; z-index: 100998 }
.offside { width: 50px }
.offside li { width: 50px; height: 50px; position: relative; background: #b1b1b1; border-bottom: 1px solid #fff; text-align: center; transition: all .7s; -webkit-transition: all .7s }
.offside .code { position: absolute; top: 0; right: 50px; display: none; margin: 0 }
.offside a, .offside div { color: #fff; position: absolute; z-index: 11; display: block; top: 0; right: 0; bottom: 0; cursor: pointer; line-height: 50px; font-size: 24px }
.offside p { float: left; line-height: 50px; font-size: 16px; font-weight: 700; padding: 0 0 0 10px; color: #fff; opacity: 0; position: absolute; white-space: nowrap }
.offside .icon { font-size: 28px; height: 100%; line-height: 50px; text-align: center; display: block; color: #fff }
.offside li:not(.li_3) a, .offside .li_3 a, .offside .li_3 div { width: 50px }
.offside .back_top { display: none }
.offside li { background: #006cb7 }
.offside li:last-child { background: #006cb7 }
.offside .erweima { width: 150px; height: auto; position: absolute; left: -150px; top: 0; display: none }
.offside li:hover a, .offside li:hover div, .offside li:hover .icon { color: #fff }
.offside li:hover p { opacity: 1 }
.offside li:not(.li_3):hover { background: #E04F18; }
.offside li:not(.li_erweima):hover .erweima { display: block }
.offside .tel { width: 230px; transform: translateX(-180px); -webkit-transform: translateX(-180px) }
.offside .back_none { height: 0; border: 0 !important }
.offside .li { transform: translateX(100%); -webkit-transform: translateX(100%) }
.offside .unfold { width: 30px; transform: translateX(20px); -webkit-transform: translateX(20px) }
.trans1 { transition: all .3s }
.gtj-t-r-deg { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.trans { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s }
.email-items { position: absolute; top: 0; left: -200px; width: 200px; height: 200px !important; transform: translateX(500px); transition: all .3s }
.email-items.active { transform: translateX(0) }
.email-items .email-item { position: static }
.email-items .email-item a { width: 100% !important; font-size: 17px; background: #006cb7; height: auto !important; position: static }
.email-items .email-item a:hover { color: #006cb7 }
.inster-boxs { background: #006cb7; padding: 4px }
.inster-boxs .clearbox { display: flex }
.inster-boxs .clearbox .sg-text { width: 27%; display: flex; justify-content: center; align-items: center }
.inster-boxs .clearbox .sg-text .text-boxs .ib-title { margin-bottom: 10px }
.inster-boxs .clearbox .sg-text .text-boxs .ib-title a { display: block; font-size: 24px; color: #fff; font-weight: bold }
.inster-boxs .clearbox .sg-text .text-boxs ul { padding-left: 0 }
.inster-boxs .clearbox .sg-text .text-boxs ul li { padding: 5px 0; color: #fff; list-style-type: none }
.inster-boxs .clearbox .sg-text .text-boxs ul li p { display: block; color: #fff; font-size: 16px }
.inster-boxs .clearbox .sg-lists { width: 73% }
.inster-boxs .clearbox .sg-lists ul li { padding: 2px }

.inster-boxs .clearbox .sg-lists ul li .depart { height: 260px; padding:0px 8%; display: block; display: flex; justify-content: center; align-items: center; background: #fff }
.inster-boxs .clearbox .sg-lists ul li .depart .cons { font-size: 22px; font-weight: bold; padding-bottom: 0; transition: all .2s; display: block }
.inster-boxs .clearbox .sg-lists ul li .depart ul { display: none; padding-left: 20px }
.inster-boxs .clearbox .sg-lists ul li .depart ul li { list-style-type: disc; color: #006cb7; padding: 5px 0 }
.inster-boxs .clearbox .sg-lists ul li .depart ul li a { display: block; font-size: 16px }
.inster-boxs .clearbox .sg-lists ul li .depart ul li a:hover { color: #006cb7 }
.inster-boxs .clearbox .sg-lists ul li:hover .depart .cons { padding-bottom: 20px }
.inster-boxs .clearbox .sg-lists ul li:hover .depart ul { display: block }

.contact-bar { background: url(/images/nylon-zip-ties.jpg); height: 400px; display: flex; justify-content: center; align-items: center; text-align: center }
.contact-bar .p-title { font-size: 34px; color: #fff; margin-bottom: 10px }
.contact-bar .p-title:hover { color: #E04F18 }
.contact-bar .tags { font-size: 16px; color: #fff; font-weight:300; }
.contact-bar .more { display: inline-block; padding: 5px 20px; font-size: 20px; color: #fff; background: #E04F18; margin-top: 40px; border: 1px solid #E04F18; font-weight:300; }
.contact-bar .more:hover { background: transparent; color: #E04F18 }
.others-banner img { width: 100% }
.others-banner .richtext strong { display: inline-block; font-size: 24px }
.mb-show { display: none !important }
.mb-footer-list { display: none; padding: 20px 20px 10px 20px; background: #121e28; margin-bottom: -1px }
.mb-footer-list .foot-boxs { position: relative; padding: 15px 0 }
.mb-footer-list .foot-boxs>i { position: absolute; right: 10px; color: #fff; top: 17px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; font-size: 20px }
.mb-footer-list .foot-boxs .change-du { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.mb-footer-list .foot-boxs .f-title { display: block; font-size: 20px; color: #fff }
.mb-footer-list .foot-boxs .foot-links { display: none; margin-top: 15px }
.mb-footer-list .foot-boxs .foot-links li { padding: 4px 0; list-style-type: none; color: #999 }
.mb-footer-list .foot-boxs .foot-links li a { display: block; position: relative; padding-left: 15px; font-size: 16px; color: #fff; color: rgba(255,255,255,0.4) }
.mb-footer-list .foot-boxs .foot-links li a:after { content: ""; display: block; width: 6px; height: 1px; border-radius: 50%; background: #ff9e1b; position: absolute; left: 0; top: 10px }
.mb-footer-list .foot-boxs .foot-links li a:hover { color: #fff }
.mb-footer-list .foot-boxs .foot-links li a:hover i { color: #999; display: inline-block }

@media screen and (max-width:1700px) {
.inster-boxs .clearbox .sg-lists ul li .depart { padding: 10px; /*text-align: center*/ }
.bq-sep-footer .foot-top { width: 100%; padding: 20px; padding-left: 50px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box .part-boxs, .bq-sep-body .bq-com-box .left .left-cover .part-boxs .width-boxs { width: 100% }
.bq-sep-body .bq-com-box .right .top-title .part-boxs { width: 100% }
.top-title { margin-bottom: 20px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li { margin-bottom: 20px }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs { padding: 20px 0 }
}

@media screen and (max-width:1630px) {
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li>a { padding: 20px 0px; }
}

@media screen and (max-width:1500px) {
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li { padding: 0 5px }
}

@media screen and (min-width:1600px) {
.index-pages .container, .pro-list-pages .container, .different-boxs .container, .pro-forms .container, .related-pros .container, .banner-text .container, .others-banner .container { width: 92%; }
}

@media (min-width:770px) and (max-width:1024px) {
.bq-sep-header .header-nav>.bq-sep-container .nav-left>ul>li .inster-boxs .clearbox .sg-lists ul li .depart .cons { font-size: 18px }
.bq-sep-body .bq-case-box .app-main .right, .bq-sep-body .bq-case-box .app-main .left { min-height: 600px }
.bq-sep-body .bq-pro-box .bq-pro-list ul li { width: 50% }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right { padding: 20px; min-height: 360px }
.bq-sep-body .bq-com-box .right .top-title .part-boxs .titles { font-size: 36px }
.bq-sep-header .header-nav>.bq-sep-container .top-emalls-titles { display: none !important }
.bq-sep-header .header-nav>.bq-sep-container .nav-left { width: 90%; }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li>a { padding: 20px 0px }
.bq-sep-header .header-nav>.bq-sep-container .nav-email { width: 15% }
.banner-box .banner .banner-text .flexbox { padding: 20px; margin-top: 30px }
.banner-box .banner .banner-text .flexbox .b-title { font-size: 30px }
.banner-box .banner .banner-text .flexbox .text1 p { font-size: 18px }
.banner-box .banner .banner-text .flexbox .text1 p strong { font-size: 18px }
.banner-box .banner .banner-text .flexbox .text2 { margin-top: 15px }
.banner-box .banner .banner-text .flexbox .text2 ul li p { font-size: 16px }
}

@media screen and (max-width:1024px) {
.bq-sep-header .header-nav>.bq-sep-container .nav-left>ul>li { margin-right: 0 !important }
}
.inter-mb-boxs { padding: 20px; background: #006cb7 }
.inter-mb-boxs ul { padding: 40px 20px; background: #fff }
.inter-mb-boxs ul li { padding: 5px 0 }
.inter-mb-boxs ul li a { display: block; font-size: 20px }

@media screen and (max-width:768px) {
.bq-sep-body .bq-pro-box .bq-pro-list>ul>li .left { background: #f7f7f7; margin:0px 0px; }

#onlineService .offside .tel { width: 0; transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0) }
.offside p { display: none }
.bq-case-box { padding: 40px 20px }
.bq-case-box .swiper-button-next, .bq-case-box .swiper-button-prev { display: block !important; font-size: 40px; color: #E04F18; width: auto }
.bq-case-box .swiper-button-next { right: -20px }
.bq-case-box .swiper-button-prev { left: -20px }
.inster-boxs { display: none }
.to-top.ons { display: none !important }
.detail-top .swiper-button-next, .detail-top .swiper-button-prev { display: block !important }
.in-title { font-size: 24px !important }
.mb-footer-list { display: block }
.bq-sep-footer { margin-top: 0 }
.bq-sep-footer .bq-sep .clearbox { display: block }
.bq-sep-footer .bq-sep .clearbox .left { display: none }
.bq-sep-footer .bq-sep .clearbox .right { padding-bottom: 50px }
.bq-sep-footer .bq-sep .clearbox .right .right-item { padding: 20px 0 }
.bq-sep-footer .bq-sep .clearbox .right:after { display: none }
.bq-sep-footer .bq-sep .clearbox .right .ft-part { width: 100%; padding-left: 0; padding: 0 20px }

.bq-sep-footer .bq-sep .right .right-item .right-item-title { font-size: 24px; }
.bq-sep-footer .bq-sep .clearbox .right .ft-part .right-item-title { font-weight: bold }
.bq-sep-footer .bq-sep .clearbox .right .ft-part .right-item-p { line-height: inherit; font-size: 16px }
.pc-show { display: none }
.mb-show { display: block !important }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right .thumb-more { display: none }
.bq-sep-body .bq-news-box { padding: 40px 0 !important }
.bq-sep-body .bq-news-box .news-main .left { display: block !important; width: 100% !important; padding: 0 20px }
.bq-sep-body .bq-news-box .news-main .left .top-title { margin-bottom: 0 }
.bq-sep-body .bq-news-box .news-main .left .top-title:hover { color: #E04F18 }
.bq-sep-body .bq-news-box .news-main .right .news-list li { padding: 20px }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-more { display: none }
.contact-bar .p-title { font-size: 24px; font-weight: normal }
.contact-bar .tags { font-size: 18px }
.bq-sep-body .bq-com-box { margin-top: 30px; flex-direction: column-reverse }
.bq-sep-body .bq-com-box .left .top-title { padding: 0 20px !important; margin-bottom: 15px !important }
.bq-sep-body .bq-com-box .left .top-title .part-boxs { width: 100% }
.bq-sep-body .bq-com-box .left .top-title .part-boxs .titles { font-size: 24px; margin-bottom: 20px !important; font-weight: bold; text-align: left !important }
.bq-sep-body .bq-com-box .left .top-title .part-boxs .titles:hover { color: #E04F18 }
.bq-sep-body .bq-com-box .left .left-cover .left-cover-title { display: none }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .width-boxs { width: 100%; padding: 30px }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .width-boxs:after { width: 10px }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .richtext { line-height: 1.6em }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .richtext p { line-height: 1.6em }
.bq-sep-body .bq-com-box .left .left-cover .part-boxs .richtext a { color: #E04F18 !important; font-size: 16px }
.bq-sep-body .bq-com-box .right .top-title { padding: 0 20px !important }
.bq-sep-body .bq-com-box .right .top-title .part-boxs { width: 100% }
.bq-sep-body .bq-com-box .right .top-title .part-boxs .titles { font-size: 22px; margin-bottom: 20px !important }
.bq-sep-body .bq-com-box .right .top-title .part-boxs .titles:hover { color: #E04F18 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box .part-boxs { width: 100%; float: inherit; padding: 0 }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li { min-height: 56px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li .icon-des { display: none }
.inster-boxs { padding: 0 }
.inster-boxs .clearbox { display: block }
.inster-boxs .clearbox .sg-text { width: 100% }
.inster-boxs .clearbox .sg-text .text-boxs { padding: 20px; width: 100% }
.inster-boxs .clearbox .sg-lists { width: 100%; display: none }
.bq-sep-body .bq-case-box .app-main .right .app-info { padding: 15px }
.bq-sep-body .bq-case-box .app-main .right .swiper-slide .parts { border-color: #E04F18 }
.bq-sep-body .bq-case-box .app-main .right .swiper-pagination { display: none }
.sep-lx-header-mb, .mb-banner { display: block !important }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right { padding: 20px 0 }
/*.bq-sep-body .bq-pro-box .bq-pro-list ul li:nth-child(even) { flex-direction: column-reverse !important; display: flex }*/
}
.sep-scale { transition: All .8s ease; -webkit-transition: All .8s ease; -moz-transition: All .8s ease; -o-transition: All .8s ease }
.sep-scale:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1) }

@media screen and (max-width:1920px) {
.bq-sep-body .bq-case-box .app-main .right { width: 72% }
}

@media screen and (max-width:1680px) {
.bq-sep-body .bq-com-box .right .bq-com-icon-box { padding: 10px 30px }
.bq-sep-body .bq-com-box .right .top-title { padding: 30px 50px }
.bq-sep-header .h-tops .bq-sep-container { max-width: 92% }
}

@media screen and (max-width:1460px) {
.bq-sep-container { max-width: 96% }
.bq-sep-footer .bq-sep-container .right { padding: 60px 4% }
.banner-box .swiper-pagination { max-width: 92% !important; left: 0 !important; margin-left: 4% }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .left { background: #fff; display: flex; align-items: center }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right .thumb-more { width: 36px; height: 36px }
.bq-sep-body .bq-case-box .app-main .left { padding-left: 10% }
}

@media screen and (max-width:1366px) {
.bq-sep-body .bq-com-box .left img { width: auto; height: 100% }
.bq-sep-body .bq-pro-box .bq-pro-list { background: #fff }
.bq-sep-body .bq-pro-box .bq-pro-list ul { max-width: 96%; margin: auto }
}

@media screen and (max-width:1280px) {
.bq-sep-header .top-emalls-titles .logo { margin-right: 40px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box { padding: 30px }
.bq-sep-body .bq-com-box .left .left-cover .left-cover-title { font-size: 28px }
}

@media screen and (max-width:1200px) {
.swiper-bq .banner-small-box { display: none }
.bq-sep-header .top-emalls-titles .spans { margin-right: 20px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li { padding-left: 60px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li .icon { width: 40px; height: 40px }
}

@media screen and (max-width:1024px) {
.bq-sep-header .header-nav>.bq-sep-container .nav-left>ul>li { margin-right: 20px }
.bq-sep-header .top-emalls-titles .spans { display: none }
.banner-box .bq-sep-container .banner-des { font-size: 40px; line-height: 46px }
.banner-box .bq-sep-container .banner-des1 { font-size: 20px; line-height: 30px }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right .thumb-des { display: block }
.bq-sep-body .bq-pro-box .bq-pro-list ul li:nth-child(3) { flex-direction: row }
.bq-sep-body .bq-pro-box .bq-pro-list ul li:nth-child(4) { flex-direction: row }
/*.bq-sep-body .bq-pro-box .bq-pro-list ul li:nth-child(even) { flex-direction: row-reverse }*/
.bq-sep-body .bq-com-box .right { width: 100% }
.bq-sep-body .bq-com-box .left { width: 100% }
.bq-sep-body .bq-com-box .left img { height: auto; width: 100% }
.bq-sep-body .bq-news-box .news-main .right { width: 100% }
.bq-sep-body .bq-news-box .news-main .left { width: 100%; display: none }
.bq-sep-footer .bq-sep-container .right { width: 100%; position: static }
.bq-sep-footer .bq-sep-container .left { width: 100% }
}

@media screen and (max-width:768px) {
.bq-sep-header { display: none }
.tops-hes { display: none }
.bq-sep-body .bq-case-box .app-main .left .swiper-pagination { display: none }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-more { width: 36px; height: 36px }
.bq-sep-body .bq-news-box .news-main .right .news-list li { padding-right: 60px }
.bq-sep-body .bq-news-box { padding: 80px 0 40px }
.to-top { display: none }
.top-title .title { font-size: 34px; line-height: 34px }
.top-title .title a { font-size: 34px; line-height: 34px }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list { width: 100% !important; padding-left: 0 !important; border-right: none !important; border-bottom: 1px solid #3b3b3b }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list:last-child { border-bottom: none }
.bq-sep-footer .footer-main .foot-top .foot-list { flex-wrap: wrap }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-lists li { width: 100% }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-lists li a { position: relative; padding-left: 20px }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-lists li a::after { content: ''; display: block; width: 6px; height: 6px; background: #006cb7; border-radius: 50%; position: absolute; left: 3px; top: 14px }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-lists { margin-bottom: 12px; display: none }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-title { padding: 10px 0 }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-title a { font-size: 18px; color: rgba(255,255,255,0.8); text-transform: none; font-family: "GILROY-REGULAR" }
.bq-sep-footer .bq-sep-container .foot-top { padding-bottom: 10px }
.bq-sep-footer .footer-main .foot-top { padding: 0 0 }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-title { text-transform: none; font-family: "GILROY-REGULAR" }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-title i { display: block; width: 24px; height: 24px; position: absolute; right: 0; top: 15px }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-title i::after { content: ''; display: block; width: 2px; height: 12px; background: #fff; position: absolute; left: 50%; margin-left: -1px; top: 50%; margin-top: -4px }
.bq-sep-footer .footer-main .foot-top .foot-list .li-list .li-title i::before { content: ''; display: block; width: 12px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: 1px }
.bq-sep-footer .footer-top { display: none }
.footer-main .footer-top { display: block }
.footer-main .footer-top .gtj-ff-bold { width: 100%; padding-top: 30px; padding-left: 28px }
.footer-main .footer-top .gtj-ff-bold a { font-size: 18px; color: #fff }
.footer-main .footer-top .top-item { background: none !important; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 16px 28px; padding-left: 70px }
.footer-main .footer-top .top-item .icon { width: 40px; height: 40px; border: none; background: #006cb7; left: 17px; top: 28px }
.footer-main .footer-top .top-item .con .p1 { color: rgba(255,255,255,0.4) }
.foot-cover { height: 50px; width: 100% }
.bq-sep-footer .footer-main .copyRight .main span { width: 100%; text-align: left; margin: 5px 0 }
.bq-sep-footer .footer-main .copyRight .main span.right { margin-left: 0 }
.bq-sep-footer .footer-main .copyRight .main .site a { color: #b4b4b4 }
#onlineService { width: 100%; left: 0; bottom: 0 !important }
#onlineService .offside { width: 100%; display: flex }
#onlineService .offside li { flex: 1; border-right: 1px solid rgba(255,255,255,0.2); background: #006cb7 }
#onlineService .offside li a { display: block; width: 100% }
#onlineService .offside li a .icon { color: #fff !important }
#onlineService .offside li:last-child { display: none }
.offside li:nth-child(odd) { background: #006cb7 }
.offside li:nth-child(odd) .icon { color: #fff }
}

@media screen and (max-width:768px) {
.swiper-pc { display: none }
.swiper-mb { display: block !important }
.bq-sep-body .bq-case-box .app-main .left { display: none }
.bq-sep-body .bq-case-box .app-main .right { width: 100%; position: static; min-height: 1px }
.bq-sep-body .bq-case-box .app-main .right .swiper-container { padding-right: 0 }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 0 !important; padding-left: 0 !important }
}

@media screen and (max-width:414px) {
.top-title .title { font-size: 24px; line-height: 24px }
.top-title .title a { font-size: 24px; line-height: 24px }
.banner-box .bq-sep-container .banner-des { font-size: 24px; line-height: 32px }
.banner-box .bq-sep-container .banner-des1 { font-size: 16px; line-height: 18px; margin-top: 10px }
.bq-sep-body .bq-pro-box { padding: 40px 20px }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right .thumb-more { margin-top: 16px }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right .thumb-more { width: 24px; height: 24px }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right .thumb-more i { font-size: 14px }
.bq-sep-body .bq-com-box .right .bq-com-icon-box ul li { width: 100%; margin-bottom: 20px !important }
.bq-sep-body .bq-com-box .right .top-title { margin-bottom: 0 }
.bq-sep-body .bq-case-box { padding-top: 60px }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-des { display: none }
.bq-sep-footer .foot-top .foot-list { width: 100% }
.bq-sep-footer .foot-top { padding-top: 30px }
.bq-sep-footer .foot-top .foot-list .li-list .li-lists { display: none }
.bq-sep-footer .bq-sep-container .right .right-item { padding: 20px 0 }
.bq-sep-footer .bq-sep-container .right .right-item .right-item-title { font-size: 20px }
.bq-sep-footer .bq-sep-container .right .right-item .right-item-p { font-size: 16px; line-height: 32px }
.bq-sep-footer .bq-sep-container .right { padding-top: 0 }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-more { right: 16px }
.bq-sep-body .bq-news-box .news-main .right .news-list li .news-title { font-size: 16px }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div { width: 30px; height: 30px }
.bq-sep-body .bq-case-box .app-main .left .app-swiper-btn div i { font-size: 14px }
.bq-sep-footer .foot-top .foot-list .li-list .li-title i { display: block; width: 24px; height: 24px; position: absolute; right: 0; top: -3px }
.bq-sep-footer .foot-top .foot-list .li-list .li-title i::after { content: ''; display: block; width: 2px; height: 12px; background: #fff; position: absolute; left: 50%; margin-left: -1px; top: 50%; margin-top: -4px }
.bq-sep-footer .foot-top .foot-list .li-list .li-title i::before { content: ''; display: block; width: 12px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -6px; top: 50%; margin-top: 1px }
.bq-sep-body .bq-case-box .app-main .right .app-info .app-title { font-size: 18px }
}

@media screen and (max-width:375px) {
.bq-sep-body .bq-com-box .right .top-title { padding: 30px 3% }
}

@media screen and (max-width:320px) {
.bq-sep-body .bq-pro-box .bq-pro-list ul li .left { width: 100% }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right { width: 100%; padding: 30px 20px }
.bq-sep-body .bq-pro-box .bq-pro-list ul li .right::after { display: none }
}
.sep-lx-header-mb { display: none }
.sep-lx-header-mb .sep-bjj-pro-list { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; position: relative }
.sep-lx-header-mb .sep-bjj-pro-list>li { flex: 1 }
.sep-lx-header-mb .sep-bjj-pro-list>li:nth-child(1) a { background: #11a4a7 }
.sep-lx-header-mb .sep-bjj-pro-list>li>a { display: block; background: #11b4b7; color: #fff; font-size: 16px; text-align: center; padding: 10px 0 }
.sep-lx-header-mb .sep-bjj-pro-list>li>a i { padding-left: 5px }
.sep-lx-header-mb .sep-bjj-pro-list>li>ul { position: absolute; top: 100%; left: 0; width: 100%; z-index: 100000; display: none }
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li { display: block; background: #11a4a7; color: #fff; font-size: 16px; padding: 10px 30px; border-top: 1px solid #4ab3b5 }
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li a { color: #fff }
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li i { float: right; position: relative; top: 3px }
.sep-lx-header-mb .box-wrap { z-index: 1000; align-items: center; padding-right: 0; width: 100% }
.sep-lx-header-mb .box-wrap .logo { display: inline-block; padding: 10px; width: 200px }
.sep-lx-header-mb .box-wrap .logo img { width: 90% }
.sep-lx-header-mb .box-wrap>ul { position: relative; top: 0; justify-content: space-between; align-items: center; flex-direction: row-reverse; display: flex }
.sep-lx-header-mb .box-wrap>ul>li { text-align: center; padding: 20px }
.sep-lx-header-mb .box-wrap>ul>li .multi-language { position: absolute; text-align: center; z-index: 100000; top: 19px; left: -50px; }
.sep-lx-header-mb .box-wrap>ul>li .multi-language li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #fff }
.sep-lx-header-mb .box-wrap>ul>li .multi-language li:last-child { border-bottom: none; margin-bottom: 0 }
.sep-lx-header-mb .box-wrap>ul>li .multi-language li a { font-size: 16px }
.sep-lx-header-mb .box-wrap>ul>li.active { border: 1px solid #1f2256; background: #1f2256 }
.sep-lx-header-mb .box-wrap>ul>li.active i { color: #fff }
.sep-lx-header-mb .box-wrap>ul>li i { color: #006cb7; font-size: 20px; line-height: normal }
.sep-lx-header-mb .box-wrap>ul>#menu { padding: 33px; position: relative; background: #006cb7 }
.sep-lx-header-mb .box-wrap>ul>#menu i { color: #fff }
.sep-lx-header-mb .stock { color: #3a3a3a; font-size: 16px; background: #f4f4f4; text-align: center; padding: 8px 0 }
.sep-lx-header-mb .stock .red { color: #da2337; position: relative; padding: 0 7px }
.sep-lx-header-mb .stock .red:before { content: ""; display: block; width: 2px; height: 10px; background: #da2337; position: absolute; left: 0; top: 3px }
.sep-lx-header-mb .stock .red:after { content: ""; display: block; width: 2px; height: 10px; background: #da2337; position: absolute; right: 0; top: 3px }
.sep-lx-header-mb .stock .green { color: #13ba07 }
.sep-lx-header-mb .stock span { padding: 0 5px; margin: 0 3px }
.sep-shadow { background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000000; display: none }
.sep-search-box { position: fixed; width: 100%; background: #fff; top: 89px; z-index: 10000000; padding: 44px 31px; box-shadow: 0 0 12px rgba(0,0,0,0.5); display: none }
.sep-search-box .fa-times { color: #000; font-size: 20px; position: absolute; right: 31px; top: 24px; cursor: pointer }
.sep-search-box .hd { color: #282828; font-size: 18px; font-family: 'LATO-BOLD' }
.sep-search-box form { margin-top: 10px; margin-bottom: 25px }
.sep-search-box form .form-control { height: 47px; border-radius: 0; width: 100% }
.sep-search-box form .btn { background: #006cb7; color: #fff; display: table; margin: 0 auto; margin-top: 17px; padding: 10px 40px; font-size: 16px; width: 100% }
.sep-search-box form .btn i { padding-right: 5px; color: #fff }
.sep-search-box .more { background: #006cb7; color: #fff; display: table; margin: 0 auto; margin-top: 17px; padding: 10px 40px; font-size: 16px; width: 100%; border: none }
.sep-search-box .more i { padding-right: 5px }
.sep-search-box ul li { margin-top: 8px }
.sep-search-box ul li a { color: #8c8c8c; font-size: 16px; display: block }
.sep-menu-box { width: 100%; position: absolute; background: #fff; left: 0; top: 0; z-index: 10000000; box-shadow: 0 0 12px rgba(0,0,0,0.7); transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; display: none }
.sep-menu-box.active { display: block }
.sep-menu-box.active .bottom-toggle { visibility: visible }
.sep-menu-box .top { padding: 20px 30px; text-align: center; box-shadow: 0 0 12px rgba(145,145,145,0.7); position: relative; z-index: 10000; justify-content: space-between; align-items: center }
.sep-menu-box .top i { color: #000; font-size: 30px; position: relative; top: 12px; cursor: pointer }
.sep-menu-box .bottom { visibility: visible }
.sep-menu-box .bottom.no { visibility: hidden }
.sep-menu-box .bottom .menu-item>li { border-bottom: 1px solid #ddd }
.sep-menu-box .bottom .menu-item>li:last-child { border-bottom: none }
.sep-menu-box .bottom .menu-item>li.active { background: #006cb7 }
.sep-menu-box .bottom .menu-item>li.active .box { border-bottom: 1px solid #fff }
.sep-menu-box .bottom .menu-item>li.active .box a { color: #fff }
.sep-menu-box .bottom .menu-item>li.active .box i { color: #fff; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg) }
.sep-menu-box .bottom .menu-item>li .box { position: relative; padding: 15px 30px; border-bottom: 1px solid transparent }
.sep-menu-box .bottom .menu-item>li .box a { color: #282828; font-size: 18px }
.sep-menu-box .bottom .menu-item>li .box i { font-size: 20px; color: #282828; position: absolute; right: 30px; top: 18px; cursor: pointer; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out }
.sep-menu-box .bottom .menu-item>li>ul { padding: 5px 0; display: none }
.sep-menu-box .bottom .menu-item>li>ul>li { padding: 4px 20px }
.sep-menu-box .bottom .menu-item>li>ul>li a { color: #fff; font-size: 16px }
.sep-menu-box .bottom-toggle { position: absolute; width: 100%; z-index: 1000; top: 92px; background: #fff; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); visibility: hidden }
.sep-menu-box .bottom-toggle.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.sep-menu-box .bottom-toggle .toggle { display: none }
.sep-menu-box .bottom-toggle .toggle>ul { background: #fff }
.sep-menu-box .bottom-toggle .toggle>ul>li { padding: 0 0; border-bottom: 1px solid #ccc; position: relative; line-height: 60px }
.sep-menu-box .bottom-toggle .toggle>ul>li:nth-child(1) span { width: 60px; min-width: 60px; height: 59px; line-height: 60px; text-align: center; display: inline-block; border-right: 1px solid #ccc }
.sep-menu-box .bottom-toggle .toggle>ul>li:nth-child(1) a { font-family: 'LATO-BOLD' }
.sep-menu-box .bottom-toggle .toggle>ul>li>.levs { display: none; padding-left: 50px }
.sep-menu-box .bottom-toggle .toggle>ul>li>.levs>li { list-style-type: disc; line-height: 40px; position: relative }
.sep-menu-box .bottom-toggle .toggle>ul>li>.levs>li a { font-size: 16px; display: inline-block; padding-left: 0 }
.sep-menu-box .bottom-toggle .toggle>ul>li>.levs>li>i { font-size: 20px; color: #282828; position: absolute; right: 30px; top: 21px; cursor: pointer }
.sep-menu-box .bottom-toggle .toggle>ul>li a { color: #282828; font-size: 16px; padding-left: 30px }
.sep-menu-box .bottom-toggle .toggle>ul>li>i { font-size: 20px; color: #282828; position: absolute; right: 30px; top: 21px; cursor: pointer }
.sep-menu-box .contact { background: #006cb7; color: #fff; display: table; margin: 0 auto; margin-top: 0; padding: 20px 0; font-size: 22px; width: 100%; border: none; border-radius: 0 }
.sep-menu-box .contact i { padding-right: 5px; color: #fff }
.third_icon { float: right; line-height: 60px; margin-right: 10px }
.bq-sep-bread { padding: 12px 0; width: 100% }
.bq-sep-bread .bq-sep-container { display: flex }
.bq-sep-bread .bq-sep-container .bread-icon { margin-right: 4px }
.bq-sep-bread .bq-sep-container .bread-icon i { color: #006cb7; font-size: 20px }
.bq-sep-bread .bq-sep-container .bread-ul { display: flex; flex-wrap: wrap }
.bq-sep-bread .bq-sep-container .bread-ul li { color: #373737; font-size: 16px }
.bq-sep-bread .bq-sep-container .bread-ul li a { color: #373737; font-size: 16px; margin: 0 4px }
.bq-sep-bread .bq-sep-container .bread-ul li a:hover { color: #006cb7; text-decoration: underline }
.bq-sep-bread .bq-sep-container .bread-ul li:last-child a { color: #006cb7 }
.breadcrumb { padding: 0 !important; margin-bottom: 0; background: none; border-radius: none }
.breadcrumb>li+li:before { content: '> ' !important }
.head-cover { height: 86px; background: none; width: 100% }
.bq-company-box { padding: 50px 0 }
.bq-company-box .bq-sep-container { justify-content: space-between }
.bq-company-box .bq-sep-container .left-video { width: 45%; position: relative; margin-right: 40px; margin-bottom: 20px; float: left; overflow: hidden }
.bq-company-box .bq-sep-container .left-video img { transition: all .3s; max-width: 100% }
.bq-company-box .bq-sep-container .left-video:hover img { transform: scale(1.1) }
.bq-company-box .bq-sep-container .right { width: 100% }
.bq-company-box .bq-sep-container .right .right-subtitle { font-size: 20px; line-height: 28px; color: #006cb7; text-transform: uppercase }
.bq-company-box .bq-sep-container .right .right-subtitle::before { content: ''; display: inline-block; width: 20px; height: 2px; vertical-align: middle; margin-right: 5px; background: #006cb7 }
.bq-company-box .bq-sep-container .right .right-title { font-size: 30px; line-height: 54px; color: #333; font-family: "Lato-Bold" }
.bq-company-box .bq-sep-container .right .right-title::after { content: ''; display: block; width: 60px; height: 2px; background: #E04F18; margin-top: 10px }
.bq-company-box .bq-sep-container .right .right-richtext { font-size: 16px; line-height: 32px }
.bq-company-box .bq-sep-container .right .right-richtext p { font-size: 16px; line-height: 32px; margin-bottom: 0 }
.bq-company-box .bq-sep-container .company-icon-box { width: 100% }
.bq-company-box .bq-sep-container .company-icon-box ul { justify-content: space-between; width: 100% }
.bq-company-box .bq-sep-container .company-icon-box ul li { width: 48%; display: flex; align-items: center }
.bq-company-box .bq-sep-container .company-icon-box ul li .icon { width: 73px; height: 73px; border-radius: 50%; border: 5px solid #006cb7; border-left: 5px solid #d8dadd; flex-shrink: 0; transform: rotate(45deg); margin-right: 18px; display: flex; align-items: center; justify-content: center }
.bq-company-box .bq-sep-container .company-icon-box ul li .icon i { transform: rotate(-45deg); color: #303650; font-size: 24px }
.bq-company-box .bq-sep-container .company-icon-box ul li .icon-title { font-size: 22px; margin-top: 20px }
.bq-company-box .bq-sep-container .company-icon-box ul li .icon-des { font-size: 16px; line-height: 1.8em; margin-top: 20px }
.bq-company-box .bq-sep-container .company-icon-box ul li .icon-des p { font-size: 16px; line-height: 1.8em }
.text-bold { font-weight: bold }
.text-upper { text-transform: uppercase }
.bq-company-box1 .left-video { width: 50%; overflow: hidden }
.bq-company-box1 .left-video:hover img { transform: scale(1.1) }
.bq-company-box1 .left-video img { width: 100%; transition: all .3s }
.bq-company-box1 .right { width: 50%; background: #f7f7f7; padding: 30px 5%; display: flex; flex-direction: column; justify-content: center }
.bq-company-box1 .right .right-richtext { margin-top: 16px }
.bq-company-body .right-subtitle { font-size: 20px; line-height: 28px; color: #006cb7; text-transform: uppercase }
.bq-company-body .right-subtitle::before { content: ''; display: inline-block; width: 20px; height: 2px; vertical-align: middle; margin-right: 5px; background: #006cb7 }
.bq-company-body .right-title { font-size: 36px; color: #333; line-height: 1.42857143; margin-bottom: 20px }
.bq-company-body h1.right-title { font-size: 36px }
.bq-company-body .right-richtext { font-size: 16px; line-height: 32px }
.bq-company-body .right-richtext p { font-size: 16px; line-height: 32px; margin-bottom: 0 }
.bq-company-body .richtext { padding: 0 }
.jects-list.mult_list ul { justify-content: left }
.jects-list.mult_list ul li { width: 31%; margin-right: 2% }
.jects-list.mult_list ul li:nth-child(3n) { margin-right: 0 }
.jects-list.honor-list ul li { box-shadow: 0 0 10px #eaeaea }
.jects-list.honor-list ul li .img { border-radius: 0 }
.jects-list ul { justify-content: space-between }
.jects-list ul li { width: 49%; margin-bottom: 20px }
.jects-list ul li:hover .img img { transform: scale(1.1) }
.jects-list ul li:hover .img-title { color: #006cb7 }
.jects-list ul li .img { display: block; overflow: hidden; border-radius: 20px }
.jects-list ul li .img img { width: 100%; transition: all .3s }
.jects-list ul li .img-title { display: block; font-size: 18px; color: #006cb7; margin-top: 15px; margin-bottom:15px; text-align: center }
.jects-list ul li .img-title:hover { color: #E04F18 }
.th-profile-boxs { width: 100%; overflow: hidden; display: flex; justify-content: space-between }
.th-profile-boxs h2 { margin-top: 0 }
.th-profile-boxs:nth-child(even) { flex-direction: row-reverse }
.th-profile-boxs .thumbs { width: 43%; text-align: center; overflow: hidden }
.th-profile-boxs .thumbs img { width: 100%; transition: all .3s }
.th-profile-boxs .thumbs img:hover { transform: scale(1.1) }
.th-profile-boxs .lis-boxs { width: 48%; float: right; padding-top: 80px }
.th-profile-boxs.onss { margin-top: 46px }
.h2x { display: block; width: 100%; font-size: 26px; line-height: normal; color: #3d3d3d; position: relative; padding-left: 18px; margin-bottom: 8px; font-weight: bold; margin-bottom: 30px }
.h2x::before { content: ''; display: block; width: 0; height: 0; border: 7px solid transparent; border-left-color: #006cb7; position: absolute; left: 0; top: 5px }
.sep-resource-list .sep-datalist>li .thumb { overflow: hidden; display: block }
.sep-resource-list .sep-datalist>li .title:hover { text-decoration: underline }
.inner-faq .faq-list li>div { position: relative; padding: 20px 0 }
.inner-faq .faq-list li>div.ask { background: #f7f7f7 }
.inner-faq .faq-list li>div.ask .letter { background: #006cb7; color: #fff }
.inner-faq .faq-list li>div.ask .con { font-size: 18px; color: #333; line-height: 34px; font-family: "SanFranciscoDisplay-Semibold" }
.inner-faq .faq-list li>div.ques .letter { color: #006cb7; border-color: #006cb7 }
.inner-faq .faq-list li>div.ques .con { font-size: 16px; color: #666; line-height: 28px }
.inner-faq .faq-list li>div.ques .con p { font-size: 18px; color: #333; line-height: 33px }
.inner-faq .faq-list li>div .con { padding-left: 66px }
.inner-faq .faq-list li>div .letter { position: absolute; top: 24px; left: 20px; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #006cb7; text-align: center; line-height: 26px; font-family: 'Arial'; font-weight: bold; font-size: 14px }
.v-list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px }
.v-list .i-box { width: 49%; margin-bottom: 20px }
.v-list .i-box:hover a img { transform: scale(1.1) }
.v-list .i-box .thumb { display: block; overflow: hidden; position: relative; text-align: center; border: 1px solid #ddd }
.v-list .i-box .thumb img { max-width: 100%; transition: all .3s }
.v-list .i-box .thumb .play-icon { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; color: #006cb7; font-size: 40px }
.v-list .i-box .iframe-title { padding: 10px }
.v-list .i-box .iframe-title a { color: #323232; font-size: 20px; font-weight: bold; display: block; text-align: center }
.v-list .i-box .iframe-title a:hover { color: #006cb7 }
.news-left-ul .news-list:last-child { padding-bottom: 0 }
.news-left-ul { position: relative; overflow: hidden; padding-left: 20px }
.news-left-ul .news-list { padding-bottom: 22px; position: relative; z-index: 22 }
.news-left-ul .news-list::after { content: ''; display: block; width: 10px; height: 10px; background: #006cb7; border-radius: 50%; position: absolute; left: -25px; top: 16px; z-index: 100 }
.news-left-ul:after { content: ''; display: block; position: absolute; height: 100%; width: 1px; background: #dedede; z-index: 1; top: 6px; left: 0 }
.news-list-text { width: 100% }
.news-list-text-tag:before { content: ''; display: block; position: absolute; top: 4px; left: -35px; width: 11px; height: 11px; border-radius: 100%; background: #565656; border: 2px solid #fff; z-index: 2 }
.news-list-text-tag { font-size: 16px; color: #333; line-height: 24px; padding-bottom: 8px; position: relative }
.news-list-text-title { color: #333; font-size: 18px; font-weight: bold; line-height: 30px; margin-bottom: 15px; overflow: hidden }
.news-list-text-title a { color: #333; font-size: 18px; font-weight: bold; line-height: 30px }
.news-list-text-title a:hover { color: #006cb7 }
.news-list-text-para { font-size: 16px; color: #666; line-height: 30px; overflow: hidden }
.news-list-pro-date { color: #006cb7; margin-top: 10px }
.ifa { position: relative }
.ifa iframe { border: none }
.richtext iframe { width: 100%; min-height: 400px; border: none }
.relaterd-news-ul-boxs { display: block; width: 100% }
.relaterd-news-ul-boxs.ons { margin-top: 24px }
.relaterd-news-ul-boxs .ul-lists { display: block; width: 100%; float: left; font-size: 18px; line-height: 28px; padding: 4px 0; padding-left: 16px; position: relative; padding-right: 10px; color: #323232 }
.relaterd-news-ul-boxs .ul-lists:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 100%; background: #006cb7; position: absolute; left: 0; top: 15px }
.relaterd-news-ul-boxs .ul-lists:hover { color: #006cb7 }
.inner-relate-box { padding: 0; width: 100% }
.inner-relate-box .pro-ul>li { width: 33%; padding: 0 6px; margin-bottom: 50px }
.inner-relate-box .pro-ul>li:hover .part .title img { transform: scale(1.1) }
.inner-relate-box .pro-ul>li .part { box-shadow: 0 0 10px #eee; padding: 20px }
.inner-relate-box .pro-ul>li .part .title { display: block; overflow: hidden }
.inner-relate-box .pro-ul>li .part .title img { width: 100%; transition: all .3s }
.inner-relate-box .pro-ul>li .part .inboxs { margin-top: 20px }
.inner-relate-box .pro-ul>li .part .inboxs .title { display: block; font-size: 22px; font-family: "Lato-Bold"; margin-bottom: 10px; height: 62px }
.inner-relate-box .pro-ul>li .part .inboxs .title:hover { color: #006cb7 }
.inner-relate-box .pro-ul>li .part .inboxs .next-ul li { padding: 4px 0 }
.inner-relate-box .pro-ul>li .part .inboxs .next-ul li a { display: block; font-size: 16px; color: #808080 }
.inner-relate-box .pro-ul>li .part .inboxs .more { display: block; font-weight: bold; color: #696969; font-size: 16px; margin-top: 20px }
.contact .left>div i { width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-size: 20px; border: 1px solid #006cb7; color: #006cb7; margin-right: 25px; flex: 0 1 50px }
.contact .left>div { margin-bottom: 15px; display: flex; align-items: center; font-weight: bold }
.contact .left { font-size: 16px; padding: 0px 15px; }
.contact .left a { font-size: 16px; font-weight: bold; display: inline-block }
.contact .left a:hover { color: #E04F18 }
.form-box .sep-form { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px }
.form-box .form-group { width: 48%; margin-bottom: 20px; padding: 0 !important; color: #323232; background: #f5f8f9; margin-bottom: 15px; border-radius: 10px; border: 1px solid #006cb7 }
.form-box .form-group:last-child { margin-bottom: 0 }
.form-box .form-group .form-control { border: none; height: 48px; border-radius: 0; box-shadow: none; background: rgba(255,255,255,0.3); color: #323232; font-size: 16px; overflow: hidden }
.form-box .form-group .form-control::-webkit-input-placeholder {
color:#323232
}
.form-box .text-box { width: 100% !important }
.form-box .text-box .form-control { resize: none; padding-top: 14px; height: auto }
.form-box .btn-box { border: none; width: 100%; text-align: left; margin-top: 30px; background: none }
.form-box .btn-box .btn-primary { width: 220px; padding: 0; text-align: center; line-height: 50px; background: #006cb7; border: none; border-radius: 0; font-size: 16px; transition: all .3s; position: relative; border-radius: 50px; border: 1px solid #006cb7 }
.form-box .btn-box .btn-primary i { font-size: 16px; margin-left: 8px }
.form-box .btn-box .btn-primary:hover { background: #fff; color: #006cb7 }
.change-result1 { text-align: center; padding-bottom: 40px; margin-bottom: 10px }
.change-result1 li { display: inline-block }
.change-result1 button { font-size: 20px; display: inline-block; width: 220px; margin: 0 10px; background: #f0f0f0; color: #323232; padding: 14px 0 10px; font-weight: bold; text-align: center; border: none }
.change-result1 button:hover { background: #006cb7; color: #fff }
.change-result1 .active button { background: #006cb7; color: #fff }
.new-datalist { margin: 0 10px }
.new-datalist li { padding: 10px }
.new-datalist li .part .thumb { display: block; display: flex; justify-content: center; align-items: center; border: 2px solid #ddd; overflow: hidden; padding: 30px 0; height: 220px }
.new-datalist li .part .thumb img { max-width: 100% }
.new-datalist li .part .title { display: block; font-size: 20px; font-weight: bold; text-align: center; margin: 20px 0; height: 56px; overflow: hidden }
.new-datalist li .part:hover .thumb { border: 2px solid #006cb7 }
.new-datalist li .part:hover .title { color: #006cb7 }
.sep-resource-list .sep-datalist>li .summary { font-size: 16px; word-break: normal }
.related-box .re-title { font-size: 26px; color: #212c3c; font-weight: bold; padding: 10px 0 }
.re-news-list li { padding: 10px 0 10px 15px !important; position: relative }
.re-news-list li:before { content: ""; display: table; width: 6px; height: 6px; background: #006cb7; position: absolute; border-radius: 50%; left: 0; top: 18px }
.re-news-list li a { display: block; width: 90%; font-size: 18px }
.re-news-list li a:hover { color: #006cb7 }
.sep-resource-list .sep-datalist>li .title { font-size: 18px !important }
.sep-datalist .pdf-item { margin: 10px 0; padding: 0 10px }
.sep-datalist .pdf-item div { border: 1px solid #ddd; padding: 5px; transition: all .5s }
.sep-datalist .pdf-item div a:nth-child(1) { font-size: 16px; margin-top: 5px; display: inline-block; width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.sep-datalist .pdf-item div a:nth-child(1) i { color: #006cb7; font-size: 32px; margin-right: 10px }
.sep-datalist .pdf-item div a:nth-child(1) span { font-size: 20px; display: inline-block; position: relative; top: -4px }
.sep-datalist .pdf-item div a:nth-child(2), .sep-datalist .pdf-item div a:nth-child(3) { float: right; padding-top: 6px; color: #006cb7; font-size: 24px }
.sep-datalist .pdf-item div a:nth-child(2) { padding-left: 10px }
.sep-datalist .pdf-item div:hover { border: 1px solid #006cb7 }
.others-banner { position: relative }
.others-banner .banner-text { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center }
.others-banner .banner-text .flexbox .pb-title { font-size: 50px; color: #fff; font-family: "Lato-Regular"; text-transform: uppercase; font-weight: normal; margin-bottom: 20px }
.others-banner .banner-text .flexbox .richtext h1 { font-size: 50px; color: #fff; font-family: "Lato-Regular"; text-transform: uppercase; font-weight: normal }
.others-banner .banner-text .flexbox .richtext p { font-size: 20px; color: #fff; }
.others-banner .banner-text .flexbox .richtext ul { padding-left: 0 }
.others-banner .banner-text .flexbox .richtext ul li { position: relative; list-style-type: none; padding: 8px 0; padding-left: 30px; font-family: "Lato-Light" !important }
.others-banner .banner-text .flexbox .richtext ul li:after { content: ""; display: block; width: 9px; height: 9px; border-radius: 4px; background: #E04F18; position: absolute; left: 0; top: 21px }
.others-banner .banner-text .flexbox .richtext ul li p { font-size: 20px; color: #fff; }
.others-banner .banner-text .flexbox .richtext ul li a { color: #E04F18; font-size: 20px; display: inline-block }
.others-banner .banner-text .flexbox .richtext ul li a:hover { color: #fff; text-decoration: none }
.bread-fat { position: relative }
.bread-fat .sep-breadcrumb { padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.3); position: absolute; top: -62px; width: 100%; left: 0 }
.bread-fat .sep-breadcrumb .breadcrumb:before { font: normal normal normal 14px/1 FontAwesome; content: "\f015"; width: 16px; height: 14px; width: 23px; height: 20px; font-size: 18px; display: inline-block; position: relative; top: 0; left: 0; color: #fff }
.bread-fat .sep-breadcrumb .breadcrumb>li a { color: #fff }
.bread-fat .sep-breadcrumb .breadcrumb>li a:hover { text-decoration: underline }
.bread-fat .sep-breadcrumb .breadcrumb>li:last-child a { }
.sep-resource-list .sep-datalist>li .summary { word-break: normal !important }
.app-second-list li { padding: 20px 0; border-bottom: 2px dotted #ddd }
.app-second-list li .lefts .thumb { display: block; overflow: hidden; border: 1px solid #ddd; text-align: center }
.app-second-list li .lefts .thumb img { max-width: 100% }
.app-second-list li .rights { padding-left: 20px }
.app-second-list li .rights .title { font-size: 22px; display: block; position: relative; padding: 10px 0; margin-bottom: 10px }
.app-second-list li .rights .title:after { display: table; content: ""; width: 60px; height: 2px; background: #006cb7; position: absolute; left: 0; bottom: 0; transition: all .5s }
.app-second-list li .rights .title:hover { color: #006cb7 }
.app-second-list li .rights .title:hover:after { width: 100% }
.app-second-list li .rights .summary { line-height: 1.8em; font-size: 16px; color: #5c5c5c }
.app-second-list li .rights .more { display: inline-block; padding: 5px 20px; background: #006cb7; color: #fff; border-radius: 20px; font-size: 14px; margin-top: 15px; border: 1px solid #006cb7 }
.app-second-list li .rights .more:hover { background: #fff; color: #006cb7 }
.app-second-list li:hover .lefts .thumb { box-shadow: 0 0 10px #006cb7 }
.app-second-list li:hover .rights .more { background: #fff; color: #006cb7 }
.app-second-list li:nth-child(even) .lefts { float: right }
.app-second-list li:nth-child(even) .rights { float: left; padding-left: 0; padding-right: 20px }
.sep-form .form-group .regex-tip { display: none }
* { font-size: 16px }
.index-pages { padding: 100px 0 }
.index-pages .index-title { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase; margin-bottom: 20px }
.index-pages .index-richtext { font-size: 18px; color: #666; line-height: 1.8em }
.index-pages .index-richtext p { font-size: 18px; color: #666; line-height: 1.8em }
.index-pages .index-pros { padding: 0 30px; margin-top: 50px; padding-bottom: 50px }
.index-pages .index-pros .pro-ul>li { /*width: 20%;*/ padding: 0 6px; margin-bottom: 50px }
.index-pages .index-pros .pro-ul>li .part .title { display: block; overflow: hidden; }
.index-pages .index-pros .pro-ul>li .part .title img { width: 100% }
.index-pages .index-pros .pro-ul>li .part .inboxs { margin-top: 20px }
.index-pages .index-pros .pro-ul>li .part .inboxs .title { display: block; font-size: 22px; font-family: "Lato-Bold"; margin-bottom: 10px; height: 62px; overflow: hidden }
.index-pages .index-pros .pro-ul>li .part .inboxs .title:hover { color: #E04F18 }
.index-pages .index-pros .pro-ul>li .part .inboxs .next-ul { height: 136px; overflow: hidden }
.index-pages .index-pros .pro-ul>li .part .inboxs .next-ul li { padding: 4px 0 }
.index-pages .index-pros .pro-ul>li .part .inboxs .next-ul li a { display: block; font-size: 16px; color: #808080 }
.index-pages .index-pros .pro-ul>li .part .inboxs .next-ul li a:hover { color: #E04F18 }
.index-pages .index-pros .pro-ul>li .part .inboxs .more { display: block; font-weight: bold; color: #696969; font-size: 16px; margin-top: 20px }
.index-pages .index-pros .pro-ul>li .part .inboxs .more:hover { color: #E04F18 }
.patent-boxs { margin-top: 100px; background-color: #f7f7f7 }
.patent-boxs .clearbox .left-boxs .thumb { position: relative; display: block; overflow: hidden; box-shadow: 0 0 10px #666; top: -96px; box-shadow: 0 0 10px #999 }
.patent-boxs .clearbox .left-boxs .thumb img { max-width: 100% }
.patent-boxs .clearbox .right-boxs .part { width: 780px; padding-left: 70px; padding-top: 70px }
.patent-boxs .clearbox .right-boxs .pt-title { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase; margin-bottom: 20px }
.patent-boxs .clearbox .right-boxs .richtext { font-size: 16px; color: #666; line-height: 1.8em }
.patent-boxs .clearbox .right-boxs .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.rich-boxs { padding: 60px 0 60px; text-align: center }
.rich-boxs .ri-title { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase }
.rich-boxs .richtext { font-size: 16px; color: #666; line-height: 1.8em }
.rich-boxs .richtext h2 { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase }
.rich-boxs .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.how-dose-box { padding: 50px 0 }
.how-dose-box .ri-title { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase; margin-bottom: 40px }
.how-dose-box .boxs { padding: 100px 0; background: #f7f7f7; margin-top: 100px; position: relative }
.how-dose-box .boxs .thumbs { display: block; position: absolute; right: 0; top: -100px; overflow: hidden; max-width: 50% }
.how-dose-box .boxs .thumbs i { left: 50%; transform: translate(-50%, -50%); position: absolute; color: #fff; font-size: 50px; top: 50% }
.how-dose-box .boxs .thumbs img { max-width: 100% }
.how-dose-box .boxs .thumbs:hover i { color: #E04F18 }
.how-dose-box .boxs .richtext { line-height: 1.8em; padding-right: 60px; color: #666 }
.how-dose-box .boxs .richtext p { color: #666 }
.how-dose-box .boxs .richtext ul li { padding: 10px 0; color: #666 }
.how-dose-box .boxs .richtext ul li:nth-child(1), .how-dose-box .boxs .richtext ul li:nth-child(2), .how-dose-box .boxs .richtext ul li:nth-child(3), .how-dose-box .boxs .richtext ul li:nth-child(4), .how-dose-box .boxs .richtext ul li:nth-child(5), .how-dose-box .boxs .richtext ul li:nth-child(6) { width: 50%; padding-right: 50px }
.index-app-box { padding: 0 0 90px 0 }
.index-app-box .clearbox .ap-title { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; margin-bottom: 40px; text-align: center }
.index-app-box .clearbox>ul { padding: 0 10px }
.index-app-box .clearbox>ul>li { padding: 0 5px; width: 14.22% }
.index-app-box .clearbox>ul>li .part { position: relative }
.index-app-box .clearbox>ul>li .part .thumb { display: block; text-align: center; padding: 50px 0; background-color: #f9f9f9 }
.index-app-box .clearbox>ul>li .part .thumb img { max-width: 100%; transition: all .3s }
.index-app-box .clearbox>ul>li .part .thumb .hover-img { display: none }
.index-app-box .clearbox>ul>li .part .thumb:hover .normal-img { display: none }
.index-app-box .clearbox>ul>li .part .thumb:hover .hover-img { display: inline-block }
.index-app-box .clearbox>ul>li .part .title { font-size: 20px; color: #333; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 10px #ddd; height: 120px; text-align: center; border-bottom: 9px solid #E04F18 }
.index-app-box .clearbox>ul>li .part .title:hover { background: #E04F18; color: #fff }
.index-news { padding: 60px 0 30px; background: #f5f5f5 }
.index-news .ns-title { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; margin-bottom: 40px; text-align: center }
.index-news .news-list li { padding: 26px; padding-right: 140px; position: relative; transition: all .3s }
.index-news .news-list li:hover { background: #fff; box-shadow: 0 0 10px #eaeaea }
.index-news .news-list li:hover .news-more { right: 30px; background: #006cb7; opacity: 1 }
.index-news .news-list li:hover .news-more i { color: #fff }
.index-news .news-list li .news-time { color: #006cb7 }
.index-news .news-list li .news-time i { margin-right: 8px }
.index-news .news-list li .news-title { font-size: 18px; line-height: 32px; color: #1a1a1a; margin-top: 10px; display: block }
.index-news .news-list li .news-title:hover { color: #006cb7 }
.index-news .news-list li .news-des { font-size: 16px; line-height: 26px; color: #808080; margin-top: 6px; display: none }
.index-news .news-list li .news-more { display: block; width: 60px; height: 60px; border: 1px solid #006cb7; transform: rotate(45deg); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; margin-top: -30px; right: 20px; transition: all .3s; opacity: 0 }
.index-news .news-list li .news-more i { transform: rotate(-45deg); color: #006cb7; font-size: 22px }
.pro-list-pages .clearbox { padding: 60px 0 }
.pro-list-pages .clearbox .mian-right { padding-left: 40px }
.pro-list-pages .clearbox .mian-right .list-box { padding-top: 40px }
.pro-list-pages .clearbox .mian-right .list-box .in-title { font-size: 36px; font-weight: bold; margin-bottom: 31px; text-transform: uppercase }
.pro-list-pages .clearbox .mian-right .list-box .list-ul { margin: 0 -25px }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li { padding: 0 15px; margin-bottom: 40px }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li .part { box-shadow: 0 0 10px #ddd; border-bottom: 3px solid transparent; transition: all .5s }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li .part .thumb { display: block; text-align: center; overflow: hidden }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li .part .thumb img { max-width: 100% }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li .part .title { display: block; font-size: 16px; text-align: center; padding: 20px 0; height:91px; word-break: break-all; }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li .part:hover { border-bottom: 3px solid #006cb7 }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li .part:hover .title { color: #006cb7 }
.different-boxs { padding: 100px 0 }
.different-boxs .pt-title { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; margin-bottom: 20px; text-align: center }
.different-boxs .tags { font-size: 26px; color: #666; text-align: center }
.different-boxs ul { margin: 0 -55px; margin-top: 50px }
.different-boxs ul li { padding: 0 55px }
.different-boxs ul li .part .thumb { display: block; overflow: hidden; text-align: center; box-shadow: 0 0 10px #ddd }
.different-boxs ul li .part .thumb img { width: 100% }
.different-boxs ul li .part .richtext { font-size: 16px; color: #666; line-height: 1.8em; margin-top: 40px }
.different-boxs ul li .part .richtext strong { font-weight: bold; color: #006cb7; font-family: "Lato-Bold"; display: inline-block; font-size: 16px }
.different-boxs ul li .part .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.richtext, .richtext * { font-family: "Lato-Regular" }

.detail-top .detail-img-show  { width:50%; margin:0px auto; }

.sep-lx-header-mb .box-wrap { display: table; }
.sep-lx-header-mb .box-wrap .logo { display: table-cell; vertical-align: middle; }
.sep-lx-header-mb .box-wrap .logo img { max-width: 100%; }

@media screen and (max-width: 500px) {
.header .Logo a img { max-width: 80%; }
}

@media (max-width:770px) {
.detail-top .detail-img-show  { width:100%; }
}

@media (max-width:768px) {
.sep-lx-header-mb .box-wrap .logo { padding: 0px 10px 0px;
width:-webkit-calc(100% - 150px); 
width:-moz-calc(100% - 150px); 
width:calc(100% - 150px);  }
.sep-lx-header-mb .box-wrap .logo img { width:auto; max-width:100%; }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li .part { padding:0px 10px; }
}

.detail-top .detail-img-show .big-img ul li { text-align: center }
.detail-top .detail-img-show .big-img ul li .thumb { display: block; text-align: center; padding: 5px }
.detail-top .detail-img-show .big-img ul li .thumb img { width: 100%; box-shadow: 0 0 10px #ddd }
.detail-top .detail-img-show .small-posi-rela { margin-top: 30px }
.detail-top .detail-img-show .small-img { margin-top: 30px }
.detail-top .detail-img-show .small-img ul { padding: 20px 0 }
.detail-top .detail-img-show .small-img ul li .thumb { display: block; text-align: center; border-radius: 4px; cursor: pointer; position: relative; border: 1px solid #ddd }
.detail-top .detail-img-show .small-img ul li .thumb:after { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid transparent; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); z-index: 9999 }
.detail-top .detail-img-show .small-img ul li .thumb img { max-width: 100% }
.detail-top .detail-img-show .small-img ul .swiper-slide-thumb-active .thumb:after { border-bottom: 12px solid #006cb7 }
.detail-top .small-posi-rela { margin-top: 30px; padding: 0 30px }
.detail-top .swiper-slide-thumb-active { border: 2px solid #006cb7 }
.detail-top .swiper-button-next, .detail-top .swiper-button-prev { background-image: none; height: auto; font-size: 50px; color: #fff; outline: none; top: 50%; color: #006cb7; transition: all .5s }
.detail-top .swiper-button-next { right: 0; text-align: right }
.detail-top .swiper-button-next:hover { right: -10px }
.detail-top .swiper-button-prev { left: 0 }
.detail-top .swiper-button-prev:hover { left: -10px }
.detail-top .swiper-button-next.swiper-button-disabled, .detail-top .swiper-button-prev.swiper-button-disabled { opacity: 0 }
.detail-top .d-top .detail-show-img { display: flex }
.detail-top .d-top .detail-show-img img { width: 100% }
.detail-top .d-top .detail-show-img .mb-shows { display: none }
.detail-top .d-right { padding-left: 40px }
.detail-top .d-right .h-title { font-size: 28px; font-weight: bold; padding-bottom: 15px; position: relative; text-align: left; margin-bottom: 30px }
.detail-top .d-right .h-title:after { content: ""; display: block; width: 40px; height: 2px; background: #006cb7; position: absolute; bottom: 0; left: 0 }
.detail-top .d-right .richtext { font-size: 16px; line-height: 1.8em; color: #666 }
.detail-top .d-right .richtext p { font-size: 16px; line-height: 1.8em; color: #666 }
.detail-top .d-right .richtext h2 { font-size: 20px; margin-bottom: 10px; color: #006cb7; font-weight: bold }
.detail-top .d-right .contact-btn { margin-top: 40px; display: inline-block; margin-right: 15px; width: 280px; border: 1px solid #006cb7; color: #fff; background: #006cb7; text-align: center; font-size: 24px; padding: 10px 0; transition: all .5s }
.detail-top .d-right .contact-btn i { margin-right: 10px; position: relative; top: 1px }
.detail-top .d-right .contact-btn:hover { background: #fff; color: #006cb7 }
.detail-content-text .richtext { padding: 40px 0 0 0; font-size: 16px; color: #666; line-height: 1.8em }
.detail-content-text .richtext h2 { font-size: 30px; font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase; line-height: 1.2; margin-bottom: 30px }
.detail-content-text .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.detail-content-text .richtext strong { display: block; font-size: 26px; color: #006cb7; font-weight: normal; margin: 10px 0 }
.appdetail-content-text .richtext { padding: 10px 0; font-size: 16px; color: #666; line-height: 1.8em }
.appdetail-content-text .richtext h2 { font-size: 26px; font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase; line-height: 1.2; margin-bottom: 30px }
.appdetail-content-text .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.appdetail-content-text .richtext strong { display: block; font-size: 26px; color: #006cb7; font-weight: normal; margin: 10px 0 }
.richtext p { margin-bottom: 0 !important }
.richtext, .richtext * { font-family: "Lato-Regular" !important }
.main-left-slider { padding-right: 60px !important; position: sticky !important; min-height: 100% !important; top: 84px !important }
.main-left-slider .slider-box { margin-bottom: 30px }
.main-left-slider .slider-box .slider-title a { color: #333; font-weight: bold; font-size: 36px; display: inline-block; display: block; padding: 0 0 20px }
.main-left-slider .slider-box .slider-title a:hover { color: #006cb7; background: #fff }
.main-left-slider .slider-box .level-first-box>li { position: relative; margin-bottom: 10px }
.main-left-slider .slider-box .level-first-box>li>a { display: block; padding: 12px 20px; background: #f7f7f7; color:#555555; font-size: 18px; position: relative }
.main-left-slider .slider-box .level-first-box>li>a:after { content: ""; display: table; width: 3px; height: 100%; background: #006cb7; position: absolute; left: 0; top: 0 }
.main-left-slider .slider-box .level-first-box>li>i { position: absolute; right: 5px; top: 12px; font-size: 20px; cursor: pointer }
.main-left-slider .slider-box .level-first-box>li>i:after { content: ""; display: block; width: 22px; height: 23px; border: 5px solid #f7f7f7; position: absolute; top: 1px; left: -1px }
.main-left-slider .slider-box .level-first-box>li ul { display: none; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #ddd }
.main-left-slider .slider-box .level-first-box>li ul li { border-bottom: 1px solid #ddd; padding-left: 30px; position: relative }
.main-left-slider .slider-box .level-first-box>li ul li a { display: block; padding: 10px 0 10px 0; font-size: 16px; word-break: break-all; }
.main-left-slider .slider-box .level-first-box>li ul li a i { margin-right: 5px }
.main-left-slider .slider-box .level-first-box>li ul li i { position: absolute; left: 10px; top: 12px; font-size: 20px; cursor: pointer }
.main-left-slider .slider-box .level-first-box>li ul li:last-child { border-bottom: none }
.main-left-slider .slider-box .level-first-box>li ul .active a { color: #006cb7 }
.main-left-slider .slider-box .level-first-box>li:hover>a { color: #006cb7 }
.main-left-slider .slider-box .level-first-box>li:hover>i { color: #006cb7 }
.main-left-slider .slider-box .level-first-box>li.active>a { color: #fff; background: #006cb7 }
.main-left-slider .slider-box .level-first-box>li.active>i { color: #fff }
.main-left-slider .slider-box .level-first-box>li.active>i:after { content: ""; display: block; width: 22px; height: 23px; border: 5px solid #006cb7; position: absolute; top: 1px; left: -1px }
.main-left-slider .slider-box .level-first-box>li.active ul { display: block }
.main-left-slider .slider-box .level-first-box>li.active ul li.active a { color: #006cb7 }
.main-left-slider .slider-news .thumb { display: block; overflow: hidden }
.main-left-slider .slider-news .thumb img { width: 100% }
.main-left-slider .slider-news .title { font-size: 18px; display: block; padding: 5px 0 }
.main-left-slider .slider-news .more-news { color: #006cb7; margin-top: 15px; display: inline-block; font-size: 14px }
.main-left-slider .slider-news-list ul li { padding: 10px 0; border-bottom: 1px solid #ddd }
.main-left-slider .slider-news-list ul li .thumb { display: block; overflow: hidden; margin-bottom: 20px }
.main-left-slider .slider-news-list ul li .thumb img { width: 100% }
.main-left-slider .slider-news-list ul li .date { color: #006cb7; font-size: 16px; padding-bottom: 10px }
.main-left-slider .slider-news-list ul li .date span { display: inline-block; color: #006cb7; font-size: 18px }
.main-left-slider .slider-news-list ul li .title:hover { color: #006cb7 }
.main-left-slider .slider-contact .slider-contact-list { padding: 20px; background: #f5f5f5 }
.main-left-slider .slider-contact .slider-contact-list li { position: relative; padding: 5px 0 5px 25px }
.main-left-slider .slider-contact .slider-contact-list li i { position: absolute; left: 0; top: 7px; color: #006cb7 }
.main-left-slider .slider-contact .slider-contact-list li a { color: #006cb7 }
.main-left-slider .slider-contact .slider-contact-list li a:hover { text-decoration: underline }
.list-faqs { padding: 20px 0 100px }
.list-faqs .faq-title { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; margin-bottom: 50px; text-align: center }
.list-faqs .sep-faq-list3 li { background: #f5f5f5; margin-bottom: 20px; padding: 0 20px; border-left: 3px solid #006cb7 }
.list-faqs .sep-faq-list3 li:nth-child(1) .faq-answer { display: block }
.list-faqs .sep-faq-list3 li.active .faq-question i { color: #ffaa19 }
.list-faqs .sep-faq-list3 li .faq-question { position: relative; min-height: 42px; padding-left: 20px; padding: 0 50px; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.2) }
.list-faqs .sep-faq-list3 li .faq-question .row { position: relative }
.list-faqs .sep-faq-list3 li .faq-question .q { position: absolute; left: 10px; top: 0; font-weight: bold; font-size: 24px; color: #3250a8; height: 100%; display: flex; justify-content: center; align-items: center; font-family: "NirmalaB" }
.list-faqs .sep-faq-list3 li .faq-question span.title { color: #1a1a1a; font-size: 20px; padding: 25px 0; display: block; font-family: "NirmalaB"; font-weight: bold }
.list-faqs .sep-faq-list3 li .faq-question i { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #1a1a1a; font-size: 24px }
.list-faqs .sep-faq-list3 .faq-answer { color: #1a1a1a; font-size: 16px; line-height: 1.8em; padding-bottom: 10px; padding: 10px 0; padding-left: 50px; position: relative; display: none }
.list-faqs .sep-faq-list3 .faq-answer .as { top: 11px; position: absolute; left: 10px; font-weight: bold; font-size: 24px; color: #3250a8; font-family: "NirmalaB"; display: block }
.list-faqs .sep-faq-list3 .faq-answer p { color: #1a1a1a; font-size: 18px; line-height: 1.8em }
.pro-forms { background: url(../img/form-bgs.jpg); padding: 100px 0; background-size: cover }
.pro-forms .clearbox .left-box .part .fm-title a { font-size: 44px; color: #fff; display: inline-block; font-family: "Gilroy-Bold"; pointer-events: none }
.pro-forms .clearbox .left-box .part .fm-title a:hover { color: #E04F18 }
.pro-forms .clearbox .left-box .part ul li { padding: 10px 0 10px 30px; position: relative }
.pro-forms .clearbox .left-box .part ul li>i { position: absolute; left: 3px; top: 16px; color: #E04F18; font-size: 18px }
.pro-forms .clearbox .left-box .part ul li .tps { font-size: 16px; font-family: "Gilroy-Bold"; color: #fff }
.pro-forms .clearbox .left-box .part ul li>span, .pro-forms .clearbox .left-box .part ul li>a, .pro-forms .clearbox .left-box .part ul li p { font-size: 16px; display: inline-block; line-height: 1.8; color: rgba(255,255,255,0.8) }
.pro-forms .clearbox .left-box .part ul li>span>i, .pro-forms .clearbox .left-box .part ul li>a>i, .pro-forms .clearbox .left-box .part ul li p>i { position: absolute; left: 0; top: 15px; color: #E04F18; font-size: 18px }
.pro-forms .clearbox .left-box .part ul li p { display: block }
.pro-forms .clearbox .left-box .part ul li>a span { font-size: 18px }
.pro-forms .clearbox .left-box .part ul li>a:hover { text-decoration: underline }
.pro-forms .clearbox .left-box .part ul li:nth-child(2)>a>i { left: 3px }
.pro-forms .clearbox .left-box .part ul li:nth-child(3)>i { left: 8px }
.pro-forms .clearbox .right-box .p-title { text-align: left }
.pro-forms .clearbox .right-box .p-title a { color: #fff }
.pro-forms .clearbox .right-box .p-title a:after { background: url(../img/p-title-icon-w.png); -webkit-transform: translateX(-50%); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 0 }
.pro-forms .clearbox .right-box .p-title a:hover { color: #E04F18 }
.pro-forms .clearbox .right-box .detail-form-box .form-title { color: #fff; font-size: 36px; margin-top: 0; font-weight: 700; margin-bottom: 30px; letter-spacing: 2px; text-transform: uppercase }
.pro-forms .clearbox .right-box .detail-form-box .form-left { padding-right: 70px }
.pro-forms .clearbox .right-box .detail-form-box .form-left .form-title { position: relative; font-size: 28px; color: #0055b1; padding-top: 40px; text-transform: uppercase; margin-bottom: 20px }
.pro-forms .clearbox .right-box .detail-form-box .form-left .form-title em { width: 53px; height: 4px; background: #0055b1; position: absolute; left: 0; top: 0 }
.pro-forms .clearbox .right-box .detail-form-box .form-left .form-title em:after { content: ""; display: block; width: 20px; height: 4px; background: #0055b1; position: absolute; left: 0; top: 0 }
.pro-forms .clearbox .right-box .detail-form-box .form-left .sums { font-size: 18px; line-height: 1.8em }
.pro-forms .clearbox .right-box .detail-form-box .form-right { padding-right: 100px }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form { padding: 0 }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .f-left { padding-right: 10px }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .f-right { padding-left: 10px }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .form-group { padding: 0; position: relative }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .form-group>i { position: absolute; left: 0; top: 12px; font-size: 20px; color: rgba(255,255,255,0.2) }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .form-group .form-control { height: 45px; background: transparent; box-shadow: none; border: none; padding-left: 30px; border-radius: 0; border: 1px solid rgba(255,255,255,0.2) }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .form-group textarea.form-control { height: auto }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .form-group .regex-tip { top: 5px; right: 10px; padding-right: 15px; border: none !important }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .btn.btn-primary { font-size: 16px; color: #E04F18; padding: 11px 20px; background: transparent; border: 1px solid #E04F18; text-transform: uppercase; border-radius: 6px; font-weight: bold; width: 198px; margin-top: 20px }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .sep-form .btn.btn-primary:hover { background: #E04F18; color: #fff }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .input-group-addon, .pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .input-group-btn { width: auto }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form .input-group-addon { border: none }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form input[placeholder], .pro-forms .clearbox .right-box .detail-form-box .bl-detail-form [placeholder] { color: #fff !important; font-size: 16px }
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form input::-webkit-input-placeholder, .pro-forms .clearbox .right-box .detail-form-box .bl-detail-form textarea::-webkit-input-placeholder {
color:#fff !important;
font-size:16px
}
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form input::-moz-input-placeholder, .pro-forms .clearbox .right-box .detail-form-box .bl-detail-form textarea::-moz-input-placeholder {
color:#fff !important;
font-size:16px
}
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form input::-o-input-placeholder, .pro-forms .clearbox .right-box .detail-form-box .bl-detail-form textarea::-o-input-placeholder {
color:#fff !important;
font-size:16px
}
.pro-forms .clearbox .right-box .detail-form-box .bl-detail-form input::-ms-input-placeholder, .pro-forms .clearbox .right-box .detail-form-box .bl-detail-form textarea::-ms-input-placeholder {
color:#fff !important;
font-size:16px
}
.text-boxs { padding: 50px 0 20px }
.text-boxs h2 { font-size: 30px; font-weight: bold; font-family: "Lato-Bold"; margin-bottom: 20px; text-transform: uppercase }
.text-boxs .h2-father { max-height: 500px; overflow: auto; margin-bottom: 50px }
.text-boxs table { width: 100% }
.text-boxs table tr td { padding: 5px !important; font-size: 16px !important }
.text-boxs table tr td p { font-size: 16px !important }
.text-boxs table tr:nth-child(1) { background: #006cb7; color: #fff; font-size: 18px; font-weight: bold }
.text-boxs table tr:nth-child(1) p { color: #fff; font-size: 18px; font-weight: bold }
.related-pros { padding: 60px 0 }
.related-pros .re-title { text-align: center; color: #333; font-size: 30px; margin-bottom: 30px; font-weight: bold; font-family: "Lato-Bold" }
.related-pros ul { margin: 0 -25px }
.related-pros ul li { padding: 0 25px }
.related-pros ul li .part .thumb { display: block; overflow: hidden; text-align: center; box-shadow: 0 0 10px #ddd }
.related-pros ul li .part .thumb img { width: 100% }
.related-pros ul li .part .title { display: block; padding: 20px; font-size: 18px; font-family: "Lato-Bold"; text-align: center }
.related-pros ul li .part .title:hover { color: #006cb7 }
.material-boxs { padding: 50px 0; background: #f5f5f5 }
.material-boxs .clearbox { display: flex }
.material-boxs .clearbox .left-boxs { position: relative }
.material-boxs .clearbox .left-boxs img { max-width: 100% }
.material-boxs .clearbox .left-boxs .swiper-button-next, .material-boxs .clearbox .left-boxs .swiper-button-prev { display: flex; justify-content: center; align-items: center; font-size: 24px; text-align: center; background: #006cb7; color: #fff }
.material-boxs .clearbox .left-boxs .swiper-button-next { right: 0 }
.material-boxs .clearbox .right-boxs { display: flex; align-items: center }
.material-boxs .clearbox .right-boxs .part { padding-left: 50px }
.material-boxs .clearbox .right-boxs .part .titles { font-size: 36px; font-weight: bold; margin-bottom: 30px; display: block; line-height: 1.2em }
.material-boxs .clearbox .right-boxs .part .richtext { font-size: 16px; color: #666; line-height: 1.8em }
.material-boxs .clearbox .right-boxs .part .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.stront-all { padding: 30px 0 }
.strong-boxs { padding: 20px 0 }
.strong-boxs .pt-title { font-size: 36px; font-weight: bold; margin-bottom: 30px; display: block; line-height: 1.2em; text-align: center }
.strong-boxs .richtext { font-size: 16px; color: #666; line-height: 1.8em }
.strong-boxs .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.buyer-boxs { padding: 80px 0; background: #f5f5f5 }
.buyer-boxs .pt-title { font-size: 36px; font-weight: bold; margin-bottom: 30px; display: block; line-height: 1.2em; text-align: center }
.buyer-boxs .clearbox .left-boxs ul { justify-content: space-between; width: 100% }
.buyer-boxs .clearbox .left-boxs ul li { padding-left: 60px; position: relative; margin-bottom: 54px }
.buyer-boxs .clearbox .left-boxs ul li:nth-child(3) { margin-bottom: 0 }
.buyer-boxs .clearbox .left-boxs ul li:nth-child(4) { margin-bottom: 0 }
.buyer-boxs .clearbox .left-boxs ul li:hover .icon { background: #006cb7 }
.buyer-boxs .clearbox .left-boxs ul li:hover .icon i { color: #fff }
.buyer-boxs .clearbox .left-boxs ul li .icon { position: absolute; left: 0; top: 0; border-radius: 50%; display: flex; justify-content: center; align-items: center }
.buyer-boxs .clearbox .left-boxs ul li .icon i { font-size: 30px; color: #006cb7 }
.buyer-boxs .clearbox .left-boxs ul li .icon-title { font-size: 18px; line-height: 28px; color: #323232 }
.buyer-boxs .clearbox .left-boxs ul li .icon-des { font-size: 16px; line-height: 30px; color: #808080; margin-top: 10px }
.buyer-boxs .clearbox .left-boxs ul li .icon-des p { font-size: 16px; line-height: 30px; color: #808080 }
.buyer-boxs .clearbox .right-boxs { padding-left: 50px; padding-top: 50px }
.function-boxs { padding: 80px 0; background: #f5f5f5 }
.function-boxs .h2-title { font-size: 36px; font-weight: bold; margin-bottom: 30px; display: block; line-height: 1.2em }
.function-boxs .thumb { margin: 30px 0 }
.function-boxs .thumb img { width: 100% }
.function-boxs .richtext { font-size: 16px; color: #666; line-height: 1.8em }
.function-boxs .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.ulse-all { padding: 80px 0; background: #f5f5f5 }
.ulse-all .tit-box { padding-bottom: 50px; position: relative; margin-bottom: 50px; text-align: center }
.ulse-all .tit-box:after { content: ""; position: absolute; display: block; background: #d8d8d8; bottom: 0; width: 44%; left: 0; height: 1px }
.ulse-all .tit-box:before { content: ""; position: absolute; display: block; background: #d8d8d8; bottom: 0; width: 44%; right: 0; height: 1px }
.ulse-all .tit-box span { font-size: 36px; color: #0054a1; font-weight: normal; font-weight: bold; display: inline-block }
.ulse-all .tit-box .lines { width: 50px; height: 1px; background: #006cb7; position: absolute; left: 50%; display: block; transform: translateX(-50%); bottom: -1px; z-index: 999 }
.ulse-all .tit-box .lines:before { display: block; content: ""; width: 7px; height: 7px; border-radius: 50%; background: #006cb7; position: absolute; right: 0; top: -3px; z-index: 999 }
.ulse-all .tit-box .lines:after { display: block; content: ""; width: 7px; height: 7px; border-radius: 50%; background: #006cb7; position: absolute; left: 0; top: -3px; z-index: 999 }
.ulse-all .richtext { font-size: 16px; color: #666; line-height: 1.8em }
.ulse-all .richtext p { font-size: 16px; color: #666; line-height: 1.8em }
.ulse-all .richtext strong { color: #0054a1; font-size: 18px }
.others-banner .richtext span { display: inline-block; font-size: 24px !important; font-weight: bold }
h1 { font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase; margin-bottom: 30px }

@media screen and (max-width:1700px) {
.patent-boxs .clearbox .left-boxs .thumb { top: 30px }
.patent-boxs { margin-top: 0 }
.patent-boxs .clearbox .right-boxs .part { width: 100%; padding-left: 30px }
.patent-boxs .clearbox .right-boxs .part .pt-title { font-size: 30px }
}

@media screen and (max-width:1550px) {
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li>a { padding: 20px 0px }
}

@media (min-width:770px) and (max-width:1450px) {
.bq-sep-header .header-nav>.bq-sep-container .nav-left { padding: 0 10px 0 0 }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li>a { padding: 20px 0px }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .disflex-box .for-imgs, .bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .disflex-box .homes-lefts, .bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .disflex-box .homes-rights { width: 33.33% }
.for-imgs { width: 33.33% }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .container { width: 100% }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>.ispors .homes-ul .homes-rights .lists-boxs>ul>li .right-col a { max-width: 350px }
.pro-forms .clearbox .left-box .part .fm-title a { font-size: 26px }
.pro-list-pages .clearbox .mian-right .list-box .in-title, .list-faqs .faq-title { font-size: 30px }
.list-faqs { padding: 60px 0 }
.different-boxs .pt-title { font-size: 30px }
.different-boxs ul { margin: 0; margin-top: 30px }
.different-boxs ul li { padding: 0 10px }
.how-dose-box .boxs { margin-top: 0 }
.index-app-box .clearbox>ul>li .part .title { font-size: 16px }
.how-dose-box .boxs .thumbs { top: 20% }
.index-pages .index-pros .pro-ul>li { /*width: 33.33%*/ }
.others-banner .banner-text { position: relative; top: -50%; background: #006cb7; padding-bottom: 70px; padding-top: 30px }
.others-banner .banner-text .flexbox .pb-title { font-size: 36px }
.others-banner .banner-text .flexbox .richtext h1 { font-size: 30px }
.others-banner .banner-text .flexbox .richtext ul li p { font-size: 16px }
}

@media screen and (max-width:1200px) {
.app-second-list li .rights { padding-left: 20px !important }
/*.main-left-slider { display: none }*/
.pro-list-pages .clearbox .mian-right { width: 100%; padding-left: 0 }
.main-left-slider { padding-right: 0px !important; position:relative !important; min-height: 100% !important; top: 0px !important }
}
.richtext table tr td { word-break: normal !important }
.pdf-list .pdf-item { margin: 10px 0 }
.pdf-list .pdf-item div { border: 1px solid #ddd; padding: 10px; transition: all .5s }
.pdf-list .pdf-item div a:nth-child(1) { font-size: 18px; position: relative; min-height: 45px; padding-left: 40px; display: flex; align-items: center; line-height: 45px; display: inline-block; width: 80% }
.pdf-list .pdf-item div a:nth-child(1) i { color: #333; font-size: 24px; padding-right: 10px; position: absolute; top: 50%; transform: translateY(-50%); left: 10px }
.pdf-list .pdf-item div a:nth-child(2), .pdf-list .pdf-item div a:nth-child(3) { float: right; padding-top: 3px; color: #333; font-size: 24px }
.pdf-list .pdf-item div a:nth-child(2) { padding-left: 10px }
.pdf-list .pdf-item div:hover { border: 1px solid #0075c1 }
.pdf-list .pdf-item div:hover a { color: #0075c1 }
.pdf-list .pdf-item div:hover a i { color: #0075c1 }

@media screen and (max-width:1700px) {
.bq-company-box { padding: 50px }
.bq-sep-header .header-nav>.bq-sep-container .nav-left .nav-list>li { padding: 0 2px }
}

@media screen and (max-width:768px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0px !important; padding-right: 0px !important }

.sep-resource-list .sep-datalist li .summary { height: auto !important }
.sep-resource-list .sep-datalist>li .thumb img { height: auto !important; width: 100% !important }
.sep-resource-list .sep-datalist>li .title { height: auto }
.sep-box .sep-box-body .sep-resource-list .sep-datalist li { min-height: inherit; padding: 0; line-height: 1.8em; margin-bottom: 30px; border-bottom: none }
.sep-box .sep-box-body .sep-resource-list .sep-datalist li .thumb { display: block; position: static; width: 100%; height: auto; margin-bottom: 20px }
.pdf-list .pdf-item div a:nth-child(1) { line-height: 1.8em }
.change-result1 li { display: block; margin: 10px 0 }
.change-result1 li button { display: block; width: 100%; margin: 0 }
.pdf-view { display: none }
.v-list .i-box { width: 100%; float: inherit }
.jects-list.mult_list ul li { width: 100%; float: inherit }
.th-profile-boxs { display: block }
.th-profile-boxs .thumbs { width: 100%; float: inherit }
.th-profile-boxs .lis-boxs { width: 100%; float: inherit; padding-top: 30px }
.inner-relate-box .pro-ul>li { width: 100% }
.related-box { margin-top: 20px; padding: 40px 20px }
.richtext img { height: auto !important; width: auto !important }
.different-boxs .tags { font-size: 18px; margin-bottom: 20px }
.different-boxs ul li { margin-bottom: 20px }
.how-dose-box .boxs .richtext { padding-right: 0 }
h1 { font-size: 30px !important }
h1 * { font-size: 30px !important }
h2 { font-size: 24px !important }
h2 * { font-size: 24px !important }
.others-banner .banner-text { position: relative; top: -50%; background: #006cb7; padding: 30px 20px }
.others-banner .banner-text .flexbox .pb-title { font-size: 28px }
.others-banner .banner-text .flexbox .richtext h1 { font-size: 28px }
.others-banner .banner-text .flexbox .richtext ul li p { font-size: 16px }
.others-banner .banner-text .flexbox .richtext ul li p strong, .others-banner .banner-text .flexbox .richtext ul li p span { font-size: 16px !important }
.index-app-box .clearbox .ap-title a, .index-news .ns-title a { font-size: 30px !important }
.main-left-slider .slider-box .slider-title a { font-size: 30px; }
.bq-company-box1 { display: block !important; padding: 0 20px }
.bq-company-box1 .right { width: 100% }
.bq-company-box1 .left-video { width: 100% }
.bq-company-box { padding: 40px 20px }
.bq-company-box .bq-sep-container .company-icon-box ul { display: block !important }
.bq-company-box .bq-sep-container .company-icon-box ul li { display: block !important; width: 100%; margin-bottom: 30px }
.bq-company-box .bq-sep-container .left-video { width: 100%; float: inherit }
.head-cover { display: none }
.related-pros { padding: 40px 20px }
.related-pros .re-title { font-size: 24px }
.related-pros ul { margin: 0 }
.related-pros ul li { padding: 0; margin-bottom: 10px }
.pro-forms { padding: 40px 20px }
.pro-forms .clearbox .left-box .part .fm-title { margin-bottom: 30px }
.pro-forms .clearbox .left-box .part .fm-title a { display: inline-block; pointer-events: none; font-size: 24px }
.list-faqs { padding: 40px 20px }
.list-faqs .faq-title { font-size: 24px }
.different-boxs { padding: 40px 20px }
.different-boxs .pt-title { font-size: 24px }
.different-boxs ul { margin: 0 }
.pro-list-pages .clearbox { padding: 40px 15px }
.pro-list-pages .clearbox .mian-right .list-box { padding-top: 0 }
.pro-list-pages .clearbox .mian-right .list-box .in-title { font-size: 24px }
.pro-list-pages .clearbox .mian-right .list-box .list-ul { margin: 0 }
.pro-list-pages .clearbox .mian-right .list-box .list-ul li { padding: 0; margin-bottom: 20px }
.pro-list-pages .clearbox .main-left-slider { /*display: none*/ }
.others-banner .banner-text .flexbox .pb-title { font-size: 30px }
.index-news .ns-title { font-size: 24px }
.index-app-box { padding: 40px 0 }
.index-app-box .clearbox .ap-title { font-size: 24px }
.index-app-box .clearbox>ul { padding: 0 }
.index-app-box .clearbox>ul>li { margin-bottom: 10px; width: 100% }
.how-dose-box .ri-title { font-size: 24px; margin-bottom: 10px }
.how-dose-box .boxs { margin-top: 0; padding: 20px }
.how-dose-box .boxs .thumbs { position: relative; top: 0; margin-top: 30px }
.rich-boxs { padding: 40px 0 }
.rich-boxs .richtext h2 { font-size: 46px; font-weight: bold; font-family: "Lato-Bold"; text-transform: uppercase; margin-bottom: 20px }
.patent-boxs { margin-top: 0 }
.patent-boxs .clearbox .left-boxs .thumb { top: 0 }
.patent-boxs .clearbox .right-boxs .pt-title { font-size: 24px }
.patent-boxs .clearbox .right-boxs .part { width: 100%; padding: 20px }
.index-pages .index-pros { padding: 0 }
.index-pages .index-pros .pro-ul>li { width: 100% }
.index-pages .index-pros .pro-ul>li .next-ul { height: auto !important }
.index-pages { padding: 40px 20px }
.index-pages .index-title { font-size: 24px }
.bread-fat .sep-breadcrumb { background: #006cb7; position: static }
.others-banner .banner-text .flexbox .richtext h1 { font-size: 24px }
}
.detail-content-text { line-height: 2; text-indent:2em; }