html{height:100%;overflow-x:hidden;}
body{background:#ccc;margin:0;padding:0;font-size:16px;}
a{text-decoration:none;}
ul,li,ol,dl,dt,dd{list-style-type:none;padding:0;margin:0;}
.clear{clear:both;}
#g_web{margin:0 auto;max-width:640px;left:0;top:0;overflow-x:hidden;width:100%;min-height:100%;background:#fff;}

/*鍐呭鍖�*/
.top{position: relative;;width:100%;display:block;top: 0;z-index: 9999999;}
.top_box{position:relative;}
.top img{margin:10px;float:left;width:35%;}
div#nav{position:absolute;z-index:99;top:0px;width:100%;height:100%;display:none;}
ul.nav{position:fixed;z-index:100;bottom:0px;width:100%;border-top:1px solid #bbb;background:-webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#dcdcdc),color-stop(35%,#ededed),color-stop(50%,#e3e3e3));}
ul.nav li{float:left;position:relative;}
ul.nav li a{width:100%;height:50px;line-height:50px;font-size:1em;display:block;text-align:center;text-shadow:0px 1px 0px #ffffff;border-left:1px solid #bbb;}
ul.nav li a img{height:50px;paddingtop:0px 0px 0px 0px;}
ul.nav ul{display:none;width:96%;position:absolute;left:1%;margin:0px;z-index:99;bottom:-130%;border:#ccc 1px solid;border-radius:2.5%;background:#E9E9E9;}
ul.nav ul:before{content:"";display:inline-block;position:absolute;z-index:180;left:0%;width:100%;height:100%;background:url(../images/mini/1.svg) no-repeat center 0;-webkit-background-size:13% auto;bottom:-99%;}
ul.nav ul li{width:100%;}
ul.nav ul li a{border-left:0px;border-top:1px solid #e0e0e0;width:90%;margin:0 auto;font-size:1em;}
ul.nav ul li:first-child a{border:0px;}
#nav2{position:absolute;right:20px;z-index:100;top:0px;width:36px;overflow:auto;border-radius:5px;opacity:1;float:left;border:solid 1px #ccc;}
ul.nav2{position:fixed;left:-70%;opacity:0;z-index:100;top:0px;width:230px;height:100%;overflow:auto;box-shadow:0px 0px 16px #999;background:rgba(245,245,245,.95);}
ul.nav2 h1{color:#444;}
ul.nav2 li{border-top:1px solid #aaa;}
ul.nav2>li:last-child{border-bottom:1px solid #aaa;}
ul.nav2 li>a{font-size:18px;white-space:nowrap;background:#eaeaea;display:block;padding:3%;margin:1px 0px;color:#000;}
ul.nav2 li>a img{height:36px;}
ul.nav2 li ul li a{padding-left:10%;color:#333;font-size:16px;}

/*瀵艰埅*/
ul.navtab{height:45px;border-bottom:solid #eee 1px}
ul.navtab li{width:33.33%;float:left;}
ul.navtab li a{line-height:45px;display:block;width:100%;text-align:center;}
ul.navtab li a:hover,ul.navtab li.hover *{color:#ff2e4b;background:#f3f3f3;}

.headerV1{ width:100%; height:auto; background-color:#313131;text-align: center;}
.headerV1 li{list-style:none; display: inline-block;}
.headerV1 #logo{ width:100%; padding: .7em 0;line-height: 0;}
.headerV1 .nav_btn{ width:13%; text-align:right;}
.headerV1 .nav_btn img{ width:90%; margin-top:25%;}
.headerV1 #logo img{ width:60%; }

/*鑿滃崟杩炴帴*/
ul.minmenu li{float:left;padding:15px 15px 15px 0px;}
ul.minmenu a{text-decoration:none;border:1px solid #bbb;display:block;background:#F6F6F6;line-height:30px;text-align:center;padding:0px 20px;border-radius:5px;}
ul.minmenu a:hover{background:#fff;}
ul.minmenu a:active,ul.minmenu li.selectlink a{background:#C4005B;color:#fff;border:1px solid #C4005B;box-shadow:0px 0px 15px #aaa;}

/* swipe */
.swipe{width:100%;overflow:hidden;margin:0 auto;font-size: 0;}
.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:7px;height:7px;line-height:99em;background:rgba(255,255,255,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#fff;}
#nav-top{width:100%;display: none}
#nav-top a{width:19%;float:left;background:#333;border-radius:10%;margin:1rem 3% 0px 3%;text-align:center;color:#fff;font-size:14px;padding:10px 0px;}
#nav-top a img{display:block;margin:0 auto;width:50%;}
._pic{width:100%;border-bottom:solid 5px #eee;}
._pic img{width:100%;margin-top:20px;}

/* 鍏憡 */
.gg{line-height: 0;font-size: 0;}

/* 浜у搧 */

#pro-cont{width:96%;margin:0px 2% 0 2%;   border-bottom: 1px solid #e6e6e6;}
#pro-cont dl{width:48%;float:left;margin:5px 1% 15px 1%;}
#pro-cont dl dt{width:100%;padding:0;margin:0;box-sizing:border-box;overflow: hidden;}
#pro-cont dl dt a{font-size: 0;line-height: 0;display: block;   padding: 0px 0px 10px 0;}
#pro-cont dl dt img{width:100%;border:0;}
#pro-cont dl dd{width:100%;padding:0;margin:0;background: #fff;padding-left: 8px;box-sizing: border-box;}
#pro-cont dl dd a{color:#4c4c4c;display: block;font-weight: 700;;/**font-family: "Source Han Sans CN";*/  /*margin-top: 20px;*/overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#pro-cont dl dd p{margin: 0; margin-top:2px;font-size: 0.85em;font-family:ArialmT;color: #aaaaaa;margin-top: 0case-contpx;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro{width: 100%;display: block;padding: 1px  0 0 ;background-size: cover}
.pbt{text-align: center;width: 82%;margin: 0 auto;padding: 30px 0 20px 0;line-height: 0;}
.planpbt{
    text-align: center;
    width: 82%;
    margin: 0 auto;
    padding: 40px 0 0px 0;
    line-height: 0;
}
.planpbt img{
    width: 100%;
}
.jjfa{
    background-color: white;
}
.more_plan{
    background: #444444;
    font-size: 14px;
    display: block;
    width: 80px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    transition: .4s;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pbt a{display: inline-block;color: #ffffff;font-size: .75em;background: #444444;font-family: "Arial";padding: 5px 20px 4px 20px;margin-top: 10px;}
.pbt a i{font-family: "瀹嬩綋";font-style: normal;font-weight: 700;margin-left: 10px;line-height: 14px;}
.pbt img{width: 100%;}
.nobg{background: #fff;}
.hf{width: 100%;}
.hf a{font-size: 0px;display: block;}
.hf img{width: 100%;}
#about{width:100%;    font-size: 0;}
#about img{display:block;margin:0 auto;width: 100%;}
#about .abt, #about .apic{width: 100%;margin:2em auto 0  auto;text-align: center;}

.video{width: 100%;background: #e9e9e9;text-align: center;padding-bottom: 3px}
video {background: #000;width: 96%;height: auto;margin:  0 auto;}
.jjfa ul{width:100%;margin: 0 auto;}
.jjfa ul li:nth-child(n+2) {margin-top: 6px;}
.jjfa ul li a{display: block;position: relative;line-height: 0;background: #000}
.jjfa ul li a>img{width: 100%;}
.jjfa ul li a div{position: absolute;bottom: 10px;left: 10px;}
.jjfa ul li a div img{width: 50%;}
#pro-tt{width: 40%;margin: 0 auto;}
#pro-tt img{width: 100%;}
#case{width:100%;    background: #fff;padding:1px 0 0 0;}
#case h2{width:100%;text-align: center;margin: 20px 0;}
#case-cont{width:100%;padding:0px 0px;}
#case-cont li{width:100%;background: #ddd;}
#case-cont li a{display: block;position: relative;overflow: hidden;}
#case-cont li a div{position: relative;}
#case-cont li a div:nth-child(1){font-size: 0;line-height: 0;}
#case-cont li a div:nth-child(2){position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,.6);padding: 10px;}
#case-cont li+li{margin-top: 6px;}
#case-cont li img {width:100%;}
#case-cont  li a .anli_class{color: #fff;font-size: 18px;font-weight: 500;margin: 0;}
#case-cont  li a .anli_jianjie{color: rgba(255,255,255,.7);font-size: 14px;font-weight: 100;margin: 0;}

.pic{width: 100%;font-size: 0;line-height: 0;}
.pic img{width: 100%;}

#tel{width:100%;height:50px;background:#7f8c8d;font-size:1.2rem;line-height:50px;text-align:center;border-bottom:solid 5px #eee;}
#tel a{color:#fff;text-align:left;}
#tel img{height:60%;text-align:right;vertical-align:middle;margin-right:10px;}
.tel{height:100%;}
.news{background: #f6f6f6;padding-top: 1px;}
#news-tt{width:98%;margin-top:30px;text-align: center;}
#news-tt h2{width:100%;height:30px;line-height:30px;font-size:2rem;color:#7f8c8d;font-weight:700;display:block;margin:0;padding:0px 0px 0px 10px;}

#news-cont{width:94%;margin:30px 3%;border: 2px solid #dddddd;    border-radius: 10px;overflow: hidden;}
#news-cont h4{background: #949494;line-height: 40px;margin: 0;text-indent: 20px;}
#news-cont h4 a{color: #fff;}
#news-cont li{width:100%;height:45px;border-bottom:solid 1px #ddd;text-indent: 1em;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#news-cont li a{font-size:16px;line-height:45px;color:#666;}
#news-cont li span{font-size:12px;color:#999;margin-left:5px;margin-right:5px;}
#contact{width:100%;margin-bottom:52px;text-align: center;padding: 10px 0 0px 0;}
#last_footer a img{width: 100%;}
#contact p{color: #888888;font-size: .8em;}
#contact a{color: #888888;font-size: .8em;}
#contact .foot{padding: 1em;position: relative;left: 2%}
#last_footer{
    width: 100%;
    background-color: #252525;;
    padding: 10px 0 30px 0;
}
#last_footer  ul{margin: 20px 0 20px 0}
#last_footer  ul li{width: 12%;float: left;margin: 0 4%}
#footer{max-width:640px;overflow-x:hidden;width:100%;min-height:52px;position:fixed;z-index:9999999;bottom:0;display:flex;box-shadow: 0 -1px 10px rgba(0,0,0,.1);border-top: 1px solid #d9d9d9;padding: 5px 0 0;background: #f6f6f6;}
#footer li{width:20%;text-align:center;padding-bottom: 3px}
#footer li a{font-size:12px;color:#7d8082;}
#footer li a img{display:block;margin:0px auto 0px auto;width: 24px;}

/*鍐呴〉*/
.ystab{text-align: center;margin-top: 1em;}
.ystab a{display: inline-block;width: 30%;height: 40px;line-height: 40px;color: #fff;background: #f49a12;border-radius: 45px;font-size: 26px;margin: 0 10px}
.list_tt{width:100%;height:2px;margin:0px auto 10px auto;background:#ddd;overflow: hidden;}
.list_tt h2{width:60%;height:30px;line-height:30px;border-left:solid 5px #fff;font-size:1.2rem;color:#fff;font-weight:normal;float:left;display:block;margin:5px 10px;padding:0px 0px 0px 10px;font-weight:normal;}

/*鑷畾涔夋潯鏁板睍绀轰笌鏂伴椈*/
ul.love{
    width: 96%;
    margin: 15px 2% 0 2%;
    font-size: 0;
}
ul.love li{
    width: 48%;
    /*float: left;*/
    display: inline-block;
    margin: 8px 1% 8px 1%;}
ul.love li a{display:block;color:#666;}
ul.love li a:hover{color:#FF0000;}
ul.love li a img:hover{box-shadow:0px 0px 15px #aaa;}
ul.love li a img{width:100%;height: 120px;}

ul.lovelist li{width:100%;float:left;background:#fafafa;margin:5px 5px 5px 0px;padding:0px;border-radius:5px;}
ul.lovelist li a{padding-left:20px;font-size: 14px}
ul.lovelist li:hover{background:#ebebeb;}
.page22{width:100%;height:100px;margin:0 auto;line-height:40px;}
.page22 li{width:100%;height:40px;text-align:center;border:solid 1px #ddd;margin:10px auto;font-size:16px;}
.page22 li a{color:#0059cf;text-decoration:none;font-size:16px;}
.page11{line-height:40px;font-weight:bold;color:#333;text-align:center;font-size:16px;}
.page11 i{color:#999;font-size:16px;font-weight:normal;}
.content{font-size:16px;line-height:30px;padding:10px;background:#fff;}
.content p{margin: 0;}
.content1 .p p{margin: 0;font-size: 0;line-height: 0;}

.content h1{text-align:center;border-bottom:dashed 1px #ccc;padding-bottom:10px;line-height: 130%;display: none;}
.content img{width:100%;float: left;}
div.pagelist{padding:2%;height:40px;line-height:40px;font-size:0.6rem;width:96%;color:#000;clear:both;}
div.pagelist a{float:left;padding-left:5px;color:#000;}
div.pagelist select{float:right;width:100px;}
.about_pg{font-size:1.6rem;padding:30px 10px 0px 10px;line-height:30px;width: 100%;}
.about_pgs{font-size:1.6rem;padding:30px 10px 30px 10px;line-height:30px;width: 100%;}
.about_img{
    padding:0px 10px 0px 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about_pg a{color: #333;}
.about_pg ul li{text-align: center;}
.about_pg img{max-width:100%;}
.about_pg p{margin: 0;}
.about_pg p strong{font-size: 18px!important;}
.about_pg p strong a{font-size: 18px!important;}
/*.lei{width:96%;margin:0 auto;display:table;}
.lei a{width:48%;height:35px;line-height:35px;background:#ddd;float:left;margin:5px 1%;color:#333;text-align:center;border-radius:5px;}
.lei a.actred{color: #fff;background: #b40019}*/
.element::-webkit-scrollbar { width: 0 !important }
.element { -ms-overflow-style: none; }
.element { overflow: -moz-scrollbars-none; }
html body {
    overflow-x: hidden;
    overflow-y: hidden;
    max-width: 640px;
    margin: 0 auto;
}
#aboutNav {
    width: 100%;
    height: 50px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    padding: 0 3%;
}

.about4{
    width: 50%;
}
#about_name{
    text-align: center;
    font-weight:700;
    font-size: 1.7rem;
}