.index_about { margin-bottom: 3.58333%; }
@media screen and (max-width: 880px) { .index_about { margin-bottom: 35px; } }
.index_about .left { width: 35.83333%; float: left; position: relative; }
@media screen and (max-width: 880px) { .index_about .left { float: none; width: 70%; margin-bottom: 35px; margin-left: auto; margin-right: auto; } }
@media screen and (max-width: 480px) { .index_about .left { width: 100%; } }
.index_about .left:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 108%; margin-left: -4%; height: 31px; background: url("../images/videoline.png") no-repeat; background-size: 100% 100%; margin-bottom: -16px; }
@media screen and (max-width: 480px) { .index_about .left:after { width: 100%; margin-left: 0; } }
.index_about .left .video { position: relative; overflow: hidden; border: 10px solid #ededed; border-radius: 4px; z-index: 5; }
.index_about .left .video a { display: block; }
.index_about .left .video a:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../images/play_btn.png") no-repeat 50% 50%; z-index: 9; }
@media screen and (max-width: 1200px) { .index_about .left .video a:before { background-size: 28.78%; } }
.index_about .left .video .videoText { width: 100%; text-align: center; color: #fff; font-size: 30px; line-height: 1; position: absolute; left: 0; bottom: 0; margin-bottom: 3.95349%; text-transform: uppercase; }
.index_about .left .video img { width: 100%; }
.index_about .left .video:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.index_about .right { width: 60.83333%; float: right; }
@media screen and (max-width: 880px) { .index_about .right { float: none; width: 100%; } }
.index_about .right .aboutUs { float: left; width: 60.27397%; padding-top: 3.42466%; }
.index_about .right .aboutUs .index_title { margin-bottom: 12px; }
.index_about .right .aboutUs .text { line-height: 24px; overflow: hidden; max-height: 72px; margin-bottom: 6.36364%; }
.index_about .right .aboutUs .lm a { color: #007db9; }
.index_about .right .index_service { float: right; width: 30.82192%; text-align: center; position: relative; z-index: 5; }
@media screen and (max-width: 880px) { .index_about .right .index_service { width: 38.35616%; } }
.index_about .right .index_service a { display: block; padding-bottom: 27.55556%; padding-top: 30.22222%; border: 10px solid #ededed; border-radius: 4px; background: #007db9; z-index: 9; position: relative; }
.index_about .right .index_service a .title { display: block; color: #fff; font-size: 30px; margin-top: 11.55556%; }
@media screen and (max-width: 880px) { .index_about .right .index_service a .title { font-size: 24px; } }
@media screen and (max-width: 600px) { .index_about .right .index_service a .title { font-size: 16px; } }
.index_about .right .index_service:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 31px; background: url("../images/videoline2.png") no-repeat; background-size: cover; margin-bottom: -15px; z-index: 2; }

.index_title { font-size: 40px; color: #222; line-height: 1; font-family: universltstd-boldcn, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif;}
@media screen and (max-width: 880px) { .index_title { font-size: 28px; } 
	.index_about .right .aboutUs .index_title{font-size: 20px;}
}