body {font-family: "微软雅黑";}
 
 a:hover{text-decoration: none;}

/* Classes */
.element-center { text-align: center; }
.img-fluid { width: 100%; display: block; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.pull-right-custom { float: right; }

/* Sections */
.section-basic { padding-top:50px; }
.section-title { color: #157BC5; margin: 0 0 20px; font-size: 32px; }

#section1 { color: #fff; background-color: #1E88E5; }
#section2 { padding-bottom: 20px; background-color: #fff; }
#section3 { background: #E5E5E5; }
#section4 { padding-bottom: 20px; background-color: #E5E5E5; }
#section5 { padding-top: 0; }

/* Navigation */
.site-navigation { background: #0171C5; }
.site-navigation .site-navigation-inner { max-width: 1024px; margin: 0 auto; }
.navbar-nav > li > a,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover { color: #fff; background: transparent; padding: 15px 10px; }
#myNavbar { position: relative; }
.site-branding { width: 50px; position: absolute; left: 0; right: 0; margin: 0 auto; }
.site-branding img { width: 100%; }

/* Footer */
.site-footer {}
.copyright { padding: 50px 0; font-size: 12px; font-weight: bold; color: #DADADA; }
    
/* Section 1 */
.carousel-inner .item img { width: 100%; }

/* Section 2 */
.latest-info-item { margin-bottom: 30px; }
.latest-info-item figure { margin-bottom: 5px; }
.latest-info-item .description { height: 115px; overflow: hidden; padding: 10px 10px 50px; background: #E5E5E5; position: relative; }
.latest-info-item .description h3 { margin: 0 0 10px; font-size: 20px; color: #535353; }
.latest-info-item .description .target-page { width: 150px; margin: 0 auto; padding: 5px; font-size: 18px; background: #0AAEFF; color: #fff; text-align: center; border-radius: 8px; display: block; position: absolute; bottom: 10px; left: 0; right: 0; }
.latest-info-item .description .target-page:hover {background: #0672c4;}

/* Section 3 */
.application { padding-bottom: 50px; }
.application-nav { display: table; }
.application-nav > li { width: 25%; display: table-cell !important; padding: 10px 10px 50px; position: relative; } 
.application-nav > li .application-nav-img { width: 100%; display: block; }
.application-nav .hover,
.r-tabs-accordion-title .hover { display: none; }
.r-tabs-state-active .hover { display: block; }
.r-tabs-state-active .set { display: none; }

.r-tabs .r-tabs-panel { padding: 0; }
.tab-inner { background: #00B7F0; position: relative; }
.carret-up { display: none; width: 0; height: 0; border-style: solid; border-width: 0 40px 40px 40px; border-color: transparent transparent #00B7F0 transparent; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }
.r-tabs-state-active .carret-up { display: block; }

.tab-header { padding: 30px 10px; color: #fff; }
.tab-header h3 { font-size: 30px; margin: 0 0 10px; }
.tab-header p { font-size: 16px; margin: 0 0 10px; }

.tab-content-item { display: block; text-decoration: none; margin-bottom: 20px; }
.tab-content-item .thumb { position: relative; }
.tab-content-item .thumb .title { padding: 3px 10px; background: #fff; border: 1px solid #818181; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #818181; font-size: 16px; text-align: center; position: absolute; top: 10px; left: 10px; display: inline-block; opacity: 0.3; }
.tab-content-item .description { height: 90px; background: #fff; color: #818181; padding: 10px; }
.tab-content-item .description h4 { margin: 0 0 10px; font-size: 20px; text-decoration: none; outline: none; }

/* Video Section */
.video-item { padding-bottom: 25px; }
.video-item h3 { margin: 15px 0; color: #707070; font-size: 17px; }
.video-item a { display: block; }
.video-item a:hover h3 { color: #157BC5; }
.video-item .video-item-thumb,
.video-item .video-play { position: relative; }
.video-item .video-overlay { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.video-item .video-overlay:hover { opacity: 1; }
.video-item .video-overlay,
.video-item .video-overlay-transparent { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.video-item .video-overlay-inner { height: 100%; position: relative; text-align: center; vertical-align: middle; }
.video-item .video-overlay-transparent { background: #fff; opacity: 0; }
.video-item .video-play { width: 80px; height: 80px; line-height: 74px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; border: 3px solid #fff; font-size: 35px; z-index: 50; color: #fff; text-align: center; display: inline-block; margin-top: 75px; }
.video-item .video-play i { margin-left: 3px; }

/* Section 4 */
.product-img {}
.product-description { width: 482px; height: 204px; padding: 10px; background: #0168B7; overflow: hidden; }
.pd-type1 { background: #0168B7; }
.pd-type2 { background: #2584cc; }
.pd-type3 { background: #2396ed; }
.product-description .icon { width: 80px; float: right; }
.product-description .icon.icon-left { float: left; }
.product-description a { color: #fff; text-decoration: none; }
.product-description a h3 { font-size: 25px; margin: 0 0 20px; }
.product-description a p { font-size: 16px; margin: 0 0 10px; }
.product-img,
.product-description { margin-bottom: 25px; }

@media only screen and (max-width : 1200px) {

 /* Section 4 */
 .product-description { width: 455px; height: 192px; }
 .product-description a h3 { font-size: 22px; margin: 0 0 15px; }
 .product-description a p { font-size: 15px; }

}

@media only screen and (max-width : 992px) {
  
 /* Video Section */
 .video-item .video-play { width: 50px; height: 50px; line-height: 45px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-top: 60px; font-size: 20px; }

 /* Section 4 */
 .product-description { width: 100%; height: auto; overflow: visible; }
  
}

@media only screen and (max-width : 767px) {
  
 .pull-right-custom { float: none; }
  
 .navbar-toggle .icon-bar { background: #fff; }
 .navbar-nav > li > a,
 .navbar-nav > li > a:focus,
 .navbar-nav > li > a:hover { padding: 5px 15px; }
  
 .site-branding { left: 15px; right: auto; }

 /* Sections */
 .section-title { font-size: 25px; }
  
 /* Video Section */
 .video-item .video-play { top: 30%; margin: 0; }
  
 /* Section 3 */
 .r-tabs .r-tabs-accordion-title { text-align: center; position: relative; padding-bottom: 40px; }
 .r-tabs .r-tabs-accordion-title > a { display: inline-block; }
 .r-tabs-accordion-title.r-tabs-state-active .carret-up { border-width: 0 30px 30px 30px; display: block; }
 .r-tabs .r-tabs-panel { padding: 0 0 20px; }
  
 .tab-header h3 { font-size: 25px; }
 .tab-header p { font-size: 15px; }
   
}


@media only screen and (max-width : 480px) {
	
 .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 { width: 100%; display: block; float: none; }
  
 /* Section 2 */
 .latest-info-item .description { height: auto; overflow: visible; }

	
}