@charset "utf-8";
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
ul,dl,ol {list-style: none;}
em {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
a {text-decoration: none;cursor: pointer;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}

.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.clear {clear: both;}/*清除浮动*/
.clearfix:after{content:"";display: block; clear: both;}



html {
	width: 100%;
	height: 100%;
	font-family: '微软雅黑', 'Arial', 'Microsoft YaHei';
	outline: 0;
	-webkit-text-size-adjust: none;
	Font-size: 62.5%;
}

body {
	width: 100%;
	height: 100%;
	font-family: '微软雅黑', 'Arial', 'Microsoft YaHei';
	position: relative;
}

/*.container {
	width: 100%;
}*/

.row {
    /*margin-right: -15px; 
   	margin-left: -15px;*/
   	margin:0;
}

/*导航*/

a {
	color: #636261;
}

.navbar {
	height: 60px;
	background: #FFFFFF;
	border-color: #FFFFFF;
}

.navbar-conten {
	max-width: 1200px;
	height: auto;
	margin: auto;
	padding: 0 1%;
}

.navbar-box {
	padding: 0;
	position: relative;
}

.navbar-header {
	width: 180px;
	padding: 0 0 0 0;
}

.navbar> .container .navbar-brand{
	/*logo图标*/
	height: 60px;
	margin: 0;
	margin-top: 0;
	padding: 0 0 0 0;
}

.navbar-header p {
	/*logo文字*/
	font-size: 2.2rem;
	line-height: 225%;
	color: #0a69c8;
	margin-top: 5px;
}

/*.nav-right {
	margin-right: 1%;
}*/

.navbar #navbar-display .navbar-left a {
	margin-top: 6px;
	font-size: 1.6rem;
	color: #636261;
}

.navbar #navbar-display .navbar-left a:hover {
	color: #337ab7;
	background-color: transparent;
}

.navbar #navbar-display .dropdown a {
/*	语言选框*/
	padding: 0px 10px;
	margin-top: 20px;
	font-size: 16px;
	color: #636261;
}


.nav> li> a:hover {
	color: #337ab7;
	background-color: #FFFFFF;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #FFFFFF;
	border: 1px solid #337ab7;
}

.navbar-nav> li> .dropdown-menu {
	/*margin-top: 13px;*/
	width: 100px;
}

.navbar-inverse .navbar-toggle {
	border-color: #FFFFFF;
}

.navbar-toggle {
	background-color: #e3e0df;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #FFFFFF;
}

.dropdown-toggle {
	width: 120px;
	height: auto;
	border: 1px solid #337ab7;
}
.dropdown-menu{width: 100%;min-width:120px;}

.caret {
	border-top: 9px dashed;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	margin-top: 6%;
	color: #337ab7;
}
.navbar.lan-fr #navbar-display .navbar-left a{padding-left: 10px;padding-right: 10px;}

/*底部*/

.footer {
	width: 100%;
	height: auto;
	background: #59636f;
	padding: 0 0 0.5% 0;
}

.footer-box {
	max-width: 1200px;
	margin: auto;
}

.footer-box .header{
	margin: 2% 0 1% 0;
}
.footer-box .header div{
	padding: 0;
}
.footer-box .header .left{
	width: 13%;
	color: #faf6f6;
	font-size: 1.4rem;
	padding-left: 5%;
}

.footer-box .header a {
	color: #faf6f6;
	margin-right: 1.7%;
}


