@charset "utf-8";@font-face{font-family:ddin;src:url(../fonts/D-DIN.otf) format("opentype")}
button,input,select,textarea{font:12px Verdana,Arial,Tahoma;vertical-align:middle}
.c{border:1px solid #ccc;border-top:none}
.clear{clear:both}
.h10{height:10px;line-height:10px}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:400;margin:0;padding:0}
.message_list{padding:20px}
.message_list ul li{line-height:24px}
.message_list ul li .message_tit{border-bottom:1px dashed #dedede;line-height:30px;height:30px}
.message_list ul li .info{border-bottom:1px solid #dedede;padding:10px 0}
.message_list ul li .date{display:inline-block;font-size:12px;color:#999;margin-left:20px}
a.message_add{float:right;display:inline-block;color:red;margin-right:20px}
.message_add_form{width:508px;margin:0 auto}
.reply_list ul li{padding:10px 20px;background:#eee}
.form_table th{font-weight:400;vertical-align:top;padding-top:10px;width:100px}
.form_table td{font-weight:400;vertical-align:middle;padding-top:10px}
.detail_table th{padding:8px 0}
.list_btn,.search_btn{display:inline-block;width:79px;height:35px;line-height:35px;text-align:center;border:0;cursor:pointer}
.list_input{font-size:14px;height:32px;padding:0 3px;line-height:32px;border:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:400px}
.input_date{height:32px;padding:0 3px;background:url(../images/icon.png) no-repeat center right;line-height:32px;border:1px solid #a7b5bc;border-right:1px solid #ced9df;border-bottom:1px solid #ced9df;width:400px}
.list_textarea{height:80px;width:400px;padding:0 3px;line-height:20px;border:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:14px}
.sub_btn,a.sub_btn{display:inline-block;width:138px;text-align:center;color:#fff;height:36px;line-height:36px;border:0;font-size:14px;cursor:pointer;font-weight:700}
body{font-size:12px;font-family:"微软雅黑";margin:0 auto;padding:0;color:#303030}
img{border:none}
p{margin:0;padding:0}
dd,dl,dt,li,ol,ul{margin:0;padding:0;list-style-type:none}
a{color:#333;font-size:12px;text-decoration:none;transition:all .3s ease-in-out 0s}
a:hover{color:#ae0524;text-decoration:none}
.clearfix{zoom:1}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.center{margin:auto}
.moddle{width:1200px}
.adminbuy{margin-top:30px}
.adminbuy1{margin-top:60px}
.adminbuy2{margin-top:30px;margin-bottom:30px}
.topnav{width:100%;background-color:#f6f6f6;height:36px;line-height:36px}
.topnav span{float:right}
.topnav span a{padding:0 3px}
.topnav a:hover{color:#00829a}
.logo_l{float:left;padding:26px 0;height:56px}
.logo_l dl{color:#000;font-size:27px;font-weight:700}
.logo_l dt{text-transform:uppercase;font-size:13px;color:#909090;letter-spacing:.7px}
.logo_r{float:right;background:url(../images/tel.png) no-repeat left center;padding-left:60px;height:58px;margin:25px 0}
.logo_r dl{font-size:12px}
.logo_l dl a{display:flex;align-items:center}
.logo_l dl a .logo_text{margin-left:10px;line-height:1}
.logo_l dl a .logo_text h1{font-size:24px;font-weight:700;color:#000;margin:0}
.logo_l dl a .logo_text p{font-size:12px;color:#46454b;font-weight:400;letter-spacing:.7px;margin-top:5px}
.logo_r dt{font-size:16px;font-weight:700;color:#ae0524}
#nav{width:100%;background-color:#ae0524;height:56px;line-height:56px}
#nav li{float:left;text-align:center;width:171px}
#nav li a{line-height:56px;display:block;height:56px;text-align:center;font-size:16px;color:#fff}
#nav li:hover{text-decoration:none;font-size:14px;background-color:#47464c}
#nav li dl{width:171px;background-color:#47464c;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left}
#nav li dl dt{border-bottom:1px solid #e3e3e3}
#nav li dl dt a{font-size:14px;height:42px;line-height:42px}
#nav li dl dt a:hover{font-size:15px;font-weight:700}
#nav li:hover dl{left:auto}

.slide_container{width: 100%;}

#current{background-color:#47464c}
.company ul{width:580px;float:left}
.company ul ol{font-size:28px;text-transform:uppercase;background:url(../images/line.png) no-repeat left bottom;padding-bottom:8px}
.company ul ol span{font-weight:700;margin-left:10px}
.company ul dt{font-size:22px;margin-top:5px;margin-bottom:15px}
.company ul p{font-size:15px;line-height:30px;color:#666}
.company ul li{width:120px;height:40px;background-color:#ae0524;text-align:center;line-height:40px;margin-top:17px;border-radius:5px}
.company ul li a{color:#fff;font-size:14px;text-transform:uppercase}
.company ul li:hover{background-color:#303030}
.company dl{width:580px;float:left;height:420px;overflow:hidden;margin-left:40px}
.title1 ol{font-size:28px;text-transform:uppercase;background:url(../images/line.png) no-repeat left bottom;padding-bottom:8px}
.title1 ol span{font-weight:700;margin-left:10px}
.title1 li{font-size:22px;margin-top:5px;margin-bottom:5px}
.fs_rt ol{float:right;margin-top:-66px;display:flex;gap: 10px}
.fs_rt ol li{float:left;position:relative}
.fs_rt ol li .n_name{font-size:16px;width:140px;height:46px;line-height:46px;background-color:#ccc;display:inline-block;text-align:center;color:#303030;}
.fs_rt ol li:hover .n_name{background-color:#ae0524;color:#fff}
.fs_rt ol .subnav{position:absolute;top:56px;width:140px;background-color:#ccc;z-index:99999;list-style-type:none;opacity:0;visibility: hidden;transition:all .3s ease-in-out 0s}
.fs_rt ol .subnav a{font-size:14px;height:32px;line-height:32px;display:block;text-align:center;}
.fs_rt ol li:hover .subnav{top:46px;opacity:1;visibility: visible}


.picScroll-left{position:relative;margin-top:30px}
.picScroll-left .hdt{overflow:hidden;height:53px;margin-left:534px;margin-top:20px}
.picScroll-left .hdt dl{overflow:hidden;zoom:1;float:left}
.picScroll-left .hdt dl li{width:10px;height:10px;text-indent:-999px;border-radius:180px;cursor:pointer;float:left;margin:0 5px;border:2px solid #ae0524;background-color:#fff}
.picScroll-left .hdt dl li.on{background-color:#ae0524;border:2px solid #ae0524}
.picScroll-left .bd dl dt{float:left;width:calc((100% - 60px) / 4);margin-right:20px;position:relative;padding-top:10px}
.picScroll-left .bd dl dt:nth-child(4n){margin-right:0}
.picScroll-left .bd dl dt .pic{text-align:center;width:100%;height:280px;overflow:hidden;box-shadow:1px 1px 6px #ccc}
.picScroll-left .bd dl dt .pic img{display:block;width:100%;height:280px;cursor:pointer;transition:all .6s;object-fit:cover}
.picScroll-left .bd dl dt:hover .pic img{transform:scale(1.2)}
.picScroll-left .bd dl dt .mc{line-height:37px;text-align:center}
.picScroll-left .bd dl dt .mc a{color:#303030;font-size:14px}
#wrap{width:100%;background-color:#F5F5F5;padding:50px 0}
.title2 ul{width:600px;float:left}
.title2 ul ol{font-size:28px;text-transform:uppercase;background:url(../images/line.png) no-repeat left bottom;padding-bottom:8px}
.title2 ul ol span{font-weight:700;margin-left:10px}
.title2 ul li{font-size:22px;margin-top:5px;margin-bottom:5px}
.title2 dt{width:200px;float:right;height:45px;line-height:45px;text-align:center;background-color:#ae0524;border-radius:20px;margin-top:20px}
.title2 dt a{color:#fff;font-size:16px}
.title2 dt:hover{background-color:#303030}
.prott{width:1240px;height:auto;overflow:hidden;ZOOM:1;margin-left:-20px;margin-top:30px}
.prott .pcontt{float:left;overflow:hidden;width:1200px;ZOOM:1}
.prott .ScrCont1{width:32733px;ZOOM:1}
.prott #List3_1{float:left}
.prott #List4_1{float:left}
.prott .LeftBotton1{background:url(../images/left.png) no-repeat left center;float:left;width:20px;height:31px;margin-top:88px}
.prott .RightBotton1{background:url(../images/right.png) no-repeat right center;float:right;width:20px;height:31px;margin-top:88px}
.prott .pl1{display:block;cursor:pointer;float:left}
.prott .pl1 li{float:left;margin:0 10px 0 10px;width:280px}
.prott .pl1 li a{background-color:#fff;display:block;overflow:hidden;height:220px;width:280px}
.prott .pl1 li a img{width:280px;height:220px;vertical-align:middle;cursor:pointer;transition:all .6s;object-fit:cover}
.prott .pl1 li:hover{background-color:#ff9600}
.prott .pl1 li:hover a img{transform:scale(1.3)}
.prott .pl1 li:hover p{color:#fff;font-weight:700}
.prott .pl1 li p{font-size:16px;height:46px;line-height:46px;text-align:center}
.xwzx{width:500px;float:left;margin-right:20px}
.xwzx dl{width:500px;height:500px;overflow:hidden}
.xwzx dl img{transition:all .6s;width:500px;height:305px}
.xwzx dt{background-color:#ae0524;position:absolute;padding:40px 20px;height:120px;margin-top:-200px;z-index:1999;width:460px;color:#fff}
.xwzx dt li{border:1px solid #fff;width:118px;float:left;text-align:center;font-weight:700;font-size:50px;height:94px;padding:12px 0;margin-right:10px}
.xwzx dt li p{font-weight:400;font-size:20px}
.xwzx dt ol{width:330px;float:left}
.xwzx dt ol a{font-size:18px;color:#fff}
.xwzx dt ol p{color:#fbfbfb;font-size:14px;line-height:28px;margin-top:10px}
.xwzx:hover ol a{margin-left:10px}
.xwzx:hover dl img{transform:scale(1.3)}
.xwzx1{width:680px;float:left}
.xwzx1 li{border-bottom:1px solid #cecece;line-height:60px;height:60px}
.xwzx1 li a{font-size:18px}
.xwzx1 li span{float:right;color:#888;font-size:18px}
.xwzx1 li a:hover{margin-left:10px;font-weight:700}
.dllist1{margin:0 auto}
.dllist1 dl{float:left;margin:0 10px 10px 10px;width:280px;box-shadow:#e5e5e5 0 0 10px;background-color:#fff}
.dllist1 dl dt{width:280px;overflow:hidden;display:inline-table}
.dllist1 dl dt img{width:280px;height:220px;transition:all .6s}
.dllist1 dl:hover dt img{transform:scale(1.3)}
.dllist1 dl li{padding:10px 5px;background-color:#303030;line-height:22px}
.dllist1 dl li a{color:#fff}
.dllist1 dl li p{text-align:center;font-size:16px}
.dllist1 dl:hover li{background-color:#ae0524}
#demo{overflow:hidden;width:1200px;margin-top:30px}
#indemo{float:left;width:800%}
#demo1{float:left}
#demo2{float:left;overflow:hidden}
.footer{width:100%;background-color:#202020;padding:20px 0 20px 0;color:#fff}
.footer li{text-align:center;font-size:14px;line-height:36px}
.footer a{color:#fff}
.footer a:hover{color:#ae0524}
.yqlj{width:100%;text-align:center;line-height:40px;background-color:#202020;color:#fff}
.yqlj a{color:#fff;font-size:12px;padding-left:5px}
#left{width:230px;float:left;margin-right:20px;margin-top:30px;margin-bottom:20px}
#right{width:950px;float:right;margin-top:30px;margin-bottom:20px}
.title3{text-align:center;font-size:36px;font-weight:700;border-bottom:1px solid #ccc;color:#ae0524;padding-bottom:10px}
.title3 span{color:#222}
.mup1{height:26px;line-height:26px;border-bottom:#ccc 1px solid;margin-bottom:10px;background:url(../images/new_jt.jpg) no-repeat 10px center;padding-left:20px;font-size:14px;color:#000;margin-top:10px}
.mup{width:100%;background-color:#efefef;border-bottom:1px solid #dfdede;height:42px;line-height:42px;font-size:14px}
.mup img{margin-right:5px}
.hg{line-height:30px}
.rytp {display:flex;flex-wrap:wrap;gap:12px;}
.rytp div{width:calc((100% - 44px) / 4);border:1px solid #ccc;border-radius:5px}
.rytp div li{width:100%;}
.rytp div li a{text-align:center;width:100%;display:table-cell;vertical-align:middle;overflow:hidden}
.rytp div li a img{vertical-align:middle;cursor:pointer;transition:all .6s;width:226px;height:217px;object-fit:cover}
.rytp div li a img:hover{transform:scale(1.05)}
.rytp div p{line-height:32px;height:32px;text-align:center}
.rytp div:nth-child(4n){margin-right:0}
.tittle{text-align:center;font-size:24px;font-weight:700;margin-top:20px}
.lb{text-align:left;margin-bottom:30px}
.lb a{color:#333}
.lb a:hover{color:#ae0524}
.nyxw2{width:48%;float:left;text-align:left;height:40px;line-height:40px;border-bottom:1px #d5d5d5 dotted;margin-right:4%;background:url(../images/cion01.gif) no-repeat left center;color:#333}
.nyxw2 a{padding-left:20px;color:#333}
.nyxw2 span{float:right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right:0}
.nyxw2 a:hover{color:#ae0524}
.page{text-align:center;margin:10px auto 10px auto}
.page li{display:inline-block;line-height:40px;border:1px solid #ccc;padding:0 18px;margin:0 3px;border-radius:3px}
.page li a{color:#999;font-size:14px}
.page li:hover{background-color:#ae0524}
.page li:hover a{color:#fff}
.current{background-color:#ae0524!important}
.current a{color:#fff!important}
.inews ul{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height:32px;height:32px}
.inews ul li a{padding-left:20px;font-size:16px}
.inews ul li a:hover{color:#ae0524;margin-left:5px}
.inews ul li span{float:right}
.inews ul p{color:#999;line-height:23px;font-size:13px}
.nr{line-height:36px;font-size:14px;margin-bottom:10px}
.pubdate{text-align:center;font-size:16px;border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:10px}
.nr a{font-size:14px}
.info{margin-bottom:20px}
.left{width:240px;float:left;margin-right:20px}
.right{width:940px;float:left}
.product div{width:226px;float:left;margin-right:12px}
.product div li{width:224px;border:1px solid #ccc;border-radius:5px}
.product div li a{text-align:center;width:224px;height:224px;display:table-cell;vertical-align:middle;overflow:hidden}
.product div li a img{vertical-align:middle;cursor:pointer;transition:all .6s}
.product div li a img:hover{transform:scale(1.3)}
.product div p{line-height:32px;height:32px;text-align:center}
.product div:nth-child(4n){margin-right:0}
.cpfl{background-color:#ae0524;padding-bottom:1px}
.cpfl dl{text-align:center;font-size:24px;font-weight:700;color:#fff;line-height:26px;padding:16px 0}
.cpfl dl p{font-size:12px;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:400}
.cpfl ul{background-color:#fff;margin:0 5px 5px 5px;padding:10px}
.cpfl ul li>a{font-size:14px;padding:0 23px;border-bottom:1px solid #ededed;line-height:49px;background:url(../images/li.png) no-repeat 10px center;display:block;position:relative}
.cpfl ul li>a span{display:block;width:100%}
.cpfl ul li.has-sub>a::after{content:'+';position:absolute;bottom:0;right:5px;font-size:16px;font-family:'fangsong';font-weight:700}
.cpfl ul li.has-sub.open>a::after{content:'-'}
.cpfl ul li .subnav{display:none;background-color:#f3f3f3;line-height:49px;padding:0 10px}
.cpfl ul li .subnav a{padding:0 23px;line-height:35px;display:block;border-bottom:1px dashed #d3d3d3}
.cpfl ul li .subnav a:last-child{border-bottom:none}
.cpfl ul li.has-sub.open .subnav{display:block}
.cpfl ul a.hover{font-weight:700;color:#ae0524}
.nlx{margin-top:15px}
.nlxt{height:42px;line-height:42px;background:#ae0524;font-size:16px;color:#fff;padding-left:20px}
.nlxb{padding:5px 10px;line-height:30px;font-size:13px;border:1px solid #ccc}
.nlxb h3{font-size:16px;padding:0;font-weight:700;margin:0}
.adminbuy_cn img{max-width:100%!important;height:auto!important;display:inline-block}
.adminbuy_cn p{text-wrap:inherit!important}
.adminbuy_cn p span{text-wrap:inherit!important}
.pagebar{padding:20px;overflow:hidden;clear:both}
.pagebar .pagination{display:flex;justify-content:center;margin-top:10px}
.pagination li{background:#fff;border:1px solid #ccc;padding:8px 10px;margin:0 2px;border-radius:3px;line-height:100%}
.pagination li a{color:#333;font-size:12px;}
.pagination span{color:#333;font-size:12px;padding:7px 2px;margin:0 2px;border-radius:3px}
.pagination li:hover{color:#333;border:1px solid #333}
.pagination li:hover a{color:#333}
.pagination li.pages_solid{background:#333;border:1px solid #333}
.pagination li.pages_solid a{color:#fff}
.pagination .st{font-family:宋体}
.text-secondary{text-align:center;padding:20px 0}
.swiper-button-next,.swiper-button-prev{color:#fff!important}
.videos{display:flex;flex-wrap:wrap;justify-content:space-between;flex-flow:row wrap;gap:12px}
.video-item{width:24%;position:relative;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
.video-item img{width:100%;border-radius:5px}
.video-wd{position:absolute;width:60px;text-align:center;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);z-index:2;color:#fff}
.video-text{background-color:#eee;text-align:center;line-height:40px;font-size:14px}
.video-click{width:60px;height:60px}
.video-click i{display:block;width:100%;height:100%;background:url('/skin/images/vdCk.png') no-repeat center/100% auto;cursor:pointer}
.video-click:hover i{animation:videoI .8s ease-in-out both}
@keyframes videoI{0%{transform:scale(1)}
30%{transform:scale(.8)}
50%{transform:scale(1)}
70%{transform:scale(.9)}
100%{transform:scale(1)}
}
.ys{padding:60px 0;background:#F5F5F5 url('/skin/images/why-bj.png')}
.ys .title2{text-align:center;margin-bottom:40px}
.ys .title2 ul{width:100%}
.ys .title2 ul ol{background-position:center bottom}
.ys .title2 ul li span{font-weight:700;color:#ae0524}
.ys .ys-content{width:100%;background:url('/skin/images/why-bj2.png') no-repeat center 122px}
.ys .ys-content .flex_con{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.ys .ys-content .flex_con .fb_fl{width:42%}
.ys .ys-content .flex_con .fb_fl img{width:100%}
.ys .ys-content li.flex_con:nth-child(2n-1){flex-direction:row-reverse}
.ys .ys-content .flex_con .fb_fr{width:42%}
.ys .ys-content .flex_con .fb_fr .ys-wd{justify-content:left;align-items:center;border-bottom:1px dashed #ccc;padding-bottom:10px;}
.ys .ys-content .flex_con .fb_fr .ys-wd h4{font-family:ddin;font-size:80px;font-weight:700;color: #ae0524;}
.ys .ys-content .flex_con .fb_fr .ys-wd .ys-wd-title{margin-left:20px;}
.ys .ys-content .flex_con .fb_fr .ys-wd .ys-wd-title h3{font-weight:700;line-height:36px;font-size:24px;color:#47464c}
.ys .ys-content .flex_con .fb_fr .ys-wd .ys-wd-title h3 span{font-size:20px}
.ys .ys-content .flex_con .fb_fr .ys-wd .ys-wd-title h3 em{font-style:normal;color:#ae0524}
.ys .ys-content .flex_con .fb_fr p{line-height: 24px;color: #666;margin-top: 20px;font-size:14px}

.yy .title2{text-align:center;margin-bottom:40px}
.yy .title2 ul{width:100%}
.yy .title2 ul ol{background-position:center bottom}
.yy .title2 ul li span{font-weight:700;color:#ae0524}
.yy .yy-content{width:100%;margin-top:40px}
.yy .yy-content img{width:100%}
.yy .flex_con{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;}
.yy .fb_fl,.yy .fb_fr{width:calc(50% - 10px);}
.yy .w100{width:100%;position: relative;}
.yy .w50{width:calc(50% - 10px);position: relative;}
.yy .yy-title{position: absolute;left: 0;bottom:0;font-size: 16px;color: #fff;font-weight:700;background: rgba(0,0,0,.5);width: 100%;text-align: center;line-height: 40px;}

.lx-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.grid1,.grid2,.grid4,.grid5{display: grid; grid-gap: 10px;}
.grid2{grid-template-columns: repeat(2, 1fr);}
.grid1{grid-template-columns: repeat(1, 1fr);}
.grid4{grid-template-columns: repeat(4, 1fr);}
.grid5{grid-template-columns: repeat(5, 1fr);}

.proinfo-ban{width:100%;background:#f5f5f5;padding:30px 0}
.proinfo-ban .list{padding-top:0;box-sizing:border-box;position:relative;align-items:flex-start}
.about-icon{position:absolute;top:-7px;right:-7px}
.proinfo-ban .list .tempWrap{float:right}
.proinfo-ban .list::after{content:'';clear:both;display:block}
.proinfo-ban .list li:after{content:'';clear:both;display:block}
.proinfo-ban .list .pro-box{width:45%}
.proinfo-ban .list .pro-box .exzoom{width:100%}
.proinfo-ban .list .tips{width:40%;padding:0 0;position:relative;float:right}
.proinfo-ban .list h2{font-size:2em;line-height:1.5em;color:#343434;border-bottom:1px solid #dedede;display:block;padding-bottom:.5em;font-weight:400;font-weight:700}
.proinfo-ban .list .detail{padding:15px 0 30px 0}
.proinfo-ban .list .detail ul{padding:20px 0}
.proinfo-ban .list .detail ul li{display:flex;align-items:center;font-weight:700;font-size:16px}
.proinfo-ban .list .detail ul li span{font-weight:400}
.proinfo-ban .list .detail ul li::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#25905c;margin:0 8px 0 0}
.proinfo-ban .list .detail h3{color:#25905c;margin-bottom:20px}
.proinfo-ban .list .detail p{font-size:1em;font-weight:400;color:#888;line-height:1.8em;overflow:hidden;width:100%;background-color:#f5f5f5;box-sizing:border-box;margin-top:20px}
.bottom-p{padding:10px;color:#333;font-weight:700}
.tips .small{border-bottom:1px solid #ccc;padding:1em 0 1.75em 0;margin:0 0 .75em 0;display:block;color:#666;font-size:.8em}
.proinfo-ban .list li>img{width:550px}
.proinfo-ban .list .product_video_btn{font-size:22px;color:#fff;font-family:arial,microsoft yahei;line-height:52px;display:inline-block;padding-left:40px;margin-top:20px;background:url(../image/prod_video.png) no-repeat 0 center;transition:.3s all ease}
.proinfo-ban .list .product_video_btn:hover{background:#25905c url(../image/prod_video.png) no-repeat 35px center;padding-left:75px;padding-right:35px;border-radius:52px}
.proinfo-ban .btn{left:50%;bottom:32px;height:60px}
.proinfo-ban .btn img{padding:10px;border:1px solid #ccc;margin:0 5px;cursor:pointer;transition:border .5s}
.proinfo-ban .btn img.cur{border:1px solid #25905c}
.proinfo-ban .list .tips .box{width:100%}
.proinfo-ban .list .tips .box .zx{display:block;width:170px;height:42px;float:left;font-size:18px;color:#fff;line-height:42px;text-align:center;text-decoration:none;border-radius:100px;transition:.3s all ease-in-out;background:#454545}
.proinfo-ban .list .tips .box .zx:hover{background:#25905c}
.proinfo-ban .list .tips .box .zx img{position:relative;top:4px;margin-left:8px}
.proinfo-ban .list .tips .box .box_ewm,.proinfo-ban .list .tips .box .box_wa{float:left;margin-left:12px;border-radius:50px;display:block;width:42px;height:42px}
.proinfo-ban .list .tips .box .box_ewm{background:#25905c url(../images/prod_ico_wx.png) no-repeat center}
.proinfo-ban .list .tips .box .box_wa{background:#25905c url(../images/prod_ico_wa.png) no-repeat center}
.proinfo-ban .list .tips .box .box_ewm img,.proinfo-ban .list .tips .box .box_wa img{position:absolute;width:80px;height:80px;bottom:50px;display:none}
.proinfo-ban .list .tips .box .box_email,.proinfo-ban .list .tips .box .box_pdf,.proinfo-ban .list .tips .box .box_wx{float:left;margin-right:12px;display:block;width:130px;height:40px;text-indent:45px;line-height:40px;color:#fff}
.proinfo-ban .list .tips .box .box_pdf{background:#333 url(../images/prod_ico_pdf.svg) no-repeat 15px center}
.proinfo-ban .list .tips .box a:first-child{background:#25905c url('../images/wxicon.svg') no-repeat 15px center}
.proinfo-ban .list .tips .box .box_wx{background:#ae0524 url('../images/wxicon.svg') no-repeat 15px center;position:relative}
.proinfo-ban .list .tips .box .box_wx img{width:100%;height:0;transition:.4s ease;position:absolute;top:40px;left:0}
.proinfo-ban .list .tips .box .box_wx:hover img{height:130px}
.proinfo-ban .list .tips .box .phone{float:left;padding-left:56px;background:url(../image/proListClassify_phone.png) no-repeat left center;margin-left:65px;margin-top:2px}
.proinfo-ban .list .tips .box .phone span{display:block;font-size:14px;color:#666;line-height:20px}
.proinfo-ban .list .tips .box .phone em{display:block;font-size:23px;color:#25905c;font-family:arial;line-height:24px;font-style:normal}


#etalage{display:none;float:left}
#etalage .etalage_thumb{background:#fff url(../image/loader.gif) center no-repeat;border:1px solid #ddd;padding:6px;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd}
#etalage .etalage_small_thumbs li{background:#fff;border:1px solid #ddd;margin:10px;padding:3px}
#etalage ul li.etalage_smallthumb_active{-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;border:1px #25905c solid;background:#fff}
#etalage .etalage_zoom_area,.etalage_zoom_area{background:#fff url(../image/loader.gif) center no-repeat;border:1px solid #ddd;padding:6px;-webkit-box-shadow:0 0 10px #ddd;-moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd}
#etalage .etalage_magnifier{background:#fff;border:1px solid #bbb}
#etalage .etalage_icon{background:url(../image/zoom.png) no-repeat;width:14px;height:14px}
#etalage .etalage_hint{width:130px;height:57px}
#etalage .etalage_description{background:#fff;font-style:italic;margin:10px;padding:6px 10px}
.etalage,.etalage_hint,.etalage_icon,.etalage_source_image,.etalage_thumb,.etalage_thumb_image,.etalage_zoom_preview{display:none}
.etalage,.etalage img,.etalage li,.etalage ul,.etalage_description,.etalage_hint,.etalage_icon{margin:0;padding:0;border:0;list-style:none}
.etalage,.etalage_magnifier div,.etalage_magnifier div img,.etalage_small_thumbs ul,.etalage_zoom_area div,.etalage_zoom_img,ul .etalage_small_thumbs li{position:relative}
.etalage img,.etalage li{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none}
.etalage,.etalage_small_thumbs li{float:left}
.etalage_right{float:right}
.etalage li{position:absolute}
.etalage img{vertical-align:bottom;max-width:none}
.etalage_magnifier{cursor:default}
.etalage_magnifier div,.etalage_small_thumbs{overflow:hidden}
.etalage_magnifier div img{display:none}
.etalage_hint,.etalage_icon{cursor:default;width:0;height:0;overflow:hidden}
.etalage_small_thumbs li.vertical{float:none}
.etalage_zoom_area{z-index:996}
.etalage_zoom_area div{overflow:hidden;z-index:997}
.etalage_zoom_preview{position:absolute;z-index:998}
.etalage_hint,.etalage_zoom_img{z-index:999}
.etalage{direction:ltr;position:relative}
.etalage::before{content:'';display:block;position:absolute;width:118px;height:117px;background:url('../image/srhj.png');background-repeat:no-repeat;left:0;top:0;z-index:9}
div.etalage_description{position:absolute;bottom:0;left:0;z-index:999}
div.etalage_description.rtl{direction:rtl;text-align:right}
.etalage_small_thumbs{position:absolute}


.proinfo_content{width:75%;float:left;overflow:hidden;box-sizing:border-box}
#tab{display:flex;background-color:#fff;line-height:50px}
#tab li{width:33.33%;text-align:center;font-size:16px;cursor:pointer;position:relative;font-weight:700}
#tab li.active,#tab li:hover{color:#ae0524}
#tab li::after{transition:.6s all;width:0%;content:'';display:block;height:3px;background-color:#ae0524;position:absolute;top:0;left:0;right:0;margin:auto}
#tab li::before{content:'';display:none;width:0;height:0;border-style:solid;position:absolute;left:0;right:0;border-width:10px 10px 0 10px;border-color:#ae0524 transparent transparent transparent;margin:auto}
#tab li.active,#tab li:hover{background-color:#fff}
#tab li.active::before,#tab li:hover::before{display:block}
#tab li.active::after,#tab li:hover::after{width:100%}
#content{background-color:#fff;margin-top:10px;padding:20px}
#content .art-shot-con-tit h3{padding-bottom:20px;font-size:16px;color:#25905c;font-weight:700;border-bottom:1px #eee solid}
#content .art-shop-con-xx{padding-top:20px;padding-bottom:20px;line-height:1.7;color: #333}
#content .art-shop-con-xx img{vertical-align:middle;width:100%}
.art-shop-con-xx table{border-right:1px solid #bdbaba;border-bottom:1px solid #bdbaba;border-top-left-radius:5px;border-top-right-radius:5px;border-left:none;width:100%;border-collapse: collapse;}
.art-shop-con-xx table tr:first-child td{font-size:18px!important;font-weight:700;background-color:#dcdcdc!important}
.art-shop-con-xx table tr:nth-child(3) td{font-size:18px!important;font-weight:700;background-color:#dcdcdc!important}
.art-shop-con-xx table tr:nth-child(5) td{font-size:18px!important;font-weight:700;background-color:#dcdcdc!important}
.art-shop-con-xx table tr:nth-child(7) td{font-size:18px!important;font-weight:700;background-color:#dcdcdc!important}
.art-shop-con-xx table tr{width:auto!important;height:auto!important}
.art-shop-con-xx table tr td{border:1px solid #bdbaba;padding:10px 5px;border-right:none;border-bottom:none;width:auto!important;text-align:center;font-size:15px}
.art-shop-con-xx h3{font-size:18px;margin:24px 0 12px;color:#ae0524;font-weight:700}
.proinfo_relative{float:right;width:23%;overflow:hidden}
.proinfo_relative .proinfo-box{background-color:#fff;padding:15px;margin-bottom:20px}
.proinfo_relative .title.f-cb>h2{border-bottom:2px solid #dedede;background-color:#eee;text-align:center;color:#454545;line-height:36px;font-size:18px}
.proinfo_relative .tj-news{margin-top:10px}
.proinfo_relative .tj-news ul li a{line-height:40px;display:flex;align-items:center;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}
.proinfo_relative .tj-news ul li a::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#25905c;margin-right:5px}
.proinfo-part.proinfo-intro>.page:after{clear:both;content:'';display:block}
.proinfo_relative .grid2>.proinfo_relative_in img{width:95%;display:block;height:auto;border:3px #eee solid}
.proinfo_relative .grid2>.proinfo_relative_in a{padding:1em 0;display:block;border-bottom:1px solid #eee;font-size:.8em;line-height:1em}
.proinfo_relative .grid2>.proinfo_relative_in p{line-height:20px;padding:10px 0 5px;font-size:14px}
.proinfo_relative .grid2>.proinfo_relative_in a:hover img{border:3px #25905c solid}
.proinfo_relative .grid2>.proinfo_relative_in a:hover p{color:#25905c}
.proinfo_relative .grid1{margin-bottom:30px}
.proinfo_relative .grid1>.proinfo_relative_in img{display:block;height:auto;border:3px #eee solid;box-sizing:border-box}
.proinfo_relative .grid1>.proinfo_relative_in a{padding:1em 0;display:flex;border-bottom:1px solid #eee;font-size:.8em;line-height:1em}
.proinfo_relative .grid1>.proinfo_relative_in a .img{width:40%}
.proinfo_relative .grid1>.proinfo_relative_in a .wd{width:60%;padding-left:10px;box-sizing:border-box}
.proinfo_relative .grid1>.proinfo_relative_in p{line-height:20px;padding:10px 0 5px}
.proinfo_relative .grid1>.proinfo_relative_in a:hover img{border:3px #25905c solid}
.proinfo_relative .grid1>.proinfo_relative_in a:hover p{color:#25905c}
.proinfo_content *{max-width:100%}
.proinfo_content .proinfo_content_in h3{background-repeat:no-repeat;font-size:18px;color:#25905c;line-height:40px;border-bottom:1px #f2f2f2 solid}
.title.f-cb>h2{float:none;display:block;font-size:1.1em;line-height:3em;font-weight:400;padding:0;font-weight:700;color:#25905c}
.proinfo-part.proinfo-intro{padding:2.5em 0;background-color:#ebebeb}

.news-other{padding:20px 15px;border-top:1px #ddd solid;overflow:hidden;background-color:#fff}
.gr-back-btn{float:right;margin-top:6px;width:125px;height:40px;line-height:40px;text-align:center;background-color:#353535;font-size:14px;color:#fff!important}
.gr-back-btn{margin-top:6px;width:125px;height:40px;line-height:40px;text-align:center;background-color:#e12b1f;font-size:14px;color:#fff;position:relative;overflow:hidden;z-index:2}
.gr-back-btn:hover{background-color:#25905c}
.news-other p{line-height:40px;padding-left:3px;font-size:1em;width:60%}
.news-other p b{display:block}
.news-other p a{color:#343434;font-size:1em}
.news-other p a:hover{color:#25905c}