@charset "utf-8";
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, table, th, td { margin: 0; padding: 0; }
fieldset, img, input, textarea, button, select { background: none no-repeat scroll; border: 0 none; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; vertical-align: middle; }
ol, ul, li { list-style: none; }
a { text-decoration: none; }
a:hover, a:link, a:active { text-decoration: none; }
.clearfix:after { display: table; content: ""; clear: both; }
.clearfix { zoom: 1 }
input, textarea, select { outline: none }
body {background:#fff ;font-size: 0.24rem;  color: #333;}
.nav0 { width: 100%; height: 0px; clear: both; overflow: hidden; }
.nav5 { width: 100%; height: 5px; clear: both; overflow: hidden; }
.nav10 { width: 100%; height: 10px; clear: both; overflow: hidden; }
.textC{ text-align: center;}
.textL{ text-align: left;}
.textR{ text-align: right;}
/* float */
.floatN{ float: none}
.floatL{ float: left}
.floatR{ float: right}
.omit{-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
.stong{ font-weight: bold;}
.clear {
    clear: both;
    height: 0px;
    width: 100%;
    font-size: 1px;
    line-height: 0px;
    visibility: hidden;
    overflow: hidden;
}
/*文字大小*/
.wtext_20 {font-size: 0.20rem;}
.wtext_22 {font-size: 0.22rem;}
.wtext_24 {font-size: 0.24rem;}
.wtext_26 {font-size: 0.26rem;}
.wtext_28 {font-size: 0.28rem;}
.wtext_30 {font-size: 0.30rem;}
.wtext_32 {font-size: 0.32rem;}
.wtext_34 {font-size: 0.34rem;}
.wtext_36 {font-size: 0.36rem;}
.wtext_38 {font-size: 0.38rem;}
.wtext_40 {font-size: 0.40rem;}
.wtext_42 {font-size: 0.42rem;}
.wtext_44 {font-size: 0.44rem;}
.wtext_46 {font-size: 0.46rem;}
.wtext_48 {font-size: 0.48rem;}
.wtext_50 {font-size: 0.50rem;}

.color_999 { color: #999;}
.color_666 { color: #666;}
.color_777 { color: #777;}
.color_ccc { color: #ccc;}
.color_fff { color: #fff;}
.color_333 { color: #333;}
.green { color: #0c6fb8;}

/* margin */
.wmg_auto { margin:auto; float:none;}		 .wmg00 { margin:0pt}
.wmg05 { margin:5pt}          .wmg10 { margin:10pt}
.wmg15 { margin:15pt}         .wmg20 { margin:20pt}
.wmg25 { margin:25pt}         .wmg30 { margin:30pt}
.wmg35 { margin:35pt}         .wmg40 { margin:40pt}
.wmg45 { margin:45pt}         .wmg50 { margin:50pt}

.wmt00 { margin-top: 0pt}
.wmt05 { margin-top: 5pt}     .wmt10 { margin-top: 10pt}
.wmt15 { margin-top: 15pt}    .wmt20 { margin-top: 20pt}
.wmt25 { margin-top: 25pt}    .wmt30 { margin-top: 30pt}
.wmt35 { margin-top: 35pt}    .wmt40 { margin-top: 40pt}
.wmt45 { margin-top: 45pt}    .wmt50 { margin-top: 50pt}
.wmt45 { margin-top: 55pt}    .wmt60 { margin-top: 60pt}
.wmt65 { margin-top: 65pt}    .wmt70 { margin-top: 70pt}

.wmb00 { margin-bottom: 0}
.wmb05 { margin-bottom: 5pt}  .wmb10 { margin-bottom: 10pt}
.wmb15 { margin-bottom: 15pt} .wmb20 { margin-bottom: 20pt}
.wmb30 { margin-bottom: 30pt} .wmb35 { margin-bottom: 35pt}
.wmb40 { margin-bottom: 40pt} .wmb45 { margin-bottom: 45pt}
.wmb50 { margin-bottom: 50pt}

.wmr00 { margin-right: 0}
.wmr05 { margin-right: 5pt}   .wmr10 { margin-right: 10pt}
.wmr15 { margin-right: 15pt}  .wmr20 { margin-right: 20pt}
.wmr25 { margin-right: 25pt}  .wmr30 { margin-right: 30pt}
.wmr35 { margin-right: 35pt}  .wmr40 { margin-right: 40pt}
.wmr45 { margin-right: 45pt}  .wmr50 { margin-right: 50pt}

.wml00 { margin-left: 0}
.wml05 { margin-left: 5pt}    .wml10 { margin-left: 10pt}
.wml15 { margin-left: 15pt}   .wml20 { margin-left: 20pt}
.wml25 { margin-left: 25pt}   .wml30 { margin-left: 30pt}
.wml35 { margin-left: 35pt}   .wml40 { margin-left: 40pt}
.wml45 { margin-left: 45pt}   .wml50 { margin-left: 50pt}


/* padding */
.wpd00 { padding:0pt}
.wpd05 { padding:5pt}          .wpd10 { padding:10pt}
.wpd15 { padding:15pt}         .wpd20 { padding:20pt}
.wpd25 { padding:25pt}         .wpd30 { padding:30pt}
.wpd35 { padding:35pt}         .wpd40 { padding:40pt}
.wpd45 { padding:45pt}         .wpd50 { padding:50pt}

.wpt00 { padding-top:0pt}
.wpt05 { padding-top: 5pt}     .wpt10 { padding-top: 10pt}
.wpt15 { padding-top: 15pt}    .wpt20 { padding-top: 20pt}
.wpt25 { padding-top: 25pt}    .wpt30 { padding-top: 30pt}
.wpt35 { padding-top: 35pt}    .wpt40 { padding-top: 40pt}
.wpt45 { padding-top: 45pt}    .wpt50 { padding-top: 50pt}
.wpt55 { padding-top: 55pt}    .wpt60 { padding-top: 60pt}
.wpt65 { padding-top: 65pt}    .wpt70 { padding-top: 70pt}

.wpb00 { padding-bottom: 0} 
.wpb05 { padding-bottom: 5pt}  .wpb10 { padding-bottom: 10pt}
.wpb15 { padding-bottom: 15pt} .wpb20 { padding-bottom: 20pt}
.wpb25 { padding-bottom: 25pt} .wpb30 { padding-bottom: 30pt}
.wpb35 { padding-bottom: 35pt} .wpb40 { padding-bottom: 40pt}
.wpb45 { padding-bottom: 45pt} .wpb50 { padding-bottom: 50pt}

.wpr00 { padding-right: 0}
.wpr05 { padding-right: 5pt}  .wpr10 { padding-right: 10pt}
.wpr15 { padding-right: 15pt} .wpr20 { padding-right: 20pt}
.wpr25 { padding-right: 25pt} .wpr30 { padding-right: 30pt}
.wpr35 { padding-right: 35pt} .wpr40 { padding-right: 40pt}
.wpr45 { padding-right: 45pt} .wpr50 { padding-right: 50pt}

.wpl00 { padding-left: 0}
.wpl05 { padding-left: 5pt}   .wpl10 { padding-left: 10pt}
.wpl15 { padding-left: 15pt}  .wpl20 { padding-left: 20pt}
.wpl25 { padding-left: 25pt}  .wpl30 { padding-left: 30pt}
.wpl35 { padding-left: 35pt}  .wpl40 { padding-left: 40pt}
.wpl45 { padding-left: 45pt}  .wpl50 { padding-left: 50pt}

/*主框架*/
.content {width: 100%; min-width: 180px; max-width: 1000px; margin: 0 auto; position: relative;}
/*-------------------------------- 主框架 */
.head{ width: 100%; height: 50px; position: fixed; left: 0; top: 0;z-index: 9;background: #fff;}
.head .logo{ position: absolute;display: block; width: auto; height: 50px; overflow: hidden; text-align: left;left: 0;top: 50%;
    transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.head .logo img{ height: 100%; margin-left: 10px;}
.head_tel{float: right;width: 40px;height: 50px; margin-right: 5pt; background-image: url(../images/tel.png); background-position: center; background-repeat: no-repeat; 
	background-size: 70%;
}
.head_hi{ height: 50px; width: 100%;}

/*------------------------ 导航 ------------------------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:0px 0px 0px 10px;float:left;height:50px; width: 50%;}
.sp_logo h1{ width: 100%; height: 100%;}
.sp_logo h1 a{  height: 100%;}
.sp_logo img{margin:auto;max-height: 35px;padding-right: 5pt;float: left;margin-top: 8px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:35px;margin-top:12px}
.sp_nav span{display:block;background:#036ab8;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#f5f5f5;width:100%;height:calc(100% - 104px);font-size:14px; padding-top: 20pt;
	line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;
}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav ul li i{position:absolute;top:0px;right:0px;border-left:1px #ffebf1 solid;height:1rem;padding:0px 15pt;
	background-image: url(../images/icon1.png); background-repeat: no-repeat; background-size: 50%; background-position: center;
}
.sjj_nav ul li i.sjj_nav_i_se{background-image: url(../images/icon2.png);}
.sjj_nav ul li{border-top:1px #e2e2e2 solid;margin-left:35pt;margin-right:35pt;position:relative;line-height:1rem;font-size:0.32rem;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ffebf1 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:80%;display: block;}
.sjj_nav ul li ul li a{color:#777;display:block;text-align:left;}
/*------------------------ banner */
.w_wap_banner1 {background: #fff; overflow: auto; }
.w_wap_banner1 .w_banner { margin: 0px auto; position: relative; width: 100%; overflow: hidden; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.w_wap_banner1 .w_banner .slides { zoom: 1; }
.flex-control-nav { width: 100%; position: absolute; bottom: 5%; text-align: center; }
.flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display:inline;}
.flex-control-paging li a { background: #fff; display: block; height: 7pt;width: 7pt; overflow: hidden; text-indent: -99em;  cursor: pointer;border-radius: 100%; }
.flex-control-paging li a.flex-active { background:none; border: 1pt solid #fff;height: 5pt;width: 5pt;  }
.flex-direction-nav { display: none }


/*------------------------------ 首页竞价 ----------------------*/
.ind_sem{ padding-top: 2pt;animation-delay: 0.5s;-webkit-animation-delay: .5s;}
.ind_sem ul.tab{ padding: 5pt 10pt 10pt 10pt;}
.ind_sem .tab li{ width: 48%; float: left; margin: 0pt 1% 10pt 1%; font-size: 0.30rem; background: #eee; border-radius: 30pt; line-height: 0.8rem;}
.ind_sem_img{ width: 100%; height: 5.6rem; position: relative;overflow: hidden;}
.ind_sem_img img{ position: absolute;width: 100%; }
.ind_sem_img .img1 img{top: 0;left: 0pt;}
.ind_sem_img .img2 img{top: 15pt;left: 0pt; -webkit-animation: bounce 16s ease infinite alternate;animation: bounce 8s ease infinite alternate;}
.ind_sem_img .img3 img{top: 125pt;left: -20pt;-webkit-animation: bounce 16s ease infinite alternate;animation: bounce 10s ease infinite alternate;}
.ind_sem_img .img4 img{top: 155pt;left: 10pt;-webkit-animation: bounce 16s ease infinite alternate;animation: bounce 12s ease infinite alternate;}

.ind_sem_nb{ padding: 0pt 10pt 10pt 10pt;}
.ind_sem_nb li{width:46%; padding: 0 1% 10pt 1%; margin:0 1% 10pt 1%; float: left; border-bottom: 2px solid #eee;  text-align: center; position: relative;
}
.ind_sem_nb .p1 {color: #0d6fb8; font-size: 0.60rem; height: 1rem; line-height: 1rem;  font-family: fantasy;}
.ind_sem_nb .li4 .p1 { letter-spacing: 3px;}
.ind_sem_nb .p2{font-size: 0.30rem;color: #0d6fb8; position: absolute;top: 0; right: 25%;}
.ind_sem_nb .p3{font-size: 0.24rem;color: #333;}

/*------------------------------ 首页业务 ----------------------*/
.ind_bu{ background: #f4f4f4; padding: 10pt;}
.ind_bu .ind_bu_box{padding: 15pt 5pt;border-radius: 5pt;margin-bottom: 10pt;text-align: left;}
.ind_bu .ind_bu_box p{ color: #fff;}
.ind_bu .ind_bu_box .sn{ display: block; margin-left: 5pt; width: 20pt; height: 1pt; background: #fff;}
.ind_bu .ta{text-align: center;}
.ind_bu .ta li{ width: 25%; float: left;}
.ind_bu .ta span{line-height: 0.5rem;border: 1px solid #ffffff6b; margin: 0 2pt 5pt 0;
	border-radius: 4px;display: block;color: #fff;font-size: 0.20rem;text-align: center;
}
.ind_bu .b1 { background-image: url(../images/bg1.png); background-size: cover;}
.ind_bu .b2 { background-image: url(../images/bg2.png); background-size: cover;}
.ind_bu .b3 { background-image: url(../images/bg3.png); background-size: cover;}

/*------------------------------ 首页精品案例 ----------------------*/
.ind_case{padding: 10pt;}
.ind_case li{ width: 100%; margin-bottom: 20pt; }
.ind_case li img{ width: 100%; border-radius: 10pt; margin-bottom: 10pt; }
.ind_case li p{ font-size: 0.36rem;color: #333; margin-bottom: 5pt;}
.ind_case li span{ font-size: 0.24rem; color: #999; }
.ind_case .more{ display: block; width: 100%; text-align: center; line-height: 0.8rem; background: #eee; font-size: 0.30rem; color: #333;
	border-radius: 30pt;
}

/*------------------------------ 首页关于  ----------------------*/
.ind_about{padding: 10pt; }
.ind_about li img{ width: 100%; margin-bottom: 5pt; }
.ind_about li{ width: 21%; float: left; padding-left: 4%;}
.ind_about .more{ display: block; line-height: 0.6rem; text-align: center; color: #0c6fb8;  margin: 10pt auto 0 auto; font-size: 0.32rem;
	width: 50%;text-decoration: underline;
}

/*------------------------------ 首页 名企合作  ----------------------*/
.ind_show{ padding: 10pt;}
.ind_show li{ width: 50%; float: left; }
.ind_show li img{ width: 100%;  }
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
	float: left
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.grabbing {
	cursor: url(grabbing.png) 8 8, move
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
	.post-slide{margin: 0;margin-left: 10pt;}
	.post-slide .post-img{overflow: hidden;
	}
	.post-slide .post-img img{
		width: 100%;
		height: auto;
		transform: scale(1);
		transition: all 1s ease-in-out 0s;
	}
	.post-slide:hover .post-img img{
		transform: scale(1.08);
	}
.post-slide p.p1{ line-height: 0.4rem;}

/*----------------------------- 新闻列表*/
.ind_news{  margin: 10pt 15pt;}
.ind_news .ind_title span{}
.ind_news .ind_title a{}
.news_list li{ padding: 10pt 0; margin: 5pt 0; border-top: 1px solid #eee;}
.news_list li:nth-child(1){border-top: none;}
.news_list li a{ display: block;}
.news_list li a .news_img_box{ width: 30%; float: left;}
.news_list li a .news_img_box img{ width: 100%;border-radius: 3pt; }
.news_list li a .text{ width: 65%; float: right;}
.news_list li a h5{ font-size: 0.30rem;  color: #333;margin:0;}
.news_list li a p{ color: #888; margin-top: 10pt;}

.ind_news .more{display: block;width: 120px; height: 0.6rem;line-height: 0.6rem; margin: 15pt auto  15pt auto ; background-color: #fff; text-align: left;color: #156eae; font-size: 0.24rem;
	border-radius: 30px;  border: 1px solid #156eae; text-indent: 25px;
	background-image: url(../images/2022/more2.png);
    background-position: 90px center;
    background-repeat: no-repeat;
    background-size: 0.4rem;
}



/*底部版权*/
.foot_copy {padding: 20pt 15pt; background: #0f3049;}
.foot_copy .foot_tel { font-size: 0.54rem; color: #fff;}
.copy_2 {color: #8f959a;}



/*内页导航*/
.page_banner{ position: relative;}
.page_banner img{ width: 100%;}

.p_t span{display: block;margin: 10pt 0 5pt 0;width: 30pt;height: 2pt;background: #0c6fb8;
}

/*------------------------ 内页关于我们 */
.page_banner .p1{ font-size: 0.48rem; position: absolute; top: 30pt; width: 100%; text-align: center;}
.page_banner .p2{ font-size: 0.24rem; position: absolute; top: 60pt; width: 100%; text-align: center;color: #fff;}
.p_about_p{ padding: 20pt;}
.p_about_p .p2{ line-height: 0.5rem;}

.p_about_n {background: #192e3d;padding: 20pt;}
.p_about_n li{width:46%; padding: 0 1% 10pt 1%; margin:0 1% 10pt 1%; float: left;  text-align: left; position: relative;}
.p_about_n .p1 {color: #fff; font-size: 0.90rem; height: 1rem; line-height: 1rem; }
.p_about_n .p1 span{  color: #fff;font-size: 0.30rem; padding-left: 5pt;}
.p_about_n .p2 {color: #9a9ea0;}
.p_about_n .p_t p{color: #fff;}
.p_about_n .p_t span{background: #0c6fb8;}

.p_about_h{ padding: 20pt;}
.p_about_h li{ width: 48%;  margin-bottom: 10pt;}
.p_about_h li p{color: #333;font-size: 0.30rem;}
.p_about_h li span{color: #999;font-size: 0.24rem;}
.p_about_h li img{ width: 100%; margin-bottom: 5pt; border-radius: 5pt; }

.p_about_d{ padding: 20pt;background: #f4f4f4;}
.p_about_d li{ margin-bottom: 10pt; }
.p_about_d li .pic{ width: 25%; float: left;}
.p_about_d li .pic img{ width: 80%; }
.p_about_d li .text{ width: 75%;float: left; }
.p_about_d li .text p{margin-bottom: 5pt; font-size: 0.30rem;}
.p_about_d li .text span{ font-size: 0.24rem;color: #999;}

/*------------------------- 内页底部按钮 ----------------------------------*/
.sub-footer{padding: 20pt;}
.sub-footer li{ text-align: center;	float: left;width: 33.33%;display: inline-block;}
.sub-footer li p{ margin-top: 0.2rem; font-size: 16px; color: #333; font-weight: bold;}
.sub-footer li  img{width: 80%;}


/*------------------------- 内页竞价 ----------------------------------*/
.sem_b .pic img{width: 100%;max-width: 100%;display: inline-block;margin: 0 auto;text-align: center;
}
.b-pic1{margin: 0.546875rem auto;}
.b-pic2{padding: 1rem 0pt; background-color: #f7f7f7;animation-delay: .2s;-webkit-animation-delay: .2s;
}
.b-pic3{padding: 1rem 0rem 0rem 0rem;animation-delay: .6s;-webkit-animation-delay: .6s;}
.b-pic4{padding: 0rem 0rem 0rem 0rem;}
.b-pic5{padding: 1rem 10pt;}
.b-pic6{padding: 0rem 0pt;}
.b-pic7{padding: 1rem 0pt 0.5rem 0pt;}
.b-pic8{padding: 0rem 0rem 0.5rem 0rem;}

.sem_b .pic8{ padding: 15pt 5pt ; position: relative; color:#fff; text-align:center;
	background-position: center center; background-repeat: no-repeat; background-size: cover;background-image:  url(../images/pic8.jpg);
	}
.sem_b .pic8 .ti{font-size: 0.42rem;margin: 10pt 0;}
.sem_b .pic8 li{font-size: 0.24rem;line-height: 0.8rem; height: 0.8rem; width: 28%; margin: 5pt 2%; float: left; text-align: center; background: #fff; color: #333;
	border-radius: 5px;
	}


/*------------------------- 内页信息流广告 ----------------------------------*/
.xxl_1{ padding: 15pt;}
.xxl_2{ padding: 15pt; background-color: #384058;}
.xxl_2 li{ width: 33.33%; float: left;  text-align: center; color: #fff; }
.xxl_2 li img{ width: 60%; }
.xxl_2 li  p{ line-height: 0.6rem;}


.xxl_3 { width: 100%;}
.xxl_3 .xxl_box1{ background-color: #f8f8f8;}
.xxl_3 .pic img{width: 100%;}
.xxl_3 .text{ padding: 15pt;}
.xxl3_li{ text-align: center;}
.xxl3_li li{ display: inline-block; width: 22%;margin: 0 1% 10pt 1%; line-height: 0.6rem; text-align: center; border:1px solid #333; background-color: #fff;border-radius: 2px;}

.xxl_3 .xxl_box3{ background-color: #f8f8f8;}

.xxl_4{padding: 20pt 15pt 15pt 15pt;margin-top: 30pt;border-top: 1px solid #eee;}
.xxl_4 li{padding: 10pt; margin: 10pt 0; background-color: #f8f8f8;text-align: center;}
.xxl_4 .pic img{ width: 100%;}
.xxl_4 .list .p1{ color: #3a3f54; font-size: 0.30rem; line-height: 0.6rem;margin-top: 10pt;}
.xxl_4 .list .p2{ padding: 0 20px; color: #666666; margin-bottom: 10pt;}

.xxl_5{ padding: 0 15pt 15pt 15pt;}
.xxl_5 li{ width: 48%; height: 3.2rem;  background:#f8f8f8; float: left;border-radius: 10pt; margin: 10px 0 10px 0;}
.xxl_5 li.li2{ float: right;}
.xxl_5 li.li4{ float: right;}
.xxl_5 .span{ width: 1rem; height: 1rem; line-height: 1rem; margin: 10pt auto; background-color: #384058; color: #fff; font-size: 40px;border-radius: 30px; text-align: center;
}
.xxl_5 .text{ padding: 0pt 10pt 10pt 10pt;text-align: center;}

.xxl_6{ padding: 15pt;background-color: #f8f8f8; margin-bottom: 20px;}
.xxl_6 li{ width: 31.33%;  background-color: #fff;float: left; margin-bottom: 5pt;border-radius: 5px;}
.xxl_6 li.li2, .xxl_6 li.li5, .xxl_6 li.li8, .xxl_6 li.li11{ margin-left: 3%; margin-right: 3%;}
.xxl_6 li img{ width: 100%;height: 100%;}

.xxl_7{padding: 15pt;}
.xxl_7 .pic img{width: 100%;}


/*------------------------- 内页网站建设 ----------------------------------*/
.web_c  .pic img{width: 100%;max-width: 100%;display: inline-block;margin: 0 auto;text-align: center;
}
.c-pic1{width: 100%;margin: 0 auto;}
.c-pic2{width: 100%;padding: 0rem 0rem; animation-delay: .2s;-webkit-animation-delay: .2s;}
.c-pic3{width: 100%;padding: 0rem 0rem;animation-delay: .6s;-webkit-animation-delay: .6s;}
.c-pic4{width: 100%;padding: 0rem 0rem;}
.c-pic5{width: 100%;padding: 0rem 0rem;}
.c-pic6{width: 100%;padding: 0rem 0pt;}

/*------------------------- 内页全网营销 ----------------------------------*/
.seo_d  .pic img{width: 100%;max-width: 100%;display: inline-block;margin: 0 auto;text-align: center;
}
.d-pic1{width: 100%;padding: 0.5rem 0 1rem 0;animation-delay: 0.5s;-webkit-animation-delay: .5s;}
.d-pic2{width: 100%;padding: 0rem 0rem 0.5rem 0rem;animation-delay: 1s;-webkit-animation-delay: 1s; }
.d-pic3{width: 100%;padding: 0rem 0rem;}
.d_pic3_l { width: 50%; float: left;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.d_pic3_r { width: 50%; float: left;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.d-pic4{width: 100%;padding: 0rem 0rem;padding: 0.5rem 0rem;}
.d-pic5{width: 100%;padding: 0rem 0rem 0.5rem 0rem;}
.d-pic6{width: 100%;padding: 0.5rem 0rem 0.5rem 0rem;}
.d-pic7{width: 100%;padding: 0rem 0rem 1rem 0rem;}
.d-pic8{width: 100%;padding: 0rem 0rem 0.5rem 0rem;}


/*------------------------ 案例列表 */
.case_list{ padding: 20pt 10pt;}
.case_list li{ width: 100%; margin-bottom: 20pt; }
.case_list li img{ width: 100%; border-radius: 10pt; margin-bottom: 10pt; }
.case_list li p{ font-size: 0.36rem;color: #333; margin-bottom: 5pt;}
.case_list li span{ font-size: 0.24rem; color: #999; }

/*------------------------ 案例详情 */
.case_ti a{ display: block; width: 70%;margin: 10pt auto;font-size: 0.30rem;background: #0c6fb8;border-radius: 30pt;line-height: 0.8rem;color: #fff;
	text-align: center;
}
.case_text { padding: 10pt; line-height: 0.6rem;}
.case_text img{ max-width: 100%;}
.case_buck{display: block; width: 100%;font-size: 0.30rem; line-height: 0.8rem; background: #0e3049;color: #fff;text-align: center;margin: 10pt 0 0pt 0;}
.about_case{ background: #f4f4f4; padding: 10pt 0pt;}
.about_case li{ width: 45%; float: left; margin-left: 3%; margin-bottom: 5pt; overflow: hidden;  background: #fff; 
}
.about_case li a{ display: block; padding: 5pt;}
.about_case li p{font-size: 0.30rem;color: #333;margin: 5pt 0;}
.about_case li span{display: block;font-size: 0.24rem;color: #999;margin-bottom: 5pt;}


/*------------------------ 新闻列表 */
.ny_menu{  position: relative;width: 100%;}
.ny_menu img{ width: 100%;}
.ny_menu_box{ position: absolute; top: 0.6rem; width: 100%;}
.ny_menu_box li{ width: 33.33%; float: left;}
.ny_menu_box li a{ display: block; line-height: 0.6rem;color: #fff; text-align: center;border: 1px solid #ffffff70; margin: 5pt; border-radius: 5pt;
	 font-size: 0.24rem;
}
.ny_menu_box li.cur a{ background: #fff; color: #333;}
.page_news_list .ind_news{border-top:none;margin-top:0;}

/*------------------------ 新闻详情 */
.news_de_title{ padding: 15pt 15pt; background: #eee;}
.news_de_title h1{line-height: 0.5rem;font-weight: bold; font-size: 0.40rem;}
.news_de_title .time{ font-size:0.24rem; color:#999; margin-top:10px;}
.news_de_title .time a{ color: #999;}

.news_link { padding: 15pt 15pt 5pt 15pt;  border-top: 1px solid #eee;}
.news_link a{color:#999; display: block; line-height: 0.7rem;height: 0.7rem;  background: #eee; padding: 10px 5px; margin-bottom: 10pt;}
.news_link a span{color:#333; margin-left: 10px;}

/*------------------------ 联系详情 */
.e-map{width: 10rem;margin:0rem auto 0 auto;animation-delay: 1.7s;-webkit-animation-delay: 1.7s;}
.e-map .baibu_map_box{padding:0 0.5rem;}
.contacn_box .pic img{width: 100%;max-width: 100%;display: inline-block;margin: 0 auto;text-align: center;
}

.e-pic1{width: 100%;margin: 0.5rem auto 0.3rem auto;animation-delay: 0.5s;-webkit-animation-delay: .5s;}
.e-pic2{width: 100%;margin:0.3rem auto 0rem auto;animation-delay: 0.8s;-webkit-animation-delay: 0.8s; }
.e-pic3{width: 100%;margin: 0.3rem auto 0rem auto;animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}
.e-pic4{width: 100%;margin: 0.5rem auto 0rem auto;animation-delay: 1.1s;-webkit-animation-delay: 1.1s;}
.e-pic5{width: 100%;margin: 0rem auto 0rem auto;animation-delay: 1.4s;-webkit-animation-delay: 1.4s; }
.con_we .pic{ width: 26%; padding: 0pt 2%; margin-left: 2%;}
.con_we .text{ width: 60%;}
.con_we .text p{ font-size: 0.30rem;margin-top:20pt;margin-bottom:5pt; font-weight: bold;}
.con_we .text span{ font-size: 0.24rem; color: #999;}

.lyb_nr{ width: 100%;padding:1rem 0rem;margin: 0.5rem auto 0rem auto; text-align: center;
	background-image: url(../images/e_mebg.jpg); background-size: cover; background-repeat: no-repeat;
}
.lyb_nr .p1{ text-align: center;font-size: 12pt; font-weight: 600; margin-bottom: 0.5rem;}
.lyb_nr .inputbox{ width: 65%; margin: 0 auto 0.2rem auto;}
.lyb_nr .input{ text-align: left;border: none; padding: 5pt ; width: 100%;background: #fff;}
.lyb_nr textarea{ text-align: left;border: none; padding: 5pt ; width: 100%; height: 2rem;margin-bottom: 0.5rem;background: #fff;
}
.lyb_nr .btn_tj{ display: block; width: 65%;line-height: 40px;height: 40px; color: #fff;background: #0c6fb8;font-size: 12pt;border: none;margin: 0 auto;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
}

#dituContent{ width: 100%; height: 420px;}
#dituContent img {max-width: 640px !important;}
.contant_text li .co_wei{ width: 50%;}
.contant_text li .co_wei img{ width: 80%;}

.lyb_nr .bnt_sub a{display: block;
    width: 60%;
    text-align: center;
    margin: 0 auto;
    background: #036ab8;
    line-height: 0.8rem;
    color: #fff;
    border-radius: 40px;
	}


/*------------------------内页主体装容器*/
.font_content {padding: 15pt;background: #FFF;color: #333;line-height: 0.6rem; font-size: 0.30rem;margin-left: 0 !important;
    text-indent: 0 !important;
}
.font_content img{    max-width: 100% !important;
    height: auto !important;
}

.font_content table{
	 max-width:100%;
	text-align: inherit;
	line-height: inherit;
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.font_content table tbody {display: table-row-group;}
.font_content table tr {display: table-row;}
.font_content table th, .font_content table td {display: table-cell;}

.page_box  .yd_wap_news3{ padding: 0;    background: #fff;border:none;}

/*分页代码*/
.page{ margin:0 auto; font-size:0.24rem;background:#fff; text-align: center; padding: 10pt 0; }
.page a,.page span,.page .pg_link,.page .pg_next,.page .pg_last{ display:inline-block; margin: 5px 5px ;  padding:5px 8px; color:#000;  background:#eee;  }
.page .pg_curr { color:#fff; background:#0c6fb8; }
.page a.hover{ background:#0c6fb8; color:#fff;}



/* --------------------------------------------  以下是2022年改版 --------------------------------------------- */

/* ------------------------------ 公用 ---------- */
@font-face{
	font-family:youshe;
	src:url(../images/font/youshe.woff);
	}

/*------------------------ 首页业务 --------------------*/
.ind_bu2 li{ background-position: center;background-repeat: no-repeat;background-size: cover;  border-radius: 5pt;}
.ind_bu2 li .wpad{ padding: 10pt;  }
.ind_bu2 .li1{ width: 92%; margin:0 auto 10pt auto;background-image: url(../images/2022/ind_img1.jpg);  padding: 10pt 0;  }
.ind_bu2 .li2{ width: 45%; float: left; margin-left: 4%; margin-bottom: 10pt; background-image: url(../images/2022/ind_img2.jpg); height: 150px;}
.ind_bu2 .li3{ width: 45%; float: right;margin-right: 4%; margin-bottom: 10pt;background-image: url(../images/2022/ind_img3.jpg);height: 150px;}
.ind_bu2 .li4{ width: 45%; float: left; margin-left: 4%; margin-bottom: 15pt;background-image: url(../images/2022/ind_img4.jpg);height: 150px;}
.ind_bu2 .li5{ width: 45%; float: right;margin-right: 4%; margin-bottom: 15pt;background-image: url(../images/2022/ind_img5.jpg);height: 150px;}


.ind_bu2 li h5{ font-size: 0.36rem; color: #fff; margin: 5pt 0;}
.ind_bu2 li p{ font-size: 0.24rem; color: #fff; margin-bottom: 5pt;}

.ind_bu2 .li2 h5, .ind_bu2 .li3 h5, .ind_bu2 .li4 h5, .ind_bu2 .li5 h5{ margin: 10pt 0 10pt 0;}


/*------------------------ 首页案例 --------------------*/
.ind_case2{ background-color: #f5f5f5;}
.ind_case2_class a{display: block; font-size: 0.26rem;color: #333; padding: 5pt 0; line-height: 0.4rem; margin:0 0 5pt 3%;background: #fff;border-radius: 2px; width: 29.33%;
	float: left; text-align: center;border-radius: 3pt;
}

.ind_case2 ul{ padding: 0 4% 0 4%;}
.ind_case2 ul li{ margin-top: 15pt; background-color: #fff;}
.ind_case2 ul li img{ min-width: 100%;}
.ind_case2 ul li .bot{ padding: 10pt;}
.ind_case2 ul li .bot h3{ font-size: 0.36rem;color: #333; margin-bottom: 10px;}
.ind_case2 ul li .bot .p1{ font-size: 0.24rem;color: #888; margin: 5pt 0;}
.ind_case2 ul li .bot .p2{ font-size: 0.24rem;color: #888; margin: 5pt 0;}
.ind_case2 ul li .bot .p2 span{ display: inline-block; padding: 2px 5px; line-height: 20px; margin: 0 5px;border-radius: 2px; border: 1px solid #eee;}

.ind_case2 .more{display: block;width: 120px; height: 0.6rem;line-height: 0.6rem; margin: 15pt auto  15pt auto ; background-color: #fff; text-align: left;color: #156eae; font-size: 0.24rem;
	border-radius: 30px;  border: 1px solid #156eae; text-indent: 25px;
	background-image: url(../images/2022/more2.png);
    background-position: 90px center;
    background-repeat: no-repeat;
    background-size: 0.4rem;
}


/*------------------------ 首页合作名企 --------------------*/
.ind_show2{ width: 100%;background-image: url(../images/2022/par_bg1.jpg); padding-bottom: 20pt;
	background-position: center;background-repeat: no-repeat;background-size: cover;
}
.ind_show2 li{ width: 33.33%; float: left;text-align: center;}
.ind_show2 li img{ width: 80%; }


/*------------------------ 弹出微信 --------------------*/
  .foot_tel span.icon{display: -webkit-inline-box;height: 100%;}
   .foot_tel span.i{ display: inline-block; }
   .foot_tel a{ height: 1rem;text-align: center;color: rgb(255, 255, 255);}
   .foot_tel img{height: 60%;margin-top: 40%;}

   .left_wx{ position: fixed; top: 50%; left: 5pt; width: 0.6rem; height: 0.6rem; background-color: #1aad19; padding: 0.2rem;border-radius: 100%;}
   .left_wx img{ width: 100%; height: 100%; }
   .tantop{padding: 10pt;}
   .tantop .p1{font-size: 0.5rem;color: #333;font-weight: bold;padding: 5pt 0;}
   .tantop .p2{font-size: 16px;color: #666;}
   .tanchuangwx a{ color: #fff;font-size: 0.4rem;}
   .wxh p{font-size: 18px;}
   .tantop img{ width: 1rem;}

   .cwxd{  color: #33;  margin-bottom: 10pt;}

/* 弹窗 */
.tanchuang {display:none;position:fixed;height:450px;top:0;bottom:0;left:0;right:0;margin: auto;width:300px;background:#fff;border-radius:0.2em;text-align:center;z-index:1000;}
.tanchuang .close {cursor:pointer;width:48px;height:48px;background:url("../index/close.png") no-repeat center;position:absolute;top:0;right:0;}
.tanchuangfg {margin:0 auto;text-align:center;width:300px;height:48px;background:#fe4242;border-radius:0.2em 0.2em 0 0;overflow:hidden;}
.tanchuangfg p {font-size:28px;font-weight:bold;color:#fff;line-height: 48px;}
.tanchuangewm img {width: 50%;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);margin-top: 20pt;}
.tanchuangewm p {margin: 5pt auto;font-size: 16px;color: #717171;}
.tanchuangwx {margin:0 auto;width:80%;background:#1aad19; padding: 10px 5px; border-radius: 5pt;}
.tanchuangwx p {font-size:28px;color:#fff;font-weight:bold;cursor:pointer;}
.tanchuangdownli {animation:twinkle1 0.6s infinite alternate;-moz-animation:twinkle1 0.6s infinite alternate;-ms-animation:twinkle1 0.6s infinite alternate;-webkit-animation:twinkle1 0.6s infinite alternate;}
.tanchuangdownli img {width: 50%;cursor: pointer;margin: 5% auto;}
.tanchuang>p {color:#ff4141;font-size:14px;line-height:28px;margin-bottom: 10%;}
.zhezao {display:none;background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;left:0;top:0;z-index: 999;}