@charset "utf-8";

.main_ir{background:url(/images/chiu/main/main_ir.png)}
a:focus{outline:1px dotted #ddd}
#body_layout.a_type .body_wrap{margin: 0;}

#mcont1{height:794px;background:url(/images/chiu/main/mvisual_bg.png);background-size:cover;}
#mcont1 .body_wrap{margin: 0;padding:175px 640px 0 0;}
#mcont1 .tit{text-align:center;}
#mcont1 .tit strong{display:block;width:447px;height:142px;margin: 0 auto 15px;background-position:0 0;font-size:0;}
#mcont1 .tit p{font-size:21px;color:#fff;}
#mcont1 .txt{position:absolute;right:0;top:75px;width:640px;background:#fff}
#mcont1 .link{position:relative;max-width:490px;margin: 65px auto 0;color:#fff !important;}
#mcont1 .link:before{position:absolute;bottom: 14px;left: 0;right: 0;height:1px;background:rgba(255,255,255,0.5);content:'';}
#mcont1 .link b{display:block;width:104px;height:25px;margin:0 auto;background-position:-459px 0;font-size:0;}
#mcont1 .link b:before{position:absolute;top: 11px;left: 0;right: 65%;height:1px;background:rgba(255,255,255,0.5);content:'';}
#mcont1 .link b:after{position:absolute;top: 11px;right: 0;left: 65%;height:1px;background:rgba(255,255,255,0.5);content:'';}
#mcont1 .link ul{margin-top:26px}
#mcont1 .link ul li{display:inline-block;position: relative;padding: 0 40px;text-align:center;letter-spacing: -0.1em}
#mcont1 .link ul li:nth-child(1):before{position:absolute;top: 10px;right: -15px;width:35px;height:35px;background:url(/images/chiu/main/main_ir.png) -561px -100px;content:'';}
#mcont1 .link ul li:nth-child(2):before{position:absolute;top: 10px;right: -15px;width:24px;height:27px;background:url(/images/chiu/main/main_ir.png) -535px -100px;content:'';}
#mcont1 .link ul li span{display:block;height:68px;margin:0 auto 10px;}
#mcont1 .link ul li .icon1{width:55px;background-position:-456px -32px}
#mcont1 .link ul li .icon2{width:50px;background-position:-520px -32px }
#mcont1 .link ul li .icon3{width:50px;background-position:-579px -32px }
#mcont1 .link a{display:inline-block;position: relative;width: 132px;height: 35px;margin-top: 30px;padding: 0 0 0 20px;border-radius:30px;background:#fff;font-size:16px;color:#00a5cb;line-height: 38px;text-align: left;font-weight: 500;}
#mcont1 .link a:after{position:absolute;right:15px;top:50%;width: 5px;height: 5px;border:2px solid #00a5cb;border-width:2px 2px 0 0;transform: rotate(45deg) translateX(-50%);content:'';}

#mcont1 .txt .box{float:left;position: relative;}
#mcont1 .txt .box strong{display:block;font-size:0;}
#mcont1 .txt .box1{width:calc(100% - 242px);height: 218px;padding: 20px 28px;}
#mcont1 .txt .box1 strong{width:91px;height:26px;margin-bottom: 15px;background-position:-566px 0;}
#mcont1 .txt .box1 ul li{margin: 0;border-bottom:1px solid #ddd;text-align:left;}
#mcont1 .txt .box1 ul li:last-child{border-width:0}
#mcont1 .txt .box1 ul li a{display:block;overflow: hidden;position: relative;padding: 14px 80px 14px 0px;font-size: 14px;color: #4d4d4d;white-space: nowrap;text-overflow: ellipsis;}
#mcont1 .txt .box1 ul li a em{position:absolute;right:0;top: 14px;}
#mcont1 .txt .box1 .more{position: absolute;top: 24px;right: 29px;width:19px;height:19px;font-size:0;}
#mcont1 .txt .box1 .more:after,#mcont1 .txt .box1 .more:before{display:inline-block;content: '';position:absolute;top:50%;left:50%;background-color: #3d3d3d;vertical-align:middle;}
#mcont1 .txt .box1 .more:before{left: 0;width: 100%;height: 2px;z-index:1;margin-top: -1px;}
#mcont1 .txt .box1 .more:after{top: 0;width: 2px;height: 100%;z-index:1;margin-left: -1px;}
#mcont1 .txt .box2{width:242px}
#mcont1 .txt .box2 .thm_slide{position:relative;overflow:hidden}
#mcont1 .txt .box2 .thm_slide .grap{position: relative;width:100%;height:100%;}
#mcont1 .txt .box2 .thm_slide .grap .obj{position: relative;width: 100%;height: 218px;overflow: hidden;background-color: #f0f0f0;}
#mcont1 .txt .box2 .thm_slide .grap .obj > img{display:none;width:100%;}
#mcont1 .txt .box2 .thm_slide .grap .obj .item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
#mcont1 .txt .box2 .thm_slide .grap .obj .item a{display:block;height:100%;width:100%}
#mcont1 .txt .box2 .thm_slide .grap .obj .item .inner{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%;}
#mcont1 .txt .box2 .thm_slide .grap .obj .item .inner img{position:absolute;top:50%;left:50%;max-width:none;height:100%;max-height:100%;transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}
#mcont1 .txt .box2 .thm_slide .control{position: absolute;right: 28px;top: 25px;}
#mcont1 .txt .box2 .thm_slide .control button{display:inline-block;position:relative;width: 10px;height: 17px;margin:0;padding:0;font-size:0;text-indent:-9999px;content:'';}
#mcont1 .txt .box2 .thm_slide .control button[data-type]:before,
#mcont1 .txt .box2 .thm_slide .control button[data-type]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#mcont1 .txt .box2 .thm_slide .control button[data-type="prev"]{}
#mcont1 .txt .box2 .thm_slide .control button[data-type="prev"]:before{content: "";top: 0;left: 0;width: 10px;height: 10px;border-style: solid;border-color: #fff;transform: rotate(-135deg);border-width: 2px 2px 0 0;}
#mcont1 .txt .box2 .thm_slide .control button[data-type="next"]{}
#mcont1 .txt .box2 .thm_slide .control button[data-type="next"]:before{content: "";top: 0;width: 10px;height: 10px;border-style: solid;border-color: #fff;transform: rotate(45deg);border-width: 2px 2px 0 0;}
#mcont1 .txt .box2 .thm_slide .control button[data-type="stop"]{margin-left: 5px;}
#mcont1 .txt .box2 .thm_slide .control button[data-type="stop"]:before{width: 2px;height: 17px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
#mcont1 .txt .box2 .thm_slide .control button[data-type="play"]{margin-left: 7px;}
#mcont1 .txt .box2 .thm_slide .control button[data-type="play"]:before{right: -4px;width: 0;height: 0;border-width: 6px 0 6px 10px;border-style: solid;border-color: transparent transparent transparent #fff;}
#mcont1 .txt .box3{width:100%;height:228px;padding: 31px;background:url(/images/chiu/main/link_bg.png);background-size: cover;}
#mcont1 .txt .box3 strong{width:135px;height: 26px;margin: 0 auto 5px;background-position: -663px 0;}
#mcont1 .txt .box3 p{font-size:14px;color:#4d4d4d;}
#mcont1 .txt .box3 ul{margin-top: 25px;text-align:center;}
#mcont1 .txt .box3 ul li{display:inline-block;overflow:hidden;width:92px;height:92px;border-radius:50%;background-size: cover;}
#mcont1 .txt .box3 ul li:nth-child(1){background-image:url(/images/chiu/main/link_bg1.png)}
#mcont1 .txt .box3 ul li:nth-child(2){background-image:url(/images/chiu/main/link_bg2.png)}
#mcont1 .txt .box3 ul li:nth-child(3){background-image:url(/images/chiu/main/link_bg3.png)}
#mcont1 .txt .box3 ul li:nth-child(4){background-image:url(/images/chiu/main/link_bg4.png)}
#mcont1 .txt .box3 ul li:nth-child(5){background-image:url(/images/chiu/main/link_bg5.png)}
#mcont1 .txt .box3 ul li + li{margin-left:15px;}
#mcont1 .txt .box3 ul li a{display:block;position:relative;font-size:15px;color:#fff;line-height: 135px;transition:.5s;}
#mcont1 .txt .box3 ul li a:before{display:none;position:absolute;top:25px;left:50%;width:40px;height:26px;margin-left:-20px;background:url(/images/chiu/main/main_ir.png) -487px -114px;content:'';}
#mcont1 .txt .box3 ul li a:hover,#mcont1 .txt .box3 ul li a:focus{background:rgba(38,161,220,0.5)}
#mcont1 .txt .box3 ul li a:hover:before,#mcont1 .txt .box3 ul li a:focus:before{display:block}

#mcont1 .txt .box4{width:100%;height: 199px;padding: 25px 27px;background: url(/images/chiu/main/box4_bg.png) left top;background-size:cover;text-align:left;}
#mcont1 .txt .box4:after{position:absolute;right: 224px;bottom: 24px;width:119px;height:118px;background:url(/images/chiu/main/main_ir.png) -739px -32px;content:'';}
#mcont1 .txt .box4 strong{width:91px;height:24px;margin-bottom: 13px;background-position:-801px 0;}
#mcont1 .txt .box4 p{font-size:14px;color:#fff;line-height: 1.4;}
#mcont1 .txt .box4 .more{display:inline-block;position: relative;width: 132px;height: 35px;margin-top: 30px;padding: 0 0 0 20px;border-radius:30px;background:#fff;font-size:16px;color:#00abaa;line-height: 38px;text-align: left;font-weight: 500;}
#mcont1 .txt .box4 .more:after{position:absolute;right:15px;top:50%;width: 5px;height: 5px;border:2px solid #00abaa;border-width:2px 2px 0 0;transform: rotate(45deg) translateX(-50%);content:'';}
#mcont1 .txt .box4 ul{position:absolute;right:27px;top: 18px;width:166px;}
#mcont1 .txt .box4 ul li{border-bottom:1px solid rgba(255,255,255,0.3)}
#mcont1 .txt .box4 ul li:last-child{border:0;}
#mcont1 .txt .box4 ul li a{display:block;position: relative;padding: 12px 0 12px 40px;font-size:16px;color:#fff;}
#mcont1 .txt .box4 ul li a span{display:block;position:absolute;left:0;top:50%;height: 22px;transform:translateY(-50%);}
#mcont1 .txt .box4 ul li a .icon1{width:21px;background-position:-647px -34px}
#mcont1 .txt .box4 ul li a .icon2{width: 22px;background-position: -670px -34px;}
#mcont1 .txt .box4 ul li a .icon3{width: 22px;background-position: -694px -34px;}
#mcont1 .txt .box4 ul li a .icon4{width:21px;background-position: -717px -34px;}
#mcont1 .txt .box4 ul li a:after{position:absolute;right:15px;top:50%;width: 5px;height: 5px;border:2px solid #fff;border-width:2px 2px 0 0;transform: rotate(45deg) translateX(-50%);content:'';}
#mcont1 .txt .box4 ul li a:hover,#mcont1 .txt .box4 ul li a:focus{color:#fcd462}
#mcont1 .txt .box4 ul li a:hover:after,#mcont1 .txt .box4 ul li a:focus:after{border-color:#fcd462}
#mcont1 .txt .box4 ul li a:hover .icon1,#mcont1 .txt .box4 ul li a:focus .icon1{background-position: -647px -56px;}
#mcont1 .txt .box4 ul li a:hover .icon2,#mcont1 .txt .box4 ul li a:focus .icon2{background-position:-670px -56px}
#mcont1 .txt .box4 ul li a:hover .icon3,#mcont1 .txt .box4 ul li a:focus .icon3{background-position: -694px -56px;}
#mcont1 .txt .box4 ul li a:hover .icon4,#mcont1 .txt .box4 ul li a:focus .icon4{background-position:-717px -56px}


@media(max-width: 1359px){
	#mcont1{height:auto;padding-bottom:68px;}
	#mcont1 .body_wrap{padding: 0 80px;}
	#mcont1 .tit strong{margin-top:77px}
	#mcont1 .link{margin-top:40px}

	#mcont1 .txt{overflow: hidden;position:relative;top:auto;right:auto;width: 100%;margin-top: 70px;}
	#mcont1 .txt .box4:after{right:265px}
	#mcont1 .txt .box1{padding: 25px 45px;}
	#mcont1 .txt .box4{padding:35px 45px}
	#mcont1 .txt .box4 ul{top:15px;right:50px}
}
@media(max-width:1023px){
	#mcont1 .body_wrap{padding: 0 40px;}
	#mcont1 .txt .box1{padding: 25px 35px;}
	#mcont1 .txt .box4{padding:35px 35px}
}
@media(max-width:767px){
	#mcont1 .body_wrap{padding:0 15px}
	#mcont1 .tit strong{width:278px;height:128px;height: 87px;margin-top: 50px;background-size: 226%;}
	#mcont1 .tit p{font-size:14px;}
	#mcont1 .link ul li{padding:0 25px;font-size: 13px;}
	#mcont1 .link ul li:nth-child(1){padding-left:0;}
	#mcont1 .link ul li:nth-child(3){padding-right:0;}
	#mcont1 .link ul li span{height:50px;background-size: 1385%;}
	#mcont1 .link ul li .icon1{width:55px;background-position: -341px -25px;}
	#mcont1 .link ul li .icon2{width:37px;background-position: -395px -25px;background-size: 2051%;}
	#mcont1 .link ul li .icon3{width:35px;background-position: -402px -25px;background-size: 1985%;}
	#mcont1 .link a{height:33px;width: 122px;line-height:33px;font-size:14px;}
	#mcont1 .txt .box1{width: 100%;padding:20px 25px;}
	#mcont1 .txt .box2{width:100%;}
	#mcont1 .txt .box2 .thm_slide .grap .obj{height:auto;}
	#mcont1 .txt .box2 .thm_slide .grap .obj > img{display:block;}
	#mcont1 .txt .box2 .thm_slide .grap .obj img{width:100%}
	#mcont1 .txt .box3{height:auto;padding-left: 0;padding-right: 0;}
	#mcont1 .txt .box3 ul{max-width:300px;margin: 25px auto 0;}
	#mcont1 .txt .box3 ul li{width: 72px;height: 72px;margin-bottom:10px}
	#mcont1 .txt .box3 ul li + li{margin-left:11px;}
	#mcont1 .txt .box3 ul li:nth-child(4){margin-left:0}
	#mcont1 .txt .box3 ul li a{line-height:100px;font-size:14px}
	#mcont1 .txt .box3 ul li a:before{top: 10px;width:40px;height:26px;}

	#mcont1 .txt .box4{position:relative;height: auto;padding: 37px 25px;}
	#mcont1 .txt .box4:after{right: 25px;top:115px;width:71px;height:69px;background-size: 830%;background-position: -1024px -19px;}
	#mcont1 .txt .box4 ul{position:relative;right: auto;top: auto;width: 100%;}
	#mcont1 .txt .box4 .more{height: 27px;margin:20px 0 30px;line-height: 27px;font-size: 14px;}

}