@charset "utf-8";
@import '../../../assets/css/bootstrap.min.css';
@import '../../../assets/css/font-awesome.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:#000
}
sup {
 vertical-align:text-top
}
s {
 text-decoration:none
}
sub {
 vertical-align:text-bottom
}
legend {
 color:#000
}
img {
 border:0;
 vertical-align:middle
}
table {
 border-spacing:0;
 border-collapse:collapse
}
div {
 zoom:1
}
.round {
 display:inline-block;
 border-radius:50%
}
.link-color:hover {
 color:#000
}
.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 #000;
 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:"iconfont";
 src:url('../font/iconfont.eot');
 src:url('../font/iconfont.eot') format('embedded-opentype'),
 url('../font/iconfont.woff') format('woff'),
 url('../font/iconfont.ttf') format('truetype'),
 url('../font/iconfont.svg') format('svg')
}
.iconfont {
 font-family:"iconfont" !important;
 font-size:16px;
 color:#143592;
 font-style:normal;
 font-weight:normal;
 -webkit-font-smoothing:antialiased;
 -webkit-text-stroke-width:.2px;
 -moz-osx-font-smoothing:grayscale
}
@font-face {
 font-family:'futura';
 src:url("../font/futurabt-medium.otf");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:'CenturyGothic';
 src:url("../font/CenturyGothic.TTF");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:'proximanova';
 src:url("../font/proximanova.ttf");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:'proximanova-bold';
 src:url("../font/ProximaNovaExtrabold.ttf");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:ARLRDBD;
 src:url("../font/ARLRDBD.TTF");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:VERDANAB;
 src:url("../font/VERDANAB.TTF");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:VERDANA;
 src:url("../font/VERDANA.TTF");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:'AvantGardeITCbyBT-Medium';
 src:url("../font/AvantGardeITCbyBT-Medium.ttf");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:'Open Sans';
 src:url("../font/OPENSANS.TTF");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:AvenirNextLTPro;
 src:url("../font/AvenirNextLTPro-Regular.otf");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:'VERDANA';
 src:url("../font/VERDANA.TTF");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:AvenirNextLTPro-Demi;
 src:url("../font/AvenirNextLTPro-Demi.otf");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:bahnschrift;
 src:url("../font/bahnschrift.ttf");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:"ROBOTO-REGULAR";
 src:url("../font/ROBOTO-REGULAR.TTF");
 font-style:normal;
 font-weight:normal
}
@font-face {
 font-family:"Baloo-Regular";
 src:url("../font/Baloo-Regular.ttf")
}
@font-face {
 font-family:"Caladea-Italic";
 src:url("../font/Caladea-Italic.ttf")
}
@font-face {
 font-family:"Franklin Gothic";
 src:url("../font/Franklin Gothic.ttf")
}
@font-face {
 font-family:"CalistoMT";
 src:url("../font/CalistoMT.otf")
}
@font-face {
 font-family:"franklingothic-medium";
 src:url("../font/franklingothic-medium.otf")
}
@font-face {
 font-family:"Lato-Regular";
 src:url("../font/Lato-Regular.ttf")
}
@font-face {
 font-family:"Oswald-Regular";
 src:url("../font/Oswald-Regular.ttf")
}
@font-face {
 font-family:"TITILLIUM-BOLD";
 src:url("../font/TITILLIUM-BOLD.OTF")
}
@font-face {
 font-family:"Titillium";
 src:url("../font/Titillium Web.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
}
#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;
 overflow:hidden;
 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:#333;
 position:absolute;
 z-index:11;
 display:block;
 top:0;
 right:0;
 bottom:0;
 cursor:pointer
}
.offside p {
 float:left;
 line-height:50px;
 font-size:16px;
 font-weight:700;
 padding:0 0 0 10px;
 color:#fff;
 opacity:0
}
.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:not(.li_3) div {
 left:0
}
.offside .li_3 a,
.offside .li_3 div {
 width:50px
}
.offside li.email {
 overflow:visible
}
.offside li:hover .email-box {
 display:block !important
}
.offside li:hover a {
 color:#333
}
.offside li .email-box {
 position:absolute;
 background:#d5d5d5;
 right:100%;
 top:0;
 left:auto !important;
 padding:10px 5px;
 border-right:2px solid #fff;
 height:99px;
 display:none
}
.offside li .email-box a {
 display:block;
 font-size:14px;
 color:#fff !important;
 position:static;
 white-space:nowrap;
 text-align:left;
 margin-bottom:10px
}
.offside li .email-box a:hover {
 color:#000 !important
}
.offside li:nth-child(odd) {
 background:#d5d5d5
}
.offside li:nth-child(odd) .icon {
 color:#000
}
.offside li:nth-child(even) {
 background:#000
}
.offside li:nth-child(even) .icon {
 color:#fff
}
.offside li:nth-child(4) {
 overflow:visible
}
.offside li:nth-child(4):hover img {
 display:block
}
.offside li:nth-child(7) {
 display:none
}
.offside li:nth-child(10) {
 height:20px
}
.offside li:nth-child(10) .icon {
 line-height:20px;
 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:#000
}
.offside .tel {
 width:200px;
 transform:translateX(-150px);
 -webkit-transform:translateX(-150px)
}
.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)
}
.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
}
.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:#000;
 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 #000;
 color:#000;
 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 #000
}
.down-lists dl:hover dd .content h3.title a {
 color:#000
}
.down-lists dl:hover dd .content a.more {
 background-color:#000;
 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:14px;
 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:#0068a8
}
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:#0068a8;
 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 #0068a8
}
.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:#0068a8
}
.panel.panel-primary .panel-heading {
 background:#0068a8;
 color:#fff
}
.panel.panel-primary.panel-full .panel-body {
 background:#0068a8;
 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:#0068a8;
 border-color:#00588f
}
.btn.btn-primary:active {
 background:#0078c2;
 border-color:#0078c2
}
.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:#000
}
.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:#000
}
.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:#000;
 border-color:#000;
 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:#0068a8
}
.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:#000
}
.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 #000;
 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:#000;
 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:#000
}
.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 #000;
 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 #000;
 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:#000
}
.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:#000
}
.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:#000;
 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:#000
}
.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:#000
}
.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:#000
}
.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:#000;
 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:#000;
 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:#000
}
.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:#000
}
.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:#000
}
.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:#000;
 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:#000
}
.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:#000;
 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 #000;
 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:#000;
 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:#000
}
.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:#000
}
.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:#000;
 color:#fff;
 padding:5px 15px;
 transition:.5s;
 font-size:16px
}
.sep-resource-queue>ul>li .btn-more:hover {
 background:transparent;
 color:#000
}
.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:#000
}
.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 180px;
 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:150px;
 height:120px;
 overflow:hidden;
 text-align:center
}
.sep-resource-list .sep-datalist>li .thumb img {
 width:100%;
 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:#000
}
.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:#000
}
.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:#000
}
.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:#000;
 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:#ebb541;
 background:#000;
 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:#000;
 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:#000;
 font-weight:bold
}
.sep-mainbody .sep-sidebar .sep-sidebar-box .datalist li a.active {
 color:#000;
 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:#000
}
.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:#000
}
.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:#000
}
.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:#000;
 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:#000;
 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:#000;
 color:#fff;
 font-family:'Open Sans';
 padding:5px 15px;
 font-size:15px;
 border-radius:6px;
 border:1px solid #000;
 transition:all .3s ease-in-out
}
.sep-mainbody .sep-primary .sep-detail-box .box-lf div.info .email:hover {
 background:#fff;
 color:#000
}
.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:#000;
 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:#000;
 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:#000;
 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:#000
}
.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:#000
}
.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:#000;
 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 .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:' '
}
.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:#000;
 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
 }
 #onlineService {
  display:block;
  left:0;
  right:0;
  bottom:0;
  max-width:100%;
  overflow:hidden
 }
 #onlineService .offside {
  display:-webkit-box;
  display:-moz-box;
  display:box;
  width:100%;
  fliter:alpha(opacity=80);
  background-color:rgba(0,0,0,0.8)
 }
 #onlineService .offside .tel {
  width:0;
  transform:translateX(0);
  -webkit-transform:translateX(0);
  -o-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0)
 }
 #onlineService .offside li {
  -moz-box-flex:1;
  -webkit-box-flex:1;
  box-flex:1;
  width:0;
  border-right:1px solid #959090
 }
 #onlineService .offside li:last-child,
 #onlineService .offside li:nth-child(4) {
  border-right:none
 }
 #onlineService .offside li:hover p {
  opacity:0
 }
 #onlineService .offside li a {
  display:block;
  width:100%;
  text-align:center
 }
 #onlineService .offside li:nth-child(10) {
  display:none
 }
 #onlineService .offside li:nth-child(n) {
  background:none
 }
 #onlineService .offside li:hover {
  transform:translateX(0);
  -webkit-transform:translateX(0);
  -o-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0)
 }
 #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
 }
 #onlineService {
  border-top:4px solid #697897
 }
 #onlineService .offside {
  background:#fff
 }
 #onlineService .offside li:last-child {
  border-right:none
 }
 .offside li:nth-child(even) .icon {
  color:#697897
 }
 .offside li:nth-child(odd) .icon {
  color:#697897
 }
 .offside li:hover a,
 .offside li:hover div,
 .offside li:hover .icon {
  color:#697897
 }
 .offside li:last-child {
  display:none
 }
}
@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-section3 .wrap .sep-container .datalist li:nth-child(1) .thumb {
  background-size:100%
 }
 .sep-body .sep-section3 .wrap .sep-container .datalist li:nth-child(2) .thumb {
  background-size:100%
 }
 .sep-body .sep-section3 .wrap .sep-container .datalist li:nth-child(3) .thumb {
  background-size:100%
 }
 .sep-body .sep-section3 .wrap .sep-container .datalist li:nth-child(4) .thumb {
  background-size:100%
 }
 .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
 }
 .offside li .email-box {
  right:auto;
  top:auto;
  bottom:100%;
  left:0 !important
 }
 .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:#000;
  border-color:#000;
  width:100%
 }
 .btn.btn-primary:active {
  background:#efc76f;
  border-color:#efc76f
 }
 .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%
 }
}
.richtext a {
 color:#0054a1;
 text-decoration:underline
}
.richtext a:hover {
 text-decoration:none
}
html {
 overflow-y:scroll
}
body {
 max-width:1920px;
 margin:0 auto;
 overflow:hidden;
 font-family:"TITILLIUM"
}
* {
 font-family:"TITILLIUM"
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family:"TITILLIUM"
}
.large-word {
 text-transform:uppercase
}
.row {
 margin-left:0;
 margin-right:0
}
.container {
 padding-left:0;
 padding-right:0;
 padding:0 10px
}
@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
 }
}
.sep-breadcrumb {
 margin:0;
 list-style:none
}
.sep-breadcrumb .sep-container {
 border-bottom:none
}
.breadcrumb {
 padding-left:0;
 background:transparent;
 margin-bottom:0
}
.list-breadcrumb {
 margin:10px 0 0 0;
 text-align:center;
 margin-top:30px
}
.list-breadcrumb .box {
 display:inline-block;
 padding:0 20px
}
.list-breadcrumb .box .breadcrumb {
 display:inline-block
}
.sep-breadcrumb {
 margin:0;
 list-style:none
}
.sep-breadcrumb .breadcrumb {
 padding-left:0;
 background:transparent;
 margin-bottom:0
}
.sep-breadcrumb .breadcrumb li {
 display:inline-block
}
.sep-breadcrumb .breadcrumb li a {
 text-decoration:none;
 color:#fff;
 font-size:14px
}
.sep-breadcrumb .breadcrumb li a:hover {
 color:#facd30
}
.sep-breadcrumb .breadcrumb li:last-child a {
 color:#facd30
}
.sep-breadcrumb .breadcrumb>li+li:before {
 content:'/';
 color:#fff;
 position:relative;
 top:1px
}
.sep-breadcrumb .breadcrumb .li-last:after {
 margin-left:5px;
 content:' '
}
header .search-wrap {
 position:relative
}
header .search-wrap .search-all {
 display:none;
 position:absolute;
 background:#0054a1;
 top:0;
 left:0;
 z-index:99999;
 width:100%;
 box-shadow:0 0 10px #fff
}
header .search-wrap .search-all .search-box {
 padding:30px 0 30px 100px;
 position:relative
}
header .search-wrap .search-all .search-box input {
 background:none;
 font-size:18px;
 border:none;
 border-bottom:1px solid #fff;
 width:80%;
 color:#fff;
 padding:10px
}
header .search-wrap .search-all .search-box button {
 background:#fff;
 border:1px solid #0054a1;
 color:#0054a1;
 padding:5px 20px;
 position:absolute;
 top:42px;
 right:0
}
header .search-wrap .search-all .search-box button:hover {
 background:#0054a1;
 color:#fff;
 border-color:#fff
}
header .search-wrap input[placeholder],
header .search-wrap [placeholder] {
 color:#fff !important
}
header .search-wrap input::-webkit-input-placeholder,
header .search-wrap textarea::-webkit-input-placeholder {
 color:#fff !important
}
header .search-wrap input::-moz-input-placeholder,
header .search-wrap textarea::-moz-input-placeholder {
 color:#fff !important
}
header .search-wrap input::-o-input-placeholder,
header .search-wrap textarea::-o-input-placeholder {
 color:#fff !important
}
header .search-wrap input::-ms-input-placeholder,
header .search-wrap textarea::-ms-input-placeholder {
 color:#fff !important
}
header .logo {
 display:inline-block;
 padding-top:15px;
 float:left;
 padding-bottom: 15px;
}
header .logo img {
 transition:All .8s ease;
 -webkit-transition:All .8s ease;
 -moz-transition:All .8s ease;
 -o-transition:All .8s ease
}
header .head-top {
 background:#f0f0f0
}
header .head-top .head-contact {
 padding:20px 0;
 float:left
}
header .head-top .head-contact li {
 padding:0 15px;
 float:left
}
header .head-top .head-contact li .search-box {
 position:relative
}
header .head-top .head-contact li .search-box input {
 width:140px;
 padding:2px;
 background:rgba(255,255,255,0.2);
 border-radius:30px;
 border:none;
 font-size:14px;
 padding-left:10px
}
header .head-top .head-contact li .search-box button {
 border:none;
 background:transparent;
 color:#f60;
 position:absolute;
 right:5px;
 top:1px
}
header .head-top .head-contact li .search-box button i {
 color:#f60
}
header .head-top .head-contact li span,
header .head-top .head-contact li a {
 display:inline-block;
 font-size:14px
}
header .head-top .head-contact li i {
 margin-right:10px;
 color:#0054a1
}
header .head-top .head-contact li a:hover {
 color:#f60
}
header .head-bottom .nav-list {
 float:right
}
header .head-bottom .nav-list>li {
 float:left;
 padding:0 20px;
 position:relative
}
header .head-bottom .nav-list>li>a {
 font-size:18px;
 display:inline-block;
 position:relative;
 color:#0054a1;
 padding:35px 0
}
header .head-bottom .nav-list>li>a:after {
 content:"";
 display:block;
 width:0;
 height:2px;
 background:#fff;
 position:absolute;
 left:0;
 bottom:0;
 transition:all .5s
}
header .head-bottom .nav-list>li>a:hover:after {
 width:100%
}
header .head-bottom .nav-list>li .nav-more-list {
 position:absolute;
 top:100%;
 left:0;
 background:#fff;
 z-index:999999;
 visibility:hidden;
 box-shadow:0 0 4px #ddd;
 min-width:230px
}
header .head-bottom .nav-list>li .nav-more-list>:after {
 content:'';
 position:absolute;
 left:10px;
 top:-10px;
 transform:translateY(-50%);
 border:10px solid transparent;
 border-bottom:10px solid #fff
}
header .head-bottom .nav-list>li .nav-more-list .gred a {
 white-space:nowrap;
 display:block;
 padding:10px
}
header .head-bottom .nav-list>li .nav-more-list .gred a:hover {
 background:#0054a1;
 color:#fff
}
header .head-bottom .nav-list>.active>a:after {
 content:"";
 display:block;
 width:100%;
 position:absolute;
 left:0;
 bottom:0;
 height:3px;
 background:#0054a1;
 right:0;
 margin:auto;
 transition:all .5s
}
header .head-bottom .nav-list .search-box {
 padding-right:0
}
header .head-bottom .nav-list .search-box span {
 font-size:18px;
 display:inline-block;
 position:relative;
 color:#0054a1;
 padding:35px 0
}
header .head-bottom .search-box {
 position:relative;
 padding-top:8px;
 text-align:right
}
header .head-bottom .search-box form {
 width:150px;
 position:relative;
 float:right
}
header .head-bottom .search-box input {
 width:100%;
 padding:2px;
 background:rgba(255,255,255,0.2);
 border-radius:30px;
 border:none;
 font-size:14px;
 color:#fff;
 padding-left:10px;
 height:30px
}
header .head-bottom .search-box button {
 border:none;
 background:transparent;
 color:#fff;
 position:absolute;
 right:15px;
 top:3px
}
.change-fixed {
 position:fixed;
 top:0;
 width:100%;
 left:0;
 z-index:999;
 background:#fff;
 box-shadow:0 0 5px #0054a1
}
.dd-banner {
 position:relative
}
.dd-banner .banner-text1 {
 width:50%;
 position:absolute;
 transform:translate(-50%, -50%);
 top:50%;
 left:50%;
 padding:50px 70px;
 background:rgba(0,75,147,0.7);
 text-align:center
}
.dd-banner .banner-text1 .text {
 font-size:48px;
 color:#fff;
 text-transform:uppercase
}
.dd-banner .banner-text1 .text span {
 font-size:48px;
 color:#facd30;
 text-transform:uppercase
}
.dd-banner .banner-text1 .b-title {
 font-size:48px;
 color:#fff;
 text-transform:uppercase
}
.dd-banner .banner-text1 .more {
 display:flex;
 position:absolute;
 transform:translateX(-50%);
 left:40%;
 bottom:-20px
}
.dd-banner .banner-text1 .more span {
 display:inline-block;
 padding:10px 20px;
 background:#facd30;
 color:#0054a1;
 border:1px solid #facd30;
 font-size:20px
}
.dd-banner .banner-text1 .more i {
 width:40px;
 display:inline-block;
 padding:10px;
 text-align:center;
 color:#0054a1;
 background:#d8aa0a;
 font-size:22px;
 border:1px solid #d8aa0a;
 padding-top:14px
}
.dd-banner .banner-text1 .more:hover span,
.dd-banner .banner-text1 .more:hover i {
 background:#fff;
 color:#d8aa0a
}
.dd-banner .banner-text2 {
 position:absolute;
 transform:translateY(-50%);
 top:45%;
 left:40%
}
.dd-banner .banner-text2 .text {
 font-size:71px;
 color:#fff;
 text-transform:uppercase;
 line-height:1.1
}
.dd-banner .banner-text2 .b-title {
 font-size:35px;
 color:#fff;
 margin-top:20px
}
.dd-banner .banner-text2 .more {
 display:flex;
 margin-top:40px
}
.dd-banner .banner-text2 .more span {
 display:inline-block;
 padding:10px 20px;
 background:#facd30;
 color:#0054a1;
 border:1px solid #facd30;
 font-size:20px
}
.dd-banner .banner-text2 .more i {
 width:40px;
 display:inline-block;
 padding:10px;
 text-align:center;
 color:#0054a1;
 background:#d8aa0a;
 font-size:22px;
 border:1px solid #d8aa0a;
 padding-top:14px
}
.dd-banner .banner-text2 .more:hover span,
.dd-banner .banner-text2 .more:hover i {
 background:#fff;
 color:#d8aa0a
}
.dd-banner .swiper-button-next,
.dd-banner .swiper-button-prev {
 background-image:none;
 width:auto;
 height:auto;
 font-size:36px;
 top:50%;
 color:#0054a1;
 outline:none;
 height:48px;
 width:48px;
 background:rgba(255,255,255,0.8);
 text-align:center;
 padding-top:6px;
 border-radius:50%
}
.dd-banner .swiper-button-next {  right: -390px;
    padding-left: 5px;
    top: 101px;
}
.dd-banner .swiper-button-prev {
 left:30px;
 padding-right:5px; top: 100px;
}
.jt-other-banner {
 position:relative
}
.jt-other-banner .banner-text {
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
 display:flex;
 justify-content:center;
 align-items:center
}
.jt-other-banner .banner-text .h-title {
 font-size:64px;
 text-align:center;
 color:#fff
}
.p-title {
 text-align:center;
 margin-bottom:25px
}
.p-title a,
.p-title span {
 font-size:38px;
 font-family:"TITILLIUM-BOLD";
 font-weight:bold;
 color:#0054a1
}
.p-title a:hover {
 text-decoration:underline
}
.tit-box {
 padding-bottom:50px;
 position:relative
}
.tit-box:after {
 content:"";
 position:absolute;
 display:block;
 background:#d8d8d8;
 bottom:0;
 width:44%;
 left:0;
 height:1px
}
.tit-box:before {
 content:"";
 position:absolute;
 display:block;
 background:#d8d8d8;
 bottom:0;
 width:44%;
 right:0;
 height:1px
}
.tit-box .richtext {
 color:#000;
 font-size:16px;
 line-height:1.8em;
 text-align:center
}
.tit-box .richtext p {
 color:#000;
 font-size:16px;
 line-height:1.8em;
 margin-bottom:0
}
.tit-box .lines {
 width:50px;
 height:1px;
 background:#038fe2;
 position:absolute;
 left:50%;
 display:block;
 transform:translateX(-50%);
 bottom:-1px;
 z-index:999
}
.tit-box .lines:after {
 display:block;
 content:"";
 width:7px;
 height:7px;
 border-radius:50%;
 background:#038fe2;
 position:absolute;
 left:0;
 top:-3px;
 z-index:999
}
.tit-box .lines:before {
 display:block;
 content:"";
 width:7px;
 height:7px;
 border-radius:50%;
 background:#038fe2;
 position:absolute;
 right:0;
 top:-3px;
 z-index:999
}
.pro-feature-box {
 background:#f9f9f9;
 padding:100px 0
}
.pro-feature-box .feature-list {
 margin:65px 0 100px
}
.pro-feature-box .feature-list .list {
 margin:0 -10px
}
.pro-feature-box .feature-list .list>li {
 padding:10px
}
.pro-feature-box .feature-list .list>li .part {
 box-shadow:0 0 10px #ddd
}
.pro-feature-box .feature-list .list>li .part .thumb {
 display:block;
 overflow:hidden;
 text-align:center;
 position:relative;
 border:1px solid #ddd
}
.pro-feature-box .feature-list .list>li .part .thumb img {
 max-width:100%
}
.pro-feature-box .feature-list .list>li .part .thumb em {
 font-size:40px;
 position:absolute;
 left:15px;
 top:-10px;
 color:#999
}
.pro-feature-box .feature-list .list>li .part .thumb:after {
 content:"";
 display:block;
 border:1px solid #ddd;
 width:120px;
 height:1px;
 position:absolute;
 left:-18px;
 top:40px;
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg)
}
.pro-feature-box .feature-list .list>li .part .thumb .hover-shadow {
 position:absolute;
 width:100%;
 height:100%;
 background:rgba(0,84,161,0.85);
 top:100%;
 left:0;
 text-align:left;
 padding:20px 40px 20px 20px;
 transition:all .5s
}
.pro-feature-box .feature-list .list>li .part .thumb .hover-shadow .more {
 font-size:14px;
 font-weight:bold;
 color:#facd30;
 text-transform:uppercase;
 display:inline-block
}
.pro-feature-box .feature-list .list>li .part .thumb .hover-shadow ul {
 margin-bottom:10px
}
.pro-feature-box .feature-list .list>li .part .thumb .hover-shadow ul li {
 position:relative;
 padding:4px 0 4px 0
}
.pro-feature-box .feature-list .list>li .part .thumb .hover-shadow ul li a {
 display:block;
 font-size:14px;
 color:#fff;
 padding:0 0 0 20px;
 position:relative;
 text-align:left
}
.pro-feature-box .feature-list .list>li .part .thumb .hover-shadow ul li a:after {
 display:block;
 content:"";
 width:5px;
 height:5px;
 background:#fff;
 position:absolute;
 left:0;
 border-radius:50%;
 top:8px
}
.pro-feature-box .feature-list .list>li .part .thumb .hover-shadow ul li a:hover {
 color:#facd30
}
.pro-feature-box .feature-list .list>li .part .thumb .hover-shadow ul li a:hover:after {
 background:#facd30
}
.pro-feature-box .feature-list .list>li .part .ibox {
 padding:40px 30px;
 background:#fff
}
.pro-feature-box .feature-list .list>li .part .ibox .title {
 display:block;
 font-size:20px;
 color:#0054a1;
 margin-bottom:15px
}
.pro-feature-box .feature-list .list>li .part .ibox .title:hover {
 font-weight:bold
}
.pro-feature-box .feature-list .list>li .part .ibox .summary {
 color:#000;
 line-height:1.8em;
 font-size:16px;
 height:196px;
 overflow:hidden
}
.pro-feature-box .feature-list .list>li:hover .part .thumb em {
 display:none
}
.pro-feature-box .feature-list .list>li:hover .part .thumb:after {
 display:none
}
.pro-feature-box .feature-list .list>li:hover .part .thumb .hover-shadow {
 top:0
}
.customer-box {
 height:356px;
 background:url(../../img/bg.jpg);
 padding-top:80px;
 padding-left:80px;padding-bottom: 30px;
}
.customer-box .text-box {
 width:600px;
margin-left: 10px;
}
.customer-box .text-box .c-title {
 font-size:38px;
 color:#fff;
 font-family:"TITILLIUM-BOLD";
 margin-bottom:20px;
 display:block
}
.customer-box .text-box .c-title:hover {
 color:#facd30
}
.customer-box .text-box .richtext {
 font-size:18px;
 color:#fff;
 line-height:1.8em
}
.customer-box .row {
 position:relative
}
.customer-box .row .qg-box {
 height:300px;
 width:300px;
 border-top-left-radius:0;
 border-bottom-right-radius:50%;
 border-bottom-left-radius:50%;
 border-top-right-radius:50%;
 background:#facd30;
 position:absolute;
 right:0;
 top:0;
 box-shadow:0 0 10px #666
}
.customer-box .row .qg-box span {
 display:block;
 font-size:40px;
 color:#0054a1;
 width:50%;
 padding-left:60px;
 padding-top:35px
}
.customer-box .row .qg-box .arrow {
 display:block;
 padding-left:70px;
 font-size:35px;
 padding-top:10px;
 color:#0054a1;
 transition:all .5s;
 left:0;
 position:relative
}
.customer-box .row .qg-box:hover .arrow {
 left:20px
}
.cables-box {
 padding:100px 0;
 background:#f9f9f9
}
.cables-box .stan-list {
 margin-top:48px
}
.cables-box .stan-list ul {
 margin:0 -12px
}
.cables-box .stan-list ul li {
 padding:12px
}
.cables-box .stan-list ul li .part .thumb {
 display:block;
 border:1px solid #ddd;
 background:#fff;
 text-align:center;
 height:141px;
 overflow:hidden
}
.cables-box .stan-list ul li .part .thumb img {
 max-width:100%
}
.cables-box .stan-list ul li .part .title {
 font-size:16px;
 background:#ababab;
 display:block;
 text-align:center;
 padding:10px 0;
 color:#fff;
 height:64px;
 justify-content:center;
 align-items:center;
 display:flex
}
.cables-box .stan-list ul li .part .title:hover {
 background:#0054a1;
 color:#fff
}
.cables-box .stan-list ul .others-color .part .title {
 font-size:16px;
 background:#fff;
 display:block;
 text-align:center;
 padding:10px 0;
 color:#323232;
 height:auto;
 justify-content:center;
 align-items:center;
 display:flex;
 border:1px solid #ddd
}
.cables-box .stan-list ul .others-color .part .title:hover {
 background:#0054a1;
 color:#fff
}
.cables-box .stan-list .more {
 display:block;
 width:130px;
 height:43px;
 line-height:43px;
 background:#0054a1;
 text-align:center;
 font-size:18px;
 color:#fff;
 border-top-left-radius:10px;
 border-bottom-left-radius:10px;
 margin:20px auto 0;
 position:relative;
 margin-top:50px;
 transition:all .5s
}
.cables-box .stan-list .more:after {
 content:">";
 display:block;
 width:37px;
 height:43px;
 border-top-right-radius:10px;
 border-bottom-right-radius:10px;
 background:#038fe2;
 position:absolute;
 right:-37px;
 top:0;
 z-index:9999;
 transition:all .5s
}
.cables-box .stan-list .more:hover {
 background:#038fe2
}
.cables-box .stan-list .more:hover:after {
 background:#0054a1
}
.about-box {
 padding:95px 0;
 height:870px;
 background:url(../../img/ab-bgs.jpg)
}
.about-box .tit-box {
 border-bottom:none;
 padding-bottom:10px
}
.about-box .tit-box .p-title a {
 color:#fff
}
.about-box .tit-box:after {
 display:none
}
.about-box .tit-box:before {
 display:none
}
.about-box .richtext {
 color:#fff;
 line-height:1.8em;
 text-align:center;
 margin-top:50px
}
.about-box .richtext p {
 color:#fff;
 line-height:1.8em
}
.about-box .more {
 text-align:center;
 margin-top:30px
}
.about-box .more a {
 font-size:18px;
 font-weight:bold;
 position:relative;
 color:#fff
}
.about-box .more a:after {
 content:"";
 display:block;
 width:100%;
 height:1px;
 background:#7aa1c5;
 position:absolute;
 bottom:0;
 left:0
}
.about-box .fo-list {
 margin:100px -10px 0 -10px
}
.about-box .fo-list li {
 padding:10px
}
.about-box .fo-list li .part {
 background:#fff;
 padding:50px 30px 40px 30px;
 border-radius:6px
}
.about-box .fo-list li .part .icon-box {
 display:block;
 height:80px;
 width:80px;
 border-radius:50%;
 background:#facd30;
 text-align:center;
 line-height:80px;
 margin:0 auto;
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 top:-20px
}
.about-box .fo-list li .part .icon-box .icon {
 width:3em;
 height:3em;
 fill:#0054a1;
 margin-top:20px
}
.about-box .fo-list li .part .adit-line {
 padding:15px 0
}
.about-box .fo-list li .part .adit-line em {
 height:5px;
 width:5px;
 background:#e3e3e3;
 border-radius:50%;
 display:block;
 margin:4px auto;
 padding-top:5px
}
.about-box .fo-list li .part .title {
 font-size:24px;
 display:block;
 text-align:center;
 color:#0054a1;
 margin-bottom:15px
}
.about-box .fo-list li .part .summary {
 font-size:16px;
 color:#000;
 line-height:1.8em;
 text-align:center;
 height:112px;
 overflow:hidden
}
.about-box .fo-list li:hover .part .icon-box {
 -webkit-animation:bounce 2s ease-in-out infinite;
 animation:bounce 2s ease-in-out infinite
}
.downbox {
 margin:0 -10px
}
.downbox .dp {
 padding:10px
}
.downbox .dp li {
 margin-bottom:10px
}
.downbox .dp li .h5 a {
 display:inline-block
}
.downbox .dp li .h5 a:hover {
 color:#0054a1
}
.downbox .dp li .down-icons {
 position:relative;
 right:0;
 transition:all .5s
}
.downbox .dp li .down-icons:hover {
 right:10px
}
.wechat-q {
 position:relative;
 overflow:visible !important
}
.wechat-q .quto {
 width:150px;
 height:150px;
 position:absolute;
 left:-150px;
 z-index:9999;
 display:none
}
.wechat-q .quto img {
 width:100%
}
.wechat-q:hover .quto {
 display:block
}
.download-list {
 border:1px solid #ccc;
 padding:25px;
 cursor:pointer
}
.download-list .h5 {
 height:36px;
 font-weight:700;
 line-height:18px;
 text-transform:uppercase;
 margin:25px 0 0 0;
 display:-webkit-box !important;
 overflow:hidden;
 text-overflow:ellipsis;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2
}
.download-list .time {
 background:url(../img/news-03-2.png) no-repeat left center;
 padding-left:25px;
 padding-bottom:10px
}
@-webkit-keyframes bounce {
 5% {
  -webkit-transform:scale(1.1, .8)
 }
 15% {
  -webkit-transform:scale(1, 1)
 }
}
@keyframes bounce {
 5% {
  transform:scale(1.1, .8)
 }
 15% {
  transform:scale(1, 1)
 }
}
.news-box {
 padding:100px 0 80px;
 background:#f9f9f9
}
.news-box .tit-box .richtext {
 line-height:1.8em
}
.news-box .n-list {
 padding-top:65px
}
.news-box .n-list ul {
 margin:0 -15px
}
.news-box .n-list ul li {
 padding:15px
}
.news-box .n-list ul li .part .thumb {
 display:block;
 text-align:center
}
.news-box .n-list ul li .part .thumb img {
 max-width:100%
}
.news-box .n-list ul li .part .date {
 margin-top:20px;
 color:#636363;
 font-size:14px
}
.news-box .n-list ul li .part .title {
 display:block;
 font-size:18px;
 color:#0054a1;
 margin:10px 0;
 text-align:left
}
.news-box .n-list ul li .part .title:hover {
 text-decoration:underline
}
.news-box .n-list ul li .part .summary {
 font-size:16px;
 color:#000;
 line-height:1.8em
}
.pro-list-box {
 padding:95px 0;
 background:#f9f9f9
}
.pro-list-box .tit-box .p-title span {
 font-family:"TITILLIUM" !important;
 font-size:38px;
 color:#0054a1;
 font-weight:normal
}
.pro-list-box .feature-list {
 margin:65px 0 100px
}
.pro-list-box .feature-list .list {
 margin:0 -10px
}
.pro-list-box .feature-list .list>li {
 padding:10px
}
.pro-list-box .feature-list .list>li .part {
 box-shadow:0 0 10px #ddd
}
.pro-list-box .feature-list .list>li .part .thumb {
 display:block;
 overflow:hidden;
 text-align:center;
 position:relative;
 border:1px solid #ddd
}
.pro-list-box .feature-list .list>li .part .thumb img {
 max-width:100%
}
.pro-list-box .feature-list .list>li .part .thumb em {
 font-size:40px;
 position:absolute;
 left:15px;
 top:-10px;
 color:#999
}
.pro-list-box .feature-list .list>li .part .thumb:after {
 content:"";
 display:block;
 border:1px solid #ddd;
 width:120px;
 height:1px;
 position:absolute;
 left:-18px;
 top:40px;
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg)
}
.pro-list-box .feature-list .list>li .part .thumb .hover-shadow {
 position:absolute;
 width:100%;
 height:100%;
 background:rgba(0,84,161,0.85);
 top:100%;
 left:0;
 text-align:left;
 padding:20px 40px 20px 20px;
 transition:all .5s
}
.pro-list-box .feature-list .list>li .part .thumb .hover-shadow .more {
 font-size:14px;
 font-weight:bold;
 color:#facd30;
 text-transform:uppercase;
 display:inline-block
}
.pro-list-box .feature-list .list>li .part .thumb .hover-shadow ul {
 margin-bottom:10px
}
.pro-list-box .feature-list .list>li .part .thumb .hover-shadow ul li {
 position:relative;
 padding:4px 0 4px 0
}
.pro-list-box .feature-list .list>li .part .thumb .hover-shadow ul li a {
 display:block;
 font-size:14px;
 color:#fff;
 padding:0 0 0 20px;
 position:relative;
 text-align:left
}
.pro-list-box .feature-list .list>li .part .thumb .hover-shadow ul li a:after {
 display:block;
 content:"";
 width:5px;
 height:5px;
 background:#fff;
 position:absolute;
 left:0;
 border-radius:50%;
 top:8px
}
.pro-list-box .feature-list .list>li .part .ibox {
 padding:40px 30px;
 background:#fff
}
.pro-list-box .feature-list .list>li .part .ibox .title {
 display:block;
 font-size:20px;
 color:#0054a1;
 margin-bottom:15px;
 height:56px
}
.pro-list-box .feature-list .list>li .part .ibox .title:hover {
 font-weight:bold
}
.pro-list-box .feature-list .list>li .part .ibox .summary {
 color:#000;
 line-height:1.8em;
 font-size:16px;
 height:196px;
 overflow:hidden
}
.pro-list-box .feature-list .list>li:hover .part .thumb em {
 display:none
}
.pro-list-box .feature-list .list>li:hover .part .thumb:after {
 display:none
}
.pro-list-box .feature-list .list>li:hover .part .thumb .hover-shadow {
 top:0
}
.pro-list-box .adv-box {
 padding:70px 0 0 0;
 background:url(../img/aop.jpg)
}
.pro-list-box .adv-box .ad-title {
 font-size:38px;
 color:#fff;
 text-align:center;
 padding-bottom:60px;
 border-bottom:#8baecd 1px solid
}
.pro-list-box .adv-box .list li {
 padding:90px 120px;
 border-right:1px solid #8baecd
}
.pro-list-box .adv-box .list li .part .icon-box {
 margin-bottom:20px;
 display:block
}
.pro-list-box .adv-box .list li .part .icon-box .icon {
 width:2.8em;
 height:2.8em;
 fill:#fff
}
.pro-list-box .adv-box .list li .part .title {
 font-size:20px;
 color:#fff;
 margin-bottom:20px
}
.pro-list-box .adv-box .list li .part .summary {
 color:#fff;
 line-height:1.8em;
 font-size:16px
}
.pro-list-box .adv-box .list li .part:hover .icon-box .icon {
 -webkit-animation:bounce 2s ease-in-out infinite;
 animation:bounce 2s ease-in-out infinite
}
.single-slider-list {
 margin-bottom:50px
}
.single-slider-list li a {
 display:inline-block;
 padding:5px 20px;
 text-align:center;
 border:1px solid #0054a1;
 border-radius:6px;
 background:#0054a1;
 color:#fff;
 font-size:20px
}
.single-slider-list li a:hover {
 background:#fff;
 color:#0054a1
}
.single-slider-list .acts a {
 background:#fff;
 color:#0054a1
}
.contact-bar {
 background:url(../../img/cbar-bgs.jpg);
 height:300px;
 position:relative;
 border-bottom:#facd30 5px solid
}
.contact-bar .cb-box {
 position:absolute;
 width:100%;
 height:100%;
 justify-content:center;
 align-items:center;
 display:flex;
 top:0;
 left:0
}
.contact-bar .cb-box .flexbox {
 text-align:center
}
.contact-bar .cb-box .flexbox p {
 font-size:40px;
 color:#fff
}
.contact-bar .cb-box .flexbox a {
 display:inline-block;
 padding:10px 30px;
 color:#0054a1;
 background:#fff;
 border-radius:6px;
 text-transform:uppercase;
 font-size:16px;
 margin-top:25px
}
.contact-bar .cb-box .flexbox a i {
 margin-right:8px;
 color:#0054a1
}
.contact-bar .cb-box .flexbox a:hover {
 background:#facd30;
 color:#fff
}
footer {
 padding:70px 0 0 0;
 background:#1b4283;
 position:relative
}
footer:after {
 content:"";
 display:block;
 width:100%;
 height:100%;
 background:url(../img/shadows.png);
 background-repeat:no-repeat;
 background-size:cover;
 position:absolute;
 left:0;
 top:0;
 z-index:1
}
footer .footer-box {
 position:relative;
 z-index:2
}
footer .footer-box .foot-part .f-title {
 margin-bottom:25px; margin-top: 25px;
}
footer .footer-box .foot-part .f-title a {
 display:inline-block;
 color:#fff;
 font-size:18px;
 text-transform:uppercase
}
footer .footer-box .foot-part .f-list li {
 padding:5px 0
}
footer .footer-box .foot-part .f-list li a {
 display:inline-block;
 color:#facd30
}
footer .footer-box .foot-part .f-list li a:hover {
 text-decoration:underline
}
footer .footer-box .contact-part {
 position:relative
}
footer .footer-box .contact-part ul li {
 padding:10px 0 10px 35px;
 position:relative
}
footer .footer-box .contact-part ul li>i {
 position:absolute;
 left:0;
 top:12px;
 color:#facd30;
 font-size:22px
}
footer .footer-box .contact-part ul li>span,
footer .footer-box .contact-part ul li>a {
 font-size:14px;
 color:#facd30;
 display:inline-block;
 line-height:1.8;
 font-weight:bold
}
footer .footer-box .contact-part ul li>span>i,
footer .footer-box .contact-part ul li>a>i {
 position:absolute;
 left:0;
 top:12px;
 color:#facd30;
 font-size:22px
}
footer .footer-box .contact-part ul li>a:hover {
 text-decoration:underline
}
footer .footer-box .contact-part ul li:nth-child(2)>a>i {
 left:3px
}
footer .footer-box .contact-part ul li:nth-child(3)>i {
 left:5px
}
footer .footer-box .contact-part .c-clist {
 position:absolute;
 bottom:-60px;
 left:0
}
footer .footer-box .contact-part .c-clist .fl-us {
 font-size:16px;
 font-weight:bold;
 margin-bottom:10px;
 color:#7490b0
}
footer .footer-box .contact-part .share-links a {
 display:inline-block;
 height:34px;
 width:34px;
 text-align:center;
 line-height:36px;
 color:#fff;
 font-size:20px;
 margin:0 5px
}
footer .footer-box .contact-part .share-links a:hover {
 background:#013974 !important;
 color:#fff
}
footer .footer-box .contact-part .share-links a:nth-child(1) {
 background:#395c9e
}
footer .footer-box .contact-part .share-links a:nth-child(2) {
 background:#359aef
}
footer .footer-box .contact-part .share-links a:nth-child(3) {
 background:#ca2025
}
footer .footer-box .contact-part .share-links a:nth-child(4) {
 background:#007da1
}
footer .footer-box .contact-part .share-links a:nth-child(5) {
 background:#f03431
}
.footer-bottom {
 padding:30px 0 30px;
 background:#0f2e64;
 margin-top:60px
}
.footer-bottom span,
.footer-bottom a {
 color:#facd30;
 position:relative;
 z-index:2
}
.footer-bottom a:hover {
 text-decoration:underline
}
.related-news1 {
 padding:100px 0 0 0
}
.related-news1 .nbox {
 padding-top:55px
}
.related-news1 .m-list {
 margin:0 -10px
}
.related-news1 .m-list li {
 padding:10px
}
.related-news1 .m-list li .part {
 height:295px;
 overflow:hidden;
 position:relative
}
.related-news1 .m-list li .part:after {
 content:"";
 display:block;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.5)
}
.related-news1 .m-list li .part img {
 width:100%
}
.related-news1 .m-list li .part .ibox {
 padding:20px;
 position:absolute;
 bottom:0;
 width:100%;
 left:0;
 z-index:99;
 background:-webkit-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8));
 background:-o-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8));
 background:-moz-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8));
 background:linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.8))
}
.related-news1 .m-list li .part .ibox .date {
 display:inline-block;
 padding:2px 5px 6px;
 color:#1c4db1;
 font-size:14px;
 border-radius:10px;
 background:#facd30;
 margin-bottom:10px;
 font-family:"TITILLIUM-BOLD"
}
.related-news1 .m-list li .part .ibox .title {
 font-size:22px;
 font-family:"TITILLIUM-BOLD";
 line-height:1.6em;
 display:block;
 color:#fff
}
.related-news1 .m-list li .part .ibox .title:hover {
 text-decoration:underline
}
.form-box {
 padding-top:100px
}
.d-form-box {
 background:url(../../img/form-bg2.jpg);
 background-size:cover;
 background-repeat:no-repeat
}
.d-form-box .tit-box .p-title {
 margin-bottom:0
}
.d-form-box .tit-box .p-title span {
 color:#fff
}
.d-form-box .tit-box .richtext {
 color:#fff
}
.d-form-box .tit-box .lines {
 background:#fff
}
.d-form-box .tit-box .lines:after {
 background:#fff
}
.d-form-box .tit-box .lines:before {
 background:#fff
}
.d-form-box .bl-detail-form .sep-form .btn.btn-primary {
 background:#facd30;
 border:1px solid #facd30
}
.bl-detail-form {
 width:90%;
 margin:50px auto 0
}
.bl-detail-form .form-title {
 padding-bottom:20px
}
.bl-detail-form .form-title i {
 font-size:24px;
 color:#008c3e !important;
 margin-right:5px
}
.bl-detail-form .form-title span {
 font-size:26px;
 font-weight:bold
}
.bl-detail-form .sep-form {
 padding:0
}
.bl-detail-form .sep-form .f-left {
 padding-right:10px
}
.bl-detail-form .sep-form .f-right {
 padding-left:10px
}
.bl-detail-form .sep-form .form-group {
 padding:0
}
.bl-detail-form .sep-form .form-group .form-control {
 height:45px;
 background:#fff;
 -webkit-box-shadow:inset 2px 4px 7px #d5d5d5;
 box-shadow:inset 2px 4px 7px #d5d5d5;
 border:none;
 border-radius:8px
}
.bl-detail-form .sep-form .form-group textarea.form-control {
 height:auto
}
.bl-detail-form .sep-form .form-group .regex-tip {
 top:36px;
 right:84px;
 padding-right:15px;
 display:none
}
.bl-detail-form .sep-form .btn.btn-primary {
 font-size:18px;
 padding:8px 50px;
 background:#038fe2;
 border:1px solid #038fe2;
 text-transform:uppercase;
 margin-left:20px
}
.bl-detail-form .sep-form .btn.btn-primary:hover {
 background:#fff;
 color:#038fe2
}
.bl-detail-form .sep-form .input-group {
 display:block
}
.bl-detail-form .sep-form .input-group-addon {
 background:transparent;
 border:none;
 right:90px;
 position:absolute;
 z-index:9999;
 top:10px
}
.bl-detail-form input[placeholder],
.bl-detail-form [placeholder] {
 color:#038fe2 !important
}
.bl-detail-form input::-webkit-input-placeholder,
.bl-detail-form textarea::-webkit-input-placeholder {
 color:#038fe2 !important
}
.bl-detail-form input::-moz-input-placeholder,
.bl-detail-form textarea::-moz-input-placeholder {
 color:#038fe2 !important
}
.bl-detail-form input::-o-input-placeholder,
.bl-detail-form textarea::-o-input-placeholder {
 color:#038fe2 !important
}
.bl-detail-form input::-ms-input-placeholder,
.bl-detail-form textarea::-ms-input-placeholder {
 color:#038fe2 !important
}
.list-faq-box {
 padding:80px 0;
 background:url(../img/faq-bg1.jpg);
 background-size:cover;
 background-repeat:no-repeat
}
.list-faq-box .f-title {
 font-size:38px;
 margin-bottom:40px;
 color:#fff
}
.list-faq-box ul li {
 margin-bottom:20px
}
.list-faq-box ul li .que {
 position:relative;
 background:#fff;
 color:#0054a1;
 font-size:16px;
 padding:13px 68px;
 cursor:pointer;
 font-weight:bold
}
.list-faq-box ul li .que em {
 font-size:24px;
 display:block;
 width:46px;
 height:100%;
 background:#facd30;
 text-align:center;
 line-height:48px;
 position:absolute;
 left:0;
 top:0;
 display:flex;
 align-items:center;
 justify-content:center
}
.list-faq-box ul li .que em .icon {
 width:2em;
 height:2em;
 fill:#0054a1
}
.list-faq-box ul li .que .icons-box {
 position:absolute;
 right:10px;
 top:50%;
 transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
 -moz-transition:all .3s ease-in-out;
 -o-transition:all .3s ease-in-out;
 transform:translateY(-50%) rotate(45deg);
 -webkit-transform:translateY(-50%) rotate(45deg);
 -moz-transform:translateY(-50%) rotate(45deg);
 -o-transform:translateY(-50%) rotate(45deg);
 -ms-transform:translateY(-50%) rotate(45deg)
}
.list-faq-box ul li .que .icons-box .icon {
 width:2em;
 height:2em;
 fill:#facd30
}
.list-faq-box ul li .answer {
 padding:20px 15px;
 font-size:16px;
 line-height:1.8em;
 display:none;
 color:#fff;
 transition:all .3s;
 padding-left:50px
}
.list-faq-box ul li .answer p {
 font-size:16px;
 color:#fff;
 line-height:1.8em
}
.list-faq-box ul .active .que .icons-box {
 transform:translateY(-50%) rotate(135deg);
 -webkit-transform:translateY(-50%) rotate(135deg);
 -moz-transform:translateY(-50%) rotate(135deg);
 -o-transform:translateY(-50%) rotate(135deg);
 -ms-transform:translateY(-50%) rotate(134deg)
}
.list-faq-box ul .active .answer {
 display:block
}
.others-qus {
 padding:110px 0;
 background:#f9f9f9
}
.others-qus .tit-box .p-title {
 margin-bottom:0
}
.others-qus .richtext {
 margin-top:55px
}
.others-qus .richtext p strong {
 color:#0054a1;
 font-size:20px
}
.richtext,
.richtext * {
 font-family:"TITILLIUM"
}
.also-like-box {
 padding:100px 0
}
.also-like-box .tit-box .p-title {
 margin-bottom:0
}
.also-like-box .tit-box .p-title span {
 font-family:"TITILLIUM";
 font-weight:normal
}
.like-box {
 padding-top:60px
}
.like-box .posi-rela {
 position:relative
}
.like-box .posi-rela .like-swiper {
 padding-bottom:50px
}
.like-box .posi-rela .like-swiper ul li .part {
 box-shadow:0 0 10px #ddd;
 margin:10px
}
.like-box .posi-rela .like-swiper ul li .part .thumb {
 display:block;
 overflow:hidden;
 text-align:center;
 position:relative;
 border:1px solid #ddd
}
.like-box .posi-rela .like-swiper ul li .part .thumb img {
 max-width:100%
}
.like-box .posi-rela .like-swiper ul li .part .thumb em {
 font-size:40px;
 position:absolute;
 left:15px;
 top:-10px;
 color:#999
}
.like-box .posi-rela .like-swiper ul li .part .thumb:after {
 content:"";
 display:block;
 border:1px solid #ddd;
 width:120px;
 height:1px;
 position:absolute;
 left:-18px;
 top:40px;
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -moz-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg)
}
.like-box .posi-rela .like-swiper ul li .part .thumb .hover-shadow {
 position:absolute;
 width:100%;
 height:100%;
 background:rgba(0,84,161,0.85);
 top:100%;
 left:0;
 text-align:left;
 padding:20px 40px;
 transition:all .5s
}
.like-box .posi-rela .like-swiper ul li .part .thumb .hover-shadow .more {
 font-size:14px;
 font-weight:bold;
 color:#facd30;
 text-transform:uppercase;
 display:inline-block
}
.like-box .posi-rela .like-swiper ul li .part .thumb .hover-shadow ul {
 margin-bottom:10px
}
.like-box .posi-rela .like-swiper ul li .part .thumb .hover-shadow ul li {
 position:relative;
 padding:4px 0 4px 0
}
.like-box .posi-rela .like-swiper ul li .part .thumb .hover-shadow ul li a {
 display:block;
 font-size:14px;
 color:#fff;
 padding:0 0 0 20px;
 position:relative;
 text-align:left
}
.like-box .posi-rela .like-swiper ul li .part .thumb .hover-shadow ul li a:after {
 display:block;
 content:"";
 width:5px;
 height:5px;
 background:#fff;
 position:absolute;
 left:0;
 border-radius:50%;
 top:8px
}
.like-box .posi-rela .like-swiper ul li .part .thumb .hover-shadow ul li a:hover {
 color:#facd30
}
.like-box .posi-rela .like-swiper ul li .part .thumb .hover-shadow ul li a:hover:after {
 background:#facd30
}
.like-box .posi-rela .like-swiper ul li .part .ibox {
 padding:40px 30px
}
.like-box .posi-rela .like-swiper ul li .part .ibox .title {
 display:block;
 font-size:20px;
 height:56px;
 color:#0054a1;
 margin-bottom:15px;
 display:flex;
 justify-content:center;
 align-items:center
}
.like-box .posi-rela .like-swiper ul li .part .ibox .title:hover {
 font-weight:bold
}
.like-box .posi-rela .like-swiper ul li .part .ibox .summary {
 color:#000;
 line-height:1.8em;
 font-size:16px;
 height:196px;
 overflow:hidden
}
.like-box .posi-rela .like-swiper ul li:hover .part .thumb em {
 display:none
}
.like-box .posi-rela .like-swiper ul li:hover .part .thumb:after {
 display:none
}
.like-box .posi-rela .like-swiper ul li:hover .part .thumb .hover-shadow {
 top:0
}
.like-box .posi-rela .swiper-button-next,
.like-box .posi-rela .swiper-button-prev {
 background-image:none;
 width:auto;
 height:auto;
 font-size:65px;
 top:45%;
 color:#333;
 outline:none
}
.like-box .posi-rela .swiper-button-next {
 right:-60px
}
.like-box .posi-rela .swiper-button-prev {
 left:-60px
}
.like-box .swiper-pagination {
 bottom:10px !important
}
.detail-img-show .big-img ul li {
 text-align:center
}
.detail-img-show .big-img ul li .thumb {
 display:inline-block
}
.detail-img-show .big-img ul li .thumb img {
 max-width:100%
}
.detail-img-show .small-img {
 margin-top:30px
}
.detail-img-show .small-img ul {
 padding-top:20px
}
.detail-img-show .small-img ul li .thumb {
 display:block;
 text-align:center;
 border-radius:4px;
 cursor:pointer;
 position:relative
}
.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-img-show .small-img ul li .thumb img {
 max-width:100%
}
.detail-img-show .small-img ul .swiper-slide-thumb-active .thumb {
 border:2px solid #359ed1
}
.detail-img-show .small-img ul .swiper-slide-thumb-active .thumb:after {
 border-bottom:12px solid #359ed1
}
.detail-img-show .swiper-button-next,
.detail-img-show .swiper-button-prev {
 background-image:none;
 width:auto;
 height:auto;
 font-size:50px;
 color:#fff;
 outline:none;
 top:54%;
 color:#0990d4
}
.detail-img-show .swiper-button-next {
 right:10px
}
.detail-img-show .swiper-button-prev {
 left:10px
}
.detail-img-show .pc-hidden {
 display:none
}
.detail-box .detail-tops {
 padding:60px 0;
 background:#f4f4f4
}
.detail-box .detail-tops .tit-box {
 padding-bottom:35px
}
.detail-box .detail-tops .tit-box .p-title {
 margin-bottom:0
}
.detail-box .detail-tops .tit-box .p-title span {
 font-weight:normal;
 font-family:"TITILLIUM"
}
.detail-box .detail-tops .text-box .summary {
 font-size:16px;
 line-height:1.8em;
 color:#000;
 text-align:center
}
.detail-box .detail-tops .text-box .summary p {
 font-size:16px;
 line-height:1.8em;
 color:#000
}
.detail-box .detail-tops .two-btn {
 margin-top:40px
}
.detail-box .detail-tops .two-btn .row {
 display:flex;
 justify-content:center;
 align-items:center
}
.detail-box .detail-tops .two-btn a {
 display:flex;
 border-radius:10px;
 overflow:hidden;
 margin-right:20px;
 width:206px;
 float:left
}
.detail-box .detail-tops .two-btn a span {
 display:block;
 color:#0054a1;
 font-size:16px;
 height:56px;
 width:100%;
 line-height:56px;
 text-align:center
}
.detail-box .detail-tops .two-btn a i {
 width:50px;
 display:inline-block;
 padding:10px;
 text-align:center;
 color:#fff;
 background:#005da9;
 font-size:18px;
 padding-top:22px;
 height:56px
}
.detail-box .detail-tops .two-btn .more1 span {
 background:#038fe2;
 color:#fff
}
.detail-box .detail-tops .two-btn .more2 span {
 background:#facc2b
}
.detail-news {
 padding-bottom:80px
}
.detail-news ul {
 margin:0 -15px;
 padding-top:50px
}
.detail-news ul li {
 padding:15px
}
.detail-news ul li .part {
 padding:20px;
 background:#fff;
 box-shadow:0 0 10px #ddd
}
.detail-news ul li .part .thumb {
 margin-bottom:20px;
 display:block;
 overflow:hidden
}
.detail-news ul li .part .thumb img {
 width:100%
}
.detail-news ul li .part .date {
 font-size:14px
}
.detail-news ul li .part .title {
 font-size:18px;
 display:block;
 color:#0054a1;
 font-family:"TITILLIUM-BOLD";
 padding:10px 0;
 margin-bottom:50px
}
.detail-news ul li .part .title:hover {
 text-decoration:underline
}
.grey-bgs {
 background:#f9f9f9
}
.main-box {
 background:#f9f9f9;
 position:relative
}
.main-box .container {
 position:relative;
 padding:80px 0
}
.main-box .container:before {  
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background: #eaeaea00;
    position: absolute;
    left: 25px;
    top: 0;
}
.main-box .main-right .richtext h2 {
 font-size:26px;
 color:#0054a1;
 position:relative;
 padding-bottom:22px;
 font-weight:normal;
 margin-bottom:30px
}
.main-box .main-right .richtext h2 .lines {
 width:50px;
 height:1px;
 background:#038fe2;
 position:absolute;
 left:0;
 display:block;
 bottom:-1px;
 z-index:999
}
.main-box .main-right .richtext h2 .lines:after {
 display:block;
 content:"";
 width:7px;
 height:7px;
 border-radius:50%;
 background:#038fe2;
 position:absolute;
 left:0;
 top:-3px;
 z-index:999
}
.main-box .main-right .richtext h2 .lines:before {
 display:block;
 content:"";
 width:7px;
 height:7px;
 border-radius:50%;
 background:#038fe2;
 position:absolute;
 right:0;
 top:-3px;
 z-index:999
}
.main-box .main-left {
 padding-right:60px
}
.main-box .main-left .slider-box {
 margin-bottom:35px;
 background:#fff;
 padding-left:25px;
 border-left:3px solid #1a70c5;
 padding-bottom:55px
}
.main-box .main-left .slider-box .s-title {
 margin-bottom:20px;
 position:relative
}
.main-box .main-left .slider-box .s-title a {
 font-size:32px;
 padding-left:20px;
 display:block;
 padding:20px 0 10px
}
.main-box .main-left .slider-box .level-first-box>li {
 position:relative
}
.main-box .main-left .slider-box .level-first-box>li>a {
 display:block;
 padding:14px 30px 10px 0;
 border-bottom:1px solid #ddd;
 font-size:16px;
 color:#0054a1;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 transition:all .2s
}
.main-box .main-left .slider-box .level-first-box>li>i {
 position:absolute;
 right:9px;
 top:14px;
 font-size:24px;
 color:#0054a1
	                    cursor: pointer
}
.main-box .main-left .slider-box .level-first-box>li ul {
 padding-left:10px;
 display:none
}
.main-box .main-left .slider-box .level-first-box>li ul li a {
 padding:8px 0 8px 20px;
 display:block;
 font-size:14px;
 position:relative;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.main-box .main-left .slider-box .level-first-box>li ul li a:after {
 content:"";
 display:block;
 height:4px;
 width:4px;
 background:#0054a1;
 position:absolute;
 top:15px;
 left:7px;
 border-radius:50%
}
.main-box .main-left .slider-box .level-first-box>li ul li a:hover {
 color:#0054a1
}
.main-box .main-left .slider-box .level-first-box>li ul>.active>a {
 color:#0054a1;
 font-weight:bold
}
.main-box .main-left .slider-box .level-first-box>li:hover>a {
 color:#0054a1;
 font-weight:bold;
 padding:14px 30px 10px 10px
}
.main-box .main-left .slider-box .level-first-box>li:hover>i {
 color:#0054a1
}
.main-box .main-left .slider-box .level-first-box>.active>a {
 color:#0054a1;
 font-weight:bold;
 padding:14px 30px 10px 10px
}
.main-box .main-left .slider-box .level-first-box>.active>i {
 color:#0054a1
}
.main-box .main-left .slider-box .level-first-box>.active ul {
 display:block
}
.main-box .main-left .slider-box .level-first-box>li:last-child>a {
 border-bottom:none
}
.main-box .main-left .slider-box .c-list li {
 padding:10px 0 10px 35px;
 position:relative;
 margin:15px 0
}
.main-box .main-left .slider-box .c-list li>i {
 position:absolute;
 left:0;
 top:12px;
 color:#fff;
 font-size:14px;
 height:30px;
 width:30px;
 text-align:center;
 line-height:30px;
 background:#0054a1;
 border-radius:50%
}
.main-box .main-left .slider-box .c-list li span,
.main-box .main-left .slider-box .c-list li a {
 font-size:16px !important;
 color:#0054a1;
 display:inline-block;
 line-height:1.8;
 font-weight:bold
}
.main-box .main-left .slider-box .c-list li span>i,
.main-box .main-left .slider-box .c-list li a>i {
 position:absolute;
 left:0;
 top:12px;
 color:#fff;
 font-size:14px;
 height:30px;
 width:30px;
 text-align:center;
 line-height:30px;
 background:#0054a1;
 border-radius:50%
}
.main-box .main-left .slider-box .c-list li>a:hover {
 text-decoration:underline
}
.main-box .main-left .slider-box .more {
 width:182px;
 text-align:center;
 line-height:38px;
 background:#038fe2;
 color:#fff;
 display:block;
 font-size:18px;
 border:1px solid #038fe2;
 margin:30px auto
}
.main-box .main-left .slider-box .more:hover {
 background:#fff;
 color:#038fe2
}
.main-box .main-left .news-slider .n-list li {
 margin-bottom:30px
}
.main-box .main-left .news-slider .n-list li .thumb {
 display:block;
 overflow:hidden
}
.main-box .main-left .news-slider .n-list li .thumb img {
 width:100%
}
.main-box .main-left .news-slider .n-list li .txt-box {
 font-size:14px;
 padding-left:10px
}
.main-box .main-left .news-slider .n-list li .txt-box .date {
 font-size:14px;
 color:#0054a1
}
.main-box .main-left .news-slider .n-list li .txt-box .title {
 display:block;
 font-size:16px;
 line-height:1.8em
}
.main-box .main-left .news-slider .n-list li:last-chidl {
 margin-bottom:0
}
.richtext p {
 margin-bottom:0;
 line-height:1.6em
}
.richtext ul,
.richtext ol {
 padding-left:20px
}
.richtext ul li,
.richtext ol li {
 list-style-type:disc
}
.richtext h2 {
 font-weight:bold;
 color:#0054a1;
 font-size:18px
}
.richtext table tr td {
 text-align:center !important;
 font-size:16px;
 padding:8px 10px;
 border:2px solid #f9f9f9
}
.richtext table tr td p {
 margin-bottom:0
}
.richtext table tr:first-child td {
 font-size:16px;
 color:#fff;
 background:#038fe2;
 text-align:center
}
.richtext table tr:first-child td p {
 color:#fff;
 font-size:16px
}
.company-banner {
 background-position:center bottom;
 background-repeat:no-repeat;
 background-color:#0059ab;
 background-size:900px;
 padding:70px 15px 500px 15px;
 overflow:hidden
}
.company-banner .banner-text {
 align-items:flex-end
}
.single-box {
 padding: 0;
}
.single-box .top-box {
 padding:60px 0;
 background-color:#f4f4f3;
 text-align:center
}
.single-box .top-box .ps-title {
 font-size:2.5em;
 color:#0054a1;
 font-weight:300;
 -webkit-transform:translateZ(1px);
 -ms-transform:translateZ(1px);
 -o-transform:translateZ(1px);
 transform:translateZ(1px);
 margin-bottom:20px
}
.single-box .top-box .summary {
 font-size:1.5em;
 color:#7d7c7c;
 font-size:22px
}
.single-box .text-for {
 padding:60px 0
}
.single-box .text-for .txt-left {
 padding-left:30px
}
.single-box .text-for .img-right img {
 width:100%
}
.detail-img-show {
 padding-bottom:50px
}
.detail-img-show .just-center {
 justify-content:center
}
.detail-img-show .big-img ul li {
 text-align:center
}
.detail-img-show .big-img ul li .thumb {
 display:block
}
.detail-img-show .big-img ul li .thumb img {
 width:100%
}
.detail-img-show .small-img {
 margin-top:30px
}
.detail-img-show .small-img ul {
 padding-top:20px
}
.detail-img-show .small-img ul li .thumb {
 display:block;
 text-align:center;
 border-radius:4px;
 cursor:pointer;
 position:relative
}
.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-img-show .small-img ul li .thumb img {
 max-width:100%
}
.detail-img-show .small-img ul .swiper-slide-thumb-active .thumb:after {
 border-bottom:12px solid #359ed1
}
.factory-show {
 padding:80px 0
}
.sep-cert-title {
 background:#0054a1;
 color:#fff;
 font-size:20px;
 padding:0 25px;
 height:58px;
 line-height:58px;
 margin-bottom:30px
}
.sep-cert-title span {
 color:#fff;
 font-size:20px;
 text-transform:uppercase;
 padding-left:10px;
 display:inline-block
}
.honor-list {
 margin:0 -10px
}
.honor-list li {
 text-align:center;
 padding:10px
}
.honor-list li img {
 max-width:100%
}
.th-quality-control-ul-boxs {
 width:100%
}
.th-quality-control-ul-boxs.ons {
 margin-top:24px
}
.th-quality-control-ul-boxs ul li {
 width:100%;
 position:relative;
 padding:100px 0
}
.th-quality-control-ul-boxs ul li:before {
 content:'';
 display:block;
 width:1px;
 height:100%;
 position:absolute;
 left:50%;
 top:0;
 z-index:10;
 background:#000
}
.th-quality-control-ul-boxs ul li:nth-child(odd) .thumbs {
 float:left
}
.th-quality-control-ul-boxs ul li:nth-child(odd) .lis-boxs {
 right:0
}
.th-quality-control-ul-boxs ul li:nth-child(even) .thumbs {
 float:right
}
.th-quality-control-ul-boxs ul li:nth-child(even) .lis-boxs {
 left:0
}
.th-quality-control-ul-boxs .i-imgs-boxs {
 display:block;
 width:auto;
 position:absolute;
 top:0;
 left:50%;
 transform:translateX(-50%);
 z-index:30
}
.th-quality-control-ul-boxs .i-imgs-boxs img {
 max-width:100%;
 position:relative;
 z-index:2
}
.th-quality-control-ul-boxs .i-imgs-boxs i {
 font-size:36px;
 color:#fff;
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%);
 -ms-transform:translate(-50%, -50%);
 -o-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%);
 z-index:10
}
.th-quality-control-ul-boxs .thumbs {
 width:46%;
 overflow:hidden
}
.th-quality-control-ul-boxs .thumbs img {
 width:100%
}
.th-quality-control-ul-boxs .lis-boxs {
 width:46%;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 float:left
}
.th-quality-control-ul-boxs .titles-a {
 font-size:20px;
 font-weight:bold;
 line-height:normal;
 color:#000
}
.th-quality-control-ul-boxs .spans {
 margin-top:12px
}
.thumbs,
.spans,
.titles-a {
 display:block;
 width:100%
}
.spans {
 display:block;
 width:100%;
 font-size:16px;
 line-height:26px;
 color:#3d3d3d
}
.spans * {
 font-size:16px;
 line-height:26px;
 color:#3d3d3d
}
.jw-datalist li {
 position:relative;
 padding:10px 100px 10px 10px;
 height:220px;
 border:1px solid #ddd;
 box-shadow:2px 2px 3px #ddd;
 margin-bottom:20px
}
.jw-datalist .title {
 color:#0088df;
 font-size:16px;
 display:block
}
.jw-datalist .published {
 position:absolute;
 display:block;
 width:68px;
 height:125px;
 right:10px;
 top:50%;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%)
}
.jw-datalist .published .date {
 display:block;
 line-height:70px;
 font-size:60px;
 color:#ccc;
 border-bottom:1px solid #ccc
}
.jw-datalist .published .year {
 line-height:24px;
 padding-top:8px;
 font-size:18px;
 color:#ccc
}
.jw-datalist .summary {
 font-size:16px;
 display:block;
 line-height:1.8em;
 margin-top:20px;
 margin-bottom:20px
}
.jw-datalist li .btn-read {
 color:#0088df
}
.cn-services-box {
 padding:60px 0
}
.cn-services-box .sup-top .msg-left {
 padding-right:20px
}
.cn-services-box .sup-top .msg-left .cn-title {
 font-size:42px;
 line-height:1em;
 margin-bottom:20px
}
.cn-services-box .sup-top .msg-left .richtext {
 font-size:16px;
 line-height:1.5em
}
.cn-services-box .sup-top .msg-left .richtext p {
 font-size:16px;
 line-height:1.5em
}
.cn-services-box .sup-top .msg-left .more {
 margin-top:30px;
 font-weight:700;
 text-transform:uppercase;
 font-size:16px;
 letter-spacing:.09em;
 line-height:46px;
 text-decoration:none;
 text-align:center;
 color:#fff;
 background-color:#0054a1;
 border:2px solid #0054a1;
 display:inline-block;
 padding-left:20px;
 padding-right:20px;
 border-radius:50px;
 min-width:190px;
 white-space:nowrap;
 transition:all .5s
}
.cn-services-box .sup-top .msg-left .more:hover {
 background:#fff;
 color:#0054a1
}
.cn-services-box .sup-top .img-right .thumb {
 display:block;
 text-align:center
}
.cn-services-box .sup-top .img-right .thumb img {
 max-width:100%
}
.cn-next-box {
 padding-top:100px
}
.cn-next-box ul {
 margin:0 -10px
}
.cn-next-box ul li {
 padding:10px
}
.cn-next-box ul li .part .thumb {
 display:block;
 overflow:hidden;
 position:relative;
 text-align:center
}
.cn-next-box ul li .part .thumb img {
 max-width:100%
}
.cn-next-box ul li .title {
 display:block;
 padding-left:15px;
 padding-right:15px;
 border-bottom:1px solid #737373;
 min-height:104px;
 padding:40px 0;
 text-align:center;
 font-size:26px
}
.cn-next-box ul li:hover .part .thumb:after {
 bottom:-100px
}
.sep-mainbody .faq-list .faq-item .faq-answer {
 background:none
}
.sep-mainbody .faq-list .faq-item .faq-question {
 padding-left:40px;
 position:relative;
 height:50px;
 display:flex;
 align-items:center
}
.sep-mainbody .faq-list .faq-item .faq-question:before {
 font-family:FontAwesome;
 content:"\f29c";
 font-size:34px;
 color:#003963;
 margin-right:12px;
 margin-left:2px;
 vertical-align:middle;
 font-weight:normal;
 position:absolute;
 left:0;
 top:0
}
.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 {
 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:#003963;
 position:absolute;
 left:0;
 bottom:0
}
.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;
 border-radius:20px;
 font-size:14px;
 margin-top:15px;
 border:1px solid #003963;
 background:#fff;
 color:#003963
}
.app-second-list li .rights .more:hover {
 background:#003963;
 color:#fff
}
.app-second-list li:hover .lefts .thumb {
 box-shadow:0 0 10px #003963
}
.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
}
.mb-banner {
 display:none;
 position:relative
}
.mb-banner .banner-text2 {
 position:absolute;
 transform:translateY(-50%);
 top:48%;
 left:40%
}
.mb-banner .banner-text2 .text {
 font-size:20px;
 color:#fff;
 text-transform:uppercase;
 line-height:1.1
}
.mb-banner .banner-text2 .b-title {
 font-size:18px;
 color:#fff;
 margin-top:10px
}
.mb-banner .banner-text2 .more {
 display:flex;
 margin-top:20px
}
.mb-banner .banner-text2 .more span {
 display:inline-block;
 padding:0 10px;
 background:#facd30;
 color:#0054a1;
 border:1px solid #facd30;
 font-size:16px;
 text-shadow:0 0 black;
 line-height:34px
}
.mb-banner .banner-text2 .more i {
 width:40px;
 display:inline-block;
 padding:10px 0;
 text-align:center;
 color:#0054a1;
 background:#d8aa0a;
 font-size:16px;
 border:1px solid #d8aa0a;
 padding-top:8px
}
.mb-banner .banner-text2 .more:hover span,
.mb-banner .banner-text2 .more:hover i {
 background:#fff;
 color:#d8aa0a
}
.mb-footer-list {
 display:none;
 padding:20px 10px 10px 10px;
 background:#0054a1;
 margin-bottom:-1px
}
.mb-footer-list .foot-boxs {
 position:relative;
 border:1px solid #ddd;
 margin-bottom:20px
}
.mb-footer-list .foot-boxs>i {
 position:absolute;
 right:10px;
 color:#fff;
 top:15px;
 -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 {
 font-size:20px;
 text-transform:uppercase;
 display:block;
 position:relative;
 padding:10px;
 color:#fff
}
.mb-footer-list .foot-boxs .foot-links {
 padding-left:40px;
 display:none
}
.mb-footer-list .foot-boxs .foot-links li {
 padding:4px 0;
 list-style-type:disc;
 color:#fff
}
.mb-footer-list .foot-boxs .foot-links li a {
 font-size:16px;
 color:#fff;
 transition:all .5s
}
.mb-footer-list .foot-boxs .foot-links li a i {
 display:none;
 transition:all .5s
}
.mb-footer-list .foot-boxs .foot-links li a:hover {
 color:#0054a1
}
.mb-footer-list .foot-boxs .foot-links li a:hover i {
 color:#fff;
 display:inline-block
}
.richtext table tr td {
 word-break:normal !important
}
.richtext table tr td p {
 margin-bottom:0
}
.h2-father {
 overflow-x:auto
}
.mb-show {
 display:none
}
@media screen and (min-width:1200px) {
 .single-slider-list li {
  width:20%
 }
 .adv-box ul {
  display:flex
 }
 .text-for .txt-left {
  float:inherit;
  width:100%
 }
 .text-for .img-right {
  float:right;
  padding-left:20px;
  padding-bottom:20px
 }
}
.detai-img {
 margin-top:60px
}
.form-group.has-error .form-control,
.form-group.has-error .control-label,
.form-group.has-error .help-block {
 border:1px solid #c00 !important;
 color:#c00 !important
}
@media screen and (max-width:1600px) {
 .dd-banner .banner-text1 .b-title {
  font-size:24px
 }
 .dd-banner .banner-text1 .text {
  font-size:24px
 }
 .dd-banner .banner-text1 .text span {
  font-size:24px
 }
 .dd-banner .banner-text2 .text {
  font-size:40px
 }
 .dd-banner .banner-text2 .b-title {
  font-size:22px
 }
}
.detail-img-show .swiper-button-next.swiper-button-disabled,
.detail-img-show .swiper-button-prev.swiper-button-disabled {
 opacity:0
}
.related-box .re-title {
 font-size:32px;
 padding:10px 0
}
.re-news-list li {
 padding:5px 0 5px 15px;
 position:relative
}
.re-news-list li:before {
 content:"";
 display:table;
 width:6px;
 height:6px;
 background:#333;
 position:absolute;
 border-radius:50%;
 left:0;
 top:13px
}
.re-news-list li a {
 display:block;
 width:90%;
 font-size:16px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.re-news-list li a:hover {
 color:#0054a1
}
@media screen and (max-width:1200px) {
 header .head-bottom .nav-list>li {
  padding:0 10px
 }
}
.stand-list {
 margin:50px -20px 0
}
.stand-list li {
 padding:0 20px
}
.stand-list li .boxed {
 border:1px solid #acacac;
 margin-bottom:-1px;
 background-color:#fff;
 padding:5px;
 width:100%;
 display:block
}
.stand-list li .boxed:hover {
 background-color:#0054a1;
 color:#fff;
 cursor:pointer
}
.stand-list li .boxed:hover a {
 color:#fff
}
.stand-list li .boxed img {
 max-width:42px;
 display:inline;
 border-radius:50%;
 margin-right:5px
}
.stand-list li .boxed a {
 width:78%;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 display:inline-block;
 top:12px;
 position:relative;
 vertical-align:top;
 color:#1c1c1c;
 margin-bottom:8px;
 line-height:normal
}
.stand-list li .boxed .fa-chevron-right {
 float:right;
 position:relative;
 top:12px;
 right:6px
}
.stand-related {
 margin-top:30px
}
.stand-related .s-title {
 font-family:"TITILLIUM" !important;
 font-size:38px;
 color:#0054a1;
 font-weight:normal;
 text-align:center;
 margin-bottom:20px
}
.stand-related ul {
 margin:0 -10px
}
.stand-related ul li {
 padding:10px
}
.stand-related ul li .part {
 box-shadow:0 0 10px #ddd
}
.stand-related ul li .part .thumb {
 display:block;
 overflow:hidden;
 text-align:center;
 position:relative;
 border:1px solid #ddd
}
.stand-related ul li .part .thumb img {
 max-width:100%
}
.stand-related ul li .part .ibox {
 padding:10px 30px;
 background:#fff
}
.stand-related ul li .part .ibox .title {
 display:block;
 font-size:20px;
 color:#0054a1;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.stand-related ul li .part .ibox .title:hover {
 font-weight:bold
}
.stand-related ul li .part .ibox .summary {
 color:#000;
 line-height:1.8em;
 font-size:16px;
 height:196px;
 overflow:hidden
}
.sep-mainbody .faq-list .faq-item .faq-answer p {
 font-size:16px;
 line-height:1.8em
}
@media screen and (max-width:768px) {
 .main-box .container {
  padding:30px 0
 }
 .sep-mainbody .faq-list .faq-item .faq-question {
  height:auto
 }
 .sep-mainbody .faq-list .faq-item {
  margin-bottom:30px
 }
 .sld-mobile-tops .mobile-lefts .logos img {
  width:180px
 }
 .jw-datalist .published .date {
  font-size:40px;
  text-align:center
 }
 .date {
  margin-top:20px
 }
 .cn-services-box .sup-top .msg-left {
  margin-bottom:30px
 }
 .cn-services-box {
  padding:0
 }
 .sep-container {
  padding:0;
  width:100%
 }
 .list-breadcrumb .box {
  padding:0
 }
 .th-quality-control-ul-boxs .i-imgs-boxs {
  width:60px
 }
 .th-quality-control-ul-boxs .i-imgs-boxs i {
  font-size:26px
 }
 .detail-img-show .pc-hidden {
  display:block
 }
 .pro-feature-box .feature-list .list>li .part .ibox .summary {
  height:auto
 }
 .small-posi-rela {
  padding:0 40px !important
 }
 .detail-img-show .just-center {
  justify-content:left !important
 }
 .main-box .main-left .slider-box {
  padding-left:10px
 }
 .jw-datalist li {
  height:auto
 }
 .th-quality-control-ul-boxs ul li {
  padding:200px 0 100px
 }
 .main-box .container:before {
  display:none
 }
 .company-banner {
  padding:350px 0 0 0
 }
 .company-banner .c-video video {
  width:100%
 }
 .single-box .text-for .txt-left {
  padding-left:10px;
  margin-top:30px
 }
 .main-box .main-left {
  padding-right:10px
 }
 .p-title a,
 .p-title span {
  font-size:32px !important
 }
 .mb-hide {
  display:none
 }
 .mb-show {
  display:block
 }
 .jt-other-banner .banner-text .h-title {
  font-size:26px
 }
 .footer-bottom {
  margin-bottom:60px
 }
 header,
 .foot-part {
  display:none
 }
 .dd-banner {
    display:inline
   }
 .mb-banner,
 .mb-footer-list,
 .contact-part {
  display:block
 }
 .pro-feature-box {
  padding:50px 0
 }
 .customer-box {
  padding-left:0;
  background-size:cover;
  height:auto;
  background:#0054a1;
  padding:20px 10px
 }
 .customer-box .row .text-box {
  width:auto;
  margin-left:0;
  padding:10px
 }
 .customer-box .row .qg-box {
  position:static
 }
 .about-box {
  height:auto
 }
 .news-box .n-list ul li .part .thumb img {
  width:100%
 }
 .pro-list-box .feature-list .list>li .part .ibox .summary {
  height:auto
 }
 .pro-list-box {
  padding:60px 0
 }
 .pro-list-box .adv-box {
  height:auto
 }
 .pro-list-box .adv-box .list {
  padding-top:30px
 }
 .pro-list-box .adv-box .list li {
  padding:20px 10px
 }
 .bl-detail-form {
  width:100%
 }
 .bl-detail-form .sep-form .f-right {
  padding-left:0;
  padding-right:0
 }
 .bl-detail-form .sep-form .f-left {
  padding-right:0;
  padding-left:0
 }
 .bl-detail-form .btn.btn-primary {
  margin-left:0 !important;
  margin-top:20px !important
 }
}
.product_detail_img_show {
 padding:0 20px;
 justify-content:space-between;
 display:flex
}
.product_detail_img_show .big_img_show {
 width:calc(100% - 150px);
 border:1px solid #dcdcdc
}
.product_detail_img_show .big_img_show img {
 width:100%
}
.product_detail_img_show .product_detail_img_show_group {
 flex-direction:column;
 justify-content:space-between;
 width:130px;
 max-height:500px;
 overflow-y:auto
}
.product_detail_img_show .product_detail_img_show_group .product_detail_img_show_item {
 border:1px solid #dcdcdc;
 margin-bottom:5px
}
.product_detail_img_show .product_detail_img_show_group .product_detail_img_show_item img {
 width:100%
}
.product_detail_img_show .product_detail_img_show_group .product_detail_img_show_item.active {
 border:2px solid #c35c1c
}
.profile {
 height:160px
}
.profile .profile_title {
 text-decoration:none;
 font-weight:bold
}
.profile .profile_title img {
 margin-right:5px
}
.profile .profile_title:hover {
 color:#f60202
}
.profile .profile_summary {
 line-height:24px;
 text-overflow:-o-ellipsis-lastline;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:4;
 line-clamp:4;
 -webkit-box-orient:vertical;
 line-height:1.8;
 padding:10px 0
}
.inner-page .row .page-left .richtext ul {
 padding-left:15px;
 box-sizing:border-box
}
.product_detail_module {
 margin-top:30px
}
.product_detail_module .message {
 font-size:26px;
 line-height:32px;
 margin-bottom:10px
}
.product_detail_module .input_group {
 width:100%;
 display:flex;
 display:-webkit-flex;
 margin-bottom:15px;
 position:relative
}
.product_detail_module .input_group .img {
 position:absolute;
 left:calc(50% - 95px);
 top:6px
}
.product_detail_module .input_group .img img {
 width:100%
}
.product_detail_module .input_group input {
 width:calc(50% - 7.5px);
 margin-right:15px;
 text-indent:10px;
 line-height:40px;
 background-color:#fff;
 border:1px solid #dcdcdc
}
.product_detail_module .input_group input:last-child {
 margin:0
}
.product_detail_module .input_group textarea {
 width:100%;
 height:160px;
 resize:none;
 padding:10px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 outline:none;
 border:1px solid #dcdcdc
}
.product_detail_module .input_group button {
 width:225px;
 height:40px;
 color:#fff;
 border:1px solid #f60202;
 outline:none;
 cursor:pointer;
 font-size:20px;
 background-color:#f60202;
 border-radius:5px;
 transition:all .3s;
 -moz-transition:all .3s;
 -webkit-transition:all .3s;
 -o-transition:all .3s
}
.product_detail_module .input_group button:hover {
 background-color:#fff;
 color:#f60202 !important
}
.product_detail_module:last-child {
 margin-bottom:45px
}
.slider-box .slider_contact {
 padding:10px;
 box-sizing:border-box;
 background-color:#f5f5f5
}
.slider-box .slider_contact .slider_contact_item {
 display:flex;
 display:-webkit-flex;
 font-size:16px;
 line-height:30px;
 margin-bottom:5px
}
.slider-box .slider_contact .slider_contact_item.href:hover {
 color:#f60202
}
.slider-box .slider_contact .slider_contact_item i {
 line-height:30px;
 font-size:20px;
 margin-right:10px;
 min-width:20px;
 text-align:center
}
.sep-m-body {
 display:none
}
.sld-mobile-tops {
 display:none
}
.pc-mobile-boxs {
 display:none;
 width:100%;
 position:relative
}
.sld-m-footer {
 display:none
}
.sep-m-onlineservice {
 display:none
}
@media screen and (max-width:768px) {
 .sep-body .sep-get-a-quotes {
  display:none
 }
 .sep-body .sep-advantages {
  display:none
 }
 .sep-body .sep-chooses {
  background:#e9e9e9
 }
 .sep-body .sep-chooses .spans {
  display:none
 }
 .sep-body .sep-chooses .sld-chooses-boxs {
  display:none
 }
 .sep-body .sep-chooses .learn-mores {
  display:none
 }
 .sep-body .sep-wpcs-boxs {
  padding:38px 0 42px
 }
 .sep-body .sep-wpcs-boxs .titles-a {
  font-size:14px;
  line-height:28px
 }
 .sep-body .sep-wpcs-boxs .boxs {
  width:100%;
  max-width:100%;
  padding:0 35px;
  margin-top:16px
 }
 .sep-body .sep-wpcs-boxs .boxs ul {
  display:none
 }
 .sep-body .sep-wpcs-boxs .boxs .titles-spans {
  display:none
 }
 .sep-body .sep-wpcs-boxs .boxs .discovers-boxs {
  display:none
 }
 .sep-body .sep-wpcs-boxs .ul-boxs {
  margin-top:11px;
  height:174px;
  position:relative;
  overflow:hidden
 }
 .sep-body .sep-wpcs-boxs .ul-boxs .lists {
  width:135px;
  height:154px;
  top:-8px;
  right:50%;
  margin-right:68px
 }
 .sep-body .sep-wpcs-boxs .ul-boxs .lists.ons {
  -webkit-transform:scale(.72);
  -moz-transform:scale(.72);
  -ms-transform:scale(.72);
  -o-transform:scale(.72);
  transform:scale(.72)
 }
 .sep-body .sep-wpcs-boxs .ul-boxs .lists:nth-child(2) {
  top:0;
  right:50%;
  margin-right:-60px
 }
 .sep-body .sep-wpcs-boxs .ul-boxs .lists:nth-child(3) {
  top:-8px;
  right:50%;
  margin-right:-196px
 }
 .sep-body .sep-wpcs-boxs .ul-boxs .lists .lists-boxs {
  height:77px;
  top:40px
 }
 .sep-body .sep-wpcs-boxs .ul-boxs .lists .lists-boxs:before {
  border-width:68px;
  border-bottom-width:40px
 }
 .sep-body .sep-wpcs-boxs .ul-boxs .lists .lists-boxs:after {
  border-width:68px;
  border-top-width:40px
 }
 .sep-body .sep-wpcs-boxs .ul-boxs .lists .lists-boxs .lists-titles {
  font-size:11px;
  line-height:16px
 }
 .sep-body .sep-wpcs-boxs .discovers-boxs {
  margin:0 auto 0;
  width:222px;
  float:none;
  text-align:center
 }
 .sep-m-body {
  display:block
 }
 .sld-m-h-pro-boxs {
  display:block;
  width:100%;
  padding:34px 0 30px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-pager {
  bottom:-22px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-pager a {
  width:8px;
  height:8px;
  background:#000;
  opacity:1;
  border-radius:100%;
  border:1px solid #000;
  position:relative;
  margin:0 4px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-pager a.active {
  background:none
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-pager .bx-pager-item {
  overflow:initial;
  text-indent:-100000px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a {
  width:24px;
  height:36px;
  position:absolute;
  margin-top:-18px;
  top:36%
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a:before {
  content:'';
  display:block;
  width:24px;
  height:2px;
  background:#fff;
  position:absolute;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg)
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a:after {
  content:'';
  display:block;
  width:24px;
  height:2px;
  background:#fff;
  position:absolute;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg)
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a.bx-prev {
  left:20px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a.bx-prev:before {
  right:2px;
  top:25px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a.bx-prev:after {
  right:2px;
  top:8px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a.bx-next {
  right:20px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a.bx-next:before {
  right:2px;
  top:8px
 }
 .sld-m-h-pro-boxs .bx-wrapper .bx-controls-direction a.bx-next:after {
  right:2px;
  top:25px
 }
 .sld-m-pro-boxs {
  margin-top:26px;
  padding:0 26px 36px
 }
 .sld-m-pro-boxs ul li {
  width:100%
 }
 .sld-m-pro-boxs ul li .thumbs {
  display:block;
  width:100%;
  position:relative
 }
 .sld-m-pro-boxs ul li .thumbs img {
  width:100%
 }
 .sld-m-pro-boxs ul li .titles-boxs {
  display:block;
  width:100%;
  height:48px;
  background:rgba(105,164,21,0.7);
  position:absolute;
  left:0;
  bottom:0
 }
 .sld-m-pro-boxs ul li .titles-a {
  display:block;
  width:100%;
  font-size:18px;
  line-height:22px;
  padding:0 5px;
  color:#fff;
  text-align:center;
  font-family:"Open-Sans-bold";
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%)
 }
 .sld-m-pro-boxs ul li .titles-a:after {
  content:'';
  display:block;
  width:29px;
  height:1px;
  background:#fff;
  margin:3px auto 0
 }
 .sld-m-pro-boxs ul li .spans {
  display:block;
  width:100%;
  height:56px;
  overflow:hidden;
  font-size:14px;
  color:#3b3b3b;
  line-height:28px;
  margin-top:12px
 }
 .m-get-a-frees {
  display:block;
  width:81%;
  height:51px;
  line-height:49px;
  font-size:20px;
  text-transform:uppercase;
  color:#000;
  border:1px solid #000;
  margin:0 auto 0;
  border-radius:6px;
  text-align:center
 }
 .m-get-a-frees i {
  margin-left:32px;
  width:30px;
  height:1px;
  background:#000;
  position:relative;
  display:inline-block;
  vertical-align:middle
 }
 .m-get-a-frees i:before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:rgba(105,164,21,0.5);
  position:absolute;
  right:-1px;
  top:-1px
 }
 .m-get-a-frees i:after {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:rgba(105,164,21,0.5);
  position:absolute;
  right:-1px;
  top:1px
 }
 .m-get-a-frees i .span:before {
  content:'';
  display:block;
  width:14px;
  height:2px;
  background:#000;
  position:absolute;
  right:-1px;
  top:-6px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg)
 }
 .m-get-a-frees i .span:after {
  content:'';
  display:block;
  width:14px;
  height:2px;
  background:#000;
  position:absolute;
  right:-1px;
  top:6px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg)
 }
 .titles {
  font-size:24px
 }
 .titles:before {
  width:70px;
  margin-right:10px
 }
 .titles:after {
  width:70px;
  margin-left:10px
 }
 .sld-m-h-boxs {
  display:block;
  width:100%;
  background:#eee;
  padding:36px 21px 24px
 }
 .sld-m-h-boxs ul li {
  width:100%;
  background:#fff;
  font-size:14px;
  color:#3b3b3b;
  text-transform:uppercase;
  line-height:24px;
  padding:8px 24px;
  margin-bottom:8px
 }
 .sld-m-h-boxs ul li a {
  display:block;
  width:100%;
  font-size:14px;
  color:#3b3b3b;
  text-transform:uppercase;
  line-height:24px;
  position:relative
 }
 .sld-m-h-boxs ul li:hover a {
  color:#000
 }
 .sld-m-h-boxs ul li:hover i {
  opacity:1;
  z-index:9
 }
 .sld-m-h-boxs ul li.active a {
  color:#000
 }
 .sld-m-h-boxs ul li.active i {
  opacity:1;
  z-index:9
 }
 .sld-m-h-boxs ul li i {
  opacity:0;
  z-index:-1
 }
 .sld-m-h-boxs ul li i.ons {
  display:block;
  width:16px;
  height:16px;
  position:absolute;
  right:-4px;
  top:4px
 }
 .sld-m-h-boxs ul li i.ons:before {
  content:'';
  display:block;
  width:11px;
  height:1px;
  background:#000;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  position:absolute;
  right:7px;
  top:8px
 }
 .sld-m-h-boxs ul li i.ons:after {
  content:'';
  display:block;
  width:11px;
  height:1px;
  background:#000;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  position:absolute;
  right:-1px;
  top:8px
 }
 .pc-mobile-boxs {
  display:block
 }
 .sld-mobile-tops {
  display:block;
  width:100%;
  height:64px;
  position:relative;
  background:#fff;
  z-index:1000
 }
 .sld-mobile-tops .mobile-lefts {
  display:block;
  width:100%;
  padding-right:14px
 }
 .sld-mobile-tops .mobile-lefts .logos {
  display:block;
  float:left;
  line-height:64px;
  margin-left:20px
 }
 .sld-mobile-tops .mobile-lefts .logos img {
    width: 185px;
 }
 .sld-mobile-tops .mobile-lefts .logos-rights {
  display:table;
  width:auto;
  text-align:right;
  float:right
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs {
  display:inline-block;
  vertical-align:top;
  line-height:64px;
  padding-right:18px;
  cursor:pointer;
  position:relative
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs i {
  width:24px;
  display:inline-block;
  vertical-align:middle
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs i.menus {
  height:20px;
  border-top:1px solid #000
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs i.menus:before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#000;
  margin-top:8px
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs i.menus:after {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#000;
  margin-top:8px
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs i.globals {
  width:22px;
  height:22px;
  border-radius:100%;
  border:1px solid #fff;
  position:relative
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs i.globals .span {
  display:block;
  width:14px;
  height:100%;
  border-radius:50%;
  margin-left:3px;
  border:1px solid #fff
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs i.globals:before {
  content:'';
  display:block;
  width:100%;
  height:1px;
  background:#fff;
  position:absolute;
  left:0;
  top:50%
 }
 .sld-mobile-tops .mobile-lefts .logos-rights .i-boxs i.globals:after {
  content:'';
  display:block;
  width:1px;
  height:100%;
  background:#fff;
  position:absolute;
  left:50%;
  top:0
 }
 .sld-mobile-tops .mobile-rights {
  width:64px;
  height:64px;
  position:absolute;
  right:0;
  top:0;
  background:#000;
  cursor:pointer;
  text-align:center;
  line-height:64px
 }
 .sld-mobile-tops .mobile-rights .i-boxs {
  display:inline-block;
  vertical-align:top;
  line-height:64px;
  cursor:pointer;
  position:relative;
  width:100%
 }
 .sld-mobile-tops .mobile-rights .i-boxs i {
  width:17px;
  display:inline-block;
  vertical-align:middle
 }
 .sld-mobile-tops .mobile-rights .i-boxs i.searchs {
  height:17px;
  border:2px solid #fff;
  border-radius:100%;
  position:relative
 }
 .sld-mobile-tops .mobile-rights .i-boxs i.searchs:before {
  content:'';
  display:block;
  width:6px;
  height:2px;
  background:#fff;
  position:absolute;
  left:100%;
  top:100%;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg)
 }
 .mobile-nav-boxs {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%)
 }
 .mobile-nav-boxs.z-indexs {
  z-index:200000
 }
 .mobile-nav-boxs.ons {
  position:fixed
 }
 .mobile-nav-boxs.onss {
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
 }
 .mobile-nav-boxs .mobile-boxs {
  display:block;
  width:100%;
  position:absolute;
  left:0;
  top:0;
  background:#fff;
  box-shadow:5px 5px 15px #959595;
  padding:22px 0 46px
 }
 .mobile-globle-boxs {
  display:block;
  width:30px;
  height:auto;
  position:absolute;
  left:-4px;
  top:0;
  z-index:-1;
  -webkit-transform:translateY(-100%);
  -moz-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  -o-transform:translateY(-100%);
  transform:translateY(-100%);
  background:#000;
  border-top-right-radius:15px;
  border-top-left-radius:15px;
  border-bottom-right-radius:15px;
  border-bottom-left-radius:15px
 }
 .mobile-globle-boxs.z-indexs {
  z-index:2000
 }
 .mobile-globle-boxs.ons {
  position:fixed
 }
 .mobile-globle-boxs.onss {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  -o-transform:translateY(0);
  transform:translateY(0)
 }
 .mobile-globle-boxs .boxs {
  width:100%;
  padding:8px 0
 }
 .mobile-globle-boxs li {
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px
 }
 .mobile-globle-boxs li a {
  font-size:13px;
  text-transform:uppercase;
  color:#fff
 }
 .lanbox {
  overflow-y:hidden;
  position:absolute;
  top:0;
  left:-3px;
  z-index:1000;
  width:35px;
  border-radius:18px;
  transition:all 1s
 }
 .lanbox .language_main2 {
  width:100%;
  background:#d7eaf8;
  position:absolute;
  padding:9px 3px;
  top:0;
  z-index:1000;
  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;
  transform:translateY(100%);
  -webkit-transform:translateY(100%);
  transition:transform .7s ease-out;
  -webkit-transition:transform .7s ease-out
 }
 .lanbox .language_main2 .m-ul li {
  width:29px;
  height:29px;
  text-align:center;
  line-height:29px
 }
 .lanbox .language_main2 .m-ul li a {
  font-size:13px;
  text-transform:uppercase;
  color:#000
 }
 .lanbox .lan_fixed {
  transform:translateY(0);
  -webkit-transform:translateY(0)
 }
 .searchs-boxs {
  display:block;
  widows:100%;
  position:relative;
  padding:0 15px
 }
 .searchs-boxs .cloces-boxs {
  display:block;
  width:26px;
  height:26px;
  border-radius:100%;
  border:1px solid #000;
  position:absolute;
  left:31px;
  top:0;
  cursor:pointer
 }
 .searchs-boxs .cloces-boxs:before {
  content:'';
  display:block;
  width:14px;
  height:2px;
  position:absolute;
  left:5px;
  top:12px;
  background:#000;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg)
 }
 .searchs-boxs .cloces-boxs:after {
  content:'';
  display:block;
  width:14px;
  height:2px;
  position:absolute;
  left:5px;
  top:12px;
  background:#000;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg)
 }
 .searchs-boxs form {
  line-height:normal;
  position:relative;
  width:100%;
  height:43px
 }
 .searchs-boxs input {
  box-shadow:none;
  width:100%;
  color:#eaeaea;
  outline:none;
  display:inline-block;
  border:none;
  font-size:14px;
  line-height:32px;
  padding:0 30px 10px 54px;
  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 #000
 }
 .searchs-boxs button {
  width:21px;
  height:21px;
  display:block;
  border:none;
  background:transparent;
  border-radius:100%;
  outline:none;
  position:absolute;
  top:0;
  right:15px
 }
 .searchs-boxs button i {
  width:21px;
  display:block;
  cursor:pointer
 }
 .searchs-boxs button i.searchs {
  height:21px;
  border:2px solid #000;
  border-radius:100%;
  position:relative
 }
 .searchs-boxs button i.searchs:before {
  content:'';
  display:block;
  width:6px;
  height:2px;
  background:#000;
  position:absolute;
  left:100%;
  top:100%;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg)
 }
 .nav-boxs {
  display:block;
  width:100%;
  position:relative;
  padding:14px 15px 0
 }
 .nav-boxs>ul>li {
  padding-top:16px;
  line-height:38px;
  border-bottom:1px solid #e4e4e4
 }
 .nav-boxs>ul>li>a {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #000;
    line-height: 38px;
    padding-right: 40px;
    text-transform: uppercase;
    position: relative;
    font-weight: bold;
 }
 .nav-boxs>ul>li>a>i {
  display:block;
  width:16px;
  height:16px;
  position:absolute;
  right:14px;
  top:10px
 }
 .nav-boxs>ul>li>a>i:before {
  content:'';
  width:16px;
  height:2px;
  background:#000;
  display:block;
  position:absolute;
  left:0;
  top:7px
 }
 .nav-boxs>ul>li>a>i:after {
  content:'';
  width:2px;
  height:16px;
  background:#000;
  display:block;
  position:absolute;
  left:7px;
  top:0
 }
 .nav-boxs>ul>li>.lis-boxs {
  display:block;
  width:100%;
  position:absolute;
  left:0;
  top:0;
  background:#fff;
  min-height:100%;
  z-index:2010;
  padding:14px 15px 46px
 }
 .nav-boxs>ul>li>.lis-boxs.ons {
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%)
 }
 .nav-boxs>ul>li>.lis-boxs .lis-titles {
  position:relative;
  padding-left:53px;
  border-bottom:1px solid #e4e4e4
 }
 .nav-boxs>ul>li>.lis-boxs .lis-titles i {
  display:block;
  width:30px;
  height:30px;
  position:absolute;
  left:10px;
  top:13px;
  cursor:pointer
 }
 .nav-boxs>ul>li>.lis-boxs .lis-titles i .span {
  display:block;
  width:22px;
  height:2px;
  margin:13px 0 0 4px;
  background:#000;
  position:relative
 }
 .nav-boxs>ul>li>.lis-boxs .lis-titles i .span:after {
  content:'';
  display:block;
  width:9px;
  height:2px;
  background:#000;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  position:absolute;
  left:0;
  top:-4px
 }
 .nav-boxs>ul>li>.lis-boxs .lis-titles i .span:before {
  content:'';
  display:block;
  width:9px;
  height:2px;
  background:#000;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  position:absolute;
  left:0;
  top:4px
 }
 .nav-boxs>ul>li>.lis-boxs .lis-titles a {
  display:block;
  width:100%;
  font-size:16px;
  color:#000;
  text-transform:uppercase;
  line-height:24px;
  font-weight:bold;
  padding:15px 0
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li {
  padding-top:16px;
  line-height:38px;
  border-bottom:1px solid #e4e4e4
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>a {
  display:block;
  width:100%;
  font-size:14px;
  color:#000;
  line-height:38px;
  padding-right:40px;
  text-transform:uppercase;
  position:relative
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>a>i {
  display:block;
  width:16px;
  height:16px;
  position:absolute;
  right:14px;
  top:10px
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>a>i:before {
  content:'';
  width:16px;
  height:2px;
  background:#000;
  display:block;
  position:absolute;
  left:0;
  top:7px
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>a>i:after {
  content:'';
  width:2px;
  height:16px;
  background:#000;
  display:block;
  position:absolute;
  left:7px;
  top:0
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs {
  display:block;
  width:100%;
  position:absolute;
  left:0;
  top:0;
  background:#fff;
  min-height:100%;
  z-index:2010;
  padding:14px 15px 46px
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs.ons {
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%)
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs .lis-titles {
  position:relative;
  padding-left:53px;
  border-bottom:1px solid #e4e4e4
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs .lis-titles i {
  display:block;
  width:30px;
  height:30px;
  position:absolute;
  left:10px;
  top:13px;
  cursor:pointer
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs .lis-titles i .span {
  display:block;
  width:22px;
  height:2px;
  margin:13px 0 0 4px;
  background:#000;
  position:relative
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs .lis-titles i .span:after {
  content:'';
  display:block;
  width:9px;
  height:2px;
  background:#000;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  position:absolute;
  left:0;
  top:-4px
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs .lis-titles i .span:before {
  content:'';
  display:block;
  width:9px;
  height:2px;
  background:#000;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  position:absolute;
  left:0;
  top:4px
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs .lis-titles a {
  display:block;
  width:100%;
  font-size:16px;
  color:#000;
  text-transform:uppercase;
  line-height:24px;
  font-weight:bold;
  padding:15px 0
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs>ul>li {
  padding-top:16px;
  line-height:38px;
  border-bottom:1px solid #e4e4e4
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs>ul>li>a {
  display:block;
  width:100%;
  font-size:14px;
  color:#000;
  line-height:38px;
  padding-right:40px;
  text-transform:uppercase;
  position:relative
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs>ul>li>a>i {
  display:block;
  width:16px;
  height:16px;
  position:absolute;
  right:14px;
  top:10px
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs>ul>li>a>i:before {
  content:'';
  width:16px;
  height:2px;
  background:#000;
  display:block;
  position:absolute;
  left:0;
  top:7px
 }
 .nav-boxs>ul>li>.lis-boxs>ul>li>.lis-boxs>ul>li>a>i:after {
  content:'';
  width:2px;
  height:16px;
  background:#000;
  display:block;
  position:absolute;
  left:7px;
  top:0
 }
 .mobile-search-boxs {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:1000;
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%)
 }
 .mobile-search-boxs.onss {
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
 }
 .mobile-search-boxs .boxs {
  display:block;
  width:100%;
  position:absolute;
  left:0;
  top:0;
  background:#fff;
  box-shadow:5px 5px 15px #959595;
  padding:60px 0
 }
 .mobile-search-boxs .searchs-boxs input {
  border:1px solid #000;
  padding-top:7px;
  padding-bottom:7px;
  padding-left:15px
 }
 .mobile-search-boxs .searchs-boxs button {
  top:13px
 }
 .mobile-search-boxs .searchs-boxs .cloces-boxs {
  left:auto;
  right:25px;
  top:-42px
 }
 .mobile-search-boxs.ons {
  position:fixed
 }
 .sld-m-footer {
  display:block;
  width:100%;
  background:#3b3b3b;
  padding:22px 16px 24px;
  position:relative
 }
 .sld-m-footer>ul>li {
  font-size:14px;
  color:#fff;
  line-height:30px;
  position:relative;
  padding-left:40px
 }
 .sld-m-footer>ul>li .lis-spans {
  display:block;
  width:40px;
  text-align:center;
  line-height:30px;
  position:absolute;
  left:0;
  top:0
 }
 .sld-m-footer>ul>li .lis-spans i {
  font-size:16px;
  color:#fff
 }
 .sld-m-footer>ul>li .lis-spans i.ons {
  font-size:18px
 }
 .sld-m-footer>ul>li>a {
  display:block;
  width:100%;
  font-size:14px;
  line-height:30px;
  color:#fff
 }
 .sld-m-footer>ul>li:hover a {
  color:#000
 }
 .sld-m-footer .link {
  position:absolute;
  right:15px;
  bottom:26px
 }
 .sld-m-footer .link .sep-share li {
  width:19px;
  height:19px;
  line-height:19px
 }
 .sld-m-footer .link .sep-share li+li {
  margin-left:3px
 }
 .sld-m-footer .link .sep-share li a {
  text-align:center;
  line-height:16px
 }
 .sld-m-footer .link .sep-share li i {
  font-size:12px
 }
 .sep-m-onlineservice {
  display:block;
  width:auto;
  height:45px;
  max-width:45px;
  position:fixed;
  left:0;
  bottom:96px;
  background:#000;
  overflow:hidden;
  padding:1px;
  border-top-right-radius:23px;
  border-bottom-right-radius:23px;
  padding-right:10px;
  z-index:999
 }
 .sep-m-onlineservice.ons {
  max-width:1000px
 }
 .sep-m-onlineservice .offside {
  width:auto
 }
 .sep-m-onlineservice .offside li {
  float:left;
  width:43px;
  height:43px;
  line-height:43px;
  border-bottom:none;
  cursor:pointer
 }
 .sep-m-onlineservice .offside li:nth-child(2),
 .sep-m-onlineservice .offside li:nth-child(3),
 .sep-m-onlineservice .offside li:nth-child(4) {
  background:#000
 }
 .sep-m-onlineservice .offside li+li {
  margin-left:5px
 }
 .sep-m-onlineservice .offside li.ons {
  background:#fff
 }
 .sep-m-onlineservice .offside li.ons i {
  color:#fff
 }
 .sep-m-onlineservice .offside i.i-ons {
  display:inline-block;
  width:21px;
  height:21px;
  border-radius:100%;
  vertical-align:middle;
  border:2px solid #000;
  position:relative
 }
 .sep-m-onlineservice .offside i.i-ons:before {
  content:'';
  display:block;
  width:8px;
  height:2px;
  background:#000;
  position:absolute;
  left:5px;
  top:5px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg)
 }
 .sep-m-onlineservice .offside i.i-ons:after {
  content:'';
  display:block;
  width:8px;
  height:2px;
  background:#000;
  position:absolute;
  left:5px;
  top:10px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg)
 }
 .sep-m-onlineservice .offside i.i-tops {
  width:16px;
  height:16px;
  border-top:1px solid #fff;
  position:relative;
  display:inline-block;
  vertical-align:middle
 }
 .sep-m-onlineservice .offside i.i-tops:before {
  content:'';
  display:block;
  width:10px;
  height:1px;
  background:#fff;
  position:absolute;
  left:7px;
  top:5px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg)
 }
 .sep-m-onlineservice .offside i.i-tops:after {
  content:'';
  display:block;
  width:10px;
  height:1px;
  background:#fff;
  position:absolute;
  left:-1px;
  top:5px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg)
 }
 .sep-m-onlineservice .offside i.i-tops .i-spans {
  display:block;
  width:1px;
  height:13px;
  background:#fff;
  position:absolute;
  left:8px;
  top:2px
 }
 .sep-m-onlineservice .offside i {
  line-height:43px;
  font-size:18px
 }
 .sep-m-onlineservice .offside li:not(.li_3) a {
  width:43px
 }
 .sep-m-onlineservice .offside .back_top.ons {
  display:block
 }
}
@media screen and (max-width:414px) {
 .sep-m-onlineservice {
  bottom:124px
 }
}