html,
body {
    margin: 0;
    font-size: 100%;
    font-family: '微软雅黑', sans-serif;
    background: #fff;
}

body a {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    font-family: '微软雅黑', sans-serif;
}

body img {
    max-width: 100%;
}

a:hover {
    text-decoration: none;
}
.image-holder-block figure{
    margin:0px;
}
input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    font-family: '微软雅黑', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: '微软雅黑', sans-serif;
    letter-spacing: 1px;
}

p {
    margin: 0;
    font-size: 15px;
    color: #8c9398;
    line-height: 2em;
    letter-spacing: 1px;
}

ul {
    margin: 0;
    padding: 0;
}

/*--/header --*/

/*--/navbar--*/

.navbar {
    padding: 0.8em 2em;
	position:fixed;
	width:100%;
	z-index:100;
	background:#fff;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.main-sec{
	height:115px;
}
a.navbar-brand {
    font-size: 1em;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    color: #3d3e48;
}

.navbar-light .navbar-brand {
    color: #3d3e48;
}

.logo i {
    color: #0166B3;
    text-shadow: none;
}

li.nav-item {
    margin: 0 1px;
}

.navbar-light .navbar-nav .nav-link {
    
    color: #000;
    background: transparent;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
	
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover
.navbar-light .navbar-nav .nav-link:focus {
   
   
	border-bottom: 3px solid #0166B3;
}
nav.shift ul li a {
    position: relative;
    z-index: 1;
}

nav.shift ul li a:hover {
    color: #049c66;
}

nav.shift ul li a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0%;
    bottom: -6px;
    right: 0;
    margin: auto;
    width: 0%;
   height: 100%;
    content: '';
    color: #0166B3;
	border-bottom: 3px solid #0166B3;
    visibility: none;
    opacity: 0;
    z-index: -1;
	transition: 0.6s;
	
	
	
}

nav.shift ul li a:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
	 width: 100%;
}


.dropdown-item {
    padding: 0.5em 1.5rem;
    font-size: 0.9em;
    margin: 0;
}

.dropdown-menu {
    margin: 0;
    padding: 0;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*---*/

nav ul {
    list-style: none;
    text-align: center;
}

nav ul li {
    display: inline-block;
}

nav ul li a {
    display: block;
    color: #aaa;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 10px;
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
    transition: all .5s;
}

nav ul li a:hover {
    color: #555;
}

/* SHIFT */



/* Keyframes */

@-webkit-keyframes fill {
    0% {
        width: 0%;
        height: 1px;
    }
    50% {
        width: 100%;
        height: 1px;
    }
    100% {
        width: 100%;
        height: 100%;
        background: #333;
    }
}

/* Keyframes */

@-webkit-keyframes circle {
    0% {
        width: 1px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 1px;
        z-index: -1;
        background: #eee;
        border-radius: 100%;
    }
    100% {
        background: #aaa;
        height: 5000%;
        width: 5000%;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 0;
    }
}

/*---*/

.dropdown-toggle::after {
    width: 0;
    height: 0;
    margin-left: 0;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border: 0px;
}

li.nav-item.active {
  
}

/*--/search--*/

form.header-search {
    width: 25%;
}

.header-search form {
    background: #e7e9ea;
    padding: 0.3em;
    border-radius: 50px;
}

.header-search input[type="search"] {
    outline: none;
    border: none;
    padding: 11px 14px;
    color: #fff;
    font-size: 14px;
    background: rgba(113, 114, 130, 0.2);
    float: left;
    letter-spacing: 1px;
    width: 82%;
    border-radius: 0;
}

.header-search button.btn1 {
    color: #fff;
    border: none;
    padding: 9px 9px 10px 9px;
    text-align: center;
    text-decoration: none;
    background: #0166B3;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    float: right;
    cursor: pointer;
    width: 15%;
    border-radius: 0;
}

/*--//search--*/

/*-- /search --*/

.search i {
    color: #fff;
    margin: 0.8em 1em;
}

/*-- //header --*/

/*-- /w3layouts-banner-info --*/

/*--*/

/*-- //top-nav --*/

.cd-radial-slider-content h3,
.cd-radial-slider-content h3 {
    font-size: 3.5em;
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 10px;
    text-shadow: 2px 2px 2px rgb(12, 12, 12);
}

.cd-radial-slider-content h3 span,
.cd-radial-slider-content h4 span {
    display: block;
    color: #0099e5;
    font-weight: 100;
}

a.read {
    font-size: 15px;
    color: #fff !important;
    padding: .7em 1.5em;
    margin-top: 1em;
    display: inline-block;
    letter-spacing: 3px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

a.read:hover {
    background: #ec1c24;
    border: 2px solid #ec1c24;
}

/*-- //w3layouts-banner-info --*/

/*-- /slider --*/

/*-- w3layouts-banner-info-top --*/

.banner-top {
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-image: url(../images/banner1.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
	 height: 750px;

}

.banner-top1 {
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-image: url(../images/banner2.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
	 height: 750px;
}

.banner-top2 {
   background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-image: url(../images/banner3.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
	 height: 750px;
}

.banner-top3 {
   background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-image: url(../images/banner4.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
	 height: 750px;
}.banner-top4 {
   background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-image: url(../images/banner5.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
	 height: 750px;
}
@media(max-width:1680px){
	.banner-top,.banner-top1,.banner-top2,.banner-top3{
		height: 680px;
	}
}
.w3layouts-banner-info {
    padding-top: 14em;
}

.w3layouts-banner-info h3 span {
    font-weight: 600;
    color: #eee;
    text-decoration: underline;
}

.w3layouts-banner-info a {
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    letter-spacing: 2px;
    font-size: 14px;
    margin: 1em 0.3em 0em;
    background: transparent;
    display: inline-block;
    border: 2px solid #fff;
}

.w3layouts-banner-info a:hover {
    color: #0166B3;
}

.w3layouts-banner-info h3 {
    font-size: 3em;
    color: #fff;
    font-weight: 100;
    letter-spacing: 2px;
    text-shadow: 2px 2px 2px rgba(45, 45, 45, 0.53);
}

.w3layouts-banner-info p {
    font-size: 1em;
    color: #fff;
    margin: 1.5em 0;
    letter-spacing: 6px;
}

.w3layouts-banner-info i {
    vertical-align: middle;
}

.covering {

 
}

/*-- //w3layouts-banner-info-top --*/

/*--social_media_icons_style--*/

.social_media {
    text-align: center;
    position: absolute;
    left: 4%;
    top: 39%;
    z-index: 99;
}

.social_media ul li {
    list-style: none;
    margin-bottom: 1em;
}

.social_media ul li a {
    
    color: #fff;
  
    font-size: 14px;
   
   
}

.social_media ul li a:hover {
    color: #0166B3;
}

p.ab {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 14px;
    transform: rotate(-90deg);
    left: -0.4%;
    bottom: 20%;
    position: absolute;
    z-index: 99;
}

/*--//social_media_icons_style--*/

.thim-click-to-bottom {
    position: absolute;
    bottom: 27%;
    left: 49%;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    z-index: 9;
}

.thim-click-to-bottom i {
    color: #0166B3;
}

.rotate a {
    border: 2px solid #fff;
    font-size: 20px;
    padding: 10px;
    line-height: 65px;
    border-radius: 30px;
    text-align: center;
}

/*-- hover-effect --*/

/*--slider--*/

#slider2,
#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}

.rslides_tabs li:first-child {
    margin-left: 0;
}

.rslides_tabs .rslides_here a {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-weight: bold;
}

.events {
    list-style: none;
}

.callbacks_container {
    position: relative;
    float: left;
    width: 100%;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.callbacks li {
    position: absolute;
    width: 100%;
}

.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}

.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
    top: 10%;
    text-align: center;
}

/***
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: 76%;
	left: 40px;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 34px;
	width: 34px;
	background: url(../images/left.png) no-repeat 0px 0px;
}

.callbacks_nav.next {
	left: auto;
	background: url(../images/right.png) no-repeat 0px 0px;
	right: 47%;
}

.callbacks_nav.prev {
	left: auto;
	background: url(../images/left.png) no-repeat 0px 0px;
	left: 47%;
}
/**/

#slider3-pager a {
    display: inline-block;
}

#slider3-pager span {
    float: left;
}

#slider3-pager span {
    width: 100px;
    height: 15px;
    background: #fff;
    display: inline-block;
    border-radius: 30em;
    opacity: 0.6;
}

#slider3-pager .rslides_here a {
    background: #FFF;
    border-radius: 30em;
    opacity: 1;
}

#slider3-pager a {
    padding: 0;
}

#slider3-pager li {
    display: inline-block;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    height: auto;
    border: 0;
}

.callbacks_tabs {
    list-style: none;
    position: absolute;
    bottom: 12%;
    left: 45%;
    padding: 0;
    margin: 0;
    display: block;
    z-index: 9;
}

.slider-top span {
    font-weight: 600;
}

.callbacks_tabs li {
    display: inline-block;
    margin: 0px 4px;
}

/*----*/

.callbacks_tabs a {
    border: 2px solid #fff;
    width: 35px;
    height: 35px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    display: block;
    text-align: center;
}

.callbacks_here a {
    background: #0166B3;
    border: 2px solid #0166B3;
}

.slider {
    position: relative;
}

/*-- //slider --*/

/* Global Button Styles */

a.animated-button:link,
a.animated-button:visited {
    position: relative;
    padding: 12px 30px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    border-radius: 0;
    z-index: 9;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

a.animated-button:link:after,
a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}

a.animated-button:link:hover,
a.animated-button:visited:hover {
    color: #FFF;
    text-shadow: none;
}

