@import "comm.css";
.swiper-pagination-bullet-active{background: #666;}
#header{position: relative; background:url(glogor.png) repeat;}
#header .logo img{display: block;margin:0 auto;height: 0.8rem;}
#header .nav-btn{position: absolute;top:0.2rem;left: 0.2rem;width: 0.4rem;}
#header .nav-mess{position: absolute;top:0.2rem;right: 0.2rem;width: 0.4rem;}
#header .nav-btn img,#header .nav-mess img{display: block;width: 100%;}
/** 右侧滑动菜单 **/
#header .nav-mess{top:0;right:0;padding:0.2rem; width:0.8rem;}
.drawer-open{height: 100%; overflow:hidden !important;}
.drawer-mask{position:fixed; opacity:0;visibility:hidden; right:0; z-index:99; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.drawer-mask-open{visibility:visible; opacity:1;}
.drawer-nav{position:fixed; right:-2rem; z-index:100; width:2rem; height:100%; background:#333; transition:all ease .3s; transform: translate(0px, 0px) translateZ(0px);}
.drawer-nav-open{right:0;}
.drawer-nav ul{padding:0.1rem;}
.drawer-nav li{text-align:center; border-bottom:1px solid #3f3f3f;}
.drawer-nav li a{display:block; height:0.6rem; line-height:0.6rem;  color:#fff; font-size:0.24rem;}
/** 右侧滑动菜单 End **/
.index-focus{margin: 0 0 0.3rem 0;}
/*
.banner{margin: 0 0 0.3rem 0;}
.banner img{display: block;width:100%;}
*/
.index-pro li{float: left;width: 20%;padding:0 0 0.1rem; background-color:#34a5fc; border-right:1px #FFF solid;}
.index-pro a{position: relative;display: block; width: 75%;margin: 0 auto;}
.index-pro img{display: block;width: 100%;}
.index-pro span{position: absolute;left: 0;bottom: 0.15rem;width:100%;text-align: center;font-size: 0.22rem; color: #FFF;}

.index-block{/*padding: 0 0.2rem;*/padding:0;margin: 0 0 0.3rem 0;}
.index-block .ihd{height: 0.7rem;font-size: 0.28rem; line-height: 0.7rem; color: #ffffff; background-color:#0156be; text-align:center;}
.index-block .ihd img{height: 0.34rem; margin: 0 0.1rem 0 0; vertical-align: middle;}
.tab-pro{margin: 0.15rem 0 0 0;}
.tab-pro .hd{margin:0 0 0.3rem 0;font-size:0.24rem;line-height:0.5rem;text-align:center;background: #e1e1e1;}
.tab-pro .hd span{float: left;width: 50%;height: 0.5rem;}
.tab-pro .hd span.on{color: #fff; background: #02cdf8;}
.tab-pro li{float: left;position:relative;width: 33.33333%;text-align: center;font-size: 0.2rem;line-height: 0.26rem;border-right: 1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tab-pro li:nth-child(3n){border-right: none;}
.tab-pro li:nth-last-child(1),.tab-pro li:nth-last-child(2),.tab-pro li:nth-last-child(3){border-bottom: none;}

.tab-pro li a{display: block;padding:0.2rem 0;}
.tab-pro li img{display: block;width: 47%;margin: 0 auto;max-width: 0.94rem;}
.tab-pro li strong{display:block;margin:0.1rem 0 0 0;font-weight: normal;}
.tab-pro li span{display: block; color: #999;}
.tab-pro .btn-more{display: block;width: 3.2rem;height: 0.6rem; margin: 0.3rem auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}

.index-yh{margin: 0.2rem 0 0 0;}
.index-yh a{display: block;overflow: hidden;}
.index-yh img{display: block;width: 100%;}
.index-yh .yh-l{float: left;width: 35%;}
.index-yh .yh-r{float: right;width: 63.33333%;}
.index-yh .yh-r1{width: 100%;padding: 0 0 2.5% 0;}
.index-yh .yh-r2{float: left;width: 47.3684%}
.index-yh .yh-r3{float: right;width: 50%}

.index-news{padding-top:0.15rem;padding-bottom:0.15rem;background: #f5f5f5;}
.index-news h3{float: left;width: 0.94rem;height: 0.94rem;padding:0.11rem 0 0 0;font-size:0.3rem;line-height:0.36rem;text-align:center;background: #e1e1e1;}
.index-news .bd{float: right;width: 4.9rem;height: 0.94rem;}
.index-news .hot-news{height: 0.94rem;}
.index-news .swiper-slide{height: 0.94rem;}
.index-news p{padding:0.1rem 0 0 0;}
.index-news a{font-size: 0.2rem;line-height: 0.3rem;}
.index-news a span{ display: inline-block;margin:0 0.1rem 0 0;padding:0 5px;vertical-align: top; color:#fff;background: #4cbbb4; border-radius: 3px; overflow: hidden;}

.index-case{margin: 0.2rem 0 0 0;}
.index-case img{display: block;width: 100%;}
.index-case .swiper-slide{position: relative;}
.index-case .case-info{position: absolute; right: 3.3%; top: 0; width: 45%;}
.index-case label{display:inline-block;padding: 0 0.1rem;font-size: 0.2rem;color: #fff;line-height: 0.35rem;background: #4cbbb4; border-radius: 0 0 5px 5px; vertical-align: top;}
.index-case .title{padding:20% 0 0 0;font-size: 0.2rem; color: #999;}
.index-case .title span{font-size: 0.36rem; line-height: 120%; color: #666;}
.index-case .info{padding:5% 0 0 0;font-size: 0.2rem; line-height: 0.24rem; color: #666;}
.index-case .info span{ width: 1.1rem; height: 0.34rem; margin: 0 0 4% 0; line-height: 0.34rem; text-align: center; font-size: 0.2rem; background: #666; color: #fff;}
.index-case p{position: absolute;left:0;top:88%;width:100%;text-align: center;font-size: 0.24rem;}
.index-case .btn-more{display: block;width: 3.4rem;height: 0.6rem; margin: 0.2rem auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}
/*
.zj-focus{margin:0.2rem 0 0 0;}
.zj-focus img{display: block;width: 100%;}
.zj-focus .swiper-slide{position: relative;}
.zj-focus .bg{position:absolute;left:0;bottom:8%;width: 100%; padding: 3%; font-size: 0.2rem; line-height: 0.24rem;color: #666;background: rgba(255,255,255,0.7);}
.zj-focus .title{padding:0 0 2% 0;font-size: 0.24rem;color: #4cbbb4;}
.zj-focus .swiper-pagination{position: static;}
*/
.brand-zhuanjia{margin-top: 0.2rem;}
.brand-zhuanjia .bd li{position: relative;}
.brand-zhuanjia .bg{position:absolute;left:0;bottom:8%;width: 100%; padding: 3%; font-size: 0.2rem; line-height: 0.24rem;color: #666;background: rgba(255,255,255,0.7);}
.brand-zhuanjia .title{padding:0 0 2% 0;font-size: 0.24rem;color: #4cbbb4;}
.brand-zhuanjia .swiper-pagination{position: static;}
.brand-zhuanjia .hd{margin:0.1rem 0 0 0;font-size: 0; text-align: center;}
.brand-zhuanjia .hd li{display: inline-block;width:10px;height:10px;margin: 0 3px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background: #ddd; vertical-align: top;}
.brand-zhuanjia .hd li.on{background: #666;}

.ihd2{padding:0 0 2% 0;font-size: 0.28rem;color: #333; text-align: center; line-height: 0.3rem;}
.teyao li{position: relative; padding: 1.5%; margin: 2% 0 0 0; background: #f1f1f1;}
.teyao li a{display: block;}
.teyao .zj-pic{position:relative;float: left;width: 22.83%;padding: 22.83% 0 0 0;border-radius: 50%; overflow: hidden;}
.teyao .zj-pic img{position: absolute;left: 0;top: 0;width: 100%;}
.teyao .zj-title{ width: 90%; height: 0.7rem; padding: 0.2rem 0 0 0; line-height: 0.5rem; font-size: 0.2rem; color: #666; border-bottom: 1px dashed #e1e1e1;}
.teyao .zj-title span{padding: 0 0.2rem 0 0.2rem; font-size: 0.24rem;color: #333;}
.teyao .zj-info{padding:0.15rem 0 0 0;font-size: 0.2rem; color: #333; line-height: 0.26rem;}
.teyao .zj-info span{display: inline-block;padding: 2px 3px 0 3px;margin: 0 0.05rem 0 0.2rem; line-height: 0.26rem; color: #fff; background: #666; vertical-align: middle; border-radius: 3px;}
.teyao i{position: absolute; right: 1.5%; top: 7%; width: 0.7rem; height: 0.7rem; padding: 0.13rem 0 0 0; color: #fff;font-style: normal; font-size: 0.2rem; line-height: 0.24rem; text-align: center; background: #a6d5d2; border-radius: 50%;}
.teyao i:after{position: absolute; z-index: 1; left: 0rem; bottom: 0; width: 0.32rem; height: 0.32rem; content: ''; background: #a6d5d2; }
.teyao i span{position: relative; z-index: 2;}
.btn-ty{display: block;width: 3.4rem;height: 0.6rem; margin: 2% auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}



.yyue {
    width: 100%;
}


.yyue .ks .bj img {
    width: 100%;
}
.yyue .ks dl {
    width: 80%;
    margin: 10px auto 0;
}
.yyue .ks .tj {
    height: 36px;
    width: 40%;
    background-color: #BAC253;
    color: #fff;
    float: left;
}
.yyue .ks dl input {
    border: 1px solid #CCCCCC;
    width: 70%;
    height: 30px;
}
.yyue .ks .main3_2_zx {
    height: 36px;
    width: 40%;
    background-color: #81D7A6;
    display: block;
    float: right;
    line-height: 36px;
    color: #fff;
    text-align: center;
    margin-right: 10%;
}
.yyue .ks {
    width: 95%;
    margin: 0 auto;
    border: 1px solid #0B797C;
    height: 350px;
}.yyue .ks {
    height: 170px;
}
.call_number {
    display: block;
    width: 97%;
    margin: 20px auto;
}
.relative {
    position: relative;
}
.address_info {
    width: 100%;
    height: 306px;
    background: url(../index_files/addressBg.png) no-repeat center;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin: 20px auto;
}
.address_info {
    height: 196px;
}
.absolute {
    position: absolute;
}
.address_pic1 {
    top: 33px;
    width: 140px;
    height: 95px;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}.address_pic2 {
    right: 5px;
    top: 28px;
    width: 171px;
    height: 67px;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}.address_pic2 {
    right: 54px;
    top: 30px;
    width: 342px;
    height: 144px;
    background: url(../index_files/address_pic2.png) no-repeat;
}.address_pic2 {
    right: 5px;
    top: 28px;
    width: 171px;
    height: 67px;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.address_pic2 {
    right: 20px;
    width: 218px;
    height: 85px;
    top: 35px;
}.address_pic1 {
    left: 0;
    top: 66px;
    width: 280px;
    height: 190px;
    background: url(../index_files/address_pic1.png) no-repeat;
}.address_pic1 {
    top: 33px;
    width: 140px;
    height: 95px;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.address_pic1 {
    width: 179px;
    height: 121px;
    top: 42px;
}.address_online {
    right: 209px;
    top: 200px;
    width: 187px;
    height: 64px;
    background: url(../index_files/hMap.png) no-repeat;
}
.address_online {
    right: 105px;
    top: 100px;
    width: 94px;
    height: 32px;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.address_online {
    right: 126px;
    width: 112px;
    height: 40px;
    top: 128px;
}.hAbout {
    right: 10px;
    top: 200px;
    width: 187px;
    height: 64px;
    background: url(../index_files/hAbout.png) no-repeat;
}.hAbout {
    right: 6px;
    top: 100px;
    width: 94px;
    height: 32px;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.hAbout {
    right: 7px;
    width: 112px;
    height: 40px;
    top: 128px;
}




.con_wap {
	width:100%;
	max-width:640px;
	padding:0px;
	margin:0px;
	font-size:0px;
}
.con_wap img {
	width:100%;
}
.banner {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
}
img {
    border: 0;
    margin: 0;
    padding: 0;
}