@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%; overflow-x:hidden;}

.totalwidth{ width:1200px; margin:0 auto; margin-bottom:30px;margin-top:35px;}
.bottom .fr{ width:900px; float:right;}
.cp img{border: 1px solid #d0d0d0;padding: 2px;}
.cp a:hover img{border: 1px solid #38a203; padding: 2px;}
.cpp img{border: 10px solid #d0d0d0;}
.cpp a:hover img{border: 10px solid #ffa200;}


.ban0{background:url(../../web18624ml.member-api.di7.com/files/images/16.jpg)/*tpa=http://www.delrin500p.com/files/images/16.jpg*/ no-repeat center ;height:500px;width:100%;margin:0 auto;}
.ban1{background:url(../../web18624ml.member-api.di7.com/files/images/banner2.jpg)/*tpa=http://www.delrin500p.com/files/images/banner2.jpg*/ no-repeat center ;height:500px;width:100%;margin:0 auto;}
.ban2{background:url(../../web18624ml.member-api.di7.com/files/images/banner3.jpg)/*tpa=http://www.delrin500p.com/files/images/banner3.jpg*/ no-repeat center ;height:500px;width:100%;margin:0 auto;}
.banner{ margin-top:1px; height:500px;}



.tit{ font:30px "Microsoft YaHei"; text-align:center; background:url(images/pro_hbg.png)/*tpa=http://www.delrin500p.com/files/images/pro_hbg.png*/ no-repeat center top; height:139px; overflow:hidden;}
.tit a{ display:block; color:#333; padding-top:22px;}
.tit b{ color:#349f38;}
.tit em{ display:block; font:12px Arial; text-transform:uppercase; color:#bcbcbc; letter-spacing:4px; padding-top:3px;}


.focus { width:100%; height:600px; overflow:hidden; position:relative;}
.focus ul {height:700px; position:absolute;}
.focus ul li {float:left; width:100%; height:600px; overflow:hidden; position:relative; background:#222;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#222; display:none;}
.focus .btn {position:absolute; width:1200px; left:50%; margin-left:-540px; height:24px; bottom:40px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:40%; background:url(images/banner_bg.png)/*tpa=http://www.delrin500p.com/files/images/banner_bg.png*/ no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{overflow:hidden;}
.dis { display: none;}



.colee{ height:1255px; overflow:hidden;}
.pro{ padding-top:80px;overflow:hidden; padding-bottom:80px;}
.fen{ width:280px; border:1px solid #e0e0e0; border-bottom:3px solid #30a333; padding-bottom:20px; float:left;}
.fen h2{ height:84px; font:24px "Microsoft YaHei"; text-align:center; color:#fff; background:#30a333; overflow:hidden; line-height:84px;}
.fen h2 a{ display:block; color:#fff;}
.fen h2 em{background:url(../../web18624ml.member-api.di7.com/files/images/fen_h.gif)/*tpa=http://www.delrin500p.com/files/images/fen_h.gif*/ no-repeat left center; padding-left:20px; font-size:18px; margin-left:4px; text-transform:uppercase;}
.fen2 h3{ font:16px "Microsoft YaHei"; line-height:54px; height:54px; overflow:hidden; border-bottom:1px solid #e9ebea; padding:0 24px;}
.fen2 h3 a{ display:block; color:#444; font-weight:bold; background:url(../../web18624ml.member-api.di7.com/files/images/fen_jt1.gif)/*tpa=http://www.delrin500p.com/files/images/fen_jt1.gif*/ no-repeat right center;}
.fen2 h3 a:hover{background:url(../../web18624ml.member-api.di7.com/files/images/fen_jt2.gif)/*tpa=http://www.delrin500p.com/files/images/fen_jt2.gif*/ no-repeat right center; color:#ff7608;}
.fen2 .nones{ border:0;}
.fen2 ul{ width:246px; margin:0 auto;}
.fen2 li{ font:14px "Microsoft YaHei"; height:40px; line-height:40px; color:#787878; float:left; width:123px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.fen2 li a{ color:#787878; display:block; background:url(../../web18624ml.member-api.di7.com/files/images/fen_jt3.gif)/*tpa=http://www.delrin500p.com/files/images/fen_jt3.gif*/ no-repeat left 16px; padding-left:15px; }
.pro2{ width:885px; float:right;}
.pro2 dl{ height:448px; overflow:hidden; position:relative;}
.pro2 dt img{ display:block; height:421px; overflow:hidden; width:100%;}
.pro2 dd{ width:237px; height:305px; padding:52px 0 0 45px; overflow:hidden; background:url(../../web18624ml.member-api.di7.com/files/images/pro_gbg.png)/*tpa=http://www.delrin500p.com/files/images/pro_gbg.png*/ no-repeat; position:absolute; top:0; right:40px;}
.pro2 dd h3{width:172px; height:40px; overflow:hidden; font:18px "Microsoft YaHei"; text-align:center; line-height:40px; color:#349f38; margin-left:20px;}
.pro2 dd h3 a{ color:#349f38; font-weight:bold;}
.pro2 dd p{ font:14px "Microsoft YaHei"; line-height:28px; height:84px; overflow:hidden; color:#fff; margin:30px 0 42px;}
.pro2 dd em a{ display:block; width:160px; height:52px; font:18px "Microsoft YaHei"; text-align:center; line-height:52px; color:#fff; overflow:hidden;}
.pro2 li{ width:277px; float:left; margin-right:27px;}
.pro2 li img{ display:block; width:277px; height:175px;}
.pro2 li em{display:block;font:18px "Microsoft YaHei"; height:59px; line-height:59px; color:#666; overflow:hidden; text-align:center; background:url(../../web18624ml.member-api.di7.com/img/pro_bg01.gif)/*tpa=http://www.delrin500p.com/img/pro_bg01.gif*/ no-repeat center top;}
.pro2 li a:hover em{ background:url(../../web18624ml.member-api.di7.com/files/images/pro_bg02.gif)/*tpa=http://www.delrin500p.com/files/images/pro_bg02.gif*/ no-repeat center top; color:#fff;}
.pro2 .nones{ margin-right:0;}


.guan1{ height:204px; overflow:hidden; background:url(images/guan01.jpg)/*tpa=http://www.delrin500p.com/files/images/guan01.jpg*/ no-repeat center top;}
.guan1 p{ width:423px; height:45px; overflow:hidden; margin:128px 154px 0 0; float:right; font:24px Arial; line-height:45px; color:#fff; display:inline-block;}
.guan1 p a{ display:inline-block; width:166px; height:42px; font:18px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff;}
.guan1 p span{ display:inline-block; padding-left:55px;}

.solve{ margin-top:55px;}
.solve .solve-title{ height:85px; padding-top:15px; background: url(images/about_title.jpg)/*tpa=http://www.delrin500p.com/files/images/about_title.jpg*/ no-repeat center top; text-align: center; font-size: 30px; color: #30a333; font-weight: bold; margin-bottom: 39px;}
.solve-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.solve-title i{ color: #333; font-weight: normal; }
.solve-wrap{ height: 490px; margin-bottom: 80px; position:relative;}
.solve .solve-big{ width: 726px; height: 490px; position:absolute; top:0; left:237px; z-index:5;}
.solvet{ position:absolute; top:0; left:0; width:1200px;}
.solvet .li4{ position:absolute; top:0; right:0;}
.solvet .li5{ position:absolute; top:169px; right:0;}
.solvet .li6{ position:absolute; top:338px; right:0;}
.solve ul li{ width: 223px; height: 153px; margin-bottom: 16px; position: relative; }
.solve ul li img{ display: block; width: 223px; height: 153px;}
.solve ul li span{ background-color: rgba(255,118,8,.8); position: absolute; left: 0; top: 0; width: 223px; height: 153px; line-height: 153px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; display: none;}
.solve ul li:hover span{ display: block; }
.solve-big .solve-one img{ display: block; width: 726px; height: 490px;}
.solve-big .solve-desc{ background-color: rgba(0,0,0,.6); height: 94px; position: absolute; left: 0; bottom: 0; width: 653px; color: #fff; padding: 20px 40px 0 33px;}
.solve-big .solve-desc p{ font-size: 14px; line-height: 29px; }
.solve-big .solve-desc p i{ color: #ff7608; font-weight: bold; }
.solve-big .solve-two{ position: absolute; left: 30px; bottom: 20px; }
.solve-big .solve-two img{ display: block; width: 156px; height: 150px; border: 10px solid #fff;}

.partner .partner-title{ height:85px; padding-top:15px; background: url(images/about_title.jpg)/*tpa=http://www.delrin500p.com/files/images/about_title.jpg*/ no-repeat center top; text-align: center; font-size: 30px; color: #30a333; font-weight: bold; margin-bottom: 39px;}
.partner-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.partner-title i{ color: #333; font-weight: normal; }
.partner-wrap{ height: 438px; position: relative; margin-bottom: 60px;}
.partner-more{ position: absolute; width: 83px; height: 83px; background: #ff7608; border-radius: 80px; text-align: center; line-height: 83px; color: #fff; font-size: 14px; display: block; left: 50%; margin-left: -41px; top: 161px; }
.partner dl{ width: 584px; height: 192px; border: 1px solid #dadada; border-radius: 20px; border-radius: 100px; padding: 5px; box-sizing: border-box; float: left; margin-bottom: 20px;}
.partner dl:nth-child(2n){ float: right; }
.partner dt{ width: 181px; height: 181px; float: left; margin-right: 26px;border-radius:100%; }
.partner dt img{ display: block; width: 181px; height: 181px;border-radius:100%; }
.partner dd{ width: 336px; float: left; }
.partner dd h3{ font-size: 16px; color: #1d1d1d; border-bottom: 1px solid #e0e0e0; height: 40px; margin: 40px 0 20px;}
.partner dd h3 a{ color: #1d1d1d; }
.partner dd p{ font-size: 14px; line-height: 26px; color: #5a5a5a; }
.partner dd p a{ color: #30a333; font-weight: bold; }
.partner dl:hover{ border: 1px solid #ff7608; }
.partner dl:hover h3 a{ color: #ff7608; }
.partner dl:hover p a{ color: #ff7608; }


.new .news-title{ height:85px; padding-top:15px; background: url(images/about_title.jpg)/*tpa=http://www.delrin500p.com/files/images/about_title.jpg*/ no-repeat center top; text-align: center; font-size: 30px; color: #30a333; font-weight: bold; margin-bottom: 39px;}
.news-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.news-title i{ color: #333; font-weight: normal; }
.n_nav{height:100px; margin-bottom:32px; position:relative; overflow: hidden; background:url(images/line.gif)/*tpa=http://www.delrin500p.com/files/images/line.gif*/ repeat-x center 9px; padding-left:374px; margin-top:20px;}
.n_nav li{ float:left;height:60px; font:18px "Microsoft YaHei"; color:#101010; padding:0 40px; line-height:60px;}
.n_nav li a{ display:block; color:#101010; height:25px; padding-top:25px; background:url(images/dot1.png)/*tpa=http://www.delrin500p.com/files/images/dot1.png*/ no-repeat center top;}
.n_nav .cur{color:#ff7608; font-weight:bold;}

.news_c{ height:481px; overflow:hidden; margin-bottom: 80px;}
.news_c .news_big{ width: 590px; height: 481px; overflow: hidden; position: relative;}
.news_c .news_big dt{ position:relative;}
.news_c .news-item dl:nth-child(1){display:none;}
.news_c .news_big dt img{width: 590px; height: 481px;}
.news_c .news_big dt em{ display:block; position:absolute; top:0; right:0; background:url(images/tou.png)/*tpa=http://www.delrin500p.com/files/images/tou.png*/ no-repeat; width:60px; height:60px;}
.news_c .news_big dd{ height: 125px; background-color: rgba(48,163,51,.8); position: absolute; left: 0; bottom: 0; color: #fff; padding: 20px 20px 0;}
.news_c .news_big dd h3{ font-size: 16px; margin: 20px 0 10px;}
.news_c .news_big dd a{ color:#fff;}
.news_c .news_big dd p{ font-size: 14px; line-height: 24px; }
.news_c .news-item{ width: 590px; height: 481px; }
.news_c .news-item dl{ height: 145px; background: #f5f5f5; margin-bottom: 24px; }
.news_c .news-item dt{ width: 300px; height: 145px; float: right; position: relative; margin-left: -16px;}
.news_c .news-item dt img{ display: block; width: 300px; height: 145px; }
.news_c .news-item dd{ width: 251px; padding:0 19px; height: 111px; float: left; background: #fff; margin: 17px 0 0 17px;position: relative;z-index: 2; font-size: 14px; color: #333333;}
.news_c .news-item dd span{ display: block; font-size: 12px; color: #5b5b5b; margin: 20px 0 10px;}
.news_c .news-item dd a{ color: #333; }
.news_c .news-item dd a:hover{ color: #ff7608; }
.news_c .news-item dd i{ display: block; background: url(images/news_icon.jpg)/*tpa=http://www.delrin500p.com/files/images/news_icon.jpg*/ no-repeat; width: 25px; height: 5px; margin-top: 16px; }


.about .about-title{ height:85px; padding-top:15px; background: url(images/about_title.jpg)/*tpa=http://www.delrin500p.com/files/images/about_title.jpg*/ no-repeat center top; text-align: center; font-size: 30px; color: #30a333; font-weight: bold; margin-bottom: 39px;}
.about-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.about dl{ height:495px; overflow:hidden; background:url(images/about_bg.jpg)/*tpa=http://www.delrin500p.com/files/images/about_bg.jpg*/ no-repeat center top;}
.about dt{ width:570px; height:435px; float:right; overflow:hidden; margin-top: 30px;}
.about dt img{ display:block; width:570px; height:435px;}
.about dd{ width:490px; float:left; overflow:hidden; margin-left: 60px;}
.about dd h3 a{ display:block; margin-top:67px; font:18px "Microsoft YaHei"; font-weight:bold; color:#423f3b; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom: 20px;}
.about dd h3 a span{ display: block; font-size: 36px; font-weight: normal; text-transform: uppercase; color: #f38929; }
.about dd p {
    font: 17px "Microsoft YaHei";
    line-height: 40px;
    color: #555;
    margin-top: 12px;
}
.about dd em a{ display:block; width:173px; height:42px; background:#f38929; font:14px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff; overflow:hidden; margin-top:40px; border-radius: 20px;}


.pic{ height:280px; margin-top:25px;}
.nav2{ height:60px; overflow:hidden; background:url(images/line.gif)/*tpa=http://www.delrin500p.com/files/images/line.gif*/ repeat-x center center; margin-bottom:20px; position:relative;}
.nav2 li{ font:18px "Microsoft YaHei"; line-height:60px; height:60px; overflow:hidden; float:left; background:#fff url(../../web18624ml.member-api.di7.com/files/images/line02.gif)/*tpa=http://www.delrin500p.com/files/images/line02.gif*/ no-repeat right center; padding:0 20px;}
.nav2 li a:hover,.nav2 li .cur{ font-weight:bold; color:#ff7608;}
.nav2 .nones{ background:#fff;}
.nav2 .li1{ padding-left:0;}
.nav2 li a{ display:inline-block; color:#333;}
.nav2 .more2 span a{ display:block; font:16px Arial; text-transform:uppercase; background:#fff; padding-left:20px; position:absolute; top:0; right:0;height:60px; line-height:60px; color:#30a333; overflow:hidden;}
.pic2{ height:250px; position:relative;}
.pic3{ width:1200px; overflow:hidden;}
.pic2 li{ width:282px;float:left; margin-right:24px; position:relative;}
.pic2 li img{ display:block;width:282px; height:156px;}
.pic2 li span{ display:block; font:14px "Microsoft YaHei"; text-align:center; height:45px; color:#666; line-height:45px; overflow:hidden; border-bottom:2px solid #bfbfbe;}
.pic2 li a:hover span{ background:#30a333; border-bottom:2px solid #30a333; color:#fff;}
.pic2 li a:hover img{ display:block; border:3px solid #30a333; width:276px; height:150px;}
.arr1{ font:30px "宋体"; color:#fff; position:absolute; top:60px; left:-16px; width:32px; height:36px; text-align:center; line-height:36px;}
.arr2{font:30px "宋体"; color:#fff; position:absolute; top:60px; right:-16px;width:32px; height:36px;text-align:center; line-height:36px;}
.arr1 a,.arr2 a{background:#349f38; display:block; color:#fff;}
.arr1 a:hover,.arr2 a:hover{ background:#ff7608;}

.link{ height:84px; font:14px "Microsoft YaHei"; line-height:84px; overflow:hidden;}
.link a{ display:inline-block; padding:0 20px; color:#555; }
.link a:hover{ color:#3099f3;}



.topWrap{ height:225px; overflow:hidden; background:url(images/h_top_bg.gif)/*tpa=http://www.delrin500p.com/files/images/h_top_bg.gif*/ repeat-x center top;}
.topWrap .header{ width:1200px; margin:0 auto;}
.topWrap h5{height:31px; font:14px "Microsoft YaHei"; line-height:31px; color:#beddbf; overflow:hidden;}
.topWrap h5 span{ display:inline-block;line-height:31px;color:#beddbf; }
.topWrap h5 span a{color:#beddbf; display:inline-block; background:url(../../web18624ml.member-api.di7.com/files/images/top1.gif)/*tpa=http://www.delrin500p.com/files/images/top1.gif*/ no-repeat left center; padding:0 15px 0 22px; border-right:1px solid #59b55c; margin-right:10px;}
.topWrap h5 span a.a02{background:url(images/top2.gif)/*tpa=http://www.delrin500p.com/files/images/top2.gif*/ no-repeat left center;}
.topWrap h5 span a.a03{background:url(images/top3.gif)/*tpa=http://www.delrin500p.com/files/images/top3.gif*/ no-repeat left center; margin-right:0; border:0;}
.topWrap h2{ float:left; height:62px; margin-top:27px;overflow:hidden;}
.topWrap h2 img{ display:block; width:200px; height:62px;}
.topWrap h3{ display:block; font:28px "Microsoft YaHei"; color:#30a333;  margin-top:29px; height:98px; float:left; background:url(../../web18624ml.member-api.di7.com/files/img/logo_h.png)/*tpa=http://www.delrin500p.com/files/img/logo_h.png*/ no-repeat left 16px;}
.topWrap h3 span{ display:inline-block; font-weight:bold;}
.topWrap h3 b{ color:#ff7608;}
.topWrap h3 em{ display:block; font:18px "Microsoft YaHei"; color:#666; margin-top:5px;}
.topWrap p {
    width: 205px;
    margin-top: 39px;
    float: right;
    overflow: hidden;
    font: 28px Arial;
    background: url(images/lx.png)/*tpa=http://www.delrin500p.com/files/images/lx.png*/ no-repeat left 4px;
    padding-left: 55px;
    color: #666;
    height: 50px;
    line-height: 50px;
}
.topWrap p em{ display:block; font:28px Arial; color:#666;}
.topWrap .menu{ height:75px; border-top:1px solid #d9d9d9; overflow:hidden;}
.topWrap li{ font:16px "Microsoft Yahei";float:left;overflow:hidden; line-height:75px; height:75px; background:url(images/nav_line.gif)/*tpa=http://www.delrin500p.com/files/images/nav_line.gif*/ no-repeat right center; width: 133px;  text-align: center;}
.topWrap li span{ display:inline-block; padding-right:22px;}
.topWrap li a {
    display: block;
    color: #333;
    height: 75px;
    margin-left: 15px;
}
.topWrap li a:hover ,.topWrap .cur a{ font-weight:bold; color:#fff; background:url(images/hover1.png)/*tpa=http://www.delrin500p.com/files/images/hover1.png*/ no-repeat left center;}
.topWrap li a:hover span,.topWrap .cur span{ background:url(images/hover2.png)/*tpa=http://www.delrin500p.com/files/images/hover2.png*/ no-repeat right center;}
.topWrap .nones{ background:none;}


.footWrap{ height:352px; padding-top:90px;overflow:hidden; background:url(images/ft_bg.jpg)/*tpa=http://www.delrin500p.com/files/images/ft_bg.jpg*/ repeat-x center top; margin-top:50px;}
.footWrap .footer{ width:1200px; margin:0 auto;}
.footWrap .slide-left{ width: 282px; background: url(images/ft_line.jpg)/*tpa=http://www.delrin500p.com/files/images/ft_line.jpg*/ no-repeat right 0; height: 292px;}
.footWrap h2{ width:234px; height:62px; overflow:hidden; margin-bottom: 13px; }
.footWrap h2 img{ display:block; width:214px; height:62px; margin: 0 auto;}
.footWrap .code em{ display: inline-block; width: 117px; text-align: center; font-style:normal; float:left; }
.footWrap .code em img {
    height: 188px;
    display: block;
    margin: 9px auto 0;
}
.footWrap .code em.em01{padding-top:60px;}
.footWrap h3{ font-size: 16px; color: #46b34a; margin-bottom: 40px; }
.fnav-item{ width:183px; padding-left:20px; float:left; overflow:hidden; background: url(images/ft_line.jpg)/*tpa=http://www.delrin500p.com/files/images/ft_line.jpg*/ no-repeat right 0;height: 200px;}
.fnav a{ display:block; font:14px "Microsoft YaHei"; line-height:35px; color:#fff;}
.ft-info{font:14px "Microsoft YaHei"; line-height:26px; color:#fff; padding-left: 20px; width:288px;}
.ft-info h3{ line-height: 16px; }

.foot{ height:60px; font:14px "Microsoft YaHei"; line-height:60px; color:#fff; overflow:hidden;}
.foot a{ color:#fff; padding:0 10px;}
.foot span{ float:right;}
.foot em{ padding:0 12px;}


        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../../web18624ml.member-api.di7.com/files/images/fx1.png)/*tpa=http://www.delrin500p.com/files/images/fx1.png*/ no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #31a332;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #31a332;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    




html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.h_nav li a:-webkit-any-link{ display:block;}


/*面包屑导航*/
.mianbxContent{width: 900px; ;text-align: left ;font-size: 16px ;padding-bottom: 15px;padding-top: 5px;border-bottom: 1px solid #CCC;margin-bottom: 20px;}
.mianbxContent a{ font-size:16px; color:#222;}
.mianbxContent a:hover{ font-size:16px; color:#38a203;}
.right{width:900px; float:right;}


/*图片展示*/
.strength{ margin-top:20px; width:900px;}
.strength .a{ text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:280px; height:40px; margin-top:10px; line-height:40px;}
.strength .a a{ font-size:13px; color:#222; background:#ddd; display:block;}
.strength .a a:hover{font-size:13px; color:#fff; background:#38a203; display:block;}
.strength .img{width:274px; height:274px;}
.strength tr td{ width:280px; height:319px; float:left; margin-left:30px; margin-bottom:20px;}
.strength tr td:nth-child(1){ margin-left:0px;}
.strength tr td:nth-child(5){ margin-left:0px;}

/*图片展示*/
.strength1{ margin-top:20px; width:900px;}
.strength1 .a{ text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:280px; height:40px; margin-top:10px; line-height:40px;}
.strength1 .a a{ font-size:13px; color:#222; background:#ddd; display:block;}
.strength1 .a a:hover{font-size:13px; color:#fff; background:#38a203; display:block;}
.strength1 .img{width:274px; height:206px;}
.strength1 tr td{ width:280px; height:251px; float:left; margin-left:30px; margin-bottom:20px;}
.strength1 tr td:nth-child(1){ margin-left:0px;}
.strength1 tr td:nth-child(5){ margin-left:0px;}

/*图片详情*/
.pt_center{text-align: center; padding:10px 0;line-height: 30px;}
.pt_title{font-size: 16px;font-weight: bold;line-height: 39px;text-align: center;}
.pt_con{padding:10px 0;line-height: 28px;}
.pnpage{padding: 20px 0;text-align: center;border-bottom: #ddd dotted 1px;}
.pt_con_title{ height:49px; border-bottom:1px solid #ddd; line-height:50px; font-size:16px; color:#38a203;}
.pt_con_content{ margin-top:20px;}


/*自定义新闻列表页*/
.news_box_lbm {width: 900px; margin: 0 auto; line-height: 180%;  text-align: center;}
.shopmrsc { border-bottom: #efefef solid 1px; overflow: hidden; padding: 15px 5px;}
.shopmrsc:hover {  background-color: #f9f9f9;}
.xwlb_img { margin-right: 15px; width: 205px; background-color: #DBD9DA;}
.shopmrsc a { float: left; display: block; height:95px; text-decoration: none; position: relative;}
.xwlb_img img {max-width: 205px; max-height: 95px; display: table-cell;}
.xwlb_content{ width: 100%;}
.shopmrsc p { font-size: 16px; font-weight: bold; overflow: hidden; text-align: left; margin: 0 auto; border-bottom: none;}
.shopmrsc h2 { font-size: 16px; text-align: left; font-family: "Microsoft YaHei"; font-weight: bold; margin-bottom:10px;}
.shopmrsc h2 span{ font-size: 12px; font-weight: 100; color: #666; float: right;}
.shopmrsc p.xwlbnr { font-size: 14px;font-weight: normal;line-height: 24px; margin-top: 7px; color: #999;}
.shopmrsc p.xwlbsj { font-size: 14px; font-weight: normal; color: #787878; position: absolute; line-height: 20px; bottom: 0;}


/*新闻详情*/
.pt_center{text-align: center;line-height:26px;}
.pt_title{font-size: 16px;font-weight: bold;line-height: 39px;text-align: center;border-bottom: #ddd dotted 1px;}
.pt_con{padding:10px 0;line-height: 28px;}
.pnpage{line-height: 28px;}


/*内页产品单页*/
.page_dupont_newsTop{
    padding: 3rem 0;line-height:1;background: #333;color: #fff;font-size:2rem; margin-bottom: 4rem;
}
.fenltup{
        background-color: #fafafa;
    color: #333; padding:0 0 4rem 0;
}

.fenltupr,.fenltupl{
    width:49%;
}
.fenltupr h2{
    font-size: 2.4rem;line-height: 2;
}
.fenltupr{font-weight: bold;
    font-size: 15px; line-height: 2;
}
.fenltupr p{
    color: #666;
}
.pro_lists{

    padding: 4rem 0;

    background-color: #f4f4f4;

}



.showpro_table{

    width: 100%;font-size: 15px;

    line-height: 3;

}



.showpro_table thead tr th{
min-width: 72px;
    color: #349f38; font-size: 18px;

    font-weight: 800;

}



.showpro_table tr{

    padding: 1rem 0;

}



.showpro_table tr td,.showpro_table tr th{

    padding-left: 2rem;

    line-height: 1.8;

    padding: 1rem;

}



.showpro_table tbody tr:nth-child(2n-1){

    background-color: #fafafa;

}

.container{
    width:1200px;margin:0 auto;
}


.showpro_table tr td>a{

    color: #000; position: relative;

    border: 1px solid #ccc;

    padding: 5px 15px;

    border-radius: 5px;

    font-size: .9rem;

    white-space: nowrap;
cursor: pointer;
}
.showpro_table tr td>a .morlinkjg{display: none; height: 180px;
    position: absolute;width: 150px;height: 150px;background: #fff;text-align: center;line-height: 2;color: #333;left: -40px;bottom:40px;
    box-shadow: 0 0 10px rgba(0,0,0,10%);
    
}
.showpro_table tr td>a .morlinkjg img{
    display: block;width: 150px;height: 150px;
}
.showpro_table tr td>a:hover{

    background-color: #30a333;

    color: #fff;
}
.showpro_table tr td>a:hover .morlinkjg{height:180px;
    display: block;
}


.morelink:hover{
    
}

.container:after{
    display: block;content: "";clear: both;
}


/*浮动*/
div#floatTips2{
 font-weight:bold;
 position:absolute;
 left:40px; 
 width:110px;
 z-index:999;
}
div#floatTips2_right{
 font-weight:bold;
 position:absolute;
 right:40px; 
 width:110px;
 z-index:999;
}
.qq_top{width:130px; height:30px; line-height:30px; background: #ff7608; text-align:center; color:#fff; font-size:14px;}
.qq_center{width:130px;}
.qq_bottom{width:130px; text-align:right; line-height:25px; font-size:12px;}
.qq_bottom a{text-decoration: none; color: #484848;}
.qq_bottom a:hover{text-decoration: none; color: #ff6600;}


.dh{background: #f1f1f1;
    width: 130px;
    height: 70px;
    font-size: 15px;
    color: #222;
    text-align: center;
    line-height: 22px;
}
.dh p{
    padding-top: 12px;
}
/* 左边菜单栏开始 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "微软雅黑", Arial, sans-serif;
}

body {
    background-color: #f5f5f5;
}

.sidebar {
    width: 250px;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    overflow-y: auto;
    z-index: 1000;
}

.menu-header {
    background-color: #4CAF50;
    color: white;
    padding: 15px;
    text-align: center;
}

.menu-header h2 {
    margin: 0;
    font-weight: normal;
    font-size: 24px;
}

.menu-item {
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    cursor: pointer;
}

.menu-title {
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-title h3 {
    margin: 0;
    font-size: 16px;
    color: #333;
}

.menu-title h3.orange {
    color: #FF6600;
}

.radio-input {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    margin-right: 10px;
    vertical-align: middle;
}

.arrow-down::after {
    content: "▼";
    font-size: 10px;
    color: #999;
}

.arrow-right::after {
    content: ">>";
    font-size: 16px;
    color: #999;
}

.submenu {
    display: none;
    padding-left: 15px;
    background-color: #f9f9f9;
}

.submenu-item {
    padding: 10px 15px 10px 30px;
    border-bottom: 1px solid #eaeaea;
    list-style-type: disc;
    list-style-position: inside;
    transition: background-color 0.3s ease;
}

.submenu-link {
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: normal;
}

.submenu-link:hover {
    background-color: #FF6600;
    color: white;
}

.submenu-item:last-child {
    border-bottom: none;
}

.active .submenu {
    display: block;
}
/* 左边菜单栏结束 */