a.animated-button:link:hover:after,
a.animated-button:visited:hover:after {
    height: 450%;
}

/* Victoria Buttons */

a.animated-button.victoria-two {
    border: 2px solid #EB2941;
}

a.animated-button.victoria-two:after {
    background: #EB2941;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg);
}

/*--//w3layouts-banner-info --*/

/*--/w3layouts-banner-info-bottom --*/

h3.tittle {
    text-shadow: 2px 2px 2px rgba(41, 41, 41, 0.26);
    font-size:28px;
    color: #3d3e48;
    
}
h3.tittle1 {
    text-shadow: 2px 2px 2px rgba(41, 41, 41, 0.26);
    font-size:28px;
    color: #fff;
    
}
h3.tittle1 span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.3em;
    color: #ec1c24;
    letter-spacing: 4px;
	margin-top:1em;
}
h3.tittle span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.3em;
    color: #ec1c24;
    letter-spacing: 4px;
	margin-top:1em;
}

p.para {
    font-size: 1.2em;
    color: #7b7878;
    font-weight: 600;
}

/*--/ab-text-con --*/

.ab-text-con .card {
    border: none;
}

.ab-text-con .card-body {
    padding: 0 1em;
}

.card-title {
    font-size: 1.4em;
    color: #454646;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
    font-weight: 600;
}

.ab-text-con i {
    font-size: 2.5em;
    color: #0166B3;
    margin-bottom: 0.4em;
}

.ab-grid:hover i {
    color: #ec1c24;
}

/*--//ab-text-con --*/

/*--//w3layouts-banner-info-bottom --*/

/*--/time-line --*/

.page-section {
    background-image:url(../images/fzlc.jpg);
}

.featured {
    background: #f7f7f7;
}

/*--//time-line --*/

/*--/team--*/

.member-main-w3layouts .card {
    border: none;
}

.member-main-w3layouts .card-body {
    padding: 0 1em;
}

.team-social ul.social-icons li {
    display: inline-block;
}

.team-social ul.social-icons li a {
    display: block;
    color: #afadad;
    text-decoration: none;
    font-size: 14px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    line-height: 34px;
    background: transparent;
    border: 2px solid #afadad;
}

.team-social ul.social-icons li a:hover {
    color: #0166B3;
    border: 2px solid #0166B3;
}

.member-main-w3layouts h4 {
    font-size: 1.4em;
    color: #454646;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    margin-top: 1em;
}

/*--//team--*/

/*-- effect --*/

.galsses-grid-left {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */

.galsses-grid-left figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    min-width: 100%;
    max-width: 480px;
    max-height: 360px;
    width: 48%;
    height: auto;
    background: #3085a3;
    text-align: center;
}

.galsses-grid-left figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.galsses-grid-left figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.galsses-grid-left figure figcaption::before,
.galsses-grid-left figure figcaption::after {
    pointer-events: none;
}

.galsses-grid-left figure figcaption,
.galsses-grid-left figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/***** Lexi *****/

/*---------------*/

figure.effect-lexi {
    background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%);
    background: linear-gradient(-45deg, #000 0%, #fff 100%);
}

figure.effect-lexi img {
    margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    opacity: 0.9;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-lexi figcaption::before,
figure.effect-lexi p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lexi figcaption::before {
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 285px;
    height: 300px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

figure.effect-lexi:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-lexi h3 {
    text-align: left;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0);
    font-size: 25px;
    color: #fff;
}

figure.effect-lexi h3 span {
    color: #ec1c24;
}

figure.effect-lexi p {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 1em 3em 0em;
    width: 140px;
    text-align: right;
    opacity: 0;
    -webkit-transform: translate3d(20px, 20px, 0);
    transform: translate3d(20px, 20px, 0);
    font-size: .8em;
    line-height: 1.8em;
}

figure.effect-lexi:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

figure.effect-lexi:hover h3,
figure.effect-lexi:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*-- //effect --*/

.galsses-grid-right h5 {
    font-size: 1em;
    color: #888;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    font-weight: 600;
}

.galsses-grid-right p {
    line-height: 2.2em;
}

.galsses-grid-left p {
    color: #0166B3;
}

h4.post {
    font-size: 1.3em;
    color: #454646;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
    font-weight: 600;
}

span.post-color {
    font-size: 3em;
    color: #0166B3;
}

/*-- Pricing --*/

.price-main-info .card-header {
    font-size: 2.7em;
    color: #1c1c1d;
    font-weight: 700;
    background: none;
    padding: 0.8em 0;
}

.price-main-info .card-header span {
    font-weight: 300;
    vertical-align: top !important;
    color: #999;
    font-size: 0.6em;
}

.price-main-info .card-body {
    background: #fff;
    padding: 2em;
}

.pricing-card-title span {
    font-size: .5em;
    display: inline-block;
    color: #000;
}

.price-main-info.card:hover {
    border: 1px solid #0166B3;
}

.price-main-info p {
    margin: 2em 0;
    line-height: 2.2em;
}

.price-main-info h5.card-title {
    font-size: 2em;
    color: #1c1c1d;
    font-weight: 700;
}

.price-main-info .card-header label {
    font-size: 0.4em;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    color: #0166B3;
}

.card-deck .card {
    padding: 0px;
}

.price-main-info.card {
    border-radius: 0;
    padding: 0em 2em;
}

a.btn.read-more {
    text-decoration: none;
    padding: 10px 25px;
    letter-spacing: 2px;
    font-size: 14px;
    margin: 1em 0.3em 0em;
    background: transparent;
    display: inline-block;
    border: 2px solid #212529;
    border-radius: 0px;
    color: #212020;
}

.price-main-info.card:hover a.btn.read-more {
    background: #0166B3;
    border: 2px solid #0166B3;
}

/*--// Pricing --*/

/*--/newsletter--*/

.newsright input[type="email"] {
    outline: none;
    width: 100%;
    padding: 15px 20px;
    color: #848484;
    font-size: 14px;
    border: 1px solid #b5bbbd;
    width: 74%;
    letter-spacing: 3px;
    background: none;
}

.newsright input[type="email"] {
    outline: none;
    width: 100%;
    padding: 15px 20px;
    color: #848484;
    font-size: 14px;
    border: 1px solid #e1e2e2;
    width: 70%;
    letter-spacing: 3px;
    background: none;
    border-radius: 0px;
}

.newsright input[type="submit"] {
    border: none;
    padding: 16px 20px 16px;
    font-size: 15px;
    outline: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    background: #0166B3;
    color: #fff;
    width: 30%;
    cursor: pointer;
    border-radius: 0px;
}

.newsright input[type="submit"]:hover {
    background: #ec1c24;
}

.newsright {
    margin: 0 auto;
    width: 50%;
}

.galsses-grid-right {

}
.syqywhleft{
	margin-top:10%;
}
.syqywhright{
	margin-top:10%;
}
/*--//newsletter--*/

.testimonials_grid h3 {
    margin: 1em 0 0.5em 0;
    color: #fff;
    font-size: 1.4em;
}

.testimonials_grid label {
    font-size: 1em;
    letter-spacing: 1px;
    color: #ec1c24;
}

.testimonials_grid h3 span {
    font-weight: 100;
    font-size: 0.8em;
    color: #ddd;
}

.testimonials_grid p {
    width: 70%;
    margin: 1em auto 0;
    line-height: 2em;
    letter-spacing: 1px;
    color: #fff;
}

div#carouselExampleControls .carousel-item {
    background: none;
    height: auto;
}

.testimonials_grid {
    margin: 0 auto;
    width: 60%;
}

h3.tittle.cen {
    color: #fff;
}

a.carousel-control-next.test,
a.carousel-control-prev.test {
    color: #0166B3;
    text-align: center;
    opacity: 0.9;
    font-size: 2em;
}

.testimonials {
    background: url("../images/banner1.jpg") no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height: 500px;
}

/*--/w3layouts-banner-info-inner--*/

.banner-inner {
    background: url("../images/nyaboutbanner.jpg") no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
   height:400px;
   line-height:400px;
   text-align:center;
}
.banner-inner1 {
    background: url("../images/nynewbanner.jpg") no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    height:400px;
   line-height:400px;
      text-align:center;
}
.banner-inner2 {
    background: url("../images/nyprobanner.jpg") no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    height:400px;
   line-height:400px;
      text-align:center;
}
.banner-inner3 {
    background: url("../images/nywenhuabanner.jpg") no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    height:400px;
   line-height:400px;
      text-align:center;
}
.banner-inner4 {
    background: url("../images/nydjbanner.jpg") no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    height:400px;
   line-height:400px;
      text-align:center;
}
.banner-inner5 {
    background: url("../images/nyrlzybanner.jpg") no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    height:400px;
   line-height:400px;
    text-align:center;
}

.banner-inner6 {
    background: url("../images/nylxbanner.jpg") no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    height:400px;
   line-height:400px;
      text-align:center;
}
li.breadcrumb-item {
    font-size: 30px;
    letter-spacing: 3px;
}

li.breadcrumb-item a {
    color: #ec1c24;
  
}
li.breadcrumb-item a:hover {
    color:#0166B3;
  
}

.breadcrumb-item.active {
    color: #ffffff;
}

ol.breadcrumb {
    background: none;
    margin: 0;
}

.ban-inner-content h3 {
    color: #fff;
    font-size: 2em;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #ffffff;
    content: "/";
}

.nybannerwz{
	text-align:center;
	color:#fff;
	    display: inline-table;
}
.nybannerwz p:nth-child(1){
	font-size:40px;
	color:#fff;
	font-family:"宋体";
	line-height:1.5em;
	
}
.nybannerwz p:nth-child(2){
	font-size:25px;
	color:#fff;
	font-family:"宋体";
	line-height:1.5em;

}
/*-- stats --*/

