@charset "utf-8";
/* CSS Document */
body{font-family:"PingFang SC Medium","Microsoft YaHei";text-align:center;padding:0; margin:0 auto;font-size:15px;color:#3d3d3d;line-height:30px; background:#fff;}
*body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-family:"PingFang SC Medium","Microsoft YaHei";}
body > div{text-align:left;margin-right:auto;margin-left:auto;}
div,form,ul,ol,li,dl,dt,dd{margin:0 auto;padding:0;border:0;text-align:left; font-weight: normal;}
img,a img,p,pre{border:0;margin:0;padding:0;}
h1,h2,h3,h4{margin:0;padding:0;font-weight:normal;}
ul,ol,li{list-style:none;text-align:left;}
table,th,td,input,textarea,select,p{font-size:15px;border:0;outline:none;font-family:"PingFang SC Medium","Microsoft YaHei";}
table,td,th{font-weight:normal;font-size:15px;font-family:"PingFang SC Medium","Microsoft YaHei";}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;vertical-align:middle; border:none;font-family:"PingFang SC Medium","Microsoft YaHei";}
img{vertical-align:middle;}
pre{white-space:normal;}
/* 默认链接颜色 */
a{outline-style:none !important;color:#666;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur());}for IE
:focus{-moz-outline-style:none;}for Firefox

.unline,.unline a{text-decoration:underline}
.nounline,.nounline a,.list12 .nounline{text-decoration:none;}
/* 通用属性 */
.left,.fl{float:left;}
.right,.fr{float:right;}
.overflow{overflow:auto; overflow:hidden;}
.clearfix:after {display:block;clear:both;height: 0;}
.clearfix {zoom:1;}
.center{margin:0 auto;}
.none{display:none;}
.both{clear:both;}
textarea {-webkit-appearance: none; resize: none;}
.button{ border-radius:0;}
.clear:after {
	content: '';
	display: block;
	clear: both;
}
body{
	background: #F0F0F0
}
/*首页*/
.index_swiper img{
	width: 100%;
}
.chuxin_box{
	background: url(../images/chuxin_bg.png) no-repeat;
	background-size: 100% 100%;
	padding:0 .3rem;
	overflow: hidden;
	padding-bottom: 1rem;
}
.chuxin_box h2{
	font-family: "chuxinFont";
	font-size: .71rem;
	margin:.5rem .3rem;
	text-align: center;
	background: url('../images/tit_bg.png') no-repeat;
	animation: all 1.2s;
}
.jingli_year dl{
	float: left;
	width: 50%;
}
.jingli_year dl:nth-child(2){
	margin-top: .8rem
}
.jingli_year dl:nth-child(3){
	margin-top:0rem;
	margin-left: 1rem
}
.jingli_year dt{
	font-family: "chuxinFont";
	font-size: 1rem;
	color: #FD3F3F;
	text-align: center;
}
.jingli_year dt small,.jingli_year dt sup{
	font-size: .48rem;
}
.jingli_year dd{
	text-align: center;
	font-size: .28rem;
	line-height: .4rem
}
.jingli_year dd:nth-child(3){
	font-size: .22rem;
	color: #666;

}
.about_index{background: url(../images/gongsi.png) no-repeat;padding: .8rem .3rem;overflow: hidden;background-size: 100%}
.about_img{text-align: center;}
.focus_img{width: 4.96rem;height: 2.39rem;margin: 0 auto}
.gongsi_left{float: left;width: 50%;margin-top: .6rem}
.gongsi_left img{width: 3.62rem}
.gongsi_right{margin-top: .6rem;float: left;width: 2.27rem}
.gongsi_right h2{font-family: "gongsiFont";font-size: .58rem;margin-left: .4rem;color: #fff;line-height: .8rem;
white-space: .2rem}
.youshi_index{background: url(../images/youshi_bg.png) no-repeat;background-size: 100%;padding: .3rem}
.youshi_tit img{width: 5.35rem;}
.youshi_tit{text-align: center;}
.our_youshi{font-size: .2rem;color: #AFAFAF;text-align: center;}
.youshi_list img{width: 6.52rem;}
.youshi_list{text-align: center;margin-top: .5rem}
.our_partner{background: url(../images/partner_bg.png) no-repeat;padding:.8rem 0;margin-bottom: 1rem}
.our_partner .youshi_list img{width:7.44rem}
.partner_img img{width: 5.59rem;margin-top: .4rem}
.partner_img{text-align: center;}
.index_bottom dl{float: left;width: 33%;}
.index_bottom{position: fixed;bottom: 0;height: 1.1rem;background: #fff;width: 100%;}
.index_bottom dl dt{text-align: center;height: .7rem;line-height: .7rem;}
.index_bottom dl dt img{width: .36rem;vertical-align: middle;}
.index_bottom dd{font-size: .18rem;color: #231815;text-align: center;margin-top: -.15rem}
.fuwu_list{position: relative;height: 3.2rem}
.fuwu_list img{width: 100%;}
.zhezhaoceng{position: absolute;top: 0;left: 0;width: 100%;background: rgba(0,0,0,0.5);display: inline-block;height: 100%}
.zhezhaoceng.active{background: none;}
.fuwu_title{position: absolute;top: 50%;left: 50%;width:100%;transform:translate(-50%,-50%);display: inline-block;text-align: center;z-index: 99;color: #fff;font-size: .4rem}
.index_bottom dd.bottom_active{color: #FD3F3F;}
.fuwu_box{margin-bottom: 1rem}
.fuwu_fenlei span{display: inline-block;background: url(../images/fuwu_active.png) no-repeat;width: .73rem;
	height: .73rem;background-size: 100%;padding:.3rem .2rem;font-size: .24rem;line-height: .3rem;
	text-align: center;color: #fff;}
.fuwu_fenlei span.active1{background: url(../images/fuwu_active1.png) no-repeat;background-size: 100%;padding-left: .3rem;margin-left: -.1rem}
.fuwu_fenlei{position: fixed;bottom: 3rem;right: .3rem;width: .93rem}
.fuwu_box:nth-child(2){display: none}
.conact_box .conact_top img{width: 100%;}
.address_title{font-size: .32rem;color: #4B4B4B;font-family: "gongsiFont"}
.address_info{padding: .3rem;background: #fff;margin-top: .1rem;padding-bottom: .5rem}
.gongsi_add h4{font-size: .16rem;font-weight: bold;line-height: .4rem}
.gongsi_add{margin-top: .4rem}
.gongsi_add div{font-size: .14rem;font-weight: bold;line-height: .3rem}
.conact_service h1{font-size: .32rem;font-family: "gongsiFont";font-weight: bold}
.conact_service{margin: .2rem 0;padding: .3rem;background: #fff;}
.contact_tel{color: #E84240;font-size: .37rem;font-weight: bold;}
.xiangqing_box img{width: 100%;}
@font-face {
	font-family: 'chuxinFont';
	src: url('../font/yuwei.ttf');
        font-weight: bold;
        font-style: normal;
}
@font-face {
	font-family: 'gongsiFont';
	src: url('../font/BauerBodoniBT-Titling.otf');
        font-weight: bold;
        font-style: normal;
}






.head_top{padding:0 .15rem;position: relative;}
.z_op{position:fixed;right:3%;top:0;z-index:100;}
.z_op img{width:.65rem;}
.z_nav_list{width:40%;height:100vh;padding:.30rem 0 .30rem .50rem; position:fixed;right:-60%;top:0;}
.z_nav_list ul{padding-left:.25rem;}
.z_nav_list li{line-height:1rem; border-bottom:1px solid #333;}
.z_nav_list a{display: block; color:#fff;}
.title-father {padding: 0;right:0;display: none;position: fixed;top: 0;	left: 0;z-index: 99999;	width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.title {position: absolute;width:3.95rem;height:100vh;top: 0;right: -2.5rem;	background: #1a1b1c;}
.nav_P{margin-top:.08rem;color:#fff;height:.88rem;line-height: .88rem;font-size:.28rem;padding-left:.25rem;}
.nav_P img{width:.25rem;}
.xz_ban{background: url(../images/xz_01.png) no-repeat;background-size:100%;height:2.7rem;padding:1rem .50rem 0 .50rem;color:#f7df4e;font-size:.25rem;}
.xz_ban h1{font-size:.70rem;font-weight: bold;color:#fff;line-height:1rem;}
.xz_ban2 img{width:100%;}
.xz_ban3{background: url(../images/xz_48.png) no-repeat;background-size:100%;height:3.13rem;color:#fff;}
.xz_ban4{background: url(../images/xz_61.png) no-repeat;background-size:100%;height:2.8rem;padding:1rem 0 0 0;color:#fff;text-align: center;}
.xz_ban4 h1{font-size:.52rem;font-weight: bold;color:#fff;line-height:1rem;}
.lanbg{background:#f1f5f9; overflow: hidden;zoom:1;}
.baibg{background:#fff; overflow: hidden;zoom:1;}
.huibg{background:#f3f3f3; overflow: hidden;zoom:1;}
.xa_datit{padding:.55rem 0;}
.xa_datit dt{font-size:.50rem;font-weight: bold;text-align: center;margin-bottom:.1rem;}
.xa_datit dd{text-align: center;line-height:.50rem;}
.xz_uidl{overflow: hidden;zoom:1;margin-bottom: .20rem;}
.xz_uidl dt{float:left;width:2.2rem;}
.xz_uidl dt img{width:90%;}
.xz_uidl dd{padding-top:.2rem;line-height:.45rem;}
.xz_uidl dd h1{font-size:.40rem;margin:7px 0;font-weight: bold;}
.xa_datit{margin:0 .50rem;}
.xa_xzimg img{width:100%;text-align: center;}
.xa_anli{font-size:.40rem;padding-bottom: .60rem;overflow: hidden;zoom:1;}
.xa_anli li{float:left;width:50%;text-align: center;}
.xa_anli li img{display: block;width:100%;}
.xz_liuc{background: url(../images/xz_18.png) no-repeat;background-size:100%;height:2.7rem;padding:.20rem .50rem 0 .50rem;color:#f7df4e;font-size:.15rem;text-align: center;}
.xz_liuc h1{font-size:.40rem;font-weight: bold;color:#fff;text-align: center;}
.xz_dabt{text-align: center;margin:.40rem 0;}
.xz_dabt img{width:2.2rem;}
.xz_dabt2{text-align: center;margin:.40rem 0;}
.xz_dabt2 img{width:4rem;}
.xz_dabt3{text-align: center;margin:.40rem 0;}
.xz_dabt3 img{width:2.8rem;}
.xz_appul{margin:0 .15rem;overflow: hidden;zoom:1;}
.xz_appul li{float:left;width:25%;height:100px;margin-bottom:20px; text-align: center;font-size:.30rem;}
.xz_appul li img{display: block;margin:0 auto;}
.redbg{background:#f22d3f;overflow: hidden;zoom:1;}
.xz_appdl{overflow: hidden;zoom:1;margin:0 20px;padding:30px 0;}
.xz_appdl dt{width:40%;}
.xz_appdl dt img{width:2.5rem;}
.xz_appdl dd{width:55%;padding-top:40px;color:#fff;line-height:26px;}
.xz_appdl dd h1{font-size:.50rem;font-weight: bold;margin-bottom: 15px;}
.xz_appdl2 dd{color:#333;}
.xz_webdl{overflow: hidden;zoom:1;padding:30px 0;}
.xz_webdl dt{width:50%;text-align: right;}
.xz_webdl dt img{width:3.7rem;}
.xz_webdl dd{width:44%;padding:20px 0 0 20px;color:#fff;line-height:26px;}
.xz_webdl dd h1{font-size:.50rem;font-weight: bold;margin-bottom:5px;}
.xz_webul{overflow: hidden;zoom:1;background: url(../images/xz_50.png) no-repeat;background-size:100%; height:3.8rem;}
.xz_webul li{width:33%;float:left;text-align: center;font-size:.35rem; color:#5c7695;font-weight: bold;padding-top:1.1rem;}
.webbg{background:#fff url(../images/xz_56.png) no-repeat;background-size:100%;overflow: hidden;zoom:1;padding-top:1.2rem;}
.xz_shejdl{width:43%;float:left;margin:0 13px 20px 13px;}
.xz_shejdl dt{font-size:.50rem;font-weight: bold;text-align: center;border:1px solid #8e8e9f;color:#8e8e9f;height:.80rem;line-height:.80rem;margin-bottom:10px;}
.xz_shejdl dd{text-align: center;color:#8e8e9f;line-height:.40rem;}
.xz_anbt{background: url(../images/xz_67.png) no-repeat center;background-size:2rem;height:2.6rem;line-height:2.6rem;text-align: center;font-weight: bold;font-size:.45rem;}
.xz_anbt2{background: url(../images/xz_68.png) no-repeat center;background-size:2rem;height:2.6rem;line-height:2.6rem;text-align: center;font-weight: bold;font-size:.45rem;}
.xz_anbt3{background: url(../images/xz_69.png) no-repeat center;background-size:2rem;height:2.6rem;line-height:2.6rem;text-align: center;font-weight: bold;font-size:.45rem;}
.xz_anbt4{background: url(../images/xz_70.png) no-repeat center;background-size:2rem;height:2.6rem;line-height:2.6rem;text-align: center;font-weight: bold;font-size:.45rem;}
.xz_anbt5{background: url(../images/xz_71.png) no-repeat center;background-size:2rem;height:2.6rem;line-height:2.6rem;text-align: center;font-weight: bold;font-size:.45rem;}
/*xu*/
.xu_header{ height: .97rem; line-height: .97rem; padding: 0 .21rem; background: #fff; position: fixed; top: 0; width: 100%; left: 0; box-sizing: border-box; z-index: 99;}
.xu_headerhe{ height: .97rem;}
.mclogo{ width: 1.52rem;}
.daoh{ float: right; width: .4rem; margin-top: .31rem;}
.banner{ position: relative;}
.bannerimg{ width:100%;}
.bannertext{ width: 100%; background: url(../images/yichong.png)no-repeat top center; background-size: 100%; padding-top: 3rem; position: absolute; top: 0.5rem; animation:bounceInLeft 2s;
    -moz-animation:bounceInLeft 2s; /* Firefox */
    -webkit-animation:bounceInLeft 2s; /* Safari and Chrome */
    -o-animation:bounceInLeft 2s; /* Opera */}
.texttit{ font-size: .96rem; color: #fff; font-weight: bold; line-height: 1rem; padding-left: 1.2rem;}
.textcon1{ font-size: .45rem; color: #fff; font-weight: bold; line-height: .5rem; padding-top: .25rem; text-align: center;}
.youzhi{font-size: .21rem; color: #fff; text-align: center; font-weight: 400;}
.mianzi{ display: block; width: 2.46rem; height: .67rem; line-height: .67rem; text-align: center; background: #FFD800; border-radius: .34rem; font-size: .24rem; color: #010101; font-weight: bold; margin: auto; margin-top: .2rem;}
.newyear{ background: url(../images/yesbg.png)no-repeat #fff bottom center; background-size: 100%; overflow: hidden;}
.newyear dl{ float: left; width: 33%; text-align: center;}
.newyear dl dt{ font-size: .48rem; text-align: center; font-family:"Alod"; font-weight: 600; color: #F02E47; line-height: .5rem; padding-top: .7rem; padding-bottom: .16rem;}
.newyear dl dd{text-align: center; font-size: .24rem; color: #333333; line-height: .3rem; padding-bottom: .6rem;}
.ourfuwu{ background: #fff;}
.ourtit{ font-size: .38rem; color: rgba(75,81,91,.9); text-align: center; font-weight: bold; padding-top: .68rem; padding-bottom: .3rem;}
.fuwudl{ width: 33%; float: left; padding-bottom: .2rem;}
.fuwudl dt{ width: 100%; text-align: center;}
.fuwudl dt img{ width: .81rem; height: .69rem;}
.fuwudl dd{ font-size: .24rem; color: #333333; font-weight: bold; text-align: center;}
.ouryou{ background: #F2F2F2;}
.ouryoudl{ width: 50%; float: left; padding-bottom: .6rem;}
.ouryoudl dt{ width: 1.2rem; height: 1.2rem; font-size: .36rem; color: #fff; border-radius: 50%; line-height: 1.2rem; text-align: center; font-weight: bold; margin-bottom: .2rem;}
.ouryoudl:nth-child(1) dt{ background:linear-gradient(90deg,rgba(251,58,90,1),rgba(243,159,46,1));}
.ouryoudl:nth-child(2) dt{ background:linear-gradient(90deg,rgba(117,114,229,1),rgba(155,153,219,1));}
.ouryoudl:nth-child(3) dt{ background:linear-gradient(90deg,rgba(38,181,161,1),rgba(73,215,195,1));}
.ouryoudl:nth-child(4) dt{ background:linear-gradient(90deg,rgba(0,180,255,1),rgba(60,110,207,1));}
.ouryoudl dd{ text-align: center;font-size: .28rem; color: #333333;}
.ourdldiv{ overflow: hidden;}
.newapp{background:linear-gradient(0deg,rgba(236,1,80,1),rgba(245,64,55,1));}
.newtit{ text-align: center; font-size: .42rem; color: #fff; font-weight: bold; padding-top: .8rem; padding-bottom: .7rem;}
.newappimg{ overflow: hidden;}
.newappimg dl{ width: 50%; float: left;}
.newappimg dl dt{ text-align: center;}
.newappimg dl dd{font-size: .28rem; color: #fff; text-align: center; font-weight: bold; background: url(../images/appbot.png)no-repeat bottom center; padding: .3rem 0 .15rem 0; margin-bottom: .6rem;}
.appimg{ width: 2.92rem;}
.design{ width: 3.26rem; margin-bottom: .47rem;}
.morean{ text-align: center;  position: relative; width: 2.52rem; height: .68rem; line-height: 1rem;}
.morean .morebg{ width: 2.52rem; height: .68rem; position: absolute; bottom: 0; left: 0;}
.morean img{ width: .09rem; height: .16rem; margin-left: .1rem;}
.morean a{ font-size: .24rem; color: #fff; text-align: center;}
.liucheng{ width: 90%; margin-bottom: .8rem;}
.liucheng img{ width: 100%;}
.hezuoul{ width: 6.3rem;}
.hezuoul li{ float: left; width: 2rem; height: .94rem;box-shadow:0px 1px 27px 0px rgba(228,228,228,0.74); margin-right: .12rem; margin-bottom: .18rem;}
.hezuoul li:nth-of-type(3n+3){ margin-right: 0;}
.hezuoul li img{ width: 100%; height: 100%;}
.swiper-wrapper{ padding-bottom: 20px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0 !important;}
.swiper-pagination-bullet-active{ background: #F54037 !important;}
.buttop{animation:bounceIn 1s;
    -moz-animation:bounceIn 1s; /* Firefox */
    -webkit-animation:bounceIn 1s; /* Safari and Chrome */
    -o-animation:bounceIn 1s; /* Opera */}
.butleft{
	animation:bounceIn 2s;
    -moz-animation:bounceIn 2s; /* Firefox */
    -webkit-animation:bounceIn 2s; /* Safari and Chrome */
    -o-animation:bounceIn 2s; /* Opera */
}
.butdown{
	animation:fadeInDown 2s;
    -moz-animation:fadeInDown 2s; /* Firefox */
    -webkit-animation:fadeInDown 2s; /* Safari and Chrome */
    -o-animation:fadeInDown 2s; /* Opera */
}
.butup{
	animation:fadeInUp 2s;
    -moz-animation:fadeInUp 2s; /* Firefox */
    -webkit-animation:fadeInUp 2s; /* Safari and Chrome */
    -o-animation:fadeInUp 2s; /* Opera */
}
.butdup{
	animation:fadeInUp 2s;
    -moz-animation:fadeInUp 2s; /* Firefox */
    -webkit-animation:fadeInUp 2s; /* Safari and Chrome */
    -o-animation:fadeInUp 2s; /* Opera */
}
.butfax{
	animation:flipInX 2s;
    -moz-animation:flipInX 2s; /* Firefox */
    -webkit-animation:flipInX 2s; /* Safari and Chrome */
    -o-animation:flipInX 2s; /* Opera */
}
.butfay{
	animation:flipInY 2s;
    -moz-animation:flipInY 2s; /* Firefox */
    -webkit-animation:flipInY 2s; /* Safari and Chrome */
    -o-animation:flipInY 2s; /* Opera */
}
.butjack{
	animation:rotateIn 2s;
    -moz-animation:rotateIn 2s; /* Firefox */
    -webkit-animation:rotateIn 2s; /* Safari and Chrome */
    -o-animation:rotateIn 2s; /* Opera */
}
/*.ourfuwu2{ margin-bottom: 1.2rem;}*/
.phonezai{ line-height: 1.2rem; height: 1.2rem; background: #21252A; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 9; text-align: center;}
.phonezai a{ display: inline-block; width: 2.46rem; text-align: center; font-size: .24rem; line-height: .67rem; height: .67rem; border-radius: .34rem; outline: none; box-sizing: border-box; font-weight: bold;}
.phonezai a:first-child{ border: .03rem solid #F02E47; color: #F02E47; background: #fff; margin-right: .4rem;}
.phonezai a:last-child{ background: #FFD800;box-shadow:0px 6px 20px 0px rgba(64,21,89,0.2); color: #000;}