@charset "utf-8";
@media (min-width: 1366px){
	.container {
		width: 90%;
	}
}
body{font-family:Raleway; font-weight:500; color:#525252; margin-top:180px;}
a{ color:#625756;}
a:hover{ text-decoration:none;}
.mt50{ margin-top:50px;}
.mb30{ margin-bottom:30px;}
.mt30{ margin-top:10px;}

.navbar{ margin-bottom:0;}
.navbar-fixed-top{-moz-box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.2);}
.top-bar{ padding:10px 0; line-height:20px; background:#EFEFEF;}
.navbar-brand{ height:auto;}
.navbar-brand-txt{ color:#333; font-size:28px; font-family:Arial Black, Helvetica, sans-serif}
.navbar-brand img{ vertical-align:middle; display:inline-block}
.top-tel{ color:#333;}
.top{ border-bottom:1px solid #ddd; background:#e6e8e9;}

.lng-switch{ list-style:none; margin-top:25px;}
.lng-switch>li>a{ display:block; background:#0db7c6; padding:5px 35px; color:#fff;}
.lng-switch li:hover ul{ display:block;}
.lng-switch .dropdown-menu{ box-shadow:none; border:0;}
.lng-switch .dropdown-menu li{ border-bottom:1px solid #ddd;}

.navbar{ background:#fff; border-radius:0;padding:10px 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:#f85d47;}
.navbar-brand img{ max-width:100%;}
.navbar-nav>li.on a{ border-bottom:3px solid #f85d47;}
.dropdown-menu>li>a{ padding:8px 20px;}

.gg1{padding:20px 0;}
.part{padding:30px 0;}
.part h2{font-size:30px; margin-bottom:20px;}
.part h2 span{ display:block; margin:10px 0 0;width:100px; height:3px;background:#555}
.part h2 span i{ display:block; width:50%; background:#f85d47; height:100%;}


.part1{padding:240px 0;}
.part1 h2{color:#EEE;font-size:68px; margin-bottom:40px;}
.part1 p{ font-size:24px;color:#EEE;}

.pro-tt a{ color:#fff;margin-right:10px; padding:0 20px;line-height:30px; border:1px solid #ddd; display:inline-block;background:#f85d47;}
.pro-tt a:hover{background:#333; color:#fff;}

.index-pro-top{ position:relative;}
/*.index-pro-top form{ position:absolute; right:0; top:10px;}*/

.icon-bar{ background:#ccc; }
.company h1 a{color:#0db7c6; font-size:24px;}
.navbar-toggle{border-color:#ccc; }
.bg{ background:#f7f6f2; overflow:hidden;}
.bg1{ background:#008cd2; overflow:hidden;}
.about-txt{ line-height:2}
.about-txt h1 a{color:#0db7c6}
.bg{background:#f8f8f8; }
.pro-it span,.news-item span{ border-bottom:1px solid #ddd;}
<!--.pro-item{  display:block; padding-bottom:10px;overflow:hidden; }-->
<!--.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);}-->
.pro-item2{ border:1px solid #ddd;}
.pro-item2 h4{ font-size:14px; margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding:0 5px}
.ad-txt{  position:relative; color:#FFF}
a.a-btn{ position:absolute; right:0; top:50%; background:#f1eff0; color:#f85d47; display:block; padding:0 20px; line-height:30px; margin-top:-15px;border-radius:23px;}
.media-left{ padding-right:20px;}
.media-body p{ color:#FFF;}
.media-body1 p{ color:#666;}

.pro-frm{ border:1px solid #eee;border-radius:8px; background:none;}

.news{ overflow:hidden;}
.news-r{ padding:20px 0; width:100%; float:left;}
.news-l{ width:50%; float:right}
.news-l img{ display:none;}
.news-item{ padding:0 20px; width:50%; float:left;margin-bottom: 20px}
.r-news a{ display:block; padding:10px; border-bottom:1px solid #ddd;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.dt{ width:80px; margin-right:20px; padding-bottom:10px; display:block; float:left; text-align:center; color:#9f9d9e; border-bottom:1px solid #ddd;}
.dt b{ font-size:30px; display:block;}

.contact{ background:#2364a8; color:#FFF; font-size:18px;margin-top: 20px;}
.con-f{ color:#c3baba; font-size:14px;}
.contact span.glyphicon{ color:#fff; font-size:40px;}
.app-tt{ background:#022855; padding:50px 0; overflow:visible; text-align:center; margin:20px 0 40px; position:relative}
.app-tt h3 a{ color:#fff; font-size:30px;}
.app-tt p{color:#fff; margin:20px 0;}
.app-tt div.icon{width: 0;height: 0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #022855; position:absolute; left:50%; margin-left:-20px; bottom:-20px; display:block; content:'';}
.app-list dl dd{ background:none;}
.app-list dl dt{ height:200px;}
.app-list div{ float:left; width:33.33%; text-align:center;}
.app-list dl{ display:inline-block; float:none;}
.footer{ background:#333; padding:30px 0;}
.f-line{ border-top:1px solid #ddd;}
.ft-copy{ background:#3333; padding:20px 0;}
.copy{ background:#333; color:#FFF; font-size:14px;}
.ft-nav p{ color:#FFF;line-height:2.8;font-size:14px;}
.ft-nav{ border-bottom:1px solid #666; padding-bottom:20px; margin-bottom:20px;}
.ftt p{color:#fff;font-size:14px;}
.ftt a{color:#c3baba;font-size:14px;}
.ftt h4 a{font-size:16px; color:#FFF}


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

.r-news a{ display:block; padding:20px; border-bottom:1px solid #ddd;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.page-right{border:1px solid #ddd; padding:0;}
.page-right h2{ font-size:26px; margin-top:0; margin-bottom:0; background:#008cd2; color:#fff; padding:10px 15px; font-size:18px}
.right-nav ul{ padding:0;margin:0;line-height: 60px;padding-left: 20px}
.right-nav ul li{ list-style:none; font-size:16px;}
.right-nav ul li a{ display:block; line-height:60px; padding-left:20px; position:relative; border-bottom:1px solid #ddd;}
.right-nav ul li ul{ display:none;border-bottom:1px solid #ddd; padding:10px;} 
.right-nav ul li ul li{ margin:0;}
.right-nav ul li ul li a{ border: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:10px;top:12px; color:#0db7c6}

.ft-links a{ display:inline-block; padding:0 10px;}
.fullbox{display: -webkit-flex;-webkit-align-items: stretch;-webkit-flex-wrap: wrap;display: flex;align-items: stretch;flex-wrap: wrap;}

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

.ft-links h2{ border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px;}
.fullbox{display: -webkit-flex;-webkit-align-items: stretch;-webkit-flex-wrap: wrap;display: flex;align-items: stretch;flex-wrap: wrap;}
.case-item{ background:#fff; display:block;}
.case-item div{ padding:10px;}

#QQLayer{position:fixed;*position:absolute;z-index:99; right:10px; top:220px;background:#fff; border:1px solid #ddd;}
#QQLayer{ padding:10px 10px 0; text-align:left; text-align:center;}
#QQLayer ul{ padding:0;}
#QQLayer li{ margin-bottom:10px; font-size:14px; height:auto; overflow:hidden; list-style:none; padding:0}
#QQLayer li span{ display:block;}
.mobile-show{ display:none}
.index-pro-topc{ position:relative;}
.search-box{ position:absolute; z-index:1; right:0; top:0; padding-top:15px;}
.flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: flex-start;}
.search_btn{ background:#f85d47 url(../images/search-a.png?v=0.031) center no-repeat;     border-radius:0;}
@media (max-width:720px){
	.navbar-brand img{height:50px;}
	.lng-switch{ display:none; }
	.navbar{ min-height:0; padding:0; border:none;}
	body{margin-top:55px}
	.top-bar{ display:none;}
	.xs-mt10{ margin-top:10px;}
	.about-txt{font-size:14px; padding:10px;}
	
	.part{ padding:20px 0;}
	.navbar-brand{ width:80%; padding:0 15px 5px;}
	.ft-nav{ display:none;}
	.footer{ padding:30px 0;}
	.footer img{ max-width:100%;}
	
	.navbar-right{ background:#FFF; position:relative; z-index:999;}
	.index-pro-top{ position:relative;}
	.index-pro-top form{ right:0; top:10px;}

	.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-list .media-left{ width:100%; padding:0;}
	.news-list .media-left img{ width:100%;}
	h4{ font-size:14px;}
	h3{ font-size:18px;}
	.news-list .media-body{ display:block; width:auto;font-size:12px;margin-top:10px;}
	.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;}
	
	.news-l{ height:200px;}
	.news-l,.news-r{ width:100%;}
	.news-item{ padding:0 20px; width:100%; float:left;margin-bottom: 20px}
	
	.ad-txt{ padding:10px; padding-bottom:40px;}
	.page-right{ border:0; margin-top:20px;}
	a.a-btn{ bottom:10px;top:auto; left:90px; right:auto;}
	.index-search{ margin:0 auto; }
	.search-box{ position:relative; padding-top:0; width:100%;}
	.part h2{ font-size:18px; margin-bottom:20px; width:100%;}
	.part h2 span{ margin-top:15px;}
}
@media (max-width:640px){
.pc-show{ display:none}
.mobile-show{ display:block}
}