/* AB模版网 Www.AdminBuy.Cn */


/* QQ：9490489 */


/* 仿站：Fang.AdminBuy.Cn */


/* 素材：Sc.AdminBuy.Cn */


/* js特效：Js.AdminBuy.Cn */


html, body {


	font-family: '微软雅黑', sans-serif;


	font-size: 100%;


	background: #FFf;


	overflow-x: hidden;


}


body a {


	transition: 0.5s all;


	-webkit-transition: 0.5s all;


	-moz-transition: 0.5s all;


	-o-transition: 0.5s all;


	-ms-transition: 0.5s all;


}


img {


	max-width: 100%;


}


/*-----start-header----*/


.header {


	position: fixed;


	z-index: 123456;


	width: 100%;


}


.logo {


	float: left;


}


.logo a {


	color: #303030;


	font-weight: 200;


	text-transform: uppercase;


	margin-top: 0.8em;


}


.logo a:hover {


	text-decoration: none;


}


.logo320 {


	display: none;


}


/*----navbar-nav----*/


.top-header {


	background-color: rgba(0,0,0,0.6);


	border-bottom: 1px solid rgba(137,150,240,0.5);


}


.top-nav ul li a {


	color: #FFFFFF;


	padding: 0.2em 1.5em;


	font-size: 0.875em;


	font-weight: 400;


	text-align: center;


	text-transform: uppercase;


	position: relative;


	font-weight: 900;


}


.top-nav ul li .sons {


	display: none;


	width: 100%;


	position: absolute;


	left: 0;


	padding-bottom: 12px;


	background: #fff;


	border-bottom-right-radius: 6px;


	border-bottom-left-radius: 6px;


	overflow: hidden;


	padding-top: 6px;


	box-shadow: 0 0 2px #ccc inset;


}


.top-nav ul li .sons a {


	display: block;


	width: 100%;


	margin: 0 auto;


	line-height: 28px;


	border-bottom: 1px solid #f2f2f2;


	padding: 2px 0;


	font-size: 12px;


	font-weight: normal;


}


.top-nav ul li .sons a span {


	width: 96%;


	display: block;


	line-height: 28px;


	border-radius: 4px;


	line-height: 28px;


	color: #999;


	font-size: 12px;


	text-align: center;


	margin: 0 auto;


}


.top-nav ul li .search_wrap {


	display: none;


}


.top-nav ul li .sons a:hover span {


	background: #202d76;


	color: #fff;


}


@media (min-width: 992px) and (max-width: 1199px) {


.top-nav ul li a {


	padding: 0.2em 10px;


}


}


@media (min-width: 768px) and (max-width: 991px) {


.top-nav ul li a {


	padding: 0.2em 5px;


}


}


.top-nav ul li span {


	color: #fff;


}


.top-nav ul li a:hover {


	color: #8fc320;


}


.logo a {


	display: block;


}


/* top-nav */


.top-nav:before, .top-nav:after {


	content: " ";


	display: table;


}


.top-nav:after {


	clear: both;


}


nav {


	position: relative;


	float: right;


}


nav ul {


	padding: 0;


	float: right;


	margin-top: 1.5em;


	margin-bottom: 0;


}


nav li {


	display: inline;


	float: left;


	position: relative;


}


nav a {


	color: #fff;


	display: inline-block;


	text-align: center;


	text-decoration: none;


	line-height: 57px;


}


nav a:hover {


	text-decoration: none;


	color: #00A2C1;


}


nav a#pull {


	display: none;


}


#homepage {


}


/*Styles for screen 600px and lower*/


@media screen and (max-width: 768px) {


nav {


	height: auto;


	float: none;


}


nav ul {


	width: 100%;


	display: block;


	height: auto;


}


nav li {


	width: 100%;


	position: relative;


	float: none;


}


nav li a {


	border-bottom: 1px solid #eee;


}


nav a {


	text-align: left;


	width: 100%;


}


.top-nav ul li a {


}


.top-nav ul li span {


	display: none;


}


}


/*Styles for screen 515px and lower*/


@media only screen and (max-width : 768px) {


nav {


	border-bottom: 0;


	float: none;


}


nav ul {


	display: none;


	height: auto;


	margin: 0;


	background: #fff;


}


nav a#pull {


	display: block;


	position: relative;


	color: #F26D7D;


	text-align: right;


	position: absolute;


}


nav a#pull img {


	margin-right: 2%;


	line-height: 2.5em;


}


.top-nav ul li a {


	color: #2C3E50;


	line-height: 2.5em;


}


.top-nav ul li a:last-Child {


	display: none;


}


}


/*Smartphone*/


@media only screen and (max-width : 320px) {


nav {


	float: none;


}


nav li {


	display: block;


	float: none;


	width: 100%;


}


nav li a {


	border-bottom: 1px solid #EEE;


}


}


/*---- banner ----*/


.banner {


	position: relative;


	background: url(../../../static/images/home_bg1-e73642c7863f.jpg) center bottom no-repeat;


	background-size: cover;


	overflow: hidden;


	background-size: cover;


}


.bannerin {


	position: relative;


	background: url(../images/bannerin.jpg.webp) center bottom no-repeat;


	background-size: cover;


	overflow: hidden;


	background-size: cover;


}


.banner-info {


	position: absolute;


	left: 50%;


	top: 25%;


	margin-left: -255px;


}


/*-- //banner ----*/


/*业务支持*/


.service.container {


	padding: 0;


	width: 1200px;


}


.service .myTab_menu {


	background: #f5f5f5;


}


.service .nav-tabs {


	width: 1200px;


	margin: 0 auto;


	border: none;


}


.service .nav-tabs > li {


	width: 25%;


	text-align: center;


}


.service .nav-tabs > li.myTab_menu1 {


	background: url(../../../static/images/spec_icon1-9408ec2b2c86.png) center 48px no-repeat;


	border-left: 1px solid #e5e5e5;


}


.service .nav-tabs > li.myTab_menu2 {


	background: url(../../../static/images/spec_icon2-a83e17e2aedb.png) center 48px no-repeat;


	border-left: 1px solid #e5e5e5;


}


.service .nav-tabs > li.myTab_menu3 {


	background: url(../../../static/images/spec_icon3-58ba86065433.png) center 48px no-repeat;


	border-left: 1px solid #e5e5e5;


}


.service .nav-tabs > li.myTab_menu4 {


	background: url(../../../static/images/spec_icon4-da51daa027ef.png) center 48px no-repeat;


	border-left: 1px solid #e5e5e5;


	border-right: 1px solid #e5e5e5;


}


.service .nav-tabs > li a {


	display: block;


	height: 240px;


	width: 100%;


}


.service .nav-tabs > li a p {


	margin-top: 168px;


}


.service .nav-tabs > li a:hover {


	color: #888;


}


.service .nav-tabs > li.active.myTab_menu1 {


	background: #8fc320 url(../../../static/images/spec_icon1_hover-e1bac647209e.png) center 48px no-repeat;


}


.service .nav-tabs > li.active.myTab_menu2 {


	background: #8fc320 url(../../../static/images/spec_icon2_hover-be42fe85cb74.png) center 48px no-repeat;


}


.service .nav-tabs > li.active.myTab_menu3 {


	background: #8fc320 url(../../../static/images/spec_icon3_hover-2b2b1b74ff7e.png) center 48px no-repeat;


}


