@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style:none; text-decoration:none;border:0; font-style:normal; font-weight:normal; font-family:"微软雅黑";}
/*清楚浮动*/
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}




/* ==============联系页banner=========== */
.banner {position:relative;}
.banner:after {content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute;bottom:2px;z-index:10;}
.banner_img{width:100%; height:550px;background-repeat:no-repeat; background-position:center top; background-size:cover;}



/* ==============logo,语言=========== */
.menu,.menu-close {display:none;}
.logo { position:absolute;top:20px;left:8%;z-index:9;width:14%; min-width:120px; max-width:160px;}
.public-lang{width: 80px;height: 25px;border-radius: 12px;background:rgba(0,0,0,.85);position: absolute;right:8%;top: 28px;z-index: 10;text-align: center;}
.public-lang a{display: inline-block;width: 30px;height: 19px; color:#fff;font-family: "微软雅黑";margin-top: 3px;line-height: 19px;border-radius: 7px;}
.public-lang a.on{background: rgba(255,255,255,.2);}



/* ================联系页nav=========== */
.nav {diplay:block;text-align:center;padding:35px 0 35px 0;}
.nav li {display:inline-block; padding:0 3.5%;height:24px; line-height:24px; background:url(../images/lin1.jpg) right center no-repeat;}
.nav li:nth-of-type(5) {background:none;}
.nav li:last-of-type {display:none;}
.nav a {display:block;padding-bottom:4px;font-size:16px;color:#333; position:relative;}
.nav a:after {content:"";display:block;width:0;height:1px; background-color:#999; margin:0 auto; position:absolute;bottom:0;left:0;right:0;
-webkit-transition: all .7s;
   -moz-transition: all .7s;
    -ms-transition: all .7s;
     -o-transition: all .7s;
        transition: all .7s;
}
.nav a:hover:after {width:100%;}



/* ================share=========== */
.bdsharebuttonbox a{width: 38px;height: 38px!important;display: block;}
.bds_tsina{background:url(../images/contact_15.png) no-repeat center!important;}
.bds_weixin{background:url(../images/contact_17.png) no-repeat center!important;}
.bds_qzone{background:url(../images/contact_19.png) no-repeat center!important;}


/* ================map=========== */
.baiduMap { width:100%; height:420px;/* background:url(images/contact_02.png);*/}




/* ================content=========== */
.info {width:70%; margin:0 auto; overflow:hidden;padding:30px 0 5px 0;}
.info .phone ul {float:left; width:50%;}
.info .phone .phb {width:45%; padding-left:5%;}

.info h1 {text-align:center; font-size:18px; color:#333333; margin-bottom:20px;}



.info .phone li {margin-bottom:20px;}
.info .phone li img {display:inline-block; vertical-align:middle;}
.info .phone li span {display:inline-block;padding:0 1% 0 4%; font-size:14px; color:#333;}
.info .phone li ol {display:inline-block; font-size:14px; color:#333;}



/* ================footer=========== */
.footer p {width:100%; height:60px; line-height:60px; text-align:center;font-size:12px;color:#bababa;border-top:1px solid #A4A4A4;}




@media (max-width: 1024px) {
.info {width:84%;}
} 
@media (max-width: 768px) {
#slb .item {height:calc(100vh - 30px);background-position:80% top;}
.nav {position:absolute;top:0;left:0;width:100%; height:100vh; background-color:#fff; z-index:12; display:none;padding:0;}
.nav li {display:block;height:50px; line-height:50px;border-bottom:1px #000 solid; color:#000; background:none;padding:0;}
.nav li:last-of-type {display:block;}
.nav a:hover:after {width:0;}
.public-lang {display:none;}
.menu,.menu-close {display:block;position: absolute;top:21px;right:8%;z-index:10;background: rgba(0,0,0,0.5);width: 40px;height: 40px;text-align: center;line-height: 45px;border-radius: 9px;}
.menu-close {display:block;position: relative;top:21px;right:-87%;}

.info .phone ul,.info .phone .phb  {width:75%;padding-left:25%;}
.info .phone .phb  span {padding:0 1% 0 0;}
} 
@media (max-width: 640px) {
.info {width:90.625%;}
.info .phone ul, .info .phone .phb{width:100%;padding-left:0;}
.info .phone li ol {font-size:12px;}
.baiduMap {height:240px;}
.BMap_omCtrl {display:none;}
}