/* CSS Document */
html, body { height: 100%; }
body { max-width: 1920px; margin: 0 auto; padding: 0; font-family: 'Microsoft YaHei', Arial; padding-top: 134px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; }
a:focus, a:hover { color: #f71c1c; text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
img { border: 0; vertical-align: middle; max-width: 100%; border: none; margin: 0; }
svg:not(:root) { overflow: hidden; }
em, i { font-style: normal; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;word-break: break-all; }
td, th { padding: 0; }
table tr td{   border: 1px solid #666;}
html, button, input, select, textarea { font-family: "Microsoft YaHei"; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #666; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
li { list-style: none; }
ul, ol { list-style: none outside none; }
.fl { float: left; }
.fr { float: right; }
.left { float: left; }
.right { float: right; }
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.clear { clear: both; height: 0px; line-height: 0px; zoom: 1; }
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clearfix:after,
.clearfix:before { content: ""; display: table; clear: both; }
.clearfix:after { clear: both; zoom: 1; }
.rel { position: relative; }
.abs { position: absolute; }
.ov { overflow: hidden; }
input, textarea { font-family: "Microsoft yahei"; font-size: 0.14rem; color: #fff; border: none; outline: medium none; }
.wrapper { overflow: hidden; }
.container { margin: 0 auto; width: 1200px; }

/*�ֻ��˵���ť���Ч����ʽ*/
.menu-bar { position: absolute; display: none; right: 15px; top: 50%; margin-top: -12px; -webkit-transition: -webkit-transform .25s ease-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; -webkit-transition: top .25s ease-in-out; transition: transform .25s ease-out; transition: top .25s ease-in-out; }
.menu-bar .btn-menu { display: block; box-sizing: border-box; width: 30px; text-align: center; text-decoration: none; border-bottom: none; }
.menu-bar .btn-menu .menu-line { display: block; width: 30px; height: 3px; margin: 8px auto; border-radius: 2px; background-color: #0F6CB1; }
.menu-bar .btn-menu .menu-line.menu-line-top { margin-top: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-top { width: 36px; -webkit-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); -ms-transform: rotate(45deg) translate(-1px, -1px) scaleX(1); transform: rotate(45deg) translate(-1px, -1px) scaleX(1); background-color: #0F6CB1; }
.menu-bar .btn-menu .menu-line.menu-line-middle { -webkit-transition: opacity .25s ease-out, background-color .25s ease-out; transition: opacity .25s ease-out, background-color .25s ease-out; opacity: 1; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-middle { opacity: 0; }
.menu-bar .btn-menu .menu-line.menu-line-bottom { margin-bottom: 0; -webkit-transition: -webkit-transform .25s ease-out, background-color .25s ease-out; transition: transform .25s ease-out, background-color .25s ease-out; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; }
.menu-bar.is-open .btn-menu .menu-line.menu-line-bottom { width: 36px; -webkit-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); -ms-transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); transform: rotate(-45deg) translate(-2px, 1px) scaleX(1); background-color: #0F6CB1; }
/* Header ��ʽend */
#menuBox { display: none; }

/**** Header--style--begin ****/
#Header { width: 100%; z-index: 99; position: fixed; left: 0; top: 0; background: #fff; border-top: 3px solid #0F6CB1; height: 140px; }
#Header.active { box-shadow: 0px 0px 5px #888; }
.Header-top { padding: 10px 0; border-bottom: 1px solid #e5e5e5; height: 88px; }
.Header-main { position: relative; top: 0; left: 0; width: 100%; z-index: 99; }
#Header .tool { line-height: 40px; height: 40px; padding-top: 10px;}
#Header .tool li { float: right; }
#Header .tool .Language { position: relative; }
#Header .tool .Tit .iconfont { color:#0F6CB1; font-weight: 600; font-size: 18px; margin-right: 5px; display: inline-block; line-height: 40px; }
#Header .tool .Tit .icon-down { font-size: 12px; margin-left: 5px; color: #666; display: inline-block; line-height: 40px; }
#Header .tool .Tit span { font-size: 12px; color: #999; }
#Header .tool .Language ul { position: absolute; background: #fff; z-index: 100; top: 40px; right: 0; box-shadow: 0px 0px 5px #888; text-align: center; display: none; }
#Header .tool .Language ul li { float: none; text-align: center; border-bottom: 1px solid #f8f8f8; }
#Header .tool .Language ul li:last-child { border-bottom: none; }
#Header .tool .Language ul li a { padding: 0 20px; display: block; font-size: 14px; color: #666; line-height: 40px; }
#Header .search { position: relative; }
#Header .search .icon-search {display: none; font-size: 30px; color: #0F6CB1; line-height: 40px; text-align: center; padding: 0 20px; cursor: pointer; }
#Header .search #form_s { position: absolute; top: -10px; right: 15px; /*display: none;*/ width: 320px; padding: 10px; background: #fff; overflow: hidden; box-sizing: border-box; z-index: 100; /*box-shadow: 0px 0px 5px #888;*/ }
#Header .search #form_s input { border: 1px solid #999999; font-size: 12px; color: #333; line-height: 40px; height: 40px; padding: 0 5px; float: left; }
#Header .search #form_s input[name="KeyWord"] { width: 85%; }
#Header .search #form_s input[type="submit"] { width: 15%; border-left: none; background: url('../images/icon-s.png') no-repeat center center; background-size: 16px; }
/*#Header .call .call-tit { font-size: 12px; color: #999; line-height: 40px; margin-right: 10px; background: url('../images/pub-phone.jpg') no-repeat left center; padding-left: 25px; }
#Header .call .call-nun { font-size: 18px; color: #0F6CB1; line-height: 40px; font-weight: 600; }*/
#Header .nav { width: 100%; }
#Header .nav .nav-li { float: left; text-align: center; position: relative; width: 14%; }
#Header .nav .nav-li > a { padding: 0 20px; display: block; position: relative; transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
#Header .nav .nav-li > a abbr { font-size: 14px; color: #000; line-height: 50px; font-weight: 600; display: block; }
#Header .nav .nav-li > a .icon-home { font-weight: 500; font-size: 16px; margin-right: 10px; }
#Header .nav .nav-li > a .icon-down { font-size: 12px; color: #000; margin-left: 10px; }
#Header .nav .nav-li .nav-down { display: none; position: absolute; left: 0; top: 51px; width: 140%; z-index: 99; background: #fff; text-align: center; overflow: hidden; box-shadow: 1px 1px 5px #888; }
#Header .nav .nav-li .nav-down li { float: none; display: block; width: 100%; }
#Header .nav .nav-li .nav-down li a { font-size: 14px; line-height: 40px; color: #333; border-bottom: 1px solid #e4e6ea; display: block; }
#Header .nav .nav-li .nav-down li:last-child > a { border-bottom: none; }
#Header .nav .line { display: none; width: 0; height: 3px; background:#0F6CB1; position: absolute; bottom: 0; transition: 300ms; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; }
#Header .nav .line_1 { right: 50%; }
#Header .nav .line_2 { left: 50%; }

/**** Header--style--end   ****/
#Header .nav .nav-li #Pro-sub { position: fixed; top: 139px; left: 18.5%; width: 1200px; padding: 30px; }
#Header .nav .nav-li #Pro-sub li { float: left; width: 25%; }
#Header .nav .nav-li #Pro-sub dl { margin: 0 10px; text-align: left; }
#Header .nav .nav-li #Pro-sub dl dt { font-size: 14px; color: #000; font-weight: bold; }
#Header .nav .nav-li #Pro-sub dl dd a { border-bottom: none; font-size: 14px; color: #333; line-height: 40px; padding-left: 10px; }
#Header .nav .nav-li #Pro-sub dl dd > a { padding-left: 20px; background: url('../images/dit.png') no-repeat center left 10px; background-size: 5px; }
#Header .nav .nav-li #Pro-sub li.san-li { float: none; width: auto; padding-left: 20px; }
#Header .nav .nav-li #Pro-sub li.san-li a { line-height: 30px; }
#Header .nav .nav-li #Pro-sub li.san-li:hover > a { color: #0F6CB1; background: #fff; }

#Header .nav .nav-li .Pro-sub { position: fixed; top: 139px; left: 18.5%; width: 1200px; padding: 30px; }
#Header .nav .nav-li .Pro-sub li { float: left; width: 20%; }
#Header .nav .nav-li .Pro-sub dl { margin: 0 10px; text-align: left; }
#Header .nav .nav-li .Pro-sub dl dt { font-size: 14px; color: #000; font-weight: bold; }
#Header .nav .nav-li .Pro-sub dl dd a { border-bottom: none; font-size: 14px; color: #333; line-height: 40px; padding-left: 10px; }
#Header .nav .nav-li .Pro-sub dl dd > a { padding-left: 20px; background: url('../images/dit.png') no-repeat center left 10px; background-size: 5px; }
#Header .nav .nav-li .Pro-sub li.san-li { float: none; width: auto; padding-left: 20px; }
#Header .nav .nav-li .Pro-sub li.san-li a { line-height: 30px; }
#Header .nav .nav-li .Pro-sub li.san-li:hover > a { color: #0F6CB1; background: #fff; }

/**** Footer--style--begin ****/
#Footer { position: relative; background: #252525 url("../images/fotbg.jpg") no-repeat right center;
    background-size: auto 100%; }

.FotTop { padding: 50px 0; }
.FotTop .left { float: left; width: 70%; }
.FotTop .right { float: right; width: 23%; }
.Fot-nav li { float: left; width: 12%; }
.Fot-nav li:first-of-type{
    width: 26%;
}
.wx{
    display: none;
   
}
.Fot-nav li:nth-child(2) { width: 12%;}
.Fot-nav li:nth-child(3) { width: 19%;}
.Fot-nav dt a { color: #ffffff; font-size: 16px; line-height: 40px; }
.Fot-nav dd a { font-size: 14px; color: #bebebe; line-height: 30px; }
.Qcrod .Email { margin-bottom: 20px; }
.Qcrod .Email h4 { font-size: 14px; color: #fff; line-height: 40px; }
.Qcrod .Email h4 .iconfont { font-size: 24px; font-weight: 500; margin-right: 10px; position: relative; top: 3px; }
.Qcrod .Email span { font-size: 14px; color: #fff; line-height: 20px; display: block; font-weight: 500; }
.Qcrod .weixin p { font-size: 14px; color: #fff; line-height: 40px; }
.Qcrod .weixin .wx .img1 { margin-right: 30px; }
.Qcrod .call{margin-bottom: 20px}
.Qcrod .call .call-tit { display:block;font-size: 14px; color: #fff; line-height: 30px; margin-right: 10px; /*background: url('../images/pub-phone.jpg') no-repeat left center;*/ /*padding-left: 25px;*/ }
.Qcrod .call .call-nun { display:block;font-size: 14px; color: #fff; line-height: 30px; font-weight: 400; }
#Footer .Copyright { padding: 20px 0; background-image: url('../images/Copyrightbg.png'); text-align: center; }
#Footer .Copyright p { font-size: 14px; color: #929292; line-height: 20px; }
#Footer .Copyright a { font-size: 14px; color: #929292; line-height: 20px; display: inline-block; margin-left: 10px; }
/**** Footer--style--end   ****/

/*�Ҳ๫���ͷ������ʽbegin*/
#fixedTop { position: fixed; right: 20px; bottom: 6%; width: 46px; height: 46px; z-index: 999; cursor: pointer; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transform: translateY(300%); -moz-transform: translateY(300%); -webkit-transform: translateY(300%); }
#fixedTop.show { opacity: 1; filter: alpha(opacity=1); transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); }
/*�Ҳ๫���ͷ������ʽend*/
.CaseInfo .Detail-more p img {
   height: auto !important;
}


    #Header .nav .nav-li > a{
        padding: 0;
    }
    #Header .nav .nav-li{
        width: 12%;
    }

    #Biglist .pic img{
        width: 100%;
        max-width: unset;
        height: auto;
    }

@media (min-width: 1200px) {

    #Header .nav > ul { display: flex; display: -webkit-box; width: 100%; }
    #Header .nav .nav-li .nav-down li:hover > a { background: #0F6CB1; color: #fff; }
    #Header .nav .nav-li #Pro-sub dl dd:hover > a { color: #0F6CB1; }
    #Header .nav li:hover a abbr { color: #0F6CB1; }
    #Header .nav li:hover a .icon-down { color: #0F6CB1; }
    #Header .nav li.cur a abbr { color: #0F6CB1; }
    #Header .nav li.cur a .icon-down { color: #0F6CB1; }
    #Header .tool .Language ul li:hover a { background: #0F6CB1; color: #fff; }
    .Fot-nav dd a:hover { color: #0F6CB1; }
    #Footer .Copyright a:hover { color: #0F6CB1; }
}

@media (max-width: 1360px) {
    #Header .nav .nav-li .nav-down{
        width: 170%;
    }
    body { padding-top: 114px; }
    #Header { height: 114px; }
    .Header-top { padding: 0px 0; height: 60px; }
    .container { width: 1000px; }
    #Header .nav .nav-li #Pro-sub { width: 1000px; padding: 15px; }
    #Header .nav .nav-li #Pro-sub li.san-li a { font-size: 12px; }
    #fixedTop { width: 30px; height: 30px; right: 5px; }
    .FotTop .right { width:27%; }
    .logo img{ width:70%;  padding-top: 4px;}
#Header .nav .nav-li #Pro-sub{
    top: 114px;
}
}



@media (max-width: 1025px) {
    body { padding-top: 61px; }
    .container { padding: 0 15px; width: 100%; }
    .menu-bar { display: block; }
    #Header { border-top: 1px solid #0F6CB1; height: 61px; }
    #Header .logo { padding: 0; }
    #Header .tool { margin-right: 40px; }
    #Header .tool .search{ display: none;}
    #Header .tool .call{ display: none;}
    #Header .search .icon-search { padding: 0 15px; }
    #Header .Language .Tit span { padding: 10px 0; }
    #Header .Language ul { top: 60px; }
    #Header .nav { background: #fff; z-index: 999999999999 !important; display: none; position: fixed; background: #fff; left: 0; top: 60px; width: 100%; border-top: 1px solid #e3e3e3; overflow: scroll; height:auto; }
    #Header .nav > ul { overflow: scroll; padding-bottom: 100px; height: 100%; }
    #Header .nav .nav-li { float: none; width: 100%; position: relative; }
    #Header .nav .nav-li > a { padding: 0 10px; }
    #Header .nav .nav-li > a abbr { text-align: left; border-bottom: 1px solid #f1f1f1; font-size: 16px; color: #000; line-height: 50px; display: block; }
    #Header .nav .nav-li .Down { background:none !important; }
    #Header .nav .nav-li.cur .Down { background-image:none !important; color: #0F6CB1; }
    #Header .nav .nav-li .nav-down { display: none; text-align: left; width: auto; position: relative; top: auto; left: auto; padding-left: 20px; }
    #Header .nav .nav-li .nav-down li a { font-size: 14px; color: #333; line-height: 40px; border-bottom: 1px solid #f1f1f1; display: block; }
    #Header .nav .nav-li .nav-down li:hover a { color: #0F6CB1; }
    #Header .nav .nav-li #Pro-sub { position: relative; left: auto; top: auto; padding: 0; height: 170px;overflow: scroll;}
    #Header .nav .nav-li #Pro-sub li { float: left; width: 100%; }
    #Header .nav .nav-li #Pro-sub dl dd a { border-bottom: 1px solid #f1f1f1; margin-left: 10px; padding: 0; }
    #Header .nav .nav-li > a .icon-down { display: none; }
    #Header .nav .nav-li #Pro-sub dl dd > a { background: none; }
    #Header .nav .nav-li #Pro-sub dl dd { display: none; }
    .FotTop { padding: 20px 0; }
    .Qcrod .Email { margin-bottom: 10px; }
}

@media (max-width: 768px) {
	.Fot-nav li:nth-child(2) {
    width: 100%;
}
    .Fot-nav li:nth-child(3) {
        width: 100%;
    }
    #Footer { background: #252525; }
    .FotTop .left { width: 100%; }
    .FotTop .right { width: 100%; text-align: center; }
    .Fot-nav li { float: none; width: 100%; }
    .Fot-nav dt { border-bottom: 1px solid #bababa; padding: 0 5px; position: relative; }
    .Fot-nav dt .icon { position: absolute; right: 5px; top: 10px; width: 30px; height: 30px; background: url('../images/icon_hide.png')no-repeat center center; cursor: pointer; }
    .Fot-nav dt a { line-height: 50px; }
    .Fot-nav dd { display: none; }
    .Fot-nav dd a { line-height: 40px; padding-left: 15px; }
    .Fot-nav li.cur dt .icon { background-image: url('../images/icon_show.png'); }
    .Qcrod .Email { margin-bottom: 0; margin-top: 5px; }
    .Qcrod .Email span { display: inline-block; line-height: 40px; margin-left: 5px; }
}

@media (max-width: 640px) {
    .Qcrod .Email h4 { line-height: 30px; }
    .Qcrod .Email span { line-height: 30px; }
    .CaseInfo .Detail-more p img {
    	width: 90% !important;
   height: auto !important;
}
}

@media (max-width: 480px) {
    .container { padding: 0 10px; }
    #Header .tool a .name { display: none; }
}


@media (max-width: 420px) {
    #Footer .Picture { padding: 10px; }
    #Footer .QRCode .Intro { display: none; }
    #Footer .f-nav li a { font-size: 12px; }
    #Footer .Copyright p { font-size: 12px; }
    
}
@media screen and (max-width:380px) {
	

}
@media (max-width: 380px) {
	
    #Header .left { width: 50%; }
    .logo img {
        width: 100%;
        padding-top: 17px;
    }
    #Header .right { width: 40%; }
    #Footer .Contact p { font-size: 12px; line-height: 30px; }
.Honor li {
    width: 100%;
    float: left;
}
#Header .tool .Language {
    position: relative;
    width: 100px !important;
} 
}

@media (max-width: 321px) {
    #Footer .f-nav li a { font-size: 12px; margin: 0 5px; }
    #Header .tool .Language {
    position: relative;
    width: 100px !important;
}
}

.map_Conlist{position: relative;width: 100%;height: 400px;background-color: #999;z-index: 9;}
.zudodfh{position: fixed; right: 0px; top: 30%;z-index: 99999999999999999999999999;
    transform: translate(0%, -50%);
    -ms-transform:translate(0%, -50%);
    -moz-transform:translate(0%, -50%);
    -webkit-transform:translate(0%, -50%);
    -o-transform:translate(0%, -50%);

}
.zudodfh_x span{display:block; width:25px;height: 25px; background-size: 100% 100%; margin: 5px auto; }
.zudodfh_x{transition: all 0.6s;
    -webkit-transition: all 0.6s;position: relative; background-color: #fff; padding: 8px 8px; margin: 3px 0px;cursor: pointer;}
.zudodfh_x.zudodfh_x1 span{background-image: url(../images/sdhia1s.png);}
.zudodfh_x.zudodfh_x2 span{background-image: url(../images/sdhia3s.png);}
.zudodfh_x.zudodcolor1{ background-color: #0f6cb1;}
.zudodfh_x.zudodcolor2{ background-color: #0f6cb1;}
.zudodfh_x.zudodcolor3{ background-color: #0f6cb1;}
.zudodfh_x.zudodcolor4{ background-color: #0f6cb1;}
.zudodfh_x.zudodfh_x1 span{background-image: url(../images/sdhia1s2.png);}
.zudodfh_x.zudodfh_x2 span{background-image: url(../images/sdhia1s2.png);}
.zudodfh_x25 span{background-image: url(../images/sdhia2s.png);}
.zudodfh_x25 span{background-image: url(../images/sdhia1s2.png);}
.zudodfh_x p, .zudodfh_x a{ color: #000; font-size: 12px;}
.zudodfh_x:hover{ border: none;}
.zudodfh_x p, .zudodfh_x a{ color: #fff; }
.zudodfh_xdh{position:absolute; height: 51px;width: 100%; background-color: #0f6cb1; color: #fff;z-index: -1;
    line-height:51px; padding: 0px 25px;top: 0px; right: -50px;overflow: hidden;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.zudodfh_x.zudodcolor3 .zudodfh_xdh{ background-color: #599EF1;}
.zudodfh_x.zudodcolor4 .zudodfh_xdh{ background-color: #6D5AF1;}

.zudodfh_x:hover .zudodfh_xdh{right: 100%;width: auto;white-space:nowrap;}
@media screen and (max-width:990px) {
    .zudodfh{right: 0px;}
    .zudodfh_x {
        padding: 5px 9px;
        margin: 3px 0px;
        cursor: pointer;
    }
    .zudodfh_x span {
        width: 25px;
        height: 25px;
        margin: 5px auto;
    }
    .zudodfh_x p, .zudodfh_x a {
        font-size: 12px;
    }

    .zudodfh_xdh{line-height: 66px; height: 66px;}
}

@media screen and (max-width: 768px){
    .zudodfh{display: none}
}
@media screen and (max-width:414px) {
    .zudodfh {
        right: 0px;
        top: 45%;
    }
    .zudodfh_x {
        padding: 5px;
        cursor: pointer;
    }
    .jsdiizbanner{width: 90%;}
    .jsdiizbanner p {
        font-size: 14px;
        line-height: 25px;
    }
}
.wxerm{position: absolute; right: 120%; top: -5px;height:100px;width: 100px; display: none;}
.wxerm img{ width: 100%;}
.zudodfh_x25:hover .wxerm{display: block;}