.service .nav-tabs > li.active.myTab_menu4 {


	background: #8fc320 url(../../../static/images/spec_icon4_hover-24bb9e358150.png) center 48px no-repeat;


}


.service .nav-tabs > li.active a {


	background: none;


	color: #fff;


	border: none;


}


.service .tab-content {


	padding: 146px 0 130px;


}


.service .tab-content .col-md-6 {


	padding: 0;


}


.service .tab-content .col-md-6 .tab_con_tit {


	display: inline-block;


	color: #333333;


	font-size: 24px;


	font-weight: 700;


	border-top: 3px solid #8fc320;


	border-bottom: 3px solid #8fc320;


	padding: 10px 0;


}


.service .tab-content .col-md-6 .tab_con_tex {


	margin-top: 30px;


	color: #666666;


	line-height: 38px;


	font-size: 12px;


	margin-bottom: 20px;


}


.service .tab-content .col-md-6 a.tab_con_btnm {


	width: 155px;


	height: 47px;


	background: #8fc320;


	border-radius: 4px;


	display: inline-block;


	text-align: center;


	line-height: 47px;


	color: #fff;


}


.service .tab-content .col-md-6 a.tab_con_btnc {


	width: 155px;


	height: 47px;


	background: #fff;


	border-radius: 4px;


	display: inline-block;


	text-align: center;


	line-height: 47px;


	color: #1295f2;


	border: 1px solid #1295f2;


	margin-left: 15px;


}


/*---应用领域---*/


.work .myTab_menu2 {


	background: url(../../../static/images/sildmenu_bg-57497a41caf7.jpg.webp) center top no-repeat;


}


.work .myTab_menu2 .nav-tabs {


	width: 1200px;


	margin: 0 auto;


	border: none;


}


.work .myTab_menu2 .nav-tabs > li {


	width: 25%;


	height: 100px;


}


.work .myTab_menu2 .nav-tabs > li a {


	display: block;


	border: none;


	line-height: 100px;


	font-size: 18px;


	color: #fff;


	padding: 0;


	margin: 0;


	border-radius: 0;


	text-indent: 86px;


}


.work .myTab_menu2 .nav-tabs > li a:after {


	content: '';


	display: inline-block;


	width: 13px;


	height: 7px;


	background: url(../../../static/images/icon_down-e1a52233cf88.png) center no-repeat;


	margin-left: 6px;


}


.work .myTab_menu2 .nav-tabs > li.myTab_menu11 a {


	background: url(../../../static/images/sildmenu_icon1-94f228fde481.png) 55px center no-repeat;


}


.work .myTab_menu2 .nav-tabs > li.myTab_menu12 a {


	background: url(../../../static/images/sildmenu_icon2-c46cea99fb04.png) 55px center no-repeat;


}


.work .myTab_menu2 .nav-tabs > li.myTab_menu13 a {


	background: url(../../../static/images/sildmenu_icon3-275045f895b6.png) 55px center no-repeat;


}


.work .myTab_menu2 .nav-tabs > li.myTab_menu14 a {


	background: url(../../../static/images/sildmenu_icon4-2ad06facdc26.png) 55px center no-repeat;


}


.work .myTab_menu2 .nav-tabs > li.active a {


	color: #90c221;


}


.work .myTab_menu2 .nav-tabs > li.active a:after {


	content: '';


	display: inline-block;


	width: 13px;


	height: 7px;


	background: url(../../../static/images/icon_down_hover-5dbf75baf0e6.png) center no-repeat;


	margin-left: 6px;


}


.work .myTab_menu2 .nav-tabs > li.active.myTab_menu11 a {


	background: #fff url(../../../static/images/sildmenu_icon1_hover-0ea451f80583.png) 55px center no-repeat;


}


.work .myTab_menu2 .nav-tabs > li.active.myTab_menu12 a {


	background: #fff url(../../../static/images/sildmenu_icon2_hover-e2928b2e60bf.png) 55px center no-repeat;


}


.work .myTab_menu2 .nav-tabs > li.active.myTab_menu13 a {


	background: #fff url(../../../static/images/sildmenu_icon3_hover-bbbeba129723.png) 55px center no-repeat;


}


.work .myTab_menu2 .nav-tabs > li.active.myTab_menu14 a {


	background: #fff url(../../../static/images/sildmenu_icon4_hover-d364af7885af.png) 55px center no-repeat;


}


.work .tab-content .tab_con_tex .tab_con_tex1 {


	color: #333;


	font-size: 28px;


	padding: 1rem 0;


	text-align: center;


	margin: 0;


}


.work .tab-content .tab_con_tex .tab_con_tex2 {


	color: #888;


	font-size: 14px;


	margin: 0 auto 10px;


	line-height: 34px;


	text-align: center;


	width: 60%;


}


.work .tab-content .works-grid {


	overflow: hidden;


}


.works-head h2 {


	color: #02918C;


	font-weight: 900;


	font-size: 3em;


	margin: 0;


	padding: 0;


}


.works-head span {


	width: 162px;


	height: 9px;


	display: inline-block;


	background: url(../../../static/images/border-bg-62e0fd84fff9.png) no-repeat 0px 0px;


}


.works-head p {


	color: #7E8287;


	font-size: 1.2em;


	font-weight: 300;


	width: 40%;


	line-height: 1.8em;


	margin: 1em auto;


}


/*---- works-grids ----*/


.works-grid {


	padding: 0;


	position: relative;


}


.works-grid img {


	width: 100%;


}


.works-grid div.captions {


	display: none;


}


.works-grid:hover div.captions {


	display: block;


}


.works-grid:hover img {


	transition: 1s all;


	-webkit-transition: 1s all;


	-moz-transition: 1s all;


	-o-transition: 1s all;


	-ms-transition: 1s all;


	transform: scale(1.2);


	-webkit-transform: scale(1.2);


	-moz-transform: scale(1.2);


	-o-transform: scale(1.2);


	-ms-transform: scale(1.2);


}


.work div.captions {


	position: absolute;


	bottom: 0px;


	width: 100%;


	height: 2.5rem;


	background: rgba(0,0,0,0.4);


}


.work div.captions h4 {


	font-size: 1em;


	color: #FFF;


	text-indent: 10px;


	font-weight: bold;


}


.work div.captions p {


	color: #FFF;


	line-height: 1.4em;


}


/*---- about ----*/


.about {


	height: 850px;


	background: url(../../../static/images/home_bg2-52352cb6b1f3.jpg.webp) center top no-repeat;


}


.about .about_con {


	height: 640px;


	color: #fff;


	text-align: center;


	background: url(../../../static/images/jfkla-5f67a5705acc.png) center top no-repeat;


}


.about .about_con h2 {


	padding-top: 150px;


	font-size: 28px;


}


.about .about_con p {


	line-height: 30px;


	font-size: 14px;


}


.about .about_con a {


	width: 122px;


	height: 30px;


	border: 1px solid #fff;


	text-align: center;


	line-height: 30px;


	color: #fff;


	font-size: 14px;


	display: block;


	margin: 0 auto;


	margin-top: 25px;


}


/*----//about ----*/


/*社会责任*/


.socity {


	width: 100%;


	overflow: hidden;


}


