@media screen and (min-width:1200px) { .sj{ display:none !important;} } @media screen and (max-width:1640px) { .dh ul li p a{padding: 0 10px;font-size: 14px;} .dh_tx i:after{left: 18px;right: 18px;} .index-service-list li .pic.iconfont{width: 80px;line-height: 80px;} .foot_dh ul{margin-right:80px;} .foot_ewm .h4{margin-right: 20px;} .foot_ewm{margin-right: 30px;} .top_tel{display:none;} .top_yy a{font-size:14px;} .sy_cp .conleft{width:20%;} } @media screen and (max-width:1199px) { html.on body{overflow:hidden; height:100vh; position:relative;} .body_sjbg{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100vh; display:none; z-index:998;} .body_st{ position:absolute; left:0; top:0; width:100%;-webkit-transition: 0.5s;transition: 0.5s;} .body_st.on{ left:300px;} .body_st.on .top_h{left:300px;} .sjdh{ position:fixed; left:0px; top:0; background:#fff; width:300px; height:100vh; overflow-y:auto;-webkit-transition: 0.5s;transition: 0.5s; z-index:999;-webkit-transform: translate(-300px, 0);transform: translate(-300px, 0);} .sjdh i.dhgb{ display:block; margin:10px auto 0;width:30px;text-align: center;padding-bottom: 30px;} .sjdh i.dhgb:before{content: "\e61b";font-family: "iconfont" !important;font-size: 30px;font-style: normal;color: #999;line-height: 30px;} .sjdh .dh_fl{ padding-top:30px; position:relative; z-index:2;} .sjdh ul li{ padding:0px 0px 0; position:relative;} .sjdh ul .xl_tb{position:relative;} .sjdh ul li a{font-size:16px; color:#666; line-height:50px; display:block; text-align: center;} .sjdh ul li a{text-align:left; margin:0 20px; border-bottom:1px solid #eee;/* text-transform:uppercase;*/} .sjdh ul li.xl_tb em{position:absolute; right:0; top:0; z-index:1; width:100%; height:50px;font-size: 18px;line-height: 50px;text-align: right;padding: 0 20px;color: #666;} .sjdh ul li.xl_tb em:before{content: "\eab0";font-family: "iconfont" !important;} .sjdh ul .xl_tb .xl_tb em{ height:40px;line-height: 40px;} .sjdh .dh_ss{position:relative; width:140px; margin:20px auto 0;} .sjdh .dh_ss input{ display:block; width:100%; padding:0 40px 0 10px;color:#333; line-height:30px; border-radius:5px;} .sjdh .dh_ss a{ position:absolute; right:8px; top:50%; width:20px; height:20px; background:url(../img/ss.png) center no-repeat; padding:0; border:0; margin:-10px 0 0;} .dhan{position:absolute; right:2.5%;top:15px;cursor: pointer;z-index: 99; width:30px;font-size: 28px;line-height: 30px;color: #3A9AE4;text-align: center;} .body_st.on .dhan{/*margin-right:300px;*/position: fixed;z-index: 999;color: #fff;font-size: 24px;} .dhan.hover:before{content:"\e71f";} .dhov{-webkit-transform: translate(0, 0);transform: translate(0, 0);} .sjdh ul .qhyy{ display:flex;align-items: center;justify-content: space-between;text-align:center;padding: 20px;} .sjdh ul .qhyy a{font-size:14px; line-height:36px; color:#999; width:120px; border:1px solid #eee; border-radius:5px;} .sjdh ul .qhyy a{ padding:0; text-align:center;} .sjdh ul .qhyy a.on{ background:#3A9AE4;border:1px solid #3A9AE4; color:#fff;} .sjdh ul li .dh_fl{ position:fixed; left:-300px; top:0; display:block; background:#fff; width:300px;height:100%; box-sizing:border-box; overflow-y:auto;-webkit-transition: 0.5s;transition: 0.5s;} .sjdh ul li .dh_fl.on{left:0;} .sjdh ul li .dh_fl a{ display:block;font-size:14px; color:#666; line-height:40px; display:block;text-align:left; margin:0 20px; border-bottom:1px solid #eee;} .dh_fl_fh{ position:absolute; left:20px;right: 20px; top:0; height:40px;font-size:12px; line-height:40px; color:#666;font-style:normal;border-bottom: 1px solid #eee;display: flex;align-items: center;} .dh_fl_fh:before{content: "\e61a";font-family: "iconfont" !important;font-size: 12px;padding-right: 5px;} .sjdh ul li .dh_fl{ padding-top:40px;} .sjdh ul li .dh_fl ul li .dh_fl .dbt{border-bottom: 1px solid #eee;margin: 0 20px;position: relative;padding-left: 40px;} .sjdh ul li .dh_fl ul li .dh_fl .dbt a{display: block;font-size: 16px;line-height: 40px;color: #3A9AE4;margin: 0;border-bottom: none;} .sjdh ul li .dh_fl ul li .dh_fl .dbt a.fl_xqlb{position: absolute;left: 0;top: 0;width: 40px;text-align: center;} .sjdh ul li .dh_fl ul li .dh_fl .dbt a.fl_txt{display: flex;align-items: center;justify-content: space-between;} .sjdh ul li .dh_fl ul li .dh_fl .dbt a.fl_txt:after{content: "\eab0";font-family: "iconfont" !important;font-size: 18px;} .sjdh ul li .dh_fl ul li .dh_fl ul li .fl_sbt{display: flex;align-items: center;border-bottom: 1px solid #eee;margin: 0 20px;position: relative;padding-left: 40px;} .sjdh ul li .dh_fl ul li .dh_fl ul li .fl_sbt a{display: block;font-size: 14px;line-height: 40px;color: #666;margin: 0;border-bottom: none;} .sjdh ul li .dh_fl ul li .dh_fl ul li .fl_sbt a.fl_xqlb{font-size: 16px;position: absolute;left: 0;top: 0;width: 40px;text-align: center;} .sjdh ul li .dh_fl ul li .dh_fl ul li .fl_sbt a.fl_txt{width: 100%;} .pc{ display:none !important;} .top_bg{ height:60px;} .top_h .logo{padding: 5px 0 0;} .top_h .logo img{display: block;height:50px;} .top_ss { position:absolute; right:15%; display:none;} .top_ss span.button{ line-height:60px; height:60px;} } @media screen and (max-width:750px) { } @media screen and (max-width:499px) { }