﻿body{ overflow-x:hidden;}
body,td,th{font-size:14px; color:#555; font-family:Microsoft YaHei;}
tbody{display:block;}
a{color:#555; text-decoration:none; font-size:14px;}
a:hover{color:#ff6c00; text-decoration:underline;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{margin:0; padding:0;}
dl,dt,dd{ margin:0px; padding:0px; list-style:none;}
ul,li{list-style:none;}
em,i{font-style:normal;}
input,textarea,slsct{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}



/*自定义字体*/
@font-face {
font-family:DIN Medium;
src: url(img/DIN-Medium.ttf),
     url(img/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(img/DIN-Medium.woff),
     url(img/DIN-Medium.woff2);
}
@font-face {
font-family:neutraface2;
src: url(img/neutraface2.ttf),
     url(img/neutraface2.eot),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.otf),
     url(img/neutraface2.woff),
     url(img/neutraface2.woff2);
}



/*顶部*/
.top_bg{ width:100%; height:46px; background:url(img/20201119204944_270191539.png) center no-repeat;}
.top{ width:1200px; margin:0 auto; line-height:46px;}
.top_fr{ padding-left:30px; float:right; color:#fff; background:url(img/20201119204954_1711543550.png) left no-repeat;}
.top_fr span{ display:inline-block; line-height:16px; font-size:22px; font-family:DIN Medium;}



/*抬头*/
.head_bg{ position:relative; width:100%; height:110px; background:#ff6c00;}
.head{ width:1200px; margin:0 auto;}
.head_logo{ margin-top:23px; float:left; font-size:36px; line-height:36px; font-weight:bold; color:#fff;}
.head_logo img{ float:left; margin-right:14px;}
.head_logo span{ display:block; font-size:18px; font-weight:normal;}
.nav{ position:absolute; left:50%; margin-left:-243px; background:#222; width:100%;}
.nav li{ position:relative; float:left; text-align:center;}
.nav li a{ padding:44px 28px 33px 28px; display:block; font-size:16px; line-height:16px; color:#fff; text-decoration:none; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;}
.nav li a span{ margin-top:5px; display:block; font-size:12px; line-height:12px; color:#777;}
.nav li a:hover{ background:#f9f9f9; color:#ff6c00;}
.nav li a:hover span{ color:#ff6c00;}
.nav li a:after{ position:absolute; bottom:0; left:0; display:block; content:''; width:0%; height:3px; background:#fdb815;}
.nav li a:hover:after{ width:100%; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;}
.navcurrent,.navcurrent span{ color:#ff6c00 !important; background:#f9f9f9;}
.navcurrent:after{ width:100% !important;}



/*幻灯片*/
.banner{ overflow:hidden; background:#fff; position:relative;}
.banner-box{ min-width:1200px; height:550px; position:relative; margin:0 auto;}
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:550px; background-position:center; background-repeat:no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;}
.banner-btn{ width:100%; position:absolute; top:0; left:0; margin-left:0; height:100%; overflow:hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:50%; margin-top:-54px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(img/20201120200459_846492675.png) 0 0 no-repeat; } 
.banner-btn a.next{ right:-50px; background:url(img/20201120200459_846492675.png) -49px 0 no-repeat; }
.banner-box .hd { position:absolute; bottom:30px; width:100%;}
.banner-box .hd ul { width:1200px; margin:0 auto; text-align:center; }
.banner-box .hd ul li{ width:22px; height:22px; border-radius:22px; text-indent:-9999px; background:#fff;cursor:pointer;display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; }
.banner-box .hd ul li.on{ background:#ff6c00;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}



/*服务、热线、搜索*/
.search_bg{ margin-top:60px; padding-bottom:40px; width:100%; border-bottom:1px solid #ccc;}
.search_main{ width:1200px; margin:0 auto;}
.tit1{ font-size:24px; color:#333;}
.tit1 i{ color:#ff6c00; font-weight:bold;}
.service_fl ul{ margin:26px 0 0 5px;}
.service_fl li{ float:left; margin-right:40px; text-align:center;}
.service_fl li em{ position:relative; display:block; width:36px; height:36px; margin:0 auto; background:#9c9c9c; border-radius:50%;}
.service_fl li:hover em{ background:#ff6c00; -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out;}
.service_fl li em img{ position:absolute; top:50%; left:50%; margin-top:-8px; margin-left:-9px;}
.service_fl li:nth-child(2) em img{ margin-top:-7px;}
.service_fl li:nth-child(3) em img{ margin-left:-8px;}
/*咨询热线*/
.hotline{ position:absolute; left:50%; margin-left:-143px; float:left;}
.tit2 i{ display:block; font-size:24px; margin-bottom:5px; text-transform:uppercase; font-weight:bold;}
.hotline span{ margin-top:20px; padding-left:27px; display:block; font-size:30px; color:#ff6c00; font-family:DIN Medium; background:url(img/20201121101127_871705424.png) left no-repeat;}
/*搜索框*/
.search_fr{ float:right; background:#fff; border-radius:20px;}
.search_pro{ margin-top:15px; float:left; width:279px; color:#888;}
input#infoname{ color:#888; background:#efefef; text-indent:17px; width:279px; height:40px; outline:none; border:none;}
.search_btn{ margin-top:15px; margin-right:20px; float:right; width:40px;}
/*分隔线*/
.hotline:before,.search_fr:before{ position:absolute; content:''; display:block; width:2px; height:109px; background:#eaeaea;}
.hotline:before{ position:absolute; left:-98px;}
.search_fr:before{ position:absolute; right:50%; margin-right:-190px;}



/*产品展示*/
.productbg{ padding-top:48px; width:1200px; margin:0 auto;}
.column_bt{ text-align:center; font-size:40px; line-height:40px; font-weight:bold; color:#ff6c00;}
.column_bt span{ display:block; height:61px; padding-top:18px; font-size:18px; line-height:18px; font-weight:normal; color:#666; background:url(img/20201121161332_1024456409.png) center bottom no-repeat;}
.productshow{ margin-top:30px;}
.classification{ position:relative; float:left; width:239px; height:858px; background:#f6f6f6;}
.classification:after{ position:absolute; bottom:45px; left:35px; display:block; content:''; width:183px; height:139px; background:url(img/20201123090602_15463135811111111.png) no-repeat;}
.classification1{ padding-top:30px; margin-bottom:15px; height:71px; font-size:22px; font-weight:bold; color:#fff; text-align:center; background:#ff6c00;}
.classification1 span{ font-family:Arial; font-size:14px; font-weight:normal;}
/*分类*/
.classification2{ padding-left:35px; margin-top:10px; height:auto; overflow:hidden;}
.classification2 tr td{ display:block;}
.classification2 tr td b{ font-size:0;}
.classification2 tr td b a{ background:url(img/20201121161332_759816872.png) left center no-repeat; display:block; font-size:16px; line-height:50px; padding-left:20px; transition:0.5s ease; position:relative; border-bottom:1px dashed #dadada; text-decoration:none;}
.classification2 tr td b a:after{content:'';width:17px; height:17px; position:absolute; top:50%; right: 24px; margin-top:-10px; transition:600ms ease;}
.classification2 tr.on td b a{ color:#009e2d !important; font-size:15px; background:url(img/20201021174257_676434209.png) left center no-repeat; transition:0.5s ease;}
.classification2 tr.on td b a:after{transform: rotate(90deg);transition:600ms ease;}
#showtyepname a { height:40px; overflow:hidden; text-overflow:ellipsis; font-size:14px; display:block; padding-left:20px; line-height:40px; position:relative;}
#showtyepname a:before{content:''; width:9px; height:9px; position:absolute; top:50%; left:0; margin-top: -5px; background:url(img/20201121161333_1521773032.png) no-repeat center;}
#showtyepname a:hover{text-decoration:none;color:#000;}
#showtyepname div{ padding-top:8px;}
/*产品*/
.recommended{ float:right; width: 950px;}
.recommended .tempWrap{ height:858px !important;}
.recommended table td{ position:relative; padding-left:0 !important; float:left; border:8px solid #ff6c00; margin-bottom:13px; margin-left:15px;}
.recommended table td:after{ position:absolute; right:-8px; bottom:-8px; content:''; display:block; width:129px; height:52px; background:url(img/20201124170424_48729159.png) no-repeat;}
.recommended td>a{ display:block;}
.recommended br{ display:none;}
.recommended td>span{ display:block; background:#222; text-align:left;}
.recommended td>span a{ color:#fff; font-size:16px; padding-left:12px; line-height:37px;}
.recommended td a img{ width:285px; height:225px;}



/*产品特点*/
.protd_bg{ width:1200px; margin:0 auto; margin-top:58px;}
.protd_bt{ text-align:center; font-size:50px; line-height:50px; color:#333;}
.protd_bt i{ font-weight:bold;}
.protd_bt span{ margin-top:9px; display:block; font-size:18px; line-height:18px; color:#555; background:url(img/20201123102324_560797330.png) center no-repeat;}
.protd_main{ position:relative; margin-top:35px; height:693px; background:url(img/20201123102118_1951934312.png) center no-repeat;}
.protd_main li{ position:absolute; text-align:left;}
.protd_main li span{ margin-top:30px; display:block; font-size:26px; line-height:26px; font-weight:bold; color:#333;}
.protd_main li p{ margin-top:14px; width:241px; font-size:15px; line-height:26px;}
.protd_main li:nth-child(1),.protd_main li:nth-child(3){ top:66px;}
.protd_main li:nth-child(2){ bottom:90px;}
.protd_main li:nth-child(3){ right:0; text-align:right;}
.protd_main li:nth-child(4){ bottom:68px; right:0; text-align:right;}
.protd_main li:em{ transform: rotateY(0);}
.protd_main li:hover em img{ transform:scale(1,1) rotateY(360deg); transition:all 1s;}



/*广告条*/
.ggtbg{ margin-top:50px; width:100%; height:168px; background:url(img/20201123102325_364713007.jpg) center no-repeat;}
.ggy{ padding-top:50px; width:1200px; margin:0 auto; font-size:20px; line-height:20px; color:#fff;}
.ggy span{ margin-bottom:13px; display:block; font-size:30px; line-height:30px;}
.ggy em{ margin-left:35px; padding-left:24px; font-size:24px; line-height:18px; color:#fdb815; font-family:DIN Medium; background:url(img/20201123102325_708787829.png) left 8px no-repeat;}
.ggy span i{ font-weight:bold;}



/*优势*/
.adv_bg{ padding-top:60px; width:1200px; margin:0 auto;}
.adv_bt{ height:140px; text-align:center; font-size:18px; line-height:18px; font-weight:normal; color:#666; background:url(img/20201121161332_1024456409.png) center bottom no-repeat;}
.adv_bt span{ margin-bottom:12px; display:block; font-size:50px; font-weight:bold; color:#333;}
.adv_bt span i{ font-size:100px; color:#ff6c00; font-family:neutraface2; line-height:68px;}
.adv_main { margin-top:34px; background:url(img/20201124094725_2012782758.png) center no-repeat;}
.adv1 .adv_nr,.adv3 .adv_nr{ float:left; }
.adv_nr{ margin-top:50px; float:right;}
.adv1 .adv_nr{ margin-top:17px;}
#adv3 .adv_nr{ margin-top:50px !important;}
.adv1 img{ float:right;}
.adv2 img{ float:left;}
/*优势内容*/
.adv_tit1{ position:relative;}
.adv_tit1:before{ position:absolute; top:0; left:86px; content:''; height:58px; width:1px; background:#cfcfcf;}
.adv_tit1 span{ margin-bottom:4px; display:block; font-size:40px; line-height:40px; color:#333;}
.adv_tit1 span i{ color:#ff6c00; font-weight:bold;}
.adv_tit1 em{ text-transform:uppercase;}
.adv_tit2{ margin-top:30px; display:block; font-size:22px; line-height:22px; color:#333;}
.adv_tit2:after{ content:''; display:block; width:551px; height:1px; background:#d1d1d1; margin:24px 0 30px 0;}
.adv1 .adv_tit1{ padding-left:116px; background:url(img/20201123140531_342198755.png) left no-repeat;}
.adv2 .adv_tit1{ padding-left:116px; background:url(img/20201123140531_318714119.png) left no-repeat;}
#adv3 .adv_tit1{ padding-left:116px; background:url(img/20201123140531_1334294058.png) left no-repeat;}
#adv4 .adv_tit1{ padding-left:116px; background:url(img/20201123140531_294362523.png) left no-repeat;}
.adv_wz p{ padding-left:21px; font-size:16px; line-height:40px; background:url(img/20201123142157_1290616875.png) left no-repeat;}



/*简介*/
.aboutbg{ margin-top:60px;}
.about_bt{ padding:67px 0 79px 0; text-align:center; font-size:18px; line-height:18px; color:#fff; background:url(img/20201124095522_794342126.jpg) center no-repeat;}
.about_bt span{ display:block; margin-bottom:14px; font-size:40px; line-height:40px; font-weight:bold;}
.about_main{ width:1200px; margin:0 auto; margin-top:-40px; background:#fff;}
.about_main img{ width:700px; float:left;}
.about_des{ margin-top:47px; width:474px; float:right;}
.about_des span{ margin-bottom:20px; display:block; font-size:24px; line-height:24px; color:#333; font-weight:bold;}
.about_des p{ line-height:28px; text-indent:2em;}
.about_more{ margin-top:40px;}
.about_more a{ display:block; width:120px; text-align:center; font-size:16px; color:#fff; line-height:40px; background:#e98a4f;}
/*企业形象*/
.workshop{ position:relative; width:1200px; margin:0 auto; height:170px; margin-top:30px;}
.rolling{ position:relative; height:170px;}
.arrowleft{ position:absolute; left:-78px; top:38%; cursor:pointer; z-index:10;}
.arrowright{ position:absolute; right:-78px; top:38%; cursor:pointer; z-index:10;}
.arrowleft a{ background:url(img/20201124104723_642930216.png) no-repeat; width:41px; height:170px; display:block; float:left; }
.arrowright a{ background:url(img/20201124104723_2026335703.png) no-repeat; width:41px; height:170px; display:block;}
.rollingnr{ position:absolute; left:0; top:0;}
.workshop td{ position:relative; padding-left:0 !important; padding-right:15px;}
.workshop td a:after{ content:''; display:block; position:absolute; top:0; left:0; width:228px; height:170px; background:rgba(0,0,0,.6); opacity:0; transition:all .3s ease;}
.workshop td:hover a:after{ opacity:1;}
.workshop td>div a{ display:block; font-size:16px; color:#ff6c00; position:absolute; bottom:50%; left:50%; margin-left:-44px; opacity:0; transition:all .3s ease; text-align:left; white-space:nowrap; text-overflow:ellipsis; text-decoration:none;}
.workshop td:hover>div a{ opacity:1;}
.workshop td>div a:after { content:''; display:block; position:absolute; top:30px; height:1px; width:0; transition:all .6s ease; background:#ff6c00; opacity:0;}
.workshop td:hover>div a:after{ opacity:1; width:100%;}




/*定制流程*/
.process_bg{ background:#f8f8f8; padding-top:47px; height:297px; margin-top:60px;}
.process_mian{ width:1200px; margin:0 auto;}
.process_tit{ float:left; font-size:18px; }
.process_tit span{ margin-bottom:6px; display:block; font-size:36px; line-height:36px; font-weight:bold; color:#333;}
.process_tit i{ color:#ff6c00;}
.process_number{ position:relative; margin-top:7px; float:right; width:231px; height:80px; font-size:24px; line-height:46px; text-align:center; text-indent:30px; color:#fff; font-family:DIN Medium; background:url(img/20201124113505_1114114030.png) no-repeat;}
.process_number:before{ top:13px; left:30px; position:absolute; display:block; content:''; width:19px; height:23px; background:url(img/20201124113551_1881165556.png) no-repeat;}
.process_list{ background:#fff; padding:20px;}
.process_list li{ position:relative; padding:25px 0; margin-left:75px; float:left; width:100px; text-align:center;}
.process_list li:nth-child(1){ margin-left:0;}
.process_list li:after{ position:absolute; top:55px; left:130px; content:''; display:block; width:12px; height:22px; background:url(img/20201124113505_1170465712.png) no-repeat;}
.process_list li:nth-child(7):after{ display:none;}
.process_list li span{ margin:11px 0 6px 0; display:block; font-size:16px;}
.process_list li em{ display:block; margin:0 auto; width:28px; height:28px; overflow: hidden;}
.process_list li em img{ transition:0.4s;}
.process_list li:hover em img{ margin-top:-46px;}
.process_list li:hover{ background:#ff6c00; color:#fff;}



/*新闻*/
.news_bg{ width:1200px; margin:0 auto; padding-top:60px;}
.news_tit{ font-size:18px; line-height:18px; color:#333; font-weight:bold;}
.news1{ width:555px; float:left;}
.news1 .news_tit{ border-bottom:1px solid #dadadc; padding-bottom:20px;}
.news1 .news_div_item{ border-top:1px solid #dadadc;}
.news1 .news_div_item:nth-child(1){ margin-top:15px;}
.news1 .news_div_item_title:before{ position:absolute; left:0; top:24px; display:block; content:"问"; text-align:center; font-size:16px; color:#fff; width:32px; line-height:36px; height:37px; background:url(img/20201124144325_1341520084.png) no-repeat;}
.news1 .news_div_item_body:before{ position:absolute; left:0; top:60px; display:block; content:"答"; text-align:center; font-size:16px; color:#555; width:32px; line-height:57px; height:49px; background:url(img/20201124161209_270047025.png) no-repeat;}

.news_tit>a,.news_lm>a{ float:right; font-weight:normal; color:#9a9a9a; line-height:20px;}
.news_div .news_div_item_a{ font-size:18px; color:#333;}
.news_div_item{ position:relative; margin-top:25px;}
.news_div_item:hover a{ color:#ff6c00;}
.news_div_item_content{ margin-left:49px; margin-top:31px;}
.news_div .news_div_item_body{ color:#777; line-height:24px; margin-top:20px;}
/*新闻右边*/
.news2{ float:right; margin-left:20px;}
.newstab{ padding-bottom:15px; border-bottom:1px solid #dadadc;}
.news_lm{ float:left;}
.news_lm li{ float:left;}
.news_lm a{ font-size:18px; color:#333; font-weight:bold; margin-right:36px; text-decoration:none;}
.X3 a{ padding-bottom:15px; font-weight:bold; color:#ff6c00 !important; border-bottom:2px solid #ff6c00;}
.news_main .news_div_item_pic img{ float:left; width:160px; height:101px;}
.news_main #news_nr{ width:580px !important;}
.news_main .news_div_item{ margin-top:35px;}
.news_div_item_date{ position:absolute; right:0; color:#777;}
.news_main .news_div_item_month,.news_div_item_day{ float:left;}
.news_main .news_div_item_pic{ position:absolute; top:0; left:0;}
.news_main .news_div_item_content{ margin-left:190px;}
.news_main .news_div .news_div_item_body{ margin-top:10px;}



/*版权*/
.bottombg{ margin-top:60px; width:100%; background:#ff6c00; color:#fff;}
.bottom{ width:1200px; margin:0 auto;}
.link{ padding-top:9px; border-bottom:1px solid #a1d5c9; line-height:69px; font-size:16px;}
.link a{ color:#fff; font-size:16px;}
.fudaohang{ margin-top:70px;}
.fudaohang a{ color:#fff;}
.fudaohang dl{ position:relative; float:left; padding-right:130px; height:242px;}
.fudaohang dl:before{ position:absolute; left:-65px; display:block; content:''; height:199px; border-left:1px dotted #d0eae4;}
.fudaohang dt{ font-size:18px;}
.fudaohang dl:nth-child(1):before{ display:none;}
.fudaohang dl:nth-child(4){ padding-right:0;}
.fudaohang dl dd{ line-height:30px; margin-top:10px;}
.fudaohang dl dd a{ font-size:14px; opacity:0.7;}
.fudaohang dl dd a:hover{ opacity:1;}
/*版权右边*/
.crcode{ margin-right:55px;}
.crcode img{ float:left; border:12px solid #fff; width:120px; height:120px;}
.crhotline li{ padding-left:54px; margin-bottom:31px;}
.crhotline li:nth-child(1){ background:url(img/20201120210005_292488974.png) left no-repeat;}
.crhotline li:nth-child(2){ background:url(img/20201120210005_258095330.png) left no-repeat;}
.crhotline li em{ opacity:0.8;}
.crhotline li span{ display:block; font-size:22px; color:#fdb815; font-family:DIN Medium;}
.address{ margin-top:25px; opacity:0.8;}
/*版权底部*/
.banquanbg{ background:#333; line-height:60px;}
.banquan{ width:1200px; margin:0 auto; opacity:0.85;}
.banquan a{ color:#fff;}