.project-img img {
    background: #eaecef;
    padding: 0.7em;
}

.stats_left p {
    font-size: 3em;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    line-height: 2em;
}

.stats_left h4 {
    font-size: 1.1em;
    color: #069260;
    margin: 0;
    font-weight: 700;
    letter-spacing: 1px;
}

.stats_left i {
    font-size: 3em;
    color: #069260;
}

.stats_bottom_grid_left img {
    margin: 0 auto;
}

.stats_left {
    border: 1px solid #0bc180;
    padding: 3em 0em;
}

.stats_left:nth-child(3) {
    border-right: 0px;
}

.stats_left:nth-child(2) {
    border-left: 0px;
    border-right: 0px;
}

h3.tittle.fea {
    font-size: 2.3em;
}

/*--responsive--*/

@media(max-width:900px) {
    .stats_test {
        padding: 4em 2em;
    }
}

@media(max-width:800px) {
    .stats_left p {
        font-size: 2.3em;
    }
}

@media(max-width:768px) {
    .stats_test {
        padding: 4em 2em;
    }
    .news-right h4,
    .ab_info h4 {
        font-size: 1.7em;
    }
}

@media(max-width:640px) {
    .stats_left {
        text-align: center;
        float: left;
        width: 100%;
    }
    .stats_left:nth-child(2) {
        border-left: 1px solid #e42126;
        border-right: 1px solid #e42126;
        border-bottom: 0px;
    }
    .stats_left:nth-child(1) {
        border-bottom: 0px;
    }
    .stats_left:nth-child(3) {
        border-right: 1px solid #e42126;
        border-left: 1px solid #e42126;
        border-bottom: 0px;
    }
}

/*--//about --*/

/*--/feactured-services --*/

.terms-in .card {
    background: none;
    border: none;
    color: #fff;
}

.terms-in {
    padding: 2em 1em;
    background: #3be8b0;
}

.terms-in.one {
    background: #ffb900;
}

.terms-in.two {
    background: #fc636b;
}

.terms-in.thd {
    background: #928ff5;
}

.terms-in.fourth {
    background: #ff4e00;
}

.terms-in.fifth {
    background: #1aafd0;
}

.terms-main p {
    color: #fff;
}

.terms-in i {
    color: #fff;
    font-size: 3em;
    margin-bottom: 0.5em;
}

/*--//feactured-services --*/

/*--//w3layouts-banner-info-inner--*/

/*-- /error --*/

.error {
    margin-bottom: 1em;
}

.error-404 h4 {
    font-size: 12em;
    font-weight: 500;
    color: #333;
    margin: 0;
    padding: 0;
}

a.b-home {
    background: #202020;
    padding: 0.7em 1.5em;
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    margin-top: 1em;
    font-size: 0.9em;
}

a.b-home:hover {
    background: #ec1c24;
}

.error-404 p {
    color: #929090;
    font-size: 1em;
    letter-spacing: 8px;
    margin: 0em 0 2em 0;
}

.error.social-icons {
    margin-bottom: 1em;
}

.error.social-icons a {
    color: #4e4e4e;
}

.error.social-icons a:hover {
    color: #ff3c41;
}

.error-404 {
    text-align: center;
}

.error-404 form {
    margin: 0 auto 2em;
    width: 40%;
    text-align: center;
}

.error-404 .copyrighttop a.facebook {
    color: #aaacaf;
    font-size: 15px;
}

.error-404 form input[type="search"] {
    outline: none;
    border: 1px solid #c4c5c5;
    background: none;
    color: #212121;
    padding: 14px 15px;
    width: 80%;
    float: left;
    font-size: 12px;
    letter-spacing: 5px;
    border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    -ms-border-radius: 4px 0px 0px 4px;
    -o-border-radius: 4px 0px 0px 4px;
}

.error-404 button.btn1 {
    color: #fff;
    border: none;
    padding: 12px 0;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    background: #0166B3;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    float: right;
    width: 20%;
    -webkit-border-radius: 0px 4px 4px 0px;
    -o-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -o-border-radius: 0px 4px 4px 0px;
}

.error-404 button.btn1:hover {
    background: #ec1c24;
}

.social_media.footer-icons.error-page ul li a {
    color: #676161;
}

.social_media.footer-icons.error-page ul li a:hover {
    color: #0166B3;
}

@media(max-width:640px) {
    .error-404 h4 {
        font-size: 9em;
    }
    .error-404 form {
        width: 72%;
    }
}

@media(max-width:600px) {
    .error-404 h4 {
        font-size: 6em;
    }
    a.b-home {
        padding: 0.6em 1em;
        margin-top: 1em;
    }
}

@media(max-width:480px) {
    .error-404 h4 {
        font-size: 5em;
    }
    .error-404 p {
        font-size: 0.8em;
        letter-spacing: 5px;
        margin: 1em 0;
    }
}

/*-- //error --*/

/*-- Contact --*/

.map iframe {
    border: none;
    width: 100%;
    height: 450px;
}

.main_grid_contact h4 {
    font-size: 1.4em;
    color: #4e4f50;
    text-shadow: 0 1px 2px rgba(18, 18, 19, 0.13);
    font-weight: 700;
    text-transform: uppercase;
}

.map {
    position: relative;
    margin-bottom: 13em;
}

.contact-info h3 {
    color: #eee;
}

.contact-info p {
    margin: 0;
    font-size: 15px;
    color: #999;
    letter-spacing: 1px;
}

.main_grid_contact {

    -webkit-box-shadow:5px 6px 25px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 6px 25px -12px rgba(0, 0, 0, 0.75);
    box-shadow:5px 6px 25px -12px rgba(0, 0, 0, 0.75);
}

.form {
    flex-basis: 70%;
    -webkit-flex-basis: 70%;
    padding: 3em 5em;
    background: #fff;
}

.main_grid_contact label {
    color: #454646;
    letter-spacing: 1px;
    font-size: 1em;
    font-weight: 600;
    font-family: '微软雅黑', sans-serif;
}

.main_grid_contact input[type="text"],
.main_grid_contact input[type="email"],
.main_grid_contact textarea {
    outline: none;
    padding: 15px 15px;
    font-size: 14px;
    color: #777;
    background: #f7f7f7;
    width: 100%;
    letter-spacing: 1px;
    border: 1px solid #ebeeef;
    border-radius: 0px;
}

.input-group input.margin2 {
    margin-right: 2%;
}

.input-group1 input[type="submit"] {
    outline: none;
    padding: 20px 0;
    font-size: 14px;
    color: #fff;
    background: #242525;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0px;
    font-family: '微软雅黑', sans-serif;
}

.input-group1 input[type="submit"]:hover {
    background: #ec1c24;
    transition: all 0.5s ease-in;
    box-shadow: 21.213px 21.213px 60px 0px rgba(34, 59, 140, 0.06);
}

.main_grid_contact textarea {
    min-height: 80px;
    margin: 1em 0em;
    resize: none;
}

.address {
    margin-top: 22em;
}

.address-info {
    background: #f7f7f7;
    border: 1px solid #ebeeef;
    padding: 3em 1em;
}

.address-right h6 {
    font-size: 1em;
    color: #414346;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.address-grid i {
    font-size: 1.5em;
    color: #0166B3;
}

.address-right p,
.address-right p a {
    color: #7c848c;
	height: 50px;
}

/*-- //Contact --*/

/*--footer--*/
/*footer*/
.foot-bottom{
	background:#444;
		padding:1em 0;
		color:#bebebe;
		font-size:14px;
}

.foot-bottom a{
	color:#bebebe;
}
.foot-bottom a:hover{
	color:red;
}
.footer img{
	width:71%;
}
.fbr{
	text-aligN:right;
}
.footer {
	padding: 4em 0 1em;
	background-color: #4a4a4a;
}
.footer a{
	color:#b3b3b3;
}
.footer dt {
	float: left;
}

.footerLink {
	float: left;
	margin-right: 50px;
}

.footerLink ul ul {
	display: none;
}

.footerLink h3 {
	font-size: 16px;
	line-height: 40px;
	color: #bebebe;
	font-weight:600;
}
.footerNav li{
	list-style:none;
}

.footerLink li a {
	font-size: 14px;
	line-height: 28px;
	color: #bebebe;
	font-weight:400;
}

.footerLink li:hover a {
	opacity: 0.6;
}

.footer dd {
	float: right;
	width: 435px;
	font-size: 0;
	line-height: 0;
	text-align:right;
}

.footer dd h3 {
	font-size: 14px;
	line-height: 32px;
	color: #b3b3b3;
}

.footer dd strong {
	font-size: 20px;
	line-height: 32px;
	display: inline-block;

	color: #d3d3d3;
	background: url(footerTel.png) no-repeat left center;
}
.footer dd p:nth-child(1) {
	font-size: 15px;
	line-height: 30px;
	margin-top: 0px;
	color: #bebebe;
}
.footer dd p {
	font-size: 15px;
	line-height: 30px;
	margin-top: 18px;
	color: #bebebe;
}

.footerWechat {
	margin-top: 10px;
}

.footerWechat li {
	width: 136px;
	height: 32px;
	float: right;
	font-size: 15px;
	line-height: 28px;
	list-style:none;
	color: #9c9c9c;
	text-align:center;
	border-radius: 15px;
	margin-right: 6px;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	border: 1px solid #5c5c5c;
	
}

.footerWechat li a {
	display: block;
	border-radius: 15px;
}

.footerWechat li:hover {
	overflow: visible;
	background: #403f3f url(wechatIcon.png) no-repeat 15px center;
}

