@charset "utf-8";

.m_ir{background: url(/images/contract/main/m_ir.png);}

#body_layout {padding: 0 0 40px;background:url(/images/contract/main/mbg.jpg);}

button[data-control]:before,
button[data-control]:after {display:none;}

.mcont {width:100%;}
.mcont .inner {position: relative;width:1170px;margin:0 auto;}

.mcont.mcont1 {padding: 70px 0 20px;}
.mcont.mcont1 .inner {position:relative;}
.mcont.mcont1 .inner .title {position:relative;width: 278px;margin:0 auto 30px;}
.mcont.mcont1 .inner .title:after {display:block;position: absolute;right: -146px;bottom: 0px;width:152px;height:87px;background: url(../../images/contract/main/m_ir.png)no-repeat 0 -36px;content:'';}
.mcont.mcont1 .inner .title span{display:block; margin:0 0 5px; font-size: 18px;color: #6b6c6d;}
.mcont.mcont1 .inner .title p{margin:0; width:268px; height:33px; background-position:0 0; font-size:0;}
.mcont.mcont1 .inner .top_con {position:relative;width: 100%;max-width: 940px; margin: 0 auto; padding:0 220px 0 0;}
.mcont.mcont1 .inner .top_con .img_slide {position:relative; overflow:hidden; width:100%;padding: 0 60px 0 145px;border:2px solid #378be2;border-radius:10px;background:#fff;}
.mcont.mcont1 .inner .top_con .img_slide:after {display:block;position:absolute;left: -63px;bottom: -10px;z-index:1;width:220px;height: 200px;background:#ededf1;content:'';transform: rotate(90deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.mcont.mcont1 .inner .top_con .img_slide > strong {display:inline-block;position:absolute;left: 22px;top: 26px; z-index:2; width:102px;height: 19px;background-position: -1px -126px;font-size:0;}
.mcont.mcont1 .inner .top_con .img_slide .grap {overflow: hidden;position:relative; z-index:2; width:100%;margin: 20px 0;}
.mcont.mcont1 .inner .top_con .img_slide .grap .obj{overflow: hidden;position: relative;width: 100%;height: 30px;}
.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item {overflow: hidden;position:relative; width:100%; height:100%; }
.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a{display: block; width:100%;height: 100%; padding:0 55px;}
.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a span {display:inline-block;position:absolute;left:0;top:0;width:50px;height:30px;border-radius:20px;text-align:center;color:#fff;font-size:14px;line-height:30px;}
.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a span.cate1 {background:#6e52b5;}
.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a span.cate2 {background:#06b5c5;}
.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a span.cate3 {background:#364452;}
.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a strong {display:inline-block;overflow: hidden;width:100%;line-height:30px;text-overflow: ellipsis;white-space: nowrap;font-size:16px;}
.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a em {display:inline-block;position:absolute;right:0;top:0;line-height:30px;}
.mcont.mcont1 .inner .top_con .img_slide .control {position:absolute;top: 12px;right: 20px;}
.mcont.mcont1 .inner .top_con .img_slide .control .prev {display:block;position:relative;width:18px;height:10px;margin: 0 auto;background-position: 0 -223px;font-size:0;}
.mcont.mcont1 .inner .top_con .img_slide .control .next {display:block;width:18px;height:10px;margin: 0 auto;background-position: 0 -236px;font-size:0;}
.mcont.mcont1 .inner .top_con .img_slide .control .prev:before,
.mcont.mcont1 .inner .top_con .img_slide .control .prev:after
.mcont.mcont1 .inner .top_con .img_slide .control .next:before,
.mcont.mcont1 .inner .top_con .img_slide .control .next:after{display:none;}
.mcont.mcont1 .inner .top_con .img_slide .control .stop{display: block;width: 25px;height: 16px;margin: 5px 0;background-position: -96px -206px;font-size: 0;}
.mcont.mcont1 .inner .top_con .img_slide .control .play{width: 25px;height: 16px;margin: 5px 0;background-position: -124px -206px;font-size: 0;}

.mcont.mcont1 .inner .top_con .btn_wrap {position: absolute;top:0; right:0;}
.mcont.mcont1 .inner .top_con .btn_wrap a {display: inline-block;height:74px;padding: 20px 15px 0;border-radius:10px;line-height:1;vertical-align:middle;letter-spacing: -0.05em;}
.mcont.mcont1 .inner .top_con .btn_wrap a.btn1 {width:95px;background:#2678cc; color:#fff;}
.mcont.mcont1 .inner .top_con .btn_wrap a.btn2 {width:116px;background:#364452; color:#fff;}
.mcont.mcont1 .inner .top_con .btn_wrap a span {display:block;color:#fff;font-size:18px;font-weight: 700;}


.mcont.mcont2 {margin:0 0 30px;}
.mcont.mcont2 .inner {}
.mcont.mcont2 .inner .tit {margin: 0 0 10px;}
.mcont.mcont2 .inner .tit a {display: inline-block;}
.mcont.mcont2 .inner .tit span {display:inline-block; width:77px;height:22px;background-position: 0 -158px;font-size: 0; vertical-align:middle;}
.mcont.mcont2 .inner .tit em{display:inline-block;position:relative;width: 20px;height: 20px;margin-left: 15px;font-size: 0;vertical-align:middle;transition: all 2s ease;transform: rotate(0deg);}
.mcont.mcont2 .inner .tit em *{transition: all 0.3s ease;}
.mcont.mcont2 .inner .tit em span{display:block;position: relative;width: 100%;height:100%}
.mcont.mcont2 .inner .tit em span:before,
.mcont.mcont2 .inner .tit em span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: all 2s 0s ease;}
.mcont.mcont2 .inner .tit em span:before {width: calc(100%);height: 3px;background: #333;}
.mcont.mcont2 .inner .tit em span:after {width: 3px;height: calc(100%);background: #333;}
.mcont.mcont2 .inner .tit em:hover span,
.mcont.mcont2 .inner .tit em:focus span {animation: spinspin2 2s ease-out;}
.mcont.mcont2 .inner .cont_wrap2 {position: relative;height:300px;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu {}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .tit_wrap {background:#fff url(../../images/contract/main/mbg02.png)no-repeat right bottom;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news {overflow:hidden; height:100%;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con {height:100%;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con{display: none;position: relative;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con:first-child{display:block;visibility:visible}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont {height:100%;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide {height:100%;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap {height:100%;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj {height:100%;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj:after {display:block; clear:both; visibility:hidden; content:'';}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item {float:left;width:33.33%;height:100%;padding:25px 25px 0;border-right:2px solid #f4f6f8; background:#fff; }
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item > span {display:block;width:40px; height:40px; margin:0 0 20px; border-radius:50%; color:#fff; text-align:center; line-height:40px; font-size:14px;font-weight:700;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item > span.cate1 {background:#6e52b5;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item > span.cate2 {background:#06b5c5;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item > span.cate3 {background:#364452;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item strong {display:block; overflow:hidden; width:100%; margin:0 0 10px; font-size:16px; font-weight:700; text-overflow: ellipsis;white-space: nowrap;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item p {position:relative;padding-left:95px;font-size: 14px;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item p span {display:inline-block;position:absolute;left:0;top:0;font-size: 14px;color:#5b5b5b;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item p em {display:block;font-size: 14px;color:#5b5b5b;height:22px;overflow:hidden;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item p em.txt_blue {color:#0050a1;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item .link {display:block;margin: 30px 0 0;border:1px solid #dadada;line-height:45px;text-align:center;font-size: 14px;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .control {display:none;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .control button {display:inline-block; margin-left:8px; font-size:0;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .control .prev {width:7px; height:12px; background-position:-42px -225px;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .control .stop {width:6px; height:12px; background-position:-58px -225px;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .control .play {width:6px; height:12px; background-position:-86px -225px;}
.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .control .next {width:7px; height:12px; background-position:-74px -225px;} 


.tapmenu {position:relative; height: 100%; padding-left:165px;}
.tapmenu .tit_wrap {position:absolute;left:0;top:0;width:160px;height:100%;padding: 30px 0 0 40px;}
.tapmenu .tit_wrap .menu_news {}
.tapmenu .tit_wrap .menu_news li {}
.tapmenu .tit_wrap .menu_news li a {display:block; position:relative; width:100%; height:100%; margin:10px 0; font-size:16px; font-weight:700;}
.tapmenu .tit_wrap .menu_news li a.ov {/* margin:10px 0 20px; */}
.tapmenu .tit_wrap .menu_news li a:after{content: '';display: block;position: absolute;bottom: -8px;left: 0px;z-index: 1;width: 35px;height: 5px;background-color: #0e79c9;transform: scaleX(0);visibility: hidden;transform-origin: center;transition: all .3s ease;}
.tapmenu .tit_wrap .menu_news li a:hover:after,
.tapmenu .tit_wrap .menu_news li a:focus:after,
.tapmenu .tit_wrap .menu_news li a.ov:after{visibility:visible;transform:scaleX(1);}


.mcont.mcont3 {margin:0 0 30px;}
.mcont.mcont3 .inner {}
.mcont.mcont3 .inner .tit {margin: 0 0 10px;}
.mcont.mcont3 .inner .tit a {display: inline-block;}
.mcont.mcont3 .inner .tit span {display:inline-block; width:76px;height:22px;background-position: 0 -183px;font-size: 0; vertical-align:middle;}
.mcont.mcont3 .inner .tit em{display:inline-block;position:relative;width: 20px;height: 20px;margin-left: 15px;font-size: 0;vertical-align:middle;transition: all 2s ease;transform: rotate(0deg);}
.mcont.mcont3 .inner .tit em *{transition: all 0.3s ease;}
.mcont.mcont3 .inner .tit em span{display:block;position: relative;width: 100%;height:100%}
.mcont.mcont3 .inner .tit em span:before,
.mcont.mcont3 .inner .tit em span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;transition: all 2s 0s ease;}
.mcont.mcont3 .inner .tit em span:before {width: calc(100%);height: 3px;background: #333;}
.mcont.mcont3 .inner .tit em span:after {width: 3px;height: calc(100%);background: #333;}
.mcont.mcont3 .inner .tit em:hover span,
.mcont.mcont3 .inner .tit em:focus span {animation: spinspin2 2s ease-out;}
.mcont.mcont3 .inner .cont_wrap3 {position:relative; height:300px; padding-right:395px; }
.mcont.mcont3 .inner .cont_wrap3 .tapmenu {}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .tit_wrap {background:#fff url(../../images/contract/main/mbg03.png)no-repeat right bottom;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news {height:100%;background:#fff;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con {height:100%;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con{display: none;position: relative;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con:first-child{display:block;visibility:visible}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont {height:100%; padding:35px;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul {margin:0;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li {position:relative;width:100%;margin: 0 0 6px;padding:0 115px 0 65px;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a {display:block;overflow:hidden;width:100%;height:100%;line-height:28px;font-size: 14px;color:#444;text-overflow: ellipsis;white-space: nowrap;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a .cate {display:inline-block;position:absolute;left:0;top:0;width:50px;height:28px;border-radius:20px;text-align:center;color:#fff;font-size:14px;line-height:28px;vertical-align:middle;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a .cate.cate1 {background:#6e52b5;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a .cate.cate2 {background:#06b5c5;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a .cate.cate3 {background:#364452;}
.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a .date {position:absolute;right:0;top:0;line-height:28px;font-size: 14px;color:#444;vertical-align:middle;}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap {position:absolute; right:0; top:0; width:375px;}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info {position:relative;height:145px;background:#fff; }
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info:first-child {margin:0 0 10px;}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a {display:block;width:100%;height:100%;padding: 45px 0 0 145px;}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico {display: block;position:absolute;left: 48px;top: 50%;width:58px;height:58px;margin-top: -29px;}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico.ico1 {background-position:-1px -250px;}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico.ico2 {background-position:-62px -250px;}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico em {display: block; width:100%; height:100%; border-radius:50%;box-shadow: 1px 1px 1px rgba(0,0,0,.22);transform: rotate(0deg);}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a strong {display:block; margin:0 0 5px;font-size:18px; color:#000; font-weight:700;}
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a p {margin:0;color:#a2a2a2;font-size: 14px;line-height: 1.4;}

.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a:hover .ico em,
.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a:focus .ico em  {animation: spinspin 2s ease-out; -webkit-animation: spinspin 2s ease-out; -moz-animation: spinspin 2s ease-out;}

.mcont.mcont4 {margin:0 0 30px;}
.mcont.mcont4 .inner {}
.mcont.mcont4 .inner .cont_wrap4 {position:relative; padding-right:395px; }
.mcont.mcont4 .inner .cont_wrap4 .img_slide {position:relative; overflow:hidden; width:100%; border:1px solid #378be2;border-radius:10px;background:#fff;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide > strong {display:block;position:absolute;left: 22px; top: 16px; z-index:2; padding:0 20px; border-radius:20px; background:#2678cc; color:#fff; font-size:16px; line-height:40px; }
.mcont.mcont4 .inner .cont_wrap4 .img_slide .grap {overflow: hidden;position:relative; z-index:2; width:100%;margin: 20px 0;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .grap .obj{overflow: hidden;position: relative;width: 100%;height: 30px;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .grap .obj .item {overflow: hidden;position:relative; width:100%; height:100%; }
.mcont.mcont4 .inner .cont_wrap4 .img_slide .grap .obj .item a{display: block; width:100%;height: 100%;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .grap .obj .item a p {display:block; overflow:hidden; width:100%; margin:0; line-height:30px; font-size:16px; font-weight:700; text-overflow: ellipsis;white-space: nowrap;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control {position:absolute;top: 12px;right: 20px;z-index: 10;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control .prev {display:block;position:relative;width:18px;height:10px;margin: 0 auto;background-position: 0 -223px;font-size:0;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control .next {display:block;width:18px;height:10px;margin: 0 auto;background-position: 0 -236px;font-size:0;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control .prev:before,
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control .prev:after
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control .next:before,
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control .next:after{display:none;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control .stop{display: block;width: 25px;height: 16px;margin: 5px 0;background-position: -96px -206px;font-size: 0;}
.mcont.mcont4 .inner .cont_wrap4 .img_slide .control .play{width: 25px;height: 16px;margin: 5px 0;background-position: -124px -206px;font-size: 0;}

.mcont.mcont4 .inner .cont_wrap4 .cont_l .img_slide .grap {padding: 0 55px 0 135px;}
.mcont.mcont4 .inner .cont_wrap4 .cont_r {position:absolute; right:0; top:0; width:375px;}
.mcont.mcont4 .inner .cont_wrap4 .cont_r .img_slide .grap {padding:0 55px 0 100px;}


@keyframes spinspin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform:rotate(1080deg);}
}

@keyframes spinspin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform:rotate(1080deg);}
}

@keyframes spinspin {
	0% {transform: rotate(0deg);}
	100% {transform:rotate(1080deg);}
}





@media only screen and (max-width: 1229px){
	.mcont .inner {width:100%; padding:0 30px; }

	.tapmenu {position: static;padding-left:0;}
	.tapmenu .tit_wrap {position:absolute;left:auto;right:0;top: -55px;width:auto;height: 55px;padding:0;}
	.tapmenu .tit_wrap .menu_news:after {display:block; clear:both; visibility:hidden; content:'';}
	.tapmenu .tit_wrap .menu_news li {position:relative; float:left; margin-left:25px;}
	.tapmenu .tit_wrap .menu_news li:first-child {margin-left:0;}
	.tapmenu .tit_wrap .menu_news li:after {display:block; position:absolute; left:-12px; top:16px; width:1px; height:13px; background:#d0d1d2; content:'';}
	.tapmenu .tit_wrap .menu_news li:first-child:after {display:none;}
	.tapmenu .tit_wrap .menu_news li a.ov {margin:10px 0;}
	.tapmenu .tit_wrap .menu_news li a.ov:after {left:0; width:100%;}

	.mcont.mcont2 .inner .cont_wrap2 .tapmenu .tit_wrap,
	.mcont.mcont3 .inner .cont_wrap3 .tapmenu .tit_wrap {background:none;}

	.mcont.mcont3 .inner .cont_wrap3 {padding-right:335px;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap {width:320px; }
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a {padding: 45px 0 0 105px;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico {left:25px;}

	.mcont.mcont4 .inner .cont_wrap4 {padding-right:335px;}
	.mcont.mcont4 .inner .cont_wrap4 .cont_r {width:320px; }
}

@media only screen and (max-width: 999px) {
	.mcont.mcont1 .inner .title p {width:253px; height:30px; background-position:-271px -1px;}
	.mcont.mcont1 .inner .title:after {right: -135px;}

	.mcont.mcont1 .inner .top_con {padding:0 175px 0 0;}
	.mcont.mcont1 .inner .top_con .btn_wrap a {padding: 22px 0 0;font-size:14px; text-align:center;}
	.mcont.mcont1 .inner .top_con .btn_wrap a.btn1 {width:75px;}
	.mcont.mcont1 .inner .top_con .btn_wrap a.btn2 {width:90px;}
	.mcont.mcont1 .inner .top_con .btn_wrap a span {font-size:15px;}

	.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item {width:50%;}

	.mcont.mcont3 .inner .cont_wrap3 {padding-right:255px;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap {width:240px; }
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a {padding: 35px 20px 0 105px;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico {left:25px;}

	.mcont.mcont4 .inner .cont_wrap4 {padding-right:255px;}
	.mcont.mcont4 .inner .cont_wrap4 .img_slide > strong {left: 13px;padding:0 15px;}
	.mcont.mcont4 .inner .cont_wrap4 .img_slide .grap .obj .item a p {font-size:15px;}
	.mcont.mcont4 .inner .cont_wrap4 .img_slide .control {right:15px;}
	.mcont.mcont4 .inner .cont_wrap4 .cont_l .img_slide .grap {padding: 0 45px 0 105px;}
	.mcont.mcont4 .inner .cont_wrap4 .cont_r {width:240px; }
	.mcont.mcont4 .inner .cont_wrap4 .cont_r .img_slide .grap {padding:0 45px 0 80px;}
}

@media only screen and (max-width: 767px) {
	.mcont .inner {padding:0 15px;}

	.mcont.mcont1 {padding: 50px 0 40px;}
	.mcont.mcont1 .inner .title p {width:197px; height:23px; background-position:-528px -1px;}
	.mcont.mcont1 .inner .title span {font-size: 13px;}
	.mcont.mcont1 .inner .title:after {right: -6px;width:78px;height:44px;background: url(../../images/contract/main/m_ir.png)no-repeat -155px -36px;}

	.mcont.mcont1 .inner .top_con {padding:0;}
	.mcont.mcont1 .inner .top_con .img_slide {padding: 0 40px 0 75px;}
	.mcont.mcont1 .inner .top_con .img_slide:after {left: -111px;bottom: 0;}
	.mcont.mcont1 .inner .top_con .img_slide > strong {top: 10px; left:10px;width:47px;height:29px;background-position: -105px -126px;}
	.mcont.mcont1 .inner .top_con .img_slide .grap {margin: 10px 0;}
	.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a{display: block;width:100%;height: 100%;padding: 0 0 0 45px;}
	.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a span {left:0;top: 3.5px;width:40px;height:23px;line-height:23px;font-size:14px;}
	.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a strong {font-size: 14px;}
	.mcont.mcont1 .inner .top_con .img_slide .grap .obj .item a em {display:none;}
	.mcont.mcont1 .inner .top_con .img_slide .control {top: 2px;right:10px;}

	.mcont.mcont1 .inner .top_con .btn_wrap {position:static; margin:10px 0 0;}
	.mcont.mcont1 .inner .top_con .btn_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
	.mcont.mcont1 .inner .top_con .btn_wrap a {float:left; height:45px; line-height:45px; padding:0;}
	.mcont.mcont1 .inner .top_con .btn_wrap a.btn1 {width:49.5%;}
	.mcont.mcont1 .inner .top_con .btn_wrap a.btn2 {width:49.5%; margin-left:1%;}
	.mcont.mcont1 .inner .top_con .btn_wrap a span {display:inline-block;font-size:14px;}

	.tapmenu .tit_wrap {position:static;height: 50px;}
	.tapmenu .tit_wrap .menu_news li a {font-size:15px;}
	.tapmenu .tit_wrap .menu_news li a.ov:after {bottom:-4px; height:4px;}

	.mcont.mcont2 .inner .tit {/* margin:0; */text-align:center;}
	.mcont.mcont2 .inner .tit span {width:67px;height:19px;background-position: -79px -158px;}
	.mcont.mcont2 .inner .tit em {width: 15px;height: 15px;}
	.mcont.mcont2 .inner .cont_wrap2 { height:auto;}
	.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news {height:300px;}
	.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .img_slide .grap .obj .item {width:100%;border:none;}
	.mcont.mcont2 .inner .cont_wrap2 .tapmenu .con_news .con .cont .control {display:block;position:absolute;right: 15px;top: 10px;}
	
	.mcont.mcont3 {margin:0 0 15px;}
	.mcont.mcont3 .inner .tit {text-align:center;}
	.mcont.mcont3 .inner .tit span {width:67px;height:19px;background-position: -79px -183px;}
	.mcont.mcont3 .inner .tit em {width: 15px;height: 15px;}
	.mcont.mcont3 .inner .cont_wrap3 {height:auto;padding:0; }
	.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont {padding:25px 15px;}
	.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li {padding: 0 80px 0 50px;}
	.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a {line-height:23px;}
	.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a .cate {width: 40px;height: 23px;line-height: 23px;}
	.mcont.mcont3 .inner .cont_wrap3 .tapmenu .con_news .con .cont ul li a .date {line-height:23px;letter-spacing: -0.09em;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap {position:static; width:100%; margin: 10px 0 0;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info {float:left;width:49%;height: auto;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info:first-child {margin-right:2%;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a {padding:85px 0 15px;text-align: center;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a p {display:none;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico {top: 18px;left:50%;width:51px;height:51px;margin: 0 0 0 -25px;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico.ico1 {background-position:-1px -311px;}
	.mcont.mcont3 .inner .cont_wrap3 .info_wrap .info a .ico.ico2 {background-position:-55px -311px;}

	.mcont.mcont4 .inner .cont_wrap4 {padding:0;}
	.mcont.mcont4 .inner .cont_wrap4 .img_slide > strong {width:60px; height:30px; padding:0;line-height:32px; font-size:13px; text-align:center;}
	.mcont.mcont4 .inner .cont_wrap4 .img_slide .grap {margin:15px 0;}
	.mcont.mcont4 .inner .cont_wrap4 .img_slide .grap .obj .item a p {font-size:14px;}
	.mcont.mcont4 .inner .cont_wrap4 .img_slide .control {top: 8px;}
	.mcont.mcont4 .inner .cont_wrap4 .cont_l .img_slide .grap {padding: 0 45px 0 80px;}
	.mcont.mcont4 .inner .cont_wrap4 .cont_r {position:static; width:100%; margin:10px 0 0;}
	.mcont.mcont4 .inner .cont_wrap4 .cont_r .img_slide .grap {padding: 0 45px 0 80px;}

}


@keyframes spinspin2 {
	0% {transform: rotate(0deg);}
	100% {transform:rotate(720deg);}
}


/* 메인팝업 */
.popup_box .new_pop_bg {background: #000; padding:6px 0px;}
.popup_box .new_pop_bt_bg {background: #000; padding: 3px 10px 3px;}
.new_pop_font{color:#fff;line-height:25px;margin-right: 10px; float: right;}
.new_pop_close {color:#fff}
.new_pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
/* 메인팝업 End */