@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:13px/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}

*{ }


.msgList {
    margin: 0 0 15px 0;
    padding: 0;
    width: 100%;
}

.msgHead{
    padding: 10px 10px;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    margin: 1px;
    height: 30px;
    line-height: 32px;
    font-size: 1.3em;
    color:#007ec3;
	 float:left
	
}
.msgBody {
    padding: 10px;
    color:#333;
    background-color: #f5f5f5;
    font-size: 1.0em;
    line-height: 1.8;
	padding-bottom:80px
}
/*三角标志样式*/
.slideUp,
.slideDown {
    position: absolute;
    width: 15px; 
    height: 15px;
    background: url(../images/next.png) no-repeat;
    background-size: 15px auto;
    right : 20px;
    top: 18px;
}
.slideUp {
    transform:rotate(180deg);
    top: 18px;
}           

/*新闻*/
.news-list{text-align: left;}
.news-list .news-item{padding: 20px 0;display: block;width: 100%;border:1px solid #ededed;border-left: 0;border-right: 0;margin-top: -1px;font-size: 1em;color:#333;position: relative;}
.news-list .news-item a{color:#333;text-decoration: none;}
.news-list .news-item span.time{display: inline-block;text-align: center;font-size: 0.85em;position: relative;color:#999;padding-right: 10px;}
.news-list .news-item span.time:before{position: absolute;right:0px;height: 16px;width: 1px;background:#e0e0e0; content: '';top:50%;margin-top:-8px;}
.news-list .news-item span.title{padding-left: 5px;}
.news-list .news-item span.is_new{color:#fff;background: #007ec3;font-size: 12px;padding:3px;border-radius: 1px;margin-left: 10px;}
.news-btn-box{text-align: center;display: block;width: 100%;padding: 40px 0;position: relative;margin-top: 20px}
.news-btn-box a.news-btn{color:#007ec3;border:1px solid #007ec3;height: 40px;display: inline-block;line-height: 40px;text-align: center;position: relative;font-size: 16px;padding: 0 100px;}
.news-btn-box a.news-btn:before{content: '';background: url(../images/icon.png) no-repeat ;width: 12px;height: 18px;display: inline-block;position: absolute;right:15px;top:50%;margin-top: -9px;
background-position: -9px -53px;}


.xile-bg{background: #f5f5f5;padding: 40px 0;position: relative;}
.xile-bg {text-align: center;}
.xile-bg .mapBg{width: 100%;}
.xile-text{position: absolute;top:12%;left:50%;margin-left: -132px;}
.xile-text img{max-width: 55px;}
.xile-text h1{font-size: 1em;color:#33;font-weight: normal;position: relative;margin: 0px 0;padding: 20px;margin-bottom: 0px;padding-top: 10px;}
.xile-text h1:before {
    content: " ";
    position: absolute;
    left:50%;
    width: 100px;
    margin-left: -50px;
    height: 1px;
    bottom: 10px;
    background: #007ec3;
}
.xile-text p{color:#666;font-size: 14px;padding: 0 0;line-height: 1.6;}
.xile-view-btn{color:#007ec3;border:1px solid #007ec3;height: 40px;display: inline-block;line-height: 40px;text-align: center;position: relative;font-size: 16px; margin-top: 1em;width: 264px;}
.xile-view-btn:before{content: '';background: url(../images/icon.png) no-repeat ;width: 12px;height: 18px;display: inline-block;position: absolute;right:15px;top:50%;margin-top: -9px;
background-position: -9px -53px;}



.product-item {width: 100%;display: block}

.product-item-img {position: relative;}
.product-item-img img{max-width: 100%;}
.product-item-img .product-item-name{position: absolute;bottom: 0px; background-color:rgba(255,255,255,0.8);width:100%;height: 40px;border-bottom: 1px solid #007ec3;font-weight: bold;text-align: center;
}
.product-item-img .product-item-name span.title{font-size: 1em;line-height: 40px;display: block;}

.product-item-info{position: relative;text-align: center;width: 100%;}
.product-item-info p{color:#808080;font-size:0.85em;line-height: 1.6;padding: 0 10px;text-align: left;
}
.product-item-info p.desc{margin-bottom: 8px;padding-top: 10px;}

.product-item-info div.product-btn{padding: 50px 0;padding-top: 12px;}
.product-item-info a.product-btn,a.product-btn{color:#007ec3;border:1px solid #007ec3;height: 45px;display: inline-block;line-height: 45px;padding: 0 60px;position: relative;}
.product-item-info a.product-btn:before{content: '';background: url(../images/icon.png) no-repeat ;width: 12px;height: 18px;display: inline-block;position: absolute;right:15px;top:50%;margin-top: -9px;
background-position: -9px -53px;}
.product-item-img .product-item-name span.title:before {
    content: " ";
    position: absolute;
    
    background: url(../images/product_icon.png) no-repeat;
    background-size: 20px auto;
    width: 20px;
    height: 20px;
    top:10px;
    margin-left: -25px;
    
}


.case-item{width: 100%;background: #fff;text-align: center;margin-bottom: 20px;position: relative;overflow: hidden;display: inline-block;
}
.case-item .case-item-img {position: relative;max-width: 100%}
.case-item .case-item-img img.caseCoverImg{width: 100%;}
.case-item .case-item-img .case-logo-img{position: absolute;left:50%;bottom: -30px;margin-left: -30px;z-index: 99;max-width: 60px;}
.case-item .case-item-content{padding: 8px 10px;padding-top: 40px;}
.case-item .case-item-content .case-item-content-title{border-bottom: 1px solid #f6f6f6;padding-bottom: 20px;}
.case-item .case-item-content .case-item-content-title h1{font-size: 24px;font-weight: normal;font-style:italic;color:#333;line-height: 24px;}
.case-item .case-item-content .case-item-content-title p{color:#999;line-height: 14px;font-size: 14px;margin-top: 10px;font-weight: normal;}
.case-item .case-item-content .case-item-content-desc{text-align: left;padding-top: 20px;}
.case-item .case-item-content .case-item-content-desc h2{color:#333;font-size:1em;line-height: 14px;font-weight: 600;margin-bottom: 10px;}
.case-item .case-item-content .case-item-content-desc p{font-size: 14px;color:#666;line-height: 1.6;font-weight: normal;}
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > figure {
    float: left;
    width: 100%;
    position: relative;
}
#position {text-align: center;margin-bottom: 20px;}
#position li{width: 12px;height: 12px;background: #ddd;display: inline-block;margin-right: 10px;border-radius: 50%;}
#position li.on{background: #00a5e0;}

#header {
    width: 100%;
    display: block;
    background: #fff;
    height: 40px;
    padding: 10px 0;
    z-index: 9999;
 
	padding-bottom:-10px
}

#header .header-logo {
    display: inline-block;
    position: relative;

}

#header .header-logo .logo-img { width:300px; padding-left:-15px}
#header .header-logo .sub-logo{padding-bottom: 5px;width: 280px;}
#header .menu-btn{position: relative;}
#header .menu-btn a{background: #fff;width: 50px;height: 50px;display: inline-block;position: absolute;right:-15px;top:-10px;text-align: center;}
#header .menu-btn a img{max-width:25px;margin-top: 15px;}

.ad-item{display: block;width: 100%;}
.ad-item a{display: inline-block;}
.ad-item a img{max-width: 100%;display: block;}

.ui-slider{padding-top:20%; }
.ui-slider li img{ height:100%}
@media (max-width: 320px){
.ui-whitespace {
    padding-left: 10px;
    padding-right: 10px;
}
#header .menu-btn a{right:-10px;}
.leftNav .sub-logo{margin-left: 2px;padding-bottom: 5px;width: 120px;}
.leftNav .header-logo .logo-img {max-width:40px;}
}

.bgDiv{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    position:fixed;
    display: none;
    z-index: 99;
    bottom: 0;
	
}

.wp{ margin-top:-8px}








.leftNav #FM li a{ font-size:12px; color:#8d8d8d; width:80%; display:block; line-height:50px; font-weight:bold; margin:auto; border-bottom:1px solid #999999; text-align:center}
.leftNav #FM li ul.fm{ display:none;} 
.leftNav #FM li:hover ul.fm{ display:block; border-bottom:1px solid #999999; width:80%; margin:auto;}
.leftNav #FM li:hover ul.fm li a{ border-bottom:none; color:#FFFFFF; border-bottom:none; font-size:10px}

.bgDiv{background: rgba(0,0,0,0.5);position: fixed;top:0px;left:0px;width: 100%;height: 100%;z-index: 9999;display: inline-block;display: none;}
.leftNav{position:fixed;left:0;top:0;width: 100%;height: 100%;padding-top: 20px;z-index: 10000;background: #fff;display: none;
}

.leftNav .header-logo{margin-bottom: 20px;}
.leftNav .header-logo .logo-img {width:300px; padding-left:-15px}
.leftNav .sub-logo{margin-left: 2px;padding-bottom: 5px;width: 140px;}
.leftNav .menu-btn{position: relative;}
.leftNav .menu-close-btn a{width: 50px;height: 50px;display: inline-block;position: absolute;right:0px;top:5px;text-align: center;}
.leftNav .menu-close-btn a img{max-width:25px;margin-top: 12px;}




/* 快捷菜单 */
#fixed-foot { position:fixed;  left:0; width:100%; background:#0869ca; line-height:25px; text-align:center; z-index:99;bottom:0 }
#fixed-foot li { float:left; width:25%; }
#fixed-foot li a { display:block; padding:13px 0 6px; color:#fff; }
.u-ft-icon span { display:block; width:20px; height:20px; margin:0 auto; background-size:contain; overflow:hidden; }
.u-ft-icon .z-tel { background-image:url(../images/u-ft-icon_01.png); }
.u-ft-icon .z-msg { background-image:url(../images/u-ft-icon_02.png); }
.u-ft-icon .z-map { background-image:url(../images/u-ft-icon_03.png); }
.u-ft-icon .z-cts { background-image:url(../images/u-ft-icon_04.png); }
.u-tel { background-color:#0869ca; }
.u-msg { background-color:#ff9c01; }
.u-map { background-color:#44b790; }
.u-cts { background-color:#7168db; }