.footer-box .centen>div {
	background: url(../../images/index-footer_03.png) no-repeat right center;
 	height: 115px;
	margin: 2% 0;
}
.footer-box .centen .ewm{ padding:0;margin:0; background:none;text-align: center;color:#fff;}
.footer-box .centen .ewm img{margin:auto;}

.footer-box .centen .police{padding:0;margin:0;margin-left: 100px;}

.footer-box .centen a {
	/*width: 70%;*/
	display: block;
	font-size: 1.4rem;
	color: #fefdfc;
	margin: 6% auto;
}

.footer-box .centen .footer-four{
	padding-left: 3%;
	font-size: 1.4rem;
	color: #fefdfc;
	line-height: 29px;
	padding-top:10px;
}

.footer-box .centen .footer-four h3{
	font-size: 2.4rem;
	line-height: 35px;
}

.footer-box .centen .footer-four h4{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}
.footer-box .centen .footer-one{padding:15px 15px;}
.footer-box .centen .footer-one p{line-height: 24px; color:#fff;margin: 5px 0;}

.footer-box .centen .footer-media{ 
	font-size: 1.4rem;
	color: #fefdfc; 
	text-align: center;
}

/*底部*/

.footer-bottom {
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding: 0.5% 0 0.5% 0;
}

.footer-bottom-box {
	max-width: 1200px;
	margin: auto;
}

.footer-bottom-box p {
	max-width: 500px;
	margin: auto;
	text-align: center;
	font-size: 1.2rem;
}

.footer-bottom-box p span {
	color: #3477be;
	margin-left: 2%;
}

/*手机图标*/
.phone{
	width: 71px;
	position: fixed;
    right: 10px;
    bottom: 15%;
    z-index: 9;
}

.subimg{
	width: 60px;
    height: 60px;
    background: #f55252;
    float: right;
}

.subimg img{
	width: 100%;
	padding: 5px;
}

.subNumber{
	display: none;
	width: 151px;
    height: auto;
    position: absolute;
    top: -6px;
    right: 70px;
    text-align: center;
    background: #3477be;
    color: #ffffff;
    font-size: 14px;
    padding: 7px 0;
}

.subNumber small{
	width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 11px solid #3477be;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    right: -11px;
    top: 21px;
}

.phone:hover .subimg{
	background: #3477be;	
}

.phone:hover .subNumber{
	display: block;
}

#returnTop{
	width: 60px;
	height: 60px;
}

.mesbox{    
	width: 60px;
    position: fixed;
    right: 10px;
    bottom: 15%;
    z-index: 9;
}
.mesbox .icon{padding:10px;background-color: #f55252;cursor: pointer;}
.mesbox .icon span{display: block;line-height: 21px;color:#fff;text-align: center;font-weight: bold;}
.mesbox .icon img{width: 100%;}
.mesbox:hover .icon{background-color: #3477be;} 
.mesform{width: 240px;position: absolute;right: 0px;bottom: 70px;background-color: #fff;border:1px solid #ccc;padding:15px;display:none;}
.mesform .meshead{margin-bottom: 10px;}
.mesform .meshead h3{font-size: 20px;line-height: 24px;}
.mesform .meshead .close{width: 20px;height: 20px; position: absolute;top:15px;right: 15px;}
.mesform .meshead .close img{display: block;}
.mesform .input-text{padding:5px 0;}
.mesform .input-text input{width: 100%;height: 30px;padding:0 5px;}
.mesform .input-text textarea{width: 100%;padding:0 5px;}
.mesform .input-code{padding:5px 0;}
.mesform .input-code input{width: 56%;float: left;height: 30px;padding:0 5px;}
.mesform .input-code img{max-width: 44%;float: right;height: 30px;}
.mesform .input-button{display: block;cursor: pointer;color:#fff;width: 100%; text-align: center; font-size: 1.4rem;color: #FFFFFF;padding: 10px 0;background: #3477be;margin-top:5px;}
.mesform .input-button a{color:#fff;}
.mesform.open{display: block;}
.mesform.openfixed{display: block;position:fixed;bottom: auto;top:50%;transform: translateY(-50%);right:10px;}


.footer-box .footer-media{text-align: center;}
.footer-box .footer-media a{width:40px;padding:5px;border-radius: 3px; margin:5px 3px;display: inline-block;transition: all 0.5s;}
.footer-box .footer-media a:hover{transition: all 0.5s;}
.footer-box .footer-media a img{width: 100%;}
.footer-box .footer-media h4{margin-top: 10px;font-size: 1.4rem;}
.footer-box .footer-media .mediabox{padding:15px 0; }
a.Facebook{background-color: #415d95;}
a.Facebook:hover{background-color: #337ab7;}
a.Linkedin{background-color: #01577e;}
a.Linkedin:hover{background-color: #337ab7;}
a.Twitter{background-color: #56b0ff;}
a.Twitter:hover{background-color: #337ab7;}
a.Instgram{background-color:#be347f;}
a.Instgram:hover{background-color: #337ab7;}
a.Youtube{background-color: #ce1312;}
a.Youtube:hover{background-color: #337ab7;}
/* 超小屏幕（手机，小于等于768px） */
@media (min-width: 0px) and (max-width:768px) {}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 769px) and (max-width:992px) {}
/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 993px) and (max-width:1200px) {}



@media (min-width: 768px) {

/*二级菜单*/
.navbar #navbar-display .navbar-left li {height: 60px;position: relative;}
.navbar #navbar-display .navbar-left .show span {display: inline-block;position: absolute;top: 50px;left:50%;margin-left:-10px; z-index: 1;width: 0;height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #00a0e9;display: none;}
.navbar #navbar-display .navbar-left .show:hover span {display: block;}
.navbar #navbar-display .navbar-left .show .li_show {position: absolute;width: auto; min-width: 200px; white-space: nowrap;top: 60px;left: 50%;transform:translateX(-50%); background: #3477be;display: none;}
.navbar #navbar-display .navbar-left .show:hover .li_show {display: block;}
.navbar #navbar-display .navbar-left .li_show a {width: 100%;height: 40px;color: #fffdfb;display:block;margin-top: 0;padding:0 15px; }
.navbar #navbar-display .navbar-left .li_show .li-item{width: 100%;height: 40px;line-height: 40px;text-align: center;padding: 0px 0;margin-top: 0; display: block;position: relative;}
.navbar #navbar-display .navbar-left .li_show .li-item:hover>a{color: #333333;background-color: #ffde2b;}
.navbar #navbar-display .navbar-left .show .li_show .li-item .li_sub{position: absolute; top: 0px;left:100%; background: #3477be;display:none ;}
.navbar #navbar-display .navbar-left .show .li_show .li-item:hover .li_sub{display: block;}
/*.background {width: 100%;height: 55px;background: #00a0e9;display: none;}*/
/*二级菜单结束*/
}

@media (min-width: 889px) {
}


/* 自定义 */
@media screen and (max-width:1010px) {
	.footer-box .centen .footer-four{padding-left: 1%;}
	.footer-box .centen .footer-four h4{font-size: 2.3rem;}
}

@media screen and (max-width:918px) {
	.footer-box .header .left{width: 15%;}	
}

@media screen and (max-width:892px) {
	.footer-box .centen .footer-four h4{font-size: 1.9rem;}
}
@media screen and (max-width:778px) {
}
@media screen and (max-width:767px) {
	.navbar-header {width: 100%;height: 59px;}
	.navbar-conten {padding: 0;}
	.navbar #navbar-display .navbar-left a {padding: 0px 1%;}
	.navbar-inverse .navbar-collapse{width: 100%;background: #FFFFFF;margin: 0;}
	
	/*二级菜单*/
	.navbar #navbar-display .navbar-left .li_show a{display: block;}
	/*二级菜单*/

	.footer-box .centen .footer-four{padding-left: 8%;}
	.footer-box .centen .footer-four h4{font-size: 2.4rem;}
	.footer-box .centen .weixin{width: 35%;margin: auto;}
	.footer-box .header .left{width: 100%;}
	.footer-box .header .right{padding-left: 5%;}
	
	.subimg{width: 40px;height: 40px;}
	#returnTop{width: 40px;height: 40px;}
	
}
@media screen and (max-width:510px) {
	.footer-box .centen .footer-four h4{font-size: 2rem;}
}
@media screen and (max-width:466px) {
	.footer-box .centen .weixin{width: 70%;margin: auto;}
}
@media screen and (max-width:441px) {
	.footer-box .centen .footer-four h4{font-size: 1.8rem;}
}
@media screen and (max-width:405px) {
	.footer-box .centen a {width: 100%;}
	.footer-box .centen .footer-four{padding-left: 15px;}
	.footer-box .centen .footer-four h4{font-size: 1.5rem;}
}

@grid-float-breakpoint{

}

.kefu{position: fixed;width: 60px;right: 10px; bottom: 25%;z-index: 999;}
.kefu li{}
.kefu li a{display: block;background:#3477be url(/images/qq-icon.png) center center / 44px 44px no-repeat;width: 60px;height: 60px; }
.kefu li a:hover{background-color:#1296db;}