@CHARSET "UTF-8";

.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);}
		.asddas:hover{color: #0ae;}
		.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;}
		.asggag {width: 1024px;height: 129px;}
		.xi_io {display: flex;justify-content: center;margin-top: 59px;}
		.xi_io .soljhg{width: 376px;height: 555px;background: #fff;margin-right: 26px;width: 376px;border-radius: 8px;position: relative;}
		.xi_io .soljhg:hover{position: relative;
    -webkit-animation: dese 0.5s 1;-moz-animation: dese 0.5s 1;
    animation: dese 0.5s 1;
    box-shadow: 0 3px 20px #ddd;
    -webkit-box-shadow: 0 3px 20px #ddd;
    -moz-box-shadow: 0 3px 20px #ddd;
    top: -1px;}
		.qiue1 {width: 100%;height: 98px;background: linear-gradient(90deg,#2389fa, #0d5fc3);border-radius: 8px 8px 0 0;text-align: center;font-size: 22px;}
		.qiue1 div {color: #fff;}
		.qiue1 div:first-child {padding-top: 20px;}
		.qiue1 div:last-child {font-size: 14px;margin-top: 9px;}
		.fgag1 {font-size: 38px;width: 276px;padding: 20px 0;margin: 0 auto;border-bottom: 1px solid #EEEEEE;font-weight: 500;}
		.fgag1 span {font-size: 22px;}
		.ddad{text-align: center;font-size: 18px;margin-top: 13px;}
		.adadas {width: 150px;margin: 0 auto;position: absolute;bottom: 32px;left: 113px;}
		.adadas a {width: 150px;height: 36px;background: #2389fa;border-radius: 3px;font-size: 16px;color: #fff;text-align: center;line-height: 36px;display: block;}

h1{color: #333;}
		.pull-left {float: left;}
		.content {width: 1186px;margin: 0 auto;height: auto;}
		.layout {width: 100%;height: auto;padding: 55px 0 100px;}
		.case-block {height: 346px;}
		.case-block .case-item {width: 277px;height: 346px;position: relative;overflow: hidden;margin-left: 24px;}
		.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/ggg1.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/ggg2.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/ggg3.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/ggg4.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: 30px;}
		.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: 28px 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_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;}
		.flex_Top {width: 100%;height: 700px;background: #000002;overflow: hidden;}
		.top_10 {position: relative;left: -100px;}
		.flex_Top video {width: 1920px;overflow: hidden;height: 620px;}
		.asdasdas {width: 100%;overflow: hidden;position: relative;z-index: 88;}
		.odododop {position: absolute;width: 80%;margin: 30px auto;z-index: 99;top: 100px;left: 10%;}
		.odododop div {text-align: center;color: #fff;font-size: 36px;margin-bottom: 25px;}
		.sffafaf {font-size: 16px!important;}
		.odododop a {display: block;text-align: center;width: 168px;height: 54px;font-size: 18px;line-height: 54px;
			border-radius: 6px;background: #23a2fb;color: #fff;margin: 50px auto 0;transition: all .2s;}
		.odododop a:hover{transform: translate(0,-3px);box-shadow: 0 10px 10px rgba(0,0,0,.1);}