
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;  color:#333333; 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:"微软雅黑";}
a{color:#333333;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}
h1,h2,h3{ font-weight:normal;}
input[type='text'], input[type='number'], input[type='password'], input[type='reset'], input[type='submit'], input[type='button'], input[type='tel'], button, textarea {-webkit-appearance: none;border: 1px #cbcecd solid;outline: none;}
* {transition: all .7s ease 0s;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-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; }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-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;}}

@-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 rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(15deg);transform:rotate(15deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(15deg);transform:rotate(15deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}

/*.biaoti span i{background: #1e2037;width: 5px;height: 5px;float: left;border-radius: 50%;}
.biaoti span i:nth-child(1) {-webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;animation: consulting 0.6s 0.07s infinite ease-in-out;}
.biaoti span i:nth-child(2) {-webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;animation: consulting 0.6s 0.14s infinite ease-in-out;}
.biaoti span i:nth-child(3) {-webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;animation: consulting 0.6s 0.21s infinite ease-in-out;}*/

@keyframes consulting {33% {-webkit-transform: translateY(5px);transform: translateY(5px);}66% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}100% {-webkit-transform: translateY(0);transform: translateY(0);}}
@-webkit-keyframes consulting {33% {-webkit-transform: translateY(5px);transform: translateY(5px);}66% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}100% {-webkit-transform: translateY(0);transform: translateY(0);}}

/* .index_step4 .content .item .circle i:after {content: '';position: absolute;width: 100%;height: 100%;z-index: 0;left: 0;top: 0;border-radius: 50%;box-sizing: border-box;transition: 0.5s ease 0s;border: 1px dashed #FF6F00;animation: circle_rotate 15s linear 0s infinite;} */
@-webkit-keyframes circle_rotate{ 0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);}}


