/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:14px;  color:#666666; font-family:"微软雅黑"; min-width:1200px;}
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}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.animation-delay-100 {-webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s}
.animation-delay-200 { -webkit-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s}
.animation-delay-300 { -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s}

.liuhai09 ul a{color:#fff}
.fl{float:left;}
.fr{float:right}
.wd1200{width:1200px;margin: 0 auto;height: auto}
.W1200{width:1200px;margin: 0 auto;height: auto}
.top {padding: 20px 0;height: 90px;width: 100%;float:left;}
.top .logo{display: block;padding-right: 10px;height: 90px;}
.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: 60px;padding: 0 0 0 20px;border-left: 1px solid #e7e7e7;margin-top: 13px;}
.top .logo_2 strong{display: block;font-size: 24px;font-weight: bold;line-height: 32px;color: #00a1ec;max-width: 455px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 360px;}
.top .logo_2 p{display: block;font-size: 18px;line-height: 24px;color: #666;padding-bottom: 4px;max-width: 455px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top .top_tel{width: 260px;height: 80px;display: block;overflow: hidden;background: url(../image/top_tel.png) 0px 4px no-repeat;padding-left: 57px;margin-top: 18px;}
.top .top_tel i{float:left;width: 184px;display: block;color: #777;font-style: normal;}
.top .top_tel  p{font-size: 32px;color: #333;line-height:28px;height: 32px;float:left;margin-top: 5px;font-weight:bold;width: 234px;overflow: hidden;}
.top .top_tel p span{font-size: 16px;display: block;line-height: 22px; font-weight:normal}

/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 60px;background-color: #00a1ec;float: left;color:#fff;padding: 0 0 0 0;}
.index-nav-frame{width: 1200px;margin: 0 auto;height: 60px;}
.Nptline{z-index: 9999999;width: 150px;float: left;position: relative;display: block;outline: none;cursor: pointer;height: 60px;line-height: 60px;text-align: center;margin: 0;font-size: 16px;/* border-right: 1px solid #e3e3e3; */}
.Nptline:after{content:"";position:absolute;width:1px;height:30px;background:#e2e2e2;right:0;top:50%;margin-top:-15px}
.Nptline.active{background: #0185d0;}
.Nptline:hover{background: #0185d0; }
.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: 148px;border:1px solid #0185d0;border-top:0;background: #fff;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: 16px;text-align: center;background:#FFF;color: #000;float:left;height: 40px;line-height: 40px;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;z-index:99;margin-bottom: 1px;}
.Nptcenter .Nptli a{color:#000;float:left;width:100%;}
.Nptcenter a:hover{background: #0185d0;color: white;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp { width:100%; height:500px; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden }
.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:500px; 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:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:25px; left:50%; margin-left:-50px; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i {display:inline-block;margin-right:10px;width:16px;height:16px;background: #fff;border-radius: 50%;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -130px 0;background: #00a1ec;}
.entitle{font: normal 12px "AvantGarde Bk BT";color:#666;text-align: center;padding-bottom: 30px;text-transform: uppercase;}
.entitle[type="1"]{color:#fff;position: relative;z-index: 99;padding-top: 10px;}
.cntitle{font-size:30px;color: #333;text-align: center;padding: 40px 0 10px 0;} .cntitle a{color: #333;position: relative;padding: 0 90px;}
.cntitle[type="1"]{color:#fff;position: relative;z-index: 99;padding-top: 0;}

/*产品*/
.product {width: 100%;float: left;position: relative;padding-bottom: 30px;}
.product .ScplistL{float:left;width:210px;background: #ffffff;}
.product .ScplistL .tittle{float:left;background: #00a1ec;border-radius: 10px 10px 0 0;line-height: 65px;color:#fff;padding-left:20px;width: 190px;font-weight:bold;font-size:16px;height: 65px;}
.product .ScplistL .tittle span{ font-size:12px; font-weight: normal; padding-left: 10px;}
.product .ScplistL .C1{float:left;border-top:0px;width:188px;padding-left:20px;padding-top:10px;background: #f6f6f6;border: 1px solid #00a1ec;background: #ffffff;}
.product .ScplistL .C1 h2{float:left;width:168px;font-size:15px;line-height: 42px;border-bottom:1px dashed #ededed;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;    }
.product .ScplistL .C1 h3{ float:left; width:148px; font-size:13px; line-height:30px; padding-left:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.product .ScplistL .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #00a1ec; position: absolute; left: 7px;top: 13px;}
.product .ScplistL .C1 h2:after{content:'';background:#00a1ec;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}
.product .ScplistL .C1 h2:hover:after{width:100%; }
.product .ScplistL .C1 h2:hover a{ color: #00a1ec} 
.product .ScplistL .C1 h2{overflow: visible;}
.product .ScplistL .C1 h2 span{ float:right; width:28px; height:40px;}
.product .ScplistL .C1 h2 .twofl{ display:none}
.product .ScplistL .C1 h2:hover .twofl{ position: absolute; left: 165px; top: 0; width: 150px; border: 1px solid #ededed; background: #ffffff; padding: 10px 20px; z-index: 19999; display:block}
.product .ScplistL .C1 h2:hover .twofl a{ float:left; width:140px; line-height:35px; position:relative; padding-left:10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #333}
.product .ScplistL .C1 h2 .twofl a:hover{ color: #00a1ec}
.product .ScplistL .C1 h2:hover .twofl a:before{content:""; position:absolute; left:0; top:14px; height:5px; width:5px; border-radius:50%; background:#666666}
.product .ScplistR3{width: 988px;float: right;position: relative;padding-bottom: 30px;}
.product .ScplistR3 .tittle{ float:right; width:970px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px;}
.product .ScplistR3 .tittle p{ float:left; border-bottom:1px solid #00a1ec; color:#00a1ec; font-size:16px; font-weight:bold}
.product .ScplistR3 li {width: 220px;float: left;margin: 0px 0px 20px 17px;/* box-sizing: border-box; */height: 280px;overflow:hidden;padding: 4px;/* box-shadow: 3px 0 3px #f4f4f4; */border: 1px solid #ededed;background: #ffffff;position: relative}
.product .ScplistR3 li a {display: block;/* border: 1px solid #efefef; *//* padding: 4px; */display: table-cell;vertical-align: top;float: left;width: 220px;}
.product .ScplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}
.product .ScplistR3 li a:hover h2.title {color: #ffffff;}
.product .ScplistR3 li a div.img{width: 220px;height: 220px;float:left;position:relative;border-bottom:1px solid #ededed;overflow: hidden}
.product .ScplistR3 li a div.img img{max-width: 220px;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%;margin:auto;position:absolute;transition: all .5s ease;}
.product .ScplistR3 li a div.img img:hover{-webkit-transform: scale(1.02);}
.product .ScplistR3 li a h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;float:left;width: 215px;height: 50px;margin: 5px 0px 5px 5px;z-index: 5; position: relative}
.product .ScplistR3 li a  p.desc {font-size: 14px;line-height: 16px;color: #888;height: 16px;margin-top: -2px; float:left;width:215px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; padding-bottom:5px; }
.product .ScplistR3 li a:after{content:'';background: #00a1ec;position:absolute;bottom:0;left:0;height:64px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4;}
.product .ScplistR3 li a:hover:after{width:100%; color: #00a1ec}
.z06a{position: absolute;bottom: 20px;left: 50%;width: 100px;margin-left: -50px;border-radius: 5px;background: #b8b8b8;color: #ffffff;text-align: center;line-height: 40px;}
.z06a:hover{background: #00a1ec;color:#fff}

/*首页产品推荐*/
.product .ul{width: 968px;float: right;position:relative;margin-bottom: 20px;border: 1px solid #dedede;padding: 30px 0;margin-top: 10px;}
.product .ul .RYC{float:left;width: 815px;height: 252px;position:relative;left: 70px;}
.product .ul .left{width: 42px;height: 42px;cursor: pointer;position: absolute;top: 50%;margin-top: -21px;left: 30px;transition:all ease 600ms;background: url(../image/jiantou_l.png) no-repeat;}
.product .ul .right{width: 42px;height: 42px;cursor: pointer;position: absolute;top: 50%;right: 30px;margin-top: -21px;transition:all ease 600ms;background: url(../image/jiantou_r.png) no-repeat;}
.product .ul .RYC .ul01{float:left;width: 252px;height: 252px;background:#ffffff;position: relative;margin: 0 9px;}
.product .ul .RYC .ul01:hover .li04{background:#00a1ec;color:#fff}
.product .ul .RYC .ul01 .li01{float:left;width: 250px;height: 250px;position: relative;margin: 0;overflow: hidden;border: 1px solid #dedede;}
.product .ul .RYC .ul01 .li01 img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: 100%;}
.product .ul .RYC .ul01 .li02{float: left;width: 240px;height: 42px;line-height: 42px;color: #333;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family: '微软雅黑';font-weight: 400;font-style: normal;margin: 12px 0 0;font-size: 14px;position: absolute;bottom: 1px;left: 1px;text-align: center;padding: 0 5px;background: #fff;}
.product .ul .RYC .ul01:hover .li02{color:#00a1ec}
.RYC .swiper{width: 815px;height: 252px;position: relative;display: inline-block;overflow: hidden;}
.RYC .swiperBox{height: 252px;position: absolute;top: 0px;left: 0px;}
.icon{background: url(../image/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.product .ul .RYC .ul01 .li03{float:left;width: 406px;margin: 12px 20px;font-size: 14px;line-height: 26px;height: 104px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #777;display: none;}
.product .ul .RYC .ul01 .li04{color:#fff;position: absolute;background: #b8b8b8;width: 120px;height: 32px;text-align: center;line-height: 32px;bottom: 26px;left: 50%;display: none;}


/*优势*/
.cpyoushi{width:100%;float:left;position: relative;}
.cpyoushi li{width: 376.6px;float:left;height: 150px;margin: 40px 0 10px 35px;background: #fff;box-shadow: 0 0 0 1px #e1e1e1;}
.cpyoushi li:first-child{margin-left:0}
.cpyoushi li span{width: 110px;height:150px;float: left;position: relative;overflow: hidden;}
.cpyoushi li img{max-width: 100px;max-height: 100px;transition:all .5s;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.cpyoushi li h3{float: left;width: 246px;font-size:24px;color: #333;padding: 15px 10px 10px 10px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:normal;}
.cpyoushi li p{width: 246px;padding: 0 10px 0 10px;float: left;color:#666666;font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cpyoushi li:hover span{transform:scale(1.1);transition:all .5s;} 
.cpyoushi li:hover{box-shadow: 0 0 5px 1px #00a1ec;}

/*关于我们*/
.about{float:left;width:100%;position: relative;background: url(../image/bg2.jpg) no-repeat 50% 0;padding: 60px 0;}
.gsjsE{margin:0 auto;width: 1200px;overflow:hidden;background: #ffffff;}
.gsjsE .li01{float:left;width: 480px;height:300px;position:relative;border: 1px solid #ededed;background: #f7f7f7;padding: 10px;overflow: hidden}
.gsjsE .li01 img{max-height:300px;margin:auto;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%;position: absolute;transition: all .5s ease;}
.gsjsE .li01 img:hover{    -webkit-transform: scale(1.1);}
.gsjsE .li01:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73); width:480px; height:300px; float:left}
.gsjsE .li02{float:right;width: 645px;height: 218px;margin: 30px 20px 10px 0;overflow:hidden;line-height:30px;color: #666;}
.gsjsE .li03{background: #00a1ec;padding:10px 35px;color:#fff;border-radius: 5px;float:left;margin-left:38px;}
.gsjsE .li03 a{ color:#fff}

/*首页产品分类展示*/
.pavilion-container{padding: 10px 0 50px;background: #f9f9f9;min-height: 680px;width: 100%;float: left;position: relative;}
.pavilion-container .z06a{bottom: 40px;}
.pavilion-container .biaoti font{ color: #c9a467}
.pavilion-container .biaoti:before{background: #c9a467;}
.pavilion-container .z06a{background: #00a1ec;color: #fff;}
.pavilion-container .z06a a,.z06a:hover a,.z06a a:hover{color: #1c1f36}
.pavilion-container .z06a:hover{background: #c9a467;color: #1c1f36}
.pavilion-container .z06a::after,.pavilion-container .z06a::before {background: #c9a467;}
/*tab分类*/
.pavilion-container .pavilion-inner{max-width:1200px;margin:0 auto}
.pavilion-container .pavilion-inner .tabs1{padding:0 10px; overflow: hidden}
.pavilion-container .pavilion-inner .tabs1 li a{color: #333;}
.pavilion-container .pavilion-inner .tabs1 li.on a{color: #fff;}
.pavilion-container .pavilion-inner .tabs1 .li{float:left;padding:0 21px;border:1px solid #c9a467;border-radius:2px;line-height:36px;font-size:16px;color:#c9a467;letter-spacing:.35px}
.pavilion-container .pavilion-inner .tabs1 li{float:left;padding: 0 19px;border: 1px solid #777;border-radius:2px;line-height:36px;font-size:16px;color: #777;letter-spacing:.35px;width: 160px;text-align: center;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pavilion-container .pavilion-inner .tabs1 li{margin: 0 20px;cursor:pointer;}
.pavilion-container .pavilion-inner .tabs1 li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs1 li.on{background: #00a1ec;color: #fff;/* width: 200px; */}
.pavilion-container .pavilion-inner .tabs1 li>span{display:inline-block;vertical-align:middle}
/*tab内容*/
.pavilion-container .tab-content-wrap{position:relative;margin-top:20px;height:420px}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%; overflow: hidden}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .li01{width: 320px;background: #ffffff;float: left;overflow: hidden;height: 420px;position: relative;margin-top: 20px;}
.pavilion-container .tab-content .li01 .img{width: 310px;height: 270px;float: left;overflow: hidden;position: relative;margin: 5px;}
.pavilion-container .tab-content .li01:before{content: "";width: 320px;height: 1px;background: #ededed;top: 280px;left: 0px;position: absolute;}
.pavilion-container .tab-content .li01 .img img{width:auto;height: 310px;position: absolute;margin: auto;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%;}
.pavilion-container .tab-content .li01 h3{width: 300px;float: left;margin-left: 10px;text-align: center;font-weight: bold;font-size: 16px;color: #000;line-height: 50px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;}
.pavilion-container .tab-content .li01 p{width: 300px;float: left;margin-left: 10px;color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 25px;text-shadow: 1px 1px 1px #ffffff;}
.pavilion-container .tab-content .li01:hover{ background: #ededed; box-shadow: 3px 3px 3px #999; top: 2px}
.pavilion-container .tab-content .li02{float: left;margin-left: 20px;height: 200px;margin-top: 20px;width: 200px;background: #ffffff;overflow: hidden;position: relative;}
.pavilion-container .tab-content .li02 img{  width:auto; height: 200px; position: absolute; margin: auto;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%; z-index: 1}
.pavilion-container .tab-content .li02 h2{position: absolute;z-index: 2;width: 190px;padding: 0 5px;height: 40px;line-height: 40px;background: #99999990;text-shadow: 1px 1px 1px #000;color: #ffffff;font-size: 14px;font-weight: normal;bottom: 0;text-align: center;left: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pavilion-container .tab-content .li02:hover img{-webkit-transform: scale(1.02)}


/* 首页视频 */
.tonglviow{width: 100%;background: #f6f6f6;float:left;position: relative;padding-bottom: 30px;}
.tonglviow ul{width: 1200px;margin: 0 auto;overflow: hidden;padding: 20px 0 60px;}
.tonglviow ul h3{     position: relative;    margin-bottom: 20px;
border-bottom: 1px solid #dcdcdc;font-size: 16px;color: #009fff;line-height: 30px;}
.tonglviow ul h3:before{ content: ""; position: absolute; width: 65px; left: 0px; bottom: -1px; height: 1px; background:#009fff }
.tonglviow ul h3 a{ position: absolute;right: 0;font-size: 14px;}
.tonglviow ul li{float:left;width: 280px;margin: 10px;box-sizing: border-box;height: 300px;overflow: hidden;border: 1px solid #e2e2e2;/* box-shadow: 0px 0px 10px 0px #e1dddd; */-webkit-transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;}
.tonglviow ul li a {display: block;background-color: #fff;padding: 5px;display: table-cell;vertical-align: top;}
.tonglviow ul li a div.img {width: 270px;height: 245px;float: left;position: relative;border-bottom: 1px solid #ededed;}
.tonglviow ul li a h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 35px;float: left;width: 270px;height: 44px;padding: 5px 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;transition:all .5s;}
.tonglviow ul li:hover{box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, .1);}
.tonglviow ul li:hover .title{color:#00a1ec}

/*   资讯  */
.bg-grey {width: 100%;height: auto;padding: 30px 0 20px 0;float: left;background: #fff;}
.tab-block {width: 1198px;height: 520px;margin: 10px auto 0;background-color: #FFF;/* border: 1px solid #e5e5e5; */overflow: hidden;}
.tab-block.tab-item {height: 430px}
.tab-block.tab-item .tabs {height: 380px}
.tab-block .tab-buttons {width: 800px;height: 50px;margin: 0 auto;}
.tab-block .tab-buttons .tab-button {width: 234px;margin-left: 30px;float: left;height: 50px;text-align: center;font-size: 16px;color: #999;line-height: 50px;position: relative;cursor: pointer;border: 1px solid #e5e5e5;}
.tab-block .tab-buttons .tab-button.cur {background-color: #00a1ec;color: #fff;}
.tab-block .tabs {width: 100%;height: 460px;float: left;/* margin: 20px 0; */}
.tab-block .tabs .tab-item {width: 1156px;height: 400px;padding: 20px;overflow: hidden;display: none;position: relative;border: 1px solid #e5e5e5;margin-top: 20px;}
.tab-block .tabs .tab-item.active {display: block}
.tab-item .information-left {width: 500px;height: 340px;overflow: hidden;position: relative;float: left;}
.tab-item .information-left img {width: auto;height: 340px; margin: auto;position: absolute;left: 0; right: 0;top: 0;bottom: 0}
.tab-item .information-left .left-bottom {position: absolute;bottom: 0;left: 0;width: 472px;height: 48px;line-height: 48px;background: #00000080;background: #888888\9;z-index: 2;color: #fff;padding: 0 14px;}
.tab-item .information-left .left-bottom .article-title {font-size: 16px;width: 360px;float: left;}
.tab-item .information-left .left-bottom .article-time {font-size: 14px;float: right;color: #9a9a9a;}
.tab-item .information-right {width: 640px;height: 340px;float: right;}
.tab-item .information-right .article-list {padding-top: 18px;width: 100%;float: left;}
.tab-item .information-right .article-list .article-link {display: block;padding: 0 20px}
.tab-item .information-right .article-list .article-link .article-head{ float: left; width: 100%;}
.tab-item .information-right .article-list .article-link .article-head span {display: inline-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: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;background-color: #999;font-size: 14px;float: left;}
.tab-item .information-right .article-list .article-title {font-size: 16px;color: #333;line-height: 20px;margin-left: 14px;width: 450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.tab-item .information-right .article-list .article-time {float: right;font-size: 12px;color: #999;line-height: 20px}
.tab-item .information-right .article-list .article-content {margin-top: 10px;padding-left: 35px;width: 450px;font-size: 14px;color: #666;line-height: 26px;float: left;display: none;}
.tab-item .information-right .article-list .article-content p {height: 52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;width: 100%;line-height: 26px;}
.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.current .article-link {background-color: #fafafc;padding: 20px;width: 600px;float: left;}
.tab-item .information-right .article-list.current .number {background-color: #ff0000!important;}
.tab-item .information-right .article-list.current .article-title {color: #ff0000;}
.tab-item .information-right .article-list.current .article-content {display: block}


/*新闻*/
.xwdtE{float:left;width:585px;margin: 40px 0;}.hydtE{ float:right; }
.xwdtE .tittle{ float:left; width:585px; border-bottom:1px solid #ededed; line-height:35px;}
.xwdtE .tittle li{float:left;border-bottom: 1px solid #1048a0;color: #1048a0;font-size: 16px;font-weight: bold;}
.xwdtE .tittle a{ float:right;}
.xwdtE .tuwenE{ float:left; width:585px; border-bottom:1px dashed #ededed; padding-top:10px;}
.xwdtE .tuwenE .li01{ float:left; width:215px; height:130px; position:relative;margin-bottom:10px; }
.xwdtE .tuwenE .li01 img{max-width:205px; max-height:120px; margin:auto; left:0; right:0; top:0; bottom:0;    position: absolute; }
.xwdtE .tuwenE .li01 a:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73); border:1px solid #ededed;width:215px; height:130px; float:left}

.xwdtE .tuwenE .li02{ float:right; width:350px; height:130px;margin-bottom:20px; overflow:hidden; line-height:30px;}
.xwdtE .tuwenE .li02 h2{ float:left; width:350px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; line-height:30px; font-size:16px;}
.xwdtE .tuwenE .li02 p{ float:left; width:350px;   overflow: hidden; color:#9b9b9b; height:100px; line-height:25px; text-overflow: ellipsis; display: -webkit-box;    -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.xwdtE .tuwenE2{ float:left; width:585px; border-bottom:1px dashed #ededed; padding:10px 0;}
.xwdtE .tuwenE2 a{ float:left; width:440px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.xwdtE .tuwenE2 span{ float:right; width:145px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; color:#9b9b9b; text-align:right}
/*   底部  */
.copy{background: #191919;width:100%;float:left;}
.copy .copy_row1 {padding-top: 18px;width: 1200px;margin: 0 auto;line-height: 24px;height: 48px;overflow: hidden;color: #f9f9f9;padding-bottom: 10px;border-bottom: 1px solid #454545;font-size: 16px;}
.copy .copy_row1 a{padding: 0 5px;color: #f9f9f9;}
.copy .copy_row2 {min-height: 220px;overflow: hidden;width: 1200px;margin:0 auto;position: relative;}
.copy .copy_row2 ul{float: left;padding: 30px 0px 0 40px;margin: 0 25px 0 0;width: 100px;/* height: 190px; */}
.copy .copy_row2 > div{float: left;padding: 30px 0px 30px 60px;margin: 0 30px 0 0;width: 450px;position: relative;color: #ddd;line-height: 1.6;}
.copy .copy_row2 > div:before{content: '';display: block;width: 1px;height: 105px;background: #454545;position: absolute;left: 20px;top: 65px;}
.copy .copy_row2 > div:after{content: '';display: block;width: 40px;height: 40px;background: #454545;border-radius: 50%;position: absolute;top: 25px;left: 0;}
.copy .copy_row2 > div.copy_list1:after{background: #454545 url(../image/friendlink_l.png) no-repeat center;}
.copy .copy_row2 > div.copy_list1 p {float:left;width:100%;overflow:hidden;display: block;color: #bbb;line-height: 35px;font-size: 13px;}
.copy .copy_row2 > div.copy_list1 a{ color:#bbb }
.copy .copy_row2 ul.ewm {width: 250px;margin: 0;}
.copy .copy_row2 ul.ewm .ewm_in{float: left;margin: 30px 10px;}
.copy .copy_row2 ul.ewm .ewm_in img{display: block;width: 90px;border: 5px solid #ffffff;}
.copy .copy_row2 ul.ewm .ewm_in p{ color: #bbb; display: block; line-height: 30px; text-align: center; }
.copy .copy_row2 ul .copy_tel{ background: url(../image/bottomtel.png) no-repeat left center; padding:10px 0 5px 60px; font-size: 22px; line-height: 50px; height:50px;display: block; color: #fff; font-family: arial; font-weight: 100;overflow: hidden;}
.copy .copy_row2 ul.copy_contact { width: 290px; padding-right: 0; margin-right: 0;  float: right;}
.copy .copy_row2 ul.copy_contact p{ color: #bbb; display: block; line-height: 25px; }
.copy .copy_row3{ width: 100%; height: 55px; line-height: 55px; background:#ffffff; text-align:center;color: #999999; }
.copy .copy_row3 a { color: #999999; }
.copy .copy_row3 a:hover{ color: #230c6f; text-decoration:underline; }


.hpage{width: 980px;margin:0 auto;text-align:center;padding: 40px 0px 40px 0px;color:#333333;float:left;font-size:14px;}
.hpage span{color:#ffffff;background: #191919;padding: 2px 10px 2px 10px;border: 1px solid #191919;margin-right: 8px;font-weight:bold;}
.hpage a{text-decoration:none;color:#303030;padding: 2px 10px 2px 10px;border:1px solid #ededed;margin-right: 8px;}
.hpage a:hover{color:#ffffff;text-decoration:none;border: 1px solid #afadad;background: #afadad;font-weight:bold;padding:2px 10px 2px 10px;}
.item_mask{width: 225px;height: 220px;background: rgba(0,0,0,0);position: absolute;left: 1px;top: 1px;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.item_link_icon{display: block;width:45px;height:45px;text-align: center;background-position: 0px -105px;line-height: 38px;position: absolute;left: 50%;top: 50%;margin-left: -22px;opacity:0;filter:Alpha(opacity=0);*zoom:1;}
.EcplistR li:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.EcplistR li:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter:Alpha(opacity=100);}
/*公司动态列表*/
.newslm {overflow:hidden;float:right;width:970px;padding: 15px 0;}
.newslm li {float: left;width: 960px;padding: 0 0 0 10px;}
.newslm li a {width: 920px;border-bottom:#ededed 1px solid;padding: 15px;overflow:hidden;transition-duration:0.3s;float: left;}
.newslm li a span { float:left;overflow: hidden;margin-right:30px; padding:2px; border:#ededed 1px solid; width:215px; height:165px;position: relative;}
.newslm li a img {margin: auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;max-width:215px;max-height:165px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newslm li a h2 { font-size:15px; line-height:50px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden;}
.newslm li a p { line-height:38px;}
.newslm li a:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.newslm li a:hover img{transform: scale(1.1, 1.1);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.newslm li a:hover h2{color:#00a1ec}
.wdlist{ float:right; width:970px;}
.wdlist a{ float:right; width: 930px;  margin-top: 18px; border-bottom:1px dashed #ededed; padding-bottom:10px; padding:0px 20px 10px 20px; }
.wdlist a h2{ background: url(../image/wen.jpg) no-repeat 0 2px; font-weight: bold; text-indent: 25px; font-size:14px; padding-bottom:10px; float:left; width:940px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; }
.wdlist a p{ background: url(../image/da.jpg) no-repeat 0 2px; color: #7d7d7d;  padding-left: 25px; float:left; width:905px;}
.page{ float:left; width:930px; padding:20px; line-height:30px;}

/*列表页推荐产品*/
.cptj{width:100%;float:left;}
.topCon_2 {width:1200px;height:305px;border-top:0;overflow:hidden;padding: 15px 0px 0 0px;margin: 0 auto 40px auto;}
.topCon_2 .tittle{ float:left; width:1200px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px;}
.topCon_2 .tittle p{float:left;border-bottom: 1px solid #1048a0;color: #1048a0;font-size:16px;font-weight: bold;}
.topCon_2 .li01{border:1px #ededed solid; padding:4px; float:left; width:210px; height:200px; font-size:0px; position:relative}
.topCon_2 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 10px;max-width:210px; max-height:200px; }
.topCon_2 .li02{float:left; width:220px; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; line-height:30px;}
.topCon_2 ul{  float:left; width:220px; height:250px; padding:0px 10px 0px 10px; background:#ffffff}

/* 产品详细 */
.house_con{ float:right; width:950px; background:#ffffff; padding:9px;border: 1px solid #ededed;    }
.house_con .tittle{ float:right; width:950px; border-bottom:1px solid #ededed; line-height:35px; margin-top:20px;}
.house_con .tittle p{ float:left; border-bottom:1px solid #057fe7; color:#057fe7; font-size:16px; font-weight:bold}
.house_con .jieshao{ float:right; width:525px;}
.house_con .jieshao h1{ float:left; width:515px; font-size:18px; line-height:30px; max-height: 60px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; padding:10px 10px 10px 0; margin-bottom:10px;border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con { float:left;padding-bottom: 5px; width: 525px; overflow: hidden; }
.house_con .jieshao .price_con i {    font-size: 30px;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{ float:left; line-height:25px; font-size:14px; color:#000000;padding:10px 0 10px 0; width:515px;}
.house_con .jieshao .two font{ color:#999999; float:left; width:80px;}
.house_con .jieshao .two span{ float:right; width:435px;}
.house_con .jieshao .san{ float:left; line-height:30px; font-size:14px; color:#000000; width:435px; padding:20px 0 0 0}
.house_con .jieshao .san .qqimg{ border-radius: 4px;padding: 6px 10px 8px 10px;background:#56A36C;box-shadow: 0 0.01rem 0.04rem 0 #56A36C;}
.house_con .jieshao .san .xsdh{font-size: 24px; color: #ff6600; overflow: hidden; font-weight: bold;}
.linex{border-bottom:1px dashed #dedede;}
.house_con_lf{position: relative; margin: 0 auto;float:left; width:402px;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 10px; width: 400px; height: 400px; overflow: hidden; float:left; position:relative; border:1px solid #ededed}
.house_bigImg img{ margin: auto; max-width: 400px; max-height: 400px;    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute;}
.house_bigImg ul li{position: relative; z-index: 9;}
.house_smallImg{position: relative; margin-top: 0px;  height: 57px; overflow: hidden; float:left; width:352px; margin-left:35px;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 100px;margin-right:15px;height: 55px;border: 1px #ededed solid; }
.house_smallImg ul li img{display: block; max-width: 55px; max-height: 55px; cursor: pointer; left:0; right:0; top:0; bottom:0; position:absolute; margin:auto;}
.house_smallImg ul li.on{ border: 1px #f23742 solid;}
.house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 126px; height: 27px; line-height: 26px; text-align: center; font-size: 14px; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    /*IE8鏀寔*/ cursor: pointer;}
.house_smallImg ul li.on .bun_bg{width: 124px; bottom: 2px; left: 2px;}
span.house_imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px;background:#ccc; cursor:pointer;background:url(http://i.b2b168.com/shop/z24/pic/left_arrow.png) 0px -6px no-repeat;}
span.house_imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px; background:#ccc; cursor:pointer; background:url(http://i.b2b168.com/shop/z24/pic/right_arrow.png) 0px -6px no-repeat; }
span.house_imgs_lf:hover{background:url(http://i.b2b168.com/shop/z24/pic/left_arrow_h.png) 0px -6px no-repeat;}
span.house_imgs_rt:hover{background:url(http://i.b2b168.com/shop/z24/pic/right_arrow_h.png) 0px -6px no-repeat;}
.house_con .summary{ float:left; width:910px; padding:20px 0px 20px 20px;word-wrap:break-word; line-height:35px;}
.house_con .summary img{ max-width:910px;}
.imgs{position: relative;z-index: 8;width: 402px;overflow: hidden;float: left;margin-left: 10px;margin-top: 15px;}
.bigImg{margin-bottom: 10px;width: 400px;height: 400px;overflow: hidden;float:left;position:relative;border:1px solid #ededed;}
.bigImg img{margin: auto;max-width: 100%;max-height: 100%;left: 0;right: 0;top: 0;bottom: 0;position: absolute;padding-top: 0;}
.bigImg ul li{position: relative; z-index: 9;}
.smallImg{position: relative;margin-top: 0px;height: 57px;overflow: hidden;float:left;width: 402px;/* margin-left:35px; */}
.smallImg ul{width: 100%;}
.smallImg ul li{position:relative;float: left;width: 87px;margin-right:15px;height: 55px;border: 1px #ededed solid;}
.smallImg ul li:last-child{margin-right: 0;}
.smallImg ul li img,.smallImg ul li video{display: block;max-width: 100%;max-height: 100%;cursor: pointer;left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;padding-top: 0;}
.smallImg ul li.on{border: 1px #00a1ec solid;}
.smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 126px; height: 27px; line-height: 26px; text-align: center; font-size: 14px; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    /*IE8鏀寔*/ cursor: pointer;}
.smallImg ul li.on .bun_bg{width: 122px; bottom: 2px; left: 2px;}
span.imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px;background:#ccc; cursor:pointer;background:url(http://i.b2b168.com/shop/z24/pic/left_arrow.png) 0px -6px no-repeat;}
span.imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px; background:#ccc; cursor:pointer; background:url(http://i.b2b168.com/shop/z24/pic/right_arrow.png) 0px -6px no-repeat; }
span.imgs_lf:hover{background:url(http://i.b2b168.com/shop/z24/pic/left_arrow_h.png) 0px -6px no-repeat;}
span.imgs_rt:hover{background:url(http://i.b2b168.com/shop/z24/pic/right_arrow_h.png) 0px -6px no-repeat;}
.house_con .summary{ float:left; width:910px; padding:20px 0px 20px 20px;word-wrap:break-word; line-height:35px;}
.house_con .summary img{ max-width:910px;}
.smallImg li .videoIcon{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;height: 25px;width: 25px;box-sizing: border-box;border-radius: 50%;background: #f40;border: 2px solid #fff;}
.smallImg li .videoIcon::after{content:"";position:absolute;top: 0;bottom:0;left: 50%;margin-top:auto;margin-bottom:auto;margin-left: -3px;/*没有让其左右居中，因为看起来右边更空一些*/width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 9px solid #fff;}
/*动态详情*/
.cpxiangxi{width:928px;border-top:0px;padding:20px 20px 20px 20px;color:#333333;float:right;color:#999999;position:relative;border:1px solid #ededed;background:#ffffff;}
.cpxiangxi td{ padding:5px; word-break:break-all}
.cpxiangxi .cpli11{padding: 10px 20px;;font-size: 14px;color: #666666;line-height:42px;float:left;width: 890px;margin-top:5px;table-layout: fixed;word-wrap: break-word;overflow: hidden;}
.cpxiangxi .cpli11 td{ padding:8px 0 8px 5px;border-top:1px solid #E9E9E9; border-left:1px solid #E9E9E9; }
.cpxiangxi .cpli11 table{ background:#E9E9E9;border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9;}
.cpxiangxi .cpli11 img{max-width:850px;width:expression(this.width>850?(function(o){o.style.width='850px';})(this):'auto');}
.cpxiangxi .cpli11 a{ color:#333333; text-decoration:none;}
.xxcs1{float:left;width: 888px;font-size:18px;color: #333333;line-height:40px;font-weight:bold; text-align:center; margin:20px 0px 10px 20px; border-bottom:1px dashed #ededed; padding-bottom:10px;}
.cans{float:left;width: 888px;font-size:14px;color: #666666;line-height:40px;text-align:center; margin:0px 0px 10px 20px; border-bottom:1px dashed #ededed; padding-bottom:10px;}
.cans span{ padding:0px 20px;}
.jvheye{font-weight: bold;color: #00a1ec;position: relative}
.jvheye:before{content:"";position:absolute;height:1px;width: 66px;background:#00a1ec;left:0;bottom:0;}



/*内页样式*/
.mianbaoxie{ width:1200px; line-height:50px; font-size:14px; color:#888888; margin: 0 auto}
.mianbaoxie a{ color:#666666}
.zxzsI{background: #f7f7f7;width: 100%;float: left;height: auto;overflow: hidden;padding-top: 40px;padding-bottom: 100px;position: relative;}
.zxzsI[container="2"]{background: #f4f4f4;}
.biaoti{width: 100%;float: left;padding-bottom: 20px;min-width: 1200px;text-align: center;font-size: 32px;line-height: 38px;margin-bottom: 60px;font-weight: bold;position: relative;color: #1e2037;}
.biaoti:before{content: '';position: absolute;width: 60px;height: 2px;left: 50%;bottom: 18px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: #1e2037;transition: ease-in-out 0.5s;z-index: 2;    animation: nexsliderbar 3s linear infinite;}
.biaoti span{float: left;width: 50px;height: 20px;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.biaoti font{border-radius: 5px;display: inline-block;position: relative;z-index: 3;padding: 5px 20px 8px 20px;}
.biaoti p{position: absolute;width: 1000px;text-align: center;left: 50%;margin-left: -500px;font-size: 14px;color: #888888;bottom: -15px;font-weight: normal;font-family: 'Averia Sans Libre', Arial, sans-serif;letter-spacing: 0.2px;}

.EcplistL2{width: 100%;float: left;position: relative;height: 40px;}
.EcplistL2 .C1{background: #f4f4f4cc;background: #f4f4f4\9;width: 1200px;position: absolute;left: 50%;margin-left: -605px;height: 80px;top: -40px;z-index: 9999;overflow: hidden;text-align: center;padding: 0 5px;}
.EcplistL2 .C1 h2{float:left;width: calc(100% / 8 - 22px);width: 149px\9;text-align: center;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;transition: all ease-out .2s;-webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;-moz-transition: all ease-out .2s;-o-transition: all ease-out .2s;font-size: 14px;margin: 20px 5px;/* display: inline; */background: #ffffff;padding: 0 5px;border: 1px solid #ddd;}
.EcplistL2 .C1 h3{ float:left; width:148px; font-size:13px; line-height:30px; padding-left:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.EcplistL2 .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #1e2037; position: absolute; left: 7px;top: 13px;}

.EcplistL2 .C1 h2:hover{color:#ffffff;font-family:Microsoft YaHei;font-size:14px;font-weight:bold;background:#1e2037;}
.EcplistL2 .C1 h2 a:hover,.EcplistL2 .C1 h2:hover a{color:#ffffff;}

.EcplistL{float:left;width:210px;background: #ffffff;}
.EcplistL .tittle{float:left;background: #00a1ec;border-radius: 10px 10px 0 0;line-height: 65px;color:#fff;padding-left:20px;width:190px;font-weight:bold;font-size:16px;height: 65px;}

.EcplistL .tittle span{ font-size:12px; font-weight: normal; padding-left: 10px;}
.EcplistL .C1{float:left;border-top:0px;width:188px;padding-left:20px;padding-top:10px;background: #f6f6f6;border: 1px solid #ededed;background: #ffffff;}

.EcplistL .C1 h2{float:left;width:168px;font-size:15px;line-height: 42px;border-bottom:1px dashed #ededed;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;    }
.EcplistL .C1 h3{ float:left; width:148px; font-size:13px; line-height:30px; padding-left:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.EcplistL .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #1e2037; position: absolute; left: 7px;top: 13px;}

.EcplistL .C1 h2:after{content:'';background:#1e2037;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}
.EcplistL .C1 h2:hover:after{width:100%; }
.EcplistL .C1 h2:hover a{ color: #1e2037} 



.EcplistL .C1 h2{overflow: visible;}
.EcplistL .C1 h2 span{ float:right; width:28px; height:40px;}
.EcplistL .C1 h2 .twofl{ display:none}
.EcplistL .C1 h2:hover .twofl{ position: absolute; left: 165px; top: 0; width: 150px; border: 1px solid #ededed; background: #ffffff; padding: 10px 20px; z-index: 19999; display:block}
.EcplistL .C1 h2:hover .twofl a{ float:left; width:140px; line-height:35px; position:relative; padding-left:10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; color: #333}
.EcplistL .C1 h2 .twofl a:hover{ color: #1e2037}

.EcplistL .C1 h2:hover .twofl a:before{content:""; position:absolute; left:0; top:14px; height:5px; width:5px; border-radius:50%; background:#666666}


.MBXz15{float: left;width: 100%;}
.mianbaoxie{ width:1200px; line-height:50px; font-size:14px; color:#888888; margin: 0 auto}
.mianbaoxie a{ color:#666666}


.EcplistR,.EcplistR2{width:980px;float:right;position: relative;}
.EcplistR .tittle,.EcplistR2 .tittle{ float:right; width:970px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px;}
.EcplistR .tittle p,.EcplistR2 .tittle p{ float:left; border-bottom:1px solid #00a1ec; color:#00a1ec; font-size:16px; font-weight:bold}

.EcplistR li {width: 225px;float: left;margin: 0 10px;box-sizing: border-box; height:320px; overflow:hidden}
.EcplistR li a {display: block;border: 1px solid #E5E5E5;background-color: #fff;margin-top: 20px;padding: 4px;display: table-cell;vertical-align: top;}
.EcplistR li a:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);}
.EcplistR li a:hover h2.title {color: #1e2037;}
.EcplistR li a div.img{ width:215px; height:215px; float:left; position:relative; border-bottom:1px solid #ededed; overflow: hidden}
.EcplistR li a div.img img{ max-height:215px; max-width:215px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute;transition: all .5s ease;}
.EcplistR li a div.img img:hover{    -webkit-transform: scale(1.1);}
.EcplistR li a h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;float:left;width:215px;    height: 40px;    margin-bottom: 5px;    margin-top: 5px;}

.EcplistR li a  p.desc {font-size: 14px;line-height: 16px;color: #888;height: 16px;margin-top: -2px; float:left;width:215px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; padding-bottom:5px; }




.topCon_2 {width:1200px; height:280px; padding:0px 0 0 0;  border-top:0; overflow:hidden;padding:15px 0px 0px 0px; margin: 0 auto }
.topCon_2 .tittle{ float:left; width:1200px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:0px;}
.topCon_2 .tittle p{ float:left; border-bottom:1px solid #1e2037; color:#1e2037; font-size:16px;}
.topCon_2 .li01{border-bottom:1px #ededed solid; padding:5px; float:left; width:210px; height:220px; font-size:0px; position:relative}
.topCon_2 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 10px;max-width:210px; max-height:200px; }
.topCon_2 .li02{float:left; width:220px; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; line-height:40px;}
.topCon_2 ul{  float:left; width:220px; height:270px; margin:0px 10px 0px 0px; background:#ffffff; padding: 5px;}

.hpage{width: 100%;margin:0 auto;text-align:center;padding: 0px 0px 30px 0px;color:#333333;float:left;font-size:14px;}
.hpage span{ color:#ffffff;background:#000000; padding:2px 7px 2px 7px; border:1px solid #000000;margin-right:0px; font-weight:bold }

.hpage a{text-decoration:none; color:#303030;  padding:2px 7px 2px 7px; border:1px solid #ededed;margin-right:0px; }
.hpage a:hover{ color:#ffffff; text-decoration:none;border:1px solid #2f72ff;background:#2f72ff;font-weight:bold;padding:2px 7px 2px 7px; }


/* 产品详细 */
.house_con{ float:right; width:950px; background:#ffffff; padding:9px;border: 1px solid #ededed;    }
.house_con .tittle{ float:right; width:950px; border-bottom:1px solid #ededed; line-height:35px; margin-top:20px;}
.house_con .tittle p{ float:left; border-bottom:1px solid #1e2037; color:#1e2037; font-size:16px; font-weight:bold}
.house_con .jieshao{ float:right; width:525px;}
.house_con .jieshao h1{ float:left; width:515px; font-size:18px; line-height:30px; max-height: 60px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; padding:10px 10px 10px 0; margin-bottom:10px;border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con { float:left;padding-bottom: 5px; width: 525px; overflow: hidden; }
.house_con .jieshao .price_con i {    font-size: 30px;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{ float:left; line-height:25px; font-size:14px; color:#000000;padding:10px 0 10px 0; width:515px;}
.house_con .jieshao .two font{ color:#999999; float:left; width:80px;}
.house_con .jieshao .two span{ float:right; width:435px;}
.house_con .jieshao .san{ float:left; line-height:30px; font-size:14px; color:#000000; width:435px; padding:20px 0 0 0}
.house_con .jieshao .san .qqimg{border-radius: 4px;padding: 6px 10px 8px 10px;background: #1e2037;box-shadow: 0 1px 4px 0 #a5a5a5;}
.house_con .jieshao .san .xsdh{font-size: 24px; color: #ff6600; overflow: hidden; font-weight: bold;}
.linex{border-bottom:1px dashed #dedede;}


.house_con_lf{position: relative; margin: 0 auto;float:left; width:402px;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 10px; width: 400px; height: 400px; overflow: hidden; float:left; position:relative; border:1px solid #ededed}
.house_bigImg img{ margin: auto; max-width: 400px; max-height: 400px;    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute;}
.house_bigImg ul li{position: relative; z-index: 9;}
.house_smallImg{position: relative; margin-top: 0px;  height: 57px; overflow: hidden; float:left; width:352px; margin-left:35px;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 100px;margin-right:15px;height: 55px;border: 1px #ededed solid; }
.house_smallImg ul li img{display: block; max-width: 55px; max-height: 55px; cursor: pointer; left:0; right:0; top:0; bottom:0; position:absolute; margin:auto;}
.house_smallImg ul li.on{ border: 1px #f23742 solid;}
.house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 126px; height: 27px; line-height: 26px; text-align: center; font-size: 14px; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    /*IE8鏀寔*/ cursor: pointer;}
.house_smallImg ul li.on .bun_bg{width: 122px; bottom: 2px; left: 2px;}
span.house_imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px;background:#ccc; cursor:pointer;background:url(http://i.b2b168.com/shop/z24/pic/left_arrow.png) 0px -6px no-repeat;}
span.house_imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px; background:#ccc; cursor:pointer; background:url(http://i.b2b168.com/shop/z24/pic/right_arrow.png) 0px -6px no-repeat; }
span.house_imgs_lf:hover{background:url(http://i.b2b168.com/shop/z24/pic/left_arrow_h.png) 0px -6px no-repeat;}
span.house_imgs_rt:hover{background:url(http://i.b2b168.com/shop/z24/pic/right_arrow_h.png) 0px -6px no-repeat;}
.house_con .summary{ float:left; width:910px; padding:20px 0px 20px 20px;word-wrap:break-word; line-height:35px;}
.house_con .summary img{ max-width:910px;}
.paging_prev {float: left;width: 838px;line-height: 30px; padding:10px 0 0 20px; font-size:14px;}


.imgs{position: relative;z-index: 8;width: 402px;overflow: hidden;float: left;margin-top: 15px;}
.bigImg{margin-bottom: 10px;width: 400px;height: 400px;overflow: hidden;float:left;position:relative;border:1px solid #ededed;}
.bigImg img{margin: auto;max-width: 100%;max-height: 100%;left: 0;right: 0;top: 0;bottom: 0;position: absolute;padding-top: 0;}
.bigImg ul li{position: relative; z-index: 9;}
.smallImg{position: relative;margin-top: 0px;height: 57px;overflow: hidden;float:left;width: 402px;/* margin-left:35px; */}
.smallImg ul{width: 100%;}
.smallImg ul li{position:relative;float: left;width: 87px;margin-right:15px;height: 55px;border: 1px #ededed solid;}
.smallImg ul li:last-child{margin-right: 0;}
.smallImg ul li img,.smallImg ul li video{display: block;max-width: 100%;max-height: 100%;cursor: pointer;left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;padding-top: 0;}
.smallImg ul li.on{border: 1px #00a1ec solid;}
.smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 126px; height: 27px; line-height: 26px; text-align: center; font-size: 14px; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    /*IE8鏀寔*/ cursor: pointer;}
.smallImg ul li.on .bun_bg{width: 122px; bottom: 2px; left: 2px;}
span.imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px;background:#ccc; cursor:pointer;background:url(http://i.b2b168.com/shop/z24/pic/left_arrow.png) 0px -6px no-repeat;}
span.imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px; background:#ccc; cursor:pointer; background:url(http://i.b2b168.com/shop/z24/pic/right_arrow.png) 0px -6px no-repeat; }
span.imgs_lf:hover{background:url(http://i.b2b168.com/shop/z24/pic/left_arrow_h.png) 0px -6px no-repeat;}
span.imgs_rt:hover{background:url(http://i.b2b168.com/shop/z24/pic/right_arrow_h.png) 0px -6px no-repeat;}
.house_con .summary{ float:left; width:910px; padding:20px 0px 20px 20px;word-wrap:break-word; line-height:35px;}
.house_con .summary img{ max-width:910px;}
.smallImg li .videoIcon{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;height: 25px;width: 25px;box-sizing: border-box;border-radius: 50%;background: #f40;border: 2px solid #fff;}
.smallImg li .videoIcon::after{content:"";position:absolute;top: 0;bottom:0;left: 50%;margin-top:auto;margin-bottom:auto;margin-left: -3px;/*没有让其左右居中，因为看起来右边更空一些*/width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 9px solid #fff;}



.newslm { overflow:hidden; float:right; width:970px; margin-bottom: 40px;}
.newslm li { overflow:hidden;}
.newslm li a { padding:20px; border-bottom:#ededed 1px solid; overflow:hidden; display:block;transition-duration:0.3s;}
.newslm li a span { float:left; margin-right:30px; padding:2px; border:#ededed 1px solid; width:215px; height:165px;position: relative;}
.newslm li a img { margin: auto;    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute; max-width:215px; max-height:165px;    border-radius: 10px;}
.newslm li a h2 { font-size:15px; line-height:50px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden;}
.newslm li a p { line-height:38px;}
.newslm li a:hover { background:#f4f4f4;transition-duration:0.3s;}
.date { border-bottom:#ddd 1px dashed; height:35px; font-size:12px; line-height:35px; text-align:center;}
.cpxiangxi{width:928px;border-top:0px;padding:20px 20px 20px 20px;color:#333333;float:right;color:#999999;position:relative;border:1px solid #ededed;background:#ffffff;}
.cpxiangxi td{ padding:5px; word-break:break-all}
.cpxiangxi .cpli11{padding: 10px 20px;;font-size: 14px;color: #666666;line-height:42px;float:left;width: 890px;margin-top:5px;table-layout: fixed;word-wrap: break-word;overflow: hidden;}
.cpxiangxi .cpli11 td{ padding:8px 0 8px 5px;border-top:1px solid #E9E9E9; border-left:1px solid #E9E9E9; }
.cpxiangxi .cpli11 table{ background:#E9E9E9;border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9;}
.cpxiangxi .cpli11 img{max-width:850px;width:expression(this.width>850?(function(o){o.style.width='850px';})(this):'auto');}
.cpxiangxi .cpli11 a{ color:#333333; text-decoration:none;}

.xxcs1{float:left;width: 888px;font-size:18px;color: #333333;line-height:40px;font-weight:bold; text-align:center; margin:20px 0px 10px 20px; border-bottom:1px dashed #ededed; padding-bottom:10px;}
.cans{float:left;width: 888px;font-size:14px;color: #666666;line-height:40px;text-align:center; margin:0px 0px 10px 20px; border-bottom:1px dashed #ededed; padding-bottom:10px;}
.cans span{ padding:0px 20px;}
.wdlist{ float:right; width:970px; margin-bottom: 40px;}
.wdlist a{ float:right; width: 930px;  margin-top: 18px; border-bottom:1px dashed #ededed; padding-bottom:10px; padding:0px 20px 10px 20px; }
.wdlist a h2{ background: url(../image/wen.jpg) no-repeat 0 2px; font-weight: bold; text-indent: 25px; font-size:14px; padding-bottom:10px; float:left; width:940px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; }
.wdlist a p{ background: url(../image/da.jpg) no-repeat 0 2px; color: #7d7d7d;  padding-left: 25px; float:left; width:905px;}

.page{ float:left; width:930px; padding:20px; line-height:30px; overflow: hidden}
.page img{ max-width: 100%}

.topCon_1 {float:left;width:100%; background:url(http://i.b2b168.com/shop/z24/pic/topCon_1bg.png) repeat-x;height: 53px;}
.searchbox { height: 45px; width: 1200px;margin:0 auto;}
.marquee {height: 45px; width: 1200px;margin:0 auto;}
.martitle {color: #F50000; font-weight:bold;float: left;font: 12px/45px '微软雅黑';}
.marquee .p {color: #000000;float: left;font: 12px/45px '微软雅黑';height: 45px;width: 630px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden;}
.search { float:right;height: 45px;}
.text { background: url("http://i.b2b168.com/shop/z24/pic/text.jpg") no-repeat scroll 0 0; border: 0 none;color: #63777D; display: inline;float: left;font: 12px/24px '宋体'; height: 24px; margin-left: 0px;margin-top: 10px; text-indent: 40px; width: 170px;}
.fixed{position: fixed;top: 0; margin-top:0px; z-index:9999999		}
.button { background: url("http://i.b2b168.com/shop/z24/pic/button.jpg") no-repeat scroll 0 0;border: 0 none;float: left;height: 25px;margin-top:10px;width: 55px;}


#plMessage{ padding-left:200px; float:left;}
#plMessage td{ padding:5px;}
#plMessage input{ border:1px solid #dedede; height:25px;}
#plMessage  textarea{ border:1px solid #dedede; height:85px;}
#plMessage  #btnPost{background: #1e2037;border-radius: 8px;line-height: 35px; height:35px; border:0px; padding:0px 25px;color: #fff;font-size: 14px;}
#plMessage  .cz{background: #e3aa00;border-radius: 8px;line-height: 35px; height:35px; border:0px; padding:0px 25px;color: #fff;font-size: 14px;}
/* 在线客服 */
#sideBar{display: block;position: fixed;right: 0;bottom: 50px;cursor: pointer;z-index: 99999;}
.rt_conct{ position: fixed;z-index: 9999999;top: 300px;right: -147px;cursor: pointer;-webkit-transition: all .3s ease;transition: all .3s ease;}
.rt_conct:hover{ right:0; }
.rt_conct:hover .rt_ercode{ height:184px; }
.rt_bar ul li{ width: 200px;height: 53px;font: 14px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 1px;border-radius: 3px;-webkit-transition: all .5s ease;transition: all .5s ease;overflow: hidden;background: #555;position: relative;}
.rt_bar ul li a{font-size:12px;color:#fff;text-decoration:none;display:block;height:30px;}
.rt_bar a:hover {color:yellow;}
.rt_bar .iconPic{width: 50px;height: 50px;display: inline-block;position: absolute;left: 0;}
.rt_top .iconPic{background: url(http://i.b2b168.com/shop/z24/pic/top.png) center no-repeat;background-size: 30px 30px;}
.rt-pho .iconPic{background: url(http://i.b2b168.com/shop/z24/pic/phone.png) center no-repeat;background-size: 30px 30px;}
.rt_QQ .iconPic{background: url(http://i.b2b168.com/shop/z24/pic/QQ1.png) center no-repeat;background-size: 30px 30px;}
.rt_ercode .iconPic{background: url(http://i.b2b168.com/shop/z24/pic/wechat.png) center no-repeat;background-size: 30px 30px;}
.hd_qr{padding: 0 29px 25px 50px;}

/* 人才招聘 */
.Chr{ width:99%; float: right; }
.Chr .li01{margin-bottom: 30px;}
.Chr td{ padding:5px;}
.footLayer,.mobileFuwu{ display: none}
#divMap{    float: right;    width: 970px !important;}
.tishiMap{float: right;    background: url(../image/tishiMap.jpg) 0 center no-repeat #ffffff;    width: 970px;}
.xl_2{ display: none}
/*   资讯推荐  */
.qyzx2019{float: left;width: 100%;background:#ffffff;margin-top:20px;overflow: hidden;}
.qyzx2019 .nav19 {width: 190px;float: left;border: 1px solid #ededed;padding-left: 18px;position: relative;font-size: 18px;font-weight: bold;color: #ffffff;padding-top: 15px;padding-bottom: 15px;background: #00a1ec;border-radius: 10px 10px 0 0;}
.qyzx2019 .nav19 a{position: absolute;right: 10px;top: 19px;color: #fadd15;font-size: 14px;font-weight: normal;}
.qyzx2019 .com19{float:left;width: 208px;padding: 0 0 0px 0;border: 1px solid #ededed;}
.qyzx2019 .com19 li{float:left;width: 190px;height:20px;line-height:20px;margin: 0px 0 0 0;padding: 10px 9px 10px 9px;border-top: 1px solid #ededed; position: relative}
.qyzx2019 .com19 li i{ background:#f2f2f2; width:20px; height:20px; text-align:center; float:left; font-style:normal; color:#333333}
.qyzx2019 .com19 li .nom1{background: #01438e;color:#fff;}
.qyzx2019 .com19 li .nom2{background: #005cc5;color:#fff;}
.qyzx2019 .com19 li .nom3{background: #0071f1;color:#fff;}
.qyzx2019 .com19 li span{ display:none;}
.qyzx2019 .com19 li p{float:left;padding-left: 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height:20px;width: 100%;}
.qyzx2019 .com19 .cur{height: 80px;background:#f6f6f6;}
.qyzx2019 .com19 .cur span{margin-top: 5px;position:relative;float:left;height: 40px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px;font-size: 12px;color: #888888;}
.qyzx2019 .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:50px; max-width:50px; margin:auto}
.qyzx2019 .com19 .cur p{float:left;width: 100%;margin-top: 10px;line-height:20px;font-size: 14px;font-weight:bold;overflow: hidden;height:20px;word-wrap: break-word;word-break: break-all;white-space: pre-line;}
.qyzx2019 .com19 li:after{content:'';background:#1e2037;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}

.qyzx2019 .com19 li:hover:after{width:100%; }


.zxgyxx21{float: left;width: 100%;background:#ffffff;margin:20px 0;overflow: hidden;}
.zxgyxx21 .nav19 {width: 190px;float: left;border: 1px solid #ededed;padding-left: 18px;position: relative;font-size: 18px;font-weight: bold;color: #ffffff;padding-top: 15px;padding-bottom: 15px;background: #00a1ec;border-radius: 10px 10px 0 0;}
.zxgyxx21 .nav19 a{position: absolute;right: 10px;top: 19px;color: #fadd15;font-size: 14px;font-weight: normal;}
.zxgyxx21 .com19{float:left;width: 190px;padding: 0 9px;border: 1px solid #ededed;}
.zxgyxx21 .com19 a{float: left;width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;border-top: 1px solid #ededed;padding: 10px 0; position: relative}
.zxgyxx21 .com19 a:after{content:'';background:#1e2037;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}
.zxgyxx21 .com19 a:hover:after{width:100%; }

/* 左侧产品分类 */
.EcplistL3 .C1 {
  float: left;
  position: relative;
  width: 188px;
  height: 450px;
  border: 1px solid #ededed;
  border-top: 0px;
  padding: 10px 0 0 20px;
  margin-bottom: 20px;
}

.EcplistL3 .C1 h2 {
  position: relative;
  font-size: 16px;
  background: none;
  font-weight: normal;
}

.EcplistL3 .C1 .tubiao {
  position: absolute;
  top: 0px;
  right: 5px;
  float: right;
  width: 22px;
  height: 22px;
  margin-top: 8px;
  background: url(../image/jiantou.png) no-repeat center center;
}

.EcplistL3 .C1 .tubiao02 {
  transform: rotate(90deg);
}

.EcplistL3 .C1 .two_no {
  display: none;
}

.EcplistL3 .C1 .two_bk {
  display: block;
  width: 170px;
  padding: 0;

}

.EcplistL3 h2 .two_no a {
  display: block;
  float: left;
  width: 150px;
  line-height: 35px;
  position: relative;
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #333;
}

.EcplistL3 .C1 .scroll2{
  	scrollbar-width: thin;
	scrollbar-color: #00a1ec #f4f4f4;
  height: 100%;
  overflow-x: hidden;
}

/* 滚动条样式 */
.EcplistL3 .C1 .scroll2::-webkit-scrollbar {
  width: 5px;
  background: #f4f4f4;
}
.EcplistL3 .C1 .scroll2::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background: #00a1ec;
}
.EcplistL3 .C1 h2 .two_no a:hover{ 
  color: #00a1ec
}.house_con .summary img{max-width: 910px !important;height: auto !important;line-height: 0;}