@charset "UTF-8";
*{touch-action: pan-y; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box;-o-box-sizing: border-box;x-sizing: border-box;box-sizing: border-box;}
*{zoom:1; font-size:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; overflow:visible;}
section{position: relative;}
ol,ul,li {list-style:none; } 
h1,h2,h3,h4,h5,h6 {font-size:100%; color: #666;  font-weight:normal; margin:0; padding:0;}
i,b { font-style:normal; display:block; text-align:center;}
em {font-style:normal;}
a{ text-decoration: none; color:#333;}
a:link,a:visited{text-decoration: none;}
input {	vertical-align: middle; background-color: #fff;color: #7f7f7f;border: 1px solid #ccc;text-align: left;margin: 2px 0 2px 0;} 
input,button,textarea,select {outline: none; font-family: '微软雅黑';	font-size: 0.875em; }
div { display:block;}
form { display:block;}
.hidden{display:none;}

/*bootrstrap样式复盖*/
.container-fluid{
	width:1430px !important;
	max-width:85% !important;
}

@media screen and (max-width:1300px){
	.container-fluid{
		max-width:95% !important;
	}
}
@media screen and (max-width:768px){
	.container-fluid{
		max-width:100% !important;
	}
}

/* 头部 */
#header{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	box-sizing:border-box;
	padding: 20px 3%;
	background:rgba(0,0,0,0);
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	min-height:55px;
}
#header .logo{
	position: absolute;
    left: 3%;
    top: 25px;
}
#header  .menu{
	text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}
#header .menu a{
	font-size: 18px;
    color: #fff;
    padding: 0 25px 10px 25px;
    position: relative;
	border-bottom: 1px solid transparent;
	transition: all .5s;
}

#header .menu a:hover{
	border-bottom: 1px solid #fff;
}
#header .header_r{
	position: absolute;
	right: 3%;
	top:33px;
	transition: all .5s;
}
#header .header_r .rBox { 
	height:36px; 
	position:relative; 
	display:inline-block;
}
#header .header_r .rBox .phone {
	position:absolute; 
	left:-160px; 
	top:-2px; 
	background:url(/tpl/default/skin/img/phonebg.png) center no-repeat; 
	width:151px; 
	height:36px; 
	line-height:36px; 
	font-size:16px; 
	color:#666666; 
	font-weight:bold;
	display:inline-block;
	text-indent:12px; 
	display:none;
}

#header .header_r  .email{
	display: inline-block;
	width:33px;
	height: 30px; 
	vertical-align: middle;
	background: url(/tpl/default/skin/img/email.png) center center no-repeat;
}
#header .header_r .location{
	display: inline-block;
	width:25px;
	vertical-align: middle;
	margin-left: 29px;
	height: 32px; 
	background: url(/tpl/default/skin/img/loacation.png) center center no-repeat;
}




#header2{
	width:100%;
	z-index:999;
	box-sizing:border-box;
	padding: 20px 3%;
	background:#fff;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	min-height:55px;
	position:fixed;
	top:0px;
	border-bottom: 1px solid #;
	box-shadow: inset 0 -1px 0 0 rgb(110 117 130 / 20%);

}
#header2 .logo{
	position: absolute;
    left: 3%;
    top: 25px;
}
#header2  .menu{
	text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}
#header2 .menu a{
	font-size: 18px;
    color: #333;
    padding: 0 30px 10px 30px;
    position: relative;
	border-bottom: 1px solid transparent;
	transition: all .5s;
}
#header2 .menu a:hover{
	color:#2655A3;
}
#header2 .menu a.on{
	font-weight:700;
	color:#2655A3;
}
#header2 .header_r{
	position: absolute;
	right: 3%;
	top:33px;
	transition: all .5s;
}
#header2 .header_r .rBox { 
	height:36px; 
	position:relative; 
	display:inline-block;
}
#header2 .header_r .rBox .phone {
	position:absolute; 
	left:-160px; 
	top:-2px; 
	background:url(/tpl/default/skin/img/phonebg2.png) center no-repeat; 
	width:151px; 
	height:36px; 
	line-height:36px; 
	font-size:16px; 
	color:#fff; 
	font-weight:bold;
	display:inline-block;
	text-indent:12px; 
	display:none;
}

#header2 .header_r  .email{
	display: inline-block;
	width:33px;
	height: 30px; 
	vertical-align: middle;
	background: url(/tpl/default/skin/img/email2.png) center center no-repeat;
}
#header2 .header_r .location{
	display: inline-block;
	width:25px;
	vertical-align: middle;
	margin-left: 29px;
	height: 32px; 
	background: url(/tpl/default/skin/img/loacation2.png) center center no-repeat;
}

#header2.fixed{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	box-sizing:border-box;
	box-shadow:0 0 10px #eee;
}
.header2-height{
	height:90px;
}


.mMenu-icon{
	height:30px;
	width:30px;
	position: fixed;right: 15px;top: 15px;z-index:1000;
}
.mMenu-icon .line{
	display:block;
	width:100%;
	height:3px;
	background:#fafafa;
	position:relative;
	transition: 0.3s;-moz-transition: 0.3s;	-webkit-transition: 0.3s;	-o-transition: 0.3s;
	transform:rotate(0deg);-ms-transform:rotate(0deg); 	-moz-transform:rotate(0deg); 	-webkit-transform:rotate(0deg); -o-transform:rotate(0deg); 	
	transform-origin:right;
	border-radius:3px;
	overflow:hidden;
}
.mMenu-icon .l2{
	margin:8px 0;
	width:25px;
	position:relative;
	right:-4px;
}
.mMenu-icon.active .line{
	background:#2655A3;
}
.mMenu-icon.active .l1{
	transform:rotate(-45deg);-ms-transform:rotate(-45deg); 	-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); 
	transform-origin:right;
}
.mMenu-icon.active .l2{
	opacity:0;
}
.mMenu-icon.active .l3{
	transform:rotate(45deg);-ms-transform:rotate(45deg); 	-moz-transform:rotate(45deg); 	-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);
	transform-origin:right;
}

