@charset "utf-8";
/* CSS Document */
/*Reset*/
*{box-sizing:content-box;}
a:hover, a:focus{text-decoration:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
body{-webkit-text-size-adjust:none;}
fieldset,img{border:0;}
img{ vertical-align: top; max-width: 100%; }
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.clearfix:after{visibility:hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.cli{ clear:both; font-size:0; height:0; overflow:hidden;display:block;}
.lclear{clear:left;font-size:0;height:0;overflow:hidden;}	
.fl{float:left;}
.fr{float:right;}

/* ֹ
iframe{nifm2:expression(this.src='about:blank',this.outerHTML='');}
script{no2js:expression((this.src.toLowerCase().indexOf('http')==0)?document.close():'');}
*/
/* ıԼ˶
div{word-wrap: break-word;word-break: normal;}  
p{text-align:justify; text-justify:inter-ideograph;}
*/
/*general*/
a{text-decoration:none;}

html, body { width:100%;  margin:0; padding:0; margin: 0 auto;}
ul, li{list-style: none;}
h2{text-align: center;    padding: 20px;}
hr{width:100%}
.logo img {width:200px;}
.vidContain {min-width:100%; min-height:100%;position:relative;display:inline-block;margin:0px;height: 1048px;}
.vid {position: absolute; top: 0; left:0;width: 100%; height: 100%; z-index: -1;} 
.vid img{height:420px;width:100%}
video{width:100%;height:1048px;object-fit: cover;}
.content {position:absolute;top:0; left:0;color:white;width: 100%;} 
.logo{float: left;padding: 20px;}
.clear{clear: both;}
.simple li a{color:#FFF !important;}
.nh{height:420px !important;    min-height: auto !important;}
.bannertxt{width: 100%;text-align: center;    margin-top: 154px;}
.b12{margin-top: 14px;}
.bannertxt .b1{font-size: 66px;letter-spacing: 12px;}
.bannertxt .b2{font-size: 31px;margin-top: 5px;}
.bannertxt .b3{font-size: 28px;line-height: 100px;}
.bannertxt .b4{font-size: 25px;line-height: 60px;}
.bannertxt .b5{font-size: 14px;    margin-top: 15px;}
.bannertxt .b6{font-size: 14px;    margin-top: 5px;}
.bannertxt .b7{font-size: 14px;    margin-top: 5px;}
.h2txt{text-align: center;}
.service{margin: 20px;}
.service div{float:left;width: 25%;text-align: center;margin: 30px 0;}
.service div li img{width:100%;}
.servicetxt{line-height: 80px;font-weight:bold;font-size: 20px;}
.mainConList{margin: 20px;    text-align: center;}
.pic1{width:31.3333%;float:left;margin: 1%;box-shadow: 2px 2px 10px #909090;}
/*.pic1 dt{    height: 200px;}*/
.pic1 img{width:100%;    height: 100%;}
.pic1 .title{line-height: 50px;margin-left: 0px;    background-color: white;}
.case{background-color: #f5f5f5;padding: 30px 0 0 0;}
.customers{margin: 20px;}
.customers li{width:16.6666%;float:left;}
.customers li img{display:block;height:50px}

.customers .clear{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.customers h2{width:100%;margin-bottom:15px}
.customers .clear li{
    width: 15%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
}

.news{margin: 20px;height: 500px;}
.list li{width:48%;float:left;    height: 180px;margin-top: 20px;margin-left: 2%;}
.list li img {width:35%;height:180px;    float: left;}
.list li .nr{width: 63%;float: right;text-align: left;color: #666;    font-size: 12px;line-height: 26px;}
.list li .nr .bt{width: 100%;line-height: 25px;border-bottom: 1px dashed #ccc;font-size: 12px;}
.list li .nr .bt span{    font-weight: bold;font-size: 14px;color: #000;}
.mbx{background-color: rgb(246, 246, 246);line-height: 50px;box-shadow: 1px 1px 10px #909090;}
.mbx li{margin: 0 auto;width: 1200px;}
.zw{margin-top:30px;}
.danbody{width: 1200px;margin: 0 auto;}
.danbody ul{text-align: center;    width: 30%;float: left;margin: 1%;}
.listtxt{font-weight: bold;height: 40px;}
.article{width: 1200px;margin: 0 auto;}
.article h1{    text-align: center;}
.articlebq{    text-align: center;}
.articlebq span{padding: 0 20px;}
.articletxt{padding: 30px 0 30px 0;}
.articletxt img{text-align: center;width:60%;}
.article p{text-indent: 2em;}
.newslist{width: 1200px;    margin: 0 auto;}
.newslist ul{width: 100%;height:210px;background-color: #f3f3f3;    margin: 20px 0 20px 0;}
.newslist ul img{width: 250px;height:150px;float: left;    margin: 30px;}
.listtxt{padding-top: 30px;}
.listtxt h2{font-size: 16px;padding-top: 8px;text-align: left;}
.page{    width: 1200px;margin: 0 auto;}
.page li{float:left;margin: 0 5px;}
#dbnav{display:none;}


.footer{    padding-top: 40px;    width: 100%;height: 460px; background: url(/footer_bg.jpg) no-repeat center top; margin-top: 60px;}
.footer_left{/*width: 746px;*/float: left;}
.footer_right{float: right;/*width: 413px;*/}
.footer_left_ul{float:left; padding-right:60px;padding-left:60px;}
.footer_aqq_ul_tit{font-size:18px; color:#203143; padding-top:40px; padding-bottom:20px;}
.footer_aqq_ul_li li a{font-size:14px; color:#888888; line-height:24px;}
.footer_left_fgx{width:100%; border-bottom:1px #0A1F3B solid; margin-top:20px;}
.footer_left_text{font-size:16px; color:#0494ef; text-align:center; margin-top:30px;}
.footer_left_icon{margin-top:123px;}
.footer_left_icon span{float:left; margin-right:20px;}
.footer_right_ewm{margin-top:40px;}
.footer_right_ewm_li{float:left; padding-right:40px; text-align:center;}
.footer_right_ewm_li_img img{width:75px;}
.footer_right_ewm_li_text{font-size:14px; color:#4a4a4a; padding-top:10px;}
.footer_right_fgx{ border-bottom:1px #0A1F3B solid; margin-top:20px;}
.footer_right_xx{font-size:16px; color:#666666; line-height:30px; height:280px; overflow:hidden;}
.footer_bottom_right{text-align:right;}
.footer_bottom_right img{margin-right:-70px;}
.index_float{width:220px; height:333px; position:fixed; right:0; top:200px; z-index:999; background:url(../../../images/lg/float.png) no-repeat center top; display:none;}
.index_float_tit{font-size:24px; line-height:24px; color:#FFF; padding-left:40px; padding-top:10px;}
.index_float_qq{font-size:18px; line-height:24px; color:#FFF; padding-left:27px; padding-top:62px;}
.index_float_tel{font-size:18px; line-height:24px; color:#FFF; padding-left:27px; padding-top:62px;}
.index-nav{/*width: 100%;border-bottom: 1px solid #eeeeee;height: 50px;box-sizing: border-box;background:white;*/ float:right;}
.index-nav-frame{margin: 0 auto;}
.index-nav-frame-line{color: #FFF;float: left;position: relative;display: block;outline: none;cursor: pointer;width: 140px;line-height: 50px;text-align: center;font-weight: 700;    font-size: 20px;}
.index-nav-frame-line.active{color:#FFF;}

.index-nav-frame-line-center{opacity: 0;height: 0;position: absolute;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.index-nav-frame-line-li{width: 100%;font-weight: 500;text-align: center;background: white;color: #666666;}
.index-nav-frame-line-li:hover{background: #444359;color: white;}
.index-nav-frame-line-li:hover a{background: #444359;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}
.index-nav-frame-line  a{color: white; }
.index-nav-frame-line-li a {color:black;}
.nav-line{height: 50px;width: 100%;position: relative;/*display: none;*/outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
.jdc-side { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 300; width: 60px }
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 70px; background: url(../images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 70px; top: -65px; width: 138px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
.jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode.jpg) }
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 60px; height: 60px; color: #0989c5; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 5px; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}

.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}


.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #0989c5; background-color: #fff }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px; position: absolute; right: 70px; bottom: 0; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px }
.mod_hang_appeal_show li {
*zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 16px; color: #03004c; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent }
address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left; font-weight: 400 }
abbr, body, fieldset, html, iframe, img { border: 0 }
address, cite, dfn, em, i, var { font-style: normal }
[hidefocus], summary {
outline:0
}
li { list-style: none }
sub, sup { font-size: 83% }
code, kbd, pre, samp { font-family: inherit }
q:after, q:before { content: none }
textarea { overflow: auto; resize: none }
label, summary { cursor: default }
a, button { cursor: pointer }
b, em, h1, h2, h3, h4, h5, h6, strong { font-weight: 700 }
a, a:hover, del, ins, s, u { text-decoration: none }
body, button, input, keygen, legend, select, textarea { font: 14px/1.5 PingFangSC, 'helvetica neue', 'hiragino sans gb', 'Segoe UI', Calibri, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif; color: #333; outline: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
input[type=text] { -webkit-appearance: none; border-radius: 0 }

@font-face { font-family: jdcfont; src: url(../fonts/jdcfont.eot); src: url(../fonts/jdcfont.eot#iefix) format("embedded-opentype"), url(../fonts/jdcfont.woff) format("woff"), url(../fonts/jdcfont.ttf) format("truetype"), url(../fonts/jdcfont.svg#jdcfont) format("svg") }
.jdcfont { font-family: jdcfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode-en.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }

@media (max-width:800px) {
.index-nav-frame-line-li a{display: block;color: white;}
.nav-line{display: block;}
.nav-small{display: block;}
.nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;background-color: black;}
.nav-small:focus .nav-small-focus{display: block;}
.index-nav-frame{width: 100%;}
.index-nav-frame-line{width: 100%;height: 0;overflow: hidden;}
.index-nav-frame-line-center{position: relative;background: #444359;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
.index-nav-frame-line-li{border-bottom: 1px solid #4b4a5e;color: #d9d9d9;background: #444359;}
.index-nav-frame-line-li:hover{background: #b63b4d;}
.index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;}
.index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
.index-nav-frame-line:focus .index-nav-frame-line-header{color: #B63B4D;}
.index-nav-frame-line-focus{display: none;width: 100%;height: 50px;position: absolute;left: 0;top: 0;}
.index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}
.footer_left{width:100%;}
.footer_left_fgx{width:100%;}
.service div{    height: 300px;width: 50%;}
.pic1{width: 98%;}
.customers li{width: 33.3333%;}
.list li{    width: 100%;    margin-bottom: 20px;}
.bannertxt .b1{font-size: 46px;}
.bannertxt{    margin-top: 0px;}
.danbody{width:100%;}
video{height:500px;}
.logo img {width:100px;}
.vidContain{height:500px;}
.b5,.b6,.b7{display:none;}
.bannertxt .b4{font-size: 20px;}
.bannertxt .b2{font-size: 20px;}
.bannertxt .b3{font-size: 24px;}
.footer_left_ul{    padding: 0 20px;}
.mbx li{width:100%;}
.page{width:100%;     clear: both;}
.danbody ul{    width: 98%;}
.newslist{width:100%;}
.newslist ul{height: 290px;}
.newslist ul img{    width: 100%;    margin: 0px;}
.article{width:100%;}
.articlebq span{    padding: 0 5px;}
.vid img{height: 240px;}
.nh{    height: 240px !important;}
iframe{width:100%;height: 500px;}

#dbnav{    height: 50px;background:#31a781;position:fixed;bottom:0px; width:100%;display: block;}
#dbnav ul{display: flex;align-items: stretch;min-width: 320px;height: 100%;width:100%;}
#dbnav ul li{width:25%;float:left;flex: auto;height: 50px;
    position: relative;
    zoom: 1;}
#dbnav .u-a .ico{    position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/images/icowap.png) center .94rem / .5rem 3.76rem no-repeat;}
#dbnav .client-home .ico{background-position: center -1px;background-size: 30px;border-right: 1px solid #fff;box-shadow: 2px 0px 1px #888888;}

#dbnav .client-tel .ico{background-position: center -57px;background-size: 30px;border-right: 1px solid #fff;box-shadow: 2px 0px 1px #888888;}
#dbnav .client-qq .ico{background-position: center -114px;background-size: 30px;border-right: 1px solid #fff;box-shadow: 2px 0px 1px #888888;}
#dbnav .client-map .ico{background-position: center -171px;background-size: 30px;}
#dbnav .u-a{position: relative;display: block;height: 100%;}
.list li img{height: 100px;}
}