.socity .soc-grid {


	position: relative;


}


.socity .column {


	padding: 0;


}


.socity .soc-grid img {


	width: 100%;


}


.socity .soc_texcon .t1 {


	font-size: 36px;


	padding-top: 18%;


	padding-bottom: 11%;


	color: #90c221;


	text-align: center;


}


.socity .soc_texcon .t1 {


	font-size: 36px;


	padding-top: 50px;


	padding-bottom: 20px;


	color: #90c221;


	text-align: center;


}


.socity .soc_texcon .t2 {


	text-align: center;


	color: #666;


	font-size: 16px;


}


.socity .soc_texcon a {


	color: #90c221;


	width: 154px;


	height: 44px;


	display: block;


	text-align: center;


	line-height: 44px;


	border: 1px solid #90c221;


	margin: 50px auto 0;


}


.socity div.captions {


	position: absolute;


	bottom: 0px;


	width: 100%;


	height: 3.5rem;


	background: rgba(144,194,33,0.9);


}


.socity div.captions h4 {


	font-size: 1em;


	color: #FFF;


	text-indent: 10px;


	font-weight: bold;


}


.socity div.captions p {


	color: #FFF;


	text-indent: 10px;


	font-size: 0.75px;


}


/*---servies---*/


.socity div.captions2 {


	position: absolute;


	width: 100%;


	height: 100%;


	top: 0;


}


.socity div.captions2 .t5 {


	position: absolute;


	right: 0;


	height: 2.5em;


	color: #fff;


	background: #1295f2;


	font-size: 1.5em;


	line-height: 2.5em;


	padding: 0 2em;


	top: 30%;


	z-index: 123;


}


.socity div.captions2 .t6 {


	position: absolute;


	right: 0;


	height: 2.5em;


	color: #fff;


	background: #90c221;


	font-size: 1.5em;


	line-height: 2.5em;


	padding: 0 2em;


	bottom: 30%;


	z-index: 123;


}


.service-head {


}


.service-head h2 {


	color: #02918C;


	font-weight: 900;


	font-size: 3em;


	margin: 0;


	padding: 0;


}


.service-head span {


	width: 162px;


	height: 9px;


	display: inline-block;


	background: url(../../../static/images/border-bg-62e0fd84fff9.png) no-repeat 0px 0px;


}


.service-head p {


	color: #7E8287;


	font-size: 1.2em;


	font-weight: 300;


	line-height: 1.8em;


	margin: 1em 0;


}


/*--services-grid-left-grid--*/


.services-grid-left-grid {


	position: relative;


	padding: 1em 0;


}


.services-grid-left-grid span {


	width: 33px;


	height: 34px;


	display: inline-block;


	background: url(../../../static/images/service-icon-b04bbe4f54a9.png) no-repeat 0px 0px;


}


.services-grid-left-grid h3 {


	margin: 0;


	padding: 0;


}


.services-grid-left-grid h3 a {


	color: #7E8287;


	font-weight: 400;


	font-size: 1em;


	margin: 0.5em 0 0;


	display: inline-block;


}


.services-grid-left-grid h3 a:hover {


	text-decoration: none;


	color: #02918C;


}


.services-grid-left-grid p {


	color: #7E8287;


	font-size: 0.875em;


	line-height: 1.8em;


	width: 60%;


	margin: 0.6em 0;


}


.services-grid-left-grid span.search {


	background-position: -38px 0px;


}


.services-grid-left-grid span.clock {


	background-position: -83px 0px;


}


.services-grid-left-grid span.chart {


	background-position: -124px 0px;


}


.services-grid-right {


}


/*----news---*/


.news {


	background: url(../../../static/images/home_bg3-1d58382b68ba.jpg.webp) center top repeat-y;


	padding-bottom: 5em;


}


.news .conatiner {


	width: 1200px;


	margin: 0 auto;


}


.news .conatiner .new_tit {


	text-align: center;


	font-size: 32px;


	color: #333;


	font-weight: bold;


	padding-top: 110px;


}


.news .conatiner .news_des {


	text-align: center;


	font-size: 14px;


	color: #666;


	padding-top: 20px;


}


.news .conatiner .new_wrap {


	padding: 1.5em 0.8em;


	background: #fff;


	margin-top: 3em;


}


.news .conatiner .new_box .fl {


	float: left;


}


.news .conatiner .new_box .fr {


	float: right;


}


.news .conatiner .new_box .new_top .fl {


	font-size: 20px;


	color: #333;


	border-left: 3px solid #90c221;


	padding-left: 10px;


}


.news .conatiner .new_box .center .hotnews {


	position: relative;


}


.news .conatiner .new_box .center .hotnews a {


	position: absolute;


	height: 2em;


	background: rgba(0,0,0,0.7);


	bottom: 0;


	width: 100%;


	color: #fff;


	line-height: 2em;


	text-indent: 0.2em;


	display: block;


}


.news .conatiner .new_box .center .hotnews a span {


	position: absolute;


	right: 0.2em;


}


.news .conatiner .new_box ul {


	padding: 0;


	margin: 0;


}


.news .conatiner .new_box li {


	list-style: none;


}


.news .conatiner .new_box li.new_sbox {


	margin-bottom: 23px;


}


.news .conatiner .new_box li.new_sbox .fl {


	width: 30%;


}


.news .conatiner .new_box li.new_sbox .fr {


	width: 68%;


}


.news .conatiner .new_box li.new_sbox .fr p {


	font-size: 1em;


	color: #333;


	margin-bottom: 3px;


}


.news .conatiner .new_box li.new_sbox .fr a {


	color: #888;


	font-size: 12px; line-height:19px


}


.news .conatiner .new_box li.new_sbox .fr .news_title {


	overflow: hidden;


	text-overflow: ellipsis;


	display: -webkit-box;


	-webkit-line-clamp: 1;


	-webkit-box-orient: vertical;


}


.news .conatiner .new_box li.new_sbox .fr .news_description {


	overflow: hidden;


	text-overflow: ellipsis;


	display: -webkit-box;


	-webkit-line-clamp: 2;


	-webkit-box-orient: vertical;


}


.news .conatiner .new_box .center .new_con li {


	margin-top: 20px;


	background: url(../../../static/images/list_s-2b06ebc19d24.png) center left no-repeat;


	padding-left: 10px;


}


.news .conatiner .new_box .center .new_con li a {


	color: #666;


	position: relative;


	display: block;


	width: 100%;


}


.news .conatiner .new_box .center .new_con li span {


	position: absolute;


	right: 0;


	color: #999;


}


/*---- copy-right ----*/





.copy-right {


	background: #242426 url(../../../static/images/foot_bg-e205695ecd41.jpg.webp) center top no-repeat;


	padding: 1.8em 0 1em;


}


.copy-right p {


	text-transform: uppercase;


	color: #919090;


	font-size: 12px;


}


.copy-right .guanzhu p {


	text-transform: uppercase;


	color: #919090;


	font-size: 12px;


	width: 100%;


	text-align: center;


	margin: 5px auto;


}


.copy-right p.white {


	color: #fff;


	text-align: left;


}


.copy-right .hengx {


	height: 0;


	border-bottom: 1px solid #585858;


	width: 90%;


}


