*{ margin: 0; padding: 0;}
body{ color: #333;
 font-size: 12px;
 font-family: 'Microsoft YaHei';
}
ul, ol, dl, ul li, ol li, dl li{ list-style-type: none;}
a:hover, a:visited, a:active, a:focus{ text-decoration: none;}


::-webkit-scrollbar-track{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.05);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,0.2);border-radius: 10px;-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);}
::-webkit-scrollbar{width: 16px;height: 16px;}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb{border-radius: 999px;border: 5px solid transparent;}
::-webkit-scrollbar-track{box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-thumb{min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;}
::-webkit-scrollbar-corner{background: #333;}




.container{ padding: 0;}
.header{ width: 100%; background: #344468; line-height: 30px; overflow: auto; color: #ccc;}
.web-hd{ width: 100%; max-width: 1200px; margin: 0 auto;}

.navbar{ background: #fff; width: 100%; max-width: 1200px; margin: 0 auto; z-index: 16; font-size: 16px;}
.logo{ display: block; float: left;}
.logo img{ max-height: 100%;}
.nav-tabs.nav-justified>li>a{ border: none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background: none; border: none; border-bottom: 2px solid transparent;}
.nav-tabs.nav-justified>li>a:hover, .nav-tabs.nav-justified>li.active>a:hover{ color: #0c3aa1; border-bottom: 2px solid #0c3aa1;}

.btn{ white-space: initial; font-size: 16px;}

.navbar-nav{ margin: 0;}
.nav-tabs.nav-justified>li>a{ border-radius: 0;}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{ width: 100%; min-width: 78px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{ width: 100%; padding-left:42%; line-height: 30px; text-align: left;}
.dropdown-menu>li>a{ padding: 5px 20px;}

.footer{ width: 100%; background: #535353;}
.ft-tt{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 0; overflow: auto;}
.ft-tt a{ display: block; width: 30%; padding: 0 15px; float: left;}
.ft-tt a img{ max-width: 100%;}
.ft-tt-m{ width: 30%; padding: 0 15px; font-weight: bold; float: left;}
.ft-tt-m img{max-width: 100%;}
.phone{ padding-left: 38px; font-size: 36px; color: #fe7100;}
.phone2{ padding-left: 38px; color: #bbb;}
.ft-list{ width: 40%; float: left; color: #bbb;}
.ft-list li{ width: 100%; padding: 6px 15px;}
.ft-list li img{ display: block; margin-top: 1px; margin-right: 7px; float: left;}

.ft-ft{ width: 100%; text-align: center; color: #ccc; padding: 15px;}
.footer .hr{width: 100%; border-top: 1px solid #313131; border-bottom: 1px solid #818181; height: 0.3px;}

.navbar-ft{ display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; overflow: hidden; background: #f2f2f2; border-top: 1px solid #ddd;}
.navbar-ft a{display: block; height: 100%; float: left; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center;}
.navbar-ft a span{ display: block;}
.navbar-ft a span.fa{ font-size: 18px;}
.navbar-ft4 a{ width: 25%;}
.navbar-ft a:hover, .navbar-ft a:focus{ color: #0475C5;}
.navbar-ft a.active{ color: #0475C5;}
.web_wth li a{ padding:10px;}
.web_wth li a img{ display:block; width:90%; margin:0 5%; height:170px;}


.navbar-default .navbar-nav .open .dropdown-menu>li>a{padding-left:10px;}


@media only screen and (max-width: 769px) {
	.phone{font-size: 26px;}
	
	
}

@media only screen and (min-width: 768px) {
	.container{ width: 100%; margin: 0px; border: 0px; left: 0px;}
	.navbar{ border: none; padding: 10px 0;}
	.logo{ height: 60px;}
	.collapse{ width: 70%; float: right;}
	.nav-tabs.nav-justified>li>a{ padding: 15px 0; line-height: 30px;}
	.carousel-indicators li, .carousel-indicators .active{ width: 36px; height: 10px; margin: 0;}
	.empty{ display: none;}
	
	
	
	
}

@media only screen and (max-width: 767px) {
	.navbar{ position: fixed; left: 0; top: 0; border: none; border-bottom: 1px solid #ddd;}
	.header{ display: none;}
	.logo{ height: 50px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 0;}
	.carousel-indicators{ bottom: -5px;}
	.ft-tt{ padding: 15px 0; margin-bottom: 50px;}
	.ft-tt a, .ft-tt-m{ display: none;}
	.ft-list{ width: 100%;}
	.footer > .hr{display: none; width: 100%; border-top: 1px solid #313131; border-bottom: 1px solid #818181; height: 0.3px;}
	.footer{ font-size: 12px;}
	.ft-list li img{ width: 16px; height: 16px;}
	.ft-list li{ padding: 3px 10px;}
	.ft-ft{ display: none;}
	.navbar-ft{ display: block;}
	.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{ background: transparent;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: transparent;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ border-bottom:transparent; color:#2d60ed;}
	.nav-tabs.nav-justified>li>a:hover, .nav-tabs.nav-justified>li.active>a:hover{ border-bottom:transparent;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{padding-left:42%;}

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{ max-width:160%; margin-left:-30%;}





}

@media only screen and (max-width: 320px) {
	
	
}