.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden;}

.bt01{ position: relative; font-size: 2rem; color:#333333;padding-bottom: 0.8rem;font-weight: bold; text-align: center;line-height: 2.4rem;}
.bt01 a{ color:#333;display: block;}
.bt01::before{ width:1.8rem;height:0.15rem ;background:#0069d4; bottom:0;position: absolute;content:""; left: 50%; margin-left: -0.9rem;}
.bt01 span{display: block; font-size: 1.5rem; font-weight: normal;}

.g-list{ margin-top: 2.7rem;height:18rem;overflow: hidden;}
.g-list p{margin-top: 2rem;}
.g-list p a{ width:43.75%;height:3.1rem; text-align: center; line-height: 3.1rem; display: block; float: left;margin:0 0 1rem 4.68%; font-size: 1rem; color:#333333;background:#e7e7e7;}
.g-list p a:nth-child(2n){ margin-left: 3.1%;}
.g-list p a:hover , .g-list p a:first-child{background:#0069d4; color:#fff;}

.g-pro{height:29.8rem;border-bottom: 0.1rem solid #d9d9d9; overflow: hidden; position: relative;}
.pro_c li{ float: left;margin:1rem 0 0 4.68%; width:43.75%;height:11.0rem; line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow: 0 0.1rem 0.2rem 0.1rem #f6f6f6;border:1px solid #f3f3f3;}
.pro_c li img{display: block;}
.pro_c li:nth-child(2n){margin-left:3.1%;}
.pro_c li span{display: block;border-top: 1px solid #f4f4f4; height:3rem; font-size: 1rem; color:#777777; text-align: center; line-height: 3rem;overflow:hidden;}

.g-pro .proroll{bottom:0;height:4.2rem; text-align: center; left: 0; position: absolute;width:100%;}
.g-pro .proroll span{display: inline-block;width:1.2rem;height:1.2rem; margin:0 0.4rem;border-radius: 100%;background:#aaaaaa;opacity: 1;}
.g-pro .proroll .swiper-pagination-bullet-active{background:#0069d4;}

.g-sheb{margin-top: 2.3rem;}
.g-sheb dl{ width:50%; padding: 1.5rem 2.5rem 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: left;overflow: hidden;}
.g-sheb dt{ width:3.7rem; height:3.7rem;display: block; margin: 0 auto;}
.g-sheb dd{text-align: center; font-size: 1.5rem; line-height: 2.4rem; color:#333333;}

.g-case{padding-top: 2.4rem; height:43.3rem;background:#f4f4f4; position: relative; overflow: hidden; margin-top: 2.5rem;}
.case_c dl{margin:2rem 4.68%; background:#fff;height:31.8rem; overflow: hidden;}
.case_c dd{padding: 1.7rem 1.5rem 0;}
.case_c dd h3{position: relative; font-size: 1.3rem; color:#333333;font-weight: bold;padding-bottom: 0.8rem;}
.case_c dd h3 a{ display: block; color:#333;}
.case_c dd h3::before{ width:1.8rem;height:0.15rem ;background:#0069d4; bottom:0;position: absolute;content:""; left: 0;}
.case_c dd p{padding-top: 0.7rem; font-size: 1.2rem; line-height: 2.4rem; color:#777777;}

.g-case .caseroll{bottom:0;height:4.2rem; text-align: center; left: 0; position: absolute;width:100%;}
.g-case .caseroll span{display: inline-block;width:1.2rem;height:1.2rem; margin:0 0.4rem;border-radius: 100%;background:#aaaaaa;opacity: 1;}
.g-case .caseroll .swiper-pagination-bullet-active{background:#0069d4;}

.g-about{overflow: hidden; width:90.625%; margin: 2.5rem auto 1.5rem; border-bottom: 1px solid #d9d9d9;}
.g-about dl{margin-top: 2rem;}
.g-about dd {padding: 1.5rem 0;}
.g-about dd h3{ display: block; font-size: 1.3rem ; line-height: 2rem; color:#333333;font-weight: bold;overflow: hidden;text-align: center;}
.g-about dd p{ color:#777777; font-size: 1.2rem;line-height: 2.4rem;padding-top: 0.4rem;}

.g_xc2{height:21.7rem; overflow: hidden;}

.xc_nav{height:4.4rem;overflow: hidden; padding-left: 16.8%;} 
.xc_nav li{ float: left;margin-right: 3rem; height:2.2rem; overflow: hidden; font-size: 1.2rem; color:#333333;text-align: center; line-height:2.2rem; position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.xc_nav li.active {border-bottom: 0.15rem solid #0069d4; }

.xc_c{ position: relative;  height:12.2rem; overflow: hidden;}
.xc_c .swiper-button-prev{position: absolute; top: 4rem;width:1.5rem; height:1.5rem;left:2%;background:url(../images/caseprev1_02.gif) no-repeat center 0;background-size:100%; z-index: 3;}
.xc_c .swiper-button-next{position: absolute; top:4rem;width:1.5rem; height:1.5rem;right:2%;background:url(../images/casenext1_02.gif) no-repeat center 0;background-size:100%; z-index: 3;}
.xc_c .swiper-wrapper{}
.xclst2 li{ width:42.18%; margin-left: 4.68%; float: left;}
.xclst2 li:nth-child(2n){margin-left: 6.25%;}
.xclst2 li span{display: block; font-size: 1.2rem; color:#777777; text-align: center;line-height: 1.6rem; padding-top:0.8rem;}

html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}