@charset "utf-8";

body{font-family:Raleway; font-weight:500; color:#525252; margin-top:160px;}
a{ color:#625756;}
a:hover{ text-decoration:none;}
.mt50{ margin-top:50px;}
.mb30{ margin-bottom:30px;}
.top-bar{ background:#232227; padding:10px 0; color:#fff;}
.top-bar a{color:#fff;}
.top-bar span.sep{ width:700px; margin:0 20px;}
.navbar{ background:#fff; border-radius:0;height:120px; padding-top:15px; margin-bottom:0;}
.navbar-inverse .navbar-nav>li> a{ font-weight:bold; color:#fff; font-size:12px;}
.navbar-inverse .navbar-nav>li.on a,.navbar-inverse .navbar-nav>li a:hover{ color:#109be9;}
.navbar-collapse{ margin-top:25px;}
.navbar-brand img{ max-width:100%;}

.dropdown-menu>li>a{ padding:8px 20px;}


.part{padding:80px 0;}
.part h2{font-size:30px; margin-bottom:40px;}
.part h2 span,.youshi h3 span{ display:block; margin:35px auto 0;width:80px; height:3px;background:#16b5d3}
.youshi h3 span{ width:50px; margin-top:15px;}
.youshi h3{ margin-bottom:25px; font-size:24px;}
.icon-bar{ background:#ccc; }
.navbar-toggle{border-color:#ccc; margin-top:0;}
.about{ background:#f2f3f8; overflow:hidden;}
.about-txt{ padding:50px; line-height:2}

.bg{background:#f2f3f8; }
.pro-item{ background:#fff; display:block; padding-bottom:10px;}
.pro-item2{ border:1px solid #ddd; text-align:center; }
.pro-item2 h4{ font-size:14px; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding:0 5px}

.pro-item:hover{border-color: #16b6d2;-webkit-box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);}
.carousel-control .arr-btn{ background:#ccc;border-radius:50%; height:40px; width:40px; text-align:center; line-height:38px; font-size:24px;}
.carousel-inner>.carousel-item>a>img{ width:100%;}

/*carousel轮播*/
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out; 
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color:rgba(255,255,255,1);
    background-clip: padding-box;
    border:#FFFFFF solid 2px; 
	border-radius:19px;
}
.carousel-indicators .active {
     background-color:rgba(255,255,255,0);
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}
.carousel-control-next {
    right: 0;
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
/*.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}*/
.carousel-control-prev .glyphicon-chevron-left, .carousel-control-next .glyphicon-chevron-right{
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
}
.carousel-control-prev .arr-btn,.carousel-control-next .arr-btn {
    background: #ccc;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
}



.footer{ background:#0faac6; padding:80px 0;color:#fff;}
.footer a{color:#fff;}

.f-contact span.glyphicon{ font-size:40px; float:left}
.f-contact div{ border-left:1px solid rgba(255,255,255,0.2);}
.f-contact p{ padding-left:60px; line-height:1.8}
.f-contact p b{ font-size:18px; display:block; margin-bottom:10px;}
.ft-copy{ margin-top:10px; padding-top:30px;border-top:1px solid rgba(255,255,255,0.2);}

.ft-nav li{float:right; list-style:none; padding-left:2%; line-height:1.8; font-size:12px;}
.ft-nav li a{ font-weight:bold;}
.ft-nav ul{ padding:20px 0 0;}
.ft-nav ul ul a{ display:block; font-weight:300;}


.banner img{ width:100%;}
.breadcrumb-w{ background:#f5f5f5;}
.breadcrumb{ margin:0;}

.r-news{ margin-top:50px;}
.r-news a{ display:block; padding:5px 0; border-bottom:1px solid #ddd; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.page-right h2{ font-size:26px; margin-top:0; padding-bottom:20px;border-bottom:3px solid #16b5d3; margin-bottom:20px;}
.right-nav ul{ padding:0;}
.right-nav ul li{ list-style:none; font-size:16px; margin-bottom:20px;}
.right-nav ul li a{ display:block; line-height:40px; position:relative}
.right-nav ul li a span{ display:block;width:30px; height:3px;background:#16b5d3}
.right-nav ul li ul{ margin:10px 0; display:none;} 
.right-nav ul li ul li{ margin:0;}
.right-nav ul li.on ul{ display:block;}
.right-nav ul li ul a{ line-height:40px; border-bottom:1px solid #ddd;}
.right-nav ul li a i{ display:block; position:absolute; right:0;top:12px; color:#109be9}

.ft-links{ margin-top:50px; padding-left:20%;}
.ft-links a{ display:inline-block; width:120px; padding:0 10px; text-align:center; vertical-align:top;}
.ft-links a img{max-width:100%;}


.article h1,.article h2,.article h3{font-weight:100;text-transform:uppercase; margin:0;}
.article h4{ margin-bottom:20px;}
.article hr{ margin-bottom:40px;}
.article{ font-size:16px; line-height:1.6}
.article img{max-width:100%; height:auto;}
.article img[align="left"]{ padding-right:40px;}
.article img[align="right"]{ padding-left:40px;}
.article p{margin:0;}


.carousel-control.right{ background:none;}
.carousel-control.left{ background:none;}

.num{width: 115px;line-height: 115px;margin: 0 auto 25px;font-size: 50px;color: #f36276;font-family: "Oswald-Regular";border: 2px solid #d5d7df;border-radius: 100px;}
.trans {-webkit-transition: all 300ms ease 0s;transition: all 300ms ease 0s;}
.num:hover{border-color: transparent;color: #fff;box-shadow: 0 0 7px 3px rgba(54, 54, 54, 0.3);background: radial-gradient(at 0% 30%, #4bbed6 0%, #69d8e7 50%);}

.imgZoom{ overflow:hidden; display:block;}
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}

.fullbox{display: -webkit-flex;-webkit-align-items: stretch;-webkit-flex-wrap: wrap;display: flex;align-items: stretch;flex-wrap: wrap;}
@media (max-width:720px){
	.navbar-brand img{height:50px;}
	body{margin-top:80px}
	.top-bar{ display:none;}
	.xs-mt10{ margin-top:10px;}
	.about-txt{font-size:14px; padding:10px;}

	.part{ padding:20px 0;}
	.navbar{ height:70px;}
	.navbar-brand{ width:80%; padding:0 15px 5px;}
	.ft-nav{ display:none;}
	.footer{ padding:30px 0;}
	.footer img{ max-width:100%;}
	.navbar-right{ background:#0b2136; position:relative; z-index:999;}
	.navbar-collapse{ margin-top:0;}
	.page-sub-nav{ padding:10px 0;font-size: 12px;}
	.page-sub-nav a{font-size: 12px;}
	.main-content{ padding:30px 0;}
	.news .media-left{ width:100%; padding:0;}
	.news .media-body{ display:block; width:auto;font-size:14px;margin-top:20px;}
	.ad .container{ padding-top:20px;padding-bottom:20px;}
	.ft-links{ margin-top:20px; padding-left:0;}
	.ad .container h3{ margin-bottom:10px; font-size:18px;}
}