.footer li b {
	width: 100%;
	height: 138px;
	position: absolute;
	left: 0;
	top: -158px;
	z-index: 10;
	transition: all 0.3s;
	border-radius: 5px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background-color: #fff;
	box-sizing: border-box;
	border: 2px solid #3174c6;
}

.footer li b:before {
	content: "";
	position: absolute;
	width: 0;
	right: 0;
	bottom: -10px;
	left: 0;
	margin: auto;
	border-top: 10px solid #3174c6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.footer li b img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 124px;
	height: 124px;
}
.friendlyLink li{
	font-size: 15px;
	line-height: 28px;
	color: #bebebe;
	display: inline-block;
	margin-right: 40px;
}
.friendlyLink li:hover a{
	opacity: 0.8;
}
@media only screen and (max-width: 1599px) {
	.footer {
		padding-bottom: 40px;
	}
}

@media only screen and (max-width: 1299px) {
	.footerLink {
		margin-right: 82px;
	}
	.footer dd {
		display: none;
	}
	.footer {
		padding-bottom: 30px;
	}
}

@media only screen and (max-width:991px) {
	.footer dt,
	.footerWechat {
		display: none;
	}
	.footer dd {
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer {
		padding-bottom: 20px;
	}
	.footer dd p {
		margin-top: 8px;
	}
}

@media only screen and (max-width:767px) {
	.footer {
		padding: 0.25rem 0;
	}
	.footer dd h3 {
		font-size: 0.24rem;
		line-height: 0.42rem;
		color: #b3b3b3;
	}
	.footer dd strong {
		font-size: 0.26rem;
		line-height: 0.42rem;
		margin-left: 0.08rem;
		padding-left: 0.42rem;
		background: url(footerTel.png) no-repeat left 0.05rem;
		background-size: 0.32rem 0.32rem;
	}
	.footer dd p {
		margin-top: 0.18rem;
		font-size: 0.22rem;
		line-height: 0.36rem;
	}
}


/*footer*/

/*--//footer--*/

/*--/toTop--*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 34px;
    height: 34px;
    border: none;
    text-indent: 100%;
    background: url("../images/top_up.png") no-repeat 0px 0px;
    font-size: 0;
}

/*--//toTop--*/

/*--responsive--*/

@media(max-width:1366px) {
    .banner-top,
    .banner-top1,
    .banner-top2,
    .banner-top3,
    .covering {
        min-height: 658px;
    }
    .w3layouts-banner-info {
        padding-top: 10em;
    }
    .w3layouts-banner-info h3 {
        font-size: 2.9em;
    }
}

@media(max-width:1280px) {
    .banner-top,
    .banner-top1,
    .banner-top2,
    .banner-top3,
    .covering {
        min-height: 608px;
    }
    .w3layouts-banner-info {
        padding-top: 9em;
    }
    .thim-click-to-bottom {
        position: absolute;
        bottom: 35%;
    }
    .callbacks_tabs {
        bottom: 16%;
        left: 44%;
    }
}

@media(max-width:1080px) {
    .banner-top,
    .banner-top1,
    .banner-top2,
    .banner-top3,
    .covering {
        min-height: 538px;
    }
    .w3layouts-banner-info h3 {
        font-size: 2.7em;
    }
    .social_media {
        left: 4%;
        top: 35%;
    }
    .callbacks_tabs {
        bottom: 10%;
        left: 42%;
    }
    .w3layouts-banner-info a {
        padding: 8px 20px;
        letter-spacing: 2px;
        font-size: 14px;
        margin: 0.3em 0.3em 0em;
    }
    .w3layouts-banner-info {
        padding-top: 6em;
    }
    .thim-click-to-bottom {
        position: absolute;
        bottom: 32%;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 0.5em 0.4em;
        font-size: 0.8em;
    }
    .card-title {
        font-size: 1.2em;
    }
    h3.tittle {
        font-size: 2.5em;
    }

}

@media(max-width:1050px) {
    .header-search button.btn1 {
        width: 23%;
        border-radius: 0;
    }
    .header-search input[type="search"] {
        width: 75%;
        border-radius: 0;
    }
    .navbar {
        padding: 0.8em 1em;
    }
    .newsright {
        margin: 0 auto;
        width: 75%;
    }

}

@media(max-width:1024px) {}

@media(max-width:991px) {
    .navbar-light .navbar-nav .nav-link {
        padding: 0.4em 1.4em;
        font-size: 0.9em;
        text-align: center;
    }
    li.nav-item {
        margin: 6px 0px 0 0;
    }
    .dropdown-item {
        text-align: center;
    }
    
    .navbar-light .navbar-nav .nav-link {
        padding: 0.7em 1.4em;
        font-size: 0.9em;
        text-align: center;
        color: #555;
    }
    #navbarSupportedContent {
        background: #fff;
        padding: 0.5em 0;
    }
    .cd-header-buttons {
        top: 20px;
        right: 60px;
    }
    .service-in:nth-child(2) {
        margin-top: 1.5em;
    }
    .card.feature {
        border: 0;
        width: 50%;
    }
    .navbar-light .navbar-toggler {
        color: #fff;
        border-color: #e7e7e8;
    }
    .service-in:nth-child(2) {
        margin: 2em 0em;
    }
    span.navbar-toggler-icon i {
        line-height: 1.2em;
        font-size: 1.4em;
    }
    .navbar-toggler {
        padding: 0.3rem 0.6rem;
        font-size: 1.25rem;
        border: 1px solid transparent;
        border-radius: 0;
    }
    #navbarSupportedContent {
        background: #fff;
        padding: 0.5em 0;
        position: absolute;
        width: 90%;
        z-index: 99;
        top: 100%;
    }
    form.header-search {
        width: 60%;
        margin: 0 auto;
    }
    li.breadcrumb-item a {
        color: #eb2941;
    }
    .address-grid {
        margin-bottom: 1em;
    }
    .ab-text-con {
        margin-top: 2em;
    }
    .member-main-w3layouts {
        float: left;
        width: 50%;
        margin-bottom: 1em;
    }
    .galsses-grid-right {
        padding: 0 5em 0 0em;
        margin-top: 1em;
    }
    .testimonials {
        min-height: 378px;
    }
    .social_media ul li a {
        font-size: 12px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        line-height: 29px;
    }
    .copyright {
        text-align: center;
        margin-bottom: 1.5em;
    }
    .social_media.footer-icons,
    .social_media.footer-icons ul {
        text-align: center !important;
    }
    .error-404 form {
        margin: 0 auto 2em;
        width: 62%;
        text-align: center;
    }
    .banner-inner {
        padding: 2em 0;
    }
}

@media(max-width:900px) {
    .w3layouts-banner-info h3 {
        font-size: 2.5em;
    }
    .callbacks_tabs a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .banner-top,
    .banner-top1,
    .banner-top2,
    .banner-top3,
    .covering {
        min-height: 482px;
    }
    .thim-click-to-bottom {
        position: absolute;
        bottom: 28%;
    }
    p.para {
        font-size: 1em;
    }
    .member-main-w3layouts h4 {
        font-size: 1.2em;
    }
    .testimonials_grid p {
        width: 92%;
        margin: 1em auto 0;
        line-height: 2em;
    }
    .footer-right-info h6 {
        font-size: 1.6em;
    }
}

@media(max-width:800px) {
    .w3layouts-banner-info p {
        font-size: 0.9em;
        color: #fff;
        margin: 1.5em 0;
        letter-spacing: 3px;
    }
    .w3layouts-banner-info {
        padding-top: 4em;
    }

}

@media(max-width:768px) {}

@media(max-width:767px) {
    .w3layouts-banner-info {
        padding-top: 4em;
    }
    .callbacks_tabs a {
        width: 26px;
        height: 26px;
        line-height: 23px;
        font-size: 0.8em;
    }
    .ab-one {
        margin-bottom: 1em;
    }
    .w3layouts-banner-info p {
        font-size: 0.9em;
        margin: 1.3em 0;
        letter-spacing: 3px;
    }
}

@media(max-width:667px) {
    .form {
        padding: 3em 2em;
    }
    .main_grid_contact {
        width: 100%;
        position: static;
    }
    .map {
        margin-bottom: 1em;
    }
    .address {
        margin-top: 2em;
    }
    .address-right.text-left {
        text-align: center !important;
        margin-top: 1em;
    }
    .testimonials_grid h3 {
        margin: 1em 0 0.5em 0;
        font-size: 1em;
    }
    p {
        margin: 0;
        font-size: 0.85em;
    }
}

@media(max-width:640px) {
    .callbacks_tabs {
        bottom: 10%;
        left: 38%;
    }
    .thim-click-to-bottom {
        position: absolute;
        bottom: 28%;
        left: 47%;
    }
    h3.tittle {
        font-size: 2.3em;
    }
    .newsright {
        width: 92%;
    }
}

@media(max-width:568px) {
    h3.tittle {
        font-size: 2em;
    }
    figure.effect-lexi h3 {
        font-size: 16px;
    }
    .galsses-grid-right {
        padding: 0 5em 0 2em;
        margin-top: 1em;
    }
    h4.post {
        font-size: 1.1em;
    }
    .galsses-grid-right h5 {
        font-size: 0.9em;
    }
    .member-main-w3layouts h4 {
        font-size: 1.1em;
    }
    .team-social ul.social-icons li a {
        font-size: 12px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        line-height: 29px;
    }
    .w3layouts-banner-info h3 {
        font-size: 2.4em;
    }
    .w3layouts-banner-info a {
        padding: 8px 16px;
        letter-spacing: 1px;
        font-size: 13px;
        margin: 0.3em 0.3em 0em;
    }

}

