@charset "UTF-8";

/* ****************** LAYOUT ********************** */

body, table, th, td, button, select, input, textarea {
	font-family:"Microsoft Yahei","Arial";
	font-size:14px;
	line-height: 1.1;
	color:#666;
}
html,body,a,p,span,ul,img{  font-family:"Microsoft Yahei","Arial"; color:#666;}

body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }
img {max-width:100%;}

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }


.area{ max-width:1200px; margin-left: 350px;} 
.area-box{ max-width:1600px; margin:0px auto; }
::selection {
    background: #222;   
    color: #fff;
}
::-moz-selection {
    background: #222;    
    color: #fff;
}
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
.visible-xs {display:none !important;}


/* -------- Header :: GNB(Mobile) -------- */ 
.nav-open-btn{display:none;}
#gnbM{display:none}

/* ****************** FOOTER ********************** */
#footerTop{padding:40px 0;  border-bottom:1px solid #e5e5e5;}
.to-top-btn{
	position:fixed; bottom:-10px; right:5px; display:block; width:36px; height:36px; background-color:#ed1c24; text-align:center; line-height:36px; color:#fff; z-index:99;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s
}
.to-top-btn.fixed{bottom:15px; opacity:1.0;filter:Alpha(opacity=100);}
.foot_top {background:#0DB4D5; padding: 28px 100px;}
.foot_top .left {
font-size: 20px;
line-height: 40px;
color: #FFFFFF;}
.footup,.footdown {padding:0 100px;}
.footup .container,.footdown .container { position:relative; z-index: 9;}
.footdown {  padding-top:30px; padding-bottom: 30px; color:#999999; border-top: 1px solid #ECECEC; }
.footdown a { color:#999999;}
.footmore { margin: 0 16px;}

.foot_l{ float:left; width:78%; border-right:1px solid #ECECEC; padding-bottom: 80px;}
.foot_r { float:right; width:22%; padding-left: 50px; padding-top: 35px;}
.foot_l ul { margin-left:-10px; margin-right:-10px; margin-top: 30px;}
.foot_l ul li { float:left; width:14.28%; padding:0 10px;}

.foot_l ul li h2 { padding-bottom:8px; background: url("/template/default/index/static/images/footx.png") no-repeat bottom left; margin-bottom: 20px;}
.foot_l ul li h2 a{ font-size:18px; color:#333333; font-weight:bold; margin-top:0; margin-bottom: 8px;}
.foot_l ul li a { display:block; font-size:16px; color:#999999; line-height:21px; margin:10px 0;}
.foot_l ul li a:hover {  color:#D1A15D;}
.footshare {border-bottom:1px solid #ECECEC; padding: 35px 0 30px 0;}
.footlogo {float:left; max-width: 115px;}

.link .dropdown { max-width: 285px; padding-top: 60px;}
.link .dropdown button {width: 234px; max-width: 100%; font-size: 16px; color: #999999; text-align: left; padding: 0 20px; height: 45px;background: #FFFFFF;border: 1px solid #707070;border-radius: 30px 30px 30px 4px;}
.link_eject {width:100%; float: left;}
.link_eject ul {margin-left:-10px; margin-right: -10px;}
.link_eject ul li {float:left; width: 33.33%; padding: 5px 10px;}


.address {}
.address p {font-size:16px; color: #333; overflow:hidden; line-height: 28px; margin: 14px 0;}
.address p span {font-size:inherit; color: inherit;display: inline-block; float: left;}
.address p strong {font-size:inherit;  font-weight: 500;display: inline-block; float: left; max-width: 80%;}
.footimg { padding-top:50px;}
.footimg ul {margin-left:-12px; margin-right: -12px;}
.footimg ul li { max-width: 50%; width: 134px; float: left; padding: 0 12px; text-align: center;}
.footimg p { font-size: 15px; padding-top: 5PX;}
.footimg p img {margin-bottom:5px;}


.footsharers {
    float: right;
}
.newlxr04 {
}
.newlxr04 ul li {
    position: relative;
    float: left;
    margin-left: 12px;
    z-index: 9;
}
.newlxr04 ul li span.mfico {
   width: 40px; height: 40px;
    padding: 5px;
    border-radius: 50%;
	border:1px solid #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.newlxr04 ul li:hover span.mfico {background: #fff;}
.newlxr04 ul li:hover span.mfico svg path {fill:#0DB4D5;}
.lximg {
    background: #FFFFFF;
    position: absolute;
    width: 110px;
    height: 110px;
    right: -26px;
    bottom: 133%;
    display: none;
}.lximg span {
    padding: 5px;
    display: block;
}
.lximg img {
    max-width: 100%;
}
.lximg:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 10px solid #fff;
    bottom: -18px;
    left: 55px;
}
.lximgmo {
    display: none;
}



/*  SUB LAYOUT*/
#content{padding:100px 0}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#ed1c24; color:#fff;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

<!--0.00018882751464844-->