﻿@media screen and (max-device-width: 768px) {
body,html {padding: 0;margin: 0;width: 100%;overflow-x: hidden;}
header{width:100%;height:200px;background-color:#051F76;}
header .head{display: flex;padding-top:40px;}
header .logo img{display:none;}
header .companey{display:none;}

header .logo{height:120px;display: grid;place-items: center;display: flex;margin:0 auto;}
header .logo .gs{text-align:center;}
header .logo .gs h1{font-size:62px;color:var(--colors);text-align:center;}
header .logo .gs h3{font-size:32px;color:var(--colors);font-weight:200;text-align:center;}

.banner{width:100%;height:2268px;background:url(img/ab1.jpg);}
.banner .sp1{margin:0 auto;}
.banner .sp1 h1{font-size:8rem;color:var(--colors);padding-top:130px;text-align: center;}
.banner .sp1 h3{font-size:4rem;color:var(--colors);font-weight:100;margin-top:2rem;text-align: center;}
.banner .sp1 h4{font-size:80px;color:var(--colors);margin-top:30px;width:90%;padding-left:18%;}
.banner .sp1 .line{width:250px;height:20px;background-color:var(--colors);margin:0 auto;margin-top:36px;}
.banner .zsinfo{margin:50px auto;}
.banner .zsinfo ul{overflow:hidden;padding-top:5rem;width:80%;padding-left:13%;}
.banner .zsinfo ul li{float:left;width:332px;height:347px;text-align:center;margin-right:60px;font-size:75px;background-image:url(img/b1.png);margin-bottom:3rem;}
.banner .zsinfo ul li:nth-child(4){margin-right:0;}
.banner .zsinfo ul li h3{color:var(--color);padding-top:20px;}
.banner .zsinfo ul li h4{color:var(--color);margin-top:-50px;font-size:7rem;}
.banner .zsinfo ul li p{color:var(--colors);}
.banner .dayang{width:86%;margin:20px 5%;background-color:var(--colors);border-radius:20px;padding:2%;}
.banner .dayang h1{font-size:85px;color:var(--color);text-align:center;}
.banner .dayang h1 span{color:var(--hovercolor);padding-left:20px;}
.banner .dayang p{color:var(--font-color);width:100%;font-size:2.5rem;font-weight:100;line-height:5rem;margin-top:20px;}
.about{display:none;}

.zizhi{width:100%;height:2210px;background-image:url(img/05.jpg);}
.zizhi .title{width:100%;margin:0 auto;padding-top:60px;}
.zizhi .title h1{font-size:70px;text-align:center;color:var(--color);}
.zizhi .title h3{font-size:40px;text-align:center;color:#95A0C0;font-weight:200;}
.zizhi .title a{display:block;width:660px;height:55px;background-color:var(--color);color:var(--colors);margin:15px auto 0;border-radius:30px;text-align:center;line-height:55px;font-size:30px;}
.zizhi .info{width:96%;margin:0 2%;}
.zizhi .info ul{overflow:hidden;margin-top:130px;}
.zizhi .info ul li{float:left;width:30%;height:408px;margin-right:4%;margin-bottom:1.3rem;}
.zizhi .info ul li:nth-child(3n){margin-right:0;}

.shili{width:100%;height:3028px;background-image:url(img/06.jpg);}
.shili .title{width:100%;margin:0 auto;padding-top:90px;}
.shili .title h1{font-size:70px;text-align:center;color:var(--color);}
.shili .title h3{font-size:40px;text-align:center;color:#95A0C0;font-weight:200;}
.shili .title a{display:block;width:660px;height:55px;background-color:var(--color);color:var(--colors);margin:15px auto 0;border-radius:30px;text-align:center;line-height:55px;font-size:30px;}
.shili .info{width:94%;margin:0 3%;}
.shili .info ul{overflow:hidden;margin-top:100px;}
.shili .info ul li{float:left;width:45%;height:380px;margin-right:8%;margin-bottom:50px;text-align:center;}
.shili .info ul li:nth-child(2n){margin-right:0;}
.shili .info ul li h3{width:80%;margin:0 auto;height:50px;background-color:var(--color);color:var(--colors);line-height:50px;text-align:center;border-radius:30px;margin-top:20px;}

.zheng{width:100%;height:3000px;background-image:url(img/07.jpg);}
.zheng .title{width:100%;margin:0 auto;padding-top:60px;}
.zheng .title h1{font-size:70px;text-align:center;color:var(--color);}
.zheng .title h3{font-size:40px;text-align:center;color:#95A0C0;font-weight:200;}
.zheng .title a{display:block;width:660px;height:55px;background-color:var(--color);color:var(--colors);margin:15px auto 0;border-radius:30px;text-align:center;line-height:55px;font-size:30px;}
.zheng .info{width:94%;margin:140px 3%;}
.zheng .info .ml{width:90%;background-color:var(--colors);padding:1% 5%;border:5px solid #404040;}
.zheng .info .mr{width:90%;background-color:var(--colors);padding:1% 5%;margin-top:5rem;border:5px solid #404040;}
.zheng .info ul{padding:10% 5%;}
.zheng .info ul li{line-height:6rem;border-bottom: 1px solid #404040;}
.zheng .info ul li a{font-size:2.3rem;color:var(--fontcolor);}



.huan{width:100%;min-height:1512px;}
.huan .title{width:100%;height:136px;margin-top:50px;}
.huan .title h1{text-align:center;font-size:5rem;color:var(--color);padding-top:20px;margin-top:-75px;}
.huan .title h3{text-align:center;font-size:4rem;text-transform: uppercase;color:#D7CCF4;}
.huan .huanj{width:96%;margin:2% auto 0;}
.huan .huanj ul{overflow:hidden;}
.huan .huanj ul li{float:left;margin-bottom:2%}
.huan .huanj ul li img{width:100%;}
.huan .huanj ul li:nth-child(1){width:60%;height:20rem;margin-right:2%;}
.huan .huanj ul li:nth-child(2){width:38%;height:20rem;}
.huan .huanj ul li:nth-child(3){width:38%;height:20rem;margin-right:2%;}
.huan .huanj ul li:nth-child(4){width:60%;height:20rem;}
.huan .huanj ul li:nth-child(5){width:100%;height:33rem;}
.huan .huanj ul li:nth-child(6){width:100%;height:26.3rem;}
.huan .huanj ul li:nth-child(7){width:100%;height:33rem;}
.huan .huanj ul li button{min-width:240px;height:40px;background: linear-gradient(to right, #231FCC , #5D13DA);border-radius:30px;border:none;color:var(--colors);font-size:1.2rem;}
.huan .huanj ul li:nth-child(1) button{position:relative;top:-4rem;left:11rem;}
.huan .huanj ul li:nth-child(2) button{position:relative;top:-4rem;left:4rem;}
.huan .huanj ul li:nth-child(3) button{position:relative;top:-4rem;left:4rem;}
.huan .huanj ul li:nth-child(4) button{position:relative;top:-4rem;left:11rem;}
.huan .huanj ul li:nth-child(5) button{position:relative;top:-4rem;left:22rem;}
.huan .huanj ul li:nth-child(6) button{position:relative;top:-4rem;left:22rem;}
.huan .huanj ul li:nth-child(7) button{position:relative;top:-4rem;left:22rem;}
.huan .sys{width:96%;margin:2% auto 0;}
.huan .sys ul{overflow:hidden;}
.huan .sys ul li img{width:100%;}
.huan .sys ul li{width:100%;margin-bottom:2%;}

.huan .chejian{width:96%;margin:2% auto 0;}
.huan .chejian ul{overflow:hidden;}
.huan .chejian ul li{float:left;width:49%;margin-right:2%;height:auto;margin-bottom:2%;}
.huan .chejian ul li:nth-child(2n){margin-right:0;}
.huan .chejian ul li .sm{width:100%;height:80px;background: linear-gradient(to right, #231FCC , #5D13DA);position:relative;top:-5px;}
.huan .chejian ul li .sm p{text-align:center;color:var(--colors);font-size:1.3rem;padding-top:10px;}
.huan .chejian ul li .sm p:nth-child(2){padding-top:3px;font-size:1.4rem;}
.huan .chejian ul li img{width:100%;}

.youshi{width:100%;min-height:1512px;}
.youshi .title{width:100%;height:314px;background:url(img/line2.png)no-repeat;}
.youshi .title h1{text-align:center;font-size:5rem;color:var(--colors);padding-top:20px;margin-top:-4rem;}
.youshi .title h1 span{font-size:7rem;padding:0 10px;}
.youshi .title h3{text-align:center;font-size:3rem;text-transform: uppercase;color:#6441D9;padding-top:65px;}

.youshi .stm1 {background-color:#F6F6F6;}
.youshi .stm1 h1{text-align:center;font-size:4rem;padding-top:50px;color:var(--color);}
.youshi .stm1 h3{text-align:center;font-size:2rem;font-weight:200;color:var(--color);padding-bottom:50px;}
.youshi .stm1 .stm1info{background:url(https://www.jianyuantang.com/qx/skin/css/img/bj3.jpg)no-repeat;width:100%;height:46rem}
// .youshi .stm1 .stm1info{background-image: url('https://www.jianyuantang.com/qx/skin/css/img/bj3.jpg');background-repeat:no-repeat;background-size:cover; background-position:center; }
.youshi .stm1 .stm1info h2{color:var(--colors);font-size:4.5rem;padding:50px 0 0 130px;font-weight:100;}
.youshi .stm1 .stm1info ul{display: flex;}
.youshi .stm1 .stm1info ul li:nth-child(2){color:var(--colors);padding:10px 0 0 30px;font-size:1.8rem;width:420px;}
.youshi .stm1 .stm1info ul li:first-child{color:var(--colors);font-size:3.5rem;font-weight:600;padding:16px 0 0 130px;}

.youshi .stm2{background-color:#F6F6F6;}
.youshi .stm2 h1{text-align:center;font-size:4rem;padding-top:50px;color:var(--color);}
.youshi .stm2 h3{text-align:center;font-size:2rem;font-weight:200;color:var(--color);}
.youshi .stm2 img{width:100%;}

.youshi .stm3{background:url(https://www.jianyuantang.com/qx/skin/css/img/bj4.jpg);padding:0 2%;}
.youshi .stm3 h1{text-align:center;font-size:4rem;padding-top:50px;color:var(--colors);padding-top:80px;}
.youshi .stm3 h3{text-align:center;font-size:2rem;font-weight:200;color:var(--colors);padding-top:30px;}
.youshi .stm3 .stm3info{}
.youshi .stm3 .stm3info .stm3left{margin-top:3rem;display:flex;}
.youshi .stm3 .stm3info .stm3left img{width:93%;height:auto;padding:0 3.5%;}
.youshi .stm3 .stm3info .stm3rig{margin-top:3rem;width:96%;margin:2% auto 0;}
.youshi .stm3 .stm3info .stm3rig img{width:100%;}
.youshi .stm3 .stm3info .stm3rig img:nth-child(2){margin-top:23px;}
.youshi .stm3 .stm3info .stm3rig .yf{width:96%;margin:2% auto 0;}
.youshi .stm3 .stm3info .stm3rig .yf h3{color:#fff;font-size:2rem;font-weight:600;text-align:left;padding-top:20px;}
.youshi .stm3 .stm3info .stm3rig .yf p{color:#fff;font-size:1.2rem;text-align:left;padding-top:20px;}
.youshi .stm3 .stm3info .stm3rig .yf h3.td{padding-top:60px;}
.youshi .stm3 .stm3info .stm3rig .yf p.ptd{padding-bottom:5rem;}


.youshi .stm4{width:96%;margin:2% auto 0;}
.youshi .stm4 h1{text-align:center;font-size:4rem;padding-top:50px;color:var(--color);padding-top:80px;}
.youshi .stm4 h3{text-align:center;font-size:2rem;font-weight:200;color:var(--color);padding-top:30px;}
.youshi .stm4 .stm4info{width:96%;margin:2% auto 0;}
.youshi .stm4 .stm4info .stm4left{margin-top:19px;}
.youshi .stm4 .stm4info .stm4left img:nth-child(2){margin-top:13px;}
.youshi .stm4 .stm4info .stm4left img{width:100%;}
.youshi .stm4 .stm4info .stm4rig .yf{width:96%;margin:2% auto 0;}
.youshi .stm4 .stm4info .stm4rig .yf h3{color:#000000;font-size:2rem;font-weight:600;text-align:left;padding-bottom:2rem;}
.youshi .stm4 .stm4info .stm4rig .yf p{color:#000000;font-size:1.2rem;text-align:left;border-bottom:1px solid #000;padding-bottom:2rem;margin-bottom:4rem;}
.youshi .stm4 .stm4info .stm4rig img:nth-child(2){}

.youshi .stm5{background-color:#F6F6F6;padding-top:20px;}
.youshi .stm5 h1{text-align:center;font-size:4rem;padding-top:50px;color:var(--color);}
.youshi .stm5 h3{text-align:center;font-size:2rem;font-weight:200;color:var(--color);margin-bottom:2%;}
.youshi .stm5 .stm5info{background-image: url('img/bj11.jpg');background-repeat:no-repeat;background-size:cover; background-position:center;height:50rem;}
.youshi .stm5 .stm5info ul{width:96%;margin:2% auto 0;}
.youshi .stm5 .stm5info ul:nth-child(1){display: flex;margin:2rem 0;position:relative;top:11rem;left:2.2rem;}
.youshi .stm5 .stm5info ul:nth-child(1) li{width:200px;margin-right:33px;text-align:center;font-size:3.2rem;color:var(--color);}
.youshi .stm5 .stm5info ul:nth-child(2){display: flex;position:relative;top:14rem;left:8.2rem;}
.youshi .stm5 .stm5info ul:nth-child(2) li{width:200px;margin-right:33px;text-align:center;font-size:3.2rem;color:var(--color);}
.youshi .stm5 .stm5info h2{color:var(--colors);text-align:center;margin-top:19rem;font-size:3rem;}
.youshi .stm5 .stm5info h3{color:var(--colors);text-align:center;font-size:2.4rem;padding-top:20px;}

.youshi .stm6{background-image: url('img/bj7.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;height:56rem;}
.youshi .stm6 h1{text-align:center;font-size:4rem;padding-top:100px;color:var(--color);}
.youshi .stm6 h3{text-align:center;font-size:2rem;font-weight:200;color:var(--color);}

.youshi .stm7{background:url(img/bj8.jpg);height:65rem;}
.youshi .stm7 h1{text-align:center;font-size:4.1rem;color:var(--colors);}
.youshi .stm7 h3{text-align:center;font-size:3rem;font-weight:600;color:#B19DE1;padding-top:100px;}
.youshi .stm7 ul{overflow:hidden;width:94%;margin:2% auto 0;}
.youshi .stm7 ul li{float:left;width:22%;margin:2% 4% 2% 0;}
.youshi .stm7 ul li:nth-child(4n){margin-right:0;}
.youshi .stm7 ul li:nth-child(13){display:none;}
.youshi .stm7 ul li:nth-child(14){display:none;}

.youshi .stm8{display:none;}

.youshi .stm9{background:url(img/bj10.jpg);height:379px;}
.youshi .stm9 .stm9info{display: flex;width:94%;margin:0 auto;padding-top:100px;}
.youshi .stm9 .stm9info .info{margin:0 auto;}
.youshi .stm9 .stm9info .info h1{font-size:3.1rem;color:var(--colors);margin:0 auto;}
.youshi .stm9 .stm9info .info button{display:none;}

.youshi .stm9 .stm9info ul{display: none;}




.smArea { position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.35); z-index:9999999; }
.smBox { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:3%; width:85%; height:75%;background:#fff; border-radius:25px; box-sizing: border-box; z-index:2; }
.smBox .hd { line-height:1; text-align:center; }
.smBox .hd .p1 { position:relative; z-index:5; font-size:5rem; color:#000; font-weight:bold;padding-bottom:3rem;padding-top: 3rem;}
.smBox .hd .p1 b{display:none;}
.smBox .bd { margin-top:20px; padding:0 35px; max-height:80vh; overflow-y:auto; }
.smBox .bd .bd01 {width:100%;font-size:16px; line-height:30px; }
.smBox .bd .bd01 strong{font-size:3rem;}
.smBox .bd .bd01 strong span{display:none;}
.smBox .bd .bd01 form{width:100%;}
.smBox .bd .bd01 li{min-height:5rem;margin-bottom:1.5rem;}
.smBox .bd .bd01 li input{height:5rem;width:100%;outline:none;border:1px solid #666;font-size:2.3rem;}
.smBox .bd .bd01 li.xm input{height:5rem;width:100%;outline:none;border:1px solid #666;margin-bottom:1.5rem;font-size:2.3rem;}
.smBox .bd .bd01 li.yx{display:none;}
.smBox .bd .bd01 li.textarea textarea{width:100%;height:15rem;resize:none;outline:none;border:1px solid #666;margin-top:-2.5%;font-size:2.3rem;}
.smBox .bd .bd02 { font-size:3rem; margin-top:20px; font-weight:bold; }
.smBox .bd .bd03 { margin-top:10px; }
.smBox .bd .bd03 ul{overflow:hidden;}
.smBox .bd .bd03 ul li { float:left; width:40%; margin-right:10%; text-align:center; }
.smBox .bd .bd03 ul li:last-child { display:none; }
.smBox .bd .bd03 ul li:nth-child(3) { display:none; }
.smBox .bd .bd03 ul li .p1 { width:100%; border-radius:10px; border:2px solid #ffd200; background:#fff; }
.smBox .bd .bd03 ul li p{font-size:2rem;}

.smBox .bd .bd05 {text-align:center; }
.smBox .bd .bd05 button {display:inline-block; width:80%; height:7rem;line-height:40px; background:#ffd200; color:#000; font-size:2.3rem; border-radius:25px; font-weight:bold; cursor:pointer;font-style: normal;margin-top:30px;border:none;}
.smBox .bd .bd05 button:hover{background-color:#000;color:#fff;}
.smBox .bd::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666}
.smBox .bd::-webkit-scrollbar-track{background:#eee;border-radius:3px;}
.smBox .bd::-webkit-scrollbar-corner{background:transparent}
.smBox .bd::-webkit-scrollbar{width:7px;height:7px}

.sm-close01 { position:absolute;  right:10px; top:10px; width:40px; height:40px; background:url(img/pic24.png) no-repeat center; border-radius:100%; cursor:pointer; z-index:2; }



.floating_ck,.smArea{display:none;}

#floatingButton {position: fixed;bottom: 20px;right:5%;padding: 10px 20px;background-color: var(--hovercolor);color: white; border: none;cursor: pointer;z-index: 1000;width:90%;height:120px;border-radius:70px;font-size:3.5rem;font-weight:600;}
#floatingButton:hover {background-color: var(--color);}


}