@import "slick.css";
@import "slick-theme.css";
@import 'animate.min.css';
body{
	background-color: #f3f7fc;
	font-size: 16px; overflow-x: hidden; line-height: 1.4;
	animation: fadeIn 0.5s ease; color: #333;
}
a{outline: none; color: #303030}
a:hover{color: #0a2b9e}
img{max-width: 100%;}
.con{width: 1400px; margin: 0 auto; position: relative;}
@media screen and (max-width:1441px){
	.con{width: 98%; }
}

.header{ 
	width: 100%; height: 100px;
	background-color: #fff;
	border-bottom: 1px solid #e5e8f1;
}
.header .fl{margin-top: 12px;}
.header .fr{white-space: nowrap; }
.header ul{
	margin: 0;display: inline-block;	
}
.header li{
	display: inline-block; margin: 0 14px;
}
.header li a{
	display: block;
	font-size: 17px; line-height: 97px;
	border-bottom: 4px solid transparent;
	padding: 0 1px;
}
.header li:hover a,.header li.cur a{
	border-bottom: 3px solid #0f1f80;
	color: #0f1f80; font-weight: bold;
}
.searchbox,.userBox{
	display: inline-block;
	position: relative; vertical-align: middle;
}
.callBtn{
	border: 0; background-color: #fff;
	color: #707cb3; 
	font-size:22px;
	padding:0 12px; height: 99px;
	cursor: pointer;
}
.callBtn:active,.callBtn:hover{
	color: #4256b1;
}
.header a.d{
	display: inline-block;
	background-color: #f3f5ff;
	border: 1px solid #e8eaf1;
	border-radius: 8px;
	font-size: 14px;line-height: 36px;
	color: #4c5e93;
	padding: 0 14px;
}
.dropsBox{ display: none;
	position: absolute;  right: 0; z-index: 88;
	background-color: #fff;
	border: 1px solid #e8eaf1;
	padding:15px 20px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0,0,100,0.1);
}
.input{
	border: 1px solid #e8eaf1;
	padding: 10px; border-radius: 8px;
}
.btn{
	background-color: #0f1f80;
	border-radius: 8px;
	color: #fff; padding: 10px 20px;
	border: 0;
}
/*手机端 菜单兼容*/
.menu-box{
	display: none; float: right;
	width: 34px; height:36px;
	padding:10px;
    position: relative; 
}
.menu-box .bar{
	height:4px; margin-top: 7px;
    width: 100%; border-radius: 3px;
    background-color: #444;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
}
.menu-box.on .bar:nth-of-type(2){display: none;}
.menu-box.on .bar:first-child{
	transform: rotate(45deg); transform-origin:center;
}
.menu-box.on .bar:last-child{
	transform: rotate(-45deg); transform-origin:2px -4px;
}

@media screen and (max-width:1441px){
	.header li{margin: 0 5px;}
}
@media screen and (max-width: 1241px){	
    .header .fl{width:22%; margin-top:25px;}  
}
@media screen and (max-width: 991px){	
	.header .fl{width: 45%; margin-top: 0;}
	.header ul{display: none;}	
    #mNav{display: block;}  
    .callBtn{height:50px; background-color: #eee; border-radius: 5px;
    	margin-top: 6px
    }
    .header{height: auto; float: left; padding: 10px 0;}

    .header ul.fr{display: none;}
    .header ul.fr{
    	background-color: #0f1f80; margin-top: 15px;
	   	width: 100%; overflow-x: auto; 
	   	height: auto; white-space: normal;
    }
    .header li{ width:30%; margin: 0;}
    .header li a{line-height:60px; text-align: center; color: #fff;}
}
@media screen and (max-width:768px){
    .header .fl{width: 60%; margin-top:8px;}
}
@media screen and (max-width:415px){
    .header .fl{width:70%; margin-top:8px;}
}
/*head部分结束*/
/*foot部分开始*/
.footer{
	background-color: #283450; padding: 48px 0;
	color: #fff; font-size: 14px; line-height: 2;
}
.footer a{color: #fff}
.footer .footlogo{display: inline-block;}
.footlogo img{width: 220px; margin-right:80px;}
.footer .w-400{display: inline-block; width: 400px; vertical-align: top;}
.footer .fr{width: 240px}
.footer .fr a{display: block; line-height: 2;}
.footer h4{
	font-size: 20px; font-weight: bold;
	margin: 0 0 7px;
}
.footer .about{
	margin-bottom: 28px;
}
.about a{
	display: inline-block; width: 25%;
	line-height: 2; 
}
.footer a,.footer p{opacity: 0.75;}
.follow li{display: inline-block;
	font-size: 24px; padding-right: 15px; margin-right: 15px;
}
.follow li.app{ font-size:16px; border:1.5px solid #fff; 
	border-radius: 5px; padding: 0 5px; font-weight: bold;
	height: 20px; line-height: 1;
}
.follow li.app a{line-height: 20px;}

.footer .fr a{margin-bottom:4px;}
.copyright,.m-foot{
	background-color: #262f45; border-top: 1px solid #21293d;
	padding:30px 0;
	text-align: center; font-size: 14px; color: #fff;
	line-height: 2;
}
.m-foot{display: none;}
.copyright p{margin-top: 15px;}
.footer a:hover{opacity: 1;}
.follow li{
	position: relative;
}
.follow li div{display: none;
	position: absolute; left: 0; bottom:36px; z-index: 9;
	width:160px;
}
.backtoTop{ display: none;
	position: fixed; bottom: 5%; right:10px;
    font-size: 40px; color: #2a3966;
    border-radius: 10px; background-color: #ceddec;
    padding:2px 16px; opacity: 0.9;
}
@media screen and (max-width:1441px){
	.footer .w-400{width: 30%}
	.footer .fr{width: 20%}
	.footer .footlogo{width: 16%; margin-right: 2%;}
}
@media screen and (max-width: 1241px){	
    .footlogo img{margin-right: 0; width:100%}  
}
@media screen and (max-width: 991px){
	.footer,.copyright{display: none;}	
    .m-foot{display: block;}
}
/*foot 部分结束*/