@charset "gb2312"; /* CSS Document */ html { -webkit-tap-highlight-color: transparent;height: 100%; font-size: 312.5%; background-color: #ebebeb; margin: 0 auto; padding: 0 } body{max-width:640px;min-width:280px;background:#ebebeb;margin:0 auto;position: relative;overflow-x: hidden;width:100%;font-size: .24rem;line-height: 1.5;color: #333;font-family: arial, Microsoft Yahei;} h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0;} ins{font-size: 12px; line-height:15px;} ins.lxb-cb-input-tip-content{font-size: 12px; line-height:15px; } table { border-collapse: collapse; border-spacing: 0 } img { display:block;border: 0 ;} .clear{clear:both;height:0px;} .clearflx::after{content:".";display:block;height:0;clear:both;visibility:hidden;} .flex {display: flex;flex-wrap: wrap;justify-content: space-between;} h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul, ol, li { list-style: none; } .re{position:relative} .ab{position:absolute} .FloatL{float:left !important;} .FloatR{float:right !important;} .h_10px{height:.1rem; clear: both; overflow: hidden; font-size: 0 } .h_20px {height:.2rem; clear: both; overflow: hidden; font-size: 0 } .h_30px {height:.3rem; clear: both; overflow: hidden; font-size: 0 } .h_40px {height:.4rem; clear: both; overflow: hidden; font-size: 0 } .h_50px {height:.5rem; clear: both; overflow: hidden; font-size: 0 } .h_5px {height:.09rem; clear: both; overflow: hidden; font-size: 0 } a {text-decoration: none;color:inherit} @-webkit-keyframes rotate { from {-webkit-transform:rotate(0deg);}to { -webkit-transform: rotate(360deg); }} @keyframes rotate { from {-webkit-transform:rotate(0deg);}to { -webkit-transform: rotate(360deg); }} @media screen and (min-width:320px) {html { font-size: 312%; }} @media screen and (min-width:400px) {html { font-size: 391%; }} @media screen and (min-width:480px) {html { font-size: 469%; }} @media screen and (min-width:560px) {html { font-size: 547%; }} @media screen and (min-width:640px) {html { font-size: 625%; }} /*logo*/ #SY_Logo,#Sy_ZQ,#SY_Zytj,.SY_Kc,.Sy_news_con,.SY_Video,#Footer_Bm,#SY_Footer{background:#fff;padding:2% 3%;} #SY_Logo .tel b{display: block;width: .5rem;height: .5rem;background: url(http://m.xdfxdxy.com/image/SY_menu.png) no-repeat center;background-position-x: center;background-position-y: center; background-size: auto;background-size: 450%;background-position: -.6rem -.6rem;float: right;margin-top:3%;} /*顶é?logo=============================2019.12.15*/ #Home-BottomEnroll,#Home-BottomEnroll form,#Home-Footer{background: #fff;padding:2%;} #Home-Logo{width:100%;background: #fff;height:.6rem;padding:1.5% 0;z-index: 1000;} #Home-Logo>a{float:right;margin-right: 3%;margin-top:.14rem;width:.35rem;height:.35rem;background: url(../image/home-menu.png) no-repeat left -1.1rem top -.89rem;background-size:900%;} #Home-Logo>img{display: block;width:3.8rem;height: .45rem;margin-top: .06rem;} .Home-LogoOn{background:#fff !important;height: 100% !important;} #Home-Logo .Logo-Menu{width:.45rem;height:.42rem;float: left;margin:.08rem 0 0 .2rem;position: relative;} #Home-Logo .Logo-Menu span{display: block;width:.45rem;height: .04rem;border-radius: .3rem;background: #b57300;margin-top:.1rem;-webkit-transition: -webkit-transform .6s,opacity .4s;-moz-transition: transform .6s,opacity .4s;transition: transform .6s,opacity .4s;transform-origin: center center;-moz-transform-origin: center center;-webkit-transform-origin: center center;} #Home-Logo .Logo-Main{width:100%;display: none;padding:3% 7% 5%;box-sizing: border-box;position: absolute;top:.6rem;left:0;background: #fff;z-index: 999;} #Home-Logo .Logo-Main li{font:.3rem/.8rem "΢ÈíÑźÚ";color:#333;border-bottom: #333 solid 1px;} #Home-Logo .Logo-Main li:last-child{font-weight: bold;} #Home-Logo .Logo-MenuOn span:nth-of-type(2){opacity: 0;} #Home-Logo .Logo-MenuOn span:nth-of-type(1){transform: rotate(45deg);position: absolute;left:.0rem;top:.1rem;} #Home-Logo .Logo-MenuOn span:nth-of-type(3){transform: rotate(-45deg);position: absolute;left:.0rem;top:.1rem;} .no-scroll {overflow: hidden !important;height: 100% !important;} /* è½????¾ç? å¹»ç???*/ .owl-demo .item { position: relative; display: block; } .owl-demo img { display: block; width: 100%; } .owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background-color: #000; opacity: .5; filter: alpha(opacity=50); } .owl-demo span { position: absolute; left: 5px; bottom: 0px; font: 16px/32px "΢ÈíÑźÚ"; color: #fff; text-align: center; } .owl-pagination { position: absolute; right: 10px;bottom:2px;height:.22rem; text-align: center; } .owl-page { float:left; width: 8px; height: 8px; margin: 0 3px; background-image: url(http://m.jsxdf.com/images/SY_banner2.png); *display:inline;*zoom:1;background-size: 8px 8px; } .owl-pagination .active { width: 13px; background-image: url(http://m.jsxdf.com/images/SY_banner1.png); background-size: 13px 8px; } .owl-buttons { display: none; }/*é¦?¡µbanner?¾é????ä¸?*/ .owl-buttons div { position: absolute; top: 50%; width: 20px; height: 40px; background-size: 20px 40px; margin-top: -20px; text-indent: -9999px; } .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel{display: none;position: relative;width:100%;-ms-touch-action: pan-y;touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;} .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} /*ç½???¥å?*/ #Footer_Bm li{border:#563b14 solid 1px;height:.5rem;margin:3% 0; position:relative;} #Footer_Bm .Footer_Bm_kc b{ display:block;width:.3rem;height:.3rem;background:url(http://m.xdfxdxy.com/image/Sy_menu.png) no-repeat center;background-size:2rem; background-position:-.13rem -1rem;;position: absolute;top: .1rem;right: 3%;} #Footer_Bm li p,#Footer_Bm li input,#Footer_Bm li select{appearance: none;-moz-appearance: none;-webkit-appearance: none; border:none;font:.32rem/.5rem "΢ÈíÑźÚ";height:.5rem;} #Footer_Bm li input,#Footer_Bm li select{width:98% !important;color:#7a6951 !important;font-size:.28rem !important;padding-left:2%;} #Footer_Bm li select{width: 100% !important;padding-left: 1%;/*color:#b9ac98 !important;*/background: #fff !important;} #Footer_Bm .SY_bmzx{padding-left:10%;width:36%;} .SY_Zixun input{width:48%; border:none; border-radius:.1rem;height:.5rem;background:#396dbd url(http://m.xdfxdxy.com/image/SY_bm.png) no-repeat center;background-size:13%; background-position:.5rem .09rem;font:.22rem/.5rem "΢ÈíÑźÚ";color:#fff; cursor:pointer;padding-left: 10%;} #Footer_Bm h5{width:50%;font: .26rem/.5rem "΢ÈíÑźÚ";text-align: center;color: #681a00;border-bottom: #681a00 solid 2px;margin: 0 auto;} /*?¨è?¢æ???*/ .SY_Zixun{width:85%;margin:3% auto 0;} .SY_Zixun a{ display:block;width:46%;padding-left:2%;font:.22rem/.5rem "΢ÈíÑźÚ";background:#f78a00; border-radius:.1rem;color:#fff;} .SY_Zixun a:nth-child(2){background:#396dbd !important;} .SY_Zixun a:nth-child(2) b,.SY_bmzx b{background-size: 450% !important;background-position: -1.19rem -.42rem !important;margin-right:5% !important;} .SY_Zixun a b{ display:block; float:left;width:.35rem;height:.35rem;background:url(/image/SY_menu.png) no-repeat center;background-size: 450%;background-position: -.05rem -.43rem;margin-top: .08rem;margin-right:10%;} /*页è?åº??*/ #SY_Footer img{ display:block;width:26%; margin:0 auto;margin-top:3%;margin-bottom:2%;} #SY_Footer p{font:.24rem/.4rem "΢ÈíÑźÚ"; text-align:center;} /*åº????æµ?æ¡?*/ .zx-con{width:100%;max-width:640px;min-width:280px;margin:0 auto;position:fixed;bottom:0;background:#fe4d00;z-index:999;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);animation:zx-con1 1.4s 1s forwards;-webkit-animation:zx-con1 1.4s 1s forwards;-moz-animation:zx-con1 1.4s 1s forwards}@keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}@-webkit-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}@-moz-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}} .zx-con>a{display:block;height:.6rem;line-height:.6rem;font-size:.32rem;text-align:center;color:#fff;width:100%} .zx-con>ul{display:block;width:100%;height:.8rem;background:#681a00} .zx-con>ul li{width:33.333%;float:left;height:.8rem;font-size:.28rem; font-weight:500;color:#fff;line-height:.8rem} .zx-con>ul b{ display:block;width:.35rem;height:.35rem;background-image:url(http://m.xdfxdxy.com/image/Sy_menu.png); background-size:1.73rem; float:left;margin-top:.24rem;margin-left:.2rem;} .zx-con>ul a:nth-child(2) li{background:#396dbd !important} .zx-con>ul a:nth-child(3) li{background:#f78a00 !important} .zx-con>ul li .zx_fix_b3{background-position:-.91rem -1.74rem !important;} .zx-con>ul li .zx_fix_b1{ background-position:-1.33rem -1.73rem !important;} .zx-con>ul li .zx_fix_b2{ background-position:-.08rem -1.74rem !important;} /*?³ä¾§?¨è?¢å??µè?æµ?å±?*/ #CallRit{width:.6rem;position: fixed;bottom: 45%;right:0%; z-index: 99999; cursor: pointer;} #CallRit #CallRit_Img{ display:block;width:100%;height:.6rem;background:#396dbd;border-radius:.14rem 0 0 .14rem;} #CallRit #CallRit_Img img{ display:block;width:75%;margin:0 auto;} #CallRit #CallRit_Zx{ display:block;width:100%;text-align: center;font-size:16px; line-height:.34rem;color: #fff;background:#f78a00;border-radius:.14rem 0 0 .14rem;padding:.1rem 0;margin-top:.1rem;} #CallRit_Tc{position: fixed;left:0;bottom: 45%;width:.6rem;font-size:16px;text-align: center;line-height:.34rem;background: #396dbd;color:#fff; cursor:pointer;padding: .1rem 0;z-index: 3;} /*ç½??å¼¹ç?*/ #popup{width:300px; position:fixed;left:50%;top:10%;margin-left:-150px;border-radius:5px;z-index: 999999;display:none;} #popup form{background-color: white;padding-bottom: 3%;padding: 0 2% 3%;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;width: 87.4%;} #close{position: absolute;bottom: -50px;left: 116px;cursor: pointer;width: auto;} #popup .popup_one{padding:0 2%;} #popup .popup_one label{ display:block;width:31%; float:left; border:#999 solid 1px;margin-right:1.5%;font-size:14px;line-height: 1.5; text-align:center;margin-top:1%; cursor:pointer;} #popup .popup_one label:nth-child(3n){margin-right:0;} #popup .popup_one input{opacity: 0;position: absolute;} #popup .hometel{ display:block;width:92%;margin: 1% 0 1% 2%;padding-left:2%;font-size:14px;line-height: 1.5;border:#999 solid 1px;} #popup .submit{ display:block;width:94%;margin:2%;font-size:18px;line-height: 1.5; font-weight:bold;background:#ff7a01; border:none; box-shadow:3px 3px 5px #CCC; border:#c9b0b0 solid 1px;color:#fff;} #popup h3{font-size:18px;line-height: 1.5; font-weight:bold;padding-left:2%;} .swon{ border:1px solid #ff7a01; background:#ff7a01; color:#ff7a01; font-weight:bold; background:url(http://www.jsxdf.com/templets/jsxdf/image/swtd.png) no-repeat; background-position: right bottom;} .popup_one label:hover{ border:1px solid #ff7a01; background:#ff7a01; color:#ff7a01; font-weight:bold; background:url(http://www.jsxdf.com/templets/jsxdf/image/swtd.png) no-repeat; background-position: right bottom;} /* 离线å®?¼¹çª? */ #Lxb_Tc{width: 230px;height:145px;padding:10px;position: fixed;left: 50%;top: 50%;margin-left: -125px;margin-top:-160px;z-index: 999999;box-shadow: 0 0 20px rgba(10,2,4,.75);-webkit-box-shadow: 0 0 20px rgba(10,2,4,.75);-moz-box-shadow: 0 0 20px rgba(10,2,4,.75);-ms-box-shadow: 0 0 20px rgba(10,2,4,.75);background: #fff;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;display:none;} #Lxb_Tc #closeLxb{ position: absolute;bottom:-20px;left:42%;cursor: pointer;} #Lxb_Tc h6{text-align: center;font-weight: bold;font-size: 18px;line-height: 1.6;} #Lxb_Tc p {font-size:13px;line-height: 1.6;text-align: center;} #Lxb_Tc .Lxb_TcBox{width: 100%;height: 32px;border: 1px solid #6a7380;border-radius: 17px;-webkit-border-radius: 17px;-moz-border-radius: 17px;margin:5px auto 5px;} #Lxb_Tc .Lxb_TcBox .Lxb_TcBox-telval {width: 150px;height: 32px;line-height: 32px;background-color: #FFF;font-size: 14px;color: #6a7380;-moz-border-radius: 15px 0 0 15px;-webkit-border-radius: 15px 0 0 15px;border-radius: 15px 0 0 15px;padding-left: 13px;float: left;outline: 0;border: 0;} #Lxb_Tc .Lxb_TcBox .Lxb_TcBox-telbtn {width:65px;height: 32px;line-height: 30px;color: #fff;background-color: #6a7380;font-size: 12px;text-align: center;text-decoration: none;-moz-border-radius: 0 14px 14px 0;-webkit-border-radius: 0 14px 14px 0;border-radius: 0 14px 14px 0;float: right;border: 0;} /*ä¸????»çº¿å®?*/ #Zt_Lxb{width:96%;padding:3% 2%;} #Zt_Lxb p{font:.3rem/.4rem "΢ÈíÑźÚ"; text-align:center;margin-bottom: 2%;} #Zt_Lxb p span{ font-weight:bold;color:#f00;} #Zt_Lxb .Lxb_Txt{padding-left:1%;width:69%;font:.26rem/.5rem "΢ÈíÑźÚ";color:#ababab; border:#ababab solid 1px;} #Zt_Lxb .Lxb_Btn{width:28%;font:.3rem/.52rem "΢ÈíÑźÚ"; border:none;background:#ff8c01;color:#FFF;} /*åº???¥å?===============2019.12.15*/ #Home-BottomEnroll h4{font:bold .3rem/.3rem "΢ÈíÑźÚ";border-left:#692b14 solid .16rem;padding-left:.1rem;color:#692b14;} #Home-BottomEnroll h4 span{font-weight: normal;font-size: .24rem;text-transform: uppercase;} #Home-BottomEnroll .tell,#Home-BottomEnroll .name,#Home-BottomEnroll select{display: block;width:49%;border: #919191 solid 1px;border-radius: .1rem;font:.24rem/.5rem "΢ÈíÑźÚ";color:#333333;margin-top:.1rem;padding-left:.1rem;box-sizing: border-box;} #Home-BottomEnroll select{display: block;width:100%;line-height: .52rem;height: .52rem;appearance: none;-moz-appearance: none;-webkit-appearance: none;} #Home-BottomEnroll .submit{display: block;width: 86%;background: #692b14;border-radius: .1rem;border:none;font:bold .24rem/.5rem "΢ÈíÑźÚ";text-align: center;color:#fff;margin:0rem auto 0} #Home-BottomEnroll p{width:100%;font:.18rem/.24rem "΢ÈíÑźÚ";text-align: center;margin-top:.1rem;margin-bottom:.05rem} /*åº??===============2019.12.15*/ #Home-Footer{padding:5% 2% 1rem} #Home-Footer .Footer-Box{width:49.5%;border-right: #333333 solid .02rem;padding-top:.3rem} #Home-Footer .Footer-Box::before{content:"";display: block;width:1.1rem;height:.6rem;background: url(../image/home-menu.png) no-repeat center;background-size:290%;background-position:0 -.7rem;margin:0 auto} #Home-Footer .Footer-Box h3{font:bold 0.2rem "΢ÈíÑźÚ";text-align: center;margin: 3% auto;} #Home-Footer .Footer-Div{width:49.5%;} #Home-Footer .Footer-Div a,#Home-Footer .Footer-Div p{font:.24rem/.3rem "΢ÈíÑźÚ";} #Home-Footer .Footer-Div a::before,#Home-Footer .Footer-Div p::before{content:"";float: left;;width:.35rem;height:.35rem;background:url(../image/home-menu.png) no-repeat center;background-size:900%;background-position:-.6rem -.05rem;margin:.2rem .2rem 0 .2rem;} #Home-Footer .Footer-Div p::before{background-position: -1.13rem 0rem;height: .45rem;} /*åº????æµ?æ¡?===============2019.12.15*/ #Home-BottomMenu {width:100%;max-width:640px;min-width:280px;margin:0 auto;position:fixed;bottom:0;background:#fe4d00;z-index:999;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);animation:zx-con1 1.4s 1s forwards;-webkit-animation:zx-con1 1.4s 1s forwards;-moz-animation:zx-con1 1.4s 1s forwards}@keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}@-webkit-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}@-moz-keyframes zx-con1{0%{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}} #Home-BottomMenu >ul{display:block;width:100%;height:.8rem;background: #ac7006;} #Home-BottomMenu >ul li{width:33.333%;float:left;height:.8rem;font-size:.28rem; font-weight:500;color:#fff;line-height:.8rem} #Home-BottomMenu >ul a:nth-child(2) li{background: #eaae33 !important;} #Home-BottomMenu >ul li::before{content: "";display: block;width:.4rem;height:.4rem;background:url(../image/home-menu.png) no-repeat center;background-size:900%;background-position:-1.92rem -.06rem;float: left;margin: .22rem .1rem 0 .2rem;} #Home-BottomMenu >ul a:nth-child(2) li::before{background-position:-2.52rem -.06rem;} #Home-BottomMenu >ul a:nth-child(3) li::before{background-position:-3.14rem -.06rem;} .top-fixed{position: fixed;top: 0;z-index: 99;max-width:640px;margin:0 auto;}