.copy-right .join .hengx {


	width: 40%;


}


.copy-right .guanzhu .hengx {


	width: 100%;


}


.copy-right .guanzhu .erweim {


	text-align: right;


	margin-top: 1em;


}


.copy-right .guanzhu img {


	width: 90%;


	display: inline-block;


}


.copy-right a, .copy-right span {


	color: #919090;


	line-height: 2.5em;


	font-size: 12px;


	display:block;


}


.banquan a{ display:inline-block}


.copy-right p a:hover {


	text-decoration: none;


	color: #7E8287;


}


.copy-right .copy_con {


	border-top: 1px solid #444343;


}


.copy-right .copy_con p {


	padding-top: 20px;


}


.copy-right .copy_con p.text_r {


	text-align: right;


}


.copy-right .copy_con p.text_r a {


	float: right;


	line-height: normal;


}


.copy-right .copy_con p.text_r a:hover {


	color: #fff;


}


#toTop {


	display: none;


	text-decoration: none;


	position: fixed;


	bottom: 14px;


	right: 3%;


	overflow: hidden;


	width: 40px;


	height: 40px;


	border: none;


	text-indent: 100%;


	background: url("../../../static/images/to-top1-f62851984271.png") no-repeat 0px 0px;


}


#toTopHover {


	width: 40px;


	height: 40px;


	display: block;


	overflow: hidden;


	float: right;


	opacity: 0;


	-moz-opacity: 0;


	filter: alpha(opacity=0);


}


.floor_tip {


	position: fixed;


	left: 50%;


	margin-left: 670px;


	bottom: 200px;


	z-index: 212;


}


.floor_tip li {


	width: 91px;


	height: 23px;


	background: url(../../../static/images/floor-7fdae4be5f23.png) right center no-repeat;


}


.floor_tip li a {


	padding: 0;


	display: block;


	height: 23px;


	line-height: 23px;


	width: 90px;


	border-radius: 0;


	text-indent: -9999px;


	transition: 0.1s all;


	-webkit-transition: 0.1s all;


	-moz-transition: 0.1s all;


	-o-transition: 0.1s all;


	-ms-transition: 0.1s all;


}


.floor_tip li.active {


	background: url(../../../static/images/floor_active-bccdfb28d4ed.png) right center no-repeat;


}


.floor_tip li.active a {


	text-indent: 10px;


	color: #fff;


	font-size: 12px;


	display: block;


	background: url(../../../static/images/floor_tips-4c2d3bf67349.png) left top no-repeat;


}


.floor_tip li.active a:hover {


	background: url(../../../static/images/floor_tips-4c2d3bf67349.png) left top no-repeat;


}


/*---- responsive-design ----*/


@media (max-width:1680px) {


.floor_tip {


	margin-left: 630px;


}


.socity .soc_texcon .t1 {


	font-size: 32px;


	padding-top: 30px;


	padding-bottom: 20px;


	color: #90c221;


	text-align: center;


}


.socity .soc_texcon .t2 {


	text-align: center;


	color: #666;


	font-size: 14px;


}


.socity div.captions2 .t5 {


	height: 2em;


	font-size: 1.5em;


	line-height: 2em;


	padding: 0 2em;


	top: 30%;


}


.socity div.captions2 .t6 {


	height: 2em;


	font-size: 1.5em;


	line-height: 2em;


	padding: 0 2em;


	bottom: 30%;


}


}


@media (max-width:1440px) {


.floor_tip {


	margin-left: 0;


	left: 90%;


}


.socity .soc_texcon .t1 {


	font-size: 32px;


	padding-top: 20px;


	padding-bottom: 10px;


	color: #90c221;


	text-align: center;


}


.socity .soc_texcon .t2 {


	text-align: center;


	color: #666;


	font-size: 12px;


}


}


@media (max-width:1366px) {


.socity .soc_texcon .t2 {


	text-align: center;


	color: #666;


	font-size: 12px;


}


.socity .soc_texcon .t1 {


	font-size: 18px;


	padding-top: 10px;


	padding-bottom: 10px;


	color: #90c221;


	text-align: center;


}


.socity .soc_texcon a {


	margin: 20px auto 0;


}


.socity div.captions2 .t5 {


	height: 1.5em;


	font-size: 1.5em;


	line-height: 1.5em;


	padding: 0 2em;


	top: 25%;


}


.socity div.captions2 .t6 {


	height: 1.5em;


	font-size: 1.5em;


	line-height: 1.5em;


	padding: 0 2em;


	bottom: 25%;


}


}


@media (max-width:1280px) {


.socity .soc_texcon .t1 {


	font-size: 14px;


	padding-top: 10px;


	padding-bottom: 10px;


	color: #90c221;


	text-align: center;


}


.socity .soc_texcon .t2 {


	text-align: center;


	color: #666;


	font-size: 12px;


}


.socity .soc_texcon a {


	margin: 10px auto 0;


}


.copy-right .copy_con {


	display: none;


}


}


@media (max-width:1024px) {


.work .col-md-3 {


	width: 50%;


	float: left;


}


.top-nav ul li a {


	padding: 0.2em 4px;


}


.header .container {


	padding: 0;


}


}


@media (max-width:993px) {


.floor_tip {


	display: none;


}


.top-nav ul li span {


	display: none;


}


}