.mMenu-list{
	transition: 0.3s;-moz-transition: 0.3s;	-webkit-transition: 0.3s;	-o-transition: 0.3s;
	background:#fff;
	z-index:999;
	position:fixed;
	top:0px;
	right:-65%;
	height:100%;
	width:65%;
	padding-top:55px;
	border-radius:10000px 0 0 10000px;
	overflow:hidden;
}
.mMenu-list a{
	display:block;
	height:45px;
	line-height:45px;
	border-top:1px solid #eee;
	padding:0 20px;
}
.mMenu-list a.on{
	background:#2655A3;
	color:#fff;
}

.mMenu-list.active{
	right:0%;
	border-radius:0px;
}
.grayBg{
	position:fixed;
	left:0px;
	top:0px;
	background:#000;
	width:100%;
	height:100%;
	opacity:0.75;
	display:none;
	z-index:997;
}



/* 底部 */
#footer{
	margin-top:130px;
}

#footer .msgbox{
	padding-bottom: 24px;
    border-bottom: 1px solid #E3D8C9;
}
#footer .msgbox span{
	font-size: 65px;
    color: #e0e1e2;
    padding-left: 100px;
	background: url(/tpl/default/skin/img/chat.png) left center no-repeat;
}
#footer .msgbox a{
	display:block;
	cursor:pointer;
}
#footer .msgbox a:hover span{
	color:#2655A3;
}
#footer .gotop{
	display:block;
	margin:103px auto 0 auto;
	transition: all .5s;
	cursor:pointer;
}
#footer .gotop:hover{
	margin-top: 90px;
}
#footer .bottom{
	overflow: hidden;
    height: 286px;
    background: url(/tpl/default/skin/img/bg02.png) center no-repeat;
    background-size: cover;
}
#footer .bottom .left {
	margin-top:83px;
	margin-left:8%;
}
#footer .bottom .left p{
	font-size: 14px;
    color: #fff;
    line-height: 24px;;
}
#footer .bottom .left .p1{
	margin-bottom:10px;
	font-size: 15px;
}
#footer .bottom .left .p1 a{
	color: #fff;
}
#footer .bottom .left .p2{
	color:#666;
}
#footer .bottom .left .p2 a{
	color:#666;
}

#footer .bottom .right{
	height: 286px;
	background:#121212;
	margin:0px -15px;
}
#footer .bottom .right{
	text-align:center;
	line-height:286px;
	text-align:center;
}
#footer .bottom .right .item{
	display:block;
	border:1px solid #fff;
	height:120px;
	width:120px;
	line-height:120px;
	float:left;
	overflow:hidden;
	margin:0 20px;
	transition: all .5s;
}
#footer .bottom .right .item:hover{
	background:#2655A3;
}
#footer .bottom .right .center{
	padding:100px 0 0 0;
	width:324px;
	margin:0 auto;
}
#footer .bottom .right .item img{
	display:block;
	max-width:100%;
	margin:0 auto;
}

#footer .bottom .right .eam img{
	display:inline-block;
}

#mFooter{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:55px;
	padding:2px 0;
	background:#fff;
	z-index:999;
	box-shadow:0 0 5px #ddd;
	display:flex;
	border-radius:10px 10px 0 0;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
#mFooter .item{
	width:100%;
	
}
#mFooter .item .iconbox{
	height:24px;
	margin:4px 0;
	background-size:auto 24px !important;
	background-position:center center;
	background-repeat:no-repeat;
}
#mFooter .item img{
	display:block;
	margin:4px auto;
	height:24px;
}
#mFooter .item p{
	font-size:12px;
	text-align:center;
}
#mFooter .item.on p{
	color:#2655A3;
}
#mFooter .i1 .iconbox{
	background-image:url(/tpl/default/skin/img/home.png)!important;
}
#mFooter .i1.on .iconbox{
	background-image:url(/tpl/default/skin/img/home_on.png)!important;
}
#mFooter .i2 .iconbox{
	background-image:url(/tpl/default/skin/img/call.png)!important;
}
#mFooter .i2.on .iconbox{
	background-image:url(/tpl/default/skin/img/call_on.png)!important;
}
#mFooter .i3 .iconbox{
	background-image:url(/tpl/default/skin/img/bt_wx.png)!important;
}
#mFooter .i3.on .iconbox{
	background-image:url(/tpl/default/skin/img/bt_wx.png)!important;
}



@media screen and (max-width:768px){
	#footer .bottom .left .p1{font-size:15px;}
	
	/* 头部 */
	#header .logo {position: absolute;left: 15px;top: 13px;}
	#header .logo img{height:32px;}
	
	#header2 .logo {position: absolute;left: 15px;top: 13px;}
	#header2 .logo img{height:32px;}
	.header2-height{height:55px;}

	/* 底部 */
	#footer{margin-top: 50px;}
	#footer .msgbox{padding-bottom: 20px;}
	#footer .msgbox span{font-size:30px;background-size:30px;padding-left:40px;}
	#footer .gotop{margin: 60px auto 0 auto;}
	
	#footer .bottom .left{margin-left:0px;}
	#footer .bottom .left .p2{font-size:13px;}
}