﻿@charset "utf-8";
/* CSS Document */
html, body{font-family:"微软雅黑",'Roboto-Regular'; font-size:100%; background:#f9f9f9; color:#666666 !important; margin:0 auto; padding:0;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
a{text-decoration: none; color:#333; outline:none;}
a:focus,a:hover {color:#f07203; outline:none;text-decoration: none;}
a:hover {text-decoration: none; color:#f07203;}
ul,li { list-style:none; display:block;  margin:0; padding:0;}
body, div, span, h5, h6, p, blockquote, pre, a, abbr, acronym, address{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3,h4, h5, h6 {margin: 0;}
ul, ol,li {margin: 0;}
p {margin: 0;}
.img {display:block;max-width:100%;height:auto;}
h5{font-size:18px;color:#595757;text-transform:uppercase;}
.clear {
clear:both}
.list-inline li { display:inline-block;}
.header-frontend .navbar {margin-bottom: 0;}
.navbar-default {border: none;}
.navbar-brand {color: #bcc0cd;font-size: 30px;font-weight: 100;line-height: 30px;margin-top: 15px;padding: 0 0 0 15px;}
.navbar-brand span {color: #f25f5b;}
.header-frontend .navbar-collapse ul.navbar-nav { width:100%; margin-right: 0;}
.header-frontend .navbar-default {background-color: #006ec7; text-align: center;}
.header-frontend .nav>li{ width: 12.5%;position:relative;}
.header-frontend .nav li a,
.header-frontend .nav li.active ul.dropdown-menu li a {color: #bababa;font-size: 14px;font-weight: 300;background: none;}
.header-frontend .nav>li a:hover,
.header-frontend .nav>li a:focus,
.header-frontend .nav li.active a,
.header-frontend .nav>li.active a:hover,

.header-frontend .navbar-default .navbar-nav> .open> a,
.header-frontend .navbar-default .navbar-nav> .open> a:hover,
.header-frontend .navbar-default .navbar-nav> .open> a:focus {color: #fff;background-color: #015da3;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.header-frontend .navbar-nav> li> a {font-weight:500; border-radius: 0px;-webkit-border-radius: 0px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;color: #fff;}
.navBoxm{ display:none;}
.navLi{
	position: relative;
}
.navSub{ position:absolute; left:50%; margin-left:-100px; top:40px; width:200px; padding-top:23px; display: none;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent rgba(47,66,84,1) transparent;
}
.navSubList{ background:rgba(47,66,84,1); padding:15px 25px; border-radius:5px;}
.navSubLi h4{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navSubLi h4 a{ display:block; color:#FFFFFF; font-size:14px; line-height:42px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;
width: 100%;
}
.top{background-color: #fff;}
.top .container-fluid{
	padding: 0;
}
.top-logo{ width:100%; background:#eee;}
.logo_box{width:100%;margin:0 auto; overflow:hidden;}
.logo_box h6{float:left; line-height:40px; font-size: 14px;}
.try{ overflow:hidden;float:right;}
.navbar-header {
	width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
.login{
	float: right;
	margin-right: 30px;
	cursor: pointer;
}
.login a{
	display: inline-block;
	margin-top: 18px;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	border: 1px solid #006EC7;
	border-radius: 3px;
	text-align:center;
	width: 120px;
        
}
.login a:hover{
	background-color: #006ec7;
	color: #fff;
}
.try_link{
	margin-top:5px; 
	width:120px;
	text-align:center; line-height:28px; background:#006ec7;color:#fff; border-radius:15px; cursor:pointer;
}
.try_link a{
	color: #fff;
}

.hk{ background:#fff;width:60px; height:26px; position:absolute;top:1px;left:1px; border-radius:15px; cursor:pointer; text-align:center;color:#006ec7; line-height:26px;}
.logo_tetx{width:100%;margin:0 auto; overflow:hidden; padding:5px 0;}
.logo{float:left;}
.logo img{float:left; margin:10px 10px 10px 0;}
.s-logo{
	width: 30%;
}
.s-logo img{
	display:inline-block;
	width: 100%;
    vetical-align:middle;
}
.logo span{float:left; background:url(../../images/duote/xt1.png) no-repeat; background-position:0 50%; padding-left:30px;margin-top:20px;}
.logo span b{ display:block; font-size:18px;color:#3a3a3a;}
.hotline{float:right; background:url(../../images/duote/dh.png) no-repeat; background-position:0 80%; padding-left:60px; padding-right:5px;}
#tousu{
	margin-left: 20px;
}

.hotline span{ display:block; font-size:14px;color:#5a5959; margin-top: 10px;}
.hotline i{ display:block; font-size:20px;color:#006ec7; font-weight:bold; font-style:italic;}

/*页脚*/ 
.footerBg{ background:#333333; font-size:12px; color:#777777; line-height:26px; padding:20px 0;}
.footTop{ padding:40px 0;}
.footTopR{ float:right;}
.kefu{ display:block; float:right; width:126px; height:38px; line-height:38px; margin-bottom:20px; background:#df292e; color:#FFFFFF; border-radius:5px; text-align:center;}
.kefu img{ animation:swing 2s infinite;}
.kefu:hover{ color:#FFFFFF;}
.fTel{ font-size:34px; color:#FFFFFF; line-height:150%;}
.footLink{ font-size:0;}
.footLink li{ vertical-align:top; font-size:12px; margin-right:60px; max-width:150px;}
.footLink li:last-child{ margin-right:0;}
.footLink h3 a{ font-size:16px; font-weight:bold; line-height:200%; color:#eeeeee;}
.footSub{ padding:20px 0 0;}
.footSub a{ font-size:12px; color:#777777; line-height:26px;}
.footSub a:hover{ color:#FFFFFF; transition:all 0.3s ease 0s;}

.footBot{ font-size:12px; color:#e5e5e5; padding:40px 0; border-top:1px solid rgba(255,255,255,0.1); text-align: center;}
.footBot a{ color:#e5e5e5;}
.footBot p{ line-height:24px; }
.code, .number{
	float: left;
}
.code{
	margin-right: 40px;
}
@media(max-width:1200px){
	.footTop{ padding:20px 0;}
	.footLink li{ margin-right:30px;}
	.footLink h3 a{ font-size:14px;}
	.footSub{ padding:10px 0 0;}
	.fTel{ font-size:30px;}
	.footBot{ padding:25px 0 0;}
}

@media(max-width:991px){
	.footTopR{ float:none; text-align:center; padding-bottom:15px;}
	.kefu{ float:none; margin:0 auto 10px;}
	.footLink li{ margin:0; width:15%;}
	.footLink li:nth-child(2){ width:20%;}
	.footLink li:nth-child(3){ width:20%;}
	.footBot{ padding:20px 0 0px; text-align:center;}
	.footLogo{ float:none; padding-left:0; margin:0 auto 15px;}
	.footBot p{ line-height:24px; padding:9px 0;}
}

@media(max-width:640px){
.footLink li{ display:block; width:90% !important; max-width:none; border-bottom:1px dashed rgba(255,255,255,0.1); padding:5px 0;}
	.footLink li:last-child{ border:none; padding-bottom:0;}
	.footSub{ overflow:hidden; margin:0 -5px; padding:0;}
	.footSub p{ float:left; padding:0 5px;}
}


@media(max-width:480px){
	.s-logo{
	width: 50%;
}
	.footTopL{
		display: none;
	}
	.fTel{
		font-size: 24px;
	}
}
@media (max-width: 768px) {
	.header-frontend{ border-bottom: 1px solid #ddd; position: relative; z-index: 1000;}
	.header-frontend .navbar-default{ background: #fff;}
    .navbar-brand{ margin-top: 5px;}
    .navbar-toggle { margin-top: 12px; }
    .header-frontend .navbar-collapse  ul.navbar-nav { float: none;  margin-left: 0;background-color:#006ec7;}
    .header-frontend .nav li{ width: 100%;}
    .header-frontend .navbar-nav> li> a{ line-height: 30px;  width: 100%; color: #fff;    border-radius: 5px; -webkit-border-radius: 5px;}
    .header-frontend .nav>li a:hover,
    .header-frontend .nav li a:focus,
	
.header-frontend .navbar-default .navbar-nav> .open> a:hover,
.header-frontend .navbar-default .navbar-nav> .open> a:focus {	
	}
    .header-frontend .nav li.active a,
    .header-frontend .navbar-nav > li {  padding: 0; margin-bottom: 2px; line-height: 30px;  }
	.hk{ background:#fff;width:45px; height:26px; position:absolute;top:1px;left:1px; border-radius:15px; cursor:pointer; text-align:center;color:#006ec7; line-height:26px;}
	.try{ float: left;}	
	.navSub{display: none;}
	.navBoxm{ padding:10px 0 20px; max-height:400px; overflow-y:auto; display:none;}
	.login{
	margin-right: 10px;
}
	.login a{
		border: 1px solid #006ec7;
		line-height:30px;
		margin-top: 4px;
		border-radius:6px;
	}
	.login .denglu{
		background-color:#006ec7;
		margin-right: 5px;
		color: white;
	} 
	.login .denglu:hover{
		color: #fff;
		background-color: #015da3;
	}
	.navLi{ background-image:url(../../images/duote/navLiBg.png); background-position: 90% 15px; background-repeat: no-repeat;}
	.navSub{ position:static; left:0; width:100%; margin-left:0; padding:0;}
	.navSub:before{ display:none;}
	.navSubList{ border-radius:0; background:none; padding:0 0 0 15px;}
	.navSubLi h4 a{ line-height:38px;}
} 
@media (max-height:414px){
	.navBoxm{ max-height:240px;}		
}