@font-face {
    font-family:'AddFont';src:local('AddFont light'),local('AddFont'),url("/fonts/AddFont.woff") format('truetype');
}
*{font-family: 'AddFont',Microsoft Yahei}
img{max-width: 100%;}
html, body {
    position: relative;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-nav{margin: 0 -15px;padding-top: 15px}
html {font-size:20px;}
body{font-size:14px;padding-top:80px}
ul{margin: 0;padding: 0}
li{list-style-type: none}
h1{line-height: 1.5}
.h1, .h2, .h3, h1, h2, h3{margin:0}
.ani {

}
a:hover{text-decoration: none}

.swiper-container-v.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.navbar{margin-bottom: 0}
.navbar-brand{padding: 5px 3%;margin-left: 0!important;}
.navbar-brand img{height: 40px}
.navbar-default{background: rgba(255,255,255,1)!important;box-shadow: 0 0 10px rgba(0,0,0,.6);width: 100%;border: none;border-radius:0;height:80px;padding-top: 15px;z-index: 99}
.navbar-default .navbar-nav>li>a{color: #333;font-size: 16px;padding: 5px 35px}
.navbar-default .navbar-nav>li>a:hover{color: #0099ff}
.navbar-default .navbar-nav>li>a:focus{color: #333;outline: none}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-nav {
    height: 42px;
    box-sizing: border-box;
    background: transparent;
    position: absolute;
    padding: 1rem 0 0 ;
    right: 0;
    z-index: 10;
}
.swiper-nav a {
    width: auto;
    height: 100%;
    color:#09f;
    background: transparent;
    float: left;
    padding: 1px 15px;
    text-decoration: none;
    margin-right: 10px;
}
.navbar-default .navbar-nav>.active>a{
    background: #09f!important;
    color: #fff!important;
    border-radius: 15px;
}
.nav>li>a{padding: 2px 25px}
.navbar-toggle {
    width: 32px;
    position: absolute;
    right: 3%;
    top:35%;
    z-index: 1;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
}
.navbar-toggle.hover{top:15px}
.navbar-toggle span {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 8px;
    -webkit-transition: left 0.5s ease 0s;
    transition: left 0.5s ease 0s;
    background: #0782c6;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.3s linear 0s; /* Safari ?’? Chrome */
    -o-transition: all 0.3s linear 0s; /* Opera */
}
.navbar-toggle.hover span:nth-child(1){
    width: 32px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 	/* IE 9 */
    -moz-transform:rotate(45deg); 	/* Firefox */
    -webkit-transform:rotate(45deg); /* Safari ?’? Chrome */
    -o-transform:rotate(45deg); 	/* Opera */
}
.navbar-toggle.hover span:nth-child(2){ display: none}
.navbar-toggle.hover span:nth-child(3){
    position: absolute;
    top:0;
    width: 32px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); 	/* IE 9 */
    -moz-transform:rotate(-45deg); 	/* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari ?’? Chrome */
    -o-transform:rotate(-45deg); 	/* Opera */
}
.navbar-toggle span:first-child{ margin-top: 0; }
.navbar-toggle.hover span:first-child{ margin-top: 8px; }
.navbar-toggle span{transform:none;-ms-transform:none;-moz-transform:none;-webkit-transform:none;-o-transform:none}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: transparent}
.in .nav li.active a{border-radius: 0}
.in .nav{background: #eee;font-size: 1.5rem}
section{overflow: hidden;}
a.more{width: 120px;height: 36px;line-height: 36px;color: rgba(255,255,255,.6);border: 1px solid rgba(255,255,255,.6);display: block;text-align: center;border-radius: 18px;margin: 30px auto;transition: all 0.5s}
a.more:hover{color: #fff;border-color: #fff;}
#main{background: url("/images/cont/main-bg.jpg") no-repeat center;background-size: cover;height: 680px;display: table;text-align: center;width: 100%;position: relative}
#main .content{display: table-cell;vertical-align: middle}
#main .m-content{display: none}
#service{background: url("/images/cont/service-bg.jpg") no-repeat center;margin: 0 auto;padding: 80px 0}
#fw{margin: 40px 0}
.service,.culture,.about,.history{margin: 40px 0}
#service .swiper-slide{position: relative;transition: all 0.5s}
#service .content{position: absolute;width: 100%;height: 100%;padding: 20px;left: 0;top: 0;color: #fff;cursor: pointer;background:rgba(0,0,0,.3);transition: all 0.5s}
.title{text-align: center}
#service .content{text-align: left}
.title .t1{font-size: 42px;font-weight: bold;letter-spacing: 5px;margin-bottom: 0}
.title .t2{font-size: 16px;font-weight: normal;letter-spacing: normal;color: #999;}
#service .t3{font-size: 24px;font-weight: bold;padding-top: 80px;transition: all 0.5s}
#service .t5{font-size: 14px;display: none}
#service .swiper-slide:hover .content{background: rgba(7,130,198,.95)}
#service .content:hover .t3{padding-top: 50px}
#service .content:hover .t5{display: block}
#history{width:1200px;background: #fff;padding: 0 0 40px;margin:0 auto;overflow: hidden;position: relative;top:-80px;box-shadow:0 5px 20px 0 rgba(0,0,0,.09);z-index: 9}
#history .count{width: 100%;margin: 40px auto}
#history .count .col-md-3{border-right:1px solid rgba(7,130,198,.2);text-align: center;color: #0782c6;font-size: 40px}
#history .count .col-md-3:nth-child(4){border-right: none;}
#history .count .col-md-3 p{margin: 0 auto;padding:0;text-align: center;font-size: 14px;width: 80%;}
#history .value1:after{content: " 天";font-size: 14px}
#history .value2:after{content: " 家";font-size: 14px}
#history .value3:after{content: " 名";font-size: 14px}
#history .value4:after{content: " 万元";font-size: 14px}
.web-color{color: #09f}
*{-webkit-font-smoothing: antialiased;}
#about .t1{font-size: 150px;font-weight:normal;margin: 0;line-height: normal}
#about .t2{font-size: 24px;margin: 0;font-weight: bold;line-height: normal}
#about .t3{font-size: 18px;margin: 0;font-weight: bold;}
#about .line{width: 40px;height: 2px ;background: #0099ff;margin: 10px 0}
#about .container{ padding: 30px 0 60px}
#about .t4{margin-top: 30px;text-align: justify;font-size: 16px;line-height: 1.8}
#about .content{width: 900px;overflow: hidden;margin: 0 auto}
#about .en{font-size: 14px;font-weight: normal;letter-spacing: normal}
#about .t3{font-size: 16px;line-height: 30px;text-align: justify;}
#about ul{margin-top: 20px}

#about li{padding:10px 0;float: left;font-size: 14px;text-align: center;width: 33.3333%;cursor: pointer;transition: all 0.5s}
#about li p{margin: 10px 0 0;float: left}
#about li img{display: block;margin-right: 10px;border: 1px solid #333;border-radius: 50%;padding: 10px;float: left}
#about li:hover {color: #0099ff}
#about li:hover img{border-color: #0099ff}
#culture{padding: 80px 0;background: url("/images/cont/culture-bg.jpg") no-repeat center;margin-top: 30px;}
#culture .title{margin-bottom: 40px;color: #fff}
#culture ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom: 20px}
#culture li{width: 49%;border: 1px solid #fff;height: 225px;padding:40px 20px;background: rgba(0,0,0,.3);text-align: center;color: #fff}
#culture li:hover{box-shadow: 0 0 20px rgba(255,255,255,.8)}
#culture li p{margin: 0}
#culture .title2{font-weight: bold;font-size: 30px;}
#culture .line {
    display: none;
    width: 12px;
    height: 2px;
    background-color: #000;
    margin-top: 12px;
}
#culture .word {
    display: block;
    margin-top: 13px;
    line-height: 24px;
    font-size: 16px;
}

#team{padding: 80px 0}
.team .swiper-slide{margin: 40px 0}
.team .swiper-slide .col-md-9 p{padding-right: 50px;text-align: justify}
.team .swiper-slide h4{margin:15px 0 5px;font-weight: bold}
.team-pic .swiper-slide{border: 1px solid #ccc;border-radius: 10px;padding:15px 10px 0;cursor: pointer;background: url("/images/cont/team-bg1.png") no-repeat right center }
.team-pic .swiper-slide-active{border-color:  #0782c6;background:#f5f5f5 url("/images/cont/team-bg2.png") no-repeat right center;}
.team-pic .swiper-slide:hover{border-color:  #0782c6;background:#f5f5f5 url("/images/cont/team-bg2.png") no-repeat right center;}
.team-pic .swiper-slide .t1{font-size: 16px;font-weight: bold;margin-top: 20px}
.team-pic .swiper-slide .t2{font-size: 14px;color: #999}
.team .swiper-slide .t1{font-size: 16px;font-weight: bold;margin-top: 20px}
.team .swiper-slide .t2{font-size: 14px;color: #999}
.team .swiper-slide .col-md-3 img{width: 180px;margin: 0 auto;display: block}
.team .swiper-slide .col-md-3 p{text-align:center;margin: 0}
.thumb{width: 90%;margin: 40px auto;}
.thumb .swiper-slide{position:relative}
.thumb .swiper-slide p{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content: center;align-items:center;opacity:0;background:rgba(255,255,255,0);z-index:9;t}
.thumb .swiper-slide p span{font-size:16px;color:#333;}
.thumb .swiper-slide:hover p{opacity:1;background:rgba(255,255,255,.7)}
.picture{overflow: hidden;position:relative;}
.picture img {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index:1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.picture:hover img{
    transform: scale(1.5, 1.5);
    -ms-transform:scale(1.5, 1.5); 	/* IE 9 */
    -moz-transform:scale(1.5, 1.5); 	/* Firefox */
    -webkit-transform:scale(1.5, 1.5); /* Safari and Chrome */
    -o-transform:scale(1.5, 1.5); 	/* Opera */
}
#news{background: #f5f5f5;padding:60px 0}
#news .news{padding: 20px}
#news .swiper-slide{background: #fff;padding: 10px 10px 20px;transition: all 0.5s}
#news .swiper-slide:hover{box-shadow: 0 0 20px rgba(0,0,0,.5);margin-top: -10px}
#news .swiper-slide img{width: 100%;height: 220px}
#news .title {margin-bottom: 40px}
#news .news-title {font-size: 18px;font-weight: bold;margin: 10px 0;}
#news .news-title a{color:#333;}
#news .news-date {font-size: 14px;color: #999;margin-bottom: 20px}
#news .news-content {font-size: 14px;color: #333;margin-top: 10px;text-align: justify}
.more-s{width: 120px;height: 40px;line-height: 40px;text-align:center;color: #fff;background: #0075DC;display: block;margin: 40px auto 0;border-radius: 20px;font-size: 14px}
.more-s:hover{box-shadow: 0 0 10px rgba(43,40,127,.7);color: #fff}
.float-left{float:left}
.float-right{float:right}
.clear{clear:both}
#contact{padding: 60px 0;background: #fff}
#contact .title{margin-bottom: 40px;text-align: left;padding-left: 15px;}
#contact .t2{text-align: left;color: #333}
#contact .form-group{width: 100%;margin-bottom: 20px}
#contact input{width: 100%;height: 45px}
#contact select{width: 100%;height: 45px}
#contact textarea{width: 100%;height: 243px }
#contact button{background: #0782c6;height: 45px;color: #fff }
#contact .swiper-container{background: #0782c6;color: #fff;padding: 20px;height: 300px}
#contact .swiper-slide img{float: left;padding-right: 5px;width: 30px;margin-top: 5px}
#contact .swiper-slide .t3{font-size: 22px;margin-bottom: 15px;font-weight: bold}
#contact .swiper-slide .t4{font-size: 12px;border-bottom: 1px solid #fff;line-height: 40px;}
#contact .swiper-button-prev
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    left: 80%;
    height: 20px;
    top:50px;
    width: 25px;
}
#contact .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: 10%;
    top:50px;
    height: 20px;
    width: 25px;
}
footer{background: #0782c6;}
#link{color: #fff;overflow: hidden;}
#link ul{float: left;margin-left: 20px;}
#link img{float: left;margin-right: 5px;width: 30px;margin-top: 18px}
#link a{color: #fff}
#link span.t1{font-size: 20px;float: left;padding-top: 18px;font-weight: bold}
#link span.t2{font-size: 20px;float: left;padding-top: 18px;padding-left: 5px}
#link li{padding: 20px;float: left;font-size: 16px;}
#footer{border-top:1px solid rgba(255,255,255,.4);padding:30px 0 }
#footer ul{margin:10px 0 20px;overflow: hidden}
#footer li{padding:0 10px;float: left;border-left:1px solid #fff }
#footer li a{color: #fff;}
#footer .copyright{color: #fff;}
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    border-radius: 50%;
    white-space: nowrap;
    background: rgba(7,130,198, 0.8) url("/images/cont/cd-top-arrow.svg") no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	z-index:99999
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20%;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 240px;
    }
}
@media screen and (min-width:1600px) {

}
@media screen and (max-height:800px) {
    .navbar-default{height: 35px;padding-top: 5px}
    .navbar-brand img{height: 25px}
    .navbar-toggle{top:25%}
    .navbar-nav{padding-top: 5px}
    .title .t1{font-size: 30px;}
    .title .t2{font-size: 14px;width: 100%;margin: 10px auto;text-align: center}
}

@media screen and (max-width:1024px) {
	body{padding-top:48px}
.navbar-default .navbar-nav>li>a{padding:5px 15px;font-size:14px}
header{padding:0 15px}
#main{height:480px}
    #history{position: relative;top:0;background: #f5f5f5;box-shadow: none;padding:20px 0}
    #history .count{margin: 10px auto}
    #history .count .col-xs-6{font-size: 30px;margin-bottom:10px}
	#about,#service,#team,#culture,#contact,#history{padding:6% 3%;width: 100%}
	#about .t1{font-size: 100px;display: block;text-align: center;margin: -20px auto -40px}	
    #about .line{width: 100%}
    #about .container{padding: 0}
    #about .t2{font-size: 16px;text-align: center;}
    #about .t3{margin-top: 0;text-align: center}
    #about li{text-align: center}
    #about li img{margin: 0 auto;display: block;float: none}
    #about li p{width: 100%}
    #about .content img{padding: 0;width: 100%;margin: 0}
	.container{width:100%}
	.team .col-md-3{padding-left:30px}
	.team .swiper-button-prev, .team .swiper-button-next{top:150px}
	.team-pic .swiper-slide .t1{margin-top:10px}
	 #contact button{width: 100%}
    #footer li {margin-bottom: 5px}
	#service .swiper-slide{margin-bottom:10px}
    #service .content{background: rgba(7,130,198,.95)}
    #service .t3{padding-top: 50px}
    #service .t5{display:block}
}
@media screen and (max-width:768px) {
	.team .swiper-button-prev, .team .swiper-button-next{top:100px}
	.team-pic .swiper-slide{background-image:none}
	.team-pic .swiper-slide .t1{text-align:center}
	.team-pic .swiper-slide .t2{text-align:center}
		#service .swiper-slide{margin-bottom:10px}
    #service .content{background: rgba(7,130,198,.95)}
    #service .t3{padding-top: 20px}
    #service .t5{display:block}
	#contact textarea{height:120px}
	#main{background: #fff;height: auto}
	 #main .content{display: none}
	 #main .m-content{display: block}
}
@media screen and (max-width:640px) {
	.col-xs-12{padding:0}
	.col-xs-6{padding:0}
	.col-md-6{padding:0}
	.col-lg-8{padding:0}
	.col-lg-4{padding:0}
	.col-md-5{padding:0}
	.col-md-7{padding:0}
    section{max-width: 640px}
    #main{background: #fff;height: auto}
    #main .content{display: none}
    #main .m-content{display: block}
    #history{position: relative;top:0;background: #f5f5f5;box-shadow: none}
    #history .count{margin: 10px auto}
    #history .count .col-xs-6{font-size: 30px}
    .navbar-toggle{top:35%}
    .navbar-default{padding: 0}
    .navbar-brand img{height: 30px;margin-top: 5px}
    #about,#service,#team,#culture,#contact,#history{padding:6% 3%;width: 100%}
    #about .t1{font-size: 100px;display: block;text-align: center;margin: -20px auto -40px}	
    #about .line{width: 100%}
    #about .container{padding: 0}
    #about .row{margin: 0}
    #about .t2{font-size: 16px;text-align: center;}
    #about .t3{margin-top: 0;text-align: center}
    #about li{text-align: center}
    #about li img{margin: 0 auto;display: block;float: none}
    #about li p{width: 100%}
    #about .content img{padding: 0;width: 100%;margin: 0}
    #culture li{width: 100%;margin: 1%}
    #culture ul{margin-bottom: 0}
    #culture .title{color: #fff}
	#service .swiper-slide{margin-bottom:10px}
    #service .content{background: rgba(7,130,198,.95)}
    #service .t3{padding-top: 50px}
    #service .t5{display:block}
    .team .swiper-slide .col-md-9 p{padding: 0}
    .team .swiper-button-prev, .team .swiper-button-next{top:100px}
    #team .team-pic{display: none}
    #history .count .col-md-3{border-right: none}
    #history .count .col-md-3 p{margin: 0 auto 20px;padding: 10px 0 0}
    .team .swiper-slide{margin: 10px 0}
    #sdcms-map .t1{font-size: 14px}
    .title .t2{margin-bottom: 20px}
    #culture .upbox p{margin-bottom: 5px}
    .navbar-default .navbar-nav>li>a{height: 36px;line-height: 30px}
    .thumb .swiper-slide{margin-bottom: 10px}
	#contact .title{padding-left:0}
    #contact .col-md-6{padding: 0}
    #contact .col-md-12{padding: 0}
    #contact button{width: 100%}
    #footer li {margin-bottom: 5px}
	#link ul{margin:0;padding:20px 0}
	#link ul li{padding:5px 10px}
}
@media screen and (max-width: 640px) {
    #about .t1 {
        font-size: 100px;
        display: block;
        text-align: center;
        margin: -20px auto 0;
    }

    #about .t3 {
        font-size: 18px;
        margin: 0;
        font-weight: bold;
        position: relative;
    }
}