.box_03{width:100%;height:auto;padding-top:80px;background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;}

.box_03 .h_title{width:1200px;padding-top:40px;height:auto;margin:0 auto;text-align:center; background:url(../images/bt_zm02.png) center top no-repeat;}

.box_03 .h_title h3{font-size:34px;line-height:36px;color:#fff;font-weight:bold;}

.box_03 .ys{width:100%;height:550px;margin-top:55px;overflow:hidden;}

.box_03 .ys li{width:20%;height:550px;float:left;cursor:pointer;position:relative;text-align:center;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li.active{width:40%;-webkit-transition:all .5s;transition:all .5s;background-size:100% 550px;}

.box_03 .ys li:nth-of-type(1){background:url(../images/ys_01.jpg) center center no-repeat;}

.box_03 .ys li:nth-of-type(2){background:url(../images/ys_02.jpg) center center no-repeat;}

.box_03 .ys li:nth-of-type(3){background:url(../images/ys_03.jpg) center center no-repeat;}

.box_03 .ys li:nth-of-type(4){background:url(../images/ys_04.jpg) center center no-repeat;}

.box_03 .ys li .txt{width:100%;height:550px;background:rgba(0,0,0,0.4);position:absolute;left:0;top:0;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li.active .txt{width:64%;height:440px;background:rgba(26,93,172,0.9);position:absolute;left:18%;top:50px;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li .txt i{display:block;width:56px;height:50px;margin:120px auto 0 auto;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li.active .txt i{margin:80px auto 0 auto;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li:nth-of-type(1) .txt i{background:url(../images/ys_icon_01.png) center center no-repeat;}

.box_03 .ys li:nth-of-type(2) .txt i{background:url(../images/ys_icon_02.png) center center no-repeat;}

.box_03 .ys li:nth-of-type(3) .txt i{background:url(../images/ys_icon_03.png) center center no-repeat;}

.box_03 .ys li:nth-of-type(4) .txt i{background:url(../images/ys_icon_04.png) center center no-repeat;}

.box_03 .ys li .txt h4{font-size:20px;line-height:22px;font-weight:bold;margin-top:45px;color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li.active .txt h4{margin-top:25px;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li .txt p{width:50%;font-size:15px;line-height:28px;height:56px;overflow:hidden;margin:25px auto 30px auto;color:rgba(255,255,255,1);-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li.active .txt p{width:82%;font-size:15px;line-height:28px;height:auto;margin:25px auto 30px auto;color:rgba(255,255,255,1);-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li .txt span{display:block;width:40px;height:1px;background:#fff;margin:0 auto;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li.active .txt span{display:block;width:50%;height:1px;background:#fff;margin:0 auto;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .ys li .txt a{display:block;width:80px;line-height:15px;font-size:14px;color:#fff;text-align:left;background:url(../images/ys_jt.png) center right no-repeat;position:absolute;bottom:70px;left:50%;white-space:nowrap;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;}

.box_03 .ys li.active .txt a{-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}