@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;}

.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;}
}