@media (max-width:768px) {


.banner-info {


	left: 8%;


	width: 84%;


	margin-left: 0;


}


.services-grid-left {


	padding: 1em 2em;


}


.works-grid:hover div.caption {


	margin: 1em;


	padding: 0.5em;


	min-height: 150px;


}


.banner {


	min-height: 526px;


}


.bannerin {


	min-height: 450px;


}


.works-head p {


	width: 80%;


	margin: 0em auto;


	font-size: 1em;


}


.banner-info h1 {


	font-size: 3.2em;


}


.about-head h2, .service-head h2, .works-head h2 {


	font-size: 1.8em;


}


.about-head p {


	font-size: 1em;


	width: 90%;


}


.about {


	padding: 1em 0;


}


.works {


	padding: 1em 0;


}


.top-header {


	background-color: rgba(0,0,0,0.7);


	border-bottom: 1px solid rgba(137,150,240,0.8);


}


.top-header {


	padding: 0em 0 1em;


}


.top-header .container {


	padding: 0;


	width: 100%;


}


.logo {


	margin-top: 0.5em;


}


.logo a {


	margin-top: 0em;


	margin-left: 0.5em;


}


.banner-info p {


	font-size: 1.8em;


}


.services-grid-left-grid p {


	width: 100%;


}


.services-grid-left-grid {


	padding: 0.5em 0;


}


.services-grid-right {


	display: none;


}


.about-grids {


	padding: 0em 0 0em;


}


.service-head p {


	font-size: 1em;


	margin: 0.4em 0;


}


.service .tab-content {


	padding: 2em 0.5em;


}


.service .nav-tabs > li a {


	display: block;


	height: 120px;


	width: 100%;


}


.service .nav-tabs > li.myTab_menu1 {


	background-position: center 5px;


	background-size: auto 65%;


}


.service .nav-tabs > li.myTab_menu2 {


	background-position: center 5px;


	background-size: auto 65%;


}


.service .nav-tabs > li.myTab_menu3 {


	background-position: center 5px;


	background-size: auto 65%;


}


.service .nav-tabs > li.myTab_menu4 {


	background-position: center 5px;


	background-size: auto 65%;


}


.service .nav-tabs > li.active.myTab_menu1 {


	background-position: center 5px;


	background-size: auto 65%;


}


.service .nav-tabs > li.active.myTab_menu2 {


	background-position: center 5px;


	background-size: auto 65%;


}


.service .nav-tabs > li.active.myTab_menu3 {


	background-position: center 5px;


	background-size: auto 65%;


}


.service .nav-tabs > li.active.myTab_menu4 {


	background-position: center 5px;


	background-size: auto 65%;


}


.service .nav-tabs > li a p {


	margin-top: 80px;


}


.works-grid:nth-child(2), .works-grid:nth-child(3), .works-grid:nth-child(4), .works-grid:nth-child(5), .works-grid:nth-child(6) {


	display: none;


}


.contact-head h2 {


	font-size: 1.8em;


}


.contact-head p {


	font-size: 1em;


	width: 80%;


	line-height: 1.5em;


}


.Contact-form {


	padding: 1em 0 1em;


	margin-top: 1.5em;


}


.send-form {


	width: 90%;


}


.copy-right {


	padding: 1em 0;


}


.send-form input[type="submit"] {


	margin: 1.5em 0;


}


.work .col-md-3 {


	width: 100%;


}


.service.container {


	padding: 0;


	width: 100%;


}


.service .nav-tabs {


	width: 100%;


	margin: 0 auto;


	border: none;


}


.news .conatiner {


	width: 100%;


	margin: 0 auto;


}


.work .myTab_menu2 .nav-tabs {


	width: 100%;


	margin: 0 auto;


	border: none;


}


.work .myTab_menu2 .nav-tabs > li a {


	text-indent: 0px;


	text-align: center;


}


.work .myTab_menu2 .nav-tabs > li.active.myTab_menu11 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu12 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu13 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu14 a {


	background: #fff;


}


.work .myTab_menu2 .nav-tabs > li.myTab_menu11 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu12 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu13 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu14 a {


	background: none;


}


.about .about_con {


	background-size: 80% auto;


}


.socity .column.col-md-4 img {


	width: 100%;


}


.news .conatiner .new_tit {


	padding-top: 2em;


	font-size: 2em;


}


.news .conatiner .news_des {


	font-size: 0.9em;


	width: 90%;


	line-height: 2em;


	text-align: center;


	margin: 0 auto;


}


.news .conatiner .new_box .new_top .fl {


	font-size: 1.25em;


}


.news .conatiner .new_box .col-md-4 {


	width: 100%;


}


.news .conatiner .new_box img {


	width: 100%;


}


.news .conatiner .new_box li.new_sbox .fr p {


	font-size: 1.5em;


}


.news .conatiner .new_box li.new_sbox .fr a {


	font-size: 1em;


	line-height: 2em;


}


.news .conatiner .new_box li.new_sbox .fr .news_description {


	-webkit-line-clamp: 3;


}


.copy-right .col-md-3 {


	width: 25%;


	float: left;


}


.copy-right .join .col-md-6 {


	width: 50%;


	float: left;


}


.works-grid div.captions {


	display: block;


	background: rgba(0,0,0,0.6);


}


.socity .soc_texcon a {


	height: auto;


	padding: 0.2em 0;


	line-height: 1.5em;


}


.top-nav ul li .sons {


	display: none;


	width: 100%;


	position: relative;


	left: 0;


	background: #fff;


	overflow: hidden;


	padding-top: 6px;


	background: #fafafa;


}


.top-nav ul li .sons a {


	display: block;


	width: 100%;


	margin: 0 auto;


	border-bottom: 1px solid #f2f2f2;


	font-size: 0.7em;


	font-weight: normal;


}


.top-nav ul li .sons a span {


	color: #999;


	font-size: 0.7em;


	text-align: center;


	margin: 0 auto;


}


.bannerimg {


	display: none;


}


}


@media (max-width:640px) {


.socity div.captions2 .t5 {


	height: 1.5em;


	font-size: 0.8em;


	line-height: 1.5em;


	padding: 0 2em;


	top: 15%;


}


.socity div.captions2 .t6 {


	height: 1.5em;


	font-size: 0.8em;


	line-height: 1.5em;


	padding: 0 2em;


	bottom: 15%;


}


.socity .soc_texcon .t2 {


	text-align: center;


	color: #666;


	line-height: 1.5em;


	font-size: 0.8em;


	margin-bottom: .2em;


}


.socity .soc_texcon .t1 {


	font-size: 0.9empx;


	padding-top: 0.5em;


	padding-bottom: 0.1em;


	color: #90c221;


	text-align: center;


}


.socity .soc_texcon a {


	height: auto;


	padding: 0.2em 0;


	line-height: 1.5em;


	margin-bottom: .5em;


}


.banner-info {


	left: 5%;


	width: 90%;


	margin-left: 0;


}


.services-grid-left {


	padding: 1em 2em;


}


.works-grid:hover div.caption {


	margin: 2em 0 0 2em;


	padding: 0.5em;


	min-height: 150px;


}


.banner {


	min-height: 450px;


}


.bannerin {


	min-height: 300px;


}


.works-head p {


	width: 80%;


	margin: 0em auto;


	font-size: 1em;


}


.banner-info h1 {


	font-size: 2.8em;


}


.about-head h2, .service-head h2, .works-head h2 {


	font-size: 1.8em;


}


.about-head p {


	font-size: 1em;


	width: 90%;


	margin: 0.5em auto;


	line-height: 1.5em;


}


.about {


	padding: 1em 0;


}


.about .about_con {


	width: 90%;


	margin: 0 auto;


	background-size: 100% auto;


}


.about .about_con h2 {


	padding-top: 2em;


	font-size: 1.5em;


}


.about .about_con p {


	font-size: 0.875em;


	width: 90%;


	margin: 0 auto;


}


.about .about_con a {


	font-size: 0.875em;


}


.works {


	padding: 1em 0;


}


.top-header {


	padding: 0em 0 1.7em;


}


.logo {


	margin-top: 0.5em;


}


.banner-info p {


	font-size: 1.8em;


}


.services-grid-left-grid p {


	width: 100%;


}


.services-grid-left-grid {


	padding: 0.5em 0;


}


.services-grid-right {


	display: none;


}


.about-grids {


	padding: 0em 0 0em;


}


.service-head p {


	font-size: 1em;


	margin: 0.4em 0;


}


.works-grid:nth-child(2), .works-grid:nth-child(3), .works-grid:nth-child(4), .works-grid:nth-child(5), .works-grid:nth-child(6) {


	display: none;


}


.contact-head h2 {


	font-size: 1.8em;


}


.contact-head p {


	font-size: 1em;


	width: 80%;


	line-height: 1.5em;


}


.Contact-form {


	padding: 1em 0 1em;


	margin-top: 1.5em;


}


.send-form {


	width: 90%;


}


.copy-right {


	padding: 1em 0;


}


.send-form input[type="submit"] {


	margin: 1.5em 0;


}


.about-grid {


	position: relative;


	padding: 0.5em 0;


}


.service.container {


	padding: 0;


	width: 100%;


}


.service .nav-tabs {


	width: 100%;


	margin: 0 auto;


	border: none;


}


.news .conatiner {


	width: 100%;


	margin: 0 auto;


}


.work .myTab_menu2 .nav-tabs {


	width: 100%;


	margin: 0 auto;


	border: none;


}


.news .conatiner .new_box li.new_sbox .fr p {


	font-size: 1em;


}


.news .conatiner .new_box li.new_sbox .fr a {


	font-size: 0.8em;


	line-height: 1.7em;


}


.copy-right .col-md-3 {


	width: 25%;


	float: left;


}


.copy-right .join .col-md-6 {


	width: 50%;


	float: left;


	padding: 0;


}


.news .conatiner .new_box li.new_sbox .fr .news_description {


	-webkit-line-clamp: 4;


}


}


