﻿/*********************
THEME COLOR - DEFAULT
*********************/
a {
  color: #3f444a; }
  a:active,
  a:hover,
  a:focus {
    color: #32c5d2; }

.c-theme-link:focus,
.c-theme-link:active,
.c-theme-link:hover {
  color: #32c5d2 !important; }
  .c-theme-link:focus > i,
  .c-theme-link:active > i,
  .c-theme-link:hover > i {
    color: #32c5d2 !important; }

.c-theme-link.c-active {
  color: #32c5d2 !important; }
  .c-theme-link.c-active > i {
    color: #32c5d2 !important; }

.c-theme-nav li:focus > a:not(.btn),
.c-theme-nav li:active > a:not(.btn),
.c-theme-nav li:hover > a:not(.btn) {
  color: #32c5d2 !important; }

.c-theme-nav li:focus > .c-quick-sidebar-toggler > .c-line,
.c-theme-nav li:active > .c-quick-sidebar-toggler > .c-line,
.c-theme-nav li:hover > .c-quick-sidebar-toggler > .c-line {
  background: #32c5d2 !important; }

.c-theme-nav li.c-active {
  color: #32c5d2 !important; }
  .c-theme-nav li.c-active > a:not(.btn) {
    color: #32c5d2 !important; }
  .c-theme-nav li.c-active > .c-quick-sidebar-toggler > .c-line {
    background: #32c5d2 !important; }

.c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li:hover > a {
  color: #32c5d2 !important; }

.c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li.active {
  border-bottom: 1px solid #32c5d2 !important; }
  .c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li.active > a {
    color: #32c5d2 !important; }

.c-theme-nav.nav.nav-tabs > li:hover > a {
  color: #32c5d2 !important; }

.c-theme-nav.nav.nav-tabs > li.active {
  border-bottom: 1px solid #32c5d2 !important; }
  .c-theme-nav.nav.nav-tabs > li.active > a {
    color: #32c5d2 !important; }

.c-theme-ul > li:focus > a:not(.btn),
.c-theme-ul > li:active > a:not(.btn),
.c-theme-ul > li:hover > a:not(.btn) {
  color: #32c5d2 !important; }
  .c-theme-ul > li:focus > a:not(.btn) > i,
  .c-theme-ul > li:active > a:not(.btn) > i,
  .c-theme-ul > li:hover > a:not(.btn) > i {
    color: #32c5d2 !important; }

.c-theme-ul > li:focus > button > .c-line,
.c-theme-ul > li:active > button > .c-line,
.c-theme-ul > li:hover > button > .c-line {
  background: #32c5d2 !important; }

.c-theme-ul > li.active,
.c-theme-ul > li.c-active {
  color: #32c5d2 !important; }
  .c-theme-ul > li.active > a:not(.btn),
  .c-theme-ul > li.c-active > a:not(.btn) {
    color: #32c5d2 !important; }
    .c-theme-ul > li.active > a:not(.btn) > i,
    .c-theme-ul > li.c-active > a:not(.btn) > i {
      color: #32c5d2 !important; }

.c-theme-ul-bg > li {
  color: #ffffff;
  background: #32c5d2 !important; }

.c-theme-font,
.c-theme-color {
  color: #32c5d2 !important; }
  .c-theme-font > i,
  .c-theme-color > i {
    color: #32c5d2 !important; }

.c-theme-bg {
  background: #32c5d2 !important; }
  .c-theme-bg.c-theme-darken {
    background: #26a1ab !important; }

.c-theme-bg-after:after {
  background: #32c5d2 !important; }

.c-theme-bg-before:before {
  background: #32c5d2 !important; }

.c-theme-border-after:after {
  border-color: #32c5d2 !important; }

.c-theme-border-before:before {
  border-color: #32c5d2 !important; }

.c-theme-bg-on-hover:hover {
  background: #32c5d2 !important; }

.c-theme-border {
  border-color: #32c5d2 !important; }

.c-theme-on-hover:hover {
  color: #32c5d2 !important; }

.c-theme-bg-parent-hover:hover .c-theme-bg-on-parent-hover {
  background: #32c5d2 !important; }

.c-theme-border {
  border-color: #32c5d2; }

.c-content-iconlist-1.c-theme > li:hover i {
  color: #fff;
  background: #32c5d2; }

.c-content-ver-nav .c-menu.c-theme > li:before {
  color: #32c5d2; }

.c-content-ver-nav .c-menu.c-theme.c-arrow-dot > li:before {
  background: #32c5d2; }

.c-content-pagination.c-theme > li:hover > a {
  border-color: #32c5d2;
  background: #32c5d2;
  color: #fff; }
  .c-content-pagination.c-theme > li:hover > a > i {
    color: #fff; }

.c-content-pagination.c-theme > li.c-active > span,
.c-content-pagination.c-theme > li.c-active > a {
  border-color: #32c5d2;
  background: #32c5d2;
  color: #fff; }
  .c-content-pagination.c-theme > li.c-active > span > i,
  .c-content-pagination.c-theme > li.c-active > a > i {
    color: #fff; }

.c-theme-btn.btn {
  color: #ffffff;
  background: #32c5d2;
  border-color: #32c5d2; }
  .c-theme-btn.btn.btn-no-focus:focus,
  .c-theme-btn.btn.btn-no-focus.focus {
    color: #ffffff;
    background: #32c5d2;
    border-color: #32c5d2; }
  .c-theme-btn.btn.btn-no-focus:hover,
  .c-theme-btn.btn:hover,
  .c-theme-btn.btn.btn-no-focus:active,
  .c-theme-btn.btn:active,
  .c-theme-btn.btn.active,
  .open > .c-theme-btn.btn.dropdown-toggle {
    color: #ffffff;
    background: #27a8b4;
    border-color: #27a8b4; }
  .c-theme-btn.btn:active,
  .c-theme-btn.btn.active,
  .open > .c-theme-btn.btn.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.btn.disabled,
  .c-theme-btn.btn.disabled:hover,
  .c-theme-btn.btn.disabled:not(.btn-no-focus):focus,
  .c-theme-btn.btn.disabled:not(.btn-no-focus).focus,
  .c-theme-btn.btn.disabled:active,
  .c-theme-btn.btn.disabled.active,
  .c-theme-btn.btn[disabled],
  .c-theme-btn.btn[disabled]:hover,
  .c-theme-btn.btn[disabled]:not(.btn-no-focus):focus,
  .c-theme-btn.btn[disabled]:not(.btn-no-focus).focus,
  .c-theme-btn.btn[disabled]:active,
  .c-theme-btn.btn[disabled].active,
  fieldset[disabled] .c-theme-btn.btn,
  fieldset[disabled] .c-theme-btn.btn:hover,
  fieldset[disabled] .c-theme-btn.btn:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.btn:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.btn:active,
  fieldset[disabled] .c-theme-btn.btn.active {
    background: #32c5d2;
    border-color: #32c5d2; }
  .c-theme-btn.btn .badge {
    color: #32c5d2;
    background: #ffffff; }

.c-theme-btn.c-btn-border-1x {
  border-color: #32c5d2;
  border-width: 1px;
  color: #32c5d2;
  background: none;
  border-color: #32c5d2; }
  .c-theme-btn.c-btn-border-1x.btn-no-focus:focus,
  .c-theme-btn.c-btn-border-1x.btn-no-focus.focus {
    color: #32c5d2;
    background: none;
    border-color: #32c5d2; }
  .c-theme-btn.c-btn-border-1x.btn-no-focus:hover,
  .c-theme-btn.c-btn-border-1x:hover,
  .c-theme-btn.c-btn-border-1x.btn-no-focus:active,
  .c-theme-btn.c-btn-border-1x:active,
  .c-theme-btn.c-btn-border-1x.active,
  .open > .c-theme-btn.c-btn-border-1x.dropdown-toggle {
    color: #ffffff;
    background: #32c5d2;
    border-color: #32c5d2; }
  .c-theme-btn.c-btn-border-1x:active,
  .c-theme-btn.c-btn-border-1x.active,
  .open > .c-theme-btn.c-btn-border-1x.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.c-btn-border-1x.disabled,
  .c-theme-btn.c-btn-border-1x.disabled:hover,
  .c-theme-btn.c-btn-border-1x.disabled:not(.btn-no-focus):focus,
  .c-theme-btn.c-btn-border-1x.disabled:not(.btn-no-focus).focus,
  .c-theme-btn.c-btn-border-1x.disabled:active,
  .c-theme-btn.c-btn-border-1x.disabled.active,
  .c-theme-btn.c-btn-border-1x[disabled],
  .c-theme-btn.c-btn-border-1x[disabled]:hover,
  .c-theme-btn.c-btn-border-1x[disabled]:not(.btn-no-focus):focus,
  .c-theme-btn.c-btn-border-1x[disabled]:not(.btn-no-focus).focus,
  .c-theme-btn.c-btn-border-1x[disabled]:active,
  .c-theme-btn.c-btn-border-1x[disabled].active,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:hover,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:active,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x.active {
    background: none;
    border-color: #32c5d2; }
  .c-theme-btn.c-btn-border-1x .badge {
    color: none;
    background: #32c5d2; }

.c-theme-btn.c-btn-border-2x {
  border-color: #32c5d2;
  border-width: 2px;
  color: #32c5d2;
  background: none;
  border-color: #32c5d2; }
  .c-theme-btn.c-btn-border-2x.btn-no-focus:focus,
  .c-theme-btn.c-btn-border-2x.btn-no-focus.focus {
    color: #32c5d2;
    background: none;
    border-color: #32c5d2; }
  .c-theme-btn.c-btn-border-2x.btn-no-focus:hover,
  .c-theme-btn.c-btn-border-2x:hover,
  .c-theme-btn.c-btn-border-2x.btn-no-focus:active,
  .c-theme-btn.c-btn-border-2x:active,
  .c-theme-btn.c-btn-border-2x.active,
  .open > .c-theme-btn.c-btn-border-2x.dropdown-toggle {
    color: #ffffff;
    background: #32c5d2;
    border-color: #32c5d2; }
  .c-theme-btn.c-btn-border-2x:active,
  .c-theme-btn.c-btn-border-2x.active,
  .open > .c-theme-btn.c-btn-border-2x.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.c-btn-border-2x.disabled,
  .c-theme-btn.c-btn-border-2x.disabled:hover,
  .c-theme-btn.c-btn-border-2x.disabled:not(.btn-no-focus):focus,
  .c-theme-btn.c-btn-border-2x.disabled:not(.btn-no-focus).focus,
  .c-theme-btn.c-btn-border-2x.disabled:active,
  .c-theme-btn.c-btn-border-2x.disabled.active,
  .c-theme-btn.c-btn-border-2x[disabled],
  .c-theme-btn.c-btn-border-2x[disabled]:hover,
  .c-theme-btn.c-btn-border-2x[disabled]:not(.btn-no-focus):focus,
  .c-theme-btn.c-btn-border-2x[disabled]:not(.btn-no-focus).focus,
  .c-theme-btn.c-btn-border-2x[disabled]:active,
  .c-theme-btn.c-btn-border-2x[disabled].active,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:hover,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:active,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x.active {
    background: none;
    border-color: #32c5d2; }
  .c-theme-btn.c-btn-border-2x .badge {
    color: none;
    background: #32c5d2; }

.c-theme.form-control:focus,
.c-theme.form-control:active,
.c-theme.form-control.active {
  border-color: #32c5d2 !important; }

.c-content-line-icon.c-theme {
  background-image: url(../images/default.png); }

.c-content-list-1.c-theme.c-separator-dot > li:before,
.c-content-list-1.c-theme > li:before {
  background: #32c5d2; }

.c-content-tab-1.c-theme .nav > li:hover > a,
.c-content-tab-1.c-theme .nav > li:focus > a,
.c-content-tab-1.c-theme .nav > li:active > a,
.c-content-tab-1.c-theme .nav > li.active > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:hover > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:focus > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:active > a,
.c-content-tab-1.c-theme .nav.nav-justified > li.active > a {
  border-bottom-color: #32c5d2; }

.c-content-tab-2.c-theme > ul > li.active > a > .c-title,
.c-content-tab-2.c-theme > ul > li:hover > a > .c-title {
  color: #32c5d2; }

.c-content-tab-2.c-theme > ul > li.active > a > .c-content-line-icon,
.c-content-tab-2.c-theme > ul > li:hover > a > .c-content-line-icon {
  background-image: url(../images/default.png); }

.c-content-tab-5.c-theme .c-nav-tab > li.active > a,
.c-content-tab-5.c-theme .c-nav-tab > li a:hover {
  color: #fff;
  background-color: #32c5d2; }

.c-content-tab-5.c-theme .c-nav-tab.c-arrow a:hover:after {
  border-left-color: #32c5d2; }

.c-content-tab-5.c-theme .c-nav-tab.c-arrow .active > a:after {
  border-left-color: #32c5d2; }

.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a {
  background-color: #32c5d2; }
  .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #ffffff; }
    .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:hover,
    .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:focus {
      background-color: #32c5d2; }

.c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body {
  background-color: #32c5d2; }

.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link:hover > a,
.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link.c-active > a,
.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link.active > a {
  background: rgba(50, 197, 210, 0.9); }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu li.c-active > a {
  transition: all 0.2s;
  color: #32c5d2; }
  .c-layout-sidebar-menu.c-theme .c-sidebar-menu li.c-active > a > .c-arrow {
    color: #32c5d2; }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu li .c-dropdown-menu > li:hover > a {
  color: #32c5d2; }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu.c-option-2 > li.c-active > a {
  transition: all 0.2s;
  color: #ffffff;
  background-color: #32c5d2; }
  .c-layout-sidebar-menu.c-theme .c-sidebar-menu.c-option-2 > li.c-active > a > .c-arrow {
    color: #ffffff; }

.c-content-title-4.c-theme .c-line-strike:before {
  border-top: 1px solid #32c5d2; }

.owl-carousel.c-theme .owl-pagination .owl-page span {
  background: #e1e1e1; }

.owl-carousel.c-theme .owl-pagination .owl-page.active span {
  background: #32c5d2; }

.cbp-l-filters-button .cbp-filter-counter,
.cbp-l-filters-buttonCenter .cbp-filter-counter {
  background-color: #32c5d2; }
  .cbp-l-filters-button .cbp-filter-counter:before,
  .cbp-l-filters-buttonCenter .cbp-filter-counter:before {
    border-top: 4px solid #32c5d2; }

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
  color: #32c5d2; }

.cbp-l-filters-alignCenter .cbp-filter-counter,
.cbp-l-filters-text .cbp-filter-counter {
  background: none repeat scroll 0 0 #32c5d2; }
  .cbp-l-filters-alignCenter .cbp-filter-counter:before,
  .cbp-l-filters-text .cbp-filter-counter:before {
    border-top: 4px solid #32c5d2; }

.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
  border-bottom-color: #32c5d2; }

.cbp-l-project-desc-title:before,
.cbp-l-project-details-title:before {
  background: #32c5d2; }

.tp-bullets.round.c-theme .bullet {
  margin-right: 5px; }
  .tp-bullets.round.c-theme .bullet.selected {
    background: #32c5d2; }

.tp-banner-container.c-theme .tparrows.circle {
  background-image: url(../images/default.png); }

@media screen and (min-width: 320px) and (max-width: 800px)  { 
 #solution02{    
    text-align: center;
    height: 500px;
    overflow: hidden;
    position: relative;
	clear:both;
	} 
	#solution {
	height:500px; padding:45px 0px;	
    position: absolute;
    overflow: hidden;
    width: 100%;
	
	}
.rqs_title{width: 100%; text-align: center;}
		.rqs_title1{  height: 40px;  font-size: 20px; color: #337ab7; margin: 0px;}
		.rqs_title2{  font-size: 12px; width: 150px; margin: 0 auto;
    color: #666666;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 10px; border-bottom: 1px solid #666;}
.rqs_hover {width:100%; margin:0 auto; position:relative; text-align:center; line-height: 170px;}
		.rqs_01{width:20%; float:1eft; height:400px; background: url(/skin/images/rq_icon01.jpg) no-repeat center top; position:absolute; left: 0px; top: 0px; background-size:100%; }
		.rqs_com01{width:500%; height: 170px; display: block; position:absolute;background-color: #ffffff;left: 0px; top: 50%; line-height: 30px; }
		.rqs_01:hover .rqs_com01{display: block; z-index: 9;}

		.rqs_02{width:20%; float:1eft; height:400px; background: url(/skin/images/rq_icon02.jpg) no-repeat center top; position:absolute; left: 20%; top: 0px; background-size:100%; }
		.rqs_com02{width:500%; height: 170px; display: none; position:absolute; background-color: #ffffff; left: -100%; top: 50%; line-height: 30px; }
		.rqs_02:hover .rqs_com02{display: block; z-index: 9;}
		
		.rqs_03{width:20%; float:1eft; height:400px; background: url(/skin/images/rq_icon03.jpg) no-repeat center top; position:absolute; left: 40%; top: 0px;  background-size:100%;}
		.rqs_com03{width:500%; height: 170px; display: none; position:absolute;background-color: #ffffff; left: -200%; top: 180px; line-height: 30px; }
		.rqs_03:hover .rqs_com03{display: block; z-index: 9;}
		
		.rqs_04{width:20%; float:1eft; height:400px; background: url(/skin/images/rq_icon04.jpg) no-repeat center top; position:absolute; left: 60%; top: 0px; background-size:100%;}
		.rqs_com04{width:500%; height: 170px; display: none; position:absolute;background-color: #ffffff; left: -300%; top: 180px; line-height: 30px; }
		.rqs_04:hover .rqs_com04{display: block; z-index: 9;}
		
		.rqs_05{width:20%; float:1eft; height:400px; background: url(/skin/images/rq_icon05.jpg) no-repeat center top; position:absolute; left: 80%; top: 0px; background-size:100%;}
		.rqs_com05{width:500%; height: 170px; display: none; position:absolute;background-color: #ffffff; left: -400%; top: 180px; line-height: 30px; }
		.rqs_05:hover .rqs_com05{display: block; z-index: 9;} 
 }		
		

 @media only screen and (min-width: 881px) { 
 #solution02{    
    text-align: center;
    height: 500px;
    overflow: hidden;
    position: relative;
	clear:both;
	} 
	#solution {
	height:500px; padding:45px 0px;	
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
	
	}
.rqs_title{width: 100%; text-align: center;}
		.rqs_title1{  height: 40px;  font-size: 30px; color: #337ab7; margin: 0px;}
		.rqs_title2{  font-size: 12px; width: 200px; margin: 0 auto;
    color: #666666;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 10px; border-bottom: 1px solid #666;}
.rqs_hover {width:1200px; margin:0 auto; position:relative; text-align:center; line-height: 260px;}
		.rqs_01{width:240px; float:1eft; height:400px; background: url(/skin/images/rq_icon1.jpg) no-repeat center top; position:absolute; left: 0px; top: 0px; }
		.rqs_com01{width:1200px; height: 170px; display: block; position:absolute;background-color: #ffffff;left: 0px; top: 200px; line-height: 30px; }
		.rqs_01:hover .rqs_com01{display: block; z-index: 9;}

		.rqs_02{width:240px; float:1eft; height:400px; background: url(/skin/images/rq_icon2.jpg) no-repeat center top; position:absolute; left: 240px; top: 0px; }
		.rqs_com02{width:1200px; height: 170px; display: none; position:absolute; background-color: #ffffff; left: -240px; top: 200px; line-height: 30px; }
		.rqs_02:hover .rqs_com02{display: block; z-index: 9;}
		
		.rqs_03{width:240px; float:1eft; height:400px; background: url(/skin/images/rq_icon3.jpg) no-repeat center top; position:absolute; left: 480px; top: 0px; }
		.rqs_com03{width:1200px; height: 170px; display: none; position:absolute;background-color: #ffffff; left: -480px; top: 200px; line-height: 30px; }
		.rqs_03:hover .rqs_com03{display: block; z-index: 9;}
		
		.rqs_04{width:240px; float:1eft; height:400px; background: url(/skin/images/rq_icon4.jpg) no-repeat center top; position:absolute; left: 720px; top: 0px; }
		.rqs_com04{width:1200px; height: 170px; display: none; position:absolute;background-color: #ffffff; left: -720px; top: 200px; line-height: 30px; }
		.rqs_04:hover .rqs_com04{display: block; z-index: 9;}
		
		.rqs_05{width:240px; float:1eft; height:400px; background: url(/skin/images/rq_icon5.jpg) no-repeat center top; position:absolute; left: 960px; top: 0px; }
		.rqs_com05{width:1200px; height: 170px; display: none; position:absolute;background-color: #ffffff; left: -960px; top: 200px; line-height: 30px; }
		.rqs_05:hover .rqs_com05{display: block; z-index: 9;} 
 }	






		
  
@media screen and (min-width: 320px) and (max-width: 990px) {
.rq_hb1{width:100%; height:300px; background:url(/skin/images/rq_hb1.jpg) no-repeat center top; overflow:hidden; display:block; background-size:cover;} 
}  
  
@media only screen and (min-width: 991px) {
.rq_hb1{width:100%; height:700px; background:url(/skin/images/rq_hb1.jpg) no-repeat center top; overflow:hidden; display:block;} 
}



@media screen and (min-width: 320px) and (max-width: 990px) {

.rq_honor{width:100%; margin:0 auto; background-color:#f7f7f7; height:430px; padding:60px 0px; overflow:hidden;}
.rqh_title{width:100%; margin:0 auto; height: 80px; overflow: hidden;}
.rqh_title dl{border-left: 4px solid #0068b1; padding-left: 15px;float: left;line-height: 20px;}
.rqh_title dt{font-size: 20px; margin-bottom: 5px;} 
.rqh_title dd{font-size: 16px;text-transform: capitalize;}
.this_more{ height: 45px; width: 60px;float: right; line-height:45px; font-size:15px; text-align:right;}
.rqh_wrap{width:100%; margin:0 auto; height:250px; overflow:hidden;}
.rqh_list{width:2000px; height:250px; animation-name: move; animation-duration: 4s;animation-timing-function: linear; animation-iteration-count: infinite;}
}

@media only screen and (min-width: 991px) {
.rq_honor{width:100%; margin:0 auto; background-color:#f7f7f7; height:430px; padding:60px 0px; overflow:hidden;}
.rqh_title{width:1200px; margin:0 auto; height: 80px; overflow: hidden;}
.rqh_title dl{border-left: 4px solid #0068b1; padding-left: 15px;float: left;line-height: 20px;}
.rqh_title dt{font-size: 20px; margin-bottom: 5px;} 
.rqh_title dd{font-size: 16px;text-transform: capitalize;}
.this_more{ height: 45px; width: 60px;float: right; line-height:45px; font-size:15px; text-align:right;}
.rqh_wrap{width:1200px; margin:0 auto; height:250px; overflow:hidden;}
.rqh_list{width:2000px; height:250px; animation-name: move; animation-duration: 4s;animation-timing-function: linear; animation-iteration-count: infinite;}
}

.rqh_list img {float: left; width: 158px; height:210px;background: #ffffff;border:1px solid #cccccc;padding: 10px; margin: 10px;}
.rqh_list:hover{cursor:pointer;animation-play-state: paused;}
@keyframes move{
	from{
		transform:translate(0px);
	}
	to{
		transform:translate(-220px);
	}
        }
	



@media screen and (min-width: 320px) and (max-width: 990px){	
.rqgc_wrap{width:100%; margin: 0 auto; height:auto; overflow:hidden; background:#ffffff;}		
.rqgc_title{ position: relative; height: auto; background: #f4f4f4; overflow:hidden;}
.rqqc_lable{ width: 100%;  background: #0068b1; height: 150px;}
.rqqc_lable dl { border-left: 4px solid #fff;  padding-left: 15px; float: left;  line-height: 20px; margin-left:20px;   box-sizing: border-box; color: #fff; 
                margin-top: 50px;}
.rqqc_lable dt{font-size: 20px; margin-bottom: 5px;}
.rqqc_lable dd	{font-size: 16px; text-transform: capitalize;}

.index5_con{box-sizing: border-box; width: 100%;  margin: 0 auto; clear:both;}
.index5_con dl {float: left; width: 50%;text-align: center; padding-top: 40px; line-height: 40px;	}
.index5_con dt { font-size: 36px; color: #0068b1	}
.index5_con dd{font-size: 16px;color: #666666}


		.gctab-wrap{width: 100%; background-color:#f9f9f9; height: auto; }
		.gctab-title{width:100%; height:auto; margin: 0 auto; text-align: center;}
		.gctab-menu{width:100%; height:auto; margin: 0 auto; background:#ffffff; margin-top:10px; margin-bottom:10px;}
        .gctab-menu ul{
			width:100%;         
            margin: 0 auto;
			height: 50px; 
		   border: 2px solid #f6f6f6;
		    padding: 0px;
			margin-bottom: 10px;

        }
        .gctab-menu ul li{
            display: inline-block;
            width: 16%;
            height: 50px;
            line-height: 50px;
            text-align: center;
            cursor: pointer;
			font-size: 12px;
			color: #181818;
			border-left: 1px solid #f6f6f6;
			   
        }
        .gctab-menu ul li.active{
			color: #0068b1;
        }
		.gctab-con{width: 100%;; height: 250px; float: left; margin-bottom:10px;}
        .gctab-pic{
            width: 100%;
            height:250px;
            background: #ffffff;
            display: none;
        }
.gctab-pic .gc_img{
background: no-repeat center;
    background-size: cover;
    position: relative;
    float: left;
    height: 250px;
    width: 100%;
	} 		
.gctab-pic	 span{position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    line-height: 50px;
    font-size: 20px;
    color: white;
    background: rgba(0,0,0,0.5);
    bottom: 0;}

.gctab-pic dl{
    float: right;
    width: 25%;
    box-sizing: border-box;
    padding: 30px;
    background: #0068b1;
    color: white;
	display:none;
}	
.gctab-pic dt{
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    border-left: 4px solid #fff;
    padding-left: 10px;

}
.gctab-pic dd{
    font-size: 16px;
    line-height: 28px;
    height: 205px;
    overflow: hidden;
}					
 .gctab-con div:first-child{
            display: block;}

}



@media only screen and (min-width: 991px){
.rqgc_wrap{width:100%; margin: 0 auto; height:820px; overflow:hidden; background:#ffffff;}		
.rqgc_title{ position: relative; height: 150px; background: #f4f4f4; overflow:hidden;}
.rqqc_lable{position: absolute; width: 100%; right: 50%; margin-right: 370px; background: #0068b1; height: 100%;}
.rqqc_lable dl { border-left: 4px solid #fff;  padding-left: 15px; float: left;  line-height: 20px;  float: right;  width: 230px; box-sizing: border-box; color: #fff; 
                margin-top: 50px;}
.rqqc_lable dt{font-size: 20px; margin-bottom: 5px;}
.rqqc_lable dd	{font-size: 16px; text-transform: capitalize;}

.index5_con{box-sizing: border-box; width: 1200px; padding-left: 240px; margin: 0 auto;}
.index5_con dl {float: left; width: 240px;text-align: center; padding-top: 40px; line-height: 40px;	}
.index5_con dt { font-size: 36px; color: #0068b1	}
.index5_con dd{font-size: 16px;color: #666666}


		.gctab-wrap{width: 100%; background-color:#f9f9f9; height: 1000px;}
		.gctab-title{width:1200px; height:220px; margin: 0 auto; text-align: center;}
		.gctab-menu{width:1200px; height:610px; margin: 0 auto; background:#ffffff; margin-top:50px;}
        .gctab-menu ul{
			width:1200px;          
            margin: 0 auto;
			height: 100px; 
		   border: 2px solid #f6f6f6;
		    padding: 0px;
			margin-bottom: 10px;

        }
        .gctab-menu ul li{
            display: inline-block;
            width: 196px;
            height: 96px;
            line-height: 96px;
            text-align: center;
            cursor: pointer;
			font-size: 18px;
			color: #181818;
			border-left: 2px solid #f6f6f6;
			   
        }
        .gctab-menu ul li.active{
			color: #0068b1;
        }
		.gctab-con{width: 1200px; height: 400px; float: left; }
        .gctab-pic{
            width: 1200px;
            height:400px;
            background: #ffffff;
            display: none;
			float: left;
        }
.gctab-pic .gc_img{
background: no-repeat center;
    background-size: cover;
    position: relative;
    float: left;
    height: 400px;
    width: 895px;
	} 		
.gctab-pic	 span{position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    line-height: 50px;
    font-size: 20px;
    color: white;
    background: rgba(0,0,0,0.5);
    bottom: 0;}

.gctab-pic dl{
    float: right;
    width: 300px;
    box-sizing: border-box;
    padding: 30px;
    background: #0068b1;
    color: white;
}	
.gctab-pic dt{
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    border-left: 4px solid #fff;
    padding-left: 10px;

}
.gctab-pic dd{
    font-size: 16px;
    line-height: 28px;
    height: 305px;
    overflow: hidden;
}					
 .gctab-con div:first-child{
            display: block;}


}







.rq_team{width:100%; margin:0 auto; background-color:#ffffff; padding:40px 0px;}

@media screen and (min-width: 320px) and (max-width: 990px){
/* focus_Box */
#focus_Box{position:relative;width:100%;height:auto;margin:2% auto;}
#focus_Box ul{position:relative;width:100%;height:auto}
#focus_Box li{ width:46%; height:auto; float:left; background:#787878; cursor:pointer; margin: 2%;}
#focus_Box li img{width:100%;background:url(/skin/images/team1.jpg) no-repeat center ;height:auto;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(/skin/images/team1.jpg) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev{overflow:hidden;cursor:pointer;position:absolute;width:0px;height:0px;top:174px; left:0px;
background:url(/skin/images/prev.png) no-repeat center center;}
#focus_Box .next{overflow:hidden;cursor:pointer;position:absolute;width:0px;height:0px;top:174px; right:0px; 
background:url(/skin/images/next.png) no-repeat center center; }

#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}	
	
}

@media only screen and (min-width: 991px){
/* focus_Box */
#focus_Box{position:relative;width:1200px;height:420px;margin:20px auto;}
#focus_Box ul{position:relative;width:1200px;height:500px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(/skin/images/team1.jpg) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(/skin/images/team1.jpg) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:174px; left:0px;
background:url(/skin/images/prev.png) no-repeat center center;}
#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:174px; right:0px; 
background:url(/skin/images/next.png) no-repeat center center; }

#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
}



@media screen and (min-width: 320px) and (max-width: 990px) {
.rq-partner{width:100%; margin:0 auto; height:auto; margin-bottom:10px; overflow: hidden;}
.rq-partner01{height:5px; width:100%;}
.partner-title{width:100%; margin: 0 auto; text-align:center; line-height:20px; color:#0068b1; }
.partner-title01{font-size:15px; }
.partner-title02{font-size:10px;}
.partner-img{width:96%; margin:0 auto; height:auto; }
.partner-pic{width:25%; height:auto; float:left;border:1px solid #f5f5f5; overflow:hidden;}
.partner-pic img{width:100%;}
}

@media only screen and (min-width: 991px) {
.rq-partner{width:100%; margin:0 auto; height:570px; background:url(/skin/images/partnerbg.jpg)no-repeat center center;  }
.rq-partner01{height:85px; width:100%;}
.partner-title{width:1200px; margin: 0 auto; text-align:center; height:140px; line-height:30px; color:#ffffff; }
.partner-title01{font-size:35px; font-weight:bold;}
.partner-title02{font-size:18px;}
.partner-img{width:1200px; margin:0 auto; height:260px; }
.partner-pic{width:300px; height:130px; float:left;}
}


@media screen and (min-width: 320px) and (max-width: 990px) {

		.pro-wrap{width: 100%; background-color:#f9f9f9; height:73%; overflow:hidden;}
		.pro-title{width:100%; margin: 0 auto; text-align: center; height: 15%; padding-top:5%; padding-bottom:3%;}
		.pro-menu{width:100%; height:50%; margin: 0 auto; background:#ffffff;}
        .pro-menu ul{
			width:25%;
            height:100%; 			
		    background-color:#0068b1;
			float: left;
			padding-top:5px;
        }
        .pro-menu ul li{
            display: inline-block;
             width: 90%;
             height: 30px;
			 line-height: 30px;
            text-align: center;
            cursor: pointer;
			font-size: 13px;
			 background: #0088e7;			 
			margin-bottom:3%;
			color: #ffffff;
			margin-top:3%;
			margin-left:5%;
			overflow:hidden;
        }
        .pro-menu ul li.active{
            background: #ffffff;
			color: #0068b1;
        }
		.pro-con{width:75%; height: 50%; float: left; padding:2%; background: #ffffff; }
        .pro-category{
            width: 100%;
            height: 100%;
            background: #ffffff;
            display: none;
			float: left;
 
        }
        .pro-con div:first-child{
            display: block;
        }

.pro-child{width:30%; height:30%; margin:1% 0px 1% 2%; float:left; background:#f9f9f9; overflow:hidden; border:1px solid #f5f5f5;}
.pro-child img{width:100%; height:100%;}
}


@media only screen and (min-width: 991px) {

		.pro-wrap{width: 100%; background-color:#f9f9f9; height: 870px;}
		.pro-title{width:1200px; margin: 0 auto; text-align: center; height: 180px; padding-top: 50px;}
		.pro-menu{width:1200px; height:610px; margin: 0 auto; background:#ffffff;}
        .pro-menu ul{
			width:300px;
            margin: 0;
			height: 610px; 
		    background-color:#0068b1;
			float: left;
			padding-top:5px;
        }
        .pro-menu ul li{
            display: inline-block;
            width: 260px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            cursor: pointer;
			font-size: 18px;
			 background: #0088e7;			 
			margin-bottom:10px;
			color: #ffffff;
			margin-top:15px;
			margin-left:20px;
        }
        .pro-menu ul li.active{
            background: #ffffff;
			color: #0068b1;
        }
		.pro-con{width: 900px; height: 610px; float: left; }
        .pro-category{
            width: 900px;
            height:610px;
            background: #ffffff;
            display: none;
			float: left;
 
        }
        .pro-con div:first-child{
            display: block;
        }

.pro-child{width:275px; height:275px; margin:18px 0px 0px 18px; float:left; background:#f9f9f9;  border:1px solid #f5f5f5;}
.pro-child img{width:275px;  height:275px;}

}



@media screen and (min-width: 320px) and (max-width: 800px) {
.nav-banner {position: relative;margin: 0 auto;height: 350px;overflow: hidden;width: 100%;}
.banner {width:840px;height: 350px;position: absolute;bottom: 0;left: 50%;margin-left: -420px;}
.banner ul {width:840px;height: 350px;}
.banner ul li {width:840px;height: 350px;}
.banner ul li img {width:840px;height: 350px;}
.small {position: absolute;left: 50%;bottom: 9%;cursor: pointer;margin-left: -100px}
.small a {width:40px;height: 5px;background: #f5f5f5;float: left;margin: 0 5px;}
.small .small_s {background: #11b5fc;width:40px;height: 5px}
}


@media only screen and (min-width: 801px) {
.nav-banner {position: relative;margin: 0 auto;height: 800px;overflow: hidden;width: 100%;}
.banner {width: 1920px;height: 800px;position: absolute;bottom: 0;left: 50%;margin-left: -960px;}
.banner ul {width: 1920px;height: 800px;}
.banner ul li {width: 1920px;height: 800px;}
.banner ul li img {width: 1920px;height: 800px;}
.small {position: absolute;left: 50%;bottom: 9%;cursor: pointer;margin-left: -172px}
.small a {width: 70px;height: 7px;background: #f5f5f5;float: left;margin: 0 8px;}
.small .small_s {background: #11b5fc;width: 70px;height: 7px}
}


@media screen and (min-width: 320px) and (max-width: 800px) {
.rq_apply{width:100%;  background:#ffffff;}
.rq_lywrap{width:100%; margin:0 auto;}
.rq_applyt{width:100%;}
.rq_applyt img{width:100%; height:auto;}
.rq_applyc{width:100%;}
.rq_applyimg{width:50%;  float:left; background:#f7f7f7;}
.rq_applyimg img{width:100%; height:auto;}

}
@media only screen and (min-width: 801px) {
.rq_apply{width:100%; height:1150px; background:#ffffff;}
.rq_lywrap{width:1200px; margin:0 auto;}
.rq_applyt{width:100%; height:230px;}
.rq_applyc{width:1200px; height:780px; }
.rq_applyimg{width:400px; height:260px; float:left; background:#f7f7f7;}
}	

