﻿/*底部区域样式*/

.g-ft { background-color: #555962;}
.g-ft-t {}
.g-ft-t .g-list {}
.g-ft-t .g-list h3 { font-size:16px; color:#fff; line-height:1; font-weight:normal;letter-spacing:0.1em; margin-bottom:20px;}
.g-ft-t .g-list h3 .u-icon { margin-right:6px;}
.g-ft-t .g-list p { color:#ccc; font-size:13px; line-height:1.5;}
.g-ft-t .g-list .list-box { padding: 30px 0;}
.g-ft-t .g-list .list  { width: 21.20%; float: left; height: 315px;padding:0; color: #acadb1;}

.m-ft-logo { background: url(../images/ft-logo2.png) no-repeat center center; color: #555962;background-size: 100%;}
.m-ft-logo p { text-align:justify; text-align-last:justify;letter-spacing:-0.3px;}
.g-ft-t .g-list li.m-ft-logo {  border-left: none;}

.g-ft-t .g-list .m-link { width:16.7%; margin-left:8.4%;}
.m-link ol { margin-top:-6px;}
.m-link li { padding-left: 23px;line-height: 32px;}

.g-ft-t .g-list .m-partner { width:20.38%;}
.m-partner ol { margin-left:21px;}
.m-partner li { float: left; width: 78px;height: 38px;margin: 0 0 20px;
background-position:center center;
background-repeat:no-repeat;
filter: alpha(opacity=70);opacity:0.7;
-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;
/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);    
filter: grayscale(100%);
filter: gray;*/}
.m-partner li:hover { 
/*background:#585d66; */
filter: alpha(opacity=100);opacity:1;

/*-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;*/
/*-webkit-box-shadow:0 0 5px rgba(0, 204, 204, .5);  
-moz-box-shadow:0 0 5px rgba(0, 204, 204, .5); 
-ms-box-shadow:0 0 5px rgba(0, 204, 204, .5);
-o-box-shadow:0 0 5px rgba(0, 204, 204, .5);  
box-shadow:0 0 5px rgba(255, 255, 255, .5);*/}

.m-partner li a { display: block; height: 100%;}
.m-partner li.partner-2,
.m-partner li.partner-4,
.m-partner li.partner-6,
.m-partner li.partner-8,
.m-partner li.partner-10,
.m-partner li.partner-12 { float:right;}

.m-partner li.partner-1 { background-image:url(../images/hb_logo01_2.png)}
.m-partner li.partner-1:hover { background-image:url(../images/hb_logo01.png)}

.m-partner li.partner-2 { background-image:url(../images/hb_logo02_2.png)}
.m-partner li.partner-2:hover { background-image:url(../images/hb_logo02.png)}

.m-partner li.partner-3 { background-image:url(../images/hb_logo03_2.png)}
.m-partner li.partner-3:hover { background-image:url(../images/hb_logo03.png)}

.m-partner li.partner-4 { background-image:url(../images/hb_logo04_2.png)}
.m-partner li.partner-4:hover { background-image:url(../images/hb_logo04.png)}

.m-partner li.partner-5 { background-image:url(../images/hb_logo05_2.png)}
.m-partner li.partner-5:hover { background-image:url(../images/hb_logo05.png)}

.m-partner li.partner-6 { background-image:url(../images/hb_logo06_2.png)}
.m-partner li.partner-6:hover { background-image:url(../images/hb_logo06.png)}

.m-partner li img { visibility:hidden;}


.g-ft-t .g-list li.m-contactUs { float:right; width:23.15%;}
.m-contactUs li { float: left; height: 54px; padding: 0 3.5%;}
.m-contactUs li .u-icon { margin-top: 3px; line-height: 1.2;}
.m-contactUs li .u-icon i { display: block;}
.m-contactUs li.ire { border-right: #4e515a solid 1px; padding-left:0;}
.m-contactUs li.ire .u-icon i { width: 135px; height: 42px;}
.m-contactUs li.wb {border-left: #656870 solid 1px;}
.m-contactUs dl { line-height: 1.8; padding: 17px 0 0; }
.m-contactUs dt { color: #fff;}
.m-contactUs dd { font-size: 12px; color: #ccc;}
.m-contactUs .mail dt { vertical-align:10px;}
.m-contactUs .mail dd { padding: 2px;}
.m-contactUs .u-ipt { width: 70%;float:left;height: 19px; line-height: 19px; background: #313743; border: none; border-radius:3px; color: #7e8387;}
.m-contactUs .u-btn { background: url(../images/icon_01.png) no-repeat -9999px -9999px;}
.m-contactUs .u-btn { width: 39px; height: 29px; margin-left: 4px; padding: 0; background-position: -461px 0; border: none; border-radius: 0;box-shadow:0 0 0;}
.m-contactUs .u-btn:hover { background-position: -396px 0;}
.m-contactUs .m-ipt-sub { margin-top:25px;}

.g-ft-b { background-color: #313743;}
.m-foot { padding: 22px 0; color: #7e7e7e;}
.m-foot a {margin: 0 5px;}
.m-foot a,.g-ft a { color: #ccc; }
.m-foot a:hover,.g-ft a:hover { color: #7fbe3b; text-decoration: underline;}

.beian { padding-bottom:20px;}
.beian a { display:inline-block; margin:0 10px;}
.beian img { height:47px;}