@charset "utf-8";
/* CSS Document */

body {
	magin: 0px;
	padding:0px;
	position:relative;
}

* {
	font-family: "Roboto", Sans-serif;
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
	outline:none;
}
a:link {color:inherit;}/*未访问样式*/
a:hover{text-decoration:none;outline:none;}
a:focus{text-decoration:none;outline:none;}
h1{ margin:0px;}
i{ font-weight:normal; }
hr{ border:none; border-top:1px  solid #f0f0f0; margin:10px 0px;}
img{ max-width:100%;}
.vcenter-parent{display:table;}
.vcenter {display: table-cell;vertical-align: middle;}
.red{ color:#e50012;}
.yellow{ color:#f1a257;}
.blue{ color:#3469b1;}
/*居中布局*/

::-webkit-scrollbar-track{background:#CCC;}
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-thumb{background:#222;}
/*滚动条设置*/

.navbar-inverse{ background:#1b1b1b;}
.navbar{ padding:10px 0px; transition:all .3s; }
.navbar.on{ padding:20px 0px; margin:0px;}
.navbar-brand{ height:60px; padding:5px 15px;}
.navbar.on .navbar-brand{padding:0px 15px;}
.navbar-brand img{ width:auto; height:100%;}
/* 导航设置 */
.navbar-collapse.collapse{ display:inline-block; text-align:center;}
.navbar-collapse.collapse ul{ float:none; position:relative;}
.navbar-inverse .navbar-nav > li{ float:none; display:inline-block;}
.navbar-inverse .navbar-nav > li > a{ color:#ccc; font-size:18px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff; background:none;}
.navbar-inverse .navbar-nav > li.language{ margin-left:10px; text-align:center;}
.navbar-inverse .navbar-nav > li.language a,.language span{ display:inline-block; width:auto; font-size:18px; line-height:20px; color:#ccc; padding:15px 5px; }
.navbar-inverse .navbar-nav > li > a:hover{ color:#fff; background:none;}

/*导航菜单设置*/
@media (min-width:992px){
.navbar-inverse .navbar-nav > li.language{ position:absolute; z-index:1; top:0px; right:0px;}
}
@media (min-width:1400px){
.container{width:1200px;}

.navbar-inverse .navbar-nav > li > a{ color:#ccc; font-size:18px; padding:15px 30px;}
}
@media (min-width:1600px){
.container{width:1440px;}
}
@media (max-width:1200px){
.navbar{ padding:10px 0px; margin:0px;}
.navbar-brand{ height:50px;}
.navbar-inverse .navbar-nav > li > a{ color:#ccc; font-size:16px;}
}
@media (max-width:992px){
.navbar{ padding:0px 0px; margin:0px;}
.navbar.on{ padding:0px 0px; margin:0px;}
.navbar .navbar-brand{ height:50px; padding:5px 15px;}
.navbar.on .navbar-brand{ height:50px; padding:5px 15px;}
}


@media(max-width:992px) {
	.navbar .container{ width:100% !important;}
	.navbar-header{ float:none;}
	.navbar-toggle{ display:block;}
	.navbar-brand{ margin-left:0px !important;  padding-left:15px !important;}
	.navbar-collapse.collapse{display: none !important;transition-duration: .4s;}
	.collapse.in{ display:block !important;transition-duration: .4s;}
	.navbar-collapse{    border-top: 1px solid transparent; webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); margin:15px 0px ;overflow-y:auto !important; box-sizing:border-box;transition-duration: .4s;}
	.navbar-collapse.in{overflow-y:auto !important;transition-duration: .4s;}
	
	.navbar-nav{ width:100%; margin:0px; }
	.navbar-nav > li{ float:none; width:100%; padding:0px; border-bottom:1px solid rgba(255,255,255,0.2); text-align:center; overflow:hidden;}
	
	.navbar-inverse .navbar-nav > li .dropdown-menu a{ padding:10px 15px;}
	.navbar-inverse .navbar-nav > li.on>a:after{ content:""; position: absolute;  z-index:-1; display:none;}
	.nav .dropdown-menu{ position:static; width:100%; border:none; padding:15px 0px 15px; box-shadow:none; background:#f7f7f7; text-align:center;}
	.dropdown-menu > li > a{ padding:5px 15px;}
}
/*992 头部导航折叠*/
/*顶部设置*/
.section .vcenter-parent{ width:100%; height:100%;}
.section { position:relative; color:#fff;}
.section .icon-foot{ position:absolute; z-index:3; bottom:20px; left:50%;
animation:ghostUpdown 1s infinite alternate;
-webkit-animation:ghostUpdown 1s infinite alternate;
}
.section .icon-foot>i{ font-size:36px; color:#fff;}
@media(max-width:992px) {
.section2{ padding:100px 0px;}
}
@media(max-width:768px) {
.section2{ padding:60px 0px;}
}
@keyframes ghostUpdown{
	from{transform:translate(-50%,15px);}
	to{transform:translate(-50%,-5px);}
}
@-webkit-keyframes ghostUpdown{
	from{transform:translate(-50%,15px);}
	to{transform:translate(-50%,-5px);}
}


h2{ position:relative; padding-bottom:15px; font-size:60px;font-weight:bold;line-height:1.25em;margin-bottom:3rem;}
h2:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 50px;height:3px;background-color:#005499;}
h3{ position:relative; padding-bottom:15px; font-size:46px; line-height:1.25em; font-weight:bold; margin-bottom:3rem;}
h3:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 50px;height:3px;background-color:#005499;}
p{ font-size:18px; line-height:1.75; }
@media(max-width:1400px) {
p{ font-size:16px;}
}
p>i.icon{ font-size:30px; margin-right:10px;}

.button{ display:inline-block; padding:0px 20px; margin-right:10px; margin-top:30px; font-size:18px; line-height:42px; color:#fff; border:1px solid rgba(255,255,255,0.5);}
.button i{ display:inline-block; margin:0px 8px; font-size:24px; line-height:42px; transition:all .3s;}
.button:hover{ color:#fff; }
.button:hover i{ margin:0px 15px;}
.button i.botton-l{ margin-left:0px;}
.button i.botton-r{ margin-right:0px;}
@media(max-width:1600px) {
h2{  font-size:52px;}
h3{ position:relative; padding-bottom:15px; font-size:38px; line-height:1.25em; font-weight:bold; margin-bottom:3rem;}
p>i.icon{ font-size:30px; margin-right:10px;}
}
@media(max-width:1200px) {
h2{  font-size:48px;}
h3{ position:relative; padding-bottom:15px; font-size:32px; line-height:1.25em; font-weight:bold; margin-bottom:3rem;}
p>i.icon{ font-size:30px; margin-right:10px;}
}
@media(max-width:992px) {
h2{  font-size:36px;}
h3{  font-size:24px;}
h3:after{ content:""; position: absolute;  z-index:1;bottom: 0px;left: 0%;width: 40px;height:3px;background-color:#005499;}
p>i.icon{ font-size:20px; margin-right:10px;}
p{ font-size:14px;}
.button{ display:inline-block; padding:0px 15px; margin:20px 0px; font-size:16px; line-height:36px; color:#fff; border:1px solid rgba(255,255,255,0.5);}
.button i{ display:inline-block; margin:0px 8px; font-size:20px; line-height:36px; transition:all .3s;}
}
/*初始设置*/

.foot-bq{ text-align:center; padding:15px;}
.foot-bq a{ color:#fff;}
.foot-bq a:hover{ color:#3598dc;}
/* 弹出框 */
.modal .close{ position:absolute; z-index:1; top:15px; right:20px; box-shadow:none; text-shadow:none; }
.modal .close:hover{ opacity:.8;}
.modal .close i{ display:inline-block; width:18px; height:18px;  font-size:18px; line-height:18px; text-align:center;color:#fff; transform:rotate(0deg);transition:all .3s; }
.modal .close:hover i{transform:rotate(90deg); color:#3bacf3;}

#modal-message { width:100%; height:100%; padding:0px; font-size:0px; }
#modal-message>div{ position:absolute; z-index:1051; left:50%; top:50%; transform:translate(-50%,-50%); width:600px; max-width:96%;}
.ly{ padding:30px 50px 50px; background:#2e3846; border-radius:6px; text-align:center; box-shadow:0px 0px 10px rgba(0,0,0,.8)}
.ly h4{ color:#4d4d4d; margin-bottom:15px;}
.ly input{ box-sizing:border-box; margin:7px 0px; padding:0px 10px; width:100%; line-height:40px; font-size:14px; color:#333; border:none; background:#f5f5f5;border-radius:4px;}
.ly textarea{ display:inline-block; width:100%; margin:5px 0px;padding:10px; height:100px;font-size:14px; line-height:20px; color:#333;  border:none; outline:none; box-shadow:none;background:#f5f5f5;border-radius:4px;}
#messages_submit{ display:inline-block; padding:0px 30px; margin:auto; margin-top:31px; font-size:14px; color:#333; line-height:34px; background:#fff;cursor:pointer; transition-duration: .3s; border-radius:4px;} 
#messages_submit:hover{ color:#fff; transition-duration: .3s; background:#3598dc; transition-duration: .3s;} 
#messages_submit i{ display:inline-block; font-size:18px;} 
@media(max-width:992px) {
.ly{ padding:10px 30px 30px;}
}
/* 留言*/


.contact{ padding-top:20px;}
@media(min-width:768px) {
.contact{ padding-top:8vh;}
}
@media(min-width:992px) {
.contact{ padding-top:6vh;}
}

#modal-service { width:100%; height:100%; padding:0px; font-size:0px; }
#modal-service>div{ position:absolute; z-index:1051; left:50%; top:50%; transform:translate(-50%,-50%); width:380px; max-width:96%;}
.service{ padding:20px 40px; background:#2e3846;border-radius:6px; color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.8);}
.service h4{ font-size:18px; margin-bottom:20px; }
.service a{ display:inline-block; padding:0px 25px; margin-right:15px; margin-bottom:10px; font-size:15px; line-height:40px; text-align:center; color:#333; background:#fff; border-radius:21px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition:all .3s;  }
.service a i{ display:inline-block; margin-right:5px;}
.service a:hover{ color:#fff; background:#3bacf3; }
.service a:nth-child(even){ margin-right:0px;}
@media(max-width:768px) {
.service{ padding:10px 20px;}
.service a{ width:48%; margin-right:4%; font-size:14px; padding:0px 15px; line-height:36px; }
.service a:nth-child(even){ margin-right:0;}
}
/*在线客服*/
/* 弹出框 */