/* CSS Document */

.container{position: relative;}

.section1{margin-top: 80px;}
.s1_t{font-size: 36px;color: #222222;text-align: center;}
.s1_c{margin-top: 50px;}
.s1_c .s1_ci{margin-bottom:110px;}
.s1_c .s1_ci .s1_cil{float:left;width: 64.666666666%;position: relative;}
.s1_c .s1_ci .s1_cir{float:right;width: 29.333333333%;}
.s1_c .s1_ci:nth-child(2n) .s1_cil{float:right;}
.s1_c .s1_ci:nth-child(2n) .s1_cir{float:left;}
.s1_c .s1_ci .s1_cil .s1_cilb{background: rgba(255,255,255,0); position: absolute;top:0;left:0;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;opacity: 0;}
/*.s1_c .s1_ci .s1_cil .s1_cilb img{opacity: 1; width: 80px;height: 80px;position: absolute;left:50%;top:50%;margin:-40px 0 0 -40px;-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.s1_c .s1_ci .s1_cil:hover .s1_cilb{background: rgba(255,255,255,0.7);opacity: 1;}
.s1_c .s1_ci .s1_cil:hover .s1_cilb img{-webkit-transform: scale(1.5);transform: scale(1.5);}*/
.s1_c .s1_ci .s1_cil:hover .s1_cilb{background: rgba(255,255,255,0.7);opacity: 1;}
.s1_c .s1_ci .s1_cil .s1_cilc{position: absolute;top:0;left:0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.s1_c .s1_ci .s1_cil .s1_cilc img{opacity: 1; width: 80px;height: 80px;position: absolute;left:50%;top:50%;margin:-40px 0 0 -40px;-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.s1_c .s1_ci .s1_cil:hover .s1_cilc{opacity: 1;}
.s1_c .s1_ci .s1_cil:hover .s1_cilc img{-webkit-transform: scale(1.5);transform: scale(1.5);}

.s1_c .s1_ci .s1_cir .s1_cira{padding-top: 50px;}
.s1_c .s1_ci .s1_cir .s1_cira a{font-size: 24px;color: #222222;font-weight: bold;}
.s1_c .s1_ci .s1_cir .s1_cirb{margin-top: 12px;font-size: 14px;color: #222222;line-height: 24px;min-height: 48px;}
.s1_c .s1_ci .s1_cir .s1_circ{margin-top: 17px;}
.s1_c .s1_ci .s1_cir .s1_circ a{font-size: 14px;color: #0066b2;}

.s2_c{position: relative;}
.s2_c .s2_cb{position: absolute;top:0;left:0;right:0;bottom: 0;background: rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.s2_c .s2_cb .s2_cbx{position: absolute;top:50%;transform: translateY(-50%);text-align: center;width: 64%;left:50%;margin-left: -32%;}
.s2_c .s2_cb .s2_cbx .s2_cba{font-size: 30px;color: #ffffff;font-weight: bold;}
.s2_c .s2_cb .s2_cbx .s2_cbb{width: 35px;height: 3px;background: #fff;margin:12px auto 20px;}
.s2_c .s2_cb .s2_cbx .s2_cbc{font-size: 14px;color: #ffffff;line-height: 30px;}
.s2_c:hover .s2_cb{background: rgba(0,0,0,0);}

.section3{margin-top: 100px;}
.s3_c .s3_ci{margin-bottom: 50px;}
.s3_c .s3_ci:last-child{margin-bottom: 0;}
.s3_c .s3_ci .s3_cil{float:left;position: relative;width: 47%;}
/*.s3_c .s3_ci .s3_cil .s3_cilb{background: rgba(255,255,255,0); position: absolute;top:0;left:0;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;opacity: 0;}
.s3_c .s3_ci .s3_cil .s3_cilb img{opacity: 1; width: 80px;height: 80px;position: absolute;left:50%;top:50%;margin:-40px 0 0 -40px;-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.s3_c .s3_ci .s3_cil:hover .s3_cilb{background: rgba(255,255,255,0.7);opacity: 1;}
.s3_c .s3_ci .s3_cil:hover .s3_cilb img{-webkit-transform: scale(1.5);transform: scale(1.5);}*/
.s3_c .s3_ci .s3_cil .s3_cilb{background: rgba(255,255,255,0); position: absolute;top:0;left:0;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;opacity: 0;}
.s3_c .s3_ci .s3_cil:hover .s3_cilb{background: rgba(255,255,255,0.7);opacity: 1;}
.s3_c .s3_ci .s3_cil .s3_cilc{position: absolute;top:0;left:0;width: 100%;height: 100%;opacity: 0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.s3_c .s3_ci .s3_cil .s3_cilc img{opacity: 1; width: 80px;height: 80px;position: absolute;left:50%;top:50%;margin:-40px 0 0 -40px;-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.s3_c .s3_ci .s3_cil:hover .s3_cilc{opacity: 1;}
.s3_c .s3_ci .s3_cil:hover .s3_cilc img{-webkit-transform: scale(1.5);transform: scale(1.5);}


.s3_c .s3_ci .s3_cir{float:right;width: 47%;}
.s3_c .s3_ci .s3_cir .s3_cira{padding-top: 110px;}
.s3_c .s3_ci .s3_cir .s3_cira a{font-size: 24px;color: #222222;font-weight: bold;}
.s3_c .s3_ci .s3_cir .s3_cirb{margin-top: 10px;font-size: 14px;color: #222222;line-height: 24px;min-height: 48px;}
.s3_c .s3_ci .s3_cir .s3_circ{margin-top: 10px;}
.s3_c .s3_ci .s3_cir .s3_circ a{color: #0066b2;font-size: 14px;}

@media only screen and (max-width:1220px){
	.section1{margin-top: 60px;}
	.s1_t{font-size: 32px;}
	.s1_c{margin-top: 35px;}
	.s1_c .s1_ci{margin-bottom:70px;}	
	.s1_c .s1_ci .s1_cir .s1_cira{padding-top: 30px;}
	.s1_c .s1_ci .s1_cir .s1_cira a{font-size: 20px;color: #222222;font-weight: bold;}
	.s1_c .s1_ci .s1_cir .s1_cirb{margin-top: 10px;font-size: 14px;color: #222222;line-height: 24px;min-height: 48px;}
	.s1_c .s1_ci .s1_cir .s1_circ{margin-top: 10px;}
	.s1_c .s1_ci .s1_cir .s1_circ a{font-size: 14px;color: #0066b2;}

	.s2_c .s2_cb .s2_cbx .s2_cba{font-size: 22px;}
	.s2_c .s2_cb .s2_cbx .s2_cbb{width: 30px;height: 2px;background: #fff;margin:10px auto 15px;}
	.s2_c .s2_cb .s2_cbx .s2_cbc{font-size: 12px;color: #ffffff;line-height: 27px;}

	.section3{margin-top: 60px;}
	.s3_c .s3_ci{margin-bottom: 30px;}
	.s3_c .s3_ci .s3_cir .s3_cira{padding-top: 10px;}
	.s3_c .s3_ci .s3_cir .s3_cira a{font-size: 20px;}
	.s3_c .s3_ci .s3_cir .s3_cirb{margin-top: 7px;font-size: 12px;color: #222222;line-height: 21px;min-height: 42px;}
	.s3_c .s3_ci .s3_cir .s3_circ{margin-top: 7px;}
	.s3_c .s3_ci .s3_cir .s3_circ a{color: #0066b2;font-size: 12px;}

}
@media only screen and (max-width:640px){
	.section1{margin-top: 40px;}
	.s1_t{font-size: 24px;}
	.s1_c{margin-top: 20px;}
	.s1_c .s1_ci{margin-bottom:30px;}	
	.s1_c .s1_ci .s1_cil{float:none;width: 100%;position: relative;}
	.s1_c .s1_ci .s1_cir{float:none;width: 100%;}
	.s1_c .s1_ci:nth-child(2n) .s1_cil{float:none;}
	.s1_c .s1_ci:nth-child(2n) .s1_cir{float:none;}
	.s1_c .s1_ci .s1_cir .s1_cira{padding-top: 20px;}
	.s1_c .s1_ci .s1_cir .s1_cira a{font-size: 16px;color: #222222;font-weight: bold;}
	.s1_c .s1_ci .s1_cir .s1_cirb{margin-top: 6px;font-size: 12px;color: #222222;line-height: 20px;min-height: 40px;}
	.s1_c .s1_ci .s1_cir .s1_circ{margin-top: 6px;}
	.s1_c .s1_ci .s1_cir .s1_circ a{font-size: 12px;color: #0066b2;}

	.s2_c .s2_cb .s2_cbx .s2_cba{font-size: 18px;}
	.s2_c .s2_cb .s2_cbx .s2_cbb{display: none;}
	.s2_c .s2_cb .s2_cbx .s2_cbc{display: none;}

	.section3{margin-top: 40px;}
	.s3_c .s3_ci{margin-bottom: 20px;}
	.s3_c .s3_ci .s3_cil{float:none;position: relative;width: 100%;}
	.s3_c .s3_ci .s3_cir{float:none;width:100%;}
	.s3_c .s3_ci .s3_cir .s3_cira{padding-top: 10px;}
	.s3_c .s3_ci .s3_cir .s3_cira a{font-size: 14px;}
	.s3_c .s3_ci .s3_cir .s3_cirb{margin-top: 5px;font-size: 12px;color: #222222;line-height: 20px;min-height: 40px;}
	.s3_c .s3_ci .s3_cir .s3_circ{margin-top: 5px;}
	.s3_c .s3_ci .s3_cir .s3_circ a{color: #0066b2;font-size: 12px;}
}