body{ color: #000;}
p{line-height: 28px;}
h1,h2,h3,h4,h5{ line-height: 1.5}
a:hover{ color: #014099}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{    background-color: #014099; border-color: #014099;}
.slick-dots li button{ background: #fff}
.kuaizhan-slider .slick-dots li.slick-active button{ background: #014099}
.kuaizhan-topbar{ background: #ECEDED; line-height: 50px; color: #333}
.mar-10{ margin-left: 15px;}
.kuaizhan-topbar div{line-height: 50px;}
.kuaizhan-header-inner{ background:#014099; padding: 0;}
.navbar-nav>li>a{ color: #fff}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover,.nav>li>a:focus, .nav>li>a:hover{ background:#fff; color: #014099}
.navbar-logo img{ padding: 15px 0;}
.navbar-nav>li{ padding:0;}
.navbar-nav>li a{ padding: 0; line-height: 85px; border-radius: 0}
.footer-bottom{ background: #014099; line-height: 28px; padding: 20px 0; color: #fff;}
.footer-bottom p{ margin: 0}
.sub-container{ padding-left: 0; padding-right: 0;}
.sub-section{ padding-top: 40px; padding-bottom: 40px;}
.sub-title h2{ font-size: 36px; margin: 0; }
.sub-title{margin-bottom:40px!important;}
.sub-title h2 em{ font-size: 24px; color: #014099; margin-left: 5px;}
.links-info{ padding-bottom: 30px;}
.about-txt{ padding-bottom: 40px}
.about-txt p{ line-height: 30px; font-size: 16px; text-indent: 2em; margin-bottom: 20px;}
.sopu-breadcrumb{ background: #ececec; color: #666; padding: 15px 0}
.sopu-breadcrumb a{ color: #666}
.banner-inner{ min-height: 400px!important;}
.contact-title h3{ margin:10px 0 0 0; font-size: 30px;}
.contact-item{ background: #F9E0E0; padding: 30px 15px; height: 225px; overflow: hidden}
.contact-item h3{ font-size: 18px; font-weight: bold;}
.contact-item p{ font-size: 18px; line-height: 30px; color: #4c4c4c; margin: 0}
.contact-item.contact-item02{ background: #DDF2F4}
.contact-item.contact-item03{ background: #EBF3DA}
.contact-item.contact-item04{ background: #D5ECF9}
.contact-item.contact-item04 p{ font-size: 16px;}
.contact-item.contact-item04 p strong{ font-weight: normal; display: inline-block; padding-left: 45px;}
.contact-top-info.vc_row {margin-left: -15px!important; margin-right: -15px!important;}
.contact-mid-txt{ padding: 40px 0;}
.contact-mid-txt h2{ margin-top: 0; font-size: 30px;}
.contact-mid-txt p { font-size: 18px; color: #4c4c4c; line-height: 30px;}
.contact-code-map .vc_column_container>.vc_column-inner{ padding: 0;}
.contact-code-info{ padding:10px 10px 0 10px;background: #939BA1; color: #fff; font-size: 18px; margin-top: 8px; height: 400px;}
.contact-code-info img{ padding-bottom: 10px;}
.contact-code-info p{ line-height:30px; text-align: center;}
.contact-map{ margin-left: -8px;}
.contact-info.sub-section{ padding-bottom: 0}
.met-column-nav{text-align: center;background: url(/sp-content/uploads/2018/06/menu-line.png) no-repeat center bottom; padding: 0px 0px 25px 0px;}
.met-column-nav li{ display: inline-block; padding: 5px;}
.met-column-nav li a {
    display: block;
    line-height: 32px;
    padding: 0px 1.5em;
    color: #808080;
    text-decoration: none;
    transition: all 0.2s ease; font-size: 16px; background: #f5f5f5
}
.met-column-nav li.current-menu-item a,.met-column-nav li a:hover {
    color: #fff;
    background: #014099;
}
.new-list-info .item{ padding: 25px 0; border-bottom: 1px dashed #ddd}
.new-list-right h3.post-title,.products-list-info .item h3.post-title{ margin-top: 0; font-size: 18px;height: 30px; line-height: 30px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight: bold;}
.post-date-cc{ color: #6a6a6a; padding-bottom: 10px}
.the-post-excerpt{ color: #6a6a6a; line-height: 28px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.navigation{ text-align: left}
.item-content-inner img{ display: block;margin-left: auto; margin-right: auto; padding: 15px 0}
.item-content-inner p{ font-size: 16px; line-height: 30px; text-indent: 2em; color: #333}
.products-list-info{ padding: 20px 0}
.products-list-info .item{ padding: 10px 0;}
.products-list-info .item h3.post-title{margin-top: 10px; font-weight: normal}
.product-detail1 .the-pic img{ width: 100%; border: 1px solid #eee;}
.product-detail1{ padding: 40px 0;}
.product-detail1 h2.page-title{ border-bottom: 1px dotted #cccccc;line-height: 28px;padding: 0 0 12px 0; font-size: 24px;}
.consultation-reservation-btn{
    display: inline-block;
    background: #014099;
    line-height: 46px;
    padding: 0px 2em;
    color: #fff;
    font-size: 16px;
    transition: all 0.5s ease;
    margin: 15px 0px;
}
.consultation-reservation-btn:hover{ opacity: .8; color: #fff}
.product-detail2 h3{ border-bottom: 1px solid #ddd;margin:0 0 30px 0;}
.product-detail2 h3 span{background: #014099 url(/sp-content/uploads/2018/06/title-bg.jpg) right bottom no-repeat;
    color: #fff;display: inline-block;
    line-height: 42px;
    margin: 0;
    padding: 0 50px 0 35px;
    font-size: 20px;}
.product-contents p{ font-size: 16px; color: #666}
.home-news-tabs .nav-tabs{ border-bottom: 0; text-align: center; padding-bottom: 30px}
.home-news-tabs .nav-tabs li{ display: inline-block; float: none; padding: 0 5px;}
.home-news-tabs .nav-tabs li a,.home-news-tabs .more-links a{ display: block; padding: 0 30px; border-radius: 25px; background: #fff; font-size: 16px; line-height: 40px;}
.home-news-tabs .nav-tabs>li.active>a,.home-news-tabs .nav-tabs>li.active>a:focus,.home-news-tabs .nav-tabs>li.active>a:hover{ background: #014099; color: #fff}
.home-news-item{ background: #fff; padding: 5px;}
.home-news-item .new-list-right h3.post-title{ font-size: 16px; margin-bottom: 0}
.home-news-item .post-date-cc{ padding-bottom: 0}
.home-news-item .new-list-right{ padding: 5px;}
.home-news-tabs .more-links{ padding-top: 35px;}
.home-news-tabs .more-links a{ border: 1px solid #014099; color: #014099; display: inline-block; font-size: 14px;}
.home-news-tabs .more-links a:hover{ background: #014099; color: #fff }
.links-img{ border: 1px solid #EFEFEF; padding: 10px; margin-bottom: 20px!important;}
.links-img:hover{border: 1px solid #014099; }
.mplayer{ padding-top: 40px;width: 100%;margin: 0 auto;}
.mplayer img{ width: 100%;}
.play a{ display:inline-block; position: relative}
.play a:before,.play-video .plyr__video-wrapper:before{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;display: block}
.play a:after{ content: '';width: 171px;
    height: 171px;
    background: url(/sp-content/uploads/2018/06/video-btn.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -65px;
    cursor: pointer;display: block}
.play-video .plyr__captions{ display: block; padding: 0; position: static}
.plyr--video{ cursor: pointer}
.play-video .plyr__captions:after{ content: '';width: 171px;
    height: 171px;
    background: url(/sp-content/uploads/2018/06/video-btn.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -65px;
    display: block; cursor: pointer}
.play-video .plyr--playing .plyr__captions:after{ display: none;}
.play-video .plyr--playing .plyr__video-wrapper:before,.play-video .plyr--playing .plyr__video-wrapper:after{ display: none;}
@media screen and (max-width:1024px){
	.nav>li>a{ font-size: 16px;}
	.contact-item p{ font-size: 15px;}
	.contact-item.contact-item04 p{ font-size: 13px;}
	.contact-item.contact-item04 p strong{ padding-left: 40px;}
}
@media screen and (max-width:780px){
	.kuaizhan-header{ background: #014099}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ background-color: #fff}
	.navbar-logo img{ padding: 0}
	.home-news-tabs article{ padding: 0 5px}
	.banner-inner{ min-height: 300px!important;}
	.product-detail1.row{ margin: 0}
	.product-detail2{ padding: 0 15px}
	.suopu-prev-next{ padding: 10px 15px}
	.contact-item.contact-item04 p strong{ padding-left: 0}
	.contact-item p{ font-size: 12px; line-height: 24px;}
	.contact-item.contact-item04 p span.tit{ display: none;}
	.contact-mid-txt{ padding: 20px 0}
}
@media screen and (max-width:420px){
	.kuaizhan-topbar div{ line-height: 25px;}	
	.tool-tel.text-right,.kuaizhan-topbar{text-align: center}
	.hamburger--elastic .hamburger-inner{ top:12px}
	.sub-section{ padding-top: 20px; padding-bottom: 20px;}
	.sub-title h2{ font-size: 28px;}
	.sub-title h2 em{ font-size: 20px;}
	.sub-title{ margin-bottom: 20px!important}
	.met-column-nav li a{ padding: 0 5px; font-size: 14px;}
	.suopu-multiple-4columns article,.links-info li,.products-list-info article{ padding: 0 5px}
	.new-list-right h3.post-title, .products-list-info .item h3.post-title{ font-size: 16px;}
	.home-news-tabs .nav-tabs li a, .home-news-tabs .more-links a{ line-height: 35px;padding: 0 25px; font-size: 14px;}
	.home-news-tabs .nav-tabs,.links-info{ padding-bottom: 15px;}
	.home-news-item .new-list-right h3.post-title{ font-size: 14px;}
	.the-post-excerpt{ line-height: 24px; font-size: 12px;}
	.home-news-tabs article{ margin-bottom: 15px!important}
	.home-news-tabs .more-links{ padding-top: 15px;}
	.links-img{ margin-bottom: 10px!important}
	.footer-bottom{ font-size: 12px; padding: 10px 0}
	.products-list-info .item h3.post-title{ margin-top: 0}
	.hamburger-box{ height:28px}
	.banner-inner{ min-height: 150px!important;}
	.navbar-logo img{ height:30px;}
	.sopu-breadcrumb{ padding: 10px 0}
	.about-txt p{ font-size: 14px; line-height: 28px; margin-bottom: 10px;}
	.play-video video{ width: 100%; height: 300px;}
	.about-txt{ padding-bottom:0;}
	.new-list-right h3.post-title, .products-list-info .item h3.post-title{ margin-bottom: 0}
	.products-list-info .item{ padding:  5px 0}
	.products-list-info,.post-date-cc{ padding-bottom: 0;}
	#crumbs{ padding: 0 15px}
	.products-list-info{ padding: 10px;}
	.product-contents p,.contact-item p,.contact-mid-txt p{ font-size: 14px;}
	.suopu-prev-next{ margin-bottom: 0}
	.main-wrapper{ padding: 15px 0}
	.suopu-post-wrapper{ padding: 0 15px}
	.suopu-post-wrapper h2{ font-size: 24px;}
	.item-content-inner p{ font-size: 14px; line-height: 28px;}
	.suopu-prev-next{ padding: 10px 0}
	.contact-title h3,.contact-mid-txt h2{ font-size: 22px;}
	.contact-item{ height: auto; padding: 15px}
	.contact-code-info img{ width: 75%}
	.page-id-196 .main-wrapper{ padding-bottom: 0}
	.contact-code-info{ height: auto}
	.contact-code-info{ padding: 10px;}
}

@media screen and (max-width:375px){
.hamburger--elastic .hamburger-inner{ top:10px}	
	.sub-title{    margin-bottom: 10px!important;}
	.product-detail1 h2.page-title{ font-size: 18px; font-weight: bold}
	.suopu-post-wrapper h2{ font-size: 20px;}
}

@media screen and (max-width:320px){
	.tool-welcome{ padding: 0 5px;}
	.sub-title h2{ font-size: 24px;}
	.sub-title h2 em,.contact-code-info{ font-size: 16px;}
	.new-list-right h3.post-title, .products-list-info .item h3.post-title{ font-size: 14px;}
	.hamburger--elastic .hamburger-inner{ top:8px}	
	.play-video video{ height: 240px}
	.suopu-post-wrapper h2{ font-size: 16px; font-weight: bold;}
	.contact-title h3{ font-size: 20px}
}