@charset "utf-8";
/* CSS Document */
@media screen and (max-width:800px){
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size: 0.24rem;  color:#666666; font-family:"微软雅黑"; min-width:100%;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#2b2b2b;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
.fl{float:left;}
.fr{float:right}
.wd1200{width:100%;margin: 0 auto;height: auto}
#titbj{float:left;height:0.40rem;width: calc(100% - 0.2rem);border-bottom: 1px solid #eee;background: #f5f5f5;padding: 0 0.1rem;position: fixed;z-index: 99;}
#titbj h1,#titbj .h1{float: left;width: 60%;height:0.4rem;line-height:0.4rem;font-size: 0.24rem;font-weight:normal;color: #999999;overflow: hidden;}
#titbj a{float: right;margin-top: 0.05rem;color: #999999;padding: 0 0.2rem;}
#titbj a.contact{border-left: 1px solid #e4e4e4;}
#titbj a:hover{color:#333}
.top {padding: 0.1rem 0;height: 0.9rem;width: 100%;float:left;position: fixed;margin-top: 0.4rem;z-index: 99;background: #fff;box-shadow: 3px 1px 1px #f2f2f2;}
.top .logo{display: block;padding-right: 0.1rem;height: 0.8rem;}
.top .logo a img{display: block;height: 100%;width: auto;}
.top .logo a{display: block;height: 100%; width: auto;}
.top .logo_2{display: block;height: 0.7rem;padding: 0.1rem 0 0 0;/* border-left: 1px solid #e7e7e7; */background: url(../pic/head_line.png) no-repeat left  center;}
.top .logo_2 strong{display: block;font-size: 0.26rem;line-height: 0.32rem;color: #333;max-width: 4.75rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 3.6rem;}
.top .logo_2 p{display: block;font-size: 0.26rem;line-height: 0.24rem;color: #666;padding-top: 0.06rem;max-width: 4.75rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top .top_tel{width: 2.2rem;height: 0.8rem;display: block;overflow: hidden;background: url(../pic/tel.png) no-repeat 0px 0.08rem;padding-left: 0.57rem;margin-top: 0.18rem;background-size: 0.5rem;display: none;}
.top .top_tel i{float:left;width: 1.84rem;display: block;color: #777;font-style: normal;}
.top .top_tel  p{font-size: 0.3rem;color: #0346ba;line-height:0.28rem;height: 0.32rem;float:left;margin-top: 0.05rem;font-weight:bold;width: 2.34rem;overflow: hidden;}
.top .top_tel p span{font-size: 0.26em;display: block;line-height: 0.22rem; font-weight:normal}

/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 0.6rem;height: 0.6rem;background: url(../pic/lanmu2.png) no-repeat;background-size: 0.6rem;float: left;color:#fff;padding: 0 0 0 0;position: absolute;right: 0.2rem;top: 0.7rem;position: fixed;z-index: 99;}
.index-nav-frame{width:100%;margin: 0 auto;height: 0.6rem;display: none;}
.Nptline{z-index: 9999999;width: 1.69rem;float: left;position: relative;display: block;outline: none;cursor: pointer;height: 0.6rem;line-height: 0.6rem;text-align: center;font-size: 0.26em;background: #0346ba;margin-left: 0.02rem;}
.Nptline.active{background: #0346ba;}
.Nptline:after{position:absolute;content:"";bottom:0;width:0;height:0.02rem;background:#fff;left:0}
.Nptline:hover:after{width:100% }
.Nptline:hover .Nptcenter{height:auto;opacity: 1;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.Nptline a{color:#fff;}
.Nptcenter{width: 1.69rem;border-top:0;background: rgba(255,255,255,0.9);box-shadow: none;opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 1px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 0.26em;text-align: center;background: rgba(255,255,255,0.9);color: #000;float:left;height: 0.4rem;line-height: 0.4rem;margin: 0 auto;text-decoration: none;border-bottom: dotted 1px #ccc;z-index:99;margin-bottom: 0.01rem;}
.Nptcenter .Nptli a{color: #333;float:left;width:100%;}
.Nptcenter a:hover{background: #fff;color: #0346ba;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp {width:100%;height: 4rem;position:relative;float:left;background: #ffed29 no-repeat;background-position:50% 0%;overflow:hidden;margin-top: 1.3rem;}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li {width:100%;height: 4rem;background-position:50% 0%;background-repeat:no-repeat;background-color:#dddddd;background-size:cover;position:absolute;top:0;left:0;z-index:10;}
.bn-alp .abox li.on {z-index: 9;}
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i {bottom:0.25rem;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index: 10;}
.bn-alp .i i {display:inline-block;margin-right:10px;width: 0.44rem;height: 0.07rem;background: rgba(162,162,162,.8);border-radius: 6px;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #0346ba;}
.entitle{font: normal 0.14rem "AvantGarde Bk BT";color:#666;text-align: center;padding-bottom: 0.3rem;text-transform: uppercase;}
.entitle[type="1"]{color:#fff;position: relative;z-index: 99;padding-top: 0.1rem;}
.cntitle{font-size:0.3rem;color: #333;text-align: center;padding: 0.4rem 0 0.1rem 0;position: relative;font-weight: 400;} .cntitle a{color: #333;position: relative;padding: 0 0.9rem;}
.cntitle:before{position:absolute;content:"";width:0.6rem;height:0.02rem;background: #0346ba;bottom:0.05rem;left:50%;margin-left:-0.3rem;}
.cntitle[type="1"]{color:#fff;position: relative;z-index: 99;}
.cntitle[type="1"]:before{background:#fff;}

.biaoti{width: calc(100% - 0.2rem);text-align: left;font-size: 0.28rem;margin-bottom: 0.2rem;color: #1e2037;float: left;overflow: hidden;position:relative;padding: 0 0.1rem;}
.biaoti font {font-weight:bold;font-size: 0.4rem;z-index: 2;color: #014099;}
.biaoti p{font-size: 0.46rem;color: #e5e5e5b3;padding-bottom: 0.1rem;text-transform: uppercase;font-weight: bold;margin-top: -0.2rem;z-index: 1;}
.biaoti .more{position:absolute;right: 0.1rem;top: 0.3rem;color: #999;font-size: 0.26rem;height: 0.4rem;display: block;width: 1rem;text-align: right;}
.biaoti .more:hover{text-decoration:underline; }
/*三大优势*/
.yslist{width: calc(100% - 0.2rem);float:left;margin-top: 0.4rem;padding: 0 0.1rem;}
.yslist li{margin-left: 0.4rem;width: calc(33.333% - 0.3rem);float:left;overflow: hidden;}
.yslist li:first-child{margin-left:0;}
.yslist li span{width: 100%;height:0.8rem;float:left;position:relative;margin-right: 0;text-align: center;}
.yslist li span img{position: relative;max-width:100%;max-height:100%;}
.yslist li h3{font-size: 0.24rem;width: 100%;float: left;line-height: 0.36rem;height: 0.36rem;text-align: center;overflow: hidden;}
.yslist li p{float:left;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: auto;text-align: center;}
/*产品*/ 
.pro{width:100%;float:left;margin: 0.4rem 0;}
.pro .profl{width:100%;margin:0.2rem 0;float:left;}
.pro .profl li{float:left;background:#f0f0f0;margin: 0.2rem 0.1rem;width: calc(50% - 0.6rem);padding:0.2rem;cursor:pointer;height: 4.8rem;overflow: hidden;}
.pro .profl li:hover{box-shadow: 0 0 24px rgb(0 0 0 / 12%);background: #fff;}
.pro .profl li:hover img{transform:scale(1.1);transition: all 0.3s ease-in-out;}
.pro .profl li h3{font-size: 0.28rem;float:left;width:100%;color: #333;line-height: 0.28rem;height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro .profl li p{float:left;width:100%;/* font-size: 0.26em; */margin-top: 0.3rem;height: 0.8rem;}
.pro .profl li p a{margin: 0 0.1rem 0.1rem 0;float:left;color:#666;border-left: 1px solid #999;padding-left: 0.1rem;}
.pro .profl li p a:first-child{border-left:0}
.pro .profl li p a:hover{text-decoration:underline}
.pro .profl li span{width: 100%;height: 3.4rem;float:left;position:relative;overflow:hidden;}
.pro .profl li span img{width: auto;height: 3.4rem;position: absolute;margin: auto;left: -100%;right: -100%;top: 0;bottom: 0;transition: all 0.3s ease-in-out;}
/*案例*/
.case{width:100%;float:left;margin:0.2rem 0;}
.case02{width:100%;float:left;}
.case .Clist{width:100%;float:left;margin:0.2rem 0}
.case .Clist li{width: 50%;float:left;height:6rem;overflow: hidden;}
.case .Clist li a{width:100%;height:100%;float:left;position:relative;}
.case .Clist li a:after{position:absolute;content:"";width:100%;height:100%;background:rgba(0, 0, 0, .7);left:0}
.case .Clist li a:hover:after{background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 8%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, .1) 100%);}
.case .Clist li h3{font-size:0.26rem;width: 100%;position: absolute;z-index: 90;top: 50%;text-align: center;color: #fff;display: block;}
.case .Clist li span{width:100%;height: 6rem;position:relative;float: left;}
.case .Clist li span img{height:100%;width:auto;position:absolute;left: -1000%;right: -1000%;top:0;bottom:0;margin:auto;}

/*新闻*/
.news{width: 100%;height: auto;float: left;margin-top: 0.2rem;}
.tab-block {width:100%;height: auto;margin: 0.1rem auto 0;overflow: hidden;position: relative;}
.tab-block.tab-item {height: 4.3rem}
.tab-block.tab-item .tabs {height: 3.8rem}
.tab-buttons{width: 6.4rem;height: 0.48rem;margin-left: 6.5rem;margin-top: 0.1rem;}
.tab-buttons .tab-button {margin-right: 0.2rem;padding: 0.06rem 0.6rem;height: 0.36rem;text-align: left;font-size: 0.26rem;color: #fff;line-height: 0.36rem;position: relative;cursor: pointer;display: inline-block;color: #666;font-weight: bold;}
.tab-buttons .tab-button.cur {/* color: #005469; */background: #005469;color: #fff;}
.tab-block .tabs {width: 100%;height: 10.9rem;float: left;}
.tab-block .tabs .tab-item {width: calc(100% - 0.2rem);height: 10rem;padding: 0 0.1rem 0.2rem 0.1rem;/* overflow: hidden; *//* display: none; */position: relative;/* border: 1px solid #e5e5e5; */}
.tab-block .tabs .tab-item.active {display: block}
.tab-item .information-left {width: 100%;height: 4.44rem;/* overflow: hidden; */position: relative;float: left;margin-bottom: 0.3rem;}
.tab-item .information-left:hover img{transform:scale(1.1)}
.tab-item .information-left a{float: left;width: 100%;height: 4.44rem;position: relative;overflow: hidden;}
.tab-item .information-left img {width: 100%;height: 4.44rem;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s;}
.tab-item .information-left .left-bottom {position: absolute;bottom: 0;left: 0;width: calc(100% - 0.3rem);height: 1.2rem;background: #00000080;background: #888888\9;z-index: 2;color: #fff;padding: 0 0.15rem;}
.tab-item .information-left .left-bottom .article-title {font-size: 0.26rem;width: 3.6rem;float: left;height: 0.48rem;line-height: 0.48rem;overflow: hidden;}
.tab-item .information-left .left-bottom .article-title a{color:#fff}
.tab-item .information-left .left-bottom .article-time {font-size: 0.24rem;float: right;color: #9a9a9a;line-height: 0.48rem;}
.tab-item .information-left .left-bottom .article-content{width:100%;font-size: 0.26em;float:left;color:#fff;line-height: 0.32rem;height: 0.56rem;overflow: hidden;}
.tab-item .information-right {width: 100%;height: 5.4rem;float: right;}
.tab-item .information-right .article-list {padding: 0.1rem 0;width: 100%;float: left;border-bottom: 1px dashed #cccccc;}
.tab-item .information-right .article-list:hover img{transform:scale(1.1)}
.tab-item .information-right .article-list:first-child{padding-top:0}
.tab-item .information-right .article-list .article-link {display: block;padding: 0;}
.tab-item .information-right .article-list .article-link .article-img{width: 1.6rem;height: 1.2rem;float: left;position:relative;overflow: hidden;}
.tab-item .information-right .article-list .article-link .article-img img{width: 100%;height: auto;margin: auto;-webkit-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.tab-item .information-right .article-list .article-link .article-head{float: right;width: calc(100% - 1.8rem);margin-right: 0.1rem;}
.tab-item .information-right .article-list .article-link .article-head span {display: block;vertical-align: middle;}
.tab-item .information-right .article-list .article-link .article-head h2 {display: inline-block;vertical-align: middle}
.tab-item .information-right .article-list .number {width: 0.2rem;height: 0.2rem;text-align: center;line-height: 0.2rem;color: #fff;background-color: #999;font-size: 0.24rem;float: left;}
.tab-item .information-right .article-list .article-title {font-size: 0.26rem;color: #333;line-height: 0.3rem;width: 4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;font-weight: 600;}
.tab-item .information-right .article-list .article-time {float: right;font-size: 0.24rem;color: #999;line-height: 0.3rem;}
.tab-item .information-right .article-list .article-content {margin-top: 0.1rem;width: calc(100% - 1.8rem);font-size: 0.24rem;color: #666;line-height: 0.3rem;float: right;margin-right: 0.1rem;}
.tab-item .information-right .article-list .article-content p {max-height: 0.72rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;width: 100%;line-height: 0.36rem;color: #999;}
.tab-item .information-right .article-list:nth-of-type(1) .number, .tab-item .information-right .article-list:nth-of-type(2) .number, .tab-item .information-right .article-list:nth-of-type(3) .number {background-color: #333}
.tab-item .information-right .article-list:hover .article-title{color:#014099}

/*关于我们*/
.about{float:left;width:100%;position: relative;padding: 0.6rem 0;background: url(../pic/about.jpg) no-repeat 50% 0;}
.about .biaoti font{color: #ffffff;width: 100%;text-align: center;float: left;}
.about .biaoti p{color:#fff;text-align: center;}
.gsjsE{margin: 0 auto;width:100%;overflow:hidden;position: relative;padding-bottom: 0.6rem;}
.gsjsE .li01{float:left;width: calc(100% - 1rem);height: 3.8rem;position:relative;border: 1px solid #ededed;padding: 0.1rem;overflow: hidden;background: #fff;margin: 0.4rem 0.4rem 0 0.4rem;}
.gsjsE .li01 img{width: 100%;height: auto;margin:auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;transition: all .5s ease;}
.gsjsE .li01 img:hover{    -webkit-transform: scale(1.1);}
.gsjsE .li02{float:right;width: calc(100% - 0.6rem);height: auto;overflow:hidden;line-height: 0.32rem;color: #fff;font-size: 0.24rem;background: #0746b4;padding: 0.3rem 0.2rem 0.5rem;margin-top: 0.4rem;margin: 0.4rem 0.1rem 0.5rem 0.1rem;}
.gsjsE .li02 li{float:left;width:100%;font-size: 0.25rem;line-height: 0.5rem;}
.gsjsE .li02 .title{font-size: 0.34rem;font-weight:bold;margin-bottom: 0.2rem;}
.gsjsE .li02 .content{height: auto;overflow:hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.gsjsE .li03,.gsjsE .li04{position:absolute;bottom: 0;background: #023793;padding: 0.08rem 0.21rem;color:#fff;float:left;margin-left: 0.67rem;}
.gsjsE .li03 a,.gsjsE .li04 a{ color:#fff}
.gsjsE .li04{background:#000;left: 2rem;}
.gsjsE .li03{left: 0;}
.gsjsE .li03:hover,.gsjsE .li04:hover{-webkit-animation: bta 3s linear infinite;
    -moz-animation: bta 3s linear infinite;
    -o-animation: bta 3s linear infinite;
    animation: bta 3s linear infinite;}

/*   底部  */
.link{width: calc(100% - 0.2rem);float: left;margin: 0.4rem 0.1rem 0.25rem 0.1rem;}
.link h4{display: block;background: #fff;color: #2e2e2e;font-size: 0.26rem;position: relative;height: 0.3rem;width: 100%;}
.link h4:before{content:"";width: calc(100% - 1.4rem);border-bottom:1px solid #ccc;position: absolute;top: 0.2rem;left: 1.2rem;}
.link p{display: block}
.link p a{display: block;color: #5a5a5a;font-size: 0.24rem; margin: 0 0.25rem 0.1rem 0;float: left;}
.bottom{float:left;width:100%;height: 0.6rem;line-height: 0.6rem;background: #ED9321;overflow: hidden}
.bottom a{color:#352e2e;width:1rem;padding:0 0.4rem;font-size: 0.24rem;overflow: hidden;}
.foot{width: 100%;float: left;background: none;padding-bottom: 1.4rem;}
.footnr{width: calc(100% - 0.2rem);margin: auto;background: #333;float: left;padding: 0 0.1rem;}
.footnr .footwz{float:left;width: 100%;color: #fff;margin: 0.35rem 0;font-size:0.25rem;line-height: 0.5rem;white-space: normal;}
.footnr .footwz a{color: #fff;}
.footnr .footwz a:hover{ color: #f00;}
.footnr .footwz2{ background: url(../pic/dh.jpg) no-repeat left; font-size: 0.32rem; padding-left:0.45rem; margin-top:0.15rem; }
.footnr .footwz2 p{ font-size:0.26rem; line-height:20px;}
.footnr .footewm{float: right;margin-top:0.35rem;display: none;}
.footnr .footewm img{width: 1.4rem;}


/*面包屑*/
.mianbaoxie{float:left;width:100%;line-height:0.5rem;font-size:0.24rem;color:#888888;margin-bottom: 0.2rem;border-bottom: 1px solid #f1f1f1;}
.mianbaoxie i{width:0.14rem;height: 0.14rem;background-position: -1.26rem -0.3rem;padding-right: 0.1rem;}
.mianbaoxie a{ color:#666666}


/*   内页-面包屑  */
.xqymbx{margin:0 auto;width: calc(100% - 0.3rem);background: url(../pic/mbx.png) 0 0.2rem no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.3rem;padding-top: 0.2rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;border-bottom: 1px solid #e5e5e5;margin-top: 1.8rem;}
.mbx{margin:0 auto;background: url(../pic/mbx.png) 0 no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.3rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: right;color: #8e8e8e;max-width: 70%;overflow: hidden;}
/*   内页-翻页  */

.hpage{font-size:0.24rem;width:100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ font-size:0.24rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size:0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}



/*   内页-详细描述轮播  */

.house_con{width: calc(100% - 0.18rem);background:#ffffff;padding:0.09rem;border: none;box-shadow: none;margin: 0 auto;overflow: hidden;margin-top: 0.1rem;float: left;margin-bottom: -1.8rem;}

.house_con .jieshao{float: left;width: 100%;}
.house_con .jieshao h1{float:left;width: 100%;line-height: 0.4rem;max-height: 0.4rem;overflow:hidden;padding: 0.4rem 0.1rem 0 0;margin-bottom:0.1rem;text-align: center;font-size: 0.28rem;color: #23a15a;}
.house_con .jieshao .price_con {float:left;padding-bottom: 0.05rem;width: 5.6rem;overflow: hidden;border-bottom:1px dashed #dedede;display: none;}
.house_con .jieshao .price_con i {    font-size: 0.3rem;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{float:left;line-height:0.25rem;font-size:0.24rem;color:#000000;padding:0.1rem 0 0.1rem 0;width:5.6rem;display: none;}
.house_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.house_con .jieshao .two span{ float:right; width:4.8rem;}
.house_con .jieshao .san{float:left;line-height:0.3rem;font-size:0.24rem;color:#000000;width:5.6rem;padding:0.4rem 0 0 0;display: none;}
.house_con .jieshao .san .zx{display: block;width: 2rem;height: 0.5rem;float: left;font-size: 0.24rem;color: #fff;line-height: 0.48rem;background: #e2011e;text-align: center;text-decoration: none;position: relative;transition: 0.3s all ease-in-out;}
.house_con .jieshao .san .zx img {position: absolute;top: 0.15rem;left: 0.2rem;}
.house_con .jieshao .san .zx:hover img{animation: ddh 0.8s ease-out both;}
.linex{border-bottom:1px dashed #dedede;}
.house_con_lf{position: relative;margin: 0 auto;float:left;width: 100%;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 0.1rem;width: calc(100% - 2px);height: 4.04rem;overflow: hidden;float:left;position:relative;border: 1px solid #dedede;}
.house_bigImg img{margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;max-width: 100%;max-height: 100%;}
.house_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.house_smallImg{position: relative;margin-top: 0px;height: 0.7rem;overflow: hidden;float:left;width: calc(100% - 0.6rem);margin-left:0.3rem;margin-right:0.3rem;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 1rem;margin-right:0.1rem;}
.house_smallImg ul li img{display: block; width: 1rem; height: 0.67rem; cursor: pointer;}
        .house_smallImg ul li.on img{width: 1rem; height: 0.65rem; border: 1px #f23742 solid;}
        .house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.24rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);     cursor: pointer;}
        .house_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
        span.house_imgs_lf{display: block;position: absolute;left:0px;bottom: 0px;z-index: 10;width: 0.2rem;height: 0.67rem;background:#ccc;cursor:pointer;background: url(../pic/left_arrow.png) center center no-repeat;background-size: 0.3rem;}
        span.house_imgs_rt{display: block;position: absolute;right:0px;bottom: 0px;z-index: 10;width: 0.2rem;height: 0.67rem;background:#ccc;cursor:pointer;background: url(../pic/right_arrow.png) center center no-repeat;background-size: 0.3rem;}
        span.house_imgs_lf:hover{background:url(../pic/left_arrow_h.png) 0px 0px no-repeat;background-size:0.2rem 0.67rem;}
        span.house_imgs_rt:hover{background:url(../pic/right_arrow_h.png) 0px 0px no-repeat;background-size:0.2rem 0.67rem;}

/*   内页-详细描述，产品分类。  */
.cpmshu{width:100%;margin:0 auto;overflow:hidden;margin-top:0.2rem;padding-bottom:0.2rem;float: left;margin-top: 1.8rem;}
.cpmshu .cpfl{width: 100%;background: #fff;margin-top: 0.1rem;}
.cpmshu .cpfl .li01{float:left;width:2.5rem;text-align:center;font-size: 0.3rem;color: #FFFFFF;text-align: center;line-height: 0.35rem;display: block;padding-top: 0.2rem;font-weight:bold;display: none;}
.cpmshu .cpfl .li02 {color: #f7f7f7;font-size: 0.24rem;display: block;text-align: center;float:left;width:2.5rem;line-height: 0.35rem;display: none;}
.cpmshu .cpfl .li03 a.sub{color: #525252;font-size: 0.26rem;}
.cpmshu .cpfl .li03 {width: 100%;background: #fff;padding-bottom: 0.1rem;padding-top: 0.1rem;float:left;overflow: hidden;height: 1.2rem;display: none;}
.cpmshu .cpfl .hiddle{display:none;}
.cpmshu .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpmshu .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.cpmshu .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.cpmshu .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.cpmshu .cpfl .li03 h2{float: left;width: 1.73rem;font-size: 0.24rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0;margin: 0.1rem 0.05rem;border: 1px solid #ededed;line-height: 0.24rem;text-align: center;padding: 0.1rem 0;font-weight: normal;}
.cpmshu .cpfl .li03 h2 a:hover{color:#385CBA;}
.cpmshu .cpfl .li03 h3{float: left;width: 0;font-size: 0.24rem;line-height: 0;padding-left: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0;display: none;border-bottom: 0;font-weight: normal;}
.cpmshu .cpfl .li03 h3:hover a{color:#385CBA;font-weight:bold}
.cpmshu .cpfl .li03 h3:before{position: absolute;content: "";left: 0.3rem;width: 0;height: 0.06rem;background: #afafaf;border-radius: 50%;top: 0.17rem;}
.cpmshu .cpfl .li03 h3:hover:before{background:#385CBA}
.cpmshu .cpfl h2 span{position: absolute;left: 0.1rem;cursor:pointer;background: #385CBA;color: #fff;border-radius: 50%;width: 0.16rem;height: 0.16rem;line-height: 0.14rem;text-align: center;font-size:0.24rem;display: none;}
.cpmshu .cpfl .demo{overflow:hidden; width:2.5rem;  min-height:3rem;  max-height:5rem; float:left}
.cpmshu .cpfl .demo img{ width:2.5rem; margin-top:0.1rem;}
.cpmshu .miaoshu{width: calc(100% - 0.4rem);padding: 0.2rem 0.2rem;border: none;box-shadow: none;line-height:0.25rem;font-size:0.24rem;table-layout: fixed;word-wrap: break-word;overflow: hidden;float: left;margin-top: 0;}
.cpmshu .miaoshu img{max-width: 100%;padding:0.1rem;}
.paging_prev {float: left;width: 100%;line-height: 0.3rem;padding: 0.1rem 0px 0 0px;font-size: 0.24rem;}
.cpmshu .miaoshu .contern{float:left;width: 100%;margin-bottom: 0.5rem;padding-top: 0.3rem;line-height: 0.4rem;}
.cpmshu .miaoshu .contern img{max-width:100%;padding: 0;}
.cpmshu .miaoshu .tittle{float:left;border-bottom:1px solid #ededed;font-size: 0.26rem;font-weight:bold;width: 100%;padding-bottom:0.1rem;position:relative;margin: 0;}
.cpmshu .miaoshu .tittle:before{content:"";position:absolute;width:0.6rem;height:0.03rem;background: #23a15a;left:0px;bottom:-0.02rem;}
.cpmshu .miaoshu .tittle span{ position:absolute; right:0; bottom:0.12rem; font-size:0.24rem; color:#888888 ; font-weight:normal}
.cpmshu .miaoshu .h1{width: 100%;font-size:0.24rem;font-weight:bold;float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-top: 0;text-align:center;}
.cpmshu .miaoshu .text{width: 100%;float:left;text-align:center;padding:0.2rem 0 0.2rem 0;border-bottom:1px solid #ededed;color:#888888;}
.cpmshu .cpfl .li03 .tjbt{padding: 0 0.1rem;width: 2.2rem;  line-height: 0.4rem; height: 0.4rem; border-bottom: 1px solid #e2e2e2; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
.cpmshu .cpfl .li03 .tjbt:hover{color:#385CBA;font-weight:bold}
/*   内页-资讯列表  */

.cpmshu .newslist{width: calc(100% - 0.2rem);padding: 0 0.1rem;line-height:0.25rem;font-size:0.24rem;float: left;margin-top: 0.3rem;} 
.cpmshu .newslist .tittle{margin: 0 0 0.1rem 0;width: 100%;}

.cpmshu .newslist li{float:left;border-bottom:1px solid #ededed;padding:0.15rem 0;width: 100%;}
.news_con_img{width: 2rem;  height: 1.35rem;  position: relative;  float: left;  border: 1px solid #e6e6e6;  font-size: 0px; padding:0.04rem;}
.news_con_img img{margin: auto; left: 0; right: 0; top: 0;  bottom: 0; position: absolute;max-width: 2rem;  max-height: 1.35rem;}
.news_con_txt{float:right;width: calc(100% - 2.2rem);position:relative;height:1.45rem;}
.news_con_txt h2{width: 100%;float: right;color: #333333;height: 0.4rem;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;position: relative;font-size: 0.26rem;}
.news_con_txt h2 a:hover{color:#ae1c2f;text-decoration:none}
.news_con_txt h2:before{content:"";position:absolute;width:1rem;height: 0.04rem;background: #ae1c2f;bottom: 0.1rem;}
.news_con_txt p{max-height: 0.48rem;line-height: 0.25rem;font-size:0.24rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.24rem; font-style: normal; position:absolute; left:0px; bottom:0; color: #999999;}

.news_con_txt1{float:left;width: calc(100% - 0.1rem);position:relative;padding-left:0.1rem;}
.news_con_txt1:before{content:""; position:absolute; left:0;  top:0.17rem; width:0.06rem; height:0.06rem; border-radius:50%; background:#ec7302}
.news_con_txt1 h2{width: 100%;float: left;color: #333333;height: 0.4rem;overflow: hidden;padding: 0.1rem 0 0 0;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.28rem;}
.news_con_txt1 h2 a:hover{color:#333333;text-decoration:none;font-weight:bold}
.news_con_txt1 p{max-height: 0.8rem;line-height: 0.36rem;font-size:0.24rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;color:#666666;}
.news_con_txt1 i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.24rem; font-style: normal; float:left; color: #999999;}

.cpmshu .newslist .hpage{font-size:0.24rem;width: 100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .newslist .hpage span{ font-size:0.24rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size:0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a:hover{ color:#ff6600; text-decoration:none;}

/*   内页-产品中心  */
.cpmshu .majority{width: 100%;line-height:0.25rem;font-size:0.24rem;float:right;margin-top: 0.2rem;}
.cpmshu .tittle{width: calc(100% - 0.2rem);float:left;margin: 0 0.1rem 0.2rem 0.1rem;border-bottom: 1px solid #e5e5e5;} 
.cpmshu  .tittle h2{float:left;font-weight:bold;font-size: 0.26rem;position:relative;padding-bottom:0.1rem;height: 0.3rem;line-height: 0.3rem;color: #0346ba;}

.cpmshu .majority li{width: calc(50% - 0.2rem - 2px);margin-left: 0.1rem;margin-right: 0.1rem;float:left;height: 3.4rem;overflow:hidden;padding: 0;border:1px solid #ededed;margin-bottom:0.2rem;position:relative;}
.cpmshu .majority li span{width: 100%;height:2.73rem;float:left;position:relative;padding: 0;}
.cpmshu .majority li span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height:2.73rem;max-width: 100%;}
.cpmshu .majority li .xqnr{position: absolute;background: none;width: 100%;top: 2.8rem;transition: 0.8s all ease;/* color: #fff; */border-top: 1px solid #f2f2f2;}
.cpmshu .majority li:hover .xqnr{top:2.8rem;  transition: 0.8s all ease;}
.cpmshu .majority li .course{width:2.73rem;text-align: center;position: absolute;bottom: 0;background:#fff;display: none;}
.cpmshu .majority li h2{float:left;width: 100%;font-size: 0.26rem;line-height: 0.6rem;font-weight:normal;padding: 0;position:relative;z-index:3;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}

.cpmshu .majority li p{font-size:0.24rem;color:#93999f;height: 0.8rem;overflow: hidden;float: left;display: none;}
.cpmshu .majority .hpage{font-size:0.24rem;width: 100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .majority .hpage span{ font-size:0.24rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size:0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a:hover{ color:#ff6600; text-decoration:none}
.xq{margin-top:0}
.W1200 {width: 100%; margin: 0 auto; overflow: hidden; margin-top: 0.2rem; padding-bottom: 0.2rem;}
/*单页*/
.cpmshu .newslist .about{line-height: 0.4rem;font-size: 0.24rem;float:left;width:100%;margin-top: 0;padding-top: 0.2rem;}
.cpmshu .newslist .about img{max-width:100%!important;height: auto!important}
/*留言*/
.liuyan{float:left;width: 8.8rem;line-height:0.3rem;}
.Page1C2{float:left;width: calc(100% - 0.3rem - 2px);margin-top:0.2rem;line-height:0.3rem;border:1px solid #ededed;padding: 0.15rem;}
#tianxieone{float:left;width: calc(100% - 0.2rem);padding:0.1rem;border-bottom: 0;}
#tianxietwo{float:left;width: auto;text-align: left;color: #5f5f5f;}
#tianxiethree{float:left;width: 99%;}
#tianxiethree input,#tianxiethree textarea{border: 1px solid #e6e6e6;width: 99%;}
#liuyanshenming{float:left;text-align:center;width: 100%;color: #5f5f5f;border-bottom: 0;}
#lytijiao {width: 60%;float:left;padding: 0.1rem 0;padding-left: 40%;border-bottom: 0;}
#lytijiao input{padding:0.08rem 0.4rem;border:0px;outline:0;background: #0346ba;color:#ffffff;font-weight:bold;border-radius: 0.05rem;}
	
/*左侧推荐*/
.qytj{float: left;width: 100%;background:#ffffff;margin-top: 0.2rem;}
.qytj .nav19 {width: 100%;float: left;border-bottom: 1px solid #ededed;position: relative;font-size: 0.28rem;color: #fff;height: 0.4rem;line-height: 0.4rem;background: #444;text-align: center;padding: 0.1rem 0;/* border-radius: 0.1rem 0.1rem 0 0; */}
.qytj .nav19 li{float:left;font-size: 0.28rem;cursor: pointer;width: 50%;}
.qytj .nav19 .tab01{background:#fff;color: #333;width: calc(50% - 0.2rem);margin: 0 0.1rem;height: 0.4rem;border: 0;}
.qytj .com19{float:left;width: 100%;/* background: #f6f6f6; */}
.qytj .com19 li{float:left;width: calc(50% - 0.2rem);height: 0.4rem;line-height: 0.4rem;margin-top: 0.1rem;border-bottom: 1px dashed #ccc;margin: 0.1rem 0.1rem;position: relative;padding: 0;}
.qytj .com19 li i{ background:#f2f2f2; width:0.2rem; height:0.2rem; text-align:center; float:left; font-style:normal; color:#333333}
.qytj .com19 li .nom1{ background:#0a8ce2; color:#fff}
.qytj .com19 li .nom2{ background:#e92938; color:#fff}
.qytj .com19 li .nom3{ background:#f55966; color:#fff}
.qytj .com19 li span{ display:none;}

.qytj .com19 li p{float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.25rem;line-height: 0.25rem;width: 100%;}
.qytj .com19 .cur{float:left;width: calc(50% - 0.2rem);height: 0.4rem;line-height: 0.4rem;margin: 0.1rem;background: #fff;overflow: hidden;}
.qytj .com19 .cur span{margin-top: 0.1rem;position:relative;display:block;float:left;height: 0.4rem;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: none;}
.qytj .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.qytj .com19 .cur p{float:left;width: 100%;margin-top: 0;line-height: 0.25rem;font-size: 0.24rem;font-weight: normal;height: 0.25rem;color: #333;}
.qytj .com19[type="1"] .cur{background:#fff;height:0.4rem;line-height:0.4rem;}
.qytj .com19[type="1"] .cur p{height: 0.4rem;line-height: 0.4rem;width: 100%;margin: 0;}
/*底部推荐*/
.tjxx{width: 100%;float: left;margin: 0.2rem 0 0;border: 0;}
.tjxx .fleft{float:left}
.tjxx .fright{/* float:right; */}
.zxtj{width: 100%;background:#ffffff;margin-bottom: 0.2rem;float: left;}
.zxtj .nav19 {width: calc(100% - 0.3rem);float: left;border-bottom: 1px solid #ededed;position: relative;font-size: 0.26rem;color: #333;height: 0.4rem;line-height: 0.4rem;padding-left:0.1rem;margin: 0 0.1rem;font-weight: bold;}
.zxtj .nav19:before{content:"";width: 0.05rem;height: 0.2rem;background: #1d3e6f;position:absolute;left:0;top: 0.1rem;}
.zxtj .nav19 li{float:left;font-size: 0.26rem;cursor: pointer;width: 50%;}
.zxtj .nav19 .tab01{background:#fff;color: #009946;border: 2px solid #009946;width: calc(50% - 4px);height: calc(0.4rem - 4px);}

.zxtj .com19{float:left;width: 100%;/* background: #f6f6f6; */}
.zxtj .com19 li{float:left;width: calc(50% - 0.2rem);height: 0.4rem;line-height: 0.4rem;border-bottom: 1px dashed #ccc;padding:0;position: relative;margin: 0.1rem 0.1rem 0 0.1rem;margin-top: 0;}
.zxtj .com19 li i{ background:#f2f2f2; width:0.2rem; height:0.2rem; text-align:center; float:left; font-style:normal; color:#333333}
.zxtj .com19 li .nom1{ background:#0a8ce2; color:#fff}
.zxtj .com19 li .nom2{ background:#e92938; color:#fff}
.zxtj .com19 li .nom3{ background:#f55966; color:#fff}
.zxtj .com19 li span{ display:none;}
.zxtj .com19 li p{float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.4rem;line-height: 0.4rem;width: 100%;}
.zxtj .com19 .cur{float:left;height: 0.85rem;line-height:0.2rem;margin-top: 0.1rem;background: #f6f6f6;}
.zxtj .com19 .cur span{margin-top: 0.1rem;position:relative;display:block;float:left;height: 0.4rem;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.zxtj .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.zxtj .com19 .cur p{float:left;width: 100%;margin-top: 0.1rem;line-height:0.2rem;font-size: 0.24rem;font-weight:bold;height: 0.2rem;color: #333;}
.zxtj .com19[type="1"] .cur{height: 0.4rem;line-height: 0.4rem;background:#fff;}
.zxtj .com19[type="1"] .cur p{height: 0.4rem;line-height: 0.4rem;margin-top:0;font-weight: normal;}
/*底部产品推荐*/
.cptjT{float:left;background:url(../pic/4sbj.png) 50% 0 no-repeat;width: 100%;text-align:center;font-size: 0.3rem;height: 0.5rem;color: #eb3d00;font-weight: bold;margin-top:0.4rem;background-size: auto 0.5rem;}
.topCon_2 {float:left;width: 100%;height: 2.4rem;padding:0px 0 0 0;border-top:0;overflow:hidden;padding:0.15rem 0px 0px 0px;}
.topCon_2 .li01{border:1px #ededed solid; padding:0.04rem; float:left; width:calc(100% - 0.08rem); height:2rem; font-size:0px; position:relative;overflow: hidden}
.topCon_2 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 0.1rem;max-width: 100%;max-height: 100%;}
.topCon_2 .li02{float:left; width:100%; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; line-height:0.3rem;}
.topCon_2 ul{float:left;width:calc(33.3% - 0.2rem);height:2.5rem;padding:0px 0.1rem 0px 0.1rem;background:#ffffff;}
.slide{display:none}
.foot3{display: none;}
}