body {
    font-family: 'Microsoft YAHEI','Cousine',sans-serif;
    /*color: #93989B;*/
    overflow-x: hidden;
    margin: auto;
    background: #fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: 'Microsoft YAHEI',"Montserrat",sans-serif;
    font-weight: 700;
}
a {
    font-family: 'Microsoft YAHEI',"Montserrat",sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    line-height: 2;
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*禁止从网页中复制文字*/
body {  
    -webkit-touch-callout: none;  
    -webkit-user-select: none;  
    -khtml-user-select: none;  
    -moz-user-select: none;  
    -ms-user-select: none;  
    user-select: none;  
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #333;
    margin-top: 30px;
	text-transform: uppercase;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #03a9f4 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    /*padding: 3px 12px;*/
    text-align: center;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #333;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { 
    padding: 30px 0;
    background:url(../../assets/img/bg/about-bg.png) center ;
 }
.product-section-padding{padding:30px 0;}
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px;}
.section-title  h2 {
    color: #333;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 10px;
	position:relative;
}
.bzcp-content{
    position: relative;
    background:#fff;
    margin:0 15px 30px;
    padding:40px 15px;
     box-shadow: 0 0 15px 0 rgb(47 48 57 / 13%);
    border-radius: 10px;
}
.bzcp-content::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 70px;
    border-bottom-right-radius: 100%;
    background: #f4f8fe;
}
.bzcp-content::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90px;
    height: 90px;
    border-top-left-radius: 100%;
    background: #f4f8fe;
}
.gzgl-main {
    position: relative;
}
.gzgl-main .center{
    width:600px;
    height:600px;
    margin:0 auto;
    position: relative;
}
.gzgl-main .circle span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(17, 140, 238, 0.1);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: circleScale 3s linear infinite;
  -moz-animation: circleScale 3s linear infinite;
  -ms-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite;
}
.gzgl-main .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 420px auto;
}

.gzgl-main .item {
    position: absolute;
}
.gzgl-main .item:nth-of-type(1){
    top:60px;
}
.gzgl-main .item:nth-of-type(2){
    top:220px;
}
.gzgl-main .item:nth-of-type(3){
    top:380px;
}
.gzgl-main .item:nth-of-type(4){
    top:60px;
}
.gzgl-main .item:nth-of-type(5){
    top:210px;    
}
.gzgl-main .item:nth-of-type(6){
    top:340px;
}
.gzgl-main .item:nth-of-type(7){
    top:460px;
}
.gzgl-main .item:nth-of-type(8){
    top:360px;
}
.gzgl-main .item:nth-of-type(1),.gzgl-main .item:nth-of-type(2),.gzgl-main .item:nth-of-type(3){
    width:280px;
    text-align: right;
}
.gzgl-main .item:nth-of-type(4),.gzgl-main .item:nth-of-type(5),.gzgl-main .item:nth-of-type(6),.gzgl-main .item:nth-of-type(7),.gzgl-main .item:nth-of-type(8){
    width:320px;
    right:0;
    text-align: left;
}

.item i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    color:#fff;
    text-align: center;
    display: inline-block;
    font-size:24px;
    vertical-align: middle;
    border-radius: 50%;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0,.5);
}
.gzgl-main .item p{
    color:#999 !important;
    /*padding:0 !important;*/
    text-indent: 0;
    
}
.gzgl-main .item:nth-of-type(1) p,.gzgl-main .item:nth-of-type(2) p,.gzgl-main .item:nth-of-type(3) p,.gzgl-main .item:nth-of-type(4) p{
    text-align: left;
    margin-left: 6px;
}
.gzgl-main .item:nth-of-type(4) p,.gzgl-main .item:nth-of-type(5) p,.gzgl-main .item:nth-of-type(6) p,.gzgl-main .item:nth-of-type(7) p,.gzgl-main .item:nth-of-type(8) p{
    text-align: left;
    margin-left: 48px;
}
.item-bg1{
    background:#009ad7;
}
.item-bg2{
    background:#ffaa31;
}
.item-bg3{
    background:#68af27;
}
.item-bg4{
    background:#c22439;
}
.item-bg5{
    background:#489f4c;
}
.item-bg6{
    background:#673499;
}
.item-bg7{
    background:#19bdd2;
}
.item-bg8{
    background:#005683;
}
.gzgl-main .item h3 {
    font-size: 20px;
    color: #333;
    margin:0;
    line-height: 48px;
    display: inline;
}

