
/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, img{border:0px; margin:0px;}
ul{list-style:none;}
li{list-style:none; color:#333;}
body,td,th,select,input,textarea,ul,li,dl,dd,dt{font-size:14px;font-family:Helvetica,sans-serif!important; color:#333; margin:0px; padding:0px;} 
img{border:none; padding:0px; margin:0;display: block;}
a:link{color:#333;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none; color:#fc3829;}
html{height:100%; }
body{height:100%;line-height:22px;padding:0px; margin:0; background-color:#fff;}




.box{width:94%; height:auto; margin: auto;}
.flex{display:flex;display: -webkit-flex;}
.flex_sb{display:flex;display: -webkit-flex;justify-content: space-between;}


.header{ width:100%; height:auto; overflow:hidden; margin:auto; background-color:#fff;}
.headerL{ float:left; margin-left:3%;}
.headerL img{ padding:5px 0px;}
.headerR{ float:right; text-align:right;}
.headerR ul li { float:left; margin-left:70px; line-height:57px; height:57px;}
.headerR ul li a{ color:#333; font-size:16px;}
.headerR ul li a:hover{ color:#b80017;}
.headerR ul li a.tv{ color:#b80017;}


.headerR ul li.tt{ background-color:#b80017; color:#fff; cursor:pointer; padding:0 10px;}
.headerRs{ width:20px; height:auto; overflow:hidden; margin:auto; margin-top:9px; padding-left:10px;}
.headerRs dl dd{ width:100%; height:1px; background-color:#fff; margin-top:7px;}

.subb{ width:100%; height:100%; margin:auto; background-color:#fff; position:fixed; z-index:999; top:0; left:0; padding-top:70px; display:none;}
.subb ul li{ height:auto; line-height:70px; text-align:center; font-size:24px;}
.subb ul li i{ color:#333; font-size:40px; cursor:pointer;}
.subb ul li i:hover{ color:#b80017;}
.subb ul li a{ color:#333;}
.subb ul li a:hover{ color:#b80017;}
@font-face {
  font-family: 'njxcx01';  /* Project id 2665171 */
  src: url('../font/font_2665171_uq30cmb4a2.woff2') format('woff2'),
       url('../font/font_2665171_uq30cmb4a2.woff') format('woff'),
       url('../font/font_2665171_uq30cmb4a2.ttf') format('truetype');
}

.njxcx01 {
    font-family: "njxcx01" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
} 

.njban{ width:100%; height:100%; margin:auto; position:absolute; z-index:2; top:0; left:0;}
.njbanfd{ width:100%; height:100%;align-items: center;justify-content: center; }
.njbanfd h1{font-size:40px; color:#fff; line-height:40px; text-align:center;}
.njbanfd h1 p{ font-size:16px; text-transform:uppercase; padding:20px 0;}


.njtit{ height:auto; overflow:hidden; margin:auto; text-align:center; padding:40px 0; font-size:28px;}
.njtit span { display:block; font-size:16px; padding-top:15px; color:#666;}
.njtit span1 { display:block;margin:auto; text-align:center; width:30px; height:2px; background-color:#ff0000; margin-top:20px;}
.njtit p{ line-height:40px; font-size:16px; text-align:center; padding:20px 0; color:#666;}

.njcase{ width:100%; height:auto; overflow:hidden; margin:auto;}
.njcase ul li { width:23.3333%; height:535px; overflow:hidden; margin:auto; float:left; position:relative; box-sizing:border-box;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;}
.njcase ul li.tv{ width:30%;}
.njcase ul li.tv .njcasepic img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
 
.njcase ul li.tt{ width:23.3333%;}
.njcase ul li .njcasepic{ width:100%; height:100%; overflow:hidden; margin:auto;}
.njcase ul li .njcasepic img{ width:100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.njcase ul li.tv .njcasepit{opacity:1;height: auto;}
.njcase ul li .njcasepit{ width:100%; height:0px; overflow:hidden; margin:auto; position:absolute; z-index:2; bottom:0; left:0; background-color:#005bac; padding:15px; box-sizing:border-box; color:#fff;opacity: 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;}
.njcase ul li .njcasepitb{ width:100%; height:50px; overflow:hidden; line-height:25px;}
.njcase ul li .njcasepitbt{ height:40px; overflow:hidden; margin:auto; line-height:40px; border-top:1px solid #fff; margin-top:10px;}
.njcase ul li .njcasepitbtL{ float:left; font-size:18px; font-weight:bold;}
.njcase ul li .njcasepitbtR{ float: right; text-align:right;}


.njcase ul li:hover .njcasepit { height:120px;opacity: 1;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;}
.njcase ul li:hover .njcasepic img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}


.xjcase{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.xjcase ul li { float:left; height:auto; overflow:hidden; margin:auto; font-size:16px; line-height:45px; border-bottom:3px solid #fff; margin-right:4%; cursor:pointer;}
.xjcase ul li.tv{ font-size:28px;border-bottom:3px solid #fc6117;}

.xjcaseb{ width:100%; height:500px; overflow:hidden; margin:auto; padding-top:20px; position:relative; display:none;}
.xjcaseb.tv{ display:block;}
.xjcasebL{ width:475px; height:500px; overflow:hidden; margin:auto; float:left; border:8px solid #eeeeee; box-sizing:border-box; padding:40px 50px 30px 20px;}
.xjcasebLpic{ height:auto; overflow:hidden; margin:auto; text-align:center;}
.xjcasebLpic img{height: auto; display:inline; text-align:center;}
.xjcasebLpit{ height:125px; overflow:hidden; margin:auto; line-height:25px; text-align: justify; color:#929292; margin-top:30px;}
.xjcasebLpim{ width:125px; height:40px; line-height:40px; text-align:center; color:#fc6117; border:2px solid #fc6117; margin:auto; margin-top:40px;border-radius:5px; cursor:pointer;}

.xjcasebR{width: -webkit-calc(100% - 440px);width: -moz-calc(100% - 440px);width: calc(100% - 440px); float: right; position:absolute; z-index:2; top:50px; right:0; height:460px; overflow:hidden;}


.njnews{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.njnewsL{ float:left; width:300px; height:460px;align-items: center;}
.njnewsL h2{ font-size:26px; line-height:30px; font-weight:normal;}
.njnewsL h2 span{ display:block; font-size:18px; padding-top:10px;line-height:22px;}
.njnewsL h2 p{ font-size:14px; color:#666; line-height:22px;}
.njnewsL h2 span1{ display:block; float:left; height:35px; line-height:35px; padding:0 15px; text-align:center; background-color:#b90c1f; color:#fff; margin-top:25px; font-size:14px; cursor:pointer;}
.njnewsR{ float:right; height:460px;width: -webkit-calc(100% - 340px);width: -moz-calc(100% - 340px);width: calc(100% - 340px);}
.njnewsR ul li { width:33.333%; height:460px; overflow:hidden; margin:auto; float:left; border-left:1px solid #e7e7e7; padding:0 20px; box-sizing:border-box;}
.njnewsR ul li .da{ font-size:50px; line-height:50px; color:#dcdbdc;}
.njnewsR ul li .date{ font-size:16px; line-height:25px; margin-top:20px;}
.njnewsR ul li .tit{ height:30px; line-height:30px; overflow:hidden; font-size:16px; margin-top:5px;}
.njnewsR ul li .tit a{ color:#333;}
.njnewsR ul li .tit a:hover{ color:#b80017;}
.njnewsR ul li .pic{ width:100%; height:200px; overflow:hidden; margin:auto; margin-top:20px;}
.njnewsR ul li .pic img{ width:100%; height:auto;}
.njnewsR ul li .pid{ height:66px; overflow:hidden; text-align:justify; margin-top:10px; color:#656565;}
.njnewsR ul li .pib{ height:30px; line-height:30px;color:#656565;}


.contentfoot{ width:100%; height:auto; overflow:hidden; margin:auto; padding-top:30px; background-color:#272a3b; color:#fff;} 
.contentfootadd{ height:auto; overflow:hidden; margin:auto;} 
.contentfootaddL{ width:200px; float:left; height:auto; overflow:hidden; margin:auto;} 
.contentfootaddLt{ color:#fff; border-bottom:1px solid #43475b; line-height:35px; font-size:16px;} 
.contentfootaddLt i{ font-size:18px;}
.contentfootaddLtel{ font-size:24px; color:#fff; line-height:30px; padding:10px 0;}
.contentfootaddLbot{ width:100px; height:40px; line-height:40px; text-align:center; color:#fff; border:1px solid #43475b; margin:auto; float:left; margin-top:10px; cursor:pointer;}

@font-face {
  font-family: 'shweb14';  /* Project id 2588959 */
  src: url('../font/font_2588959_qxd9z3vdoy.woff2') format('woff2'),
       url('../font/font_2588959_qxd9z3vdoy.woff') format('woff'),
       url('../font/font_2588959_qxd9z3vdoy.ttf') format('truetype');
}
.shweb14 {
    font-family: "shweb14" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:-1px !important;
}  

.contentfootaddR{float: right; height:auto; overflow:hidden; margin:auto;width: -webkit-calc(100% - 260px);width: -moz-calc(100% - 260px);width: calc(100% - 260px);} 
.contentfootaddRt{ color:#fff; border-bottom:1px solid #43475b; line-height:35px; font-size:16px;} 
.contentfootaddRul{ width:100%; height:auto; overflow:hidden; margin:auto;}
.contentfootaddRul ul li { width:30%; height:auto; overflow:hidden; margin:auto; float:left; margin-right:5%; font-size:16px; color:#dd5614; line-height:40px; background:url(../image/addbg_1.png) no-repeat 35px top; margin-bottom:10px;}
.contentfootaddRul ul li:nth-child(3n){ margin-right:0;}
.contentfootaddRul ul li p{ line-height:22px; color:#fff; font-size:14px;}
.contentfootaddRul ul li:nth-child(1){ background:url(../image/addbg_5.png) no-repeat 35px 8px;}
.contentfootaddRul ul li:nth-child(2){ background:url(../image/addbg_1.png) no-repeat 35px top;}
.contentfootaddRul ul li:nth-child(3){ background:url(../image/addbg_2.png) no-repeat 35px top;}
.contentfootaddRul ul li:nth-child(4){ background:url(../image/addbg_3.png) no-repeat 35px 8px;}
.contentfootaddRul ul li:nth-child(5){ background:url(../image/addbg_4.png) no-repeat 35px top;}

.contlink{ height:auto; overflow:hidden; line-height:30px; margin:auto; padding:10px 0; border-top:1px solid #21222b; margin-top:20px; color:#57586d; word-spacing: 0.5em;}
.contlink a{ color:#a6a6a6}

.contcopy{ height:auto; overflow:hidden; margin:auto; text-align:center; color:#fff; padding:20px 0;background-color:#222533;}
.contcopy a { color:#fff; }

/*案例样式*/
.ncase{ width:100%; height:auto; overflow:hidden; margin:auto; position:relative;}
.ncase img{ width:100%; height:auto;}
.ncasefd{ width:100%; height:100%; margin: auto; position:absolute; z-index:2; top:0; left:0;justify-content: center;flex-direction: column;}
.ncasefd h2{ color:#fff; font-size:30px; line-height:30px;}
.ncasefd h2 p{ font-size:14px; padding:15px 0; font-weight:normal;}
.ncasefd h2 span{ display:block; float:left; padding:0 20px; text-align:center; background-color:#ff0000; color:#fff; line-height:35px; font-size:14px; font-weight:normal; margin-top:20px;border-radius:8px; cursor:pointer;}

.ncaseul{ width:100%; height:auto; overflow:hidden; margin:auto;}
.ncaseul ul li {width: 28%;
    height: auto;
    overflow: hidden;
    margin: auto;
    float: left;
    margin-right: 5%;
    margin-bottom: 50px;
    border: 1px solid #eee;
}
.ncaseul ul li:nth-child(3n){ margin-right:0px;}
.ncaseul ul li .ncaseulpic{ width:100%; height:auto; overflow:hidden; margin:auto;}
.ncaseul ul li .ncaseulpic img{ width:100%; height:auto;}
.ncaseul ul li .ncaseulpit{ height: 61px; line-height: 60px; margin: 0 10px;}
.ncaseul ul li .ncaseulpit .ncaseulpitL{ float:left;}
.ncaseul ul li .ncaseulpit .ncaseulpitR{ float: right; text-align:right;}

/*案例样式详情*/
.appnewsinfot{ width:100%; height:auto; overflow:hidden; margin:auto; padding:30px 0; color:#8e8e8e;}
.appnewsinfob{ width:100%; height:auto; overflow:hidden; margin:auto; margin-bottom:30px;}
.appnewsinfobL{ width: -webkit-calc(100% - 300px);width: -moz-calc(100% - 300px);width: calc(100% - 300px); float:left; border-right:1px solid #ccc;line-height:30px; text-align:justify; padding-right:20px; box-sizing:border-box;}
.appnewsinfobL * { font-size:16px !important; line-height:35px;}
.appnewsinfobL p { text-indent:2em; margin-bottom:15px;}
.appnewsinfobL p img{ padding:10px 0; max-width:90%; display:inline;}
.appnewsinfobL a { color: #156ba3 !important; text-decoration: underline !important;}

.time {
    text-align: right;
    color: #999;
    margin: 10px 0 20px 0;
    font-size: 14px !important;
}

.appnewsinfobR{ width:300px; float:right; padding-left:20px; box-sizing:border-box;}
.appnewsinfobRt{ font-size:16px; padding:0px 0 10px 0;}
.appnewsinfobRul{ width:100%; height:auto; overflow:hidden; margin:auto;}
.appnewsinfobRul ul li { float:left; height:30px; line-height:30px; overflow:hidden;  }
.appnewsinfobRul ul li a{ color:#333;}
.appnewsinfobRul ul li a:hover{ color:#ff0000;}
.appnewsinfobRbdl{ height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.appnewsinfobRbdl dl dt{ height:28px; line-height:28px; overflow:hidden; margin:auto; margin-bottom:10px; float:left; border:1px solid #ccc; padding:0 10px; box-sizing:border-box;border-radius: 20px;}
.appnewsinfobRbdl dl dt a{ color:#333;}
.appnewsinfobRbdl dl dt a:hover{ color:#ff0000;}



.newsinfot{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center; font-size:30px!important; padding-top:20px 0; line-height:50px; font-weight:bold; }

.appcaseinfot{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center; font-size:40px; padding-bottom:20px; line-height:50px; font-weight:bold; margin-bottom:30px;}
.appcaseinfoc{ width:92%; height:auto; overflow:hidden; margin:auto; padding:30px 0;}
.appcaseinfoc * { font-size:16px !important; line-height:35px;}
.appimg {width:550px; border:1px solid #eeee; height:auto; margin-right:20px; margin-bottom:10px;}
.appcaseinfoc img{ max-width:50%; height:auto; display:inline;}

/*新闻样式*/
.nnewsul{ width:85%; height:auto; overflow:hidden; margin:auto;}
.nnewsul ul li{ width:100%; height:auto; overflow:hidden; margin:auto; margin-bottom:15px; padding:15px 0; box-sizing:border-box; border-bottom:1px solid #ccc;} 
.nnewsul ul li .nnewsulL{ width:100px; height:auto; overflow:hidden; margin:auto; float:left; font-size:50px; color:#dcdbdc; line-height:50px;}
.nnewsul ul li .nnewsulL span{ display:block; font-size:16px; color:#333; line-height:22px;}

.nnewsul ul li .nnewsulR{width: -webkit-calc(100% - 100px);width: -moz-calc(100% - 100px);width: calc(100% - 100px); height:auto; overflow:hidden; margin:auto; float:right;}
.nnewsul ul li .nnewsulRt{ height:35px; line-height:35px; font-size:22px; text-align:justify;}
.nnewsul ul li .nnewsulRb{height:44px; line-height:22px; font-size:14px; text-align:justify; color:#8e8e8e;}
.nnewsul ul li .nnewsulRt a{ color:#333;}
.nnewsul ul li .nnewsulRt a:hover{ color:#ff0000;}

/*关于我们*/
.ser{ width:100%; height:auto; overflow:hidden; margin:auto; position:relative;}
.ser img{ width:100%; height:auto;}
.serfd{ width:100%; height:100%; margin:auto; position:absolute; z-index:2; top:0; left:0;justify-content: center;flex-direction: column; color:#fff; text-align:center;}
.serfd h1{ font-size:30px; line-height:30px; font-weight:normal;}
.serfd h1 p{ font-size:16px; margin-top:20px;}
.serfd h1 span{ display:block; width:100%; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
.serfd h1 span dl dd{ width:25%; height:auto; overflow:hidden; margin:auto; float:left; text-align:center; font-size:50px; color:#fff; line-height:50px; font-weight:bold;}
.serfd h1 span dl dd span1{ display:block; font-size:16px; line-height:30px; font-weight:normal; padding-top:10px;}

.serv{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:40px;}
.serv ul li { width:100%; height:auto; overflow:hidden; margin:auto; margin-bottom:40px;}
.serv ul li .servL{ float:left; width:48%; height:300px; overflow:hidden;}
.serv ul li .servL.tv{ float:right; margin-left:4%;}
.serv ul li .servL img{ width:100%; height:auto;}
.serv ul li .servR{ float:right; width:48%; height:300px; overflow:hidden; margin-left:4%;justify-content: center;flex-direction: column;}
.serv ul li .servR.tv{ float:left; margin-left:0px;}
.serv ul li .servR h1{ font-size:70px; line-height:70px; color:#dcdbdc; font-style:italic; font-weight:normal;}
.serv ul li .servR h1 span{ font-size:22px; color:#333; line-height:30px; display:block; font-style: normal; padding:20px 0;}
.serv ul li .servR h1 span e{ font-size:14px; color:#666666; text-transform:uppercase;}
.serv ul li .servR h1 p{font-size:14px; color:#666666; line-height:25px;font-style: normal;}

@media screen and (min-width:0px) and (max-width:1400px)
{
	.serv ul li .servL img{ height:100%; width:auto;}
	.njcase ul li{max-height:330px; overflow:hidden;}
}

/*联系我们*/
.contacnew{ width:100%; height:auto; overflow:hidden; margin:auto; background-color:#160c2e; min-height:200px; padding-top:40px;}
.contacnewt{ padding:40px 0 40px 0; font-size:28px; color:#fff; line-height:30px;}
.contacnewt p{ padding:10px 0; color:#fff;} 


.contactus{ height:auto; overflow:hidden; margin:auto; margin-bottom:20px; }
.contactus ul li { float:left; width:31.333%; margin-right:3%; box-sizing:border-box; margin-bottom:30px; background-color:#f2f2f2; padding:30px 30px; box-sizing:border-box; position:relative; height:165px; overflow:hidden;}
.contactus ul li:nth-child(3n){ margin-right:0;}
.contactus ul li .contactust{ height:50px; line-height:50px; overflow:hidden; margin:auto;}
.contactus ul li .contactust a:hover{text-decoration:none;}
.contactus ul li .contactust i{ font-size:35px; color:#333;}

@font-face {
  font-family: 'shweb08';  /* Project id 2582579 */
  src: url('../font/font_2582579_8c5wugpqcjg.woff2') format('woff2'),
       url('../font/font_2582579_8c5wugpqcjg.woff') format('woff'),
       url('../font/font_2582579_8c5wugpqcjg.ttf') format('truetype');
}
.shweb08 {
    font-family: "shweb08" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}

.contactus ul li .contactusb{ padding-top:10px;}
.contactus ul li .contactusb span{ display:block; font-size:20px; padding-top:5px;}
.contactus ul li .contactusb span.tv{ font-size:14px;}
.contactus ul li:hover{ background-color:#fc3829; color:#fff;}
.contactus ul li:hover i{ color:#fff;}

@font-face {
  font-family: 'shweb09';  /* Project id 2582618 */
  src: url('../font/font_2582618_7nxq8apzf6.woff2') format('woff2'),
       url('../font/font_2582618_7nxq8apzf6.woff') format('woff'),
       url('../font/font_2582618_7nxq8apzf6.ttf') format('truetype');
}

.shweb09 {
    font-family: "shweb09" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}


@font-face {
  font-family: 'shweb10';  /* Project id 2582628 */
  src: url('../font/font_2582628_2mfvdirl66v.woff2') format('woff2'),
       url('../font/font_2582628_2mfvdirl66v.woff') format('woff'),
       url('../font/font_2582628_2mfvdirl66v.ttf') format('truetype');
}


.shweb10 {
    font-family: "shweb10" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}

.contactus ul li .wxer{ position:absolute; z-index:2; top:30px; right:130px;}
.contactus ul li .wxer.tv{ right:20px;}
.contactus ul li .wxer img{ width:100px; height:auto;}

@font-face {
  font-family: 'shweb11';  /* Project id 2582643 */
  src: url('../font/font_2582643_qhf0i7sgig.woff2') format('woff2'),
       url('../font/font_2582643_qhf0i7sgig.woff') format('woff'),
       url('../font/font_2582643_qhf0i7sgig.ttf') format('truetype');
}

.shweb11 {
    font-family: "shweb11" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}
 
@font-face {
  font-family: 'shweb12';  /* Project id 2588922 */
  src: url('../font/font_2588922_tqfs4slpwxr.woff2') format('woff2'),
       url('../font/font_2588922_tqfs4slpwxr.woff') format('woff'),
       url('../font/font_2588922_tqfs4slpwxr.ttf') format('truetype');
} 
.shweb12 {
    font-family: "shweb12" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
} 
 
@font-face {
  font-family: 'shweb13';  /* Project id 2588940 */
  src: url('../font/font_2588940_tf4wqq901da.woff2') format('woff2'),
       url('../font/font_2588940_tf4wqq901da.woff') format('woff'),
       url('../font/font_2588940_tf4wqq901da.ttf') format('truetype');
}
 
.shweb13 {
    font-family: "shweb13" !important;
    font-style: normal; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align:0px !important;
}  


/*客服样式*/

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #e53244;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #e53244;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: #e53244;
}

@font-face {
    font-family: 'iconfont';  /* project id 1369449 */
    src: url('../font/font_1369449_rcixkf47c3q.eot');
    src: url('../font/font_1369449_rcixkf47c3q.eot') format('embedded-opentype'),
    url('../font/font_1369449_rcixkf47c3q.woff2') format('woff2'),
    url('../font/font_1369449_rcixkf47c3q.woff') format('woff'),
    url('../font/font_1369449_rcixkf47c3q.ttf') format('truetype'),
    url('../font/font_1369449_rcixkf47c3q.svg') format('svg');
}
.iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0px;-moz-osx-font-smoothing: grayscale;}

.slide_right{ width: 60px; height: 332px; position: fixed; right: 0px; top:50%;margin-top:-166px ; z-index:99}
.slide_right li{ width: 60px; height: 60px; margin-bottom: 1px; position: relative; font-size: 12px}
.s_tel{ width: 270px; position: absolute; left: 0; top: 0;}
.u_tel{ width: 210px; height: 60px; float: left; background: #e2070b; line-height:60px; text-align: center; font-size:24px; font-family: cursive; letter-spacing:1px; cursor:pointer; color:#fff; display: flex; justify-content: center; align-items: center;}
.slide_right li a{ display: block; width:60px; height: 50px; background: #f14702; color: #fff; transition: none; text-align: center; line-height: 22px; padding-top: 10px; float: left;}
.slide_right li:hover a{ background: #e2070b; text-align: center;}
.slide_right li a i{ display: block; margin: 0px auto; text-align: center; font-size: 28px;}

.slide_right li .s_side{ display: none; }
.slide_right li .hade{ display: block;}


.slide_right li.s_zixun {
    background-position: 0 0;
}

.slide_right li.s_zixun .ew_tel {
    width: 160px;
    text-align: center;
    padding: 15px;
    height: auto;
    float: left;
    background: #e2070b;
    left: -200px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    display: none;
}

.slide_right li.s_zixun .ew_tel img {
    width: 100%;
}

.slide_right li.s_zixun .ew_tel:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 20px;
    border-top: 10px solid transparent;
    border-left: 15px solid #e2070b;
    border-bottom: 10px solid transparent;
}

.slide_right li.s_zixun:hover .ew_tel {
    display: block;
}

.slide_right li.s_zixun .ew_tel p{ font-size: 12px; padding-top: 6px; color: #fff;}


@media (max-width:1600px) {
    .dh1 .nLi h3 a{ padding: 0px 10px;}
    .header .logo{ margin-top:25px;}
}

@media (max-width:1440px) {
    


    .bottom_l {
        width: 450px;
        margin-top: 60px;
    }
    .bottom_r{width: calc(100% - 450px);}


    .header .logo img {
        width: 200px;
        height: auto;
    }

    .head_seartch{ display: none;}


    .dh1 .nLi h3 a {
        padding: 0px 10px;
    }
    

}

/*客服样式结束*/


.serxj{ width:100%; height:auto; overflow:hidden; margin:auto;}
.serxj ul li { width:25%; height:auto; overflow:hidden; margin:auto; float:left; text-align:center;}
.serxj ul li .serxjpic{ width:100%; height:auto; overflow:hidden; margin:auto; padding:20px 0;}
.serxj ul li .serxjpic img{ height:100%; margin:auto;}
.serxj ul li .serxjb{ width:90%; height:auto; overflow:hidden; margin:auto; text-align:center;}
.serxj ul li .serxjb .serxjbt{ width:100%; height:150px; margin:auto; text-align:center; font-size:40px; color:#f6f6f6; position:relative;line-height: 40px;font-weight: bold;}
.serxj ul li .serxjb .serxjbt .serxjbtb{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center; position:absolute; z-index:2; top:18px; left:0; color:#333;}
.serxj ul li .serxjb .serxjbt .serxjbtb h3{ font-size:18px; font-weight:normal;}
.serxj ul li .serxjb .serxjbt .serxjbtb p{ font-size:16px; color:#666d74; line-height:25px; padding-top:10px; font-weight:normal;}

@media screen and (min-width:0px) and (max-width:799px)
{
.headerL img { height:35px;}
.headerR ul li{ height:45px;}
.headerR ul li{ display:none;}
.headerR ul li.tt { display:block;}
.njbanfd h1{ font-size:20px;}
.njbanfd h1 p{ font-size:14px; padding:10px 0; line-height:22px;}
.serxj ul li{ width:100%;}
.xjcasebL{ width:100%; height:auto;}
.xjcasebR{ width:100%; height:auto; display:none;}
.xjcaseb{ height:auto;}
.njnewsL{ width:100%; height:auto;}
.njnewsR{ width:100%; height:auto;}
.njnewsR ul li{ width:100%;}    
.contentfootaddL{ width:100%;}
.contentfootaddR{ width:100%; height:auto;}
.contentfootaddRul ul li{ width:100%;}
.ncasefd h2{ padding-top:10px; font-size:16px; line-height:22px;}
.ncasefd h2 p{ padding:0;}
.ncasefd h2 span{ margin-top:10px;}
.ncaseul ul li{ width:100%; height:auto;}
.nnewsul ul li .nnewsulRt{ overflow:hidden;}
.appnewsinfobL{ width:100%;}
.appnewsinfobR{ width:100%; padding-top: 20px; padding-left:0px;}
.njtit{ line-height:35px;}
.contactus ul li{ width:100%;}
.serv ul li .servL{ width:100%;}
.serv ul li .servR{ width:100%;}
}








/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333; margin-bottom:15px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0; font-family:Microsoft yahei; font-size:10px;margin-top:20px;margin-bottom:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #898989;background:#898989;}