@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
/*body{ font-size: 16px; font-family:"微软雅黑","Microsoft YaHei","msyh"; color: #333;}*/
a{ color: #333; text-decoration: none; }
li{ list-style: none; }
button, textarea, input, select{ outline: none; }
.zkh{font-family: "zcoolkuhei";}
.fr{ float: right; }
.fl{ float: left; }
.mt1{ margin-top: 10px; }
.mt2{ margin-top: 20px; }
.mt3{ margin-top: 30px; }
.mt5{ margin-top: 50px; }
.mt7{ margin-top: 70px; }
.mb1{ margin-bottom: 10px; }
.mb2{ margin-bottom: 20px; }
.mb3{ margin-bottom: 30px; }
.mb5{ margin-bottom: 50px; }
.mb7{ margin-bottom: 70px; }

.pt1{ padding-top: 10px; }
.pt2{ padding-top: 20px; }
.pt3{ padding-top: 30px; }
.pt5{ padding-top: 50px; }
.pt7{ padding-top: 70px; }
.pb1{ padding-bottom: 10px; }
.pb2{ padding-bottom: 20px; }
.pb3{ padding-bottom: 30px; }
.pb5{ padding-bottom: 50px; }
.pb7{ padding-bottom: 70px; }

.f07{ font-size: 0.7rem }
.f08{ font-size: 0.8rem }
.f09{ font-size: 0.9rem }
.f10{ font-size: 1rem }
.f11{ font-size: 1.1rem }
.f12{ font-size: 1.2rem }
.f13{ font-size: 1.3rem }
.f14{ font-size: 1.4rem }
.f15{ font-size: 1.5rem }
.f16{ font-size: 1.6rem }
.f17{ font-size: 1.7rem }
.f18{ font-size: 1.8rem }
.f19{ font-size: 1.9rem }
.f20{ font-size: 2rem }
.f30{ font-size: 3rem }
.f40{ font-size: 4rem }
.hide{ display: none; }

::selection{color:#fff;background:rgba(170,170,170,0.55);}
::-moz-selection{color:#fff;background:rgba(170,170,170,0.55);}
::-webkit-selection{color:#fff;background:rgba(170,170,170,0.55);}

.cyellow{ color: #fee912; }
.cgray{ color: #3d3f3e; }
.mx12 img{ max-width: 1200px; margin: 10px auto; }
.bgcenter{ background-position: center; background-repeat: no-repeat; }
.pfull{ background-size: cover; background-position: center; background-repeat: no-repeat; }
.clear{ clear: both; }
.container{ width: 100%; }
.wrapper, .wrapper11{ width: 1100px; margin: 0px auto; }
.wrapper10{ width: 1000px; margin: 0px auto; }
.wrapper>.title{ font-size: 2rem; }
/*图片水平垂直居中*/
/*.pic{ width: 200px; height: 200px; vertical-align: middle; display: table-cell; text-align: center; }
.pic img{ display: block; vertical-align: middle; margin: 0 auto; max-width: 200px; max-height: 200px; }*/
/*文字单行显示超过隐藏*/
.aline{ width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* banner */
.banner .slideBox{ width:100%; height:540px; overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; width: 100%; left: 0px; bottom:20px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; display: table; margin: 0 auto;  }
.banner .slideBox .hd ul li{ float:left; margin:0 3px;  width:50px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#ff7a2d; color:#fff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:540px; display:block;  }
.banner .slideBox .bd li a{ width: 100%; height: 540px; display: block; background-position: center; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/OnLine/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .slideBox .prevStop{ display:none;  }
.banner .slideBox .nextStop{ display:none;  }

.g-product{  }
.index-g-l{ position: fixed; top: 15%; left: -170px; transition: all 0.35s; box-shadow: -5px 5px 10px #aaa; }

.index-g-l .sidebar-button{ position: absolute; right: -50px; top: 20%; width: 50px; text-align: center; color: #fff; background-color:#654059; font-size: 1.2rem; line-height: 2rem; padding: 20px 0; border-radius: 0 15px 15px 0; box-shadow: 5px 0px 5px #aaa; cursor: pointer; }
.g-l{ width: 170px; position: fixed; left: 0; min-height: 250px; background-color: #fff; }
.g-l .t{ height: 40px; line-height: 38px; background-color: #654059; color: #fff; border-top: 2px solid #df4b1d; padding-left: 20px; padding-right: 20px; box-sizing: border-box; font-size: 0.9rem; cursor: pointer; }
.g-l .t .title{ float: left; }
.g-l .t a{ display: block; float: right; font-size: 0.75rem; color: #eee; }
.g-l .t a:hover{ text-decoration: underline; }

.g-l li{ padding:0.2rem 0; border-right: 3px solid #654059; background-color: #fff; padding-left: 20px; padding-right: 1rem; box-sizing: border-box; border-bottom: 1px dashed #aaa; /*list-style-type: circle; list-style-position: inside;*/ }
.g-l li a{ display: block; font-size: 12px; }
.g-l li:hover{ border-left: 2px solid #df4b1d; }

.g-l .l-t{ color: #654059; font-size: 1.2rem; border-bottom: 1px solid #654059; padding-bottom: 0.5rem; margin-bottom: 0rem; padding-left: 1.5rem; box-sizing: border-box; background-color: #fff; padding-top: 0.5rem; }
.g-l ul{ margin:0 0 0rem 0; color: #654059; }

.g-r{ float: right; width: 760px; }
.g-r .r-t{ text-align: right; color: #654059; font-size: 1.2rem; border-bottom: 1px solid #654059; padding-bottom: 0.5rem; margin-bottom: 0.5rem;  }
.g-r .g-list li{ float: left; width: 31.333%; margin-right: 2%; border-bottom: 2px solid #df4b1d; position: relative; margin-top: 1rem; box-sizing: border-box; }
.g-r .g-list li:nth-child(3n){ margin-right: 0px; }
.g-r .g-list li .pic{ width: 100%; height: 100%; overflow: hidden; }
.g-r .g-list li .pic img{ width: 100%; height: 100%; transition: 2s all; }
.g-r .g-list li .pic:hover img{ transform: scale(1.3); }

.g-r .g-list li .t{ font-size: 1rem; color: #654059; overflow: hidden; text-overflow:  ellipsis; white-space: nowrap; text-align: left; height: 2rem; line-height: 2rem; background-color: rgba(255,255,255,0.75); padding-left: 1rem; box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; }

.brand ul li{ float: left; width: 23%; margin-right: 2.666%; margin-bottom: 0.7rem; border:1px solid #ccc; box-sizing: border-box; }
.brand ul li a{ display: block; padding: 50px 0;  }
.brand ul li:nth-child(4n){ margin-right: 0px; }
.brand ul li img{ width: 123px; height: 26px; display: block; margin: 0 auto }
.brand ul li .morep{ text-align: center; font-size: 2rem; }

.index-top{  }
.top-l{ float: left; width: 48%; }
.top-r{ float: right; width: 48%; }

.top-l .top-a .t{ font-size: 1.5rem; border-bottom: 1px solid #ccc; padding-bottom: 1rem; }
.top-l .top-a .p{ margin-top: 1rem; text-indent: 2rem; line-height: 1.5rem; }
.top-l .top-a a{ display: block; width: 100px; height: 2rem; line-height: 2rem; border-radius: 1rem; background-color: #654059; color: #fff; text-align: center; font-size: 0.85rem; float: right; }

.top-l .top-n .t{ font-size: 1.5rem; border-bottom: 1px solid #ccc; padding-bottom: 1rem; }
.top-l .top-n ul{ margin-top: 1rem; }
.top-l .top-n li{ line-height: 1.75rem; }
.top-l .top-n li span{ float: right; }
.top-l .top-n li a{}

.top-r .video{ background-color: #000; height: 400px; }
.youshi_bao{ width:1100px; margin:0 auto;}
.youshi_ti{ width:1100px; text-align:center; font-size:2rem; color:#FFF; padding-top:50px;}
.youshi_ti span{ font-size:16px; line-height:60px;}
.youshi_tu{ width:1100px; margin-top:20px; overflow:hidden;}
.youshi_tu ul{ width:1200px;}

.ys_tu{ width:350px;}

.gtitle{ background-image: url(/OnLine/images/dian.png); background-repeat: no-repeat; background-position: center; text-align: center; margin-bottom: 2rem; color: #654059 }
.gt1{ font-size: 2rem; }
.gt2{ font-size: 1rem; margin-top: 1rem; }

.chanping{ width:1100px; margin:0 auto; margin-top:30px; overflow:hidden;}
.chanping ul{ width:1300px;}
.chanping li{ width:264px; height:302px; float:left; margin:0 14px 30px 0; background-image:url(http://www.dgdlt.com/OnLine/images/pr_kuai_05.jpg);}
.chanping_ti{ width:264px; height:80px; line-height:80px; text-align:center; font-size:16px;}
.chanping_tu{ margin:1px 0 0 1px;}
.chanping a:hover{ color:#fff; display:block; background-image:url(http://www.dgdlt.com/OnLine/images/pr_kuai_03.jpg); width:262px; height:220px;}

.pinpaia{ width:1100px; height: auto !important; margin:0 auto; margin-top:40px;}
.pinpai_tia{ width:1100px; text-align:center; font-size:45px; color:#5c5c5c;}
.pinpai_tia span{ font-size:16px; line-height:50px;}
.pinpai_logoa{ width:1100px; height:195px; background-image:url(http://www.dgdlt.com/OnLine/images/pinpai_logo_03.jpg); margin-top:40px;}

.cfsb ul li{ float: left; width: 24%; margin-right: 1.333%; margin-top: 0.8rem; }
.cfsb ul li:nth-child(4n){ margin-right: 0; }
.cfsb ul li .pic{ height: 120px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.cfsb ul li .t{ height: 2rem; line-height: 2rem; padding:0 1rem; box-sizing: border-box; background-color: #ddd; color: #000; font-weight: bold; text-align: center; }
.cfsb ul li .p{ font-size: 0.85rem; box-sizing: border-box; background-color: rgba(101,64,89,0.7); color: #fff; left: 0; width: 100%; bottom: 0px; padding: 0.25rem 1rem; text-align: center; white-space: nowrap; }

.zz .zz-l{ float: left; width: 47%; }
.zz .zz-r{ float: right; width: 47%; }
.zz .t{ text-align: center; margin-bottom: 1rem; font-size: 1.5rem; letter-spacing: 2px; }

/* 本例子css */
.zz .slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd;  }
.zz .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display: none }
.zz .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.zz .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.zz .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.zz .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.zz .slideBox .bd ul{ height: 100%; }
.zz .slideBox .bd li{}
.zz .slideBox .bd li .pic{ background-position: center; background-repeat: no-repeat; background-size: cover; height: 250px; }
/*.zz .slideBox .bd img{ width:100%; height:100%; display:block;  }*/

/* 下面是前/后按钮代码，如果不需要删除即可 */
.zz .slideBox .prev,
.zz .slideBox .next{ position:absolute; left:3%; top:52%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/OnLine/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.zz .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.zz .slideBox .prev:hover,
.zz .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.zz .slideBox .prevStop{ display:none;  }
.zz .slideBox .nextStop{ display:none;  }

.zz .slideBox .bd .t{ height: 3rem; background-color: rgba(255,255,255,0.7); line-height: 3rem; padding: 0 1rem; color: #654059; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; font-size: 1.2rem; }
.zz .slideBox .bd .p{ background-color: rgba(101,64,89,0.85); padding: 1rem 1rem; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.licheng{ margin: 0 auto; }
.about-video{ display: none; }

.product-index-ul{ }
.product-index-ul li{ padding: 20px 0; border-bottom: 1px dashed #aaa; }
.product-index-ul li a{ display: inline-block; vertical-align: middle; }
.product-index-ul li .pic{ border:1px solid #aaa; display: inline-block; vertical-align: middle; }
.product-index-ul li img{ width: 200px; }
.product-index-ul li .t{ padding-left: 30px; color: #555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle; font-size: 1.5rem; }
.product-index-ul li .morep{ border:1px solid #aaa; box-sizing: border-box; line-height: 198px; width: 200px; float: left; text-align: center; font-size: 1.5rem; }

.repair-list{ margin-top:1rem; }
.repair-list ul{ color: #654059; font-size: 1.2rem; width: 85%; margin: 0 auto; margin-top: 1rem; }
.repair-list li{ list-style-position: inside; list-style-type: circle; width: 50%; float: left; margin-bottom: 1rem; padding-left: 4rem; box-sizing: border-box; }
.repair-list li a{ font-size: 1.2rem;  }

.peijian-list{}
.peijian-list li{ padding: 0px 0; padding-left: 220px;  }
.peijian-list li a{ display: block;  }
.peijian-list li img{ float: left; width: 200px; height: 200px; }
.peijian-list li .t{ float: left; padding-left: 100px; height: 200px; line-height: 200px; font-size: 1.5rem; color: #555; }
.peijian-list li .morep{ border:1px solid #aaa; box-sizing: border-box; line-height: 198px; width: 200px; float: left; text-align: center; font-size: 1.5rem; }

.xingneng{ margin-top: 70px; }
.xingneng ul{ margin-top: 70px; }
.xingneng li{ list-style-type: circle; list-style-position: inside; padding-left: 35%; margin-top: 20px; }
.xingneng a{ font-size: 1.5rem;  }

.index-brand .wrapper, .index-product .wrapper{ width: auto; }

.page-container{ background-color: #f4f4f4; padding: 40px 0; }
.page-container .page-content{ width: 1100px; margin: 0 auto; padding: 40px; box-sizing: border-box; background-color: #fff; }
.page-container .page-content .page-title{ font-size: 2rem; font-weight: 100; }
ul.page-news-ul {  }
ul.page-news-ul li{ border-bottom: 1px dashed #ccc; padding: 15px 0; position: relative; overflow: hidden; }
ul.page-news-ul li a { display: block; color: #777; }
ul.page-news-ul li a .t{ padding-right: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float:left; box-sizing: border-box; font-size: 1.2rem; width: 100%; float: left; color: #555; }
ul.page-news-ul li a .date{ font-size: 1rem; font-weight: 100; width: 100px; text-align: right; float: right; position: absolute; right: 0; }
ul.page-news-ul li a .pic{ float: left; border: 1px solid #ccc; }
ul.page-news-ul li a .pic img{ width: 220px; height: 160px; }
ul.page-news-ul li a .info{ float: right; height: 160px; width: 620px; }
ul.page-news-ul li a .intro{ font-size: 0.8rem; margin-top: 0.6rem; letter-spacing: 1px; line-height: 1.3rem; height: 7.8rem; overflow: hidden; }
ul.page-news-ul li a:hover{ color: #df4b1d; }

ul.page-job-ul {  }
ul.page-job-ul li{ border-bottom: 1px dashed #ccc; padding: 15px 0; position: relative; overflow: hidden; }


ul.page-video-ul { margin-top: 20px; }
ul.page-video-ul li{ float: left; width: 31%; margin-right: 3.5%; }
ul.page-video-ul li:nth-child(3n){ margin-right: 0; }
ul.page-video-ul li .pic{ height: 200px; }
ul.page-video-ul li .info{ background-color: #f5f5f5; padding: 0.5rem; }
ul.page-video-ul li .t{ float: left; width: 60%; }
ul.page-video-ul li .date{ float: right; width: 40%; text-align: right; }

.cd_quick{ line-height: 1.6rem; font-size: 0.85rem; color: #777; background-color: #f5f5f5;padding:10px 20px; border-bottom: 2px solid #654059; position: relative; margin-top: 50px; }
.cd_quick .back{ position: absolute; bottom: 10px; right: 20px; }



/********************************* 工程师  ***************************************/
.engineer-dh{ text-align:center; height:83px; color:#676767; }
.engineer-dh a{ font-size:20px; display:block; height:35px; line-height:35px; color:#67415a}
.engineer-dh span{ color:#de4b20}
.engineer-list{ width:205px; height:auto; float:left; margin:0 14px 0 0}
.engineer-list img{ display:block; width:100%; height: 250px;  }
.engineer-list span{ display:block; overflow:hidden; text-align:center; font-size:16px; margin-top: 0.75rem;}
.engineer-list .txt{ overflow:hidden; padding:0 38px; margin-top: 0.5rem; font-size: 0.875rem;}
.engineer-list a{ display:block; background:#67415a; color:#fff !important; padding-bottom:14px;}
.engineer-list a:hover{ background:#de4b20;}

.engineer-dha{ font-size:20px; height:20px; line-height:20px; color:#67415a; padding:18px 0 0 0}
.engineer-dhb{ height:28px; line-height:27px; border-bottom:1px solid #e1e1e1; color:#000000; font-size:20px;}
.engineer-dhb img{ width:220px; height:27px; vertical-align:middle; margin:-2px 6px 0 0}
.engineer-dhb span{ float:right; color:#a3a3a3; font-size:12px;}
.engineer-dhb a{ color:#a3a3a3}
.engineer-div{ width:100%; height:auto; background:#f8f8f8 url(../Images/bg.jpg) repeat-x; padding:50px 0 0 0}
.engineer-v{ background:#ffffff; height:232px; padding:22px 40px 22px 52px; margin:32px 0 0 0}
.engineer-v img{ width:190px; height:232px; float:left; display:block; margin:0 20px 0 0}
.engineer-v .dh{ height:38px; line-height:38px; overflow:hidden; font-size:18px; padding:14px 0 0 0}
.engineer-v .dh a{ color:#67415a}
.engineer-v .txt{ color:#5d5d5d; line-height:28px; height:168px; overflow:hidden}

.service-title{ padding-left: 1rem; border-left: 3px solid #ddd; text-align: left; margin-top: 20px; font-size: 1.5rem; margin-bottom: 20px; }
.Universal{ overflow: hidden; }

.bar-nav{ height: 60px; line-height: 60px; background-color: #fff; }
.bar-nav .wrapper{ height: 60px; }
.bar-nav ul{ float: left; }
.bar-nav li{ float: left; }
.bar-nav li a{ display: block; padding: 0 15px; }
.bar-nav li a.hover{ color: #df4b1d; background-color: #f7f7f7; background-image: url(/OnLine/images/lanmu_kuai_03.jpg); }
.bar-nav .location{ float: right; }

.page-container{ background-color: #f4f4f4; padding: 40px 0; }
.page-wrapper{ background-color: #fff; padding: 40px; width: 1100px; margin: 0 auto; box-sizing: border-box; }

.page-goin-info .p{ float: left; width: 50%; }
.page-goin-info .p p{ text-indent: 2rem; font-size: 1rem; }
.page-goin-info .pic{ float: right; width: 47%; float: right; }
.page-goin-info .pic img{ width: 100%; }


.gsyj ul li{ float: left; width: 32%; margin-right: 2%; margin-top: 0.8rem; }
.gsyj ul li:nth-child(3n){ margin-right: 0; }
.gsyj ul li .pic{ height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.gsyj ul li .t{ height: 2rem; line-height: 2rem; padding:0 1rem; box-sizing: border-box; background-color: #ddd; color: #000; font-weight: bold; text-align: center; }
.gsyj ul li .p{ font-size: 0.85rem; box-sizing: border-box; background-color: rgba(101,64,89,0.7); color: #fff; left: 0; width: 100%; bottom: 0px; padding: 0.25rem 1rem; text-align: center; white-space: nowrap; }

.gstd .pic img{ width: 100%; }

.page-boss{  }
.page-boss .boss-img{ width: 150px; margin: 0 auto; }
.page-boss .boss-img img{ width: 100%; }
.page-boss .t{ text-align: center; margin-top: 20px; }

.page-culture{ font-size: 1.1rem; text-align: center; margin-top: 30px; }

.overall-bg{ background-color: #f3f3f3; overflow: hidden; }
.overall-layout{ width: 1100px; margin: 20px auto; min-height: 250px; background-color: #fff; padding: 20px; box-sizing: border-box; }
.overall-nav{ float: left; width: 160px;  }
.overall-nav .t{ height: 40px; line-height: 38px; background-color: #654059; color: #fff; border-top: 2px solid #df4b1d; padding-left: 20px; padding-right: 20px; box-sizing: border-box; font-size: 0.9rem; cursor: pointer; }
.overall-nav .t .title{ float: left; }
.overall-nav .t a{ display: block; float: right; font-size: 0.75rem; color: #eee; }
.overall-nav .t a:hover{ text-decoration: underline; }
.overall-nav li{ padding:0.3rem 0; background-color: #fff; padding-left: 20px; padding-right: 1rem; box-sizing: border-box; border-bottom: 1px dashed #ccc; /*list-style-type: circle; list-style-position: inside;*/ }
.overall-nav li a{ display: block; font-size: 13px; }
.overall-nav li:hover{ border-left: 2px solid #df4b1d; }

.overall-nav .l-t{ color: #654059; font-size: 1.2rem; border-bottom: 1px solid #654059; padding-bottom: 0.5rem; margin-bottom: 0rem; box-sizing: border-box; background-color: #fff; }
.overall-nav ul{ margin:0 0 0rem 0; color: #654059; }

.overall-nav-item{ border:1px solid #d5d5d5; margin-bottom: 1rem; }
.overall-nav-list-title{ margin-left: 20px; margin-top: 0.5rem;  display: block; border-bottom: 1px solid #f60; padding-bottom: 0.5rem;}

.overall-container{ float: right; width: 880px; }

.overall-location{ font-size: 13px; border-bottom: 1px dashed #ccc; padding-bottom: 0.5rem; }
.page-banner{ height: 300px; width: 100%; background-position: center; background-size: auto 100%; background-repeat: no-repeat; background-color: #aaa; }

.search-box{ float: right; }
.search-box input{ border: 1px solid #ccc; padding: 0 10px; float: left; height: 25px; line-height: 25px; }
.search-box button{ border: 1px solid #ccc; padding: 0 15px; float: left; height: 28px; line-height: 28px; display: block; background-color: #df4b1d; color: #fff; cursor: pointer; }

.product-detail .title{ text-align: center; font-size: 1.5rem; margin-top: 1rem; }
.product-detail img{ max-width: 100%; }

.gray-background{ background-color: #f3f3f3; overflow: hidden; }

.box-container{ background-color: #fff; width: 1100px; margin: 40px auto; padding: 30px; box-sizing: border-box; }

.performance-list{ margin-top:1rem; }
.performance-list ul{ color: #654059; font-size: 1.2rem; margin: 0 auto; margin-top: 1rem; display: table; }
.performance-list li{ list-style-type: circle; margin-bottom: 1rem; box-sizing: border-box; }
.performance-list li a{ font-size: 1.2rem; display: block; white-space: nowrap; }
.about-info-text{ margin-top: 1rem; }
.qwert{  }


		/* 本例子css */
		.product-slideBox{ width:100%; overflow:hidden; position:relative; margin: 20px 0; }
		.product-slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.product-slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.product-slideBox .hd ul li{ float:left; margin-right:5px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
		.product-slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.product-slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.product-slideBox .bd li{ zoom:1; vertical-align:middle; }
		.product-slideBox .bd img{ width:100%; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.product-slideBox .prev,
		.product-slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/OnLine/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.product-slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.product-slideBox .prev:hover,
		.product-slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.product-slideBox .prevStop{ display:none;  }
		.product-slideBox .nextStop{ display:none;  }