.gzgl-main .circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.gzgl-main .circle span:nth-of-type(3) {
  animation-delay: 2s;
}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}
@media only screen and (max-width:768px) { 
    .section-title h2 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h2 { font-size: 30px }
}
@media only screen and (max-width:360px) { 
    .section-title h2 { font-size: 24px }
}
.section-title span {
    background: #03a9f4 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 70px;
	position:relative;
}
.section-title-white { color: #fff!important;position:relative; }
.section-title-white-span { background: #fff!important;position:relative; }
.gsjj{
    width:80%;
    margin:0 auto;
}
.gsjj p {
    text-indent: 2em;
    text-align: left;
}
@media only screen and (max-width:768px) { 
.section-title p {width: 100%;}
}
/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #03a9f4 !important;
    background-color: transparent;
	/*border-bottom-color: #03a9f4;*/
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #03a9f4 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img {
    height: 50px;
    margin-left: 10px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
/*.menu-top { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 }*/
.menu-top li a {
    color: #333 !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
	/*border-bottom: 5px solid transparent;*/
}
.menu-top li a:hover { color: #03a9f4!important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a { color: #313131!important }
.navbar-default.menu-shrink li a:hover { color: #03a9f4 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #03a9f4 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div { height:680px }
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div { height: auto }
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}
.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.single-slide-item {
    position: relative;
    height: 100%;
    width:100%;
    z-index: 1;
}
/*轮播图上面遮罩层*/
.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.35);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.slide-0 {
    background: url(../img/bg/Festival.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.slide-1 {

    background: url(../img/bg/slide1.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.slide-2{
    background: url(../img/bg/slide2.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.slide-3{
    background: url(../img/bg/slide3.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.slide-4 {
    background: url(../img/bg/slide4.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h2 {
    color: #f8f8f8;
    font-size: 80px;
	text-shadow: 1px 1px 4px #000; 
	letter-spacing:35px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.single-slide-item p {
    color: #fff;
    margin: auto auto 30px;
    width: 70%;
}
@media only screen and (max-width:768px) { 
    .single-slide-item p { width: 100% }
}

.btn-home-bg {
    background: #03a9f4 none repeat scroll 0 0;
    border: 2px solid #03a9f4;
    border-radius: 0;
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 12px;
    padding: 12px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}

/*START TEXT SLIDER*/
.text_slider {
position: relative;
height:700px;
}
.text_slider:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

/*START TEXT SLIDER*/

/*START HTML5 VIDEO*/
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.slider-caption p {
  width: 60% !important;
}
video { min-width: 100% }
/*END HTML5 VIDEO*/
/*START YOUTUBE HOME DESIGN*/
.youtube_bg {
position: relative;
height:700px;
}
.youtube_bg:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}
.home_text h2 {
    color: #f8f8f8;
    font-size: 40px;
	padding-top:250px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.home_text p {
    color: #fff;
    margin: auto auto 30px;
    width: 70%;
}
@media only screen and (max-width:768px) { 
    .home_text p { width: 100% }
}
/*END YOUTUBE HOME DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

.about_single {
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
@media only screen and (max-width:768px) { 
    .about_single { margin-bottom: 20px }
}
.about_single i {
	background: #03a9f4;
    border: 2px solid #03a9f4;
    border-radius: 100px;
    color: #fff;
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 15px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 80px;
}
.about_single i.icon-gongsizongzhi01{
    font-size:40px;
}
.about_single:hover i {
    color: #03a9f4;
	background: none;
	border: 2px solid #03a9f4;
}
.about_single span {
    background: #03a9f4 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto 0;
    width: 54px;
    margin-bottom: 15px;
}
.about_single h4 {
    font-weight: 600;
    margin-top: 10px;
    color: #333;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.about_single:hover h4 { color: #03a9f4 }
@media only screen and (max-width:480px) { 
    .about_single { margin-bottom: 20px }
}
@media only screen and (max-width:768px) { 
    .about_single h4 { font-size: 15px }
}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_feature {
    
    padding: 70px 20px;
    background: #f9f9f9;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.single_feature_color_one{background:#f2f2f2;}
.single_feature_color_two{background:#ededed;}
.single_feature_color_three{background:#e8e8e8;}
.single_feature_color_four{background:#e3e3e3;}
.single_feature i {
    background: #03a9f4 none repeat scroll 0 0;
    border-radius: 30px;
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 55px;
}
.single_feature h4 {
font-size: 16px;
margin-top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-transform: uppercase;
}
.single_feature p {
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.single_feature:hover i {
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    color: #03a9f4;
}
.single_feature:hover h4 { color: #fff }
.single_feature:hover p { color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 05.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 06.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
#service{
    background:#f0f4fa url(../../assets/img/bg/service-bg.png) right bottom;
    background-size:100%; 
    /*background-attachment:fixed;*/
}

.service {
    border: 1px solid #1f418f  ;
    /*height: 300px;*/
    height:180px;
    margin: 20px 0;
    padding: 0 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-radius: 4px;
    }
.icon {
    background: #1f418f   none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    top: 25px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 60px;
}
.service h4 {
    color: #1f418f  ;
    margin: 0 0 15px;
    position: relative;
    text-transform: uppercase;
    top: 50px;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
            transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.service:hover {
    background:#1f418f ;
    border: 1px solid #1f418f ;
}
.service:hover .icon {
    top: -30px;
    background:#fff;
    color: #1f418f ;
    border: 1px solid #1f418f ;
    box-shadow: 0 2px 18px 2px rgb(217 223 231 / 60%);
}
.service:hover h4 {
    color: #fff;
    top: 0px;
	margin-bottom:15px
}
.service p {
    opacity: 0;
    text-align: left;
    /*text-indent: 2em;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.service p.text-center{text-align:center;}
.service:hover p {
    color: #fff;
    opacity: 1;
    text-indent: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.product-item{
    position: relative;
    padding:20px;
    background: #fff;
    border-radius: 8px;
   box-shadow: 0 2px 18px 2px rgb(217 223 231 / 60%);

}
.before-and-after__bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .09;
    background-image: url(../../assets/img/bg/before-and-after-bg-shape.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.product-item-top>i{
    font-size:80px;
    color:#1f418f;
}
.product-items:hover .product-item {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgb(0 0 0 / 5%);
}
/* .product-item::before {
    content: '';
    width: 108px;
    height: 108px;
    background-position: bottom ;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../../assets/img/product/img-7.png);
    position: absolute;
    bottom:0;
    right:5px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product-items:hover .product-item::before {
    opacity: 1;
}*/
.category-link {
    position: relative;
    margin-top: 30px;
    display: block;
    width: 160px;
    height: 45px;
    line-height: 45px;
    margin:20px auto 0;
    box-sizing: border-box;
    background-color: transparent;
    border:1px solid #1f418f;
    border-radius: 23px;
    color: #1f418f;
    overflow: hidden;
    transition: background-color .3s;
}
.category-link:hover,.category-link:active,.category-link:focus{
    color:#fff;
    background-color: #1f418f;
}
.category-link span{
    position: relative;
}
.category-link .category-link-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 37px;
    height: 37px;
    line-height: 42px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
}
.category-link-icon svg * {
    fill: #1f418f;
    transition: fill .65s cubic-bezier(.19,1,.22,1);
}
.category-link-icon svg {
    width: 17px;
}
.category-link:hover .category-link-icon svg *{
     fill: #1f418f;
}
.bzcp-index p,.fwgl-index p{
    padding:0 20px;
    text-align: left;
    text-indent: 2em;
}

.bzcp-index ul{
    list-style: none;
    text-align: left;
    line-height: 28px;
    padding-left:50px;
}
.fwgl-item{
    background:#fff;
    box-shadow: 0 2px 18px 2px rgb(217 223 231 / 60%);
    border-radius: 8px;
    transition: box-shadow .65s cubic-bezier(.19,1,.22,1);
    padding: 20px;
    margin:15px 0;
    text-decoration: none;
    box-sizing: border-box;
}
.fwgl-item:hover,.sjgl-item:hover {
    box-shadow: 0 4px 20px 5px rgb(217 223 231 / 80%);
}
.fwgl-index .media-left{
    float:left;
    padding-right:0;
    width: 64px;
    margin-right:10px;
    height: 64px;
    line-height: 64px;
    color: #fff;
    text-align: center;
    background-color: #2f82ff;
    box-shadow: 0 6px 12px 0 rgb(43 123 255 / 30%);
    border-radius: 50%;
    vertical-align: middle;
}
.fwgl-index .media-left i{
    font-size:32px;
}
.fwgl-index .media-body p{
    text-indent: 0;
    text-align: left;
    color:#999;
    padding:0;
    margin-top:10px;
    min-height: 84px;
}
.sjgl-item{
    margin:15px 0;
}
.sjgl-item-content{
    padding:20px 0;
    box-shadow: 0 2px 18px 2px rgb(217 223 231 / 60%);
}
.sjgl-item-content h3{
    margin-top:0;
}
.sjgl-item-content p{
    text-indent: 0 !important;
    color:#999 !important;
}
.sjgl-item-bg{
    width: 100%;
    height: 120px;
    line-height: 120px;
    border-radius: 20px 20px 0 0/20px 20px 0 0;
   
}
.sjgl-item-bg i{
    color:#fff;
    font-size:60px;
}
.bg1{
     background: #06e5f8;
    background: linear-gradient(90deg,#3eb5f8,#06e5f8);
}
.bg2{
     background-color: #f8788b;
    background: linear-gradient(90deg,#f8c84c,#f8788b);
}
.bg3{
     background-color: #64aaf2;
    background: linear-gradient(90deg,#64edea,#64aaf2);
}
.bg4{
    background-color: #38cf7a;
    background: linear-gradient(90deg,#32dab7,#38cf7a);
}
.bg5{
     background-color: #b376ff;
    background: linear-gradient(90deg,#44aaf8,#b376ff);
}
.bg6{
    background-color: #f65589;
    background: linear-gradient(90deg,#f26768,#f65589);
}
.bg7{
    background-color: #f65589;
    background: linear-gradient(90deg,#8f94fb,#4e54c8);
}
.bg8{
    background-color: #f65589;
    background: linear-gradient(90deg,#00f260,#0575e6);
}
.bg9{
    background-color: #f65589;
    background: linear-gradient(90deg,#fc4a1a,#f7b733);
}
/*
* ----------------------------------------------------------------------------------------
* 06.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.work_all_item .mix { display: none }
.our_work_menu ul {
    list-style-type: none;
    margin-bottom: 35px;
    padding: 0;
}
.our_work_menu ul li {
border: 1px solid #e8e8e9;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 400;
margin: 0 5px 13px;
padding: 8px 25px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
color: #333;
font-family: montserrat,sans-serif;
}
@media only screen and (max-width:480px) { 
    .our_work_menu ul li { padding: 5px 15px }
}
.our_work_menu ul li:hover,
.our_work_menu ul li.active {
background: #03a9f4 none repeat scroll 0 0;
border-color: #03a9f4;
color: #fff;
}
.single_our_work {
margin-bottom: 30px;
overflow: hidden;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.sing_work_photo { position: relative }
.single_our_work img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.single_our_work figure { margin-bottom: 0 }
.sing_work_text_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    background: rgba(28, 186, 200, 0.65) none repeat scroll 0 0;
    -webkit-transition: .4s;
            transition: .4s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
}
.sing_work_content_wrap {
    display: table;
    height: 100%;
    width: 100%;
}
.sing_work_content {
    display: table-cell;
    vertical-align: middle;
}
.sing_work_text_link h4 {
    color: #fff;
    text-transform: uppercase;
}
.single_our_work:hover .sing_work_text_link h4 { -webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out }
.single_our_work:hover .sing_work_text_link p { -webkit-animation: fadeInDown 600ms ease-in-out; animation: fadeInDown 600ms ease-in-out }
.sing_work_text_link p { margin: 10px 0 25px }
.sing_link_img a i.fa { font-size: 14px }
.sing_link_img a {
    background: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    -webkit-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
    width: 40px;
}
.sing_link_img a:hover {
    background: #03a9f4;
    color: #fff;
}
.sing_link_img a.search { margin-right: 17px }
.single_our_work:hover  .sing_link_img a.search { -webkit-animation: fadeInLeft 1000ms ease-in-out; animation: fadeInLeft 1000ms ease-in-out }
.single_our_work:hover  .sing_link_img a.link { -webkit-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out }
.single_our_work:hover {
    background: #03a9f4;
    color: #fff;
}
.single_our_work:hover .sing_work_text_link {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
}
.portfolio_btn { padding-top: 20px }
.btn-portfolio-bg {
background: #03a9f4 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
font-size: 14px;
padding: 10px 40px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.btn-portfolio-bg:hover,
.btn-portfolio-bg:focus {
    background: #222;
    border: 1px solid #222;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_testimonial{
background: #f2f2f2 none repeat scroll 0 0;
padding: 30px;
}
.single_testimonial img{
width: 150px;
border-radius: 500px;
height: 150px;
}
.single_testimonial h3{
text-transform: uppercase;
margin-top: 20px;
font-size:18px;
}
.single_testimonial h4{
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
}

.single_testimonial p{
margin: auto auto 0;
width: 75%;
}
 .carousel-inner>.item>img{
    width:100%;
 }
 .carousel-caption>h3 {
    font-size: 48px;
    color:#fff;
    margin-bottom: 20px;
    font-weight: 700;
}
.carousel-caption>p{
    color:rgba(255,255,255,.8);
    font-size:18px;
}
.carousel-caption{
    top:35%;
    left:-35%;
    right:0;
}
.carousel-control.left,.carousel-control.right{
    background:none;
}
.carousel-indicators li {
    width:18px;
    height:6px;
    background: #fff;
    opacity: .48;
    margin:0;
}
.carousel-indicators .active {
    width:36px;
    height:6px;
    background-color: #fff;
    opacity: 1;
}
.carousel-control {
    background: #0ff;
    border: 0px currentColor;
    width: 41px;
    height: 69px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    opacity:1;
    top:50%;
    transform: translateY(-50%);
}
.carousel-control.prev {
    background: url(../../assets/img/carousel/icon-slides.png) no-repeat -84px 50%;
    left: 0;
}
.carousel-control.next {
    background: url(../../assets/img/carousel/icon-slides.png) no-repeat -125px 50%;
    right: 0;
}

.carousel-control.prev:hover{
    background: url(../../assets/img/carousel/icon-slides.png) no-repeat 0 50%;
}

.carousel-control.next:hover{
    background: url(../../assets/img/carousel/icon-slides.png) no-repeat -41px 50%;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators { bottom: -80px }

/*
 * ----------------------------------------------------------------------------------------
 *  08. END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
* ----------------------------------------------------------------------------------------
* 09.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 100px 0;
}
@media only screen and (max-width:768px) { 
    .counter {
        margin-bottom: 20px;
        overflow: hidden;
    }
}
.counter i {
background: #03a9f4 none repeat scroll 0 0;
border: 2px solid #03a9f4;
border-radius: 100px;
color: #fff;
font-size: 30px;
height: 70px;
line-height: 70px;
margin-bottom: 20px;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 70px;
}
.counter h2 {
    color: #161616;
    font-weight: 700;
    margin-top: 0;
}
.counter h5 {
    color: #161616;
    text-transform: uppercase;
    margin-bottom: 0;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}

.counter:hover i{background:none;color:#03a9f4;border:2px solid #03a9f4}
/*
* ----------------------------------------------------------------------------------------
* 09.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/ 
 
/*
* ----------------------------------------------------------------------------------------
* 10.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
    overflow: hidden;
    width: 100%;
}
@media only screen and (max-width:768px) { 
    .single_team { margin-bottom: 40px }
}
.single_team .team_img,
.sing_work_photo figure,
.sing_blog_img {
    position: relative;
    overflow: hidden;
}
.single_team .team_img:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: 0.5s;
            transition: 0.5s;
}
.single_team:hover .team_img:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
}
.single_team .team_img img {
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    width: 100%;
}
.single_team:hover .team_img img { -webkit-transform: scale(1.3) rotate(-10deg); transform: scale(1.3) rotate(-10deg) }
.single_team .team_text {
    color: #222;
    padding: 20px 0;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    text-align: center;
}
.team_text h4 {
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.team_text p {
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0 0 20px;
    font-weight: 400;
    color: #888;
}
.team_text ul.social {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 0;
}
.team_text ul.social li {
    cursor: pointer;
    display: inline-block;
    padding: 0 6px;
    position: relative;
}
.social > li:after {
background: #03a9f4 none repeat scroll 0 0;
content: "";
height: 2px;
position: absolute;
right: -14px;
top: 20px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 20px;
z-index: -1;
}
.social > li:last-child:after {
    background: transparent;
    position: inherit;
}
.team_text ul.social li:first-child { padding-left: 0 }
.team_text ul.social li a i {
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    width: 40px;
}
.team_text ul.social li a i:hover {
    color: #fff;
    border-color: #e8e8e9;
    background: #03a9f4;
}
.social > li:hover:after { background: #03a9f4 }
.facebook { background: #5D82D1 }
.twitter { background: #40BFF5 }
.google { background: #EB5E4C }
.linkedin { background: #238CC8 }
.youtube { background: #CC181E }
.instagram { background: #A4785F }
/*
* ----------------------------------------------------------------------------------------
* 10.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_skills{position:relative;}
.our_skills:before{
    background: rgba(0, 0, 0, 0.2);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;

}
.progress-bar-text {
font-size: 12px;
margin-bottom: 10px;
text-transform: uppercase;
color: #fff;
font-family: montserrat,sans-serif;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 5px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #03a9f4 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
 .pricing-table-default {
border: 1px solid #e8e8e9;
}
 .pricing-table-default:hover{
    background: #03a9f4;
}
@media (max-width : 480px) {
     .pricing-table-default {
        margin-bottom: 30px;
    }
}
 .pricing-head{
    padding: 25px 0 0px;
}
.pricing-head h3 {
color: #313131;
font-size: 18px;
margin-bottom: 20px;
margin-top: 0;
text-transform: uppercase;
}
 .pricing-table-default:hover .pricing-head h3{
   color:#fff;
}
 .pricing-head .price {
    display: inline-block;
    line-height: 15px;
    color: #ffffff;
    background-color: #03a9f4;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    padding-top: 34px;
}
 .pricing-table-default:hover .price{
    color: #03a9f4;
    background-color: #ffffff;
}
 .pricing-head .price sup{
    font-size: 20px;
}
 .pricing-head .price-digit{
    font-size: 30px;
    font-weight: bold;
}
/*pricing list*/

 .pricing-list li {
    display: block;
    padding: 8px 0;
}
 .pricing-table-default:hover .pricing-list li{
    color: #a0e1ff;
}
 .pricing-list li:first-child {
    padding-top: 25px;
}

 .pricing-table-default .btn {
    color: #969595;
    border:0;
    text-transform: capitalize;
    display: inline-block;
    padding: 13px 32px;
    margin: 25px 0;
    background: #f9f9f9;
}
 .pricing-table-default:hover .btn{
    color: #03a9f4;
    background-color: #ffffff
}
 .pricing-table-default .btn,
 .pricing-list li,
 .pricing-head .price,
 .pricing-table-default{

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*
* ----------------------------------------------------------------------------------------
* 12.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 13.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

.single_blog {

}
@media only screen and (max-width:768px) { 
.single_blog {margin-bottom:30px;}
}
.blog-text {
margin-top: 15px;
}
.blog-text i { color: #03a9f4 }
.blog-text span {
    color: #03a9f4;
    text-transform: uppercase;
    margin-right: 15px;
}
.blog-text h4 {
margin: 10px 0;
text-transform: uppercase;
}
.blog-text p { margin-bottom: 10px;}

.btn-blog-bg{
color: #333;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.btn-blog-bg:hover{
color:#03a9f4;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/




/*
 * ----------------------------------------------------------------------------------------
 * 14.START CONTACT DESIGN
 * ----------------------------------------------------------------------------------------
*/
.contact_area{
    position:relative;
    padding:80px 0;
}
.contact_area:before{
    background: rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;

}
.contact {
background: #fff;
padding: 60px;
}
.contact_area p{color:#93989B;}
.contact_area p.color-w,.contact_area h3.color-w{
    color:#fff;
    margin-bottom: 10px;
}
.contact-items{
    display: flex;
}

.contact-items>li{
    list-style: none;
    z-index: 999;
    flex:1;
    background: rgba(255,255,255,.85);
    margin-right:10px;
    padding:20px 0;
   transition: all 500ms ease;
}
.contact-items>li:last-child{
    margin-right:0;
}
/*手机显示设置*/
@media only screen and (max-width:768px) { 
    .contact-items{
        display: block;
        position: relative;
    }
    .contact-items>li{
        width:100%;
        margin-bottom:10px;
    }
}
.contact-items>li>.contactusIcon{
    color:#1f418f;
    font-size:42px;
}
.contact-items>li:hover{
    background: #1f418f;
}
.contact-items>li:hover .contactusIcon,.contact-items>li:hover .change-color{
    color:#fff !important;
}
/*.form-control {
    background: none;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    font-family: "Roboto Slab",sans-serif;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}*/
.form-control:focus {
color:#333;
border: 1px solid #03a9f4;
    background:none;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
background: #03a9f4 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
font-family: montserrat,sans-serif;
font-size: 14px;
padding: 10px 40px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #222;
    border: 1px solid #222;
    color: #fff;
}
.mb0 { margin-bottom: 0 }
/*
 * ----------------------------------------------------------------------------------------
 * 14.END CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT ADDRESS
* ----------------------------------------------------------------------------------------
*/
.contact-address {
background: #03a9f4 none repeat scroll 0 0;
padding: 100px 0;
}
.single_address {
border-radius:4px;
border: 2px solid rgba(255, 255, 255, 1);
padding: 20px 0;
}
.single_address:hover{background:#03a9f4;}
@media only screen and (max-width:768px) { 
    .single_address { margin-bottom: 30px }
}
.single_address i {
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
}
.single_address p { color: #fff }
@media only screen and (max-width:768px) { 
    .single_address p { font-size: 15px }
}
@media only screen and (max-width:480px) { 
    .single_address p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 15.END CONTACT ADDRESS
* ----------------------------------------------------------------------------------------
*/


#map{height:400px;}

/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer { background: #222 }
.footer_logo img {
    margin-bottom: 30px;
    height: 50px;
}
/*START FOOTER SOCIAL DESIGN*/
.footer_social { margin-bottom: 10px }
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
    border: 1px solid #333;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    margin: 2px;
    padding: 9px 12px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype:hover {
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
    border-top: 1px solid #1f2428;
    font-size: 14px;
    color: #eee;
    margin-bottom: 0;
    padding:0;
}
.copyright a {
    color: #03a9f4;
    /*font-family:sans-serif;*/
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.copyright a:hover { color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.service .iconfont{font-size:28px;}
.btn-bg,.btn-primary.btn-bg:hover,.btn-primary.btn-bg:active,.btn-primary:active:hover{background-color: transparent; border-color:#fff; margin-top:10px;} 
.product-more .iconfont{font-size:14px;}
.ys-banner{width:100%; height: 120px; background: url(../img/bg/product-bg.png) no-repeat center top; background-size:cover; margin-top:70px; margin-bottom:10px;}
.joinUs-banner{background: url(../img/bg/joinUs-banner.jpg); background-size:100%;}
.navbar-default.top-shadow{box-shadow: 0 1px 3px rgba(0,0,0,.35)}
.product-menu li a{font-size:16px;}
.ys-banner h3{color:#fff; margin:0; font-size:32px; line-height: 120px;}
.ys-content{min-height: 450px; background: rgba(255,255,255);border-radius: 4px; padding:15px;}
.product-bg{
    /*background: url(../img/bg/bg.jpg) no-repeat center top; background-size: cover; */
    padding-bottom: 10px;
    background:#efefef;
}
.ys-content p{text-indent: 2em; color:#333;}
.ys-content p img{height:300px;}
.mb20{margin-bottom:20px;}
.service .sec-product{height:25px; overflow: hidden; text-overflow: ellipsis; }
.tab-title{background: #0074e4; color:#fff; text-align: center;}
.tab-title th{font-size:21px; text-align: center;}
.sub-title th{font-size:14px;}
.xmk-bg{background:#4785c2;}
.ys-bg{background:#6d7487;}
.bx-bg{background:#1480a7;}
.ys-content .table td{color:#fff;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #fff;
}
/*加入我们*/
.single_feature i{ width:150px; height:150px; line-height: 150px; font-size:100px;}
.single_feature .joinUs-more a{color:#1f418f; }
.single_feature .joinUs-more a:hover,.single_feature .joinUs-more a:hover i{ color:#fff;}
.single_feature .joinUs-more i{ width:auto; height: auto; line-height: 20px; background:none; box-shadow: none; color:#1f418f; }
.single_feature:hover.single_feature .joinUs-more a,.single_feature:hover.single_feature .joinUs-more a i{ color:#fff!important;}
.joinUs-content hr{ border-top-color:#b1b1b1;}
.joinUs-report{padding:10px; background: rgba(255,255,255,.8); border-radius: 4px; margin:10px auto;}
.joinUs-report h4{font-weight: normal;}
.joinUs-report h4 i{font-size:21px; color:#0f98ff; font-weight: bolder;}
.joinUs-icon{ width:84px; height: 84px; background:url(../img/bg/joinUs-sprite.png);}
.joinUs-icon1{ background-position: 0 -84px;}
.joinUs-icon2{ background-position: 0 -167px;}
.joinUs-icon3{ background-position: 0 -252px;}
.joinUs-content .media-body ol li{ line-height: 25px;}
.joinUs-content .media-body .media-heading span{ font-weight: normal; margin-left:15px;}
.joinUs-content .media-left{ padding-right: 60px; width:225px;}
.joinUs-title{ text-align: center; margin-top:10px;}
.card{margin-bottom: 15px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);}
.card [data-background-color="color1"]{background: #009ad7;}
.card [data-background-color="color2"]{background: #ffaa31;}
.card [data-background-color="color3"]{background: #68af27;}
.card [data-background-color="color4"]{background: #c22439;}
.card [data-background-color="color5"]{background: #489f4c;}
.card [data-background-color="color6"]{background: #673499;}
.card [data-background-color="color7"]{background: #19bdd2;}
.card [data-background-color="color8"]{background: #005683;}
.card-header{text-align: center; color:#f8f8f8; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.card-header .iconfont{font-size:40px;}
.card .card-content {background: #fff;padding:20px 0; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.card .card-content p{text-indent: 0; font-size:16px;}
.modal-header{background: #1f418f; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.modal-title{color:#fff;}

/* 右侧咨询 S */
.zx{width: 60px; position:fixed; right:0; /*top:50%; margin-top:-150px;*/bottom:30px; z-index: 99999;}
.zx li{list-style:none; width: 60px; height: 60px; border: 1px solid #E0E0E0; margin-bottom: -1px; background: #fff; position: relative; z-index: 99999;}
.zx li a{display: block; width:60px; height: 60px; color:#fff;}
.zx li a:hover{opacity: 1}
.zx li p{font-size:12px; text-align: center; line-height: 1; color:#fff;}
.zx-icon .iconfont{font-size:24px;}
.zx li a[data-background-color="lyzx"] {
    background: #1f418f;
}
.zx li a[data-background-color="dhzx"] {
    background: #1f418f;
}
.zx li a[data-background-color="hzdj"] {
    background: #005683;
}
.zx li a[data-background-color="fhdb"] {
    background: #e15c20;
}
.telephone-num{
    background:#1f418f;
    color:#fff;
    height: 61px;
    width:150px;
    position: absolute;
    top: -1px;
    right: -1px;
    line-height: 58px;
    padding-left:10px;
    font-size:14px;
    font-weight: bolder;
    display: none;
}
.zx .li_gd:hover .telephone-num{display: block;}
#back{display: none;}

@media only screen and (min-width:1600px) { 
    .zx{width: 80px; }
    .zx li,.zx li a{width:80px; height: 80px;}
}
/* 右侧咨询 E */

/*产品介绍*/
.product-row h4{
    height: 45px;
    line-height: 45px;
    color:#fff;
    background:#e8403c;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    margin:0;
}
.product-list{
    border:1px solid #e8403c;
    border-top:none;
    padding:10px;
    min-height: 400px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sz-product-list{
    min-height: 470px;
}
.product-list li{
    list-style: none;
    line-height: 30px;
}
.product-icon{
  text-align: center;
}
.product-icon .iconfont{
    font-size:52px;
    color:#e8403c;
}
.product-row [data-color="color1"]{
    background:#4ba64f;
}
.product-row [data-border-color="color1"] {
    border-color:#4ba64f;
}
.product-icon .iconfont.icon-huiyuanquanyituihuobaozhangqia2px{
    color:#4ba64f;
}
.product-row [data-color="color2"]{
    background:#4785c2;
}
.product-row [data-border-color="color2"] {
    border-color:#4785c2;
}
.product-icon .iconfont.icon-xingzhuang{
    color:#4785c2;
}
.product-list .icon-right{
    margin-right: 6px;
}

.matter-content{
    display: none;
}
.our_work_menu ul{
    margin-bottom: 25px;
}
.copyright p>a{
    font-size:12px;
    color:#939393;
}
#dituContent{
    width:100%;
    height:330px;
    border:#ccc solid 1px;
}
.companyInfo{
    margin-bottom:30px; 
    margin-top:0
}
.BMap_cpyCtrl{
    display: none;
}
.anchorBL{
    display: none;
}
.BMap_Marker{
    background:url(../img/bg/point.png) !important;
}
/*手机显示设置*/
@media only screen and (max-width:768px) { 
    .product-row .col-md-4{
        margin-bottom: 15px;
    }
    .companyInfo{
        margin-top:20px;
    }
    .joinUs-content .media-left{
        padding-right:10px;
    }
}
/*成功案例*/
.successful-case{
    border:1px solid #f2f2f2;
    border-radius: 6px;
    border-bottom:none;
    overflow: hidden;
}
.successful-case>li{
    list-style: none;
    width: 50%;
    border-right:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
    padding:10px 10px 10px 15px;
    text-align: left;
    float:left;
}

.successful-case>li h2{
    padding:0;
    margin:0;
    font-size: 21px;
}
.successful-case>li h2 img{
    width:56px;
    height:56px;
}
.successful-case>li:hover{
    background: #f2f2f2;
}

.successful-case>li h2[datacolor]{
    color:#009fe1;
}
.successful-case>li h2[datacolor1]{
    color:#047444;
}
.successful-case>li h2[datacolor2]{
    color:#034ea9;
}
.successful-case>li h2[datacolor3]{
    color:#009142;
}

.successful-case>li h2[datacolor5]{
    color:#b20032;
}

.successful-case>li h2[datacolor7]{
    color:#f96207;
}
.successful-case>li h2[datacolor8]{
    color:#009142;
}
.oa-bg{
    padding: 70px 0 60px;
    width: 100%;
    background: url(../img/product/bg.jpg) no-repeat left bottom;
    background-size: 100% 100%;
}
.oa-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
}
.oa-item{
    margin:0 20px 20px 0;
    min-height: 100px;
    background: #f3f3f3;
    padding: 20px 15px;
    width: calc(100% - 40px) / 3);  /*这里的30px = (分布个数3-1)*间隙20px, 可以根据实际的分布个数和间隙区调整*/
    min-width: calc((100% - 40px) /3); 
    max-width: calc((100% - 40px) / 3); 
}
.oa-item.no-margin{
    margin-right:0;
}
.oa-item:hover {
    box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
}
.oa-item-left{
    float:left;
    background:#1f8eeb;
    width: 36px;
    height:36px;
    line-height: 36px;
    border-radius: 4px;
}
.oa-item-left>i{
    color:#fff;
    font-size:24px;
}
.oa-item-right{
    margin:0 0 0 50px;
}
.oa-item-right>h4{
    margin:0;
    font-size:16px;
    text-align: left;
}
.oa-item-right p {
    font-size: 13px;
    line-height: 18px;
    cursor: default;
    color: #4a4a4a;
    text-indent: 0;
    padding: 10px 0 0 0;
}
@media only screen and (max-width:768px) { 
    .successful-case>li h2{
        font-size:18px;
    }
    .successful-case>li{
        float:none;
        width:100%;
        border-right:0;
    }
    .carousel-caption>h3{
        font-size:18px;
    }
    .carousel-caption>p {
        display: none
    }
    .carousel-caption {
        top: 30%;
        left: 0;
    }
    .oa-item{
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
    }
    .gzgl-main .bg,.circle{
        display: none;
    }
    .gzgl-main .center {
        height:1030px;
    }
    .gzgl-main .item:nth-of-type(4) {
     top: 610px;
    }
    .gzgl-main .item:nth-of-type(5) {
        top: 750px;
    }
    .gzgl-main .item:nth-of-type(6) {
        top: 888px;
    }
    .gzgl-main .item:nth-of-type(7) {
        top: 500px;
    }
}
.copyright p>img{
    width:16px;
}
.copyright p a.beian{
    margin:0 20px 0 0;
}