@charset "utf-8";

.m_content .ir{display:inline-block;background:url(/images/ct/sub01/ir.png) no-repeat}
.m_content .ir:before{display:none}
h3{margin-top:0;margin-bottom:20px;}

#section1{background-color:#f0f0f0;background-image:none;padding:90px 0}
#section2{background-color:#fff}

.layout{width:1200px;margin:0 auto}
.box_town{width:100%}
.box_town article{position:relative;float:left;box-shadow:border-box}
.box_town .row1{width:50%;}
.box_town .row2{width:25%;padding:50px}
.box_town .col1{height:560px;}
.box_town .col2{height:280px;}
.box_town .visual{border-right:20px solid #f0f0f0;background:url(/images/ct/sub01/visual_bg.jpg) no-repeat 50% 50%;background-size:cover;}
.box_town .visual .visual_txtbox{padding: 80px 0 0 50px}
.box_town .visual .visual_txtbox strong{font-size:25px;}
.box_town .visual .visual_txtbox h2{margin:0;font-size:50px;letter-spacing:-1px}
.box_town .visual .visual_txtbox h2:before{display:none}
.box_town .visual .visual_txtbox span{font-size:13px}
.box_town .major_ask{background-color:#485563;text-align:center}
.box_town .major_ask h3{color:#fff;}
.box_town .major_ask span{display:block;width:73px;height:69px;background-position:0 -48px;margin:0 auto;margin-bottom:20px}
.box_town .major_ask p{color:#e2e4e5;font-size:14px}
.box_town .prof_intro{background-color:#a3977f;border-left:20px solid #f0f0f0;text-align:center}
.box_town .prof_intro h3{color:#fff;}
.box_town .prof_intro span{display:block;width:73px;height:69px;background-position:-98px -48px;margin:0 auto;margin-bottom:25px}
.box_town .prof_intro p{color:#e2e4e5;font-size:14px}
.box_town .notice{background-color:#fff;height:280px;border-top:20px solid #f0f0f0}
.box_town .notice{margin-left:0;padding:30px}
.box_town .notice ul{padding-top:10px;}
.box_town .notice ul li{text-align:right;line-height:30px;color:#a2a2a2;}
.box_town .notice ul li a{width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;text-align: left;color:#353535;font-size:15px}
.box_town .notice ul li a:hover,
.box_town .notice ul li a:focus{text-decoration:underline;}
.box_town .notice ul li a .ir.bul{display:inline-block;width:3px;height:3px;background:url(/images/ct/sub01/bul.png) no-repeat;margin-right:10px;vertical-align:middle;}
.box_town .notice ul li.new{margin-left:-7px}
.box_town .notice ul li.new span{display:block;float:left;width:17px;height:19px;background:url(/images/ct/sub01/new.png) no-repeat 0 3px;background-size:95%;margin-left:0;margin-right:3px}
.box_town .notice .more{position:absolute;top:30px;right:30px;width:35px;height:35px;background-position:0 0;font-size:0;}
.box_town .college_info{background-color:#601819;border-top:20px solid #f0f0f0;border-right:20px solid #f0f0f0;}
.box_town .student_act{background-color:#6d6f71;border-top:20px solid #f0f0f0;border-right:20px solid #f0f0f0;}
.box_town .round_linkbox{background-color:#fff;border-top:20px solid #f0f0f0}
.box_town .gall_box{background-color:#fff;border-top:20px solid #f0f0f0;border-left:20px solid #f0f0f0}
.box_town .college_info,
.box_town .student_act{padding:25px}
.box_town .college_info:after{display:block;content:"";width:116px;height:111px;position:absolute;bottom:20px;right:0;background:url(/images/ct/sub01/ir.png) no-repeat;background-position:0 -214px}
.box_town .student_act:after{display:block;content:"";width:119px;height:109px;position:absolute;bottom:20px;right:0;background:url(/images/ct/sub01/ir.png) no-repeat;background-position:0 -344px}
.box_town .college_info h3,
.box_town .student_act h3{color:#fff;}
.box_town .college_info ul li{float:left;position:relative;width:100%;line-height:30px;z-index:10}
.box_town .student_act ul li{float:left;position:relative;width:100%;line-height:30px;z-index:10}
.box_town .college_info ul li a,
.box_town .student_act ul li a{color:#fff;}
.box_town .college_info ul li a .ir.bul2,
.box_town .student_act ul li a .ir.bul2{display:inline-block;width:5px;height:2px;background:url(/images/ct/sub01/bul2.png) no-repeat;margin-right:5px;vertical-align:middle}
.box_town .round_linkbox{padding:25px 40px}
.box_town .round_linkbox li{padding:15px 0;}
.box_town .round_linkbox li:first-child{border-bottom:1px dashed #d2d2d2}
.box_town .round_linkbox li a{display:block;color:#282828;font-size:20px;font-weight:700;}
.box_town .round_linkbox li a span{width:77px;height:75px;vertical-align:middle;margin-right:15px}
.box_town .round_linkbox li a .ir.ico3{background-position:0 -126px}
.box_town .round_linkbox li a .ir.ico4{background-position:-87px -126px}
.box_town .gall_box{padding:25px 30px;}
.box_town .gall_box h2{font-size:20px;margin:0;padding:0}
.box_town .gall_box h2:before{display:none}
.box_town .gall_box .grap{position:absolute;bottom:0;left:0;width:100%;height:189px;background-color: #222;overflow:hidden;}
.box_town .gall_box .grap .obj{width:200%;height:100%;}
.box_town .gall_box .grap .obj .item{position:relative;width:50%;height:190px}
.box_town .gall_box .item a{display:block;width:100%;height:100%;overflow:hidden;}
.box_town .gall_box .item a .thum_img{display:block;width:200%;height:100%;margin-left:-50%;text-align:center}
.box_town .gall_box .item a .thum_img img{max-width:none;height:100%}
.box_town .gall_box .item .gallery_tit{position:absolute;top:65px;left:50%;margin-left:-75px}
.box_town .gall_box .item .gallery_tit p{color:#fff;max-width:165px;word-break: keep-all;}
.box_town .gall_box .item .gallery_tit p:before{display:block;content:"";width:28px;height:3px;background-color:#fff;margin:0 auto;margin-bottom:20px}
.box_town .gall_box .control{position:absolute;top:25px;right:20px}
.box_town .gall_box .control [data-type="prev"]{width:34px;height:34px;background-position: -39px 0;margin-right:5px;font-size:0}
.box_town .gall_box .control [data-type="next"]{width:34px;height:34px;background-position:-78px 0;font-size:0}



/*#mquick{padding:30px 0;}
#mquick .grap {position: relative;overflow: hidden;margin: 0 auto;width: 100%;min-height: 140px;}
#mquick .grap .obj {position: absolute;top: 20px;left: 0;width: 200%;}
#mquick ul li {display: inline-block;float: left;text-align: center;}
#mquick li{width:5%;float:left;text-align:center;margin-bottom: 30px;}
#mquick .ir{display:block;width:68px;height:68px;margin:0 auto;margin-bottom:10px}
#mquick .ico_s1{background-position: -207px 0}
#mquick .ico_s2{background-position: -284px 0}
#mquick .ico_s3{background-position: -207px -78px}
#mquick .ico_s4{background-position: -284px -78px}
#mquick .ico_s5{background-position: -207px -155px}
#mquick .ico_s6{background-position: -284px -155px}
#mquick .ico_s7{background-position: -207px -232px}
#mquick .ico_s8{background-position: -284px -232px}
#mquick .ico_s9{background-position: -207px -309px}
#mquick .ico_s10{background-position: -284px -309px}
#mquick .control{display:none}*/
.vico{display:inline-block;background:url(/images/ct/main/intro/ir.png) no-repeat;z-index:999}
#mquick{position:relative;padding:30px 0;}
#mquick .grap {position: relative;overflow: hidden;margin: 0 auto;width: 100%;min-height: 145px;}
#mquick .grap .obj {position: absolute;top: 20px;left: 0;width: 200%;}
#mquick .obj .item {display: inline-block;float: left;text-align: center;}
#mquick .item{width:5%;float:left;text-align:center;margin-bottom: 30px;}
#mquick .item a{color:#222}
#mquick .grap .obj .item a .vico{display:block;width:70px;height:70px;margin:0 auto;margin-bottom:10px;background-color:#a99e87;border:1px solid #a99e87;border-radius:50%;transition: all 300ms ease-out}
#mquick .grap .obj .item a .vico1{background-position: -34px 0}
#mquick .grap .obj .item a .vico2{background-position: -117px 0}
#mquick .grap .obj .item a .vico3{background-position: -199px 0px}
#mquick .grap .obj .item a .vico4{background-position: -280px 0px}
#mquick .grap .obj .item a .vico5{background-position: -363px 0px}
#mquick .grap .obj .item a .vico6{background-position: -34px -85px}
#mquick .grap .obj .item a .vico7{background-position: -117px -85px}
#mquick .grap .obj .item a .vico8{background-position: -199px -85px}
#mquick .grap .obj .item a .vico9{background-position: -280px -85px}
#mquick .grap .obj .item a .vico10{background-position: -363px -85px}
#mquick .grap .obj .item a .vico11{background-position: -447px -85px}
#mquick .grap .obj .item a .vico:hover,
#mquick .grap .obj .item a .vico:focus{}
#mquick .control{display:none}




@media(max-width:1200px){
	.layout{width:95%}
	.box_town .college_info, .box_town .student_act{padding-left:20px;}
	.box_town .gall_box{padding:25px 30px;}
	.box_town .round_linkbox{padding:25px 20px;}
	.box_town .round_linkbox li a{font-size:18px}
}

@media(max-width:1036px){
	#section1{padding:20px;}
	#mquick .item{width:10%}
	#mquick .control{display:block}
	#mquick .control button{display:inline-block;position:absolute;top:50%;margin-top:-18px;width:36px;height:36px;background:url(/images/ct/sub01/mquick_arr.png) no-repeat;font-size:0;line-height:0;z-index:999;}
   	#mquick .control [data-type="prev"]{left:2%;background-position:0 0px;}
    #mquick .control [data-type="next"]{right:2%;background-position:-36px 0px;}
    #mquick .grap{width:80%;}
    .box_town .row1{width:100%;}
	.box_town .row2{width:50%;}
	.box_town .visual{border-right:0;border-bottom:20px solid #f0f0f0}
	.box_town .college_info{border-right:0}
	.box_town .student_act{border-right:0;border-left:20px solid #f0f0f0}
	.box_town .gall_box{padding:20px}
	.box_town .round_linkbox{padding:25px 30px;}
}

@media(max-width:768px){
	#mquick .item{width:13%}
}

@media(max-width:640px){
	.box_town .row2{width:100%; border-left:0;border-right:0}
}

@media(max-width:580px){
	.box_town .col1{height:450px}
	.box_town .prof_intro{border-top:20px solid #f0f0f0}
	#mquick .item{width:17%}
	.box_town .visual .visual_txtbox{padding:80px 10px;text-align:center}
	.box_town .visual .visual_txtbox strong{font-size:16px}
	.box_town .visual .visual_txtbox h2{font-size:30px}
	.box_town .visual .visual_txtbox span{display:none;}
}

@media(max-width:420px){
	.box_town .notice ul li a{width:60%}
	.box_town .round_linkbox li a{font-size:16px}
	#mquick .item{width:50%}
}

