@charset "utf-8";
/* CSS Main */

html{color:#4d4d4d; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea,span{font:13px/1.5em "microsoft yahei";}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none;}

a {color:#0066cc;}
.a-hide {display: block; height: 100%; text-indent: -999px; overflow: hidden;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align:center;}
.tj{text-align:justify;*text-justify:distribute;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.b { font-weight:bold;}
.n { font-weight:normal;}
.i { font-style:italic;}

.fn:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.fn{*zoom:1}
.l{float:left}
.r{float:right}
.cl{clear: both;}
.rel{ position:relative;}
.abs{ position:absolute;}
.oh{overflow:hidden}

.db { display:block;}
.di { display:inline;}
.dn { display:none;}
.dib{display:inline-block;*display:inline;*zoom:1}
/* =0 Reset
--------------------------------------------------------------*/

/* Global
--------------------------------------------------------------*/
body{ height:100%; min-height:100%; text-align:center;}
#wrapper { height:auto; margin:0 auto; max-width:640px;}
#container {width:100%;margin:0 auto;}
#container {height:auto!important; height:100%; min-height:100%;}
#header { height:auto; overflow:hidden;z-index:1; position:relative;text-align:center;}
#main { height:auto!important; height:100%; position:relative;}
#footer { padding:5px 0; background:#000; color:#fff;}
/*----------------------------------  Global����  ------------------------------------*/
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}
input,select{-webkit-appearance: none;margin-left: 20px;padding: 10px 0;height: 100%;border: none;box-sizing: border-box;font-size: 16px;line-height: 30px;color: #333;}
.mt20{margin-top: 20px !important;}
.mt10{margin-top: 10px !important;}
.ml18{margin-left: 18px !important;}
.mt0{margin-top: 0px !important;}
.pt20{padding-top: 20px !important;}
.pt5{padding-top: 5px !important;}
.pt0{padding-top: 0px !important;}
.c06A243{color: #06A243 !important;}
.ed3f41{color: #ed3f41 !important;}
.eba900{color: #eba900 !important;}
.fff{background: #fff !important;}
/*关于翼码*/
.banner { height:4.41rem;background: #1a62e1;}
.banner img { width: 5.84rem; height: 2.55rem;}
.banner h1 { padding: 1.1rem 0 .7rem; line-height: .42rem; font-size: .44rem; color: #ffffff; font-weight: bold; text-align: center;}
.banner h1 span { font-size: .5rem; line-height: .42rem; color: #ffffff; margin-left: .1rem; opacity: .39; vertical-align: bottom;}

.introduce { margin: 0 .7rem; padding: 0 0 .8rem;}
.introduce h1{ font-size: .36rem; padding: 1.4rem 0 .8rem 0; color: #1f2b43; font-weight: bold;}
.introduce .introduce-txt h3 { text-align: left; font-size: .28rem; color: #2f3d57; margin-bottom: .2rem;}
.introduce .introduce-txt p { text-align: justify; font-size: .24rem; color: #7a8ba6; line-height: .4rem; margin-bottom: .4rem;}
.introduce .introduce-list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.introduce .introduce-list li { flex: 0 0 2.87rem; height: .85rem; margin-bottom: .3rem; color: #ffffff; font-size: .32rem; display: flex; justify-content: center; align-items: center;}
.introduce .introduce-list li:nth-child(1) { background: url(../Image/gyymwap/2022/bg-qyjs-01.png) no-repeat center center;background-size: cover;}
.introduce .introduce-list li:nth-child(2) { background: url(../Image/gyymwap/2022/bg-qyjs-02.png) no-repeat center center;background-size: cover;}
.introduce .introduce-list li:nth-child(3) { background: url(../Image/gyymwap/2022/bg-qyjs-03.png) no-repeat center center;background-size: cover;}
.introduce .introduce-list li:nth-child(4) { background: url(../Image/gyymwap/2022/bg-qyjs-04.png) no-repeat center center;background-size: cover;}

.power { background: url(../Image/gyymwap/2022/bg-power-title.png) no-repeat top center;background-size: contain;}
.power h1{ font-size: .36rem; padding: .8rem 0 .6rem 0; color: #ffffff; font-weight: bold; border-radius: .05rem .05rem 0 0;}
.power>p { font-size: .28rem; padding: .25rem 0 .35rem; color: #8a93a2;}
.power .swiper-container1 { overflow-x: hidden;}
.power .swiper-slide { position: relative; text-align: left; margin: 0 .11rem; display: flex; justify-content: center; align-items: center;}
.power .powerBox { width: 3.38rem; height: 3.79rem; margin: 0 .11rem; box-sizing: border-box; padding: .45rem .3rem 0 .3rem; box-shadow: 0 0 .38rem rgba(140, 154, 168, .15);}
.power .power-01 .powerBox:nth-child(1) { background: url(../Image/gyymwap/2022/bg-power-01.png) no-repeat center center;background-size: cover;}
.power .power-01 .powerBox:nth-child(2) { background: url(../Image/gyymwap/2022/bg-power-02.png) no-repeat center center;background-size: cover;}
.power .power-02 .powerBox:nth-child(1) { background: url(../Image/gyymwap/2022/bg-power-03.png) no-repeat center center;background-size: cover;}
.power .power-02 .powerBox:nth-child(2) { background: url(../Image/gyymwap/2022/bg-power-04.png) no-repeat center center;background-size: cover;}
.power .power-03 .powerBox:nth-child(1) { background: url(../Image/gyymwap/2022/bg-power-05.png) no-repeat center center;background-size: cover;}
.power .power-03 .powerBox:nth-child(2) { background: url(../Image/gyymwap/2022/bg-power-06.png) no-repeat center center;background-size: cover;}
.power .swiper-slide .title { display: flex; justify-content: flex-start; align-items: center;}
.power .swiper-slide .title img { width: .45rem; height: .45rem; margin-right: .2rem;}
.power .swiper-slide .title span { font-size: .28rem; color: #2f3d57;}
.power .swiper-slide .txt { padding: .4rem 0; box-sizing: border-box;}
.power .swiper-slide .txt p { text-align: justify; font-size: .24rem; color: #58637f; line-height: .42rem;}
.power .swiper-pagination1 { margin: .44rem 0 .64rem;}
.power .swiper-pagination1 .swiper-pagination-bullet { width: .08rem; height: .08rem; margin: 0 .05rem; border-radius: .04rem; transition: all .3s;}
.power .swiper-pagination1 .swiper-pagination-bullet-active { width: .44rem; background: #1a62e1;}

.honor { position: relative;}
.honor:after { content: ""; display: block; width: 100%; height: 4.02rem; position: absolute; bottom: 0; left: 0; background: #1a62e1; z-index: -1;}
.honor h1{ font-size: .36rem; padding: .8rem 0 .6rem 0; color: #ffffff; font-weight: bold; border-radius: .05rem .05rem 0 0;}
.honor>p { font-size: .28rem; padding: .25rem 0 .35rem; color: #8a93a2;}
.honor .swiper-container2 { overflow-x: hidden;}
.honor .swiper-slide { width: 6.05rem; height: 7.33rem; box-sizing: border-box; padding: .8rem .6rem; margin: 0 .12rem; box-shadow: 0 0 .38rem rgba(140, 154, 168, .15);}
.honor .honor_box { margin-bottom: .5rem;}
.honor .honor-01 { background: url(../Image/gyymwap/2022/bg-honor-01.png) no-repeat center center;background-size: cover;}
.honor .honor-02 { background: url(../Image/gyymwap/2022/bg-honor-02.png) no-repeat center center;background-size: cover;}
.honor .honor-03 { background: url(../Image/gyymwap/2022/bg-honor-03.png) no-repeat center center;background-size: cover;}
.honor .swiper-slide h3 { font-size: .32rem; color: #1f2b43; margin-bottom: .4rem; text-align: left;}
.honor .swiper-slide p { text-align: left; padding-left: .1rem; position: relative; font-size: .24rem; color: #7a8ba6; line-height: .48rem;}
.honor .swiper-slide p::before { content: ""; position: absolute; top: .22rem; left: 0; vertical-align: middle; display: inline-block; width: .04rem; height: .04rem; border-radius: .02rem; background: #7a8ba6;}
.honor .swiper-slide h4 { font-size: .24rem; color: #1f2b43; text-align: left;}
.honor .swiper-pagination2 { margin: .44rem 0 .64rem;}
.honor .swiper-pagination2 .swiper-pagination-bullet { width: .08rem; height: .08rem; background: #c2c3cd; opacity: .6; margin: 0 .05rem; border-radius: .04rem; transition: all .3s;}
.honor .swiper-pagination2 .swiper-pagination-bullet-active { width: .44rem; background: #ffffff; opacity: 1;}

.serviceScope { position: relative; width: 100%; min-height: 9.64rem; box-sizing: border-box; background: url(../Image/gywcwap/2022/map.png) no-repeat center center; background-size: cover;}
.serviceScope h1{ font-size: .36rem; padding: 1.05rem 0 .4rem 0; color: #1f2b43; font-weight: bold; border-radius: .05rem .05rem 0 0;}
.serviceScope>p { font-size: .24rem; padding: 0 .86rem .8rem; color: #58637f;}
.serviceScope .cityData { padding: 0 .86rem; display: flex; justify-content: space-between; align-items: center;}
.serviceScope .cityData li { text-align: left;}
.serviceScope .cityData li p { font-size: .72rem; color: #1a62e1; margin-bottom: .3rem;}
.serviceScope .cityData li span { font-size: .24rem; color: #58637f;}
.serviceScope .bottom { font-size: .22rem; padding: 0; color: #b8bcc5; position: absolute; left: 50%; bottom: .4rem; transform: translateX(-50%);}

.contact { margin: .8rem .25rem;}
.contact .weihu { margin: .2rem auto; width: 6.99rem; height: 3.79rem; padding: .6rem; box-sizing: border-box; box-shadow: 0 0 .38rem rgba(140, 154, 168, .15); background: url(../Image/gyymwap/2022/bg-weihu.png) no-repeat center center;background-size: cover;}
.contact .weihu h2 { font-size: .32rem; color: #2f3d57; margin-bottom: .3rem; text-align: left;}
.contact .weihu ul li { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: .2rem; text-align: left;}
.contact .weihu ul li span { font-size: .24rem; color: #58637f;}
.contact .weihu ul li p { flex: 0 0 2.8rem; font-size: .24rem; color: #58637f;}
.contact .kefu { margin: .2rem auto; width: 6.98rem; height: 3.93rem; padding: .6rem; box-sizing: border-box; box-shadow: 0 0 .38rem rgba(140, 154, 168, .15); background: url(../Image/gyymwap/2022/bg-kefu.png) no-repeat center center;background-size: cover;}
.contact .kefu h2 { font-size: .32rem; color: #2f3d57; margin-bottom: .3rem; text-align: left;}
.contact .kefu ul li { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: .08rem; text-align: left;}
.contact .kefu ul li span { font-size: .24rem; color: #58637f;}
.contact .kefu ul li p { font-size: .24rem; color: #58637f;}