.liuhai09{width:100%;border-bottom: 1px solid #dedede;height: 35px;background: #ffffff;box-shadow: 3px 0 3px #dedede;}
.liuhai09 ul h1, .liuhai09 ul h2,.liuhai09 ul li .li04ok,.liuhai09 ul li .li05ok,.liuhai09 ul li .li03ok{color: #666666;font-size: 12px;}
.liuhai09 ul a{ color:#ffffff}

/*#titbj{ width:100%; border-bottom:1px solid #ededed; float:left; height:30px; font-size:14px; color:#666666; background:#f6f6f6}
#titbj h1{ width:1200px; margin: 0 auto; line-height:30px;font-size:14px; }*/
#top{float:left;width:100%;background: #fff;height: 90px;padding: 20px 0 20px 0;/* box-shadow: 3px 3px 5px #EFEFEF; */border-bottom: 1px solid #ededed;}
#top .ul{width:1200px;margin:0 auto;height: 90px;position: relative;}
#top .ul h2{float:left;width: 90px;height: 90px;font-size:0px;position: relative;}
#top .ul h2 img{max-height: 100%;max-width: 90px;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
#top .ul .li01{float:left;width: 430px;height: 60px;padding: 0px 0 0 10px;}
#top .ul .chinaname{font-weight: bold;line-height: 60px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 24px;color: #1e2037;float:left;width: 430px;height: 90px;padding: 0px 0 0 10px;position: relative;}
#top .ul .gjcname{font-size: 20px;float: left;width: 400px;height: 60px;line-height: 30px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color: #929292;font-weight: normal;position: absolute;left: 10px;line-height: 60px;top: 32px;}
#top .ul .li02{float: right;background: url(../image/dianhua1.png) no-repeat 0 5px;height: 50px;padding-left: 80px;font-size: 14px;color: #666666;line-height: 18px;margin-top: 25px;text-align: center;}
#top .ul .li02 span{font-size: 30px;line-height: 32px;color: #1e2037;font-family: 'Averia Sans Libre', Arial, sans-serif;font-weight: bold;}


.twoE2{float:left;height: auto;overflow: hidden;padding-top: 40px;padding-bottom: 40px;width: 100%;position: relative;background: #f7f7f7;}
.twoE2[container="1"] .biaoti{}
.twoE2[container="1"] .biaoti p{}
.W1200{margin:0 auto;width:1200px;overflow:hidden;height:auto;padding-bottom: 40px;}
/* 下拉导航条，纯样式表 */
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 57px;box-sizing: border-box;background:#1e2037;font-size: 16px;color:#000;line-height: 57px;text-align:left;float: left;}
.index-nav-frame{width: 1200px;margin: 0 auto;}
.Nptline{color: #ffffff;background: url(../image/mnsl.png) right top no-repeat;float: left;position: relative;display: block;outline: none;cursor: pointer;width:170px;line-height: 57px;text-align: center;font-weight: 700;}
.Nptline.active{color: #fff;background: #1fac48;}
.Nptline a{color: #ffffff;} 
.Nptline:hover{color:#fff;background:#1fac48;}
.Nptline:hover a{color:#fff;}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}

.Nptcenter{opacity: 0;height:0;position: absolute;overflow: hidden;width: 168px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */z-index:9999;    /*box-shadow: 3px 3px 5px #efefef;*/ border: 1px solid #ededed;}
.Nptli{width: 100%;font-weight: 500;text-align: center;background: #ffffff;color: #444444;float:left; line-height: 40px;}
.Nptcenter a{color: #444444;}
.Nptcenter a.Nptli{background: #ffffff;color: #444444;}
.Nptcenter a.Nptli:hover{color: #444444;text-decoration:underline;background: #f7f7f7;}
.Nptcenter span.Nptli{background: #ffffff;color: #444444;}
.Nptcenter span.Nptli:hover{color: #444444;text-decoration:underline;background: #f7f7f7;}
.Nptcenter span.Nptli a{background: #ffffff;color: #444444;}
.Nptcenter span.Nptli:hover a{color: #444444;text-decoration:underline;background: #f7f7f7;}
.Nptline.active .Nptcenter span.Nptli:hover{color: #444444;text-decoration:underline;background: #f7f7f7;}
.Nptline-focus:focus{display: none;}
.Nptline.active a{color: #fff;}



.bn-alp { width:100%; height:500px; position:relative; float:left;  background:url(../image/babber02.jpg) #ffed29 no-repeat;background-position:50% 0%; }
.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: -45px;text-align:center;position:absolute;z-index:100;}
.bn-alp .i i {display:inline-block;margin-right:10px;width: 30px;height: 10px;background:#f2f2f2;cursor:pointer;border-radius: 6px;border: 1px solid #d4d4d4;}
.bn-alp .i i.on {background-position:0 0;background: #1e203780;border: 1px solid #1e2037;}









.container {background: #ffffff;overflow: hidden;padding-top: 40px;padding-bottom: 80px;width: 100%;float:left;position: relative;}
.price {width: 1200px;margin: 0 auto;overflow: hidden;}
.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%);}
@-webkit-keyframes nexsliderbar{
0%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
50%{-webkit-transform:translateX(8px);transform:translateX(8px);}
100%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
}
@keyframes nexsliderbar{
0%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
50%{-webkit-transform:translateX(8px);transform:translateX(8px);}
100%{-webkit-transform:translateX(-70px);transform:translateX(-70px);}
}

.twoE2[container="1"] .biaoti:before{}
.biaoti:after {content: '';width: 30px;height: 34px;position: absolute;left: 50%;bottom: -50px;background: url(../image/down1.png) no-repeat;-webkit-animation: myfirst 1.5s infinite;animation: myfirst 1.5s infinite;transition: ease-in-out 0.5s;margin-left: -13px;}

@-webkit-keyframes myfirst {0% { transform: translate(0px, 0px);} 50% { transform: translate(0px, -10px);} 100% { transform: translate(0px, 0px);}}
@keyframes myfirst {0% { transform: translate(0px, 0px);} 50% { transform: translate(0px, -10px);} 100% { transform: translate(0px, 0px);}}
.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;}
.price2 {width: 1200px;margin: 0 auto;}
.price2 li {width: 280px;float: left;margin: 0 10px;box-sizing: border-box; height:383px; overflow:hidden}
.price2 li a {display: block;border: 1px solid #E5E5E5;background-color: #fff;margin-top: 20px;padding: 13px 19px 15px;display: table-cell;vertical-align: top;}
.price2 li a:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);}
.price2 li a:hover  h2.title {color: #1e2037;}
.price2 li a  div.img{ width:240px; height:240px; float:left; position:relative; border-bottom:1px solid #ededed; }
.price2 li a  div.img img{ max-height:240px; max-width:240px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute}
.price2 li a  h2.title {font-size: 18px;font-weight: 400;color: #333;line-height: 32px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; float:left;width:240px; text-align:center}
.price2 li a  p.desc {font-size: 14px;line-height: 25px;color: #666;height: 25px;margin-top: -2px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; float:left;width:240px;text-align:center}
.price2 li a span{ line-height:30px; color:#fff; background:#e3aa00;border-radius: 7px 7px 7px 7px; padding:0px 30px; margin:5px 0 0 56px; float:left; overflow:hidden; height:30px;}

.forMargin{ margin:0 auto; width:1200px; height:200px; overflow:hidden; position:relative}
.forMargin ul{ position:absolute; width:700px; top:50px; right:0; padding-right:50px;}
.forMargin ul p{ width:580px; font-size:28px; color:#ffffff; float:left; padding-bottom:20px;}
.forMargin ul span{ width:580px; font-size:20px; color:#ffffff; float:left;}
.forMargin ul a{ width:100px; font-size:20px; color:#1e2037; float:right; background:#ffffff; line-height:40px; margin-top:30px;    border-radius: 10px;-ms-border-radius: 10px;-webkit-border-radius:10px; text-align:center;}
/*首页产品*/
.EcplistR3{width: 774px;float: right;position: relative;}
.EcplistR3 .tittle{ float:right; width:970px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px;}
.EcplistR3 .tittle p{ float:left; border-bottom:1px solid #1e2037; color:#1e2037; font-size:16px; font-weight:bold}
.EcplistR3 li {width: 230px;float: left;margin: 0px 0px 20px 16px;/* box-sizing: border-box; */height: 238px;overflow:hidden;padding: 5px;box-shadow: 3px 0 3px #f4f4f4;border: 1px solid #ededed;background: #ffffff;position: relative;}
.EcplistR3 li a {display: block;/* border: 1px solid #efefef; *//* padding: 4px; */display: table-cell;vertical-align: top;float: left;width: 230px;overflow: hidden;}
.EcplistR3 li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);}
.EcplistR3 li a:hover h2.title {color: #ffffff;}
.EcplistR3 li a div.img{width: 230px;height: 200px;float:left;position:relative;border-bottom:1px solid #ededed;overflow: hidden;}
.EcplistR3 li a div.img img{max-width: 230px;left: -10000%;right: -10000%;top: -10000%;bottom: -10000%;margin:auto;position:absolute;transition: all .5s ease;}
.EcplistR3 li a div.img img:hover{    -webkit-transform: scale(1.02);}
.EcplistR3 li a h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 32px;float:left;width: 220px;height: 32px;margin: 5px 0px 5px 5px;z-index: 5;position: relative;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.EcplistR3 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; }

.EcplistR3 li a:after{content:'';background:#1e2037;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height: 42px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4;}
.EcplistR3 li a:hover:after{width:100%; color: #ffffff}

.canpintj{width: 418px;float:left;overflow: hidden;background: #f7f7f7;height: 516px;border: 1px solid #ededed;}
.canpintj .cptj{width: 420px;height: 470px;float: left;overflow: hidden;background: #ffffff;}
.canpintj .cptj li{width: 100%;float: left;height: 420px;position: relative;border-bottom: 1px solid #ededed;}
.canpintj .cptj li img{width: auto;height: 420px;position: absolute;margin: auto;left: -100%;right: -100%;top: -100%;bottom: -100%;}
.canpintj .cptj li h2{text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;position: absolute;bottom: -50px;height: 40px;line-height: 40px;font-size: 14px;background: #d8d8d8;text-align: center;}	
.canpintj #cpHqBj{float: left;width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;}
.canpintj #cpHqBj li{width: 42px;height: 42px;float: left;overflow: hidden;margin-left: 9px; position: relative}
.canpintj #cpHqBj li.current{    display:block; border: 1px solid #1e2037;}
.canpintj #cpHqBj li img{max-width: 40px;max-height: 40px; position: absolute; margin:  auto; left: 0px; right: 0; top: 0; bottom: 0}








/*资讯知识*/
.zxzsI{background: #f7f7f7;width: 100%;float: left;height: auto;overflow: hidden;padding-top: 40px;padding-bottom: 100px;position: relative;}
.zxzsI[container="2"]{background: #f4f4f4;}
.zxzsI[container="2"] .biaoti{}
/*   新闻  */
.new2019{width: 1200px;margin: 0 auto;overflow: hidden;}
.new2019 .nav19{width:760px;float: left;border-bottom: 1px solid #ededed; padding-left: 20px; position: relative; font-size: 18px; font-weight: bold; color: #000000; padding-top: 20px;padding-bottom: 10px;}
.new2019 .nav19 a{position: absolute;right: 10px;top: 26px;color: #666666;font-size: 14px;font-weight: normal;}
.new2019 .mainM{float:left;width:360px;padding: 20px;height: 580px;overflow: hidden;margin: 4px;background: #ffffff;border: 1px solid #f4f4f4;box-shadow: 2px 2px 4px #eeeeee;}
.kehucase{float:left; width:360px; }
.kehucase .ul{ width:360px; margin:0 auto; overflow:hidden; float:left; position:relative}
.kehucase .ul .left1{width:50px;background:url(../image/leftjt.png) center center no-repeat;height:360px;position:absolute;left:0;cursor:pointer;z-index:3;display: block !important;}

.kehucase .ul .right1{width:50px;background:url(../image/rightjt.png) center center no-repeat;height:360px;position:absolute;right:0;top:0;cursor:pointer;display: block !important;}
.kehucase .ul .neirong{width:360px;height:360px;overflow:hidden;margin: 0 !important;}
.kehucase .ul .neirong li{ width:360px; float:left; padding:0px 0 0 0px; height: 360px;text-align:center; position: relative}
.kehucase .ul .neirong h2{ position: absolute; width: 100%; background: #00000020; color: #ffffff; text-shadow: 1px 1px 1px #666; bottom: 0; height: 40px; line-height: 40px; font-size: 14px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.kehucase .ul .neirong img{ width:360px; height:360px;    transition: all .5s ease;}
.new2019 .nlst2 a .newPic img:hover,.kehucase .ul .neirong img:hover{    -webkit-transform: scale(1.1);}

.new2019 .nlst1{ width:360px; float:left; margin-top:20px; }
.new2019 .nlst1 span{ background:#ffeae6; color:#ff2900; float:left; height:26px; width:60px; text-align:center; line-height:26px;}

.new2019 .nlst1 h2{ float:left; padding-left:10px; line-height:26px; width:280px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; font-weight:normal; font-size:16px;}
.new2019 .nlst1 p{ float:left; width:360px; font-size:14px; color:#999999; padding-top:10px; line-height:27px;word-wrap: break-word;
white-space: normal;
word-break: break-all;}
.new2019 .nlst2{float:right;width: 725px;padding-right:20px;border: 1px solid #f4f4f4;box-shadow: 2px 2px 4px #eeeeee;margin: 4px;padding: 0 20px 20px 20px;height: 600px;background: #ffffff;}
.new2019 .nlst2 a{width:100%;float: left;margin-top: 20px;transition: all .5s ease;}
.new2019 .nlst2 a:hover{ background: #f4f4f4}
.new2019 .nlst2 a .newPic{width: 160px;float:left;position: relative;overflow: hidden;border: 1px solid #ededed;padding: 0px;height: 95px;}
.new2019 .nlst2 a .newPic img{position: absolute;margin: auto;width: 200px;left: -100%;bottom: -100%;top: -100%;right: -100%;transition: all .5s ease;}
.new2019 .nlst2 a h2{width: 545px;float: right;font-size: 16px;color: #000;padding-top: 5px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: normal;}
.new2019 .nlst2 a p{width: 545px;float: right;padding-top: 5px;line-height: 28px;color: #888;font-size: 14px;}









.pavilion-container{padding:50px 0;background:url(../image/yanxuanguan_bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:720px; 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: #c9a467;color: #1c1f36;}
.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:#c9a467}
.pavilion-container .pavilion-inner .tabs1 li.on a{color:#1c1f36}
.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 #c9a467;border-radius:2px;line-height:36px;font-size:16px;color:#c9a467;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:#c9a467;color:#1c1f36;/* 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 #000; 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: #ffffff90;text-shadow: 1px 1px 1px #fff;color: #000000;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 h2{height: 80px; line-height: 25px; -webkit-line-clamp: 3;}

/*   资讯  */

.bg-grey {width: 100%;height: auto;padding: 30px 0 20px 0;float: left;background: #f7f7f7;}
.tab-block {width: 1198px;height: 520px;margin: 50px 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: 100%;height: 50px;background-color: #fafafa}
.tab-block .tab-buttons .tab-button {width: 33.33%;float: left;height: 50px;text-align: center;font-size: 16px;color: #999;line-height: 50px;position: relative;cursor: pointer;background-color: #f2f2f3;}
.tab-block .tab-buttons .tab-button.cur {background-color: #fff;color: #333}
.tab-block .tab-buttons .tab-button.cur:after {content: '';position: absolute;top: -1px;left: 0;width: 100%;height: 2px;background-color: #1e2037;}
.tab-block .tabs {width: 100%;height: 469px;float: left;}
.tab-block .tabs .tab-item {width: 1160px;height: 420px;padding: 20px;overflow: hidden;display: none;position: relative;}
.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: #1fac48!important;}
.tab-item .information-right .article-list.current .article-title {color: #1fac48;}
.tab-item .information-right .article-list.current .article-content {display: block}




/*   底部  */
.copy{background: #333;/* padding: 20px 0 0; */width:100%;float:left;}
.copy .copy_row1 {width: 100%;background: #ffffff;text-align: center;color: #999999;float: left;}
.copy .copy_row1 a{padding: 10px 5px;/* float: left; */display: inline-block;}
.copy .copy_row2 {min-height: 240px;overflow: hidden;width: 1200px;margin:0 auto;position: relative;}
.copy .copy_row2 ul{float: left;padding: 30px 0px 30px 40px;background: url(../image/20180905140430_975406376.jpg) no-repeat left center;margin: 0 25px 0 0;width: 100px;}
.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: 200px;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: 28px; 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; }

/*   关于我们  */
.McaseD{width:1200px; margin:0 auto; overflow:hidden; margin-top:40px; text-align:center;line-height:50px;}
.McaseD a{ background:#1e2037; padding:10px 35px; color:#fff;   border-radius: 5px; }
.gsjsE{margin:0 auto;width: 1140px;padding: 30px;overflow:hidden;margin-top:30px;background: #ffffff;border: 1px solid #ededed;box-shadow: 3px 0 3px #ededed;}

.gsjsE .li01{float:left;width: 480px;height: 355px;position:relative;border: 1px solid #ededed;background: #f7f7f7;padding: 10px; overflow: hidden}
.gsjsE .li01 img{max-height: 355px;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:355px; float:left}
.gsjsE .li02{float:right;width: 610px;height: 310px;margin-bottom:20px;overflow:hidden;line-height: 35px;color: #666;font-size: 16px;}
.gsjsE .li03{background: #1e2037;padding:10px 35px;color:#fff;border-radius: 5px;float:left;margin-left:38px;box-shadow: 3px 3px 3px #afa28a;}
.gsjsE .li03 a{ color:#fff}

/*   荣誉  */
.rongyu[container="1"] .biaoti{/* color: #ffffff; */}
.rongyu[container="1"] .biaoti:before{}
.rongyu[container="1"] .biaoti p{}
.rongyu {padding: 40px 0 110px 0;width:100%;float:left;position: relative;}
.rongyu[container="1"] .z06a{}
.rongyu[container="1"] .z06a a,.rongyu[container="1"] .z06a:hover a,.rongyu[container="1"] .z06a a:hover{}
.rongyu[container="1"] .z06a:hover{}
.rongyu[container="1"] .z06a::after,.rongyu[container="1"] .z06a::before {}


.rongyu .ul{width:1200px;margin:0 auto;position:relative;}
.rongyu .ul .RYC{float:left;width: 1180px;height: 285px;position:relative;left: 10px;}
.rongyu .ul .RYCleft{float:left;width:30px;height: 222px;cursor:pointer;position: absolute;left: -21px;top: 155px;/* border-radius: 50%; *//* box-sizing: border-box; *//* transition: 0.5s ease 0s; *//* background: #eba509; */}
.rongyu .ul .RYCright{width:30px;height: 222px;cursor:pointer;position: absolute;right: -21px;top: 155px;}
.rongyu .ul .RYC .ul01{float:left;width: 275px;height: 283px;background:#ffffff;margin: 0px 9px;border: 1px solid #ededed;box-shadow: 3px 0 3px #ededed;}
.rongyu .ul .RYC .ul01 .li01{float:left;width: 275px;height: 240px;position: relative;}
.rongyu .ul .RYC .ul01 .li01 img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;max-width: 270px;max-height: 240px;}
.rongyu .ul .RYC .ul01 .li02{float:left;width: 275px;height: 42px;line-height: 42px;overflow:hidden;color:#666666;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family: '微软雅黑';text-align:center;font-weight: 400;font-style: normal;font-size: 14px;border-top: 1px solid #ededed;}
.RYC .swiper{width: 1180px;height: 285px;position: relative;display: inline-block;overflow: hidden;}
.RYC .swiperBox{height: 285px;position: absolute;top: 0px;left: 0px;}
.comp_ibtn {width: 40px;height: 40px;background: #1f2138  url(../image/jiantou2.png) no-repeat;display: block;position: absolute;top: 100px;cursor: pointer;transition: 0.3s all ease-in-out;border-radius: 50%;box-sizing: border-box;transition: 0.5s ease 0s;}
.comp_ibtn:before{content: "";content: '';position: absolute;width: 44px;height: 44px;left:-2px;top: -2px;border-radius: 50%;box-sizing: border-box;transition: 0.5s ease 0s;border: 1px dashed #1f2138;animation: circle_rotate 15s linear 0s infinite;}
.comp_ibtnl{left: -6px;background-position: -3px center;z-index:9999;}
.comp_ibtnr{right: -6px;background-position: -54px center;z-index:9999;}
.comp_ibtn:hover{ background-color: #eba509; }

.xwdtE{ float:left; width:585px; margin-top:40px; background:url(http://i.b2b168.com/shop/zsyz23/pic/title.jpg) no-repeat;}.hydtE{ float:right; }
.xwdtE .tittle{ float:left; width:585px; line-height:63px;}
.xwdtE .tittle li{ float:left; font-size: 22px;font-weight: bold; padding-left: 30px;}
.xwdtE .tittle a{ float:right;padding-right: 30px; font-size:12px;}
.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}


.foot2{ width: 100%; float:left; background:url(../image/bottom.jpg) center center repeat-y ; color:#cbd2de;margin-top: 20px }
.foot2nr{ width:1200px; margin: auto; overflow:hidden }
.foot2nr .neilian{ width:1200px; float:left; line-height:25px; margin-top: 20px;}
.foot2nr .neilian a{ float:left; padding:0px 20px; color:#cbd2de}
.foot2nr .neilian1{ width:1200px; float:left;  margin-top: 20px;}
.foot2nr .neilian1 a{ float:left;  padding:0px 10px;}
.foot2nr .foot2wz{float: right;width:900px; margin-top: 20px; font-size: 14px; line-height: 32px; margin-left: 20px;  }
.foot2nr .foot2wz a{ color: #ffffff;}
.foot2nr .foot2wz a:hover{ color: #f00;}
.foot2nr .foot2ewm{ float: left; margin-top:35px;  width: 135px; }
.foot2nr .foot2ewm img{ width:98px;margin-left: 19px;border: 3px solid #ffffff;margin-top: 5px;}
.foot2 .btnImg { margin-top:35px;float: left;width: 270px;height: 130px;}
.foot2 .btnImg li {width: 150px;height: 130px;float: left;margin: 0 8px;}
.foot2 .btnImg li .st {float: left;width: 100px;height: 20px;color: #fdedba;text-align: center;padding: 10px 0 0 0;}

.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: #100f13;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;background:url(../image/jiantou.png) no-repeat center 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 #1e2037; color:#1e2037; 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; }


.z06a{position: absolute;bottom: 30px;left: 50%;width: 100px;margin-left: -50px;border-radius: 5px;background: #1e2037;color: #ffffff;text-align: center;line-height: 40px;}
.z06a a,.z06a:hover a,.z06a a:hover{color: #ffffff}
.z06a:hover{background: #1e2037;color: #ffffff}
.z06a::after,.z06a::before {content: '';position: absolute;opacity: .3;background: #1e2037;border-radius: inherit;width: 100%;height: 100%;left: 0px;bottom: 0px;z-index: -1;transition: all .25s ease;}
.z06a:hover {transform: translate(-12px, -12px);}
.z06a:hover:after {transform: translate(6px, 6px);}
.z06a:hover:before {transform: translate(12px, 12px);}


.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(../image/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(../image/right_arrow.png) 0px -6px no-repeat; }
span.house_imgs_lf:hover{background:url(../image/left_arrow_h.png) 0px -6px no-repeat;}
span.house_imgs_rt:hover{background:url(../image/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 #019b53 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(../image/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(../image/right_arrow.png) 0px -6px no-repeat; }
span.imgs_lf:hover{background:url(../image/left_arrow_h.png) 0px -6px no-repeat;}
span.imgs_rt:hover{background:url(../image/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(../image/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("../image/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("../image/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(../image/top.png) center no-repeat;background-size: 30px 30px;}
.rt-pho .iconPic{background: url(../image/phone.png) center no-repeat;background-size: 30px 30px;}
.rt_QQ .iconPic{background: url(../image/QQ1.png) center no-repeat;background-size: 30px 30px;}
.rt_ercode .iconPic{background: url(../image/wechat.png) center no-repeat;background-size: 30px 30px;}
.hd_qr{padding: 0 29px 25px 50px;}

/* 首页视频 */
.tonglviow{ width: 100%; background: #f6f6f6; margin: 20px 0 0 0; padding: 30px 0 30px 0px; float:left;}
.tonglviow .tittle{margin:0 auto;height:110px;border-bottom:1px solid #cccccc;background: url(http://i.b2b168.com/shop/zsyz23/pic/case_title.jpg) center 32px no-repeat;width:1200px;text-align:center;color:#5a5a5a;font-weight:bold;line-height:101px;font-size:28px;}
.tonglviow ul{ width: 1200px; margin: 0 auto; overflow: hidden}
.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;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;margin: 5px 0;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;     text-align: center;}
.tonglviow .more3{width:1200px;margin: 10px auto;text-align:center;}
.tonglviow  .more3 a{background: #d61534;padding: 5px 20px;line-height:30px;color:#ffffff;border-radius: 5px;}
/* 人才招聘 */
.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: #1e2037;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-top:20px;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: #1e2037;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%; }

.house_con .summary img{max-width: 910px !important;height: auto !important;line-height: 0;}



