/* CSS Document */
@charset "utf-8";

*, *:after, *:before {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
  background:none;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

body,html {
  max-width:1920%;
  font-size:16px;
  line-height: 200%;
  color:#333;
  font-weight:400;
  background:#ffffff;
  font-family: 'Microsoft YaHei', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

address,cite,code,em,th,i,h1,h2,h3,h4,h5,h6{
  font-style:normal;
}

a{
  color:#333;
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
  color:#da2d28;
}

input,button,select,textarea{
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 400;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px;
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

input[type="submit"],
input[type="reset"],
input[type="button"]{-webkit-appearance:none;}
input[type=submit]:hover{
  opacity:0.9;
  filter:Alpha(opacity=90);
  cursor: pointer;
}

p{
  position: relative;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 500;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 400;
  line-height: 150%;
  margin: 0px;
  transition: all 500ms ease;
}

figure{
  margin: 0px;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
  -ms-interpolation-mode:bicubic;   /* IE 7+ */
  image-rendering: optimizeQuality; /* Fx, (Gecko 1.9.2) */
}

table,th,td{border: 1px solid #000;}

.clearfix {
  z-index: 1;
  clear: both;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.l {
  float:left;
  _display: inline;
}
.r {
  float:right;
  _display: inline;
}
.tc{
  text-align: center;
}

.container {
  width: 1200px;
  margin: 0 auto;
}

/** header  **/
header{
  padding:1% 0;
}
header .header-code{float:left;width:90px;text-align:center;margin-left:6%}
header .header-code span{font-size:12px;line-height:20px;display:block;}
.header-tel{display:none;}

/** main-menu **/

.menu-area{
  border-top: 1px solid #eee;
}

.fixedNav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  border-top: none;
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu{
  position: relative;
}

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-menu .navigation > li{
  position:inherit;
  z-index:2;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size: 18px;
  line-height:60px;
  font-weight:500;
  opacity:1;
  z-index:1;
  text-transform: uppercase;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li > a:before{
  position: absolute;
  content: '';
  left: 50%;
  bottom: -4px;
  transform: scale(0,0);
  background-repeat: no-repeat;
  transition: all 500ms ease;
}

.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li:hover > a:before{
  transform: scale(1,1);
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #007cc3;
  font-weight: bold;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:250px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0px;
  background-color: #fff;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none;
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  line-height: 300%;
  font-weight:500;
  font-size:15px;
  text-transform:capitalize;
  color:#35312f;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a:before{
  position: absolute;
  content: "\f105";
  font-size: 17px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  left: -30px;
  top: 15px;
  opacity: 0;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > a:hover:before{
  display: block;
  left: -17px;
  opacity: 1;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{

}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > a:hover{
  
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position:absolute;
  right:20px;
  top:14px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  right:100%;
  top:-2px;
  width:230px;
  z-index:100;
  display:none;
  padding: 10px 0px;
  background-color: #fff;
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none;
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  font-size: 15px;
  padding:14px 0px;
  line-height:24px;
  font-weight:500;
  font-family: 'Jost', sans-serif;
  text-transform:capitalize;
  color:#35312f;
  border-bottom: 1px solid #f1e6df;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:before{
  position: absolute;
  content: "\f105";
  font-size: 17px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  left: -30px;
  top: 14px;
  opacity: 0;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover:before{
  left: -17px;
  opacity: 1;
  display: block;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  display: block;
  opacity:1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{

}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: fixed;
  top:2%;
  right: 2%;
  font-size: 20px;
  z-index: 99;
  cursor: pointer;
  color: #007cc3;
  display: none;
}

.main-header .sticky-header .logo-box{
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 20px 0px;
  z-index: 1;
}

.main-header .sticky-header .logo-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  transform: rotate(45deg);
  z-index: -1;
}

.main-header .sticky-header .logo-box:after {
  position: absolute;
  content: '';
  border: 1px dashed #fff;
  width: calc(100px - 10px);
  height: calc(100px - 10px);
  left: 5px;
  top: 5px;
  transform: rotate(45deg);
}

/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 40px 50px 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li{
  float: left;
  text-align: center;
}

.main-menu .navigation li.dropdown .service-nav li{
  width: 23.5%;
  margin-right: 2%;
}

.main-menu .navigation li.dropdown .service-nav li:nth-child(4n){
  margin-right: 0;
}

.main-menu .navigation li.dropdown .case-nav li{
  width: 12.5%;
}


.main-menu .navigation li.dropdown .case-nav li i{
  display: block;
  font-size: 40px;
}

.main-menu .navigation li.dropdown .news-nav li{
  width: 23.5%;
  margin-right: 2%;
}

.main-menu .navigation li.dropdown .news-nav li:nth-child(4n){
  margin-right: 0;
}

.main-menu .navigation li.dropdown .about-nav li{
  width: 15%;
  margin-right: 2%;
}

.main-menu .navigation li.dropdown .about-nav li:nth-child(6n){
  margin-right: 0;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 280px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .navbar-collapse{
  display:block !important;
}

.mobile-menu .nav-logo{
  position:relative;
  padding:50px 25px;
  text-align:left;
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #202020;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .navigation li ul li > a{
  font-size: 15px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li ul li img{
  display: none;
}

.mobile-menu .navigation li ul li i{
  margin-right: 10px;
  color: #666;
}

.mobile-menu .navigation .case-nav{
  clear: both;
  overflow: hidden;
}

.mobile-menu .navigation .case-nav li{
  float: left;
  width: 50%;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  background:#fff;
  color: #3b3b3b;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .social-links li a:hover{

}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 120px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}

.search{background: rgba(255,255,255,.8);font-size: 14px;margin-top: -50px;z-index: 33;position: relative;}
.search .search-txt{float: left;width: 75%;padding: 0 15px;line-height: 50px;height: 50px;overflow: hidden;}
.search .search-txt b{color: #da2d28;}
.search .search-txt a{margin-right: 10px;}
.search .search-form{float: right;width: 25%;padding: 10px 15px;background: rgba(0,124,195,.8);}
.search .search-form input{line-height: 30px;color: #fff;float: left;}
.search .search-form button{float: right;padding: 5px 0;height: 30px;}
/* WebKit browsers */
.search .search-form input::-webkit-input-placeholder {
    color: #f6f6f6;
}
/* Mozilla Firefox 4 to 18 */
.search .search-form input:-moz-placeholder {
    color: #f6f6f6;
}
/* Mozilla Firefox 19+ */
.search .search-form input::-moz-placeholder {
    color: #f6f6f6;
}
/* Internet Explorer 10+ */
.search .search-form input:-ms-input-placeholder {
    color: #f6f6f6;
}

.title{padding: 3% 0 2% 0;}
.title h3{font-size: 36px;font-weight: bold;line-height: 150%;margin-bottom: 6px;}
.title h3 span{color: #da2d28;}
.title h3 em{font-size: 46px;color: #da2d28;font-style: normal;}
.title p{font-size: 20px;}
.tith3{font-size: 36px;font-weight: bold;text-align: center;}
.tith3 span{color: #da2d28;}
.tith3 em{font-size: 40px;color: #da2d28;font-style: normal;}

.tel{font-size: 18px;color: #fff;display: inline-block;}
.tel i{color: #ffe66e;font-size: 24px;margin-right: 10px;}
.tel a{font-size: 30px;color: #ffe66e;font-weight: bold;float: right;}
.tel1{color: #333;}
.tel1 i{color: #da2d28;}
.tel1 a{color: #da2d28;}

.service{padding:0 0 180px 0;background: #f2f8fc;}
.service .title{padding: 2% 0 1% 0;}
.service .service-hd{margin-bottom: 1%;}
.service .service-hd li{display: inline-block;font-size: 18px;padding: 0 30px;line-height: 40px;background: #fff;border-radius: 20px;margin: 0 5px;}
.service .service-hd li.on,.service .service-hd li:hover{background: #007cc3;color: #fff;}
.service .service-bd ul li{float: left;width: 23.5%;position: relative;margin-right: 2%;margin-top: 2%;}
.service .service-bd ul li:nth-child(4n){margin-right: 0;}
.service .service-bd ul li span{width: 100%;position: absolute;bottom:0;left:0;line-height: 280%;color: #fff;padding-left: 15px;
    background: -moz-linear-gradient(top, #000000 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,transparent));
    background: -webkit-linear-gradient(top, #000000 0%,transparent 100%);
    background: -o-linear-gradient(top, #000000 0%,transparent 100%);
    background: -ms-linear-gradient(top, #000000 0%,transparent 100%);
    background: linear-gradient(to top, #000000 0%,transparent 100%);}


.strength{background: #fff;margin-top: -130px;border-radius: 20px;padding: 0 1%;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);}
.strength ul li{float: left;width: 25%;padding:3% 2%;}
.strength ul li h4{font-size: 18px;font-weight: bold;color: #007cc3;margin: 20px 0 5px 0;}
.strength ul li p span{color: #da2d28;font-weight: bold;font-size: 18px;}

.laboratory{margin-bottom: 2.5%;}
.laboratory .item h4{font-size: 18px;margin: 20px 0 5px 0;}
.laboratory .item p{color: #666;}
.laboratory .item span{color: #666;display: inline-block;border: 1px solid #eee;line-height: 36px;border-radius: 18px;padding: 0 20px;margin-top: 15px;}
.laboratory .owl-theme .owl-controls .owl-nav [class*=owl-]{font-size: 30px;padding: 20px 10px;margin:0;}
.laboratory .owl-controls .owl-nav .owl-prev{position: absolute;left:-60px;top:22%;}
.laboratory .owl-controls .owl-nav .owl-next{position: absolute;right:-60px;top:22%;}
.laboratory .owl-dots{display: none !important;}

.footer-nav{background: #007cc3;padding: 2% 0;}
.footer-nav>ul>li{float: left;margin-right: 4%;}
.footer-nav>ul>li:last-child{margin-right: 0;}
.footer-nav>ul>li>a{display: block;color: #fff;margin-bottom: 5px;font-weight: bold;}
.footer-nav>ul>li>ul>li>a{line-height: 160%;color: #b0d2e8;}
.footer-nav>ul>li>.nav-list-c{width: 158px;}
.footer-nav>ul>li>.nav-list-c>li{max-width: 32px;float: left;margin-right: 10px;}
.footer-nav>ul>li>.nav-list-c>li:nth-child(4n){margin-right: 0;}

.footer-txt{background: #202020;padding: 2% 0 0 0;color: #fff;}
.footer-txt .ftxt{float: left;}
.footer-txt .ftxt h3{font-size: 36px;font-weight: bold;color: #007cc3;margin-top: 10px;}
.footer-txt .ftxt h3 b{font-size: 24px;display: block;color: #fff;}
.footer-txt .fcode{float: left;margin: 0 5.8%;}
.footer-txt .fcode li{float: left;max-width:150px;text-align: center;margin: 0 5px;color: #fff;}
.footer-txt .fcode li img{margin: 5px 0;}
.footer-txt .fcontact{float: right;}
.footer-txt .fcontact p{line-height: 30px;position: relative;padding-left: 60px;margin-bottom:3%;}
.footer-txt .fcontact p i{position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);color: #fff;font-size: 30px;width: 50px;line-height: 50px;background: #007cc3;text-align: center;border-radius: 50%;}
.footer-txt .fcontact p span{display: block;}
.footer-txt .fcontact p a{color: #da2d28;font-size: 28px;font-weight: bold;line-height: 30px;}
.footer-txt .fcontact p em{font-size: 20px;line-height: 30px;}

.copyright{border-top: 1px solid #333;color: #888;padding: 8px 0;font-size: 14px;margin-top: 2%;}
.copyright a{color: #888;}
.copyright span{float: right;margin-right: -15px;}
.copyright span a{margin: 0 15px;}
.copyright i{display:inline-block;height:19px;}
.copyright img{display:inline-block;}

.footer-bottom{display: none;}

@media only screen and (min-width: 780px){
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul,
  .main-menu .navigation > li > .megamenu{
    /*display:block !important;*/
  }
}

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

.container {width: 96%;}

header{padding: 2% 0;}
.logo img{height: 80px;}
.headtel img{height: 80px;}
header .header-code{display:none;}

.main-menu .navigation > li > a{font-size: 16px;line-height:50px;}

.search{display: none;}

.title h3{font-size: 30px;font-weight: bold;line-height: 150%;margin-bottom: 0;}
.title h3 em{font-size: 36px;}
.title p{font-size: 18px;}
.tith3{font-size: 30px;}
.tith3 em{font-size: 32px;}

.service{padding-bottom: 160px;}
.service .service-hd li{font-size: 16px;padding: 0 30px;line-height: 36px;border-radius: 18px;margin-top: 1%;}
.strength ul li h4{font-size: 16px;margin-top: 10px;}
.strength ul li p span{font-size: 16px;}

.laboratory .item span{display: none;}
.laboratory .owl-theme .owl-controls .owl-nav [class*=owl-]{font-size: 20px;padding: 12px 8px;}
.laboratory .owl-controls .owl-nav .owl-prev{left: 0;}
.laboratory .owl-controls .owl-nav .owl-next{right: 0;}

.footer-nav>ul>li{margin-right: 3%;}
.footer-nav>ul>li>ul>li{line-height: 180%;}
.footer-nav>ul>li>ul>li>a{font-size: 14px;}
.footer-nav>ul>li>.nav-list-c{width: 142px;}

.footer-txt .ftxt h3{font-size:30px;}
.footer-txt .fcode{display: none;}
.footer-txt .fcontact p{margin-bottom:0;}

}

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

body,html {font-size:15px;}

.main-menu,
.sticky-header,
.main-header.style-one .outer-container:before{
  display: none !important;
}

.menu-area .mobile-nav-toggler {
  display: block;
}

.tel{font-size: 16px;}
.tel i{font-size: 20px;margin-right: 6px;}
.tel a{font-size: 26px;}

.strength{padding: 3% 1%;}
.strength ul li{padding: 1% 2%;}
.strength ul li img{height: 60px;}
.strength ul li p{line-height: 180%;height: 76px;overflow: hidden;}
.strength ul li h4 span{display: block;}

.laboratory .item h4{margin: 10px 0 0 0;}
.laboratory .item p{line-height: 180%;}
.laboratory .owl-controls .owl-nav .owl-prev{top:18%;}
.laboratory .owl-controls .owl-nav .owl-next{top:18%;}

.footer{margin-bottom: 70px;}

.footer-nav>ul{text-align: center;}
.footer-nav>ul>li{width: 12.5%;margin: 0;}
.footer-nav>ul>li>a{margin: 0;}
.footer-nav>ul>li>ul{display: none;}

.footer-txt .ftxt{float: none;}
.footer-txt .fcontact{float: none;text-align: center;margin-top:10px}
.footer-txt .fcontact p{line-height: 40px;position: relative;padding-left: 0;}
.footer-txt .fcontact p i{margin-right:10px;position: relative;left: 0;top:0;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);color: #fff;font-size: 20px;width: 40px;line-height: 40px;background: #007cc3;text-align: center;border-radius: 50%;}
.footer-txt .fcontact p span{display: inline;}

.copyright{text-align: center;}
.copyright span{float: none;display: none;margin-right: 0;}

.footer-bottom{background:#007cc3;width: 100%;position: fixed;bottom: 0;z-index: 999;display: block;}
.footer-bottom li{float: left;text-align: center;width: 21%;line-height:30px;padding:10px 0;}
.footer-bottom li:first-child{width:14%;background:#da2d28;margin-right:1%;}
.footer-bottom li i{color: #fff;display:block;line-height:20px;}
.footer-bottom li a{color:#fff;}

}

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

body,html {font-size:14px;line-height: 180%;}

.logo{width: 90%;}
.logo img{height: auto;}
.headtel{display: none;}
.header-tel{display:block;padding:1% 2% 0 2%;text-align:center;}
.header-tel i{color:#007cc3;margin-right:5px;font-size:18px;}
.header-tel a{font-size:18px;font-weight:bold;color:#da2d28;}

.title h3{font-size: 18px;font-weight: bold;line-height: 150%;margin-bottom: 0;}
.title h3 em{font-size: 24px;}
.title p{font-size: 15px;}
.tith3{font-size: 18px;}
.tith3 em{font-size: 20px;;}

.tel i{font-size: 18px;margin-right: 6px;}
.tel a{font-size: 24px;}

.service{padding-top: 2%;}
.service .service-hd li{display: inline-block;font-size: 14px;line-height: 30px;background: #fff;border-radius: 15px;margin: 4px 2px;padding: 0 5%;}
.service .service-bd ul li{float: left;width: 49%;margin-right: 2%;}
.service .service-bd ul li:nth-child(2n){margin-right: 0;}

.strength{margin-top: -150px;border-radius: 10px;}
.strength ul li{width: 50%;}

.laboratory .item h4{font-size: 16px;}
.laboratory .item p{font-size: 12px;height: 84px;}
.laboratory .owl-theme .owl-controls .owl-nav [class*=owl-]{font-size: 16px;padding: 6px 8px;}
.laboratory .owl-controls .owl-nav .owl-prev {top: 15%;}
.laboratory .owl-controls .owl-nav .owl-next {top: 15%;}

.footer{margin-bottom: 60px;}
.footer-nav>ul>li{width: 25%;margin: 0;}
.footer-txt{padding: 4% 0 0 0;}
.footer-txt .ftxt h3{font-size: 24px;margin-top: 5px;}
.footer-txt .ftxt h3 b{font-size: 20px;display: block;color: #fff;}
.footer-txt .fcontact p{line-height: 30px;}
.footer-txt .fcontact p i{display: none;}
.footer-txt .fcontact p a{color: #da2d28;font-size: 24px;font-weight: bold;line-height: 30px;}
.footer-txt .fcontact p em{font-size: 18px;line-height: 30px;}
.footer-bottom li{font-size: 14px;line-height: 20px;}
.copyright{line-height: 180%;}

}