@media (max-width:480px) {


nav a#pull {


	line-height: 3em;


}


.container {


	padding: 0;


	margin: auto;


}


.top-header {


	background-color: rgba(0,0,0,0.7);


	border: none;


}


.banner-info {


	left: 5%;


	width: 90%;


	margin-left: 0;


}


.services-grid-left {


	padding: 1em 2em;


}


.works-grid:hover div.caption {


	margin: 1.5em 0 0 1.5em;


	padding: 0.5em;


	min-height: 150px;


}


.banner {


	min-height: 380px;


}


.about {


	min-height: 380px;


}


.works-head p {


	width: 80%;


	margin: 0em auto;


	font-size: 1em;


}


.banner-info h1 {


	font-size: 2.2em;


}


.about-head h2, .service-head h2, .works-head h2 {


	font-size: 1.5em;


}


.about-head p {


	font-size: 1em;


	width: 90%;


	margin: 0.5em auto;


	line-height: 1.5em;


}


.about {


	padding: 1em 0;


}


.works {


	padding: 1em 0;


}


.top-header {


	padding: 0em 0 0.3em;


}


.logo {


	margin-top: 0.2em;


	margin-left: 0.2em;


	width: 30%;


}


.logo a {


	color: #303030;


	font-weight: 200;


	text-transform: uppercase;


	margin-top: 0.4em;


	margin-bottom: 0.4em;


}


.banner-info p {


	font-size: 1.3em;


}


.services-grid-left-grid p {


	width: 100%;


}


.services-grid-left-grid {


	padding: 0.5em 0;


}


.services-grid-right {


	display: none;


}


.about-grids {


	padding: 0em 0 0em;


}


.service-head p {


	font-size: 1em;


	margin: 0.4em 0;


}


.works-grid:nth-child(2), .works-grid:nth-child(3), .works-grid:nth-child(4), .works-grid:nth-child(5), .works-grid:nth-child(6) {


	display: none;


}


.contact-head h2 {


	font-size: 1.8em;


}


.contact-head p {


	font-size: 1em;


	width: 80%;


	line-height: 1.5em;


}


.Contact-form {


	padding: 1em 0 1em;


	margin-top: 1.5em;


}


.send-form {


	width: 90%;


}


.copy-right {


	padding: 1em 0;


}


.send-form input[type="submit"] {


	margin: 1.5em 0;


}


.about-grid {


	position: relative;


	padding: 0.5em 0;


}


.send-form span.text-box1, .send-form span.text-box2 {


	width: 80%;


}


.send-form input[type="submit"] {


	font-size: 1.1em;


	padding: 0.6em 2.2em;


}


.service .nav-tabs > li a {


	display: block;


	height: 6em;


	width: 100%;


}


.service .nav-tabs > li.myTab_menu1 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li.myTab_menu2 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li.myTab_menu3 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li.myTab_menu4 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li.myTab_menu1 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li.active.myTab_menu1 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li.active.myTab_menu2 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li.active.myTab_menu3 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li.active.myTab_menu4 {


	background-size: auto 40%;


	background-position: center 10%;


}


.service .nav-tabs > li a p {


	position: absolute;


	width: 80%;


	text-align: center;


	left: 10%;


	top: 75%;


	font-size: 0.5em;


	margin: 0;


}


.service .tab-content {


	padding: 2em 0.5em 2em;


}


.service .tab-content .col-md-6 {


	width: 100%;


	padding: 0.3em;


}


.service .tab-content .col-md-6 a.tab_con_btnm {


	width: 40%;


	height: 3em;


}


.service .tab-content .col-md-6 a.tab_con_btnc {


	width: 40%;


	height: 3em;


	margin-left: 20%;


}


.work .myTab_menu2 .nav-tabs > li {


	height: 4em;


}


.work .myTab_menu2 .nav-tabs > li a {


	height: 5em;


	line-height: 5em;


	font-size: 0.8em;


	text-indent: 0;


	text-align: center;


}


.work .myTab_menu2 .nav-tabs > li.myTab_menu11 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu12 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu13 a, .work .myTab_menu2 .nav-tabs > li.myTab_menu14 a {


	background: none;


}


.work .myTab_menu2 .nav-tabs > li.active.myTab_menu11 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu12 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu13 a, .work .myTab_menu2 .nav-tabs > li.active.myTab_menu14 a {


	height: 5em;


	width: 100%;


	line-height: 5em;


	font-size: 0.8em;


	color: #fff;


	text-align: center;


	background: #accf69;


}


.work .myTab_menu2 .nav-tabs > li.active a:after, .work .myTab_menu2 .nav-tabs > li.active a:after {


	display: none;


}


.work .myTab_menu2 .nav-tabs > li a:after {


	display: none;


}


.copy-right .guanzhu .erweim {


	text-align: left;


}


.copy-right .guanzhu img {


	width: 90%;


}


.work .tab-content .tab_con_tex .tab_con_tex1 {


	font-size: 1.5em;


}


.work .tab-content .tab_con_tex .tab_con_tex2 {


	font-size: 0.875em;


	width: 80%;


}


.news .conatiner .new_box li.new_sbox .fr p {


	font-size: .8em;


}


.news .conatiner .new_box li.new_sbox .fr a {


	font-size: 0.6em;


	line-height: 1.4em;


}


.news .conatiner .new_box li.new_sbox .fr .news_description {


	-webkit-line-clamp: 3;


}


}


@media (max-width:320px) {


nav a#pull {


	line-height: 1.6em;


}


.banner-info {


	left: 6.6%;


	top: 21%;


}


.services-grid-left {


	padding: 1em 2em;


}


.works-grid:hover div.caption {


	margin: 1em 0 0 1em;


	padding: 0.5em;


	min-height: 150px;


}


.banner {


	min-height: 320px;


}


.bannerin {


	min-height: 260px;


}


.works-head p {


	width: 80%;


	margin: 0em auto;


	font-size: 1em;


}


.banner-info h1 {


	font-size: 1.4em;


	margin: 0.2em 0 0.4em;


}


.about-head h2, .service-head h2, .works-head h2 {


	font-size: 1.2em;


}


.about-head p {


	font-size: 0.9em;


	width: 100%;


	margin: 0.3em auto;


	line-height: 1.5em;


}


.about {


	padding: 1em 0;


}


.works {


	padding: 1em 0;


}


.top-header {


	padding: 0em 0 1.7em;


}


.logo {


	margin-top: 0.5em;


}


.banner-info p {


	font-size: 1em;


}


