﻿
/* 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;max-height: 90px;margin: auto;}
.top .logo a{height: 100%; width: auto;display: flex;}
.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: 22px;font-weight: bold;line-height: 32px;color:#343434;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{height: 90px;display: block;overflow: hidden;padding-top: 10px;}
.top .top_tel i{float:left;background: url(../image/icon1.png) 0 0 no-repeat;width: 57px;height: 57px;display: block;margin: 10px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.top .top_tel  p{font-size: 23px;color: #0185d0;line-height:28px;height: 52px;float:left;margin-top:7px;font-weight:bold;width: 184px;overflow: hidden;}
.top .top_tel p span{font-size: 16px;display: block;line-height: 22px; font-weight:normal}
.top .search{padding-top: 20px;}
.top .search .li02{float:left;padding:0px;margin:0px;}
.top .search .Sinput{width: 200px;height: 39px;color:#303030;border: 2px solid #1048a0;border-right:0px;line-height:36px;padding-left:10px;background:#f9f9f9;margin:0px;*margin-top:-1px;}
.top .search .Sbuttom{background: #1048a0;width: 100px;border:0px;font-size:14px;font-weight:normal;line-height:normal;padding:0px 0px 0px 0px;height: 45px;color:#ffffff;cursor:hand;cursor:pointer;}
.top .search .Sinput:focus,.Sbuttom:focus{outline:0;}
/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 60px;background-color: #1048a0;float: left;color:#fff;padding: 0 0 0 0;}
.index-nav-frame{width: 1200px;margin: 0 auto;height: 60px;}
.Nptline{z-index: 9999999;width: 132px;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 #0b2d7e;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.Nptline:first-child{border-left: 1px solid #0b2d7e;}
.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: 131px;border:1px solid #0185d0;border-top:0;background: #fff;opacity: 0;display: block;height:0;position: fixed;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: 45px;left:50%;margin-left: -40px;text-align:center;position:absolute;z-index:100;}
.bn-alp .i i { display:inline-block; margin-right:10px; width:16px; height:16px; background:#f2f2f2; cursor:pointer; border-radius: 50%; border: 1px solid #d4d4d4 }
.bn-alp .i i.on { background-position:0 0; background: #1048a0;border: 1px solid #1048a0  }
.entitle{font: normal 40px "AvantGarde Bk BT";color:#666;text-align: center;padding: 50px 0 10px 0;text-transform: uppercase;}
.entitle[container="1"]{color:#fff;position: relative;z-index: 99;padding-top: 30px;}
.cntitle{font-size:30px;color:#1048a0;text-align: center;margin-bottom: 30px;} .cntitle a{color:#1048a0;position: relative;padding: 0 90px;}
.cntitle[container="1"]{color:#fff;position: relative;z-index: 99;margin-bottom: 40px;}
.cntitle a:before{content:"";height: 2px;width:50px;left: 0;top:50%;background: #dadada;position: absolute;}
.cntitle a:after{content:"";height: 2px;width:50px;right: 0;top:50%;background: #dadada;position: absolute;}
/*产品*/
.product{width:100%;float:left;}
.product .tab{text-align: center;margin:30px 0 0;max-height: 120px;overflow: hidden;}
.product .tab a{padding: 0 10px;height: 40px;line-height: 40px;background: #1048a0;font-size: 18px;display: inline-block;margin: 10px 20px;color: #fff;max-width: 140px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product .tab a:hover{background: #0185d0;}
.product .cplist{width:100%;float:left;margin: 0;}
.product .cplist li{float: left;/* height: 420px; */margin-top: 30px;margin-right: 30px;background: #f6f6f6;transition: all .5s;width: 277px;}
.product .cplist li:first-child+li+li+li,
.product .cplist li:first-child+li+li+li+li+li+li+li{margin-right:0}
.product .cplist li .img{width: 257px;height: 257px;position: relative;float:left;overflow: hidden;margin: 10px 10px 0 10px; background:#fff}
.product .cplist li .img img{width: 100%;max-height: 100%;position: absolute;margin: auto;top:-1000%;bottom: -1000%;right:-1000%;left:-1000%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.product .cplist li h2{font-size: 16px;font-weight: normal;text-align: center;width: 257px;margin: 0 10px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 40px;line-height: 40px;color:#333;}
.product .cplist li:hover{background: #1048a0;transition: all .5s;} .product .cplist li:hover h2{color:#fff}
.product .cplist li:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);    transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;    -o-transition: all 0.3s;}
.symore{width:100%;height: 50px;float:left;text-align: center;margin: 45px 0;position: relative;}
.symore a{font-size: 16px;border: 1px solid #ccc;width:198px;height: 48px;line-height: 48px;display: inline-block;text-align: center;transition:all .5s;}
.symore:before{width:500px;height: 1px;content: "";left: 0;background: #ccc;top:50%;position: absolute;}
.symore:after{width:500px;height: 1px;content: "";right: 0;background: #ccc;top:50%;position: absolute;}
.symore a:hover{background: #1048a0;color:#fff;transition:all .5s;border:1px solid #1048a0}
/*优势*/
.cpyoushi{width:100%;float:left;position: relative;}
.cpyoushi:before{background: #1048a0;content:"";position:absolute;top:0;left:0;width:100%;height: 180px;z-index:1;}
.cpyoushi li{width:280px;float:left;height: 300px;margin: 60px 60px;text-align: center;}
.cpyoushi li span{width: 100%;height:150px;float: left;}
.cpyoushi li img{max-width: 100%;height: 150px;transition:all .5s;}
.cpyoushi li h3{float: left;width: 100%;font-size:24px;color:#1048a0;padding:20px 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:normal;}
.cpyoushi li p{width: 100%;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 img{margin-top:-10px;transition:all .5s;} .cpyoushi li:hover h3{font-weight:bold}
.cpcase{width:100%;float:left;position: relative;background: #f6f6f6;}
.cpcase .ul{width:1200px;margin:0 auto;position:relative;}
.cpcase .ul .RYC{float:left;width: 1180px;height: 485px;position:relative;left: 10px;}
.cpcase .ul .left{width: 42px;height: 42px;background-position: 0px -60px;cursor: pointer;position: absolute;top: 240px;left: -40px;transition:all ease 600ms;}
.cpcase .ul .right{width: 42px;height: 42px;background-position: -126px -60px;cursor: pointer;position: absolute;top: 240px;right: -40px;transition:all ease 600ms;}
.cpcase .ul .RYC .ul01{float:left;width: 365px;height: 483px;background:#ffffff;margin: 10px 13px;border: 1px solid #ededed;position: relative;text-align: center}
.cpcase .ul .RYC .ul01:hover{background: #1048a0;}
.cpcase .ul .RYC .ul01:hover .li02,.cpcase .ul .RYC .ul01:hover .li03{color:#fff}
.cpcase .ul .RYC .ul01:hover .li04{background:#fff;color:#1048a0}
.cpcase .ul .RYC .ul01 .li01{float:left;width: 327px;height: 240px;position: relative;margin: 30px 20px 0 20px;}
.cpcase .ul .RYC .ul01 .li01 img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;max-width: 100%;max-height: 100%;}
.cpcase .ul .RYC .ul01 .li02{float:left;width: 325px;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 20px 0;font-size: 20px;}
.RYC .swiper{width: 1180px;height: 485px;position: relative;display: inline-block;overflow: hidden;}
.RYC .swiperBox{height: 485px;position: absolute;top: 0px;left: 0px;}
.icon{background: url(../image/icon1.png) no-repeat; display: inline-block; vertical-align: middle;}
.cpcase .ul .RYC .ul01 .li03{float:left;width: 325px;margin: 12px 20px;font-size: 14px;line-height: 26px;height: 78px; overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.cpcase .ul .RYC .ul01 .li04{color:#fff;position: absolute;background: #1048a0;width: 120px;height: 32px;text-align: center;line-height: 32px;bottom: 26px;left: 50%;margin-left: -60px;}
/*关于我们*/
.about{float:left;width:100%;position: relative;}
.about:before{content:"";width:100%;height: 180px;background: #1048a0;position:absolute;}
.gsjsE{margin:0 auto;width: 1140px;padding: 60px 30px;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: 610px;height:248px;margin-bottom:20px;overflow:hidden;line-height:30px;color: #666;}
.gsjsE .li03{background: #1048a0;padding:10px 35px;color:#fff;border-radius: 5px;float:left;margin-left:38px;}
.gsjsE .li03 a{ color:#fff}

/* 首页视频 */
.tonglviow{width: 100%;background: #f6f6f6;margin: 40px 0 0;float:left;}
.tonglviow ul{width: 1200px;margin: 0 auto;overflow: hidden;padding: 20px 0 20px;}
.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 .title,.tonglviow ul li:hover a{color:#fff;background:#1048a0;transition:all .5s;}
/*新闻*/
.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;/*background: url(../pic/20180905140430_975406376.jpg) no-repeat left center;*/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; }
/*面包屑*/

.mianbaoxie i{width:14px;height: 14px;background-position: -129px -30px;padding-right: 10px;}
.mianbaoxie a{ color:#666666}

.mianbaoxie{float: right;/* width:1200px; */line-height: 36px;font-size:14px;color:#888888;margin-right: 20px;}

/*产品列表*/
.EcplistL{float:left;width: 216px;background:#fff;}
.EcplistL .tittle{float:left;background: url(../image/bg5.jpg);line-height: 100px;color:#fff;padding-left:20px;width: 196px;font-weight:bold;font-size: 18px;text-align: center;}
.EcplistL .C1{float:left;border:1px solid #ededed;border-top:0px;width: 214px;/* margin-bottom: 14px; */}
.EcplistL .C1 h2{
  float:left;
  width: 216px;
  font-size:15px;
  line-height: 50px;
  border-top: 1px solid #eaeaea;
  /* background: url(../pic/tb9.png) no-repeat 198px center; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position:relative;
  font-weight:normal;
  padding: 0 0px;
}
.EcplistL .C1 h2 a{display:block;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;}
/* .EcplistL .C1 h2:hover{ background:url(../pic/tb11.png) no-repeat 198px center #1048a0;color:#fff;} */
/* .EcplistL .C1 h2:hover a:first-child{color:#1048a0} */
.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; font-weight:normal}
.EcplistL .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #f90; position: absolute; left: 7px;top: 13px;}
.EcplistL .tittle[container="1"]{line-height: 60px;margin-top: 20px;}
.EcplistL .C2 a{width: 189px;position:relative;padding: 5px 10px 5px 15px;float: left;line-height: 23px;border-top: 1px dashed #ccc;max-height: 46px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.EcplistL .C2 a:first-child{border:0}
.EcplistL .C2 a:before{content:"";width: 4px;height: 4px;border-radius:50%;position:absolute;background:#999;top: 16px;left: 5px;}
.EcplistL .C2 a:hover{color:#1048a0;font-weight:bold}
.EcplistL .C2 a:hover:before{background:#1048a0}
.EcplistR,.EcplistR2{width: 980px;float:right;}
.EcplistR .tittle,.EcplistR2 .tittle{float:right;width: 960px;border-bottom:1px solid #ededed;line-height:35px;margin-bottom:20px;}
.EcplistR .tittle p,.EcplistR2 .tittle p{float:left;border-bottom: 1px solid #1048a0;color: #1048a0;font-size:16px;font-weight:bold;}
.EcplistR li {width: 225px;float: left;position: relative;margin-left: 20px;margin-bottom: 20px;box-sizing: border-box;height: 280px;overflow:hidden;background: #f6f6f6;-webkit-transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;}
.EcplistR li a {display: block;padding: 5px;display: table-cell;vertical-align: top;}
.EcplistR li:hover {background:#1048a0}
.EcplistR li a:hover h2.title {color: #fff;}
.EcplistR li a  div.img{width:215px;height:215px;float:left;position:relative;border-bottom:1px solid #ededed;background: #fff;}
.EcplistR li a  div.img img{ max-height:215px; max-width:215px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute}
.EcplistR li a  h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 24px;float:left;width:215px;height: 46px;margin:5px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.EcplistR li a p.desc {font-size: 14px;line-height: 21px;color: #888;height: 21px;margin-top: -2px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;  float:left;width:215px;}
.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);}
.EcplistR2 .page img{max-width:100%;height:auto;}
/*公司动态列表*/
.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:#1048a0}

.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(https://i.b2b168.com/shop/Qz14-1/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(https://i.b2b168.com/shop/Qz14-1/pic/right_arrow.png) 0px -6px no-repeat; }
span.house_imgs_lf:hover{background:url(https://i.b2b168.com/shop/Qz14-1/pic/left_arrow_h.png) 0px -6px no-repeat;}
span.house_imgs_rt:hover{background:url(https://i.b2b168.com/shop/Qz14-1/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;}
.house_con .summary img{max-width: 910px !important;height: auto !important;line-height: 0;}
.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 #f23742 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(https://i.b2b168.com/shop/Qz14-1/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(https://i.b2b168.com/shop/Qz14-1/pic/right_arrow.png) 0px -6px no-repeat; }
span.imgs_lf:hover{background:url(https://i.b2b168.com/shop/Qz14-1/pic/left_arrow_h.png) 0px -6px no-repeat;}
span.imgs_rt:hover{background:url(https://i.b2b168.com/shop/Qz14-1/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: #1048a0;position: relative}
.jvheye:before{content:"";position:absolute;height:1px;width: 66px;background:#1048a0;left:0;bottom:0;}
#divMap{    float: right;    width: 970px !important;}
.tishiMap{float: right;    background: url(//i.b2b168.com/info/pic/tishiMap.jpg) 0 center no-repeat #ffffff;    width: 970px;}
/* 右侧产品分类 */
/* .EcplistL2 .C1 {
  float: left;
  position: relative;
  width: 194px;
  height: 450px;
  overflow-x: hidden;
  border: 1px solid #ededed;
  border-top: 0px;
  padding: 10px 0 0 20px;
  margin-bottom: 20px;
  background:#f6f6f6;
} */
.EcplistL2 .C1 {
  float: left;
  position: relative;
  width: 214px;
  height: 450px;
  /* overflow-x: hidden; */
  border: 1px solid #ededed;
  border-top: 0px;
  padding: 10px 0 0 0px;
  /* margin-bottom: 20px; */
  background: #f6f6f6;
  /* margin-left: 20px; */
  /* text-align: center; */
}
.EcplistL2 .C1 h2 {
  position: relative;
  font-size: 16px;
  background: none;
}

.EcplistL2 .C1 .tubiao {
  position: absolute;
  top: 0px;
  right: 15px;
  float: right;
  background: url(//i.b2b168.com/shop/Qz26/pic/jiantou.png) no-repeat center center;
  width: 22px;
  height: 22px;
  margin-top: 8px;
  /* border: 1px dashed #e5e5e5; */
 
}

.EcplistL2 .C1 .two_no {
  display: none;
}

.EcplistL2 .C1 .tubiao02 {
  transform: rotate(90deg);
}

.EcplistL2 .C1 .two_bk {
  display: block;
  width: 170px;
  padding: 0;

}

.EcplistL2 .two_no a {
  display: block;
  float: left;
  width: 100%;
  line-height: 35px;
  position: relative;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #333;
}

.EcplistL2 .C1 .scroll2{
  scrollbar-width: thin;
  scrollbar-color: #1048a0 #f4f4f4;
  height: 100%;
  overflow-x: hidden;
}

/* 滚动条样式 */
.EcplistL2 .C1 .scroll2::-webkit-scrollbar {
  width: 5px;
  background: #f4f4f4;
}
.EcplistL2 .C1 .scroll2::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background: #1048a0;
}
.EcplistL2 .C1 .scroll2 h2 a{
  padding-left: 20px;
}
.EcplistL h2 a{
  padding-left:20px;
}

/* 新增标题模块 */
.left { float: left; width: 210px; overflow: hidden; }
.news { float: left; width: 210px; display: block; }
.news .biaoti {float: left;width: 190px;line-height: 60px;padding: 0 0 0 20px;border-top: 1px solid #dedede;border-right: 1px solid #dedede;background: url(../image/bg5.jpg);font-size: 16px;color: #fff;font-weight: 600;margin-top: 20px;}
.zixun { float: left; width: 208px; border: 1px solid #ededed; border-top: 0; }
.zixun li {float: left;width: 188px;height: 25px;line-height: 25px;margin-top: 10px;border-bottom: 1px dashed #ccc;padding: 0 10px;position: relative;padding-bottom: 6px;}
.zixun li p { float: left; width: 100%; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zixun li p .t1 { width: 40%; }
.zixun li p .t2 { width: 60%; }
.zixun li span { display: none; }
.zixun .curr {float: left;width: 188px;height: 86px;line-height: 20px;margin-top: 10px;background: #f6f6f6;}
.zixun .curr p {float: left;width: 100%;margin-top: 9px;height: 25px;line-height: 25px;font-size: 14px;font-weight: bold;color: #333;}
.zixun .curr span {position: relative;display: block;float: left;margin-top: 6px;height: 40px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 12px;color: #535252;padding-left: 0;line-height: 20px;}
.EcplistB .tuijian_p .title::before { background: #1047A1; }
.EcplistB .remen_p .title::before { background: #1047A1; }

.newstagPa{padding-left: 19px;}
.tag {width: 911px;font-size: 14px;color: #2b2b2b;float: left;margin-bottom: 20px;}
.tag a { padding-right: 15px; }
.jies { margin-bottom: 20px; border: 1px solid #d2d2d2; line-height: 24px; padding: 9px; float: left; width: 942px; margin-left: 19px; border-top: 0px; margin-top: -20px; }
h3.jvheye { float: left; }
.paging_prev { clear: both; margin-left: 18px; }