@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:200px}
#header .header-logo .sub-logo{margin-left: 10px;padding-bottom: 5px;width: 140px;}
#header .menu-btn{position: relative;}
#header .menu-btn a{background: #323030;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;padding-left: 10px;}
}

.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:#000; 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 {padding-left: 10px;width:200px}
.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;}



.product-page {background: #fff;}
.product-page .news-top-bg{padding:0;padding-bottom: 20px;position: relative;}
.product-page .news-top-bg{text-align: center;overflow: hidden;width: 100%;}
.product-page .news-top-bg img{width: 100%;}
.product-page .wp-main{position: relative;}
.product-page .prduct-title{
    /*position: absolute;top:-80px;right:50%;line-height: 36px;margin-right: -48px;*/
    font-size: 1em;color:#fff;
    position: absolute;
    /*margin: 0 auto;*/
    top:50%;
    margin-top: -60px;
    left:50%;

}

.product-page span.prduct-title:before {content: " ";position: absolute;left:50%;background: url(../images/product_base_icon.png) no-repeat;width: 38px;height: 38px;top:-60px;margin-left: -16px;}
.product-info-intro img{max-width: 100%;}
/*.product-info .product-info-brand{color:#666;font-size: 14px;padding: 10px 0;text-align: center;line-height: 14px;margin-bottom: 10px;}
.product-info .product-info-brand span{background: #7fbee1;padding: 5px 10px;color:#fff;font-size: 12px;}
.product-info .product-info-title{font-size: 22px;color:#333;border-bottom: 1px solid #ededed;text-align: center;padding-bottom: 25px;margin-bottom: 50px;position: relative;}
.product-info .product-info-title:before{content: '';background: url(../images/icon.png) no-repeat ;width: 160px;height: 1px;display: inline-block;position: absolute;bottom:-1px;left:50%;margin-left: -80px;background-color: #7ea7d3;}

.product-info .product-info-intro{font-size: 14px;line-height: 2;}
.product-info-content{position: absolute;top:-155px;left:50%;margin-left: -490px;width: 980px;color:#fff;line-height: 14px;text-align: center;}
.product-info-content h1{font-size: 24px;line-height: 24px;padding: 15px 0;font-weight: normal;font-weight: 600;}
.product-info-content img{width: 64px;height: 64px;}
.product-info-content p{font-size: 14px;}

.product-info{width: 100%;display: block;padding-bottom: 100px;}

.product-info .product-footer{position: relative;width: 100%;overflow: hidden;}
.product-info .product-footer img{max-width: 100%;}
*/
.product-info .product-footer .product-info{background: #007ec3;color: #fff;padding: 20px;}
.product-info .product-footer .product-info p.title{font-size: 1em;}
.product-info .product-footer .product-info p.sub_title{font-size: 1em;}


/*news-list.css*/
.news-list-page .news-top-bg{padding:0;padding-bottom: 20px;position: relative;width: 100%;overflow: hidden;}
.news-list-page .news-top-bg{text-align: center;}
.news-list-page .news-top-bg img{/*width: 250%;margin-left: -50%;*/}
.news-list-page .wp-main{position: relative;}
.news-list-page .news-top-bg-title{position: absolute;font-size: 36px;color:#fff;top:-80px;right:50%;line-height: 36px;}
.news-list-page .topBG{width: 250%;margin-left: -50%;}
/*news.css*/
.news-info{width: 100%;display: block;}
.news-info .news-info-time{color:#666;font-size: 14px;padding: 10px 0;text-align: center;line-height: 14px;}
.news-info .news-info-title{font-size: 22px;color:#333;border-bottom: 1px solid #ededed;text-align: center;padding-bottom: 25px;margin-bottom: 50px;position: relative;}
.news-info .news-info-title:before{content: '';background: url(../images/icon.png) no-repeat ;width: 160px;height: 1px;display: inline-block;position: absolute;bottom:-1px;left:50%;margin-left: -80px;background-color: #7ea7d3;}
.news-info .news-info-share{text-align: center;padding:60px 0;position: relative;margin-bottom: 20px;}
.news-info img{max-width: 100%;}
.news-info .news-info-intro{font-size: 14px;line-height: 2;}
.news-info .news-info-share .bdsharebuttonbox{position: absolute;
left:50%;margin-left: -95px;top:50px;}


/*当前页*/
.pagination {
  display: inline-block;
  padding-left: 0;
  
}
.pagination > li {
  display: inline;
  margin:0 4px;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  /*padding: 20px 10px;*/
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  color: #333;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  /*background-color: #eeeeee;*/
}

.pagination > li.next a,
.pagination > li.prev a{
    border:1px solid #87b0dc;
    color:#87b0dc;
    font-size: 20px;
    width: 49px;
    height: 49px;
    font-weight: normal;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #fff;
  background-color: #1062ba;
  cursor: not-allowed;
}

/*case.css*/
.case-info-content{position: absolute;top:-180px;left:50%;margin-left: -490px;width: 980px;color:#fff;line-height: 14px;text-align: center;}
.case-info-content h1{font-size: 24px;line-height: 24px;padding: 15px 0;font-weight: normal;font-weight: 600;}
.case-info-content img{width: 64px;height: 64px;}
.case-info-content p{font-size: 14px;}

.case-info{width: 100%;display: block;padding-bottom: 120px;}
.case-info .case-img{text-align: center;padding-top: 120px;}

.case-info .case-img .case-detailed {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #03a1f6;
    background-color: rgba(6, 163, 246, 0.9);
    display: none;
}
.case-info .case-img img:hover .case-detailed-box {
    position: relative;
    height: 100%;
    width: 100%;
}

.case-info .case-img .case-detailed .case-detailed-box a.case-btn {
    position: absolute;
    border: 4px solid #fff;
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    width: 235px;
    left: 50%;
    top: 50%;
    margin-top: -26px;
    margin-left: -117px;
    text-align: center;
    color: #fff;
}

.case-info .case-info-brand{color:#666;font-size: 14px;padding: 10px 0;text-align: center;line-height: 14px;margin-bottom: 10px;}
.case-info .case-info-brand span{background: #7fbee1;padding: 5px 10px;color:#fff;font-size: 12px;}
.case-info .case-info-title{font-size: 22px;color:#333;border-bottom: 1px solid #ededed;text-align: center;padding-bottom: 25px;margin-bottom: 50px;position: relative;}
.case-info .case-info-title:before{content: '';background: url(../images/icon.png) no-repeat ;width: 160px;height: 1px;display: inline-block;position: absolute;bottom:-1px;left:50%;margin-left: -80px;background-color: #7ea7d3;}
.case-info .case-info-share{text-align: center;padding:60px 0;position: relative;margin-bottom: 20px;}
.case-info img{max-width: 100%;}
.case-info .case-info-intro{font-size: 14px;line-height: 2;}

/* 快捷菜单 */
#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; }