*{ margin:0; padding:0}
body, html{font: 14px Arial,"微软雅黑";color: #292C44;width: 100%;height: 100%; line-height:180%}
.fr{ float: right}
.fl{ float:left} 
ul,li{ list-style:none}
h1,h2,h3{ font-weight:normal}
.clearfix{ clear:both}
em, i { font-style: normal;}
.bggrey{background:#fafafa}
.bgw{background: #fff;}
.mart50{ margin-top:50px !important;}
.marb50{ margin-bottom:50px !important}
.mart15{ margin-top:15px !important;}
.mart20{ margin-top:20px !important;}
.marb20{ margin-bottom:20px !important;}
.prad{ padding:20px 0}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block; }
.par60{ padding:60px 0}
.par40{ padding:40px 0}
a{ color:#2f6aff; text-decoration:none}
a.active, a:hover { color:#FF5349;}

.left{ width:862px; float:left; }
.rihgt{width: calc(100%  - 900px); float:right;}
.leftpd{padding:20px 0 20px 20px;border-radius: 4px 4px 0 0;margin-top:20px}
.partop{ padding-top: 145px !important}
.rbtn { width: 120px; height: 40px; line-height: 40px; display: inline-block; text-align: center;  background: #2f6aff;color: #fff;  font-size: 14px;  border-radius: 4px; margin-top: 35px;}
.rbtn a:hover{ background:#18CDCA; border-radius: 4px;}
.content{width:100%; margin:0 auto}
@media (max-width:480px){.content{max-width:480px}}
@media (min-width:576px){.content{max-width:540px}}
@media (min-width:768px){.content{max-width:720px}}
@media (min-width:992px){.content{max-width:960px}}
@media (min-width:1200px){.content{max-width:1170px}}


.headtop{  position: fixed;z-index: 20; background:#fff; width:100%}

.headmid{ padding:5px 0; display: flex; justify-content: space-between;}
	.hdlogo { height:78px;  align-self: flex-start; padding-bottom:8px; display: flex;align-items: center; }
	.hdlogo p{ width:180px; font-size:16px; font-weight:600;padding:10px 0 0 15px;}
	.hdlogo img{ height:76px; width:auto}
		.hdlogo a{ display:block;width:100%; height:100%;}
	.hdbot{ align-self: flex-end; width: 120px; height: 40px; margin-left:15px; line-height:40px; display: inline-block; text-align: center;  background: #2f6aff;color: #fff; font-size: 14px;  border-radius: 4px; margin-top:20px}
	.hdbot:hover{background:#18CDCA; border-radius: 4px;}
	
.menu{ height:60px; line-height:60px; background:#2f6aff; font-size:16px;}
	.menu ul { display:flex}
	.menu ul li{ text-align:center; flex:1}
	.menu ul li.active a{ background:0 0;box-shadow: 0 -2px 6px rgba(0,0,0,.12);color:#fff;border-top: 2px solid #fff; line-height: calc(60px - 2px); }
	.menu ul li a{ color:#fff; display:block;transition: all .16s cubic-bezier(.46,.03,.52,.96);}
		.menu ul li:nth-child(2){background:url(../images/ico_hot.gif)  85% 8px  no-repeat;}
	.menu ul li a:hover,.menu ul li.hover { background:0 0;box-shadow: 0 -2px 6px rgba(0,0,0,.12);color:#fff;border-top: 2px solid #fff; line-height: calc(60px - 2px);  }
	.menu ul li.hover  a:hover {border-top: none;}
	

.footer {  width: 100%;  color: #fff;font-weight: 400;font-size: 12px;background-color:  #0a1e39;}
	.ftcon{height:172px;padding: 40px 83px 0 83px;}
	.footer_img {  width:210px;   height:78px; float:left}
	.footer_img img{width:210px;   height:78px;}
	.footer_img p{ text-align:center; font-size:16px}
	.footlx{ float:right; width:150px}
	.footlxt {  margin-bottom: 24px;  font-size: 16px;    line-height: 24px;}
	.footlxk {  margin-bottom: 16px;  color:   #999;  text-decoration: none;}
	.footab{ float:right; width:450px; margin-left:25px}
	
.footercopy{height: 52px;color: hsla(0,0%,100%,.3);line-height: 52px;text-align: center;background-color:  rgba(0,0,0,.2);}
.footercopy a{color: hsla(0,0%,100%,.3);}




.banner{ width:100%; overflow:hidden}

.imglist{ width:100%;height:322px;margin:0 auto; background:#548af4}
	.carousel-item{color: #fff;font-family:  Arial Black;}
	
	.ft-carousel {	position: relative;	width: 100%;	height: 100%;overflow: hidden;}
	.ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;}
		.textwrap{ padding: 100px 0 0 80px;  text-align: left;  position: relative; color:  #fff;}
		.textwrap h2{font-size:30px;line-height: 70px;margin-bottom: 4px;font-weight: 900;letter-spacing: 3px;font-family: MicrosoftYaHei-Bold,Arial;font-weight: 700;}
		.textwrap h2::after {  content: ""; display: block; width: 100px; height:2px;  background:  #fff; border-radius: 2px; margin: 5px 0 20px;}
		.textwrap p{  opacity: .9;  font-size: 20px;  line-height: 27px;}
		.textwrap span{padding: 9px 28px;  background-image: linear-gradient(73deg,#4bf5ff 5%,#2f6aff 88%);border-radius: 28px;border: none;font-size: 14px;color:  #fff; line-height: 24px;    outline: none;    margin-top: 32px;   display: inline-block;}
	.ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;}
	.ft-carousel .carousel-indicators {	position:absolute;left:0;bottom:10px;width:100%;text-align: center;font-size: 0;}
	.ft-carousel .carousel-indicators span {display: inline-block;width: 12px;height: 12px;	background-color: #fff;margin: 0 4px;border-radius: 50%;cursor: pointer;}
	.ft-carousel .carousel-indicators span.active {background-color: #de3a3a;}
	.ft-carousel .carousel-btn {position: absolute;	top: 50%;width: 50px;height: 45px;margin-top: -25px;	cursor: pointer;}
	.ft-carousel .carousel-prev-btn {left: 0;background: url(../images/prev.png) no-repeat;}
	.ft-carousel .carousel-next-btn {right: 0;background: url(../images/next.png) no-repeat;}


.intitle {font-size: 32px;line-height: 46px;font-weight: 400; text-align:center}
	.intitle a{color:#222; }
	.intitle::after {  display: block;  content: "";  width:50px;  height: 4px;  margin: 16px auto 12px;  border-radius: 2px;  background: #2f6aff;}
.inintro { font-size: 16px; color:  #555;  line-height: 24px;margin-top: 13px; text-align:center}
	.intrdw{ width:50%; margin:20px  auto 30px auto; max-width:600px}
.inadvbg{background: url(../images/ysbg.jpg) bottom  no-repeat;background-size: cover;}
	.inadv{}
	.inadv li{ width: calc(98% / 5); display:inline-block; text-align:center; position:relative}
		.inadv li p{padding-left: 0 !important;font-size:45px; color:#f23340; margin-bottom:25px}
		.inadv li span{font-size: 18px;opacity: .8;}
	.inadv li::after{background:#173252;height: 30px;opacity: .2;width:2px; position:absolute; right:0;content: "";display: inline-block; vertical-align: middle;}
	.inadv li:last-child::after{ display:none}
	.mtfb{ width:200px; margin:15px auto}
	.mtfb a { color:#fff; font-size:16px; background: #2f88ff;  border-radius: 4px; margin-top: 25px;  height: 45px; line-height: 45px; transform: translateY(10px); transition: -webkit-transform .3s;  transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;    box-shadow: 0 8px 18px 0 rgb(4 137 252 / 40%), 0 2px 8px 0 rgb(230 247 255 / 30%);    width: 100%; display: block;  text-align: center;}
.inwork{}
	.inwork li{ width: calc(100% / 4 - 24px);box-shadow: 0 6px 10px 0 rgba(0,0,0,.06);border-radius: 10px; margin: 0 10px;overflow: hidden; display:inline-block; padding-bottom:15px; background:#fff}
	.inwork li h3{font-size: 20px;font-weight: 600;color:#222;line-height: 24px;margin: 16px 0;padding: 0px 15px;}
	.inwork li p{font-size: 14px;line-height: 24px;padding: 0px 15px; min-height:80px}



.tc_item{width:calc(100% / 4 - 24px);border: 1px solid #eaeaea;border-radius: 4px;overflow: hidden; float:left; margin:20px 21px 21px 0;transition: all .5s; position:relative; top:0}
	.tc_item dt{margin: 0 10px;padding: 12px 0;border-bottom: 1px solid  #ececec;color:#2f6aff;font-weight: 600;font-size: 16px;line-height: 26px;}
	.tcimg{height:166px;}
	.tcimg img{ width:100%;height:100%;}
	.tcintro{margin-bottom: 0;padding: 5px 18px 0;overflow: hidden;color:#666;font-size: 14px;line-height: 22px; height:60px}
	.tc_item:hover{top:-10px;box-shadow: 0 4px 14px 0 rgba(10,33,64,.1);}
	.tc_item::after {  content: '';  position: absolute;  bottom: 0;  left: 1px;  width: 0;  height: 4px;background: linear-gradient(334deg,#772fff,#2f6aff 30%,#4bf5ff);border-radius: 0px 0px 8px 8px;transition: width 0.2s ease-in;}
	.tc_item:hover::after {width: 100%;}
.icasehot { margin:40px 0;text-align:center;}
	.icasehot a{ display: inline; padding: 9px 28px; margin:10px; background:#2f6aff;border-radius: 28px;font-size: 14px;color:  #fff;  line-height: 24px;}
.case_item { height: 309px;background:#fff;box-shadow: 0 2px 12px 0  rgba(0,0,0,.1);   border-radius: 20px; margin:10px auto}
	.caseimg{ width: 500px;height: 100%;margin: 0;float: left;border-top-left-radius: 20px;border-bottom-left-radius: 20px;overflow: hidden;display: block;}
		.caseimg img{display: block;width: 100%;height: 100%;}
	.casecon{float: left;width:calc(100%   - 530px);height: 100%;box-sizing: border-box;padding:15px 42px;}
		.casecon h2{color:#222;line-height: 46px;font-weight: 400;font-family: PingFangSC-Semibold;font-size:24px}
		.casecon h2::after{ display: block;  content: "";  width: 48px; height: 4px; margin: 8px 0 12px; border-radius: 2px;background-image: linear-gradient(90deg,#4bf5ff,#2f6aff);}
		.casecon h3 { font-size: 20px;  line-height: 40px; color:     #222;}
		.casecon h4{font-size: 14px;color:#999;margin-top: 16px;font-weight:normal;}
		.casecon h3 span{margin-bottom: 20px;font-size:24px;color:#2f6aff;line-height: 24px;}
		.casecon p::after{ content: "";  display: inline-block;  width: 1px;  height: 30px;   background:  #e3e3e3;  margin: 0 29px -2px 32px;}
		.casein{ margin:10px 0}
		.button  {   background:#2f6aff;border-radius: 28px;font-size: 14px;color:  #fff;  line-height: 24px; margin-top:10px; display: inline-block}
		.button  a{ color:#fff; display:block;padding: 9px 28px;}
		.button:hover{ color:#fff;background:#18CDCA;}
.thbgin{}

.medial { width:90%; margin:0 auto}
.medial li{float: left;width:140px; height:70px;text-align: center;margin: 10px;background: #fff;border: 1px solid #ebebeb; padding:5px}
.medial li img{ width:100%; height:100%;}

.intcdl{width: calc(100% / 4 - 24px);box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);border-radius: 10px; overflow: hidden; display:inline-block;margin: 0 10px;transition: transform 0.2s ease-in; margin-top:20px}
.intcdl dt{height:60px;  padding-left: 20px; font-size: 20px;color:  #fff; line-height:60px; background: url(../images/tc.png)  no-repeat  #2f6aff; background-position: 30px bottom }
	.intctit {  color:#2f6aff; font-size: 16px; text-align:center}
	.intcir{ padding:30px 20px }
	.intcnum {  margin: 15px 0; color: #5185ff;  font-size: 52px; text-align:center; color:#FF5349}
	.intcnum  span {font-size: 20px;}
	.intmore{ text-align:center; padding-bottom:15px}
.intcdl:hover {    transform: translateY(-8px);}
.intcdl::after {  content: '';  position: absolute;  bottom: 0;  left: 1px;  width: 0;  height: 4px; background: #2f6aff;border-radius: 0px 0px 8px 8px;transition: width 0.2s ease-in;}
.intcdl:hover::after {  width: 100%;}






.innews{width: calc(100% / 3 - 24px); float:left; margin-right:23px}
	.inntype{width: calc(100% -10px); height: 30px; line-height: 30px; border-left: 3px solid #2f6aff;font-size: 18px;color: #333; padding-left: 10px;}
	.inntype a { float: right;  color: #2f6aff; font-size:14px}
	.innlist { width: calc(100%   - 30px); background:  #fff; margin-top: 5px; padding:10px 15px}
		.innhot {width: 100%;    margin: 0 auto 0; padding-top: 20px; color:#555}
		.innhimg {  width:100%;  height: 150px; }
			.innhimg img{  width: 100%;  height: 150px; }
		.innhitr{ height:70px; margin-top:10px}
		.innhot dt {font-size: 16px;line-height: 25px;margin-top: 5px; color:#222; font-weight:700;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
	.innul {  margin:10px auto 0;}
		.innul li{height: 33px;line-height: 33px;padding-left: 20px;background: url(../images/dot.png) left center no-repeat;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
		.innul li:hover {background: url(../images/doton.png) left center no-repeat;}
@media (max-width:480px){
	.headtop{ height: auto; position: static;z-index: 20; background:#fff; width:100%}
	.headmid{ padding-top:15px; height: auto; }
	.hdlogo{background: url(../images/logo.jpg)  no-repeat  center  center ; background-size:100%; width:80%;  display: block; margin:0 auto; float:none}
	.hdbot{ display:none}
	.menu{ height:150px; line-height:35px; background:#2f6aff; font-size:16px; padding-left:2px; box-sizing:border-box}
	
	.menu ul li{ float:left; width: calc(100% / 3 - 4px); text-align:center; border-bottom:1px solid #4aeeff; border-right:1px solid #4aeeff}
	.menu ul li:nth-child(3n){border-right: none}
	.menu ul li a:hover,.menu ul li.hover { background:0 0;box-shadow: none;color:#fff;border-top: none; line-height: normal; line-height:35px }
	.ftcon { height:auto; padding:15px}
	.footer_img {  width:100%;   height: auto; float: none}
	.footer_img img{ display:block; margin:0 auto }
	.footlx{ float:none; width:100%}
	.footab{ float: none; width:100%; margin-left:0}
	.carousel-inner li{ background-size:250px auto !important; background-position:bottom right !important}
	.textwrap h2{font-size:24px;line-height: 70px;margin-bottom: 4px;font-weight: 900;letter-spacing: 3px;font-family: MicrosoftYaHei-Bold,Arial;font-weight: 700;}
	.intitle {font-size: 24px;line-height:35px;}
	.inadv li{ width: calc(98% / 3); display:inline-block; text-align:center; position:relative}
	.inadv li p{font-size:25px; margin-bottom:15px; margin-top:15px; }
	.inadv li span{font-size:14px;opacity: .8;}
	.inwork li{ width: calc(100% / 2 - 25px);}
	.inwork li h3{font-size: 18px;}
	.thbgin{ display:none}
	.icasehot a{ padding: 9px 6px; margin:8px;}
	.case_item{ height:auto}
	.caseimg{ width:98%;float: none;border-radius: 20px; margin:0  auto}
		.caseimg img{display: block;width: 100%;height: auto;}
	.casecon{ float:none;width:98%; margin:0  auto}
	.tc_item{width:calc(100% / 2 - 24px);margin:20px 0 21px 10px;}
	.lisimg{ width:100%;}
	.lisimg img{ width:100%; display:block; margin:0 auto }
	.innews{width:98%; float: none; margin:10px auto }
	.tc_arttop{ }
	
	}

.list_ty{ text-align: center; margin:10px 0 15px 0 }
	.list_ty a{ margin:10px 5px; padding:5px 10px; border:1px solid #dfdfdf; color:#333;transition: all 0.3s ease-out 0s; display: inline-block;font-size:14px; border-radius:8px}
	.list_ty a:hover,.list_ty .thisclass { background:#2f6aff;border:1px solid #2f6aff; color:#fff;transition: all 0.3s ease-out 0s;}

	
.list_item{}
	.list_item li{width:calc(100% / 3 - 24px); padding-bottom:10px;border: 1px solid #eaeaea;border-radius: 4px ;top:0;overflow: hidden; float:left; margin:0 21px 21px 0;transition: all .3s; position:relative}
		.listimg{ height:166px; width:100% }
		.listimg img{ width:100% !important; height:160px; display:block}
		.list_item li h3{ height:35px;margin: 0 15px;overflow: hidden;border-bottom: 1px solid  #ececec;color:#2f6aff;font-weight: 600;font-size: 16px;line-height:35px;}
		.tc_list{height:35px;overflow: hidden;border-top: 1px solid  #ececec;line-height:35px;margin: 0 15px; color:#333}
		.tc_list span{ color:#2f6aff;font-weight: 600;font-size: 16px; font-size:20px}
		.list_item li p{margin-bottom: 0;padding: 12px 18px 0;overflow: hidden;color:#666;font-size: 14px;line-height: 22px; height:60px}
		.list_item li:hover{ top: -10px;box-shadow: 0 4px 14px 0 rgba(10,33,64,.1);transition-duration: .3s;}
		.list_item li::after {content: '';  position: absolute;  bottom: 0;  left: 1px;  width: 0;  height: 4px; background: linear-gradient(334deg,#772fff,#2f6aff 30%,#4bf5ff);border-radius: 0px 0px 8px 8px;transition: width .3s cubic-bezier(0,0,.42,1);}
		.list_item li:hover::after {width:100%;}
		
.al_item{ margin-top:20px}
	.al_item li{width:calc(100% / 3 - 24px);border: 1px solid #eaeaea;border-radius: 4px ;top:0;overflow: hidden; float:left; margin:0 21px 21px 0;transition: all .3s; position:relative; background:#fff}
	.al_item li:hover { top: -10px;  box-shadow: 0 8px 44px 0  rgba(210,216,226,.75);}
	.al_item li::after {content: '';  position: absolute;  bottom: 0;  left: 1px;  width: 0;  height: 4px; background: linear-gradient(334deg,#772fff,#2f6aff 30%,#4bf5ff);border-radius: 0px 0px 8px 8px;transition: width .3s cubic-bezier(0,0,.42,1);}
	.al_item li:hover::after {width:100%;}
	.alimg{ height:226px;}
		.alimg img{ width:100%; height:100%}
	.al_item li h3{ color:#333;font-weight: 600;font-size: 16px;padding:10px 0;border-bottom: 1px solid #e2e2e2;margin:0 24px 5px 24px;}
	.al_dot{ padding:5px 24px 10px 24px}
	.al_dot dl{text-align: center; display:inline-block; width:48%;}
		.al_dot dl dt{margin-bottom:5px;color:#2f6aff;font-size:14px;}
		.al_dot dl dd{color: rgba(0,16,56,.45);}
		.al_dot dl:first-child {border-right: 1px solid #e2e2e2;}
.right_con { margin-bottom: 16px; padding:25px 10px;}
	 .right_ct{ position: relative; margin-bottom: 16px; padding: 0 0 8px 12px;font-size: 18px;line-height: 28px;border-bottom: 1px solid  #e8e8e8;}
	 .right_ct a{color: #333;}
	 .right_ct::before{position: absolute;top: 3px;left: 0;width:3px;height:25px;background-image: linear-gradient(73deg,#2f6aff 5%,#4bf5ff 88%);background-size: 100%;
content: ""; border-radius:10px}
	.nstype{}
	.nstype li{ padding-left:5px; padding-bottom: 3px; margin-bottom: 10px;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}
	.nstype li em{ background:#2f6aff; display:inline-block; width:20px; height:20px; color:#fff; text-align:center; line-height:20px; font-style:normal; margin-right:5px;border-radius:10px}
.art_t {  font-size: 30px; font-weight: 500;  color:  #222; line-height: 42px;  margin-bottom: 31px;}
	.art_s{  display: block; font-size: 14px; font-weight: 400;  color:  #343f4b;  line-height: 22px;  margin-bottom: 56px;}
	.art_body {  padding-bottom: 56px;   }
	.tc_body img,.art_body img,.al_body img,.tc_body img{ max-width:85% !important; height:auto !important}
.place {color:#666;font-weight: 400;}
	.place  a{color:#666;}
.context{}
.tc_arttop{ padding:20px 60px;background: #fff;}
.tc_right{ float: right; width:400px; height:247px; border-radius: 20px; overflow:hidden}
		.tc_right img{width:400px; height:247px;}
.tc_left{ float: left; width:calc(100%   - 450px);}
.tc_title{ margin-top:35px}
	.tc_title::after{ display: block;content: "";  width: 48px; height: 4px;margin: 16px 0 12px; border-radius: 2px;background-image: linear-gradient(90deg,#4bf5ff,#2f6aff);}
.tc_tag{ padding:25px 0}
	.tc_tag a{  border: 1px solid   #2f6aff;  border-radius: 20px;  cursor: pointer;  display: inline-block;  padding: 0 16px;color:#666; margin-right:15px}
.tc_intro{color: #666;line-height: 22px; min-height: 66px;}
.tc_ver {}
.tc_ver li {border: 1px solid #2f6aff;border-radius: 4px;color: #000; display: inline-block; font-size: 12px;line-height: 18px; margin-right: 15px;  padding: 10px;  text-align: center;   width: auto; min-width:96px}

	.pero{ color:  #2f6aff; font-size: 18px;  line-height: 22px;}
	.pero::after {  display: block;  content: "";  width:25px;  height:1px;  margin:8px auto 5px auto;  border-radius: 2px;  background: #2f6aff;}
	.pect{ color:  #000;  line-height: 18px;  }

.tc_body{}
.tc_body table { border-right: 1px solid #d4d4d4;border-bottom: 1px solid    #d4d4d4;    width: 90%; }
.tc_body table  tr td { text-align: center; color: #333;padding: 5px;border-left: 1px solid #d4d4d4;border-top: 1px solid   #d4d4d4;}
.tc_al h2 {position: relative;font-size:20px;color:#343f4b;border-bottom: 1px solid  #e0e4e8;    padding:8px 12px;  margin-bottom: 32px;}
	.tc_al h2::before{ display: block; content: ""; position: absolute;  top:10px; left: 0; width: 4px; height: 25px; background: -webkit-linear-gradient(116deg,#772fff,#2f6aff 30%,#4bf5ff);  background: linear-gradient(334deg,#772fff,#2f6aff 30%, #4bf5ff);   border-radius: 2px;}
	

.al_detail{  position: relative;  height: auto;  color:  #fff;}
.al_img { z-index:10;  width: 100%;  max-height:400px;   overflow: hidden;  background-color:  #222;}
 	.al_img img {z-index:50;  width: 100%;  height: auto;background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));  background-image: linear-gradient(-180deg,transparent,   #000);  opacity: .54;}
.al_logo{ position: absolute; top:40px;left: calc(50%  - 50px) ; display:block;width: 100px;  height: 100px;  border-radius: 100px; border:2px solid  #fff; }
.al_comp{ position: absolute; top: 160px; width: 100%;  font-size: 18px;  text-align: center;}
.al_title{  position: absolute;top: 200px;width:100%; text-align:center;  font-size: 14px;  text-align: center;font-size:28px;}
.al_tag{ top: 250px;  height: auto;  font-size: 14px;position: absolute;left: 50%;width: 800px;margin-left: -400px;text-align: center;}
	.al_tag a{ display: inline-block;  min-width: 80px;  height: 32px; margin: 0 10px; line-height:32px; border-radius:8px;  border: 1px solid   #fff; color:#fff}
.al_desc {text-align: center; background: #fff;position: relative;z-index: 4;width:calc(80%   - 100px);margin:-95px auto 20px auto;border-radius: 12px;box-shadow: 0 8px 20px 0 rgba(210,216,226,.75);padding: 40px 50px }
	.al_intro {  color:#999; line-height: 1.8;  position: relative;}
		.al_intro::before { content: ''; position: absolute;  width: 33px; height: 29px; background: url(../images/icon-text.png) no-repeat;left: -35px;top: -26px;}
		.al_intro::after{right: -30px;bottom: 10px;content: '';position: absolute;width: 33px;height: 29px; background: url(../images/icon-text.png) no-repeat; background-position:right top}
.al_body {  width:calc(100%   - 40px); height: auto; margin: 0 auto; padding:10px 20px; color: #222;background-color:#fff;-webkit-box-shadow: 0 1px 5px 0 hsla(0,0%,92.2%,.5);box-shadow: 0 1px 5px 0 hsla(0,0%,92.2%,.5);}
	
	.tc_body h2,.al_body h2,.alst h2{margin:20px 0 ; font-size:18px;font-weight:400; color: #2f6aff; line-height:35px; padding-left:15px; border-bottom:2px solid #2f6aff;box-shadow: 0 3px 6px 0  rgba(206, 195, 255, 0.4); height:35px; border-radius:5px; }
	.al_body table { border-right: 1px solid #d4d4d4;border-bottom: 1px solid    #d4d4d4;    width: 100%;  margin: 0 auto;}
	.al_body table  tr td { text-align: center; color: #333;padding: 5px;border-left: 1px solid #d4d4d4;border-top: 1px solid   #d4d4d4;}
	
	.alst{ width:100%; background:#fff;padding:10px 20px; box-sizing:border-box}
	
	
.mtlist{}
.mtlist  table { border-right: 1px solid #d4d4d4;border-bottom: 1px solid    #d4d4d4;    width:95%;  margin: 0 auto;box-shadow: 0px 4px 24px 0px rgba(210, 216, 226, 0.45);}
.mtlist table  tr td,.mtlist table  tr th { text-align: center; color:#666; padding: 5px;border-left: 1px solid #d4d4d4;border-top: 1px solid   #d4d4d4; height:50px}
.thbg{background-color:#e0e5ff}
	.mttbimg{ width:135px; height:50px}
		.mttbimg img{ width:100%; height:100%}
	.mttbtc { width:70px}
	.mttbtq { width:40px}
	.mttbtt{ width:120px; color:#2f6aff !important; font-size:16px;}
	.mtlist table  tr:nth-child(2)  .mttbtt,.mtlist table  tr:nth-child(3)  .mttbtt,.mtlist table  tr:nth-child(2)  .mttbtt,.mtlist table  tr:nth-child(4)  .mttbtt,.mtlist table  tr:nth-child(5)  .mttbtt,.mtlist table  tr:nth-child(6)  .mttbtt{ background:url(../images/recm.gif) 110px 3px no-repeat !important;  }
	.mttbtn{ width:330px}
	.mtlist table  tr:nth-child(2n){background: rgb(249, 249, 249)}
	.mtlist table  tr:hover{ background:#e7e7e7}
.mttype{ padding:20px 0;text-align:center; }
	.mttype a{ margin:0 15px; padding:8px 15px; border:1px solid #dfdfdf; color:#333;transition: all 0.3s ease-out 0s; border-radius:8px}
	.mttype a:hover,.mttype .thisclass { background:#2f6aff;border:1px solid #2f6aff; color:#fff;transition: all 0.3s ease-out 0s;}
	.mttype h2{display : inline;font-size:16px;}
	.mttype .thisclass h2 ,.sol_list_ty a:hover h2{ color:#fff}

@media (max-width:480px){
	.headtop{ height: auto; position: static;z-index: 20; background:#fff; width:100%}
	.headmid{ padding-top:15px; height: auto; }
	.hdlogo{background: url(../images/logo.jpg)  no-repeat  center  center ; background-size:100%; width:80%;  display: block; margin:0 auto; float:none}
	.hdbot{ display:none}
	.menu{ height:150px; line-height:35px; background:#2f6aff; font-size:16px; padding-left:2px; box-sizing:border-box}
	
	.menu ul li{ float:left; width: calc(100% / 3 - 4px); text-align:center; border-bottom:1px solid #4aeeff; border-right:1px solid #4aeeff}
	.menu ul li:nth-child(3n){border-right: none}
	.menu ul li a:hover,.menu ul li.hover { background:0 0;box-shadow: none;color:#fff;border-top: none; line-height: normal; line-height:35px }
	.ftcon { height:auto; padding:15px}
	.footer_img {  width:100%;   height: auto; float: none}
	.footer_img img{ display:block; margin:0 auto }
	.footlx{ float:none; width:100%}
	.footab{ float: none; width:100%; margin-left:0}
	.carousel-inner li{ background-size:250px auto !important; background-position:bottom right !important}
	.textwrap h2{font-size:24px;line-height: 70px;margin-bottom: 4px;font-weight: 900;letter-spacing: 3px;font-family: MicrosoftYaHei-Bold,Arial;font-weight: 700;}
	.intitle {font-size: 24px;line-height:35px;}
	.inadv li{ width: calc(98% / 3); display:inline-block; text-align:center; position:relative}
	.inadv li p{font-size:25px; margin-bottom:15px; margin-top:15px; }
	.inadv li span{font-size:14px;opacity: .8;}
	.inwork li{ width: calc(100% / 2 - 25px);}
	.inwork li h3{font-size: 18px;}
	.thbgin{ display:none}
	.icasehot a{ padding: 9px 6px; margin:8px;}
	.case_item{ height:auto}
	.caseimg{ width:98%;float: none;border-radius: 20px; margin:0  auto}
		.caseimg img{display: block;width: 100%;height: auto;}
	.casecon{ float:none;width:98%; margin:0  auto}
	.tc_item{width:calc(100% / 2 - 24px);margin:20px 0 21px 10px;}
	.lisimg{ width:100%;}
	.lisimg img{ width:100%; display:block; margin:0 auto }
	.innews{width:98%; float: none; margin:10px auto }
	.tc_arttop{padding:10px 0px;background: #fff; }
	.partop { padding-top:0 !important}
	.tc_left{ float: none; width:98%; margin:0 auto}
	.tc_title{ font-size:18px; line-height:180%}
	.tc_ver {}
	.tc_ver li { margin-right:5px;  padding:8px;  text-align: center;   width: auto; min-width:96px}
	.tc_right{ float: none ; width:98%; height:  auto; margin:15px auto }
		.tc_right img{width:100%; height: auto;}
		.left {   width: 98%; margin:0 auto;  float: none;}
		.rihgt{width: 98%; margin:0 auto;  float: none;}
	.list_item{}
	.list_item li{width:calc(100% / 2 - 24px);}
	.listimg{ height: 120px;}
		.listimg img{ width:100%; height:100%}
	.tcimg{height: 120px;}
	.al_item li{width:calc(100% / 2 - 24px); margin:0 10px 15px 10px;transition: all .3s; }
	.alimg{ height:120px;}
	}
	



.dede_pages{}
.dede_pages ul{	float:left;	padding:12px 0px 12px 16px;}
.dede_pages ul li{float:left;	font-family:Tahoma;	line-height:17px;	margin-right:6px;	border:1px solid #e8e8e8;}
.dede_pages ul li a{	float:left;	padding:2px 4px 2px;	color:#555;	display:block;}
.dede_pages ul li a:hover{	color:#690;	text-decoration:none;	padding:2px 4px 2px;}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#60a3f5 !important;padding:2px 4px 2px;font-weight:bold; color:#fff}
.dede_pages .pageinfo{line-height:21px;	padding:12px 10px 12px 16px;color:#999;}
.dede_pages .pageinfo strong{color:#555;font-weight:normal;	margin:0px 2px;}	
	
.yqlink{ border-radius:6px; padding:10px 15px}
	.yqlink li{ display:inline-block; margin: 5px 10px;}


.floatwx{position:fixed;right:20px;bottom:10%; text-align:center; z-index:13; }
 	.flkf{ width:100px; height:100px; position:relative;  margin:0 auto 25px auto ;}
	.flkf_s1,.flkf_s2,.flkf_s3 {position: absolute; width:8px;height:8px;top:50%; left: 50%;transform: translate(-50%, -50%); box-shadow: 0 0 12px #415fff;  border-radius: 50%;  z-index: -1;}
	.flkf_s1{animation: flkf-s 4.8s linear infinite;}
	.flkf_s2{animation: flkf-s 3.2s linear infinite;}
	.flkf_s3{animation: flkf-s 1.6s linear infinite;}
	.kfcs{width:100px; height:100px; border-radius:50%; border:2px solid  #415fff;overflow:hidden; margin:auto; position:absolute; left:0; right:0; z-index:2; background:#fff}
	.kfcs img{width:80px; height:80px; margin-top:20px}
	.kfcsd{ width:100%; height:30px; line-height:30px; background:#415fff; border-radius:16px ; bottom:-10px; color:#fff; z-index:3; position:absolute; font-size:14px}
	
	
	.flatxw{box-shadow: 2px 2px 12px rgb(40 61 128 / 30%); border-radius:5px;background: #fff; font-size:14px; padding:3px; margin:10px 0 }
	.flatxw img{display:block;width:100px;height:100px;margin:auto;margin-top:7px;}
	.qrcord_p01{ color:#415fff;font-size:16px; font-weight:600}
	
	.flatmt{ background:#415fff; margin:10px 0}
	.flatmt:hover{ background:#18CDCA;}
	.flatmt a{display:block; color:#fff}
	.flatel{ color:#415fff; margin:5px 0}
	.flatel span{ font-size:14px;}
	.flatel p{ font-size:18px; font-weight:600}
	.flaret{cursor: pointer; margin-top:6px;}
	
@keyframes flkf-s {
  70% {
    width: 90px;
    height: 90px;
    opacity: 1;
  }

  to {
    width: 120px;
    height: 120px;
    opacity: 0;
  }
}