.services-grid-left-grid p {


	width: 100%;


}


.services-grid-left-grid {


	padding: 0.5em 0;


}


.services-grid-right {


	display: none;


}


.about-grids {


	padding: 0em 0 0em;


}


.service-head p {


	font-size: 0.9em;


	margin: 0.4em 0;


}


.works-grid:nth-child(2), .works-grid:nth-child(3), .works-grid:nth-child(4), .works-grid:nth-child(5), .works-grid:nth-child(6) {


	display: none;


}


.contact-head h2 {


	font-size: 1.2em;


}


.contact-head p {


	font-size: 0.9em;


	width: 90%;


	line-height: 1.5em;


	margin: 0 auto;


}


.Contact-form {


	padding: 1em 0 1em;


	margin-top: 1.5em;


}


.send-form {


	width: 90%;


}


.copy-right {


	padding: 1em 0;


}


.send-form input[type="submit"] {


	margin: 1.5em 0;


}


.about-grid {


	position: relative;


	padding: 0.5em 0;


}


.send-form span.text-box1, .send-form span.text-box2 {


	width: 90%;


}


.send-form input[type="submit"] {


	font-size: 0.9em;


	padding: 0.7em 2.2em;


}


a.bannner-btn {


	padding: 0.8em 1.5em;


	font-size: 0.9em;


}


.about-head p label {


	font-size: 1.1em;


}


.about-grid label {


	display: none;


}


.about-grid p {


	line-height: 1.5em;


	margin: 0.4em auto;


	width: 100%;


}


.services-grid-left-grid h3 a {


	font-size: 0.9em;


}


.send-form label {


	border-bottom: 1px solid #7E8287;


	padding: 0.3em 0;


	font-size: 0.95em;


}


.send-form input[type="submit"], .send-form input[type="text"], .send-form textarea {


	-webkit-appearance: none;


}


.top-header {


	padding: 0em 0 0.3em;


}


.logo {


	margin-top: 0.2em;


	margin-left: 0.2em;


	width: 30%;


}


.logo a {


	color: #303030;


	font-weight: 200;


	text-transform: uppercase;


	margin-top: 0.2em;


}


.socity .column {


	padding: 0.5em 0.3em;


}


a#pull {


	line-height: 20px;


	top: 10px;


}


nav a#pull img {


	width: 20px;


}


.top-nav ul li a {


	line-height: 2em;


}


.news .conatiner .new_tit {


	padding-top: 2em;


}


.news .conatiner .news_des {


	padding-top: 1em;


	padding-left: 0.5em;


	padding-right: 0.5em;


}


.news .conatiner .new_box .center .new_con li a {


	font-size: 0.6em;


}


.news .conatiner .new_box li.new_sbox .fr p {


	font-size: 0.8em;


}


.news .conatiner .new_box li.new_sbox .fr a {


	font-size: 0.5em;


}


.copy-right .col-md-3 {


	width: 100%;


}


.copy-right .col-md-3 a {


	width: 50%;


	float: left;


}


.copy-right .join .col-md-6 {


	width: 100%;


	float: none;


	padding-right: 15px;


	padding-left: 15px;


}


.copy-right .join .hengx {


	width: 90%;


}


.copy-right .join .guanzhu .col-md-6 {


	width: 50%;


	float: none;


	padding: 0;


	float: left;


}


}


.fadeInUp {


}








.pagebar { padding:20px; overflow:hidden; clear:both}


.pagebar .pagination {


  display: flex;


  justify-content: center;


  margin-top: 10px;


}


.pagination a {


  background: #fff;


  border: 1px solid #ccc;


  color: #333;


  font-size: 12px;


  padding: 8px 10px;


  margin: 0 2px;


  border-radius: 3px; line-height:100%


}


.pagination span {


    color: #333;


    font-size: 12px;


    padding: 7px 2px;


    margin: 0 2px;


    border-radius: 3px;


}


.pagination a:hover {


  color: #333;


  border: 1px solid #333;


}


.pagination a.page-num-current {


  color: #fff;


  background: #333;


  border: 1px solid #333;


}


.pagination .st{ font-family:宋体}


.text-secondary{ text-align:center; padding:20px 0}


.new_sbox img{ height:61.5px; width:100%}

img[data-catalog-media]{border-radius:8px;}

@media (min-width:768px){[data-desktop-date-block]{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:88px;min-height:88px;height:auto;padding:12px 8px;overflow:visible;line-height:1.2;flex-shrink:0;}}

@media (min-width:768px){[data-desktop-date-block] [data-desktop-date-part]{position:static;float:none;display:block;box-sizing:border-box;width:auto;min-width:0;height:auto;max-height:none;margin:0;padding:0;white-space:nowrap;word-break:normal;overflow-wrap:normal;overflow:visible;text-overflow:clip;line-height:1.2;font-size:24px;letter-spacing:0;}}

@media (min-width:768px){[data-desktop-date-block] [data-desktop-date-part=year]{font-size:16px;}}

body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;}

.template-contact-number{display:inline-block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}


