body{ font-family:Arial, Helvetica, sans-serif;}
.min-w{ min-width:1200px;}
.main-content{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.inner-adv-view{ width:100%; height:auto; overflow:hidden; min-width:1200px; position:relative;}
.inner-adv-view a{ width:100%; height:auto; display:block;}
.inner-adv-view img{ display:block; margin:0 auto; width:100%;} 

.dz-innmenu-main{ width:1200px; margin:0 auto; height:68px; text-align:center; margin-top:1px;}
.dz-innmenu-main a{ display:inline-block; padding:0px 45px; border-bottom:1px solid #fff; font-size:14px; color:#626262; line-height:68px; margin:0px 10px;}
.dz-innmenu-main a:hover{ color:#0879ab;}
.dz-innmenu-main a.hover{ color:#0879ab; border-bottom:1px solid #0879ab;}

.dz-inner-menu{ width:100%; min-width:1200px; height:auto; overflow:hidden;margin-bottom:40px;}
.dz-inner-page{ width:1200px; height:auto; overflow:hidden; margin:30px auto 60px auto;min-height:300px;}
.dz-inner-leftpage{ width:220px; height:auto; min-height:300px; float:left; background:#fff; border-radius:2px; overflow:hidden;}
.leftpage-title{ width:100%; height:42px; border-bottom:2px solid #e6e6e6; font-size:16px; line-height:42px; font-weight:500; padding:0px 10px; box-sizing:border-box; font-weight:700; color:#333;}
.leftpage-nav{ width:100%; height:auto; overflow:hidden; padding:0px 15px; box-sizing:border-box; margin-top:10px;}
.leftpage-nav li{ width:100%; height:36px; line-height:36px; border-bottom:1px dotted #dedede; font-size:14px; color:#666; position:relative;}
.leftpage-nav li span{ position:absolute; right:0;}
.leftpage-nav li.hover i,.leftpage-nav li.hover a,.leftpage-nav li.hover span{ color:#FF0036;}
.dz-inner-rightpage{ width:960px; height:auto; min-height:500px; overflow:hidden; float:right; background:#fff; border-radius:2px;}
.rightpage-title{ width:100%; height:42px; border-bottom:2px solid #e6e6e6; font-size:16px; line-height:42px; font-weight:500; padding:0px 15px; box-sizing:border-box;color:#FF0036;}
.rightpage-content{ width:100%; height:auto; overflow:hidden; padding:25px 25px; box-sizing:border-box; line-height:1.8; font-size:14px; color:#666;}
.rightpage-content img{ max-width:100%;}

.adv-title{width:200px; height:60px; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:-30px; text-align:center; line-height:60px; font-size:40px; color:#fff; letter-spacing:5px; font-weight:bolder;}

.dz-inner-nav{ background:#fff; text-align:center; margin-top:20px;}
.dz-inner-nav a{ color:#333 !important; opacity:1; font-size:13px; padding:0px 40px !important; font-size:15px;}
.layui-nav .layui-this a{ color:#FF0036 !important;}
.layui-nav .layui-this:after{ height:3px;background-color:#FF0036 !important;}
.layui-nav .layui-this:after, .layui-nav-bar,  .layui-nav-itemed:after{ height:3px;background-color:#FF0036 !important;}
.inner-about-view{ margin:0 auto; min-height:500px; background:#fff; margin:25px auto; padding:20px 30px;}
.dz-article-content{ margin:0 auto; width:100%; height:auto; line-height:25px;}
.dz-article-content table,.dz-article-content img{ max-width:100%;}

/*新闻*/
.list-page-view{ background:#fff; margin:10px auto; padding:0px 30px; min-height:500px;box-sizing:border-box;}
.news-lists{ margin-top: 40px; overflow: hidden;}
.news-lists .news-item{ width:100%; height:240px; overflow:hidden; background: #fff; display: block; margin-bottom: 25px;}
.news-lists .news-item:hover{ background:#179aa1;}
.news-lists .news-item:hover .news-title,.news-lists .news-item:hover .day,.news-lists .news-item:hover .news-intro,.news-lists .news-item:hover .yearmonth { color:#fff;}
.news-lists .news-item .news-pic{ width:285px; height:240px; overflow:hidden; float: left;}
.news-lists .news-info-mid{ width: 580px; float: left; margin-left: 45px;}
.news-item .news-title{ width:100%; height:30px; overflow:hidden; line-height:30px; font-weight: bold; font-size: 18px; color: #000; text-overflow:ellipsis;white-space:nowrap; margin-top: 50px;}
.news-item .news-intro{ width:100%; height:72px; line-height:24px; overflow:hidden; color:#666; font-size:16px; margin:10px auto 25px auto;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-item .news-date{ width:160px; height:auto; overflow: hidden; float: right; text-align: center; }
.news-item .news-date .day{ text-align: center; width: 100%; font-size:56px;font-weight:none; color: #000; margin-top: 50px;}
.news-item .news-date .yearmonth{ width: 100%; text-align: center; font-size:20px; color: #333; padding-left:15px; box-sizing: border-box;}



.dz-article-view{ width:1200px; background:#fff; min-height:600px; overflow:hidden; position:relative; margin:10px auto; padding:10px 50px 60px 50px; box-sizing:border-box;z-index:2;}
.dz-article-title{ width:100%; height:auto; overflow:hidden; padding-bottom:25px; border-bottom:1px dashed #ddd; margin-top:30px;}
.dz-article-title h2{ width:100%; height:auto; overflow:hidden;font-size: 24px;color: #333;line-height: 32px; text-align:center;}
.dz-article-title p{ color:#777; font-size:13px; text-align:center; display:block; margin-top:8px;}
.dz-article-title i{ color:#888; position:relative; top:1px;}
.dz-article-content{ width:100%; height:auto; overflow:hidden; margin:25px auto 0px auto;}
.dz-article-content img{ max-width:100%;}
.article-tags-list{ width:100%; height:auto; overflow:hidden; margin:15px auto 0 auto;}
.article-tags-list span,.article-tags-list a{ float:left; margin-right:8px; font-size:16px; color:#999;}
.article-tags-list span{ color:#333;}
.dz-article-footer{ width:100%; height:auto; padding:30px 0px 10px 0; border-top:1px dashed #ddd; margin-top:50px; overflow:hidden; box-sizing:border-box;}
.dz-article-footer .r-share-view{float:right;}
.dz-article-footer .article-pre-next{ float:left;}
.dz-article-footer .article-pre-next p{line-height:22px; display:block; color:#333; font-size:13px;}
.dz-article-footer .article-pre-next p a{ color:#777; font-size:13px;}
.dz-article-footer .article-pre-next p a:hover{ text-decoration:underline; color:#000;}
.location-warp-content{ background: #f8f8f8; border-bottom: 1px solid #e8e8e8; padding: 20px 0;}
.location-view{ width:1200px; margin: 0 auto; padding:10px 10px; display:flex; align-items:center; color:#666; font-size:14px; position: relative;}
.location-view::after{ width: 3px; height: 14px; background: #16797e; position: absolute; left: 0; top: 50%; margin-top: -6px; content: " "; display: block; }
.location-view .location-span{ color:#000 !important; font-size:15px;}
.location-view .cur-locat{ color:#000; font-size: 15px;}
.location-view i{ position:relative; top:3px;}
.location-view a{ font-size: 15px; color: #666666;}
.location-view a:hover{ color:#FF0036; text-decoration:underline;}

.mold-intro-view{ width: 100%; height: auto; padding:15px 30px; box-sizing: border-box; background: #39a4aa; color: #fff; margin: 40px 0px 36px 0;}
.mold-pros{ width: 1215px; height: auto; overflow: hidden; margin-bottom: 40px;}
.mold-pros li{ width: 390px; height: 270px; overflow: hidden; float: left; margin-right: 15px; margin-bottom: 15px;}

.inner-min-title{ font-size: 26px; color: #333333; text-align: center; margin-top: 65px;}
.aq-item{ margin-top: 18px;}
.q-view{ font-size:18px; color: #39a4aa;}
.a-view{ font-size:16px; color: #666; line-height: 1.3; margin-top: 4px;}
.vida-img{ width: 542px; height: 342px; float: right;}
.mold-info-item{ color: #666; font-size: 16px; line-height: 1.2; margin-bottom: 10px;}
.mold-info-item span{ color: #39a4aa; font-weight: bold;}
.injection-mold-ul{ width:1350px; margin-top: 50px;}
.injection-mold-ul li{ width: 450px; float: left; font-size: 16px; color: #333; margin-bottom: 40px;}
.injection-mold-ul li img{ margin-right:10px;}
.contact-item{ line-height: 24px; color: #666666; font-size: 16px; margin-top: 6px;}

.device-pros{ width: 1215px; height: auto; overflow: hidden; margin-bottom: 40px;}
.device-pros li{ width: 390px; height: 340px; overflow: hidden; float: left; margin-right: 15px; margin-bottom: 15px;}
.device-name{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 15px; overflow: hidden;}

.rapid-right-img{ float: right; width: 520px; height: 310px; overflow: hidden;}
.pro-mode-view{ width: 1230px; height: auto; overflow: hidden; margin-bottom: 40px;}
.pro-mode-view li{ width: 380px; height: 258px; overflow: hidden; float: left; margin-right: 30px; margin-bottom: 30px;}

.studies-item{ background: #f8f8f8; overflow: hidden; margin-top:0px; margin-bottom:30px; display: flex; align-items: center;}
.studies-pic{ width: 390px; height: 267px; overflow: hidden; float: left; margin-right: 50px;}
.studies-intro{ width: 700px; float:left; overflow: hidden; height: 180px; line-height: 1.5; font-size: 15px; color: #666;}

.com-item{ width: 280px; height: 273px; float: left; margin-right: 20px; margin-bottom: 20px;}
.com-sort{ width: 53px; height: 43px; background: #179aa1; color: #fff; text-align: center; line-height: 43px; font-size: 20px; float: left;}
.com-title{ width: 227px; height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 16px; float: left;}
.culture-box-warp{width: 100%; height: 720px;background: url(../images/culter.jpg) no-repeat center center; margin: 0px auto 0 auto; overflow: hidden;}
.culture-box{ width: 100%; height: auto;  margin: 0px auto 0 auto; overflow: hidden;}
.culture-left{ width: 515px; height: 208px; float: left; background: rgba(47, 170, 183,0.30); border-radius: 20px; overflow: hidden; margin-top: 35px; margin-left: 60px;}
.culture-right{ width: 515px; height: 208px; float: right;background: rgba(47, 170, 183,0.30); border-radius: 20px; overflow: hidden; margin-top: 35px;margin-right: 60px;}
.culture-icon{ text-align: center; margin-top:35px;}
.culture-icon img{ height: 50px;}
.culture-title{ text-align: center; color: #fff; font-size:24px; margin:15px auto 10px auto;}
.culture-intro{ text-align: center; color: #fff; font-size: 14px; line-height: 1.6;}

.service-ul{ width: 100%; height: auto; overflow: hidden;}
.service-ul li{ width: 300px; height: 240px; float: left; overflow: hidden; background: #f5f5f5; position: relative;}
.service-ul .service-txt{ padding: 20px 15px; box-sizing: border-box;}
.service-ul .service-name{ font-size: 20px; color: #333; font-weight: 550;}
.service-ul .service-sm{ font-size: 13px; color: #666666; line-height: 1.5; margin-top: 10px;}
.service-ul li.sjxicon1::after{ width: 20px; height: 23px;content: " "; display:block; position: absolute; right: 0; top: 50%; margin-top: -11px; background: url(../images/sjx_2.png) no-repeat;}
.service-ul li.sjxicon2::after{ width: 20px; height: 23px;content: " "; display:block; position: absolute; left:-1px; top: 50%; margin-top: -11px; background: url(../images/sjx_1.png) no-repeat;}






.pro-left{ width: 295px; float: left; height: auto; overflow: hidden;}
.pro-cate{ padding: 10px 10px; box-sizing: border-box; background: #fff; border-top: none;}
.pro-cate-item{ width: 100%; height: auto; margin-bottom: 15px; background: #f8f8f8; overflow: hidden; padding-bottom: 15px;}
.first_level{ width: 100%; height: 35px; background: #46a5aa; font-size: 16px; color: #fff; overflow: hidden; line-height: 35px; padding-left: 10px; box-sizing: border-box;}
.first_level a{ font-size: 16px; color: #fff; }
.first_level i{ font-size: 12px; position: relative; top: -6px; margin-right: 5px; zoom: 0.5;}
.second-level{ width: 100%; height: auto; overflow: hidden; font-size: 15px; color: #666666; padding: 3px 10px 3px 13px; box-sizing: border-box; margin-top: 10px;}
.third-level{width: 100%; height: auto; overflow: hidden; font-size: 13px; color: #666666; padding: 3px 10px 3px 28px; box-sizing: border-box; margin-top: 10px;}
.second-level a,.third-level a{ color: #666;}

.second-level a:hover,.third-level a:hover,.second-level a.hover,.third-level a.hover{ color: #16797e;}{ color: #16797e;}


.pro-cate li{ width:100%; height: 50px; padding:0px 10px; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; background: #e7e7e7; margin-bottom: 15px; font-size: 16px; color: #666;}
.pro-cate li.hover,.pro-cate li:hover{ background: #179aa1; color: #fff;}
.pro-right{ float: right; height: auto; overflow: hidden; width: 890px;}
.proitem{ width: 280px; height: auto; float: left; display: block;margin: 0px 0px 16px 15px; background: #fff;border-bottom: 1px solid #fff;}
.proitem .pro-pic{ width: 100%; height: 240px; background: #f8f8f8; overflow: hidden; margin: 0px auto;}
.pro-nameintro{ width: 100%; height: 106px; overflow: hidden; border-top: 1px solid #f1f1f1; padding: 0px 10px; box-sizing: border-box;}

.proitem .pro-name{ width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #333; text-overflow:ellipsis;white-space:nowrap; margin: 10px auto 0px auto; overflow: hidden; text-align: center; }
.proitem .pro-intro{ width: 100%; height: 44px; line-height: 22px; font-size: 14px; color: #666;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow: hidden;}


.pro-more{ width: 100%;text-align: center; font-size: 20px; color: #169a9f;}
.proitem:hover{ border-bottom: 1px solid #179ba0;-moz-box-shadow:0px 0px 5px #D9D9D9; -webkit-box-shadow:0px 0px 5px #D9D9D9; box-shadow:0px 0px 5px #D9D9D9;}

#magnifier{position:relative;width:448px; height: auto; float: left;}
.small-box{position:relative;width:448px;height:488px;margin-bottom:20px;border:1px solid #e8e8e8;}
.small-box table td{width:448px;height:488px;}
.small-box img{width:auto;height:auto;max-height:488px;max-width:448px;}
.small-box .hover{display:none;position:absolute;left:0;top:0;width:200px;height:200px;background:#0099ff;opacity:.5;filter:alpha(opacity:50);cursor:move;}
.thumbnail-box{position:relative;width:100%;}
.thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px;}
.thumbnail-box .btn-prev{left:0;background:url(../images/btn_prev.png) no-repeat;}
.thumbnail-box .btn-prev.btn_prev_disabled{background:url(../images/btn_prev_disabled.png) no-repeat;cursor:not-allowed;}
.thumbnail-box .btn-next{right:0;background:url(../images/btn_next.png) no-repeat;}
.thumbnail-box .btn-next.btn_next_disabled{background:url(i../mages/btn_next_disabled.png) no-repeat;cursor:not-allowed;}
.thumbnail-box .list{overflow:hidden;width:390px;margin:0 auto;}
.thumbnail-box .wrapper{width:100000px;}
.thumbnail-box .list .item{float:left;margin:0 10px;}
.thumbnail-box .list .item-cur{}
.thumbnail-box .list .item img{border:2px solid #a9a9a9;width:54px;height:54px;}
.thumbnail-box .list .item-cur img{border:2px solid #e53e41;}
.big-box{display:none;overflow:hidden;position:absolute;left:451px;top:0;width:300px;height:300px;border:1px solid #e8e8e8; z-index: 9;}
.big-box img{display:block;}