@media(max-width:480px) {
    h3.tittle {
        font-size: 2em;
    }
    figure.effect-lexi h3 {
        font-size: 16px;
    }
    .w3layouts-banner-info h3 {
        font-size: 2.2em;
    }
    .w3layouts-banner-info p {
        font-size: 0.85em;
        margin: 1em 0;
        letter-spacing: 1px;
    }
    .banner-top,
    .banner-top1,
    .banner-top2,
    .banner-top3,
    .covering {
        min-height: 399px;
    }
    .w3layouts-banner-info {
        padding-top: 2.5em;
    }
    .callbacks_tabs {
        bottom: 10%;
        left: 35%;
    }
    .social_media {
        left: 4%;
        top: 30%;
    }
    .rotate a {
        font-size: 13px;
        padding: 7px;
        line-height: 65px;
    }
    a.navbar-brand {
        font-size: 0.9em;
    }
    p.para {
        font-size: 0.9em;
    }
    .ab-grid {
        margin-bottom: 1em;
    }
    .member-main-w3layouts {
        float: left;
        width: 100%;
        margin-bottom: 1em;
    }
}

@media(max-width:440px) {
    .w3layouts-banner-info h3 {
        font-size: 2em;
    }
    .w3layouts-banner-info a {
        padding: 6px 16px;
        letter-spacing: 1px;
        font-size: 13px;
        margin: 0em 0.1em 0em;
    }
    .w3layouts-banner-info p {
        font-size: 0.85em;
        margin: 0.5em 0 0.8em 0;
        letter-spacing: 1px;
    }
    .logo h2 a {
        font-size: 1.2em;
    }
    .address-info {
        padding: 2em 1em;
        margin: 0;
    }
}

@media(max-width:414px) {
    .banner-top,
    .banner-top1,
    .banner-top2,
    .banner-top3,
    .covering {
        min-height: 346px;
    }
    .newsright input[type="email"] {
        width: 53%;
    }
    .newsright input[type="submit"] {
        padding: 16px 20px 16px;
        font-size: 15px;
        width: 43%;
    }
    h3.tittle {
        font-size: 1.8em;
    }
    .callbacks_tabs {
        bottom: 10%;
        left: 33%;
    }
}

@media(max-width:384px) {
    .social_media ul li a {
        font-size: 10px;
        width: 26px;
        height: 26px;
        line-height: 23px;
    }
    .social_media ul li {
        list-style: none;
        margin-bottom: 0.4em;
    }
    .social_media {
        left: 4%;
        top: 38%;
    }
    .w3layouts-banner-info p {
        font-size: 0.8em;
        margin: 0.5em 0 0.8em 0;
        letter-spacing: 1px;
    }
}

@media(max-width:375px) {
    .w3layouts-banner-info h3 {
        font-size: 1.8em;
    }
    a.navbar-brand {
        font-size: 0.8em;
    }
    .social_media {
        left: 4%;
        top: 56%;
    }
}

@media(max-width:320px) {
    .w3layouts-banner-info h3 {
        font-size: 1.5em;
    }
    .banner-top,
    .banner-top1,
    .banner-top2,
    .banner-top3,
    .covering {
        min-height: 289px;
    }
    .social_media {
        left: 3%;
        top: 49%;
    }
    .w3layouts-banner-info a {
        padding: 5px 7px;
        letter-spacing: 1px;
        font-size: 12px;
        margin: 0em 0.1em 0em;
    }
    h3.tittle {
        font-size: 1.6em;
    }
    .w3layouts-banner-info p {
        font-size: 0.7em;
        margin: 0.5em 0 0.8em 0;
        letter-spacing: 1px;
    }
    .callbacks_tabs a {
        width: 20px;
        height: 20px;
        line-height: 17px;
        font-size: 0.7em;
    }
}

/*--//responsive--*/


/*首页关于我们*/
.agile-about-grid.agile-about-grid1 h2 {
    margin-bottom: 0.7em;
}
.agile-about-grid {
    padding: 2em 3em 2em 0;
}
.about-info-grids {
    margin: 3em 0 0;

}
.agile-about-grid1 h4 {
    margin-bottom:0.8em;
   
    color: #ffb262;
	font-size:1.3em;
	line-height:3.5;
}
.agile-about-grid1 p {
    color: #777;
    font-size: 14px;
    line-height: 1.8em;
}
.agile-about-grid2{
	background:url("../images/s1.jpg") center no-repeat;
	min-height:500px;
}
.about-info-grids span.head-w3l {
    color: #0087c9;
}
i.agile-sicon {
    color: #ffffff;
    font-size: 1.8em;
    background: #0166B3;
    padding: 8px;
}
.agile-about-grids {
    padding: 2em 0 0;
}
.agile-about {
    padding: 5em 0;
}
.agile-about h4 {
    font-size: 18px;
    margin: 20px 0;
    color: #777;

    text-transform: capitalize;
}
.agile-about p {
   font-size: 15px;
    margin: 0;
    color: #777;
    font-weight: 400;
    
    line-height: 2em;
}
.w3ls_head {
    font-size: 30px;
    color:#0166B3;
    font-weight: 600;
    margin-bottom:30px;
    letter-spacing: 0px;
    text-transform: capitalize;
    text-align: center;
	padding-bottom: .8em;
	position: relative;
	font-family:"黑体";
}
.w3ls_head span{
    color:#000;
}
.w3ls_head:before,.w3ls_head:after {
    position: absolute;
    background: #0166B3;
    height: 2px;
    content: '';
}
.w3ls_head:before {
    width: 11%;
    bottom: 8%;
    left: 44.5%;
}
.w3ls_head:after {
    width: 18%;
    right: 41%;
    bottom: -10%;
}
.what-grid {
    padding-right: 60px;
}
.what-agile-info {
    margin-top: 30px;
    border-left:3px solid #ffb262;
    padding: 0 0px 0 20px;
}
p.w3agile {
    font-size: 14px;
    color: #777;
    width: 70%;
    margin: 0 auto;
	line-height: 28px;
	text-align: center;
}
.agile-about-grids h5 {
    font-size: 36px;
    color: #000000;
	
}
.agile-about-grids span{
	    font-size: 20px;
    color: red;
    line-height: 2em;
}
.text-about{
	text-align:justify;
}
.about-info{
	box-shadow:0 0 21px rgba(0, 0, 0, 0.17);
	padding:4em;
}
.abjyfw span{
	color:#fff!important;
}
@media(max-width:768px){
	.about-info{
	box-shadow:0 0 21px rgba(0, 0, 0, 0.17);
	padding:1em;
}
.vedio-area{
	    padding: 100px 0px;
}
}
/*首页工程案例*/
.wthree-banner-bottom{
	background-color:#F8F9FA;
}
.sp-horizontal{
	padding-top:1em;
}


/*首页新闻1*/

