@charset "UTF-8";
@import url(normalize.css);
/**
***basic***
**/
/**
***header***
**/
html,body{overflow-x: hidden;}
header { min-width: 1200px; /* menu hover*/}
header .hd { position: relative; height: 145px; width:1200px; }
header .hd .hd-link { position: absolute; right: -1px; top: 0; height: 48px;display: none; }
header .hd .hd-link .qq, header .hd .hd-link .weixin { float: left; width: 40px; height: 48px; display: inline-block; background: url(../images/qq-wechat.png) 0 center #ff9900 no-repeat; }
header .hd .hd-link .qq { background-position: 11px center; }
header .hd .hd-link .weixin { position: relative; background-position: -29px center; }
header .hd .hd-link .weixin .img { position: absolute; top: 48px; z-index: 10; width: 120px; height: 120px; right: 0; transform: scale(0); transition: all .3s ease; }
header .hd .hd-link .weixin .img img { width: 120px; height: 120px; }
header .hd .hd-link .weixin:hover .img { opacity: 1; transform: scale(1); }
header .hot-line { position: absolute; top: 20px; right: 0; height: 55px; padding-left: 70px; overflow: hidden; background: url(../images/top_tel.png) left center no-repeat; }
header .hot-line p { padding-top: 10px; color: #aaa; line-height: 12px; margin-bottom: 5px; }
header .hot-line strong { font-size: 22px; color: #000; }
header .logo { position: absolute; top: 20px; left: 0; }
header nav { position: absolute; bottom: 0; left: 0; right: 0;height: 48px; background-color: #ca000d; width: 1200px;margin-left:auto;margin-right:auto; }
header nav:after{top: 0;content: '';background-color: #ca000d; position: absolute;left: 50%;transform: translateX(-50%);height: 100%;width: 2700px;z-index: -1}

header nav > ul{display: flex;justify-content: center;}
header nav li { position: relative; }
header nav li a { display: block; text-align: center; padding: 0 42px; color: #fff; line-height: 48px; text-align: center; transition: 500ms;}
header nav li > a{border-right: 1px solid rgba(255,255,255,.2)}
header nav li ul { position: absolute; top: 48px; width: 100%; opacity: 0; background-color: #2b2b2b; color: #fff; transition: all .3s ease; visibility: hidden; z-index: 999; transform: translateY(-10%); }
header nav li ul a { padding: 0; }
header nav li ul ul { left: 100%; display: none;}
header nav li ul li { float: none; position: relative;border-bottom:1px solid rgba(255,255,255,.1)  }
header nav li ul li a { }
header nav li ul li ul { top: 0; }
header nav li.submenu3 ul { width: 200px; left: 0;  background-color: #2b2b2b; }
header nav li.submenu3 ul ul { width: 190px; left: 140px; top: 0; opacity: 0; visibility: hidden; }
header nav li.submenu3 ul ul ul { width: 220px; left: 190px; top: 0; opacity: 0; visibility: hidden; }
header nav li.submenu4 ul {   }
header nav li.submenu4 ul ul { width: 250px; left: 155px; top: 0; opacity: 0; visibility: hidden; }
header nav li.submenu4 ul ul ul { left: 210px; width: 200px; top: 0; opacity: 0; visibility: hidden; }
header nav li.submenu4 ul ul ul ul { left: 200px; width: 200px; top: 0; opacity: 0; visibility: hidden; }
header nav { /* one hover*/ /* two hover */ }
header nav > ul > li:hover > a { background-color: #000; color: #fff;  }
header nav > ul > li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); z-index: 99; }
header nav li li:hover > a { color: #ca000d; bottom: 0; }
header nav li li:hover ul { opacity: 1; visibility: visible; transform: translatex(0); z-index: 98; }
header nav li li li:hover ul { opacity: 1; visibility: visible; transform: translatex(0); z-index: 98; }
header .search { position: absolute; top: 40px; right: 0; width: 300px; height: 36px; line-height: 36px; border: 1px solid #aaa; background-color: #fff; }
header .search .search_keyword { width: 240px; padding: 0 10px; transition: all .3s ease; line-height: 36px; color: #aaa; }
header .search .search_btn { width: 34px; height: 34px; background: url(../images/icon_search.png) center no-repeat; text-indent: -9999px; padding: 0; }
header .search:hover { border: 1px solid #ca000d; }
header .search:hover .search_btn { cursor: pointer; background-color: url(../images/icon_search_on.png) #ca000d center no-repeat; }
.clearfix:before,.clearfix:after{content: '';clear: both;display: table;}
/**
***banner***
**/
.idxbanner .swiper-slide{text-align: center;}
.idxbanner{min-width: 1200px}
.idxbanner img{width: 100%;}

/**
***firendlink***
**/
.link { position: relative; margin-top: 85px; overflow: hidden; width: 1200px; padding: 0 28px; margin-left: -28px; margin-bottom: 100px; }
.link img { max-width: 100%; }
.link a { display: table-cell; vertical-align: middle; width: 174px; height: 71px; text-align: center; }
.link span { display: inline-block; position: absolute; top: 50%; margin-top: -25px; z-index: 9; width: 28px; height: 50px; cursor: pointer; border-radius: 3px; }
.link .linkNext { left: 0; background: url(../images/btn.png) left center #fff no-repeat; transition: all .3s ease; }
.link .linkNext:hover { background: url(../images/btn_on.png) left center #fff no-repeat; }
.link .linkPrev { right: 0; background: url(../images/btn.png) right center #fff no-repeat; transition: all .3s ease; }
.link .linkPrev:hover { background: url(../images/btn_on.png) right center #fff no-repeat; }

.friendlink p { float: left; display: table-cell; vertical-align: middle; width: 200px; height: 79px; overflow: hidden; margin-right: 10px; text-align: center; margin-bottom: 25px; }
.friendlink img { max-width: 100%; max-height: 79px; }

/**
***index about***
**/
.box1 { margin: 70px 0 0; overflow: hidden; }

.about-tit { margin-left: 48px; }

.titcn { position: relative; }
.titcn:before { content: ""; position: absolute; display: block; top: 22px; left: 164px; width: 320px; height: 1px; background: #000; }

.about-box { float: left; height: 255px; width: 559px; overflow: hidden; color: #555; }

.about-content { width: 519px; padding-right: 40px; }

.slimScrollBar { border-radius: 5px; }

/**
***new products***
**/
.newpro, .index-solve { width: 592px; height: 257px; float: right; position: relative; overflow: hidden; }
.newpro li, .index-solve li { width: 592px; height: 257px; position: relative; }
.newpro li a, .index-solve li a { transition: all .3s; width: 592px; height: 257px; display: inline-block; text-align: center; }
.newpro li a:hover, .index-solve li a:hover { transform: scale(1.02); }
.newpro li a h2, .index-solve li a h2 { font-size: 24px; padding: 0 20px; font-weight: normal; color: #fff; }
.newpro li span, .index-solve li span { width: 120px; height: 30px; line-height: 30px; display: inline-block; text-align: center; color: #ca000d; font-size: 16px; border-radius: 3px; background-color: #fff; }

.newpro li a h2 { line-height: 30px; margin-top: 75px; }
.newpro li span { margin-top: 30px; }

.index-solve li a { position: relative; }
.index-solve li a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.5); }
.index-solve li a h2 { line-height: 38px; margin-top: 55px; position: relative; z-index: 9; }
.index-solve li span { margin-top: 20px; position: relative; z-index: 9; }

.newprobtn, .index-solvebtn { position: absolute; bottom: 20px; width: 100%; text-align: center; z-index: 99; }
.newprobtn span, .index-solvebtn span { display: inline-block; width: 8px; height: 8px; border: 2px solid #fff; margin-right: 5px; border-radius: 8px; }
.newprobtn span.cur, .index-solvebtn span.cur { background-color: #fff; }

.promenu { width: 1201px; overflow: hidden; margin: 68px 0; }
.promenu li { position: relative; float: left; margin-left: 17px; width: 287px; height: 201px; transition: all .3s ease; overflow: hidden; }
.promenu li:first-child { margin-left: 0; }
.promenu li img { position: absolute; left: 0; top: 0; }
.promenu li:before { position: absolute; left: 0; top: 0; display: inline-block; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: all .3s ease; transform: translateY(0); }
.promenu li .text { color: #fff; position: absolute; z-index: 99; top: 75px; text-align: center; width: 100%; height: 56px; }
.promenu li .text h3 { font-size: 20px; line-height: 25px; margin-bottom: 10px; font-weight: normal; }
.promenu li:hover:before { transform: translateY(-100%); }
.promenu li:nth-child(5),.pro_submenu li:nth-child(5){visibility: hidden;display: none;}
.index-tit { border-left: 3px solid #de0000; padding-left: 30px; font-size: 18px; line-height: 20px; color: #000; margin-bottom: 40px; }

.index-news { width: 527px; overflow: hidden; float: left; }
.index-news .index-tit { margin-bottom: 20px; }
.index-news ul { padding-left: 32px; margin-bottom: 20px; overflow: hidden; width: 527px; }
.index-news ul p { font-size: 12px; color: #aaa; line-height: 12px; margin-bottom: 12px; }
.index-news ul li { border-bottom: 1px solid #ddd; padding: 20px; width: 512px; padding-left: 15px; transition: all .3s; }
.index-news ul li:hover { transform: translateX(10px); cursor: pointer; }
.index-news ul li:hover a { color: #de0000; }
.index-news ul a { display: inline-block; line-height: 14px; }
.index-news .more { color: #de0000; float: right; }

.pagemain { padding: 80px 0; overflow: hidden; min-height: 400px; }

.pagemain { padding-top: 37px; }

/**
***left menu***
**/
.left-menu-tit { height: 81px; padding-left: 25px; width: 195px; font-size: 20px; color: #fff; line-height: 81px; background: url(../images/menubg.jpg) center no-repeat; }

.leftmenu li { margin-bottom: 1px; }
.leftmenu li:last-child { margin-bottom: 0; }
.leftmenu li a { position: relative; display: inline-block; line-height: 1.6; background: #ebebeb; color: #777; }
.leftmenu li a span { position: absolute; right: 20px; top: 50%; margin-top: -9px; width: 18px; height: 18px; transition: all .5s ease; opacity: 0; visibility: hidden; }
.leftmenu li.on a, .leftmenu li:hover a { color: #333; background: url(../images/menu_btn.png) #fff 186px no-repeat; }
.leftmenu li.on a span, .leftmenu li:hover a span { opacity: 1; right: 15px; visibility: visible; }

.page-l { width: 220px; float: left; }

.page-l ul { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.page-l h2 { margin-left: 10px; }

.page-l ul li { position: relative; }

.page-l ul li { line-height: 45px; }

.page-l ul li a { display: block; font-size: 16px; color: #666; padding: 18.5px 35px 18.5px 25px; transition: all .2s; }

.page-l ul li ul { position: absolute; top: -1px; left: 220px; height: 0; display: none; background: #fff; }

.page-l ul li ul li { line-height: 28px; border-bottom: 0; text-align: center; }

.page-l ul li ul li:hover > a { color: #333; background: #fff !important; }

.page-l ul li ul li a { padding: 0; line-height: 62px; height: 62px; font-size: 14px; background: #ebebeb !important; }

.page-l li:hover ul { z-index: 999; width: 220px; display: block; height: auto; }

.page-l ul li ul li ul { height: 0; display: none !important; }

.page-l ul li ul li ul li a { background: #ebebeb !important; }

.page-l ul li ul li:hover ul { display: block !important; height: auto; }

.page-r { float: right; width: 911px; }

.position { margin-bottom: 42px; position: relative; overflow: hidden; padding: 20px 0; line-height: 29px; border-bottom: 1px solid #ebebeb; }
.position p, .position a { color: #999; }
.position a { margin: 0 20px; color: #999; }
.position .icon-home { margin-left: 13px; margin-right: 0; }
.position a:hover { color: #de0000; }

/* about page */
.con-70 img { padding-top: 90px; }

.con-69 > p:first-child { text-align: center; }

.con-t, .con-b { width: 873px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #ebebeb; }
.con-t h4, .con-b h4 { padding-bottom: 25px; font-size: 18px; font-weight: normal; }
.con-t p, .con-b p { padding-bottom: 16px; line-height: 1; }
.con-t div, .con-b div { position: relative; margin-top: 55px; overflow: hidden; }
.con-t div:after, .con-b div:after { z-index: -1; position: absolute; right: 20px; bottom: 50px; display: block; content: "01"; font-size: 80px; font-weight: bold; color: #ebebeb; }

.con-t { height: 288px; }
.con-t div { margin-top: 55px; padding-left: 27px; position: relative; height: 233px; }
.con-t .con-r:after { content: "02"; }

.con-l, .con-r { width: 382px; }

.con-b { height: 386px; }
.con-b .b { font-weight: bold; }
.con-b div { margin-top: 55px; padding-left: 27px; position: relative; height: 331px; }
.con-b .con-l:after { content: ""; }
.con-b .con-r { margin-top: 98px; height: 288px; }
.con-b .con-r:after { content: "03"; bottom: 70px; }

#dsj { overflow: hidden; }
#dsj ul { position: relative; padding: 54px 0 22px; }
#dsj ul:before { z-index: 9; position: absolute; top: 0; content: ""; left: 94px; margin-left: -6px; display: block; width: 12px; height: 7px; background: url(../images/dsj_top_icon.png) no-repeat; }
#dsj ul:after { z-index: 9; position: absolute; bottom: 0; content: ""; left: 94px; margin-left: -6px; display: block; width: 12px; height: 7px; background: url(../images/dsj_bottom_icon.png) no-repeat; }
#dsj ul li { line-height: 1; padding-bottom: 22px; }
#dsj ul li:after { position: absolute; display: block; top: 0; left: 93px; content: ""; width: 1px; height: 100%; background: #e2e2e2; }
#dsj ul h4 { position: relative; float: left; display: inline-block; width: 94px; vertical-align: top; font-size: 14px; font-weight: normal; text-align: center; color: #555; }
#dsj ul h4:before { z-index: 9; position: absolute; top: 50%; margin-top: -6px; right: -6px; content: ""; width: 10px; height: 10px; border: 1px solid #ca000d; border-radius: 50%; background: #fff; }
#dsj ul div { display: inline-block; padding-left: 32px; color: #555; }
#dsj ul div p { padding-bottom: 28px; }
#dsj p { line-height: 1; }

@media (min-width: 1441px) { #dsj h4:before { right: -5px !important; }
  #dsj ul:after { margin-left: -7px !important; } }
/**
***news list***
**/
.newslist { margin-bottom: 50px; }

.newslist li { position: relative; /* padding: 32px 20px; */ height: 120px; overflow: hidden; transition: all .5s; cursor: pointer; border-bottom: 1px solid #eee; }

.newslist .txt { position: absolute; width: 100%; top: 7px; left: 13px; overflow: hidden; transition: all .5s; }

.newslist2 .txt { top: 5px; }

.newslist .tit { margin: 14px 0 3px; font-size: 16px; font-weight: normal; color: #575757; transition: all .5s; margin-bottom: 10px; }

.newslist .date { position: absolute; right: 13px; top: 28px; font-size: 30px; font-family: 'AvantGardeITCbyBT-Book', "微软雅黑"; margin-bottom: 12px; padding-bottom: 12px; color: #999; transition: all .5s; }

.newslist .description { top: 80px; width: 500px; height: 45px; transition: all .5s; font-size: 13px; color: #999; line-height: 22px; }

.newslist li:hover .description, .newslist li:hover .tit { margin-left: 10px; }

.newslist li:hover .date, .newslist li:hover .tit { color: #333; }

.newslist li:hover .description { color: #666; }

/* detial */
#article .title { font-size: 20px; text-align: center; font-weight: normal; }

#article .date { color: #666; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px; }

#article img { max-width: 100%; }

.prenxt { margin: 30px 0 50px; position: relative; }

.prenxt a:hover { color: #de0000; }

.back { position: absolute; bottom: -40px; left: 50%; margin-left: -35px; display: inline-block; padding: 0 20px; line-height: 30px; height: 30px; background-color: #de0000; color: #fff; transition: all .5s ease; }

.prenxt a.back:hover { color: #fff; padding: 0 25px; }

table { width: 100%; border-collapse: collapse; }
table td { width: auto; padding: 0 5px; text-align: center; vertical-align: middle; border: 1px solid #ddd; border-collapse: collapse; }
table tr { border: 1px solid #ddd; border-collapse: collapse; }

.products-main .body table a { color: #de0000; }
.products-main .body table a:hover { text-decoration: underline; }

.body table { max-width: 100% !important; }
.body table a:hover { color: #de0000; }
.body table a.download { color: #de0000; }
.body table a.download:hover { text-decoration: underline; }
.body table tr p { line-height: 1.8; }
.body table tr td { padding: 5px; }
.body table tr td:first-child { white-space: nowrap; padding-left: 10px; padding-right: 10px; }
.body table tr td:first-child + td { white-space: nowrap; padding-left: 10px; padding-right: 10px; }

/**
*** products list ***
**/
/*产品分类*/
#pro { /* width: 858px; */ }

#pro .protit { margin-top: 12px; line-height: auto; }
#pro .protit span { font-size: 14px; line-height: 14px; display: block; color: #555; margin-bottom: 5px; }
#pro .protit .name { margin-top: 5px; width: 266px; overflow: hidden; height: 14px; }

#pro_index p:first-child { text-align: center; }

.pro_submenu { /* overflow: hidden; */ /* padding-top: 33px; */ }

.pro_submenu li { float: left; position: relative; margin: 0 10px 30px; width: 283px; height: 195px; overflow: hidden; transition: all .4s; }

.pro_submenu li a { display: block; width: 100%; height: 100%; }

.pro_submenu li .img { position: relative; width: 100%; height: 100%; text-align: center; background-color: #fff; }

.pro_submenu li .img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.pro_submenu li p { position: absolute; top: 50%; width: 88%; margin-top: -14.4px; padding: 0 6%; font-size: 18px; text-align: center; line-height: 1.6; color: #333; }

.pro_submenu .bg { background-color: transparent !important; }

.pro_submenu .icon { position: absolute; left: 357px; bottom: 27px; width: 37px; height: 37px; border-radius: 50%; background: #ca000d url(../images/prolist_icon.png) center center no-repeat; }

.pro_submenu.case_submenu li p { margin-top: -20px; }

.pro_submenu li p { color: #fff; z-index: 9; }

.pro_submenu li:before { position: absolute; left: 0; top: 0; display: inline-block; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2; transition: all .3s ease; transform: translateY(0); }

.pro_submenu li:hover:before { transform: translateY(-100%); }

.proIntroduce h3, .prodetial h3 { margin-bottom: 10px; font-size: 16px; font-weight: 800; text-transform: uppercase; }

.protop { overflow: hidden; margin-bottom: 50px; width: 100%; }

.bigImg { width: 486px; height: 325px; }

.bigImg a { width: 486px; height: 325px; text-align: center; display: table-cell; vertical-align: middle; }

.bigImg img { max-width: 466px; max-height: 305px; }

.protop .img { width: 486px; height: 87px; }

.protop .img li { width: 87px; height: 87px; margin-right: 2%; float: left; }

.protop .img li a { display: table-cell; width: 87px; height: 87px; text-align: center; vertical-align: middle; }

.protop .img img { max-width: 87px; max-height: 87px; }

.proimg { position: relative; width: 486px; float: left; }

.proimg .prev, .proimg .next { position: absolute; top: 50%; z-index: 10; margin-top: -17px; display: inline-block; width: 30px; height: 45px; background: url(../images/btn_on.png) no-repeat; transition: all .5s; }

.proimg .prev { left: 10px; background-position: 10px center; }

.proimg .next { right: 10px; background-position: -80px center; }

.proimg .prev:hover { background: url(../images/btn_hover.png) 5px center no-repeat rgba(0, 0, 0, 0.5); }

.proimg .next:hover { background: url(../images/btn_hover.png) -75px center no-repeat rgba(0, 0, 0, 0.5); }

.proIntroduce { float: right; width: 570px; }

.proIntroduce h2 { font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }

.pro_submenu .bg { position: absolute; z-index: 1; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0; }

.view { position: absolute; top: 50%; left: 50%; margin-top: -19px; margin-left: -88px; display: inline-block; width: 164px; height: 35px; border: 1px solid #de0000; border-radius: 5px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; color: #fff; text-align: center; line-height: 35px; background: url(../images/search.png) 20px center no-repeat; padding-left: 10px; }

.pro_submenu li a:hover .view { background: url(../images/search.png) 35px center no-repeat #de0000; }

.pro_submenu li a:hover .bg { opacity: 1; }

/* pro detial */
#pro_article1 .title { padding-bottom: 30px; font-size: 20px; font-weight: normal; text-indent: 0 !important; }
#pro_article1 #prod_title { padding-top: 80px; }

.body > p { text-indent: 2em; }

.pdfbook { text-align: center; }
.pdfbook a { display: inline-block; color: #fff; background-color: #de0000; padding: 8px 30px; border-radius: 50px; }

.pro-link-list { overflow: hidden; }

.pro-link-list li { position: relative; float: left; display: block; margin: 0 5px 15px; width: 293px; text-align: center; height: 200px; background: #f9f9f9; }

.pro-link-list li h4 { line-height: 200px; font-size: 16px; color: #666; }

.pro-link-list li p, .pro-link-list li em { position: absolute; left: 0; width: 100%; text-align: center; opacity: 0; font-style: normal; font-size: 16px; color: #fff; }
.pro-link-list li p a, .pro-link-list li em a { color: #fff; }

.pro-link-list li .bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background-color: #d7404a; transition: all .4s; }

.pro-link-list li p { top: 40%; margin-top: -14px; transition: all .5s; transform: translateY(30px); }

.pro-link-list li em { top: 55%; transition: all .5s; transform: translateY(10px); }

.pro-link-list li:hover .bg { height: 100%; }

.pro-link-list li:hover p { opacity: 1; transform: translateY(0); }

.pro-link-list li:hover em { opacity: 1; transform: translateY(0); }

.pro-article .art-tit { padding-bottom: 30px; font-size: 20px; text-align: center; }
.pro-article .pro-desci { border-bottom: 1px dotted #eee; padding-bottom: 35px; margin-bottom: 40px; }
.pro-article .pro-list li { margin-bottom: 40px; padding-bottom: 40px;border-bottom: 1px solid #eee;}
.pro-article .pro-list li h3 { font-size: 16px; font-weight: 600; }
.pro-article .pro-list li .pro-con { margin-top: 20px; }
.pro-article .pro-list li .table-link { display: inline-block; font-size: 16px; color: #de0000; margin: 20px 40px 0 0; cursor: pointer; text-decoration: underline; }
.pro-article .pro-list .table-con .jDialog-content { padding: 30px; width: 1000px; }
.pro-article .pro-list .table-con .jDialog-content .title, .pro-article .pro-list .table-con .jDialog-content h3 { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.pro-article .pro-list .table-con .jDialog-content a { color: #de0000; text-decoration: underline; }
.pro-article .pro-list .table-con .jDialog-content .table-bot { text-align: center; margin-top: 20px; font-size: 16px; font-weight: bold; }
.pro-article .pro-list .close { position: absolute; right: 10px; top: 10px; display: block; width: 30px; height: 30px; cursor: pointer; transition: all .3s; background: url(../images/close.png) center center no-repeat; }
.pro-article .pro-list .close:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); }
.pro-article .pro-list table tr td:first-child, .pro-article .pro-list table tr td:first-child + td { white-space: nowrap; padding-left: 10px; padding-right: 10px; }
.pro-article .pro-list table tr td { padding: 5px; }

/**
*** case list ***
**/
.caselist li { position: relative; float: left; width: 410px; height: 178px; margin-bottom: 20px; color: #fff; }
.caselist li:nth-child(2n) { margin-left: 10px; }
.caselist li:nth-child(2n+1) { margin-right: 10px; }
.caselist img { position: absolute; top: 0; left: 0; z-index: -1; width: 410px; height: 178px; }
.caselist h2 { position: relative; margin-top: 55px; font-size: 18px; font-weight: normal; line-height: 30px; color: #fff; }
.caselist h2:before { position: absolute; display: inline-block; content: ""; width: 50px; height: 2px; background: #fff; }

.case-article .case-ul li { margin-bottom: 40px; }
.case-article .case-ul li h3 { font-size: 16px; font-weight: 600; }
.case-article .case-ul li .pro-con { margin-top: 20px; }
.case-article .case-ul li .table-link { display: inline-block; font-size: 16px; color: #de0000; margin: 20px 40px 0 0; cursor: pointer; text-decoration: underline; }
.case-article .case-ul .table-con .jDialog-content { padding: 30px; width: 1000px; }
.case-article .case-ul .table-con .jDialog-content .title, .case-article .case-ul .table-con .jDialog-content h3 { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.case-article .case-ul .table-con .jDialog-content a { color: #de0000; text-decoration: underline; }
.case-article .case-ul .table-con .jDialog-content .table-bot { text-align: center; margin-top: 20px; font-size: 16px; font-weight: bold; }
.case-article .case-ul .close { position: absolute; right: 10px; top: 10px; display: block; width: 30px; height: 30px; cursor: pointer; transition: all .3s; background: url(../images/close.png) center center no-repeat; }
.case-article .case-ul .close:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); }
.case-article .case-ul table tr td:first-child, .case-article .case-ul table tr td:first-child + td { white-space: nowrap; padding-left: 10px; padding-right: 10px; }
.case-article .case-ul table tr td:first-child, .case-article .case-ul table tr td:first-child + td { white-space: nowrap; padding-left: 10px; padding-right: 10px; }
.case-article .case-ul table tr td { padding: 5px; }

/*hezuo parent*/
.casecontent { float: right; width: 100%; margin-top: -5px; }
.casecontent #w100 { width: 100%; }
.casecontent input { position: relative; width: 100%; line-height: 38px; border: none; border-bottom: 1px solid #dbdbdb; background-color: transparent; float: left; outline: none; }
.casecontent input:hover { border-bottom: 1px solid #de0000; }
.casecontent #name { float: left; }
.casecontent #tel, .casecontent #address { float: right; }
.casecontent textarea { background: transparent; width: 100%; height: 80px; border: none; border-bottom: 1px solid #dbdbdb; margin: 12px 0 20px; outline: none; }
.casecontent input.submit { width: 124px; height: 40px; line-height: 40px; background: #838383; color: #ddd; transition: all .3s; }
.casecontent input.submit:hover { background-color: #de0000; }
.casecontent .formInput { margin-bottom: 15px; width: 46%; float: left; overflow: hidden; position: relative; }
.casecontent .formInput:nth-child(2n+1) { float: right; }
/*.casecontent label { position: absolute; right: 0; top: 6px; font-weight: normal; font-size: 12px; color: red; }*/
.casecontent .textareaInput { overflow: hidden; clear: both; position: relative; }
/*.casecontent .textareaInput label { bottom: 20px; top: inherit; }*/
.casecontent #branched { width: 100%; }
.casecontent .submit:hover { cursor: pointer; color: #fff; }
.casecontent select { width: 100%; padding: 5px 0;border:1px solid #dbdbdb; }
.casecontent .select { margin-bottom: 20px; }
.casecontent p { float: left; line-height: 40px; }
.casecontent p input { width: 15px; margin: 14px 5px; }
.casecontent label{display: inline-block;margin-right: 20px;cursor: pointer;}
.casecontent label input{float: left;width: 20px;height: 14px;margin-top: 7px;}
/**
*** footer ***
**/
.footer { overflow: hidden; width: 100%; min-width: 1200px; background-color: #373737; font-size: 14px; color: #858585; }
.footer div { overflow: hidden; }
.footer ul { float: left; }
.footer ul.ft-pro li { width: 200px; }
.footer ul.ft-case li { width: 280px; }
.footer li { width: 180px; }
.footer li li { height: 32px; line-height: 32px; }
.footer li li:first-child, .footer li li.big-tit { color: #fff; }
.footer .foot-t { padding: 55px 0; }
.footer .foot-t > ul > li > a { display: inline-block; color: #fff; line-height: 36px; transition: all .3s ease; }
.footer .foot-t > ul > li > a:hover { color: #de0000; }
.footer .foot-t ul ul a { display: inline-block; color: #858585; transition: all .3s ease; }
.footer .foot-t ul ul a:hover { color: #de0000; }
.footer .foot-b { border-top: 1px solid #585858; overflow: hidden; padding: 30px 0; }
.footer .foot-b p { display: inline-block; }
.footer .foot-b p a { color: #858585; display: inline-block; height: 32px; }
.footer a.footer-epd:hover { color: #de0000; }

.map { margin-top: 30px; }

/*翻页-------------------------------------------------------------------*/
.paging { text-align: center; padding: 15px 0; margin-top: 30px; }

.paging li { display: inline-block; text-align: center; }

.paging li a { display: inline-block; color: #de0000; width: 35px; height: 35px; line-height: 35px; margin-right: 3px; font-size: 14px; border: 1px solid #eee; transition: all .5s; }

.paging li.thisclass a, .paging li:hover a { background: #de0000; color: #fff; }

.paging li a.i, .paging li.n a, .paging li a.e, .paging li.p a { text-indent: -9999px; }

.paging li a.i { background: url(../images/paging_btn.png) 6px center no-repeat; }

.paging li a.e { background: url(../images/paging_btn.png) -105px center no-repeat; }

.paging li.p a { background: url(../images/paging_btn.png) -30px center no-repeat; }

.paging li.n a { background: url(../images/paging_btn.png) -68px center no-repeat; }

.paging li:hover a.i { background: url(../images/paging_btn_hover.png) 6px center no-repeat #de0000; }

.paging li:hover a.e { background: url(../images/paging_btn_hover.png) -105px center no-repeat #de0000; }

.paging li.p:hover a { background: url(../images/paging_btn_hover.png) -30px center no-repeat #de0000; }

.paging li.n:hover a { background: url(../images/paging_btn_hover.png) -68px center no-repeat #de0000; }

.paging table { text-align: center; display: inline-block; }

.paging table td { color: #555; height: 28px; }

.paging td.info { padding-right: 15px; }

.paging td.p, .paging td.e a, .paging td.e, .paging td.i a, .paging td.n a { font-size: 0; line-height: 0; overflow: hidden; }

.paging td.p, .paging td.thisclass, .paging td.page, .paging td.n a, .paging td.e a, .paging td.i a, .paging td.e { border: 1px solid #eee; width: 28px; display: inline-block; margin-right: 5px; line-height: 28px; text-align: center; }

.paging td.thisclass a, .paging td:hover a { background: #de0000; color: #fff; }

.paging td.page a { display: block; }

.paging td.n, .paging td.e, .paging td.e a { width: 28px; }

.paging td.i a { border: 1px solid #eee; }

.paging td.i { background: url(../images/paging_btn.png) 6px center no-repeat; }

.paging td.e { background: url(../images/paging_btn.png) -105px center no-repeat; }

.paging td.p { background: url(../images/paging_btn.png) -30px center no-repeat; }

.paging td.n a { background: url(../images/paging_btn.png) -68px center no-repeat; }

.paging td.i:hover a { background: url(../images/paging_btn_hover.png) 6px center no-repeat #de0000; }

.paging td.e:hover a { background: url(../images/paging_btn_hover.png) -105px center no-repeat #de0000; }

.paging td.p:hover a { background: url(../images/paging_btn_hover.png) -30px center no-repeat #de0000; }

.paging td.n:hover a { background: url(../images/paging_btn_hover.png) -68px center no-repeat #de0000; }




 /*sildebar*/
/*固定侧边拦*/
.float-right-box {
    width: 60px;
    position: fixed;
    right: 0;
    top: 50%;    
    z-index: 1000;
    -webkit-transition: width 0.3s ease 0s;
    transition: width 0.3s ease 0s;
    box-shadow: 0 15px 25px rgb(0,0,0,0.1);
    background-color: #fff;
    transform: translateY(-50%);
  }


  
  .top-list li {
    margin: 0;
    padding:10px 0;
    position: relative;
    cursor: pointer;text-align: center; transition: 400ms;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }
  .top-list li:hover span{color: #fff;}
  
  .top-list a {
    display: block;
    color: #de0000;
  }



  /*
  .ib1{background-color: #2dbb00}
  .ib2{background-color: #00a8e8}
  .ib3{background-color: #11ae09}
  .ib4{background-color: #395693}
  */
  .top-list li:hover{background-color: #de0000}
  .top-list .iconfont{font-size: 23px;display: block;height: 50px;line-height: 50px;color: #de0000}
  
  .top-list .icon-qq{font-size: 18px}

  #wechat .img {
    position: absolute;
    right: 61px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 137px;
    height: 137px;
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 0;
 }
  
  #wechat .img img {
    width: 137px;
    height: 137px;
  }
  
  .float-right-box .top-list li:hover #wechat .img {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .top-list li > *{transition: 500ms;}
.top-list li .telc{width: 200px;padding:0 2em;position: absolute;opacity: 0;top: 0;right: -200px
;background-color: #de0000;color: #fff;box-sizing: border-box;line-height: 71px;height: 71px;
}
.top-list li:hover .telc{
opacity: 1;
right: 60px;
 }

  .float-right-box .top-list li.am-gotop {
    opacity: 0;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 0;
  }
  
  .float-right-box .top-list li.am-gotopon {
display: block;
    opacity: 1;
  }
  .ctcon{display: flex;}
  .ctcon .item{width: 50%;}
  .ctcon .item2{overflow: hidden;border-radius: 1rem;}
  .ctcon .item1{font-size: 16px;}
  .ctcon .item1 p{padding: 1rem 0}
  .ctcon .iconfont{display: inline-block;text-align: center;width: 40px;height: 40px;line-height: 40px;margin-right: 20px;font-size: 20px;border-radius: 5em;background-color: #de0000;color: #fff;}
  .ctcon .item2 a{display: block;}
  .ctcon img{width: 100%;height: 100%;object-fit: cover;}