@charset "utf-8";
/* 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;}
.mtop{ margin-top:20px;}
*:link, *:visited, *:hover, *:active, *:focus, .item-on-hover, .btn-success, #button,img:hover,img {-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.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;}

#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:#ffffff;height: 90px;padding: 20px 0 20px;}
#top ul{ width:1200px; margin:0 auto; height:90px;}
#top ul h2{ float:left;  min-width: 90px; height: 90px; font-size:0px;position: relative;}
#top ul h2 img{ max-height: 100%;max-width: 100%;margin: auto;  position: absolute;  top: 0; left: 0;  bottom: 0;  right: 0;}

#top ul .li01{ float:left; width:550px; height:90px; padding:0px 0 0 20px;}
#top ul .li01 .chinaname{font-weight: bold;float: left;width: 550px;height: 50px;line-height: 50px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size: 28px;color: #00a0e9;}
#top ul .li01 .gjcname{font-size: 14px;float: left;width: 550px;height: 30px;line-height: 30px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color: #666;}
#top ul .li03{ float:right; padding:0px 0 0 0}#top ul .li03 img{ width:90px; height:90px;}
#top ul .li02{float:right;padding: 0px 10px 0 120px;height:66px;line-height:73px;text-align: left;background: 0px 50% no-repeat;color: #4d4d4d;font-size: 28px; font-weight:bold; width:224px;}

.w1200{ margin:0 auto; width:1200px; overflow:hidden; height:auto}
.header2{overflow:hidden;width: 100%;list-style:none;height:47px;padding:0px 0px 0px 0px;float:left;overflow:hidden;background: #009fe9;}
.header2 .ul{ width:1200px; margin:0 auto;height:47px;}
.header2 ul li{float:left;text-align:center;width: 132px;line-height:47px;font-size:16px;}
.header2 ul .span{background: #0094d9;color:#ffffff;display: block;text-decoration:none;text-align:center;width: 132px;line-height:47px;float:left;border-right: 1px solid #0094d9;}
.header2 ul .span a{background: #0094d9;color:#ffffff;text-decoration:none;width:132px;line-height:47px;float:left;}
.header2 ul .span a:hover{background:#0094d9;color:#ffffff;  text-align:center; width:132px; line-height:47px; float:left;}
.header2 ul .span01{font: 16px/47px '微软雅黑';color: #ffffff;display: block;text-decoration:none;text-align:center;width: 132px;line-height:47px;border-right: 1px solid #0094d9;}
.header2 ul .span01 a{color:#ffffff;text-decoration:none;}
.header2 ul .span01 a:hover{color:#ffffff;  text-align:center; width:132px; line-height:47px; float:left;background:#0094d9;}
*{padding:0px;margin:0px;}
.red{ color:#ff0033}
input,select,button{font:14px verdana,arial,tahoma;vertical-align:middle;}
div.menu-list2 {position: absolute;width: 132px;display: none;z-index:9999;/*filter: alpha(opacity=90);-moz-opacity:.90;opacity:0.90;*/background:  50% 0 no-repeat ;padding: 12px 0 0px 0;}
div.menu-list2 ul li { margin-bottom:0px;text-align: center; background:#009fe9;line-height: 40px;width: 100%;display: block;height: 40px;color: #fff;font-size:14px;border-bottom: 1px solid #0094d9; }
div.menu-list2 ul li a {line-height: 40px;width: 100%;display: block;height: 40px;color: #fff;cursor: pointer;text-decoration: none;font-size:14px;font-weight:normal;margin: 0 auto;border-bottom: 1px solid #0094d9;}
div.menu-list2 ul li a span {width: 100%; display: block; height: 100%}
div.menu-list2 ul li a:hover { color: #ffffff; background:#0094d9}

.bn-alp { width:100%; height:500px; position:relative; float:left;  background: #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:25px; left:50%; margin-left:-50px; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i { display:inline-block; margin-right:10px; width:16px; height:16px; background: no-repeat -16px 0; cursor:pointer; }
.bn-alp .i i.on { background-position:0 0; }


.container {background: #f7f8fa;height: auto;overflow: hidden;padding-top: 60px;padding-bottom: 40px;}
.price {width: 1200px;margin: 0 auto;}
.price .category {width: 1200px;overflow: hidden;position: relative;;margin-bottom: 20px;}
.price .category:after {content: "";position: absolute;	width: 100%;left: 0;top: 0;	height: 1px;background-color: #ededed;z-index: 2;}
.price .category:before {content: "";position: absolute;width: 100%;left: 0;bottom: 0;height: 1px;background-color: #ededed;z-index: 2;}
.price .category a:after {content: "";	display: inline-block;	width: 0;	height: 100%;	vertical-align: middle;}
.price .category .prev {display: none;position: absolute;top: 0;width: 59px;height: 100%;box-shadow: 0 0 3px #c6c6c7;background: #fff;text-align: center;font-size: 0;left: 0;border-right: 1px solid #e1e3e6;}
.price .category .prev span {display: inline-block;vertical-align: middle;width: 9px;height: 14px;background-repeat: no-repeat;background-image: ;background-position: 96.77% 25%;background-size: initial;}
.price .category .next span {display: inline-block;vertical-align: middle;width: 9px;height: 14px;background-repeat: no-repeat;background-image: ;background-position: 61.29% 25%;background-size: initial;}
.price .category .next {position: absolute;top: 0;width: 59px;height: 100%;box-shadow: 0 0 3px #c6c6c7;background: #fff;text-align: center;font-size: 0;right: 0;border-left: 1px solid #e1e3e6;}
.price .category ul li {display: table-cell;white-space: nowrap;font-size: 14px;text-align: center;border-bottom: 3px solid transparent;cursor: pointer;position: relative;padding: 18px 25px;}
.price .category ul li.active {border-bottom-color: #009fe9;color: #009fe9;}
.price .cont {display: none;}
.price .cont.active {display: block;}
.price .cont ul li {width: 280px;float: left;margin: 0 10px;box-sizing: border-box; height:360px; overflow:hidden}

.price .cont ul li a {display: block;border: 1px solid #e5e5e5;background-color: #fff;margin-top: 20px;padding: 13px 19px 15px;display: table-cell;vertical-align: top;}
.price .cont ul li a:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);}
.price .cont ul li a:hover  h2.title {color: #009fe9;}
.price .cont ul li a  div.img{ width:240px; height:240px; float:left; position:relative; border-bottom:1px solid #ededed; }
.price .cont ul li a  div.img img{ max-height:240px; max-width:240px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute}
.price .cont ul li a  h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 32px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; float:left;width:240px;}
.price .cont ul li a  p.desc {font-size: 14px;line-height: 21px;color: #888;height: 42px;margin-top: -2px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; float:left;width:240px;}

.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:#009fe9; float:right; background:#ffffff; line-height:40px; margin-top:30px;    border-radius: 10px;-ms-border-radius: 10px;-webkit-border-radius:10px; text-align:center;}

/*trident内核：-ms   gecko内核：-moz   webkit内核：-webkit   presto内核：-o   blink内核：-webkit*/

.formargin02{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;    border-bottom: 1px solid #ededed;    padding-bottom: 40px;}
.formargin02 ul{ width:210px; margin:0 45px; float:left;}
.formargin02 ul li{width:210px; height:210px; float:left; position:relative; margin-bottom:20px;}
.formargin02 ul li img{width:210px; height:210px;border-radius:50%;-ms-border-radius: 50%;-webkit-border-radius:50%;}
.formargin02 ul p{ width:210px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; text-align:center;font-size: 14px;line-height: 21px;color: #666;height: 63px;}


.cased{width:1200px; margin:0 auto; overflow:hidden; margin-top:40px; }
.cased ul{ width:282px; margin:0px 9px; float:left; height:327px;}
.cased ul a{height:320px;width:280px;float:left;background-color: #fff; border:1px solid #fff}
.cased ul a:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);height:320px;background-color: #fff;width:280px; border:1px solid #ededed }
.cased ul li{ width:280px; height:215px; float:left;}
.cased ul li img{ width:280px; height:215px;}
.cased ul h2{ width:280px; font-size:14px; float:left; text-align:center; padding:10px 0;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.cased ul p{ line-height:24px; color:#888; float:left; max-height:48px; font-size:14px; text-align:center;width:280px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.mcased{width:1200px; margin:0 auto; overflow:hidden; margin-top:40px; text-align:center;line-height:50px;}
.mcased a{ background:#009fe9; padding:10px 35px; color:#fff;   border-radius: 5px; }
.gsjse{ margin:0 auto; width:1200px; border-top:1px solid #ededed; padding:30px 0 0 0; overflow:hidden; margin-top:30px;}
.gsjse .abtitle{ width:1200px; float:left; line-height:35px; font-size:28px; color:#009fe9; text-align:center}
.gsjse .abtitlep{width:1200px; float:left; line-height:35px; font-size:14px; color:#737373; text-align:center; padding-bottom:10px; border-bottom:1px solid #ededed; margin-bottom:20px; }
.gsjse .li01{ float:left; width:500px; height:300px; border:1px solid #fff; position:relative; margin-bottom:30px;}
.gsjse .li01 img{max-width:500px; max-height:300px; margin:auto; left:0; right:0; top:0; bottom:0;    position: absolute; }
.gsjse .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:500px; height:300px; float:left}
.gsjse .li02{ float:right; width:660px; height:245px;margin-bottom:20px; overflow:hidden; line-height:30px;}
.gsjse .li03{background:#009fe9; padding:10px 35px; color:#fff;   border-radius: 5px; float:left; margin-left:38px;}
.gsjse .li03 a{ color:#fff}


.gsjse2{ margin:0 auto; width:1200px; border-top:1px solid #ededed; padding:30px 0 0 0; overflow:hidden; margin-top:30px;}
.gsjse2 .abtitle{ width:1200px; float:left; line-height:35px; font-size:28px; color:#009fe9; text-align:center}
.gsjse2 .abtitlep{width:1200px; float:left; line-height:35px; font-size:14px; color:#737373; text-align:center; padding-bottom:10px; border-bottom:1px solid #ededed; margin-bottom:20px; }
.gsjse2 .li01{ float:left; width:500px; height:300px; border:1px solid #fff; position:relative; margin-bottom:30px;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73); border:1px solid #ededed;width:500px; height:300px;}
.gsjse2 .li01 img{max-width:500px; max-height:300px; margin:auto; left:0; right:0; top:0; bottom:0;    position: absolute; }
.gsjse2 .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:500px; height:300px; float:left}
.gsjse2 .li02{ float:right; width:660px; height:270px;margin-bottom:20px; overflow:hidden; line-height:30px; background:#f6f6f6;padding: 15px;}
.gsjse2 .li03{background:#009fe9; padding:10px 35px; color:#fff;   border-radius: 5px; float:left; margin-left:38px;}
.gsjse2 .li03 a{ color:#fff}



.xwdte{ float:left; width:565px;  background:#fff; padding:10px; height:350px;}.hydte{ float:right; }
.xwdte .tittle{ float:left; width:565px; border-bottom:1px solid #ededed; line-height:35px;}
.xwdte .tittle li{ float:left; border-bottom:1px solid #009fe9; color:#009fe9; font-size:16px;}
.xwdte .tittle a{ float:right;}
.xwdte .tuwene{ float:left; width:565px; 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:330px; height:130px;margin-bottom:20px; overflow:hidden; line-height:30px;}
.xwdte .tuwene .li02 h2{ float:left; width:330px;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:330px;   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:565px; border-bottom:1px dashed #ededed; padding:10px 0;}
.xwdte .tuwene2 a{ float:left; width:420px;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}

.yqlje{  width:1200px; margin:0 auto; padding-top:20px; overflow:hidden;}
.yqlje .tittle{ float:left; width:1200px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px;}
.yqlje .tittle p{ float:left; border-bottom:1px solid #009fe9; color:#009fe9; font-size:16px;}
.yqlje  li{ float:left; width:200px; margin:10px 20px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; line-height:15px; font-size:14px;}

.foot2{ width: 100%; float:left; background:#393939; color:#cbd2de;margin-top: 20px; border-top:3px solid #009fe9}
.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: left;width:1000px; 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: right; margin-top:35px; width: 135px; }
.foot2nr .foot2ewm img{ width:98px;margin-left: 19px;
    border: 3px solid #ffffff;
    margin-top: 5px;}

.ecplistl{ float:left; width:210px; background:#fff}
.ecplistl .tittle{  float:left; background:#009fe9;border-radius: 10px 10px 0 0; line-height:50px; color:#fff; padding-left:20px; width:190px; font-weight:bold; font-size:16px;}
.ecplistl .c1{ float:left; border:1px solid #ededed; border-top:0px; width:188px; padding-left:20px; padding-top:10px; background:#f6f6f6;margin-bottom:20px;}
.ecplistl .c1 h2{ float:left; width:168px; font-size:15px; line-height:40px; border-bottom:1px dashed #ededed; background: no-repeat right center;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: #009fe9; position: absolute; left: 7px;top: 13px;}


.mianbaoxie{ float:left; width:1200px; line-height:50px; font-size:14px; color:#888888}
.mianbaoxie a{ color:#666666}

.ecplistr,.ecplistr2{ width:980px; float:right;}
.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 #009fe9; color:#009fe9; 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: #009fe9;}
.ecplistr li a  div.img{ width:215px; height:215px; float:left; position:relative; border-bottom:1px solid #ededed; }
.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: 22px;float:left;width:215px; height:44px; 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;}

.tuijin{ width:100%; float:left; background: center center no-repeat; height:310px; overflow:hidden;padding:28px 0px 10px 0px;}
.tuijin2{ width:100%; float:left; background: center center no-repeat;  overflow:hidden;padding:20px 0px 20px 0px;}
.topcon_2 {width:1200px;  padding:0px 0 0 0;  border-top:0; overflow:hidden; margin: 0 auto;height:310px; }
.topcon_2 .tittle{ float:left; width:1200px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px; text-align:center; font-size:28px; color:#fff; padding-bottom:20px;}
.topcon_2 .tittle p{ }
.topcon_2 .li01{border:1px #ededed solid; padding:4px; float:left; width:180px; height:180px; font-size:0px; position:relative; background:#fff}
.topcon_2 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 10px;max-width:180px; max-height:180px; }
.topcon_2 .li02{float:left; width:180px; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; line-height:30px; color:#333333;  }
.topcon_2 .li02 a{ color:#000}
.topcon_2 ul{  float:left; width:180px; height:250px; padding:0px 10px 0px 10px; }

.topcon_3 {width:1200px;  padding:0px 0 0 0;  border-top:0; overflow:hidden; margin: 0 auto;height:310px; }
.topcon_3 .tittle{ float:left; width:1200px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px; text-align:center; font-size:28px; color:#fff; padding-bottom:20px;}
.topcon_3 .tittle p{ }
.topcon_3 .li01{border:1px #ededed solid; padding:4px; float:left; width:180px; height:180px; font-size:0px; position:relative; background:#fff}
.topcon_3 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 10px;max-width:180px; max-height:180px; }
.topcon_3 .li02{float:left; width:180px; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; line-height:30px; color:#fff;  }
.topcon_3 .li02 a{ color:#fff}
.topcon_3 ul{  float:left; width:180px; height:250px; padding:0px 10px 0px 10px; }

.danlibox{ float:left; width:100%; background:#00a0ea; padding:30px 0px 20px 0;}
.danlibox ul{ width:1200px; margin:0 auto; overflow:hidden;}
.danlibox .tittleal{ width:100%; text-align:center; color:#fff; font-size:28px;line-height: 35px;float: left;}
.danlibox .tittlealp{width:1200px; margin:0 auto; text-align:center; color:#fff; font-size:14px;line-height: 35px; padding-bottom: 10px;border-bottom: 1px solid #ededed;margin-bottom: 20px; overflow:hidden}
.danlibox li{ width:350px; float:left; padding:4px; border:1px solid #ededed; margin:0px 20px 40px 20px; background:#fff; height:400px; position:relative}
.danlibox li .img{ width:350px; height:350px; float:left; position:relative}
.danlibox li .img img{max-width:350px; max-height:350px; left:0;right:0; bottom:0; top:0; position:absolute; margin:auto}
.danlibox li .title{ float:left; width:350px; font-size:14px; text-align:center; border-top:1px solid #ededed; padding:15px 0}
.danlibox li .title:hover{ background:#009fe9; color:#fff}
.moreal{ margin:0 auto; width:1200px; text-align:center; height: 50px;}
.moreal a{ padding:10px 20px; background:#ffffff;    border-radius: 5px;}
.danlibox li:before {position: absolute;bottom: 53px;left: 0;height:1px;content: "";width: 0;background: #009fe9; transition: width .6s ease-out;}
.danlibox li:hover:before {	width: 100%}

.hpage{width:878px; margin:0 auto; text-align:center; padding:50px 0px 17px 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 #009fe9; color:#009fe9; 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: 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: 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: 0px -6px no-repeat; }
        span.house_imgs_lf:hover{background: 0px -6px no-repeat;}
        span.house_imgs_rt:hover{background: 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;
}

.newslm { overflow:hidden; float:right; width:970px;}
.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;}
.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:  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:  no-repeat 0 2px; color: #7d7d7d;  padding-left: 25px; float:left; width:905px;}

.page{ float:left; width:930px; padding:20px; line-height:30px;}
#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: #009fe9;
    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: #009fe9;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:  center no-repeat;background-size: 30px 30px;}
.rt-pho .iconpic{background:  center no-repeat;background-size: 30px 30px;}
.rt_qq .iconpic{background:  center no-repeat;background-size: 30px 30px;}
.rt_ercode .iconpic{background:  center no-repeat;background-size: 30px 30px;}
.hd_qr{padding: 0 29px 25px 50px;}

/* 首页视频 */
.tonglviow{width: 100%;/* background: #f8f8f8; */margin: 40px 0 0;/* padding: 20px 0; */float:left;}
.tonglviow .tittle{margin: 0 auto 10px;height: 50px;width:1200px;text-align:center;color: #2b2b2b;font-size: 18px;text-transform: uppercase;font-weight: 400;position: relative;border-bottom: 1px solid #ededed;}
.tonglviow .tittle a{font-size: 28px;color: #009fe9;/* position: relative; */line-height: 42px;font-weight: 400;}
.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;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: 0 auto;text-align:center;}
.tonglviow  .more3 a{background: #009fe9;padding: 8px 25px;line-height:30px;color: #fff;}
.tonglviow .more3 a:hover{text-decoration:underline}


/* 左侧产品分类 */
.ecplistl2 .c1 {
  float: left;
  position: relative;
  width: 188px;
  height: 450px;
  /* overflow-x: hidden; */
  border: 1px solid #ededed;
  border-top: 0px;
  padding: 10px 0 0 20px;
  margin-bottom: 20px;
  background:#f6f6f6;
}

.ecplistl2 .c1 h2 {
  position: relative;
  font-size: 16px;
  background: none;
}

.ecplistl2 .c1 .tubiao {
  position: absolute;
  top: 0px;
  right: 5px;
  float: right;
  
  width: 22px;
  height: 22px;
  margin-top: 8px;
  background:  no-repeat center center;
/*   border: 1px dashed #e5e5e5; */
 
}

.ecplistl2 .c1 .tubiao02 {
  transform: rotate(90deg);
}

.ecplistl2 .c1 .two_no {
  display: none;
}

.ecplistl2 .c1 .two_bk {
  display: block;
  width: 170px;
  padding: 0;

}

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

.ecplistl2 .c1 .scroll2{
  scrollbar-width: thin;
  scrollbar-color: #009fe9 #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: #009fe9;
}.house_con .summary img{max-width: 910px !important;height: auto !important;line-height: 0;}