.service-area {
	padding: 90px 0px;
}
.service-area .section-title {
	margin-bottom: 40px;
}
.service-area .image-text {
	position: relative;
	padding: 30px;
	text-align:center;
}
.service-area .item-holder-box {
	margin-bottom: 30px;
	border: 2px solid #f7f7f7;
}
.service-area .item-holder-box img {
	width: 100%;
}
.service-area .item-holder-box:hover {
	border: 2px solid #0166B3;
}
.service-area .item-holder-box h5 {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #222222;
	font-family: 'Roboto', sans-serif;
}
.service-area .item-holder-box p {
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #848484;
	font-family: 'Roboto', sans-serif;
}
.service-area .owl-theme .owl-controls .owl-nav [class*="owl-"] {
 background: none!important;
}
.service-area .owl-theme .owl-controls .owl-dots {
	display: none!important;
}
.service-area .owl-theme .owl-controls .owl-nav span {
	width: 50px;
	height: 50px;
	background: none;
	line-height: 48px;
	color: #b2b2b2;
	font-size: 16px;
	border: 2px solid #f6f6f6;
	border-radius: 6px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.service-area .owl-theme .owl-controls .owl-nav span:hover {
	color: #ffffff;
	background: #0166B3;
	border-color: #0166B3;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

/******************************************************/



.featured-area {
	position: relative;
	background: #f5f5f8;
}
.featured-area .image-box {
	position: relative;
	margin: 0px -15px;
	overflow: hidden;
}
.featured-area .image-box:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(38, 44, 55, 0.6);
	background: url(../images/banner2.jpg) center center no-repeat fixed;
	background-size: cover;

}
}
.featured-area .image-box img {
	float: right;
}
.featured-area .bx-wrapper {
	margin-bottom: 0px;
	overflow: hidden;
}
.featured-area .content-box {
	position: relative;
	margin: 0px -15px;
	padding: 120px 80px 0px 70px;
	background-size: cover!important;
	background-repeat: no-repeat!important;
}
.featured-area .slider-pager .list-inline {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.featured-area .slider-pager .list-inline li a.active img {
	position: relative;
	opacity: 1;
	padding: 0;
	transition:all 500ms ease;
}
.featured-area .slider-pager .list-inline li a img {
	position: relative;
	width: 80px;
	height: 80px;
	padding: 5px;
	opacity: .35;
	border-radius: 6px;
	transition:all 500ms ease;
}
.featured-area .bx-wrapper .bx-viewport {
	position: relative;
	background: none;
	border: none;
	left: 0px;
	margin-top: 20px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.featured-area .bx-wrapper .bx-viewport p {
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	color: #222222;
}
.featured-area .bx-wrapper .bx-viewport h5 {
	position: relative;
	font-size: 24px;
	color: #222222;
	margin-top: 25px;
	padding-top: 30px;
	text-transform: capitalize;
}
.featured-area .bx-wrapper .bx-viewport h5:before {
	position: absolute;
	top: 0px;
	left: 0px;
	content: '';
	width: 50px;
	height: 3px;
	background: #e5e5e5;
}


/*************************新闻2******************************/


.blog-area {
	position: relative;
	margin-top: 90px;
	padding-bottom: 60px;
	z-index: 1;
}
.blog-area1 {
	position: relative;
	margin-top: 60px;
	padding-bottom: 60px;
	z-index: 1;
}
.blog-area .section-title {
	position: relative;
	margin-bottom: 40px;
}
.blog-area .item-holder-box {
	position: relative;
	margin-bottom: 40px;
	transition: all 500ms ease;
	border:1px solid rgba(0, 0, 0, 0.1);
	
}


.blog-area .item-holder-box:hover {
	transition: all 500ms ease;
	box-shadow:0px 34px 57px 0px rgba(0, 0, 0, 0.14)
}
.blog-area .item-holder-box .image-box {
	position: relative;
	
}
.blog-area .item-holder-box .image-box  figure{
	overflow:hidden;
	height:210px;
}
@media(max-width:1366px){
	.blog-area .item-holder-box .image-box  figure{
	overflow:hidden;
	height:140px;
}

.fh5co-cards .fh5co-card img{
	    z-index: -1;
    width: 100%;
    height: auto!important; 
}
}
@media(max-width:768px){
	.blog-area .item-holder-box .image-box  figure{
	overflow:hidden;
	height:auto!important;
}
}

.blog-area .item-holder-box img {
	position: relative;
	width: 100%;
	
	   transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
}
.blog-area .item-holder-box:hover  img{
	 -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
}






.blog-area .item-holder-box .image-box .date-box {
	position: absolute;
	top: 0px;
	left: 0px;
}
.blog-area .item-holder-box .date-box span {
	font-size: 16px;
	color: #ffffff;
	line-height: 18px;
	font-weight: 400;
	padding: 8px 20px;
	background: red;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
}
.blog-area .item-holder-box .content-text {
	position: relative;
	padding: 0px 30px;

	border: 1px solid #f7f7f7;
	border-top: none;
}
@media(max-width:1600px){
	
	.blog-area .item-holder-box .content-text {
	position: relative;
	padding: 0px 10px;

	border: 1px solid #f7f7f7;
	border-top: none;
}
.fh5co-cards .fh5co-card img{
	z-index: -1;
    width: 100%;
    height: 250px;
}
}
.blog-area .item-holder-box .content-text .sec-title h2 {
	position: relative;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog-area .item-holder-box .content-text .sec-title h2:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	width: 50px;
	height: 2px;
	background: #0166B3;
}
.blog-area .content-text .sec-title h5 {
	position: relative;
	font-size: 15px;
	line-height: 26px;
	font-weight: 600;
	color: #222222;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog-area .content-text .sec-title h5:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	width: 50px;
	height: 2px;
	background: #0166B3;
}
.blog-area .content-text .text p {
	font-size: 14px;
	line-height: 26px;
	color: #848484;
	font-weight: 400;
	padding-bottom: 15px;
}
.blog-area .item-holder-box .blog-info-box {
	border-top: 1px solid #f6f6f6;
}
.blog-area .item-holder-box .blog-info-box li {
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	color: #848484;
	padding: 12px 0px;
	margin-right: 10px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
}
.blog-area .item-holder-box .blog-info-box li i {
	font-size: 13px;
	margin-right: 8px;
}

/*底部*/
.footlogo img{
	width:30%;
}
.jishuzhichi{
	color:#fff;
	font-size:15px;
}

.i_div3_lb{
		    margin-top: 10px;
    width: 140px;
    line-height: 46px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    background-color: #000000;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    height: 46px;

}

.i_div3_lb:hover{
	  margin-top: 10px;
    width: 140px;
    line-height: 46px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    background-color: red;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    height: 46px;
}

/*************2020-7-23工程案例样式***************/
.projects-section{

}
.project-content h2{
	font-size:25px;
}
.projects-filter-nav {
	list-style: none;
	text-align: right;
	margin-top: 20px;
}

.projects-filter-nav li {
	display: inline-block;
	margin-left: 25px;
	color: #747474;
	font-size: 18px;
	font-weight: 500;
	padding: 0 5px;
	cursor: pointer;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.projects-filter-nav li.btn-active {
	background:red;
	color: #222222;
}

.projects-slider {
	padding: 0 0px;
	margin-top: 60px;
}

.projects-slider .single-project {
	height: 550px;
	width: 100%;
	background: #333;
	-o-transition: .8s;
	transition: .8s;
	-webkit-transition: .8s;
	-ms-transform: translateX(0);
	    transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
}

.projects-slider .single-project .project-content {
	padding: 50px;
	height: 100%;
	background: rgba(13, 13, 13, 0.5);
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	opacity: 0;
}

.projects-slider .single-project .project-content h2 {
	color: #fff;
	font-weight: 500;
	position: relative;
	top: 20px;
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}

.projects-slider .single-project .project-content p {
	color: #fff;
	font-weight: 500;
	position: relative;
	top: 40px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.projects-slider .single-project .seemore {
	position: absolute;
	right: 50px;
	bottom: 30px;
	background: red;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	display: inline-block;
	padding: 2px 8px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.projects-slider .single-project:hover .project-content {
	opacity: 1;
}

.projects-slider .single-project:hover .project-content h2,
.projects-slider .single-project:hover .project-content p {
	top: 0;
}

.projects-slider .single-project:hover .seemore {
	bottom: 50px;
}

.projects-slider .single-project.__loading {
	opacity: 0;
	-ms-transform: translateX(40px);
	    transform: translateX(40px);
	-webkit-transform: translateX(40px);
}

.projects-slider .owl-nav {
	text-align: right;
	max-width: 1170px;
	margin: 40px auto 0;
}

.projects-slider .owl-nav .owl-prev,
.projects-slider .owl-nav .owl-next {
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #222222;
	letter-spacing: 1px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding: 0 5px;
}

.projects-slider .owl-nav .owl-prev:hover,
.projects-slider .owl-nav .owl-next:hover {
	background: #0166B3;
	color:#fff;
}

.projects-slider .owl-nav .owl-prev i {
	margin-right: 5px;
}

.projects-slider .owl-nav .owl-next {
	margin-right: 0px;
}

.projects-slider .owl-nav .owl-next i {
	margin-left: 5px;
}


/*************2020-7-23新闻中心样式***************/

.indTitleBox{
	overflow: hidden;
}
.indTitle{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.indTitle span{
	font-size: 36px;
	color:#000;
}
.indTitle i{
	font-size: 20px;
	color:red;
	font-style: normal;
}
.tab{
	overflow: hidden;
}
.tab_dl{
	overflow: hidden;
}
.tab_dl dd{
	float: left;
	display: inline;
	overflow: hidden;
	line-height: 40px;
}
a.tab_a{
	overflow: hidden;
	display: block;
	overflow: hidden;
	position: relative;
	padding: 0px 20px;
	font-size: 14px;
	color:#666;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.tab_a em{
	display: block;
	width: 20px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tab_dl dd.hover .tab_a,
.tab_a:hover{
	color:red;
}
.tabIconL{
	left: 0px;
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	transform: translateX(-10px);
	background: url("../images/tabIconL_h.png") no-repeat left center;
}
.tabIconR{
	right: 0px;
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
	background: url("../images/tabIconR_h.png") no-repeat right center;
}
.tab_dl dd.hover .tab_a em{
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
	filter: alpha(opacity=100);
}
a.tabMore{
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	padding-right: 15px;
	font-size: 14px;
	color:#666;
	background: url("../images/tabMore.png") no-repeat right center;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin-left: 10px;
}
.tabMore:hover{
	color:#57c282;
	background: url("../images/tabMore_h.png") no-repeat right center;
}
.ind1st{
	overflow: hidden;
	margin: 0px auto;

}
.indRow{
	padding: 0px 100px;
	overflow: hidden;
	position: relative;
}
.indCont{
	overflow: hidden;
	margin: 0px -15px;
}
.ind1stL,
.ind1stR{
	width: 50%;
	overflow: hidden;
	float: left;
	display: inline;
}
.ind1stLBox{
	overflow: hidden;
	position: relative;
	margin: 0px 15px;
}
.ind1stNews{
	position: relative;
	padding-top: 54.0023895%;
}
.ind1stLBox .center{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}
.indNewsSwiper{
	width: 100%;
	/*height: 455px;*/
	height: 100%;
}
.indNews_a{
	/*width: 840px;
	height: 455px;
	position: absolute;
	left: 50%;
	top:50%;
	margin-top: -227px;
	margin-left: -420px;*/
	display: block;
	padding-top: 54.0023895%;
}
.indNewsName{
	overflow: hidden;
	padding: 0px 20px;
	font-size: 16px;
	color:#fff;
	height: 50px;
	line-height: 50px;
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
}
.indNewsSwiper.swiper-container-horizontal>.swiper-pagination-bullets,
.indNewsSwiper .swiper-pagination-custom,
.indNewsSwiper .swiper-pagination-fraction{
	left: auto;
	right: 20px;
	width: auto !important;
	z-index: 9;
	bottom: 20px;
}
.indNewsSwiper .swiper-slide{
	overflow: hidden;
	position: relative;
}
.swiperBt{
	position: absolute;
	right: 25px;
	bottom: 20px;
	z-index: 9;
}
.swiperBt .swiper-pagination{
	position: relative;
}
.swiperBt .swiper-pagination span{
	float: left;
	margin: 0px 3px;
	display: block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}
.ind3rdSwiper .swiperBt .swiper-pagination span{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	width: 6px;
	height: 6px;
}
.swiperBt .swiper-pagination-bullet{
	background: #fff;
	opacity: 1;
}
.swiperBt span.swiper-active-switch{
	background:#0063BE;
}
.ind3rdSwiper .swiperBt span.swiper-active-switch{
	background: #d6121b;
}
.swiperBt .prev{
	display: block;
	overflow: hidden;
	position: absolute;
	left: -11px;
	top: -2px;
	width: 6px;
	height: 11px;
	cursor: pointer;
	background: url("../images/trangleLeft_h.png") no-repeat center center;
}
.swiperBt .next{
	display: block;
	overflow: hidden;
	position: absolute;
	right: -11px;
	top: -2px;
	width: 6px;
	height: 11px;
	cursor: pointer;
	background: url("../images/trangleRight_h.png") no-repeat center center;
}
.indNewsSwiper .swiper-button-prev,
.indNewsSwiper .swiper-button-next{
	display: none;
}
.ind1stR{
	overflow: hidden;
}
.ind1stRCont{
	overflow: hidden;
	padding: 25px 35px;
	background: #F8F9FA;
	margin: 0px 15px;
	-webkit-box-shadow: 0px 1px 3px #e5e5e5;
	box-shadow: 0px 1px 3px #e5e5e5;
}
.indList_dl{
	height: 338px;
	overflow: hidden;
}
.ind1stRCont .indList_dl{
	display: none;
}
.indList_dl dt{
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 24px;
	margin-bottom: 15px;
}
.hotTime{
	    overflow: hidden;
    font-size: 16px;
    color: #978c8d;
    height: 25px;
    line-height: 25px;
    font-family: "微软雅黑";
}
a.hotName{
	overflow: hidden;
	font-size: 16px;
	color:#444;
	display: block;
	height: 35px;
	line-height: 35px;
}
a.hotName:hover{
	color:red;
}
.hotIntr{
	overflow: hidden;
	font-size: 14px;
	color:#999;
	line-height: 25px;
	height: 75px;
	font-weight:400;
}
.indList_dl dd{
	height: 40px;
	overflow: hidden;
	line-height: 40px;
}
.indList_dl dd .listName{
	padding-left: 10px;
	line-height: 40px;
	background: url("../images/circle.png") no-repeat left center;
	    font-size: 14px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.indList_dl dd .listName:hover{
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
	color:red;
	background: url("../images/circle_h.png") no-repeat left center;
}
.ind1stRCont dl{
	    margin-bottom: 0px;
}

.clear {
	clear: both;
}
.h10 {
	clear: both;
	height: 10px;
}
.h15 {
	clear: both;
	height: 15px;
}
.h20 {
	clear: both;
	height: 20px;
}
.h25 {
	clear: both;
	height: 25px;
}
.h30 {
	clear: both;
	height: 30px;
}
.h35 {
	clear: both;
	height: 35px;
}
.h40 {
	clear: both;
	height: 40px;
}
.h45 {
	clear: both;
	height: 45px;
}
.h50 {
	clear: both;
	height: 50px;
}
.h55 {
	clear: both;
	height: 55px;
}
.h60 {
	clear: both;
	height: 60px;
}
.h65 {
	clear: both;
	height: 65px;
}
.h70 {
	clear: both;
	height: 70px;
}
.h80 {
	clear: both;
	height: 80px;
}
.h90 {
	clear: both;
	height: 90px;
}
.h100 {
	clear: both;
	height: 100px;
}
.h110 {
	clear: both;
	height: 110px;
}
.h120 {
	clear: both;
	height: 120px;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}



.sygc{
	background-color:#F8F9FA;

}
.sygc .indTitle{
	text-align:center;
}





/**************首页案例css***************/
.swiper-slide1{
	padding:6em 0;
    width: 100%;
	background:#F8F9FA;
}
.sec45 .box-cen{
	    width: 100%;
}
.product_box {}

.product_div {
  width: 100%;
  padding-bottom: 32.8%;
  position: relative;
  overflow: hidden;
  margin-top: 3.7%;
}

.product_div ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.product_div ul li {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  float:left;
}

.product_div ul li a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.2rem;

}

.product_div ul li em {
  display: block;
  width: 100%;
  height: calc(100% - 0rem);
  overflow: hidden;
  position: relative;
}

.product_div ul li em i {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.product_div ul li h5 {
  font-size: 18px;
  text-align: center;
  margin-top:-30px;
  color:#fff;
  position: relative;
  
}

.product_div ul li div {
  position: absolute;
  top: 33px;
  left: 11px;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  background-color: rgba(1, 102, 179, 0.85);
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s;
}

.product_div ul li div::after {
  content: "";
  position: absolute;
      width: 2.3em;
      height: 1em;
  background-image: url(../images/n10.png);
  background-size: 100% 100%;
     bottom: 2.4em;
  left: 45%;
  margin-left: -0.16rem;
}

.product_div ul li .ts_a div::after {
  display: none;
}

.product_div ul li div img {
  vertical-align: top;
  width:auto;
}
.sygcimg1{
	
	text-align:center;
	padding-top:10%;
}
.product_div ul li div h6 {
  flex-shrink: 0;
  width: 100%;
  margin-top: 2em;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.product_div ul li.li1 {
  width: 22.5%;
}

.product_div ul li.li2 {
  width: 35.5%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}

.product_div ul li.li2 a {
  flex-shrink: 0;
  width: 49%;
  height: 56%;
}

.product_div ul li.li2 a:nth-of-type(3) {
  width: 100%;
  height: 42%;
}

.product_div ul li.li2 a:nth-of-type(3) em {
  height: 100%;
}

.product_div ul li.li2 a:nth-of-type(3) h5 {
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
}

.product_div ul li.li3 {
  width: 17%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}

.product_div ul li.li3 a {
  flex-shrink: 0;
  width: 100%;
  height: 56%;
}

.product_div ul li.li3 a:nth-of-type(2) {
  width: 100%;
  height: 42%;
}

@media screen and (min-width:1200px) {
  .product_div ul li a:hover div {
    opacity: 1;
    top: 11px;
  }
}


.jtbtn {
  display: block;
  margin: 40px auto 0;
  width: 72px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../images/n26.png');
  transition: 0.5s;
  /* background-size: 50px; */
}


/******关于我们****/
.ab-imgs img{
	box-shadow:0px 34px 57px 0px rgba(0, 0, 0, 0.14);
}
.ab-info p{
	color:#444;
}

.vedio-area {
	position: relative;
	padding: 180px 0px;
	z-index: 1;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.vedio-area:before {
	position: absolute;
	background: rgba(51, 55, 69, 0.65);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	content: '';
	z-index: -1;
}
.vedio-area h1 {
	font-size: 70px;
	line-height: 65px;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.vedio-area .icon-box {
	position: relative;
	margin-top: 25px;
}
.vedio-area .icon-box i {
	position: relative;
	bottom: 10px;
	left: 0px;
}
.vedio-area .icon-box i:before {
	margin-left: 0px;
	font-size: 85px;
	color: #ffffff;
}
.vedio-area .icon-box p {
	font-size: 20px;
	color: #ffffff;
	line-height: 28px;
	font-weight: 400;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif;
}


.team-area {
	position: relative;
	padding : 90px 0px 70px;
}
.team-area .section-title {
	position: relative;
	margin-bottom: 60px;
}
.team-area .image-holder-block {
	margin-bottom: 30px;
	border-radius:8px;
	overflow:hidden;
}
.team-area .image-holder-block img {
	width: 100%;
}
.team-area .image-box {
	position: relative;
	overflow: hidden;
	border:1px solid #f6f6f6;
}
.team-area .social-links {
	position: absolute;
	bottom: -51px;
	left: 0px;
	width: 100%;
	background: rgba(0, 204, 153, 0.95);
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.team-area .image-holder-block:hover{
	box-shadow:0 0 21px rgba(0, 0, 0, 0.17)
}
.team-area .image-holder-block:hover .social-links {
	bottom: 0px;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.team-area .social-links li {
	display: inline-block;
	padding: 12px 15px;
}
.team-area .social-links li i {
	font-size: 16px;
	color: #ffffff;
}
.team-area .image-holder-block .image-text {
	background-color:#f6f6f6;
}
.team-area .image-holder-block .image-text h5 {
	font-size:14px;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	line-height: 56px;
    height:56px;
	color: #222222;
}
.team-area .image-holder-block .image-text p {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	color: #848484;
	font-style: italic;
	padding-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}
.abanniu{
	text-align:center;
}




/******新闻中心*******/

.xwtitle{
	padding:2em 0;
	
}
.xwtitle h2{
	text-align:center;
}
.xwanniu{
	height:80px;
	text-align:center;
	line-height:80px;
	
}
.xwanniu a:nth-child(2){
	margin:0 2em;
}
.xwanniu .btn-info{
	background:#0166B3;
	border-color: #0166B3;
	    border-radius: 0rem;
}
.xwanniu .btn-info:hover{
	background:red;
	border-color: red;
}

.fenye{
	text-align:center!important;
	       display: table;
		   margin:0px auto;
		   padding-top:4em;
}
@media(max-width:768px){
	.fenye{
	
		   padding-top:1em;
}
.fenye li a{
	    min-width: auto!important;
}
}
.fenye li{
	margin:0 5px;
}
.fenye li a{
	position:relative;
	display:block;

	font-size:14px;
	text-transform:uppercase;
	min-width:20px;
	
	color:#1a1a1a;
	text-align:center;

	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.fenye li span{
	position:relative;
	display:block;

	font-size:14px;
	text-transform:uppercase;
	min-width:20px;
	
	color:#1a1a1a;
	text-align:center;

	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}
.fenye li a.next,
.fenye li a.prev{
	padding:6px 25px;	
}

.fenye li a:hover,
.fenye li a.active{
	color:#ffffff;
	background:#0366E5;
	border-color:#0366E5;	
}
.fenye li a.next, .styled-pagination li a.prev{
	padding: 6px 5px;
}


/*新闻内页*/
.xwcontent{
	box-shadow:0 0 5px rgba(0, 0, 0, 0.17);
		    background: #f8f8f8;
    width: 60%;
		padding:0 4em 4em 4em; 
}
@media(max-width:1440px){
	.xwcontent{
	box-shadow:0 0 5px rgba(0, 0, 0, 0.17);
	 width: 70%;
			padding:0 1em 1em 1em; 
}
}
@media(max-width:1366px){
	.xwcontent{
	box-shadow:0 0 5px rgba(0, 0, 0, 0.17);
	 width: 80%;
			padding:0 1em 1em 1em; 
}
}
@media(max-width:768px){
	.xwcontent{
	box-shadow:0 0 5px rgba(0, 0, 0, 0.17);
	 width: 100%;
			padding:0 1em 1em 1em; 
	
}
.pageUp{
		height:80px!important;
		}
}
.xwnybiaoti{
	padding:2em 0;
	text-align:center;
}
.xwinfo{
	padding-top:2em;
}
.xwtitle1{
	padding:2em 0;
	
}
.xwtitle1 h2{
	text-align:center;
}
.xwcontent1{
	padding-bottom:2em;
}

.whcontent1{
	padding-top:2em;
}
.xwnycontent div{
	text-indent:2em;
}
.xwnycontent div img{
	    display: block;
    margin: 0 auto;
}

/************项目案例**********/
.pranniu{
	height:80px;
	text-align:center;
	line-height:80px;
	margin-top:1em;
}
.pageUp{
	height:30px;
	margin-top:2em;
}
.pageUp a{
	color:#212529;
}
.pageUp a:hover{
	color:red;
}
.pranniu a{
	margin:0 1em;
}
.pranniu .btn-info{
	background:#0166B3;
	border-color: #0166B3;
	    border-radius: 0rem;
}
.pranniu .btn-info:hover{
	background:red;
	border-color: red;
}



.fh5co-cards {
  background: whitesmoke;
  padding: 6em 0;
}
@media screen and (max-width: 768px) {
  .fh5co-cards {
    padding: 3em 0;
  }
}
.fh5co-cards .fh5co-card {
  display: block;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -ms-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  -o-box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
  margin-bottom: 30px;
  border-bottom: none;
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fh5co-cards .fh5co-card img {
  z-index: -1;
  width:100%;
  height:280px;
}
.fh5co-cards .fh5co-card .fh5co-card-body {
  padding: 30px;
}
.fh5co-cards .fh5co-card .fh5co-card-body h3 {
  font-size: 20px;
  color: #8b969c;
  margin-bottom: 10px;
}
.fh5co-cards .fh5co-card .fh5co-card-body p {
  color: #8b969c;
}
.fh5co-cards .fh5co-card .fh5co-card-body p:last-child {
  margin-bottom: 0;
}
.fh5co-cards .fh5co-card:hover {
  text-decoration: none;
  border-bottom: none;
  bottom: 10px;
}
.fh5co-cards .fh5co-card:hover h3 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #0166B3;
}



/**********集团文化************/

.jtwh{
	padding: 4em 0;
	
}
.whhd{
	    background: #F5F5F5;
    padding-top: 3em;
}
.blog-area2 {
	position: relative;
	margin-top: 0px;
	padding-bottom: 60px;
	z-index: 1;
}
.jtwhright{
	line-height:3em;
	padding-top:8em;
	font-size:18px;
}
.jtwhright span{
	color:red;
	font-weight:800;
}
.team-area1 {
	position: relative;
	padding : 60px 0px 70px;
}




/***********人力资源************/

.yongrenlinian{
	    padding: 6em 0;
}
.yongrenlinian h3{
	    padding-bottom: 1em;
    font-size: 32px;
}
.lnnr{
	    line-height: 2em;
}
.yrln{
	padding:35px 0;
	margin:35px 0;
}
.lntitle{
	font-size:32px;
}
.lncontent{
	padding:2em 0;
	font-size:16px;
	line-height:2em;
}
.zpgw{
	padding:0 0 35px 0;
	
}
.zpzhiwei{
	
}
.zpzhiwei:first-child{
	font-size:16px;
}
.zpzhiwei {
	    line-height: 30px;


}
.zpzhiwei p{
	    margin: 0 0 10px;
		    margin: 0;
    font-size: 16px;
    color: #444;
  
   
}
.zpny{
	border-left:0.5px solid #F3F8FA;
		border-right:0.5px solid #F3F8FA;
		    height: 200px;
}
.ypzw{
	text-align:center;
	line-height:200px;
}
.section-bg{
	    background-color: #F5F5F5;
		    padding: 60px 0;
}
.why-us .zpgwnr{
	    box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6);
    background: #fff;
    padding: 50px;
    margin-bottom: 2em;
}
.zpgwnr .btn-primary{
	    color: #fff;
    background-color: #0166B3;
    border-color: #0166B3;
}
.ditu {
	margin-top:4em;
}




/*调试*/
@media(max-width:1680px){
	.banner-top,.banner-top1,.banner-top2,.banner-top3{
		height: 680px;
	}
	.agile-about-grid{
		    padding: 1em 3em 2em 0;
	}
	.indList_dl{
		    height: 290px;
	}
	.footerLink h3{
		font-size: 15px;
	}
	.indNewsName{
		font-size: 15px;
	}
}
@media(max-width:1600px){
	.navbar-light .navbar-nav .nav-link{
		     letter-spacing: 0px;
	}
	.footer dd{
		width:350px;
	}
}
@media(max-width:1366px){
	.logo{
		width:22%;
	}
	.navbar-light .navbar-nav .nav-link{
		    font-size: 15px;
    width: 100%;
	    padding-right: 0.1px;
    padding-left: 0.1px;
	}
	.main-sec{
		height:90px;
	}
	.agile-about{
		padding: 3em 0;
	}
	.agile-about h4{
		    font-size: 16px;
			    margin: 10px 0;
	}
	.agile-about p{
		    font-size: 14px;
	}
	.indList_dl{
		height:230px;
	}
	.indList_dl dt{
		    padding-bottom: 13px;
    margin-bottom: 4px;
	}
	.indNewsName{
		   font-size: 12px;
	}
	.footerLink h3{
		font-size: 14px;
	}
	.footerLink li a{
		font-size: 12px;
	}
	.footerLink{
		margin-right: 30px;
	}
	.footer dd p{
		font-size: 14px;
	}
	.foot-bottom{
		font-size: 12px;
	}
}

@media(max-width:768px){
	    .logo{width: 85%;}
		.nav-link{
			margin-left:0;
		}
		.banner-top, .banner-top1, .banner-top2, .banner-top3{
			    height: 200px;min-height: 200px;
		}
		.agile-about{
			padding:0px 0;
		}
		.agile-about-grid{
			padding:0px 0px 0px 0px;
		}
		.agile-about-grid1 h4{
			line-height:2;
		}
		.aboutbiaoti{
	text-align:center;
	overflow: hidden;
}
.aboutbiaoti span{
	font-size: 26px;
	color:#000;
}
.aboutbiaoti i{
	font-size: 16px;
	color:red;
	font-style: normal;
}
.about-info-grids{
	margin: 1em 0;
	text-align:center;

}
.agile-about-grid3{
	    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
       background: url(../images/s1.jpg) center no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
    height: 200px;
	margin:1em 0;
}
.indTitle span{
	    font-size: 26px;
    color: #000;
}
.indTitle i{
	    font-size: 16px;
}
.blog-area{
	margin-top:50px;
    padding-bottom:20px;
}
.xinwenbiaoti{
	margin-bottom:2em;
}
.footer dd{
	width:100%;
}
.footer img{
	width:80%;
}
.footer dd p{
	    line-height: 2em!important;
}
.footer .container{
	    margin-top: 1em;
		margin-bottom:0em;
}
.fbr{
	text-aligN:center;
}
.foot-bottom{
	font-size:14px;
	line-height:2em;
}
.chanpinbiaoti{
	text-align:center;
}
.banner-inner,.banner-inner1,.banner-inner2,.banner-inner3,.banner-inner4,.banner-inner5,.banner-inner6,.banner-inner7{
	height: 220px;
    line-height: 220px;
	padding: 0em 0;
}

.ab-imgs{
	margin-bottom:3em;
}
.vedio-area .icon-box p{
	font-size:16px;
}
.xwnybiaoti h4{
	font-size:16px;
}
.pranniu{
	height: auto;
    text-align: center;
    line-height: 50px;
	
}
.jtwh{
	    padding: 2em 0 0 0;
}
.jtwhright{
	    line-height: 3em;
    padding-top: 2em;
    font-size: 16px;
}
.yongrenlinian{
	padding:2em 0;
}
.xwcontent1 img{
	max-width:100%;
	height:auto!important;
}
.fh5co-cards .fh5co-card img{
	height:auto!important
}
.logo img{
	width:85%;
}
.foot-bottom img{
	width:20%!important;
}
}
@media(max-width:320px){
	 .logo{width: 75%;}
}
.foot-bottom img{
	width:15%;
}

/*****08-26后修改****/


.nyabouttp{
	margin-right:2em;
}
@media(max-width:768px){
	.nyabouttp{
	margin-right:0em;
}
}