@media (min-width:768px){picture[data-refreshed-banner]{display:contents;}}
@media (min-width:768px){[data-banner-text-host]{position:relative;box-sizing:border-box;}}
@media (min-width:768px){[data-banner-text-layer]{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;}}
@media (min-width:768px){[data-banner-text-layer]>span{position:absolute;display:block;color:white;font-family:"Noto Sans SC",sans-serif;font-weight:600;line-height:1.25;text-shadow:0 2px 5px rgba(0,0,0,.65);overflow-wrap:anywhere;}}
@media (min-width:768px){[data-banner-placeholder]{display:none;}}
@media (min-width:768px){[data-banner-replaced-copy]{display:none;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]{display:flex;align-items:flex-start;justify-content:center;padding:30px max(12%,calc((100% - 1080px)/2));box-sizing:border-box;overflow:visible;background:transparent;flex-direction:column;padding-top:32px;padding-bottom:32px;}}
@media (min-width:768px){[data-banner-text-panel]{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:min(620px,62%);padding:28px 34px 30px;margin:0 18px;background:linear-gradient(100deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);border-left:1px solid rgba(255,255,255,.45);box-shadow:0 14px 34px rgba(0,0,0,.14);}}
@media (min-width:768px){[data-banner-text-panel]>span{position:static;display:block;flex:0 1 auto;left:auto;top:auto;width:auto;max-width:100%;margin:0;color:white;font-size:19px;font-weight:500;line-height:1.55;letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 2px 6px rgba(0,0,0,.65);}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:15px;letter-spacing:.18em;line-height:1.2;opacity:.88;text-transform:none;}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-title]{font-size:44px;font-weight:750;line-height:1.18;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]{align-items:flex-end;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]>[data-banner-text-panel]{border-left:0;border-right:1px solid rgba(255,255,255,.45);align-items:flex-end;text-align:right;background:linear-gradient(260deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]>[data-banner-text-panel]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-accent]{display:block;width:72px;height:16px;flex:0 0 16px;background:url("../../../static/images/desktop-banners/banner-accent.svg") left center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-features]{font-size:16px;border-top:1px solid rgba(255,255,255,.5);padding-top:14px;margin-top:4px;opacity:.95;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{max-width:68%;padding:20px 24px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-title]{font-size:30px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{box-sizing:border-box;width:min(720px,100%);max-width:100%;flex:0 0 auto;overflow:visible;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>span{flex:none;height:auto;max-height:none;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:48px;line-height:1.25;border:0;padding:0;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:20px;letter-spacing:0;font-style:italic;border-left:4px solid var(--banner-accent);padding-left:12px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-features]{font-size:18px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:36px;}}
@media (min-width:768px){[data-banner-text-flow]{--banner-accent:#81bc04;flex-direction:column;}}
@media (min-width:768px){[data-banner-text-title]{font-weight:800;border-left:5px solid var(--banner-accent);padding-left:18px;}}
@media (min-width:768px){[data-banner-text-panel]>span:not([data-banner-text-title]){padding-left:23px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]{background:linear-gradient(115deg,rgba(0,0,0,.68) 72%,transparent 72%);border:0;padding-right:64px;}}
@media (min-width:768px){img[data-src="static/images/1654840597766276-a785e1752a39.jpg"]{content:url("../../../static/images/desktop-banners/90522eba7de9.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/1654840597766276-a785e1752a39.jpg"]{content:url("../../../static/images/desktop-banners/90522eba7de9.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/1654840597766276-a785e1752a39.jpg"]{content:url("../../../static/images/desktop-banners/90522eba7de9.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/1654840597766276-a785e1752a39.jpg"]{content:url("../../../static/images/desktop-banners/90522eba7de9.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/90522eba7de9.jpg.webp"]{content:url("../../../static/images/desktop-banners/90522eba7de9.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/90522eba7de9.jpg.webp"]{content:url("../../../static/images/desktop-banners/90522eba7de9.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/90522eba7de9.jpg.webp"]{content:url("../../../static/images/desktop-banners/90522eba7de9.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/90522eba7de9.jpg.webp"]{content:url("../../../static/images/desktop-banners/90522eba7de9.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/1654780280560362-1351d848cd3f.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/1654780280560362-1351d848cd3f.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/1654780280560362-1351d848cd3f.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/1654780280560362-1351d848cd3f.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/9189b0995b94.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/9189b0995b94.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/9189b0995b94.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/9189b0995b94.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/wenhua_bg-ed44feb6a80e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/wenhua_bg-ed44feb6a80e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/wenhua_bg-ed44feb6a80e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/wenhua_bg-ed44feb6a80e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-src="../../../static/images/wenhua_bg-ed44feb6a80e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../../../static/images/wenhua_bg-ed44feb6a80e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-original="../../../static/images/wenhua_bg-ed44feb6a80e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../../../static/images/wenhua_bg-ed44feb6a80e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/79bf3d288d5e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/79bf3d288d5e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/79bf3d288d5e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/79bf3d288d5e.jpg.webp"]{content:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/licheng_bg-9bcdb8befe81.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/licheng_bg-9bcdb8befe81.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/licheng_bg-9bcdb8befe81.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/licheng_bg-9bcdb8befe81.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-src="../../../static/images/licheng_bg-9bcdb8befe81.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../../../static/images/licheng_bg-9bcdb8befe81.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-original="../../../static/images/licheng_bg-9bcdb8befe81.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../../../static/images/licheng_bg-9bcdb8befe81.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/af08d72bbf45.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/af08d72bbf45.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/af08d72bbf45.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/af08d72bbf45.jpg.webp"]{content:url("../../../static/images/desktop-banners/af08d72bbf45.jpg.webp");}}
@media (min-width:768px){img[data-src="statics/site/images/bannerin.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-src$="/statics/site/images/bannerin.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-original="statics/site/images/bannerin.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-original$="/statics/site/images/bannerin.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-src="../images/bannerin.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../images/bannerin.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-original="../images/bannerin.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../images/bannerin.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/1837480bfe5f.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/1837480bfe5f.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/1837480bfe5f.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/1837480bfe5f.jpg.webp"]{content:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/sildmenu_bg-57497a41caf7.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/sildmenu_bg-57497a41caf7.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/sildmenu_bg-57497a41caf7.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/sildmenu_bg-57497a41caf7.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-src="../../../static/images/sildmenu_bg-57497a41caf7.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../../../static/images/sildmenu_bg-57497a41caf7.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-original="../../../static/images/sildmenu_bg-57497a41caf7.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../../../static/images/sildmenu_bg-57497a41caf7.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/4439ca86e113.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/4439ca86e113.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/4439ca86e113.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/4439ca86e113.jpg.webp"]{content:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/foot_bg-e205695ecd41.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/foot_bg-e205695ecd41.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/foot_bg-e205695ecd41.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/foot_bg-e205695ecd41.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-src="../../../static/images/foot_bg-e205695ecd41.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-src$="/../../../static/images/foot_bg-e205695ecd41.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-original="../../../static/images/foot_bg-e205695ecd41.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-original$="/../../../static/images/foot_bg-e205695ecd41.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/be08d75384fd.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/be08d75384fd.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/be08d75384fd.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/be08d75384fd.jpg.webp"]{content:url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-inner-banner/banner.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-inner-banner/banner.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-inner-banner/banner.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-inner-banner/banner.jpg.webp"]{content:url("../../../static/images/desktop-banners/9189b0995b94.jpg.webp");}}
@media (min-width:768px){.culture_con{background:url("../../../static/images/desktop-banners/79bf3d288d5e.jpg.webp") center bottom no-repeat;background-image:url("../../../static/images/desktop-interstitial/515e3cd37a2d.jpg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#242729;color:#fff;}}
@media (min-width:768px){.bannerin{background:url("../../../static/images/desktop-banners/1837480bfe5f.jpg.webp") center bottom no-repeat;}}
@media (min-width:768px){.work .myTab_menu2{background:url("../../../static/images/desktop-banners/4439ca86e113.jpg.webp") center top no-repeat;}}
@media (min-width:768px){.copy-right{background:#242426 url("../../../static/images/desktop-banners/be08d75384fd.jpg.webp") center top no-repeat;background-image:url("../../../static/images/desktop-interstitial/80a8c1d16f82.jpg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#242729;color:#fff;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel][data-banner-text-panel]>span{color:#f8fafc;}}
@media screen and (min-width:1024px){.detialcon .location{background-image:url("../../../static/images/desktop-brand/map-pin-d2ed67a123.svg");}}
@media screen and (min-width:1024px){.detial_top .right_con .pro_text .pro_t4 .icon_p{background-image:url("../../../static/images/desktop-brand/phone-26e8164483.svg");}}
@media (min-width:768px){.case_wrap{background-image:url("../../../static/images/desktop-interstitial/96fb9cd9d647.jpg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#242729;color:#fff;}}
@media (min-width:768px){.about{background-image:url("../../../static/images/visual-upgrade/storage-business.jpg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#242729;color:#fff;}}
@media (min-width:768px){.about .about_con{background-image:url("../../../static/images/visual-upgrade/storage-workspace.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#242729;color:#fff;}}
@media (min-width:768px){.news{background-image:url("../../../static/images/desktop-interstitial/869fe132fcf6.jpg.webp");background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#242729;color:#fff;}}
@media (min-width:768px){.carousel-inner > .item >picture>img{display:block;max-width:100%;height:auto;line-height:1;}}
@media (min-width:768px){.carousel-inner > .item >picture{display:contents;}}
