@CHARSET "UTF-8";
.banner {width: 100%;height: 924px;position: fixed;overflow: hidden;z-index: 1;}
.banner img {width: 1918px;height: 924px;top: -65px;}
.xitong {width: 100%;height: 780px;text-align: center;position: relative;z-index: 999;background: #fff;}
.xitong h1 {font-size: 28px;padding-top: 100px;margin-bottom: 16px;}
.xitong p {color: #999;font-size: 15px;}
.xitong img {display: block;}
.xitong .box {width: 200px;height: 450px;overflow: hidden;background: #000;display: inline-block;float: left;}
.xitong .box .box_hov {width: 600px;height: 450px;position: relative;cursor: pointer;transition: all 1s;left: -200px;background: #000;opacity: 0.7;}
.xitong .box .box_hov:hover {transform: scale(1.4);}
.xi_img {width: 1121px;margin: 0 auto;}
.xi_imgs {width: 1201px;margin: 0 auto;overflow: hidden;margin-top: 80px;}
.xi_img img {width: 1121px;height: 461px;margin-top: 80px;}
.box_cliImg {width: 100px;height: 148px;z-index: 999;top: -300px;left: 50px;}
.fuwu_bott {margin-top: 80px;}
.fuwu_bott img {width: 440px;height: 440px;margin-right: 70px;float: left;}
.fuw_b {width: 1180px;text-align: left;display: flex;justify-content: start;flex-wrap: wrap;margin: 0 auto;}
.fuw_c {margin-bottom: 25px;width: 250px;}
.asddas:hover{color: #0ae;}
.fuw_c p:first-child {color: #333333;font-size: 20px;margin-bottom: 14px;}
.fuw_c p:last-child {color: #999;font-size: 16px;}
.bottos {width: 100%;height: 80px;background: #181921;position: relative;z-index: 898;}
.bottos .bot_1 {width: 1000px;margin: 0 auto;padding-top: 20px;text-align: center;color: #999999;font-size: 12px;}
.bottos .bot_1 p:first-child {margin-bottom: 5px;}

@media only screen and (max-width: 1800px) {
	.banner img {left: -65px;}
}
@media only screen and (max-width: 1600px) { 
	.banner img {left: -165px;}
}
		
h1{color: #333;}
.pull-left {float: left;}
.content {width: 1200px;margin: 0 auto;height: auto;}
.layout {width: 100%;height: auto;padding: 55px 0 100px;}
.case-block {height: 320px;width: 1200px;}
.case-block .case-item {width: 240px;height: 320px;position: relative;overflow: hidden;}
.case-block .case-item img {width: 100%;height: auto;}
.case-block .case-item:hover .case-shadow {background-color: rgba(35, 137, 250, 0.8);}
.case-block .case-item:hover .case-shadow .shadow-inner {height: 259px;overflow: visible;}
.case-block .case-item:hover .case-shadow .getcase-button {display: block;}
.case-block .case-item:hover .case-shadow .case-title {margin-top: 0;}
.case-block .case-item:hover .case-shadow .case-title:after {height: 0;}
.case-block .case-shadow {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;color: #fff;text-align: center;}
.case-block .case-shadow .shadow-inner {position: absolute;top: 50%;left: 0;width: 100%;height: 125px;overflow: hidden;
	-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.case-block .case-shadow .case-icon {width: 100%;height: 40px;}
.case-block .case-shadow .case-icon.case-icon-1 {background: url('../img/case4.png') center no-repeat;-webkit-background-size: 40px auto;-moz-background-size: 40px auto;
	-ms-background-size: 40px auto;background-size: 44px auto;}
.case-block .case-shadow .case-icon.case-icon-2 {
	background: url('../img/case3.png') center no-repeat;-webkit-background-size: 40px auto;-moz-background-size: 40px auto;-ms-background-size: 40px auto;background-size: 44px auto;}
.case-block .case-shadow .case-icon.case-icon-3 {background: url('../img/case2.png') center no-repeat;-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;-ms-background-size: 40px auto;background-size: 44px auto;}
.case-block .case-shadow .case-icon.case-icon-4 {background: url('../img/case1.png') center no-repeat;-webkit-background-size: 40px auto;-moz-background-size: 40px auto;
	-ms-background-size: 40px auto;background-size: 44px auto;}
.case-block .case-shadow .case-icon.case-icon-5 {background: url('../img/case5.png') center no-repeat;-webkit-background-size: 40px auto;
	-moz-background-size: 40px auto;-ms-background-size: 40px auto;background-size: 44px auto;}
.case-block .case-shadow .case-title {margin-top: 32px;font-size: 16px;line-height: 16px;padding-top: 27px;position: relative;}
.case-block .case-shadow .case-title:after {content: '';position: absolute;top: 0;left: 50%;width: 20px;height: 2px;background-color: #fff;margin-left: -10px;}
.case-block .case-shadow .case-title a {color: #fff;}
.case-block .case-shadow .two-lines-text, .case-block .case-shadow .information-tab .information-right .article-list .article-content p, .information-tab .information-right .article-list .article-content .case-block .case-shadow p, .case-block .case-shadow .hezi-article-block .article-lists .article-content .article-introduce, .hezi-article-block .article-lists .article-content .case-block .case-shadow .article-introduce, .case-block .case-shadow .article-item-lists .article-detail-line, .article-item-lists .case-block .case-shadow .article-detail-line {
	font-size: 14px;font-family: MicrosoftYaHei;font-weight: 400;color: white;line-height: 22px;padding: 0 20px;margin-top: 15px;margin-bottom: 20px;}
.case-block .case-shadow .check-detail {font-size: 14px;color: #fff;text-align: center;display: inline-block;width: 100%;}
.case-block .case-shadow .check-detail:hover {text-decoration: underline;}
.case-block .case-shadow .case-subtitle {font-size: 14px;line-height: 14px;margin-top: 18px;}
.case-block .case-shadow .getcase-button {display: block;width: 140px;height: 34px;line-height: 34px;
	font-size: 14px;color: #fff;margin: 20px auto 0;text-align: center;border: 1px solid #fff;overflow: hidden;}
.case-block .case-shadow .getcase-button:hover {border-color: #fff;color: #333;background: #fff;}
.flex_q {display: flex;justify-content: space-around;width: 1182px;margin: 50px auto 0;}
.fx_1 {width: 200px;height: 142px;background: #fff;padding: 46px 15px;position: relative;}
.fx_1 img{width: 46px;height: 46px;margin: 0px auto 24px;}
.fx_2 {width: 210px;height: 142px;padding: 46px 15px;position: relative;}
.fx_2 img{width: 86px;height: 73px;margin: 0px auto 24px;}
.p1 {font-size: 20px!important;font-weight: 700;text-align: center;color: #333333!important;margin-bottom: 10px;}
.p2 {font-size: 14px;font-weight: 400;text-align: center;color: #888888;line-height: 20px;}
.btns {position: absolute;bottom: -18px;display: none;}
.actii {display: block;}
.btns button {width: 95px;height: 36px;border: 1px solid #23a2fb;background: none;text-align: center;line-height: 36px;font-size: 14px;margin-left: 10px;}
.btns button a {color: #23a2fb;}

.bacllsf {width: 100%;height: 100%;background: #000;opacity: 0.4;position: absolute;z-index: 99;}
.top_10 {position: relative;left: -100px;}


.flex_cscs {width: 885px;height: 100px;background: #ffffff;box-shadow: 0px 10px 30px 0px rgba(51,51,51,0.08);margin: 0 auto;position: relative;top: -96px;
	padding-top: 12px;z-index: 999;border-radius: 6px;}
.fff2 {width: 1px;height: 70px;background: #ebebeb;float: left;margin-top: 10px;}
.opop {display: flex;justify-content: space-around;flex-wrap: wrap;width: 1180px;margin:  0 auto;}
.opo_1 {width: 576px;height: 196px;background: #ffffff;border-radius: 8px;position: relative;margin-bottom: 28px;}
.opo_1:hover {box-shadow: 0px 4px 16px 0px rgba(153,153,153,0.2);}
.opim1 {width: 36px;height: 46px;position: absolute;top: 0;left: 26px;}
.opim2 {width: 120px;height: 120px;margin: 38px 34px 0 106px;float: left;}
.opo_2 P {color: #333;text-align: left}
.opo_2 {float: left;margin-top: 61px;}
.opo_2 p:first-child {font-size: 22px;font-weight: 700;margin-bottom: 14px;}
.opo_2 p:last-child {font-size: 14px;font-weight: 400;}
			
#t,#t,#tt1,#tt2,#tt3,#tt4{height: 65px;text-align: center;font-size: 48px;font-weight: 700;margin: 0 auto;}
.t-num{height: 100%;overflow: hidden;line-height: 60px;text-align: center;}
.t-num-s{display: block;height: 100%;width: 100%;font-size: 40px;}
.dasdd {font-size: 14px;font-weight: 400;text-align: center;color: #888888;}
.fff1 {float: left;width: 220px;}
.aslg {width: 100%;position: absolute;z-index: 8888;}
.asffl2 {width: 1180px;margin: 0 auto;overflow: hidden;}
.flex_Top {width: 100%;background: #000002;overflow: hidden;position: relative;top: -40px;}
.flex_Top video {overflow: hidden;height: 121%;width: 100%;}
.asdasdas {width: 1920px;position: relative;left: -351px;}