@charset "utf-8";
@media (min-width: 1400px){
	.container {
		width: 1400px;
	}
}
body{font-family:Raleway; font-weight:500; color:#525252; margin-top:130px;}
a{ color:#625756;}
a:hover{ text-decoration:none; color:#f38303;}
.mt50{ margin-top:50px;}
.mb30{ margin-bottom:30px;}
.mt30{ margin-top:30px;}

.top-bar{ padding:10px 0; border-bottom:1px solid #ddd; line-height:20px; background:#fff;}
.top-bar .navbar-nav>li>a{ padding:5px;}
.top-bar li{ margin-left:20px;}
.navbar-nav>li.lng-switch{ margin-left:20px}
.navbar-nav>li.lng-switch>a{ background:#be2810; padding:10px 35px; color:#fff;border-radius:20px;}
.navbar-nav>li.lng-switch .dropdown-menu{ box-shadow:none; border:0;}
.navbar-nav>li.lng-switch .dropdown-menu li{ border-bottom:1px solid #ddd;}

.navbar{ background:#fff; border-radius:0;height:80px; padding-top:15px; margin-bottom:0; border-bottom:1px solid #ddd;}
.navbar-nav>li{ margin-left:10px}
.navbar-nav>li>a{ font-size:16px;}
.navbar-nav>li.on a,.navbar-nav>li:hover a{ color:#fff; background:#204f82}
.navbar-collapse{ margin-top:25px;}
.navbar-brand img{ max-width:100%;margin-top: -10px;}

.dropdown-menu{ padding:0; border:0; box-shadow:none;}
.dropdown-menu>li>a{ padding:8px 20px;}


.part{padding:30px 0;}
.part h2{font-size:24px; margin-bottom:40px;}
.part h2 span{ display:block; margin:20px auto 0;width:10%; max-width:80px;height:3px;background:#f38303}
.youshi h3{ margin-bottom:15px; font-size:20px;}
.youshi a{display:block; padding:20px 0;}
.t-num{ box-shadow:0 0px 10px 1px rgba(0,0,0,0.1);color:#082463; border-radius:50%; height:100px; width:100px; margin:0 auto; text-align:center; line-height:100px; font-size:30px}
.youshi a:hover .t-num{color:#fff; background:#f38303;}
.pro-tt a{ margin:0 10px; padding:0 20px; background:#efefef; line-height:30px; border-radius:15px; display:inline-block}
.pro-tt a:hover{background:#f38303; color:#fff;}

.btn-more,.btn-more:hover{color:#fff; background:#204f82; border:0;margin-top: 12px;}
.btn-info,.btn-info:hover{background-color: #f38303;border-color: #f38303;}

.icon-bar{ background:#ccc; }
.navbar-toggle{border-color:#ccc; margin-top:0;}
.about{ background:#f2f3f8; overflow:hidden;}
.about-txt{ padding:20px 0; line-height:2}

.bg{background:#f8f8f8; }
.pro-item{  display:block; padding-bottom:10px; text-align:center; background:#fff}
.pro-item:hover{border-color: #16b6d2;-webkit-box-shadow:0 0px 10px 1px rgba(0,0,0,0.1);box-shadow:0 0px 10px 1px rgba(0,0,0,0.1);}
.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}
.ad-txt{ padding:5% 10%; position:relative;}
a.a-btn{ position:absolute; right:0; top:50%; background:#f38303; color:#fff; display:block; padding:0 20px; line-height:30px; margin-top:-15px;}
.ebox i{color:#fff; font-size:30px;}
.ebox p{ padding:15px;background:#f38303; }
.media-left{ padding-right:20px;}
.media-body p{ color:#999;}

.col-md-5{ width:20%;}
.m-txt{ line-height:1.4;font-size: 12px;}
.news{ overflow:hidden;}
.news-r{ padding:20px 0; width:50%; float:left;}
.news-l{ width:50%; float:right}
.news-l img{ display:none;}
.news-item{ padding:10px 20px;}
.r0{ background:#f2f2f2;}

.dt{ width:80px; margin-right:20px; display:block; float:left; text-align:center; color:#9f9d9e; border-right:1px solid #ddd;}
.dt b{ font-size:30px; display:block;}

.footer{ background:#3E3E3E; padding:40px 0;color:#fff;}
.footer a{color:#fff;}

.ft-copy{color:#ccc}
.ft-nav p{ line-height:1.8}
.ft-nav p a{ font-size:12px; color:#ccc}
.ft-nav a i{ margin-right:10px; color:#cf132c}
.ft-nav{ border-bottom:1px solid #333; padding-bottom:20px; margin-bottom:20px;}

.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{ border-left:5px solid #eee;}
.page-left h2{ font-size:26px; margin-top:0; margin-bottom:20px; background:#f28101; color:#fff; padding:10px 15px; font-size:18px}
.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; border-bottom:1px solid #f28101;}
.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:#c93535}

.ft-links{ margin-top:50px;}
.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);}

.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;}
.col-md-4.indexad{margin-left:-15px; margin-right:5px;padding: 0; }
.col-md-8.indexad{ margin-left:5px; margin-right:-15px;padding: 0;}
.indexad img{ width:100%; height:416px;}
.indexad .indexadl,.indexad .indexadr{color: #fff; position:absolute;}
.indexad .indexadl{ left:20px; top:0;}
.indexad .indexadr{ left:60%; top:0;width:40%;}
.indexad .indexadl .title,.indexad .indexadr .title{font-size: 24px;font-weight: bold;margin-top: 40%;}
.indexad .indexadl .des,.indexad .indexadr .des{font-size: 18px;
    margin-top: 30px;
    line-height: 25px;}
.indexad .indexadl .more,.indexad .indexadr .more{font-size: 16px;
    margin-top: 30px;
    line-height: 25px;}
.newsright{margin-left: 5px;margin-right: -15px;padding: 0;}
.newstitle{ 
	width:100%; 
	height:50px; 
	line-height:50px; 
	background-color:#f5f5f5;
	padding: 0 20px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
	border-bottom:#ccc 1px solid;
}
.newstitle .more{ float:right;}
.newslist{ width:100%; margin:0px; padding:20px; 10px;}
.newslist li{ width:100%; float:left; list-style-type:none;}
.newslist li .title{width:100%; float:left; font-size:14px;  line-height:30px; border-bottom:#f2f2f2 1px solid;}
.newslist li .title .more{ float:right; color:#00AAA7;}
.newslist li .desc{ margin:20px 0; padding:10px;width:100%; float:left;border:#f2f2f2 1px solid; font-size:12px; color:#999; }
.newslist li .desc .sjx{position: absolute;
    margin-top: -28px;
    margin-left: 50px;}
.newslist li .desc .time{width:100%; float:left;color:#00AAA7;}
.newsleft{ height:672px;margin-left: -15px;margin-right: 5px; padding:0;}
.newsleft .swiper-slide img{ width:100%; height:100%;}
.swiper-button-prev,.swiper-button-next{ color:#ccc;}
.newsleft .swiper-container{height:100%;}
.newsleft .swiper-slide .title{ position:absolute; top: 595px;
    color: #fff;
    width: 100%;
    background-color: #000;
    opacity: 0.5;
    height: 100px;
	padding:10px;
}
.newsleft .swiper-slide .title span{ font-size:16px; width:100%; float:left; line-height:30px;}
.newsleft .swiper-slide .title p{ font-size:12px; width:100%; float:left;}
.footcontent{width:100%; margin:0; padding:0;}
.footcontent li{ width:100%; float:left; list-style-type:none;}
.footcontent li input{display: initial;background-color: transparent; color:#fff;border: 1px solid #f5f5f5;}
.footcontent li textarea{display: initial;background-color: transparent; color:#fff;border: 1px solid #f5f5f5; height:60px;}
.footcontent li button{
	background-color: #BF5150;
    border-color: #BF5150;
	padding: 5px 16px;
	margin-top:10px;
}

.footcontents{width:100%; margin:0; padding:0; position:relative;}
.footcontents li{ width:100%; float:left; list-style-type:none; padding-left:25px;}
.footcontents li label{ position:absolute; left:0;}
.footcontents li .desc{width:100%; float:left; line-height:25px;}
.footcontents li .desc .title{width:100%; float:left; font-weight:bold;}
.footcontents li .desc p{color:#ccc;}

.search{ padding:10px;}
.search .searchkwd{ width:80%; height:30px; line-height:30px;}
.search .searchbtn{     background: #ccc url(../images/search.png) center center no-repeat;
    background-size: 70% 70%;
    padding: 5px 20px;}

.footlogo,.copyright{ width:100%; float:left; padding:10px 0;}
.footlogo .logo{ width:100px; float:left;}
.footlogo .logo img{ height:60px;}
.footlogo .desc{ float:left;line-height: 80px;}

@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:#f3f3f3; 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-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:0;}
	.ft-links{ margin-top:20px; padding-left:0;}
	.ad .container h3{ margin-bottom:10px; font-size:16px; margin-top:0;}
	.ad .container p{ font-size:12px;}
	.ad .container a.btn{ padding:5px; font-size:12px}
	.news-l{ height:100px;}
	.news-l,.news-r{ width:100%;}
	
	.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;}
	.part h2{ font-size:18px; margin-bottom:20px;}
	.part h2 span{ margin-top:15px;}
	
	.col-md-5{ width:100%;}
	.ad{ padding:10px 20px;}
	.mt50{ margin-top:20px;}
	.col-md-4.indexad,.col-md-8.indexad,.newsleft,.newsright{ width:100%; margin:0 !important;}
	.indexad img,.newsleft{ height:auto;} 
	.newsright{ margin-top:20px;}
	
}