@charset "utf-8";

/* CSS Document */
.head { background-color: #f5f5f5; }
.head .wrap { height: 40px; }
.head h3 { font-size: 12px; line-height: 40px; }
.helpMenu { position: absolute; right: 0px; top: 5px; }
.helpMenu li { float: left; position: relative; margin-left: 25px; }
.helpMenu li a { font-size: 12px; line-height: 30px; display: inline-block; position: relative; }
.helpMenu li a i { font-size: 16px; color: #af2616; }
.helpMenu li p { position: absolute; right: -20px; top: 30px; width: 100px; height: 100px; background-color: #fff; padding: 5px; overflow: hidden; border-radius: 3px; z-index: 999; display: none; }
.helpMenu li p img { width: 100px; width: 100px; }
.top .wrap { height: 120px; }
.logo { position: absolute; left: 0; top: 30px; height: 60px; }
.topTel { position: absolute; right: 0px; top: 40px; height: 44px; padding-left: 45px; background-image: url(../images/tel.png); background-repeat: no-repeat; background-position: left 2px; }
.topTel dt { font-size: 12px; line-height: 14px; color: #888; }
.topTel dd { font-size: 26px; line-height: 30px; color: #333; }
.menuBox { background-color: #1a1a1a; border-bottom: 3px solid #af2616; }
.menu { height: 60px; }
.menu li { float: left; position: relative; width: 133px; }
.menu li:before { content: ""; overflow: hidden; position: absolute; left: 0px; top: 0px; bottom: 0; width: 1px; background-color: #333333; }
.menu li:nth-child(1):before { width: 0; }
.menu li h6 { position: relative; text-align: center; }
.menu li h6 a { font-size: 16px; line-height: 60px; color: #fff; display: block; position: relative; }
.menu li h6 a span { display: inline-block; position: relative; }
.menu li h6 a span:before { content: ""; overflow: hidden; position: absolute; bottom: 0px; left: 50%; width: 0px; height: 0px; margin-left: -6px; filter: Alpha(opacity=0); opacity: 0; border: 6px solid transparent; border-bottom-color: #af2616 }
.menu li h6 a:hover, .menu li.curr h6 a { color: #af2616; }
.menu li h6 a:hover span:before, .menu li.curr h6 a span:before, .menu li.currr h6 a span:before { filter: Alpha(opacity=100); opacity: 1; }
.bannerScroll { position: relative; }
.bannerScroll .hd { position: absolute; left: 0px; right: 0px; bottom: 10px; z-index: 999; }
.bannerScroll .hd ul { text-align: center; font-size: 0; }
.bannerScroll .hd ul li { border-radius: 50%; width: 8px; height: 8px; display: inline-block; margin: 0 6px; overflow: hidden; text-indent: -999px; cursor: pointer; border-width: 2px; border-style: solid; border-color: #fff; overflow: hidden; }
.bannerScroll .hd ul li.on { background-color: #fff; border-color: #fff; }
.bannerScroll .prev, .bannerScroll .next { position: absolute; top: 50%; margin-top: -30px; display: inline-block; width: 50px; height: 60px; background-image: url(../images/banner-pn.png); background-repeat: no-repeat; background-position: left top; -ms-transition-duration: 0s; transition-duration: 0s; z-index: 99; cursor: pointer; display: none; }
.bannerScroll .prev { left: 50%; margin-left: -600px; background-position: left top; }
.bannerScroll .next { right: 50%; margin-right: -600px; background-position: right top; }
.bannerScroll .prev:hover { background-position: left bottom; }
.bannerScroll .next:hover { background-position: right bottom; }
.bannerScroll .bd { position: relative; left: 50%; margin-left: -960px; }
.bannerScroll .bd ul li { width: 1920px; height: 600px; position: relative; }

/* title */
.homeTitle { height: 90px; background-repeat: no-repeat; background-position: 50% 50%; position: relative; text-align: center; }

/* homeProduct */
.homeProduct { padding: 70px 0 80px; background: url(../images/productbg.jpg) left top; }
.proBox { padding-top: 40px; }
.proTitle { height: 78px; background-color: #af2616; }
.proTitle li { width: 200px; float: left; text-align: center; cursor: pointer; }
.proTitle li:after { content: ""; overflow: hidden; position: absolute; left: 0px; bottom: 0; top: 0px; width: 1px; background: url(../images/tm-w-1.png); }
.proTitle li, .proTitle li a { font-size: 16px; line-height: 78px; color: #fff; position: relative; }
.proTitle li a { display: block; background: url(../images/promore.png) no-repeat 55px 31px; padding-left: 20px; }
.proTitle li a:hover { background-color: #333; }
.proTitle li.on { background-color: #111 }
.proTitle li.on:before { content: ""; overflow: hidden; position: absolute; left: 50%; bottom: -12px; width: 0px; height: 0px; margin-left: -6px; border: 6px solid transparent; border-top-color: #111 }
.proCo { margin-top: 40px; }
.proLIst { height: 530px; position: relative; }
.proIn { background-color: #fff; position: absolute; overflow: hidden; }
.proIn dl { }
.proIn dl dt { }
.proIn dl dt img { width: 100% }
.proIn dl dd { font-size: 14px; line-height: 40px; color: #333; position: absolute; left: 20px; bottom: 15px; right: 20px; text-align: center; }
.proIn h6 { background-color: #af2616; position: absolute; right: -1095px; bottom: -530px; width: 1000px; height: 1000px; -ms-transform: rotate(40deg); transform: rotate(40deg); -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
.proIn em { height: 15px; width: 15px; background-image: url(../images/promor.png); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; right: 10px; bottom: 10px; margin: 0 -7px -7px 0; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
.proIn:nth-child(1) { width: 480px; height: 530px; left: 0; top: 0; }
.proIn:nth-child(1) dt img { height: 480px; }
.proIn:nth-child(2) { width: 220px; height: 260px; left: 490px; top: 0; }
.proIn:nth-child(2) dt img { height: 220px; }
.proIn:nth-child(2) dl dd { }
.proIn:nth-child(3) { width: 220px; height: 260px; left: 490px; top: 270px; }
.proIn:nth-child(3) dt img { height: 220px; }
.proIn:nth-child(3) dl dd { }
.proIn:nth-child(4) { width: 480px; height: 530px; right: 0; top: 0; }
.proIn:nth-child(4) dt img { height: 480px; }

/* why */
.homeWhy { background-color: #fff; padding: 80px 0 70px; }
.home-why-title { height: 110px; background-repeat: no-repeat; background-position: 50% 50%; position: relative; text-align: center; }
.whyContent { position: relative; background-repeat: no-repeat; background-position: left top; }
.whyText { position: relative; padding-left: 70px; float: left; }
.whyText h6 { width: 60px; text-align: center; font-family: 'Impact7598deec817559'; font-weight: 700; font-size: 50px; line-height: 50px; color: #333; position: absolute; left: 0; top: 0px; }
.whyText h2 { font-weight: 700; font-size: 22px; line-height: 30px; color: #111; padding: 10px 0 0px }
.whyText h2 p { color: #af2616; display: inline-block; }
.whyText ul { padding: 20px 0 15px; }
.whyText ul li { padding: 0 0 10px 12px; font-size: 14px; line-height: 24px; color: #555; position: relative; }
.whyText ul li:before { content: ""; overflow: hidden; position: absolute; left: 0px; top: 8px; width: 0px; height: 0px; border: 4px solid transparent; border-left-color: #af2616 }
.whyContentA { height: 299px; background-image: url(../images/why-a.jpg); margin-top: 30px; }
.whyContentB { height: 280px; background-image: url(../images/why-b.jpg); }
.whyContentC { height: 280px; background-image: url(../images/why-c.jpg); }
.whyContentD { height: 302px; background-image: url(../images/why-d.jpg); }
.whyContentA .whyText { margin: 90px 0px 0 60px; width: 530px; }
.whyContentB .whyText { margin: 70px 0px 0 470px; width: 550px; }
.whyContentC .whyText { margin: 70px 0px 0 60px; }
.whyContentD .whyText { margin: 70px 0px 0 470px; }

/* about */
.homeAbout { padding: 50px 0 80px; background-color: #eaeaea; }
.aboutBox { padding-top: 15px; }
.aboutBox dl { }
.aboutBox dl dt { width: 550px; height: 340px; float: left; }
.aboutBox dl dd { background-color: #af2616; width: 530px; padding: 0 60px; height: 340px; float: left; }
.aboutBox dl dd h2 { font-size: 20px; line-height: 80px; color: #fff; padding-top: 40px; }
.aboutBox dl dd p { font-size: 14px; line-height: 24px; color: #fff; text-align: justify; filter: Alpha(opacity=80); opacity: .8; }
.homePicBox { background-color: #fff; margin-top: 20px; }
.pageTopIco { width: 200px; float: left; background-color: #fff; position: relative; }
.pageTopIco ul { position: relative; }
.pageTopIco ul li { position: relative; background-color: #1e1e1e; cursor: pointer; height: 114px; }
.pageTopIco ul li:after { content: ""; overflow: hidden; position: absolute; left: 0px; right: 0; top: 0px; height: 1px; background: url(../images/tm-w-1.png); }
.pageTopIco ul li:nth-child(1) { }
.pageTopIco ul li p { text-align: center; font-size: 16px; line-height: 114px; color: #fff; }
.pageTopIco ul li.on, .pageTopIco ul li:hover { background-color: #af2616; }
.pageTopIco ul li.on:before { content: ""; overflow: hidden; position: absolute; right: -14px; top: 50%; width: 0px; height: 0px; margin-top: -8px; border: 8px solid transparent; border-left-color: #af2616 }
.homePicContent { width: 942px; height: 280px; float: left; margin: 30px 0 0 30px; }
.homePicList { position: relative; }
.homePicList dl { position: absolute; }
.homePicList dl dt { overflow: hidden; position: relative; height: 100%; }
.homePicList dl dt span { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.homePicList dl dd { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; -ms-transition-duration: 0.3s; transition-duration: 0.3s; background-color: rgba(0, 0, 0, .8); text-align: center; font-size: 16px; line-height: 140px; color: #fff; filter: Alpha(opacity=0); opacity: 0; }
.homePicList dl a:hover dd { filter: Alpha(opacity=100); opacity: 1; }
.homePicList dl:nth-child(1) { width: 370px; height: 281px; left: 0; top: 0; }
.homePicList dl:nth-child(1) dd, .homePicList dl:nth-child(4) dd { line-height: 280px; }
.homePicList dl:nth-child(2) { width: 200px; height: 140px; left: 371px; top: 0; }
.homePicList dl:nth-child(3) { width: 200px; height: 140px; left: 371px; top: 141px; }
.homePicList dl:nth-child(4) { width: 370px; height: 281px; right: 0; top: 0; }
.homePicList dl:nth-child(1) dt img, .homePicList dl:nth-child(4) dt img { width: 370px; height: 281px; }
.homePicList dl:nth-child(2) dt img, .homePicList dl:nth-child(3) dt img { width: 200px; height: 140px; }

/* news & faq */
.homeNewsfaq { padding: 80px 0; background-color: #fff; }
.home-news { width: 850px; position: relative; }
.home-news-title { height: 70px; position: relative; }
.home-news-title li { float: left; height: 70px; width: 50%; text-align: center; font-size: 20px; line-height: 70px; color: #fff; cursor: pointer; background-color: #1e1e1e; position: relative; }
.home-news-title li.on { background-color: #af2616; }
.home-news-title li.on:before { content: ""; overflow: hidden; position: absolute; left: 50%; bottom: -12px; width: 0px; height: 0px; margin-left: -6px; border: 6px solid transparent; border-top-color: #af2616 }
.newsBox { }
.newsLeft { width: 425px; padding-top: 40px; }
.newsLeft dl { position: relative; }
.newsLeft dl dt { height: 350px; overflow: hidden; }
.newsLeft dl dt img { width: 100%; height: 100%; }
.newsLeft dl dd { position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/tm-b-7.png); font-size: 16px; line-height: 50px; color: #fff; padding: 0 20px; }
.newsLeft dl a:hover dd { text-decoration: underline; }
.newsRight { width: 405px; margin: 20px 0 0 20px; }
.newsRight dl { border-bottom: 1px dotted #ccc; padding: 20px 0; }
.newsRight dl dt { overflow: hidden; width: 140px; float: left; }
.newsRight dl dt img { width: 140px; height: 114px; }
.newsRight dl dd { float: left; width: 250px; margin-left: 15px; }
.newsRight dl dd h3 { font-size: 16px; line-height: 26px; color: #333; padding: 0 0 8px; }
.newsRight dl dd p { font-size: 12px; line-height: 22px; color: #888; }
.newsRight dl a:hover dd h3 { color: #af2616; text-decoration: underline; }
.newsRight dl a:hover dd p { }
.newsRight ul { padding-top: 10px; }
.newsRight ul li { line-height: 30px; }
.newsRight ul li:nth-child(1) { border: none; }
.newsRight ul li span { float: right; font-size: 12px; color: #888; }
.newsRight ul li a { font-size: 14px; display: inline-block; position: relative; padding-left: 12px; }
.newsRight ul li a:before { content: ""; overflow: hidden; position: absolute; left: 0px; top: 50%; width: 0px; height: 0px; margin-top: -4px; border: 4px solid transparent; border-left-color: #af2616 }
.newsRight ul li a:hover { text-decoration: underline; }
.newsRight ul li a:hover:before { }
.home-faq { width: 320px; margin-left: 30px; position: relative; }
.faqMarquee { height: 350px; position: relative; overflow: hidden; margin-top: 40px; }
.home-faq-list dl { padding: 15px 0; border-top: 1px dotted #ccc; }
.home-faq-list dl dt, .home-faq-list dl dd { position: relative; padding-left: 30px; }
.home-faq-list dl dt { font-weight: 700; font-size: 14px; line-height: 30px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-faq-list dl a:hover dt { color: #af2616; text-decoration: underline; }
.home-faq-list dl dd { font-size: 14px; line-height: 22px; margin-top: 5px; color: #666; }
.home-faq-list dl dt span, .home-faq-list dl dd span { position: absolute; left: 0; top: 6px; width: 22px; height: 23px; }
.home-faq-list dl dt span { background: url(../images/faq-a.png) no-repeat left 0px; }
.home-faq-list dl dd span { background: url(../images/faq-q.png) no-repeat left 0px; }

/* part */
.homePart { background: url(../images/partnerbg.jpg) no-repeat 50% top; padding: 74px 0 20px }
.partList { margin-top: 44px; }
.partList dl { width: 285px; float: left; margin-left: 20px; }
.partList dl:nth-child(1) { margin-left: 0px; }
.partList dl dt { height: 216px; overflow: hidden; }
.partList dl dt img { width: 100%; height: 100%; }
.partList dl dd { background-color: #f5f5f5; position: relative; height: 180px; padding: 15px 20px 0; -ms-transition-duration: 0.3s; transition-duration: 0.3s; }
.partList dl dd:before { content: ""; overflow: hidden; position: absolute; bottom: 0px; left: 0px; right: 0; height: 2px; background-color: #af2616; }
.partList dl dd h3 { font-size: 16px; line-height: 40px; color: #333; }
.partList dl dd p { font-size: 12px; line-height: 22px; color: #777; }
.partList dl dd span { border: 1px solid #aaa; display: inline-block; position: absolute; left: 50%; bottom: 30px; margin-left: -10px; width: 18px; height: 18px; border-radius: 50%; font-size: 14px; line-height: 18px; color: #888; text-align: center; }
.partList dl a:hover dd { background-color: #af2616; }
.partList dl a:hover dd h3 { color: #fff; text-decoration: underline; }
.partList dl a:hover dd p { color: #fff; }
.partList dl a:hover dd span { border-color: #d7938b; color: #d7938b; }

/* partner */
.homePartner { background-color: #fff; padding: 50px 0; }
.partnerScroll { position: relative; margin-top: 20px; }
.partnerScroll .prev, .partnerScroll .next { position: absolute; top: 50%; margin-top: -15px; display: inline-block; width: 17px; height: 30px; background-image: url(../images/partnerpn.png); background-repeat: no-repeat; background-position: left top; -ms-transition-duration: 0s; transition-duration: 0s; z-index: 99; cursor: pointer; }
.partnerScroll .prev { left: -45px; background-position: left top; }
.partnerScroll .next { right: -45px; background-position: right top; }
.partnerScroll .prev:hover { background-position: left bottom; }
.partnerScroll .next:hover { background-position: right bottom; }
.partnerScroll .bd { overflow: hidden; position: relative; }
.partnerList { position: relative; }
.partnerList li { width: 220px; height: 120px; position: relative; float: left; margin-right: 22px; background-color: #fff; border: 1px solid #e5e5e5; }
.partnerList li a { display: inline-block; display: block; height: 120px; position: relative; }
.partnerList li a span { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; -ms-transition-duration: 0.3s; transition-duration: 0.3s; background-color: #e5e5e5; text-align: center; font-size: 16px; line-height: 120px; color: #555; filter: Alpha(opacity=0); opacity: 0; }
.partnerList li img { width: 220px; height: 120px; }
.partnerList li a:hover { border-color: #56a600; }
.partnerList li a:hover span { filter: Alpha(opacity=100); opacity: 1; }

/*footer*/
.footer { position: relative; background-color: #1e1e1e; }
.footerNav { }
.footerNav ul { height: 30px; overflow: hidden; border-bottom: 1px solid #353535; padding: 20px 0 20px; }
.footerNav li { position: relative; float: left; padding: 0 1px; height: 30px; margin-right: 25px; }
.footerNav li a { font-size: 14px; line-height: 30px; color: #fff; display: block; }
.footerNav li a:hover { text-decoration: underline; }
.copy { padding: 30px 0; }
.copy ul { position: relative; }
.copy ul li, .copy ul li a { font-size: 12px; line-height: 26px; color: #999; }
.copy ul li em { display: inline-block; margin-right: 15px; }
.copy ul li a { height: 24px; vertical-align: top; }
.copy ul li a:hover { color: #fff; text-decoration: underline; }
.footer-code { position: absolute; top: 35px; right: 0px; }
.footer-code dl { width: 100px; margin-left: 15px; float: left; }
.footer-code dl dt { background-color: #fff; padding: 5px; }
.footer-code dl dt img { max-width: 100%; }
.footer-code dl dd { font-size: 12px; line-height: 30px; color: #bbb; text-align: center; }
.links { padding: 15px 0; background-color: #191919; }
.links-co em, .links-co a { font-size: 12px; line-height: 24px; color: #ddd; }
.links-co a { display: inline-block; margin-left: 15px; color: #999; }
.links-co a:hover { color: #fff; text-decoration: underline; }

/*---------------page---------------*/
.pageBanner { position: relative; }
.pageBanner img { position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 300px; }
.mainW { padding: 35px 0 60px; }
.main { width: 930px; float: left; margin-left: 30px; }
.rightTop { position: relative; height: 60px; border-bottom: 1px solid #ddd; }
.pageTitle { width: 300px; font-weight: 700; font-size: 18px; color: #af2616; line-height: 60px; }
.location { position: absolute; top: 10px; right: 0; font-size: 12px; line-height: 40px; color: #666; background-image: url(../images/location.png); background-repeat: no-repeat; background-position: left 14px; padding-left: 18px; }
.location a { font-size: 12px; line-height: 40px; color: #666; display: inline-block; position: relative; }
.location a.locationHome { padding-left: 6px; }
.location a:after { content: ""; font-family: "\5b8b\4f53"; font-weight: 500; font-size: 14px; line-height: 40px; color: #888; position: absolute; right: -9px; top: 1px; }
.location a:nth-last-child(1):after { content: ""; }
.location a:nth-last-child(1) { padding-right: 0; }
.location a:hover { color: #af2616; }
.topNav { position: absolute; width: 1200px; height: 60px; left: 0; top: -60px; }
.topNav .location { right: 20px; }
.pageNav { height: 60px; background-color: #f5f5f5; }
.pageNav li { float: left; position: relative; border-right: 1px solid #fff; }
.pageNav li a { display: inline-block; padding: 0 30px; font-size: 16px; line-height: 60px; }
.pageNav li.curr a, .pageNav li a:hover { color: #fff; background-color: #af2616 }
.page-title { text-align: center; height: 80px; position: relative; }
.page-title p { font-size: 24px; line-height: 30px; color: #bdbdbd; text-transform: uppercase; }
.page-title h2 { font-size: 30px; line-height: 40px; color: #af2616; position: relative; }
.page-title h2 span { display: inline-block; position: relative; }
.page-title h2 span:before { content: ""; overflow: hidden; position: absolute; left: -70px; top: 18px; height: 4px; width: 50px; background-image: url(../images/title-bg.png); background-repeat: no-repeat; background-position: left top; }
.page-title h2 span:after { content: ""; overflow: hidden; position: absolute; right: -70px; top: 18px; height: 4px; width: 50px; background-image: url(../images/title-bg.png); background-repeat: no-repeat; background-position: left top; }
.pageheight { height: 50px; }
.pageht { height: 25px; }
.mainTop { height: 50px; position: relative; border-bottom: 1px solid #bfbfbf; }
.mainTop h3 { font-weight: 700; font-size: 18px; line-height: 40px; color: #af2616; }
.mainTop .location { position: absolute; right: 0; top: 0; }

/* 左侧 sideLeft  */
.sideLeft { width: 240px; margin-top: 0px; position: relative; z-index: 11; overflow: hidden; }
.leftTitle { background-color: #af2616; text-align: center; }
.leftTitle h2 { font-weight: 700; font-size: 24px; line-height: 70px; color: #fff; }
.leftNav { }
.leftNav li h6 { border-top: 1px solid #fff; }
.leftNav li h6 a { position: relative; display: block; font-size: 16px; line-height: 50px; color: #333; background-color: #ececec; padding-left: 35px; }
.leftNav li h6 a:before { content: ""; overflow: hidden; position: absolute; left: 20px; top: 50%; width: 0px; height: 0px; margin-top: -4px; border: 4px solid transparent; border-left-color: #999; }
.leftNav li h6 a:hover, .leftNav li h6.curr a { background-color: #f08300; color: #fff; }
.leftNav li h6.curr a:before, .leftNav li h6 a:hover:before { border-left-color: #fff }
.leftNav li ol { background-color: #f5f5f5; display: none; }
.leftNav li ol li { }
.leftNav li ol li h4 { border-top: 1px solid #e5e5e5; }
.leftNav li ol li:nth-child(1) h4 { border-top: none; }
.leftNav li ol li h4 a { font-size: 16px; line-height: 40px; display: block; position: relative; padding-left: 50px; }
.leftNav li ol li h4 a:before { content: ""; overflow: hidden; position: absolute; left: 35px; top: 50%; width: 0px; height: 0px; margin-top: -3px; border: 3px solid transparent; border-left-color: #999; }
.leftNav li ol li.curr h4 a, .leftNav li ol li h4 a:hover { color: #f08300; text-decoration: underline; }
.leftNav li ol li.curr h4 a:before, .leftNav li ol li h4 a:hover:before { border-left-color: #f08300; }
.leftNav li ol li ul { padding-bottom: 10px; }
.leftNav li ol li ul li { }
.leftNav li ol li ul li a { display: block; padding-left: 50px; font-size: 12px; line-height: 26px; }
.leftNav li ol li ul li.curr a, .leftNav li ol li ul li a:hover { color: #f08300; text-decoration: underline; }
.sideProductList { position: relative; overflow: hidden; border-top: 1px dotted #ccc; }
.sideProductList span.productHot { position: absolute; left: 0; top: 10px; width: 24px; height: 20px; padding-top: 5px; text-align: center; font-size: 12px; line-height: 20px; color: #fff; background: url(../images/hotb.png) no-repeat left top; z-index: 5; }
.sideProductList:nth-child(1) { border: none; }
.sideProductList:nth-child(1) span.productHot { background: url(../images/hota.png) no-repeat left top; }
.sideProductList dl { height: 50px; position: relative; }
.sideProductList dl dt { width: 220px; height: 220px; position: absolute; left: 0; bottom: 0; }
.sideProductList dl dd { font-size: 14px; line-height: 40px; padding: 5px 0; position: absolute; left: 0; bottom: 0; right: 0; background: #fff; padding-left: 30px; }
.sideProduct .curr { border: none; }
.sideProduct .curr span.productHot { top: 0; left: 5px; }
.sideProduct .curr dl { position: relative; }
.sideProduct .curr dl dt { position: absolute; left: 0; bottom: 0; }
.sideProduct .curr dl dd { font-size: 14px; line-height: 40px; position: absolute; left: 0; bottom: 0; right: 0; background: url(../images/tm-b-6.png); padding: 0px 15px; color: #fff; }

/* 左侧底部内容 */
.sideBottom { margin-top: 20px; }
.sideTitle { font-weight: 700; font-size: 16px; line-height: 50px; color: #555; background-color: #eee; border-top: 2px solid #af2616; padding-left: 20px; }
.sideConetent { border: 1px solid #eee; border-top: none; padding: 9px 14px; }
.sideContact ul { }
.sideContact ul li { margin-top: 5px; padding: 0 0 5px 24px; position: relative; font-size: 14px; line-height: 20px; color: #555; }
.sideContact ul li span { width: 22px; height: 22px; position: absolute; left: -2px; top: -1px; background-position: left bottom; background-repeat: no-repeat; }
.sideContact ul li.icon-tel span { background-image: url(../images/icon-c.png); }
.sideContact ul li.icon-phone span { background-image: url(../images/icon-b.png); }
.sideContact ul li.icon-fax span { background-image: url(../images/icon-d.png); }
.sideContact ul li.icon-mail span { background-image: url(../images/icon-e.png); }
.sideContact ul li.icon-add span { background-image: url(../images/icon-f.png); }
.sproScroll { position: relative; }
.sproScroll .prev, .sproScroll .next { position: absolute; top: -49px; display: inline-block; width: 30px; height: 40px; background-image: url(../images/side-pn.png); background-repeat: no-repeat; background-position: left top; -ms-transition-duration: 0s; transition-duration: 0s; z-index: 99; cursor: pointer; }
.sproScroll .prev { right: 25px; background-position: left top; }
.sproScroll .next { right: -5px; background-position: right top; }
.sproScroll .prev:hover { background-position: left bottom; }
.sproScroll .next:hover { background-position: right bottom; }
.sproScroll .bd { overflow: hidden; }
.sproList { position: relative; }
.sproList dl { }
.sproList dl dt { height: 192px; overflow: hidden }
.sproList dl dd { text-align: center; font-size: 14px; line-height: 40px; }

/*---------------about---------------*/
.pageText { font-size: 14px; line-height: 2em; padding-top: 30px; }
.reimg img { max-width: 100%; height: auto !important; }
.aboutBox { padding-top: 20px; }
.aboutA { width: 600px; height: 540px; float: left; background: url(../images/pic-a.jpg) no-repeat left top; position: relative; }
.aboutA dl { background: url(../images/tm-w-9.png); padding: 20px 30px 0; color: #fff; width: 420px; height: 185px; position: absolute; left: 0px; bottom: 50px; }
.aboutA dl dt { position: relative; padding-bottom: 8px; font-size: 24px; line-height: 40px; color: #003aa5; }
.aboutA dl dt:before { content: ""; overflow: hidden; position: absolute; left: 0px; bottom: 3px; width: 30px; height: 3px; background-color: #003aa5; }
.aboutA dl dd { color: #666666; }
.aboutA dl dd p { font-size: 14px; line-height: 24px; padding: 10px 0; }
.aboutA dl dd h6 { }
.aboutA dl dd h6 a { display: inline-block; position: relative; font-size: 12px; line-height: 20px; color: #666666; padding-right: 12px; text-transform: uppercase; }
.aboutA dl dd h6 a:before { content: ""; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -3px; width: 0px; height: 0px; border: 3px solid transparent; border-left-color: #555 }
.aboutA dl dd h6 a:hover { border-bottom: 1px solid #003aa5; color: #003aa5; }
.aboutA dl dd h6 a:hover:before { border-left-color: #003aa5 }
.aboutB { width: 280px; height: 270px; float: left; background-color: #fff; position: relative; margin-left: 20px; }
.aboutB dl { color: #fff; position: absolute; left: 20px; right: 20px; bottom: 50px; top: 40px; }
.aboutB dl dt { position: relative; padding-bottom: 8px; font-size: 24px; line-height: 40px; color: #003aa5; }
.aboutB dl dt:before { content: ""; overflow: hidden; position: absolute; left: 0px; bottom: 3px; width: 30px; height: 3px; background-color: #003aa5; }
.aboutB dl dd { color: #555; }
.aboutB dl dd p { font-size: 14px; line-height: 24px; padding: 10px 0; }
.aboutB dl dd h6 { padding-top: 30px; }
.aboutB dl dd h6 a { display: inline-block; position: relative; font-size: 12px; line-height: 20px; color: #555; padding-right: 12px; text-transform: uppercase; }
.aboutB dl dd h6 a:before { content: ""; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -3px; width: 0px; height: 0px; border: 3px solid transparent; border-left-color: #555 }
.aboutB dl dd h6 a:hover { border-bottom: 1px solid #003aa5; color: #003aa5; }
.aboutB dl dd h6 a:hover:before { border-left-color: #003aa5 }
.aboutC { width: 280px; height: 270px; float: left; background: url(../images/pic-b.jpg) no-repeat left top; position: relative; margin-left: 20px; }
.aboutD { width: 280px; height: 250px; float: left; background: url(../images/pic-c.jpg) no-repeat left top; position: relative; margin-left: 20px; margin-top: 20px; }
.aboutD dl { color: #fff; position: absolute; left: 20px; right: 20px; bottom: 50px; top: 40px; }
.aboutD dl dt { position: relative; padding-bottom: 8px; font-size: 24px; line-height: 40px; color: #fff; }
.aboutD dl dt:before { content: ""; overflow: hidden; position: absolute; left: 0px; bottom: 3px; width: 30px; height: 3px; background-color: #fff; }
.aboutD dl dd { color: #fff; }
.aboutD dl dd p { font-size: 14px; line-height: 24px; padding: 10px 0; }
.aboutD dl dd h6 { padding-top: 30px; }
.aboutD dl dd h6 a { display: inline-block; position: relative; font-size: 12px; line-height: 20px; color: #fff; padding-right: 12px; text-transform: uppercase; }
.aboutD dl dd h6 a:before { content: ""; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -3px; width: 0px; height: 0px; border: 3px solid transparent; border-left-color: #fff }
.aboutD dl dd h6 a:hover { border-bottom: 1px solid #fff; color: #fff; }
.aboutD dl dd h6 a:hover:before { border-left-color: #fff }
.aboutE { width: 280px; height: 250px; float: left; background-color: #e7e7e7; position: relative; margin-left: 20px; margin-top: 20px; }
.aboutE dl { color: #fff; position: absolute; left: 20px; right: 20px; bottom: 50px; top: 40px; }
.aboutE dl dt { position: relative; padding-bottom: 8px; font-size: 24px; line-height: 40px; color: #003aa5; }
.aboutE dl dt:before { content: ""; overflow: hidden; position: absolute; left: 0px; bottom: 3px; width: 30px; height: 3px; background-color: #003aa5; }
.aboutE dl dd { color: #555; }
.aboutE dl dd p { font-size: 14px; line-height: 24px; padding: 10px 0; }
.aboutE dl dd h6 { padding-top: 30px; }
.aboutE dl dd h6 a { display: inline-block; position: relative; font-size: 12px; line-height: 20px; color: #555; padding-right: 12px; text-transform: uppercase; }
.aboutE dl dd h6 a:before { content: ""; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -3px; width: 0px; height: 0px; border: 3px solid transparent; border-left-color: #555 }
.aboutE dl dd h6 a:hover { border-bottom: 1px solid #003aa5; color: #003aa5; }
.aboutE dl dd h6 a:hover:before { border-left-color: #003aa5 }
.aboutF { width: 400px; height: 340px; float: left; background: url(../images/pic-d.jpg) no-repeat left top; position: relative; }
.aboutF dl { color: #fff; position: absolute; left: 40px; right: 20px; bottom: 50px; top: 60px; }
.aboutF dl dt { position: relative; padding-bottom: 8px; font-size: 24px; line-height: 40px; color: #fff; }
.aboutF dl dt:before { content: ""; overflow: hidden; position: absolute; left: 0px; bottom: 3px; width: 30px; height: 3px; background-color: #fff; }
.aboutF dl dd { color: #fff; }
.aboutF dl dd p { font-size: 14px; line-height: 24px; padding: 10px 0; }
.aboutF dl dd h6 { padding-top: 30px; }
.aboutF dl dd h6 a { display: inline-block; position: relative; font-size: 12px; line-height: 20px; color: #fff; padding-right: 12px; text-transform: uppercase; }
.aboutF dl dd h6 a:before { content: ""; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -3px; width: 0px; height: 0px; border: 3px solid transparent; border-left-color: #fff }
.aboutF dl dd h6 a:hover { border-bottom: 1px solid #fff; color: #fff; }
.aboutF dl dd h6 a:hover:before { border-left-color: #fff }
.aboutG { width: 780px; height: 340px; float: left; background: url(../images/pic-e.jpg) no-repeat left top; position: relative; margin-left: 20px; }
.aboutG dl { background: url(../images/tm-b-5.png); color: #fff; position: absolute; left: 500px; right: 0px; bottom: 0px; top: 0px; padding: 60px 20px 0; }
.aboutG dl dt { position: relative; padding-bottom: 8px; font-size: 24px; line-height: 40px; color: #fff; }
.aboutG dl dt:before { content: ""; overflow: hidden; position: absolute; left: 0px; bottom: 3px; width: 30px; height: 3px; background-color: #fff; }
.aboutG dl dd { color: #fff; }
.aboutG dl dd p { font-size: 14px; line-height: 24px; padding: 10px 0; }
.aboutG dl dd h6 { padding-top: 30px; }
.aboutG dl dd h6 a { display: inline-block; position: relative; font-size: 12px; line-height: 20px; color: #fff; padding-right: 12px; text-transform: uppercase; }
.aboutG dl dd h6 a:before { content: ""; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -3px; width: 0px; height: 0px; border: 3px solid transparent; border-left-color: #fff }
.aboutG dl dd h6 a:hover { border-bottom: 1px solid #fff; color: #fff; }
.aboutG dl dd h6 a:hover:before { border-left-color: #fff }
.aboutH { height: 200px; background: url(../images/pic-f.jpg) no-repeat left top; position: relative; }
.aboutH dl { background-color: #fff; color: #fff; position: absolute; left: 600px; right: 0px; bottom: 0px; top: 0px; padding: 25px 40px 0; }
.aboutH dl dt { position: relative; padding-bottom: 8px; font-size: 24px; line-height: 40px; color: #003aa5; }
.aboutH dl dt:before { content: ""; overflow: hidden; position: absolute; left: 0px; bottom: 3px; width: 30px; height: 3px; background-color: #003aa5; }
.aboutH dl dd { color: #555; }
.aboutH dl dd p { font-size: 14px; line-height: 24px; padding: 10px 0; }
.aboutH dl dd h6 { padding-top: 10px; }
.aboutH dl dd h6 a { display: inline-block; position: relative; font-size: 12px; line-height: 20px; color: #555; padding-right: 12px; text-transform: uppercase; }
.aboutH dl dd h6 a:before { content: ""; overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -3px; width: 0px; height: 0px; border: 3px solid transparent; border-left-color: #555 }
.aboutH dl dd h6 a:hover { border-bottom: 1px solid #003aa5; color: #003aa5; }
.aboutH dl dd h6 a:hover:before { border-left-color: #003aa5 }

/*  客户评价综合页 */
.page-evaluation { padding: 10px 0 70px; }
.page-evaluation-list { }
.page-evaluation-list dl { width: 566px; height: 197px; float: left; margin: 20px 20px 0 0; padding: 10px; border: 2px solid #d0d0d0; }
.page-evaluation-list dl:nth-child(2n) { margin-right: 0; }
.page-evaluation-list dl dt { width: 270px; height: 197px; position: relative; float: left; overflow: hidden; }
.page-evaluation-list dl dt img { -ms-transition-duration: 0.3s; transition-duration: 0.3s; }
.page-evaluation-list dl a:hover dt img { -ms-transform: scale(1.1); transform: scale(1.1); }
.page-evaluation-list dl dd { float: left; width: 270px; margin-left: 20px; height: 200px; position: relative }
.page-evaluation-list dl dd h3 { border-bottom: 2px solid #af2616; padding-bottom: 5px; color: #333; font-weight: 700; line-height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-evaluation-list dl dd h6 { padding-top: 10px; font-size: 14px; line-height: 24px; color: #666; }
.page-evaluation-list dl a:hover dd h3 { color: #af2616; text-decoration: underline; }
.page-evaluation-list dl:hover { border-color: #af2616; }
.page-evaluation-lista { }
.page-evaluation-lista dl { width: 441px; height: 146px; float: left; margin: 20px 20px 0 0; padding: 10px; border: 2px solid #d0d0d0; }
.page-evaluation-lista dl:nth-child(2n) { margin-right: 0; }
.page-evaluation-lista dl dt { width: 200px; height: 146px; position: relative; float: left; overflow: hidden; }
.page-evaluation-lista dl dt img { -ms-transition-duration: 0.3s; transition-duration: 0.3s; }
.page-evaluation-lista dl a:hover dt img { -ms-transform: scale(1.1); transform: scale(1.1); }
.page-evaluation-lista dl dd { float: left; width: 226px; margin-left: 15px; height: 146px; position: relative }
.page-evaluation-lista dl dd h3 { border-bottom: 2px solid #af2616; padding-bottom: 5px; color: #333; font-weight: 700; line-height: 30px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-evaluation-lista dl dd h6 { padding-top: 10px; font-size: 14px; line-height: 24px; color: #666; }
.page-evaluation-lista dl a:hover dd h3 { color: #af2616; text-decoration: underline; }
.page-evaluation-lista dl:hover { border-color: #af2616; }
.page-client { border-top: 1px dotted #aaa; padding: 70px 0 0 }
.page-more { text-align: center; margin-top: 40px; }
.page-more a { display: inline-block; padding: 0 28px 0 20px; border-radius: 15px; font-weight: normal; text-transform: uppercase; font-size: 12px; height: 30px; line-height: 30px; color: #fff; background-color: #af2616; background-image: url(../images/icon-w-jiao.png); background-repeat: no-repeat; background-position: 75px 50%; }
.page-more a:hover { background-color: #af2616 }

/* 产品综合页 */
.page-product-clss { border: 2px solid #af2616; border-radius: 10px; padding: 10px; margin-top: 20px; }
.page-product-clss dl { height: 400px; }
.page-product-clss dl dt { float: left; width: 490px; height: 400px; }
.page-product-clss dl dd { float: left; width: 410px; height: 400px; position: relative; margin-left: 20px; }
.page-product-clss dl dd h3 { padding-top: 10px; }
.page-product-clss dl dd h3 a { font-weight: 700; font-size: 30px; line-height: 50px; color: #809c20; }
.page-product-clss dl dd h3 a:hover { color: #af2616; text-decoration: underline; }
.page-product-clss dl dd h6 { font-size: 18px; line-height: 30px; color: #333; padding: 20px 0 10px; }
.page-product-clss dl dd p { font-size: 14px; line-height: 24px; }
.page-product-clss dl dd h5 { }
.page-product-clss dl dd h5 a { display: inline-block; padding: 0 28px 0 20px; border-radius: 15px; float: right; font-weight: normal; text-transform: uppercase; font-size: 12px; height: 30px; line-height: 30px; color: #fff; background-color: #af2616; background-image: url(../images/icon-w-jiao.png); background-repeat: no-repeat; background-position: 100px 50%; position: absolute; left: 0; bottom: 45px; }
.page-product-clss dl dd h5 a.btn-b { background-color: #1b1b1b; background-position: 76px 50%; left: 130px; }
.page-product-clss dl dd h5 a:hover { background-color: #af2616 }
.productHot { padding: 30px 0 30px; border-bottom: 1px dotted #ddd; }
.productHot dl { }
.productHot dl dt { width: 540px; float: left; }
.productHot dl dt img { width: 540px; height: 365px; }
.productHot dl dd { background-color: #56a600; float: left; width: 288px; height: 365px; padding: 0 40px; margin-left: 2px; position: relative; }
.productHot dl dd h3 { padding: 20px 0 10px; border-bottom: 1px solid #78b833; }
.productHot dl dd h3 a { font-size: 18px; line-height: 20px; color: #fff; display: inline-block; }
.productHot dl dd h3 a:hover { text-decoration: underline; }
.productHot dl dd h5 { margin-top: 20px; font-size: 12px; line-height: 26px; color: #fff; height: 210px; overflow: hidden; }
.productHot dl dd h6 { position: absolute; left: 40px; bottom: 40px; }
.productHot dl dd h6 a { display: inline-block; border: 1px solid #fff; border-radius: 3px; font-size: 12px; line-height: 24px; color: #fff; padding: 0 15px; }
.productHot dl dd h6 a:hover { color: #56a600; background-color: #fff; }
.page-product-list { padding-top: 10px; }
.page-product-list dl { width: 300px; margin: 15px 15px 0 0; float: left; }
.page-product-list dl:nth-child(3n) { margin-right: 0; }
.page-product-list dl dt { }
.page-product-list dl dt img { width: 290px; }
.page-product-list dl dd { padding-bottom: 10px; background-color: #fff; font-size: 14px; line-height: 40px; text-align: center; }

/* 产品详情 */
.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *display: block; *font-family: Arial; *line-height: 1; *font-size: 271px; }
.tb-pic img { vertical-align: middle; }
.tb-pic, .tb-pic a { height: 440px; width: 440px; }
.tb-pic, .tb-pic img { max-height: 440px; max-width: 440px; }
.tb-pic { border: 1px solid #e5e5e5; position: relative; z-index: 1; }
.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
.zoomMask { position: absolute; background: url(../images/mask.png); cursor: move; z-index: 999; }
.tb-picList { height: 62px; overflow: hidden; margin-top: 10px; position: relative; }
.tb-picList .prev, .tb-picList .next { position: absolute; top: 0px; display: inline-block; width: 20px; height: 62px; background-image: url(../images/propn.png); background-repeat: no-repeat; background-position: left top; -ms-transition-duration: 0s; transition-duration: 0s; z-index: 99; cursor: pointer; }
.tb-picList .prev { left: 0; background-position: left top; }
.tb-picList .next { right: 0; background-position: right top; }
.tb-picList .prev:hover { background-position: left bottom; }
.tb-picList .next:hover { background-position: right bottom; }
.tb-picList .tb-thumb { position: relative; width: 366px; height: 62px; margin: 0 auto; overflow: hidden; }
.tb-picList .tb-thumb ul { position: absolute; width: 999999px; display: table; }
.tb-picList .tb-thumb li { float: left; width: 76px; overflow: hidden; position: relative; }
.tb-picList .tb-thumb a { display: table-cell; width: 60px; border: 1px solid #dadada; text-align: center; background: #fff; height: 60px; vertical-align: middle; }
.tb-picList .tb-thumb img { max-width: 100%; cursor: pointer; }
.tb-picList .tb-thumb em { position: absolute; width: 58px; height: 58px; border: 2px solid #af2616; top: 0; left: 0; display: none; }
.tb-picList .tb-thumb .selected em { display: block; }
.productTop { padding: 25px 0; }
.productIntro { width: 460px; height: 442px; position: relative; }
.productIntro h2 { font-weight: 700; font-size: 18px; line-height: 20px; color: #333; padding-bottom: 15px; }
.descriptionBox { margin-top: 10px; }
.descriptionBox dl { padding: 20px 20px; background-color: #f8f8f8; }
.descriptionBox dl dt { font-weight: 700; font-size: 18px; line-height: 40px; color: #333; }
.descriptionBox dl dd { font-size: 14px; line-height: 28px; color: #555 }
.proInfoBo { position: absolute; left: 0; bottom: 0; right: 0; }
.proShare { padding-bottom: 20px; }
.hotLine { position: relative; padding: 0 0 20px 40px; background-image: url(../images/tel.png); background-repeat: no-repeat; background-position: left 2px; }
.hotLine p { font-size: 12px; line-height: 16px; color: #888; }
.hotLine h3 { font-size: 24px; line-height: 24px; color: #333; }
.productOrder { }
.productOrder a { display: inline-block; padding: 0 20px; text-align: center; font-size: 14px; line-height: 34px; color: #fff; border-radius: 0px; background: #e60; margin-right: 10px; }
.productOrder a:hover { background-color: #af2616; }

/* product-top end */
.productContentTitle { height: 40px; background-color: #f5f5f5; font-size: 16px; line-height: 40px; color: #333; padding-left: 0px; position: relative; border-top: 2px solid #af2616; }
.productContentTitle ul li { float: left; padding: 0 25px; cursor: pointer; }
.productContentTitle ul li.on { background-color: #af2616; color: #fff; }
.productText { font-size: 14px; line-height: 2em; padding: 15px 0 20px; }

/* faq */
.page-faq-content { padding: 30px 0 0px; }
.page-faq-list { position: relative; border: 1px solid #e5e5e5; margin-bottom: 15px; }
.page-faq-list.curr:before { content: ""; overflow: hidden; position: absolute; left: -1px; top: -1px; right: -1px; height: 2px; background-color: #af2616; }
.page-faq-list dt { padding-left: 50px; font-size: 16px; line-height: 50px; color: #333; position: relative; }
.page-faq-list dt em { position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background-color: #af2616; text-align: center; font-size: 12px; line-height: 20px; color: #fff; border-radius: 3px; }
.page-faq-list dd { padding: 0px 15px 15px 50px; font-size: 14px; line-height: 26px; display: none; }

/* job */
.page-job-content { padding-top: 25px; }
.page-job-list { border: 1px solid #e5e5e5; margin-bottom: 15px; }
.page-job-title { cursor: pointer; }
.page-job-title ul { background-color: #f8f8f8; }
.page-job-title ul li { width: 25%; float: left; font-size: 14px; line-height: 40px; }
.page-job-title ul li span { display: inline-block; padding: 0 5px 0 15px; font-weight: 700; color: #000; }
.page-job-co { padding: 0 0 15px; display: none; border-top: 1px solid #e5e5e5; }
.page-job-co dl { padding: 15px 15px 0; }
.page-job-co dl dt { font-weight: 700; font-size: 14px; line-height: 30px; color: #333; }
.page-job-co dl dd { font-size: 14px; line-height: 24px; }
.page-job-co h6 { padding: 15px 0 0 15px; }
.page-job-co h6 a.jobLink { display: inline-block; font-size: 14px; line-height: 30px; color: #fff; padding: 0 18px; background-color: #888; }
.page-job-co h6 a.jobLink:hover { background-color: #af2616 }

/* news */
.page-news { padding: 50px 0 100px; }
.page-news-hot { margin-top: 10px; position: relative; margin-right: -50px; }
.page-news-hot ul { float: left; width: 380px; margin-right: 30px; }
.page-news-hot dl { position: relative; overflow: hidden; height: 266px; }
.page-news-hot dl dt { height: 220px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; }
.page-news-hot dl dd { position: absolute; left: 0; right: 0; top: 180px; bottom: 0; background-image: url(../images/tm-b-8.png); background-position: left top; padding: 18px 20px 0; color: #fff; letter-spacing: 1px; }
.page-news-hot dl dd h3 { font-size: 16px; line-height: 30px; padding: 0px 0 0px; }
.page-news-hot dl dd h6 { font-size: 12px; line-height: 30px; color: #ddd; padding-bottom: 5px; }
.page-news-hot dl dd p { font-size: 12px; line-height: 20px; color: #ddd; }
.page-news-hot a:hover h3 { text-decoration: underline; }
.rightTop h2 { float: left; line-height: 60px; font-size: 22px; font-weight: bold; }
.page-news-list { position: relative; margin-top: 10px; }
.page-news-list dl { padding: 20px 0; border-bottom: 1px solid #e5e5e5; }
.page-news-list dl dt { float: left; width: 240px; position: relative; overflow: hidden; }
.page-news-list dl dt img { width: 230px; }
.page-news-list dl dd { float: left; width: 670px; height: 160px; position: relative; margin-left: 20px; }
.page-news-list dl dd h3 { font-size: 18px; line-height: 30px; color: #333; padding-top: 5px; }
.page-news-list dl dd h6 { font-size: 14px; line-height: 20px; padding: 3px 0 0px; color: #888; }
.page-news-list dl dd p { font-size: 12px; line-height: 22px; color: #888; padding-top: 10px; }
.page-news-list dl dd em { position: absolute; left: 0; bottom: 5px; display: inline-block; font-size: 12px; line-height: 16px; color: #666; text-transform: uppercase; padding-right: 10px; }
.page-news-list dl dd em:before { content: ""; position: absolute; right: 0px; top: 50%; width: 0px; height: 0px; margin-top: -3px; border: 3px solid transparent; border-left-color: #666; }
.page-news-list dl a:hover dd h3 { color: #af2616; text-decoration: underline; }
.page-news-list dl a:hover dd em { color: #af2616; }
.page-news-list dl a:hover dd em:before { border-left-color: #af2616; }
.page-solution-hot { padding-top: 30px; position: relative; }
.page-solution-hot dl { position: relative; width: 375px; height: 170px; float: left; margin-left: 20px; padding: 14px 19px; border: 1px solid #ddd; background-color: #f8f8f8; }
.page-solution-hot dl:nth-child(1) { margin-left: 0; }
.page-solution-hot dl dt { font-family: "Helvetica-Neue-76344c9ab17559"; font-size: 20px; line-height: 30px; color: #555; }
.page-solution-hot dl dd { }
.page-solution-hot dl dd h3 { font-weight: 700; font-size: 18px; line-height: 40px; color: #333; }
.page-solution-hot dl dd p { font-size: 14px; line-height: 24px; color: #888; }
.page-solution-hot dl a:hover dd h3 { color: #af2616; }
.page-solution-list { position: relative; padding-top: 15px; }
.page-solution-list dl { padding: 15px 0px; }
.page-solution-list dl dt { float: left; width: 340px; height: 240px; overflow: hidden; }
.page-solution-list dl dd { float: left; width: 550px; height: 200px; padding: 20px 20px 18px; background-color: #f6f6f6; position: relative; border-bottom: 2px solid #cdcdcd; }
.page-solution-list dl dd h3 { font-size: 18px; line-height: 30px; color: #333; }
.page-solution-list dl dd h5 { font-size: 14px; line-height: 30px; color: #333 }
.page-solution-list dl dd p { font-size: 12px; line-height: 24px; color: #666; padding-top: 4px; }
.page-solution-list dl dd h6 { position: absolute; left: 20px; bottom: 20px; }
.page-solution-list dl dd h6 span { display: inline-block; font-size: 12px; line-height: 24px; color: #fff; position: relative; padding: 0 12px; background-color: #ccc; border-radius: 3px; }
.page-solution-list dl a:hover dd h3 { color: #af2616; }
.page-solution-list dl a:hover dd h5 { color: #af2616; }
.page-solution-list dl a:hover dd h6 span { background-color: #af2616; color: #333; }
.page-solution-list dl a:hover dd { border-color: #af2616; }

/* news detail*/
.articleTop { text-align: center; border-bottom: 1px solid #ddd; padding: 30px 0 20px; margin-bottom: 20px; }
.articleTop h2 { font-size: 22px; line-height: 30px; color: #000; }
.articleTop p { font-size: 12px; line-height: 30px; color: #999; }
.articleTop span { display: inline-block; padding: 0 15px; }
.articleShow { margin-bottom: 20px; font-size: 14px; }

/* case */
.page-case { padding: 0px 0 0px; }
.page-case-list { margin-top: 10px; position: relative; margin-right: -50px; }
.page-case-list ul { float: left; width: 285px; margin: 20px 20px 0 0; overflow: hidden; }
.page-case-list ul:nth-child(4n) { margin-right: 0px; }
.page-case-list dl { background-color: #fff; position: relative; }
.page-case-list dl dt { position: relative; overflow: hidden; border: 1px solid #ddd; padding: 4px; }
.page-case-list dl dd { text-align: center; font-size: 16px; line-height: 30px; color: #333; padding: 5px 18px; background-color: #fafafa; transition-duration: 0.3s; height: 110px; }
.page-case-list dl dd h3 { font-size: 16px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-case-list dl dd p { font-size: 12px; line-height: 20px; color: #666; }
.page-case-list a:hover dl dt { border-color: #af2616 }
.page-case-list a:hover dl dd h3 { color: #af2616; }

/* pic-list */
.picList { position: relative; padding-top: 10px; }
.picList ul { float: left; overflow: hidden; }
.picList dl dt { position: relative; overflow: hidden; }
.picList dl dt img { width: 290px; height: 220px; }
.picList dl dd { text-align: center; font-size: 14px; line-height: 30px; color: #333; padding-top: 5px; }
.picList a:hover dl dt { border-color: #af2616 }
.picList a:hover dl dd { color: #af2616; }
.pic-one-list ul { width: 300px; margin: 15px 15px 0 0; }
.pic-one-list ul:nth-child(3n) { margin-right: 0px; }
.pic-honor-list ul { width: 300px; margin: 15px 15px 0 0; }
.pic-honor-list ul dl dt img { width: 290px; height: 220px; }
.pic-honor-list ul:nth-child(3n) { margin-right: 0px; }
.pic-hzhb-list { }
.pic-hzhb-list ul { width: 220px; margin: 15px 16px 0px 0; background-color: #fff; }
.pic-hzhb-list dl dt img { width: 210px; height: 115px; }
.pic-hzhb-list ul:nth-child(4n) { margin-right: 0px; }

/* pageCase */
.pageCase { }
.pageCase ul { float: left; overflow: hidden; width: 300px; margin: 0px 15px 15px 0; }
.pageCase ul:nth-child(3n) { margin-right: 0px; }
.pageCase dl { position: relative; }
.pageCase dl dt { position: relative; overflow: hidden; }
.pageCase dl dd { text-align: center; font-size: 14px; line-height: 40px; color: #333; padding: 0 15px; }
.pageCase a:hover dl dd { color: #af2616; }

/* 服务支持 */
.page-service { padding: 0px 0 20px; }
.serviceBox1 li { height: 300px; overflow: hidden; background: #f4f4f4; font-size: 14px; }
.serviceBox1 li img { width: 600px; height: 300px; }
.serviceBox1 li .font { height: 210px; padding-left: 50px; padding-top: 90px; width: 550px; position: relative; z-index: 10; }
.serviceBox1 li:nth-child(1) .font:before { content: ""; position: absolute; top: 165px; left: 50px; width: 60px; height: 3px; background-color: #af2616; }
.serviceBox1 li .font h3 { color: #af2616; font-size: 24px; font-weight: normal; padding-bottom: 20px; margin-bottom: 20px; }
.serviceBox1 li .font h3 span { display: block; font-size: 14px; font-family: Arial; color: #999; }
.serviceBox1 li.two .font { text-align: right; padding-left: 0; padding-right: 50px; }
.serviceBox1 li.two .font h3 { }
.serviceBox1 li.two .font:after { content: ""; position: absolute; top: 165px; right: 50px; width: 60px; height: 3px; background-color: #af2616; }

/* page-contact  */
.contactText { padding: 30px 0 30px; font-size: 14px; line-height: 2em; }

/* feedback*/
.foodback { padding: 50px 100px 50px 150px; background-color: #fff; margin-top: 20px; }
.foodback-text { font-size: 14px; line-height: 28px; color: #555; padding-top: 30px; }
.feedback-text span { color: #e00; }
.feedback-form dl.even { margin-right: 30px; }
.feedback-form dl.content { width: 100%; }
.feedback-form dl { position: relative; padding-left: 60px; margin-top: 20px; }
.feedback-form dl dt { font-size: 14px; line-height: 32px; color: #555; position: relative; padding-bottom: 5px; position: absolute; left: 0; top: 0; }
.feedback-form dl dt span { color: #e00; display: inline-block; padding: 0 5px; }
.feedback-form dl dd { }
.feedback-form dl dd input { width: 500px; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #ccc; font: 14px/30px "\5fae\8f6f\96c5\9ed1", sans-serif; }
.feedback-form dl dd textarea { height: 200px; width: 500px; padding: 10px; border: 1px solid #ccc; display: block; font: 14px/30px "\5fae\8f6f\96c5\9ed1", sans-serif; }
.feedback-btn { padding-left: 60px; }
.feedback-btn .btns { width: 120px; height: 40px; margin-right: 10px; background: #af2616; color: #fff; font: 14px/30px "\5fae\8f6f\96c5\9ed1", sans-serif; cursor: pointer; }
.feedback-btn .reset { background: #ccc; cursor: pointer; margin-bottom: 0; }
.feedback-code { height: 32px; padding: 20px 0 20px 60px; }
.feedback-code input { width: 150px; margin-right: 10px; color: #999; float: left; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #ccc; font: 14px/30px "\5fae\8f6f\96c5\9ed1", sans-serif; }
.feedback-code .checkcode { width: 50px; height: 22px; margin-left: 5px; border: 1px solid #ccc; padding: 4px 5px; display: block; float: left; background: #fff; }
#feedback_form input:focus, #feedback_form textarea:focus { border-color: #af2616; }
.feedback-btn input:hover { background-color: #af2616 }
;

/* site map */
#sitemap { padding: 40px 0 50px; }
.map-title { height: 60px; border-bottom: 2px solid #555; margin-top: 40px; }
.map-title ul { float: left; background-color: #555; padding: 0 20px; }
.map-title ul a { font-size: 16px; line-height: 60px; color: #fff; display: inline-block; padding: 0 20px; }
.map-title ul a:hover { text-decoration: underline; }
.map-location { font-size: 14px; line-height: 30px; padding: 20px 0; }
.map-content { padding-bottom: 50px; }
.map-content dl { padding: 15px 20px; border-top: 1px solid #ddd; background-image: url(../images/tm-w-1.png); }
.map-content dl dt { }
.map-content dl dt a { font-weight: 700; font-size: 16px; line-height: 30px; color: #333; }
.map-content dl dt a:hover { text-decoration: underline; color: #af2616; }
.map-content dl dd { padding-top: 5px; }
.map-content dl dd li { float: left; width: 20%; }
.map-content dl dd li a { font-size: 14px; line-height: 30px; position: relative; display: inline-block; padding-left: 12px; }
.map-content dl dd li a span { font-size: 12px; font-family: "\5b8b\4f53"; position: absolute; left: 0; top: 0; }
.map-content dl dd a:hover { text-decoration: underline; }
.map-content dl:nth-child(2n) { background-image: url(../images/tm-w-3.png); }

/* video */
.page-video-list { }
.page-video-list dl { float: left; width: 450px; margin-right: 20px; padding-bottom: 20px; }
.page-video-list dl:nth-child(2n) { margin-right: 0; }
.page-video-list dl dt { height: 323px; overflow: hidden }
.page-video-list dl dd { font-size: 14px; line-height: 40px; text-align: center; }
.videoDetail { background-color: #fff; padding: 20px 200px 50px; }
.relevantVideo { padding-top: 20px; }
.relevantVideo dl { float: left; width: 290px; margin-right: 13px; }
.relevantVideo dl:nth-child(4n) { margin-right: 0; }
.relevantVideo dl dt { height: 208px; overflow: hidden; }
.relevantVideo dl dd { font-size: 14px; line-height: 40px; text-align: center; }

/* picturePic */
.picturePic { background-color: #f5f5f5; padding: 20px; position: relative; }
.keyboardControl { width: 64px; height: 42px; background: url(../images/keyboardcontrol.png) no-repeat left top; position: absolute; left: 20px; bottom: 20px; z-index: 999; }
.pictureSwiper .swiper-slide { text-align: center; }
.pictureSwiper .swiper-slide img { max-width: 100%; }
.pictureText { font-size: 14px; line-height: 2em; padding: 20px 0 0; }

/* detail 详细页 */
.relevant { padding-top: 30px; }
.relevantPn { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.relevantPn p, .relevantPn p a { font-size: 14px; line-height: 40px; }
.relevantPn p { width: 50%; }
.relevantPn p a:hover { text-decoration: underline; }
.relevantTitle { background-color: #555; padding-left: 15px; font-size: 16px; line-height: 40px; color: #fff; }
.relevantContent { }
.relevantNews { border: 1px solid #ddd; border-top: none; padding: 10px 15px; }
.relevantNews li { line-height: 40px; width: 48%; float: left; border-top: 1px dotted #ddd; padding-right: 2%; }
.relevantNews li a { position: relative; display: block; padding-left: 10px; font-size: 14px; }
.relevantNews li a em { width: 4px; height: 7px; position: absolute; left: 0px; top: 50%; margin-top: -3px; background: url(../images/jiao-b-3.png) no-repeat right 50%; }
.relevantNews li span { float: right; font-size: 12px; color: #888; }
.relevantNews li a:hover { color: #af2616; margin-left: 5px; text-decoration: underline; }
.relevantNews li:nth-child(2n) { padding: 0 0 0 2%; }
.relevantNews li:nth-child(1), .relevantNews li:nth-child(2) { border: none; }

/* downloadList */
.downloadList { margin-top: 20px; }
.downloadList li { height: 60px; line-height: 60px; border-bottom: 1px solid #e5e5e5; position: relative; }
.downloadList h2 { float: left; background: url(../images/downloadbg.png) no-repeat 10px 50%; padding-left: 35px; font-size: 14px; color: #000; }
.downloadList a { position: absolute; top: 50%; margin-top: -15px; right: 10px; padding: 0 20px 0 40px; background-image: url(../images/downloadb.png); background-repeat: no-repeat; background-position: 20px 9px; background-size: 14px; background-color: #aaa; font-size: 14px; border-radius: 3px; line-height: 30px; color: #fff; }
.downloadList a:hover { background-color: #e60; }
.figureNav { }
.figureNavCo { float: left; margin-left: 8px; width: 293px; background-color: #efefef; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; position: relative; height: 230px; }
.figureNavCo:nth-child(1) { margin-left: 0; width: 595px; }
.figureNavCo:nth-child(1) dl dd p { width: 50%; float: left; }
.figureNav dl { padding: 15px 15px 20px 90px; position: relative; }
.figureNav dl em { width: 60px; height: 60px; position: absolute; left: 15px; top: 15px; background-color: #cecece; border-radius: 50%; background-repeat: no-repeat; background-position: left top; }
.figureNav dl dt { }
.figureNav dl dt a { font-weight: 700; font-size: 18px; line-height: 40px; color: #333; }
.figureNav dl dd { padding-top: 3px; }
.figureNav dl dd p { background: url(../images/jiao.png) no-repeat 0px 12px; }
.figureNav dl dd p a { font-size: 14px; line-height: 30px; display: block; background-color: #efefef; }
.figureNav dl dt a:hover { color: #af2616; }
.figureNav dl dd p a:hover { margin-left: 10px; color: #af2616; }
.figureNav dl:hover em { background-color: #af2616 }
.figureAD { padding: 30px 0 40px; }
.figureAD dl { width: 294px; float: left; margin-left: 8px; }
.figureAD dl:nth-child(1) { margin-left: 0; width: 596px; }
.figureAD dl dt { border: 2px solid #eeeeee; border-bottom: none; }
.figureAD dl dt img { width: 290px; height: 320px; }
.figureAD dl:nth-child(1) dt img { width: 592px; }
.figureAD dl dd { background-color: #eeeeee; text-align: center; font-size: 14px; line-height: 40px; color: #333; }
.figureAD dl a:hover dt { border-color: #af2616 }
.figureAD dl a:hover dd { background-color: #af2616; color: #fff; }
.figureAD dl:hover { border-color: #af2616; box-shadow: 0 0 10px 0 #ddd; }
.figureTitle { }
.figureTitle ul { height: 34px; background: url(../images/home-pro-top.png) repeat-x left top; border-radius: 34px; border: 1px solid #eee; }
.figureTitle ul li { float: left; width: 399px; text-align: center; font-size: 14px; line-height: 34px; color: #666; cursor: pointer; position: relative; border-radius: 34px; }
.figureTitle li.on { color: #fff; background-color: #af2616; }
.figureBox { margin-top: 10px; }
.figureList { }
.figureList .homeProductList { width: 290px; height: 305px; border: 2px solid #eee; position: relative; padding-bottom: 50px; float: left; margin: 8px 8px 0 0; }
.figureList .homeProductList:nth-child(3n) { margin-right: 8px; }
.figureList .homeProductList:nth-child(4n) { margin-right: 0; }
.figureList .homeProductList:hover { border-color: #af2616; box-shadow: 0 0 10px 0 #ddd; }
.figureList .homeProductList dl { }
.figureList .homeProductList dl dt { height: 213px; overflow: hidden; }
.figureList .homeProductList dl dd { border-top: 1px solid #eee; padding: 10px 15px 0 }
.figureList .homeProductList dl dd h3 { font-size: 14px; line-height: 30px; color: #333; text-align: center; }
.figureList .homeProductList dl a:hover dd h3 { color: #af2616 }
.figureList .homeProductList dl dd p { font-size: 12px; line-height: 20px; color: #888; }
.homeProductList ul { height: 26px; position: absolute; right: 15px; bottom: 15px; }
.homeProductList ul li { background-position: 50% 50%; background-repeat: no-repeat; width: 26px; height: 26px; background-color: #eee; border-radius: 3px; float: left; margin-left: 2px; cursor: pointer; position: relative; }
.homeProductList ul li:hover { background-color: #af2616 }
.homeProductList ul li a { display: block; height: 26px; }
.homeProductList ul li.qq { background-image: url(../images/zx-qq.png); }
.homeProductList ul li.ww { background-image: url(../images/zx-ww.png); }
.homeProductList ul li.wx { background-image: url(../images/zx-wx.png); }
.homeProductList ul li.wx span { background-color: #eee; display: inline-block; width: 100px; height: 100px; padding: 4px; position: absolute; top: -110px; left: -41px; border-radius: 3px; display: none; }
.content_des { width: 905px; border: 1px dotted #e5e5e5; text-indent: 24px; padding: 10px; margin: 0 0 20px 0px; }
.content_des p { font-size: 13px; color: #868686; line-height: 24px }
.area { width: 920px; height: auto; overflow: hidden; margin-bottom: 15px; }
.area ul li { float: left; margin-right: 28px }
.area ul li a { font-size: 14px; line-height: 28px; color: #5a5a5a }
.area ul li a:hover { color: #47cdff }
.xgxw { width: 920px; height: auto; overflow: hidden; margin-bottom: 15px; }
.xgxw ul li { float: left; display: inline; width: 48%; margin-right: 2%; line-height: 30px; }
.xgxw ul li span { float: right; color: #5a5a5a }
.linkbg { background: #121212; width: 100%; height: auto; overflow: hidden; padding: 15px 0 0; }
.link { width: 1200px; height: auto; margin: 0px auto 15px; overflow: hidden; }
.link span { height: 42px; color: #333; font-size: 14px; border: 1px solid #333; display: block; float: left; width: 115px; text-align: center; line-height: 42px; margin-left: 0px }
.link ul li { float: left; margin-left: 28px; line-height: 40px; }
.pagebar { padding: 20px; overflow: hidden; clear: both }
.pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; }
.pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height: 100% }
.pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; }
.pagination a:hover { color: #333; border: 1px solid #333; }
.pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; }
.pagination .st { font-family: 宋体 }
.text-secondary { text-align: center; padding: 20px 0 }