﻿body { max-width: 750px; min-width: 320px; margin: 0 auto; }
.wrap { width: 95%; margin: 0 2.5%; }
.header { background: #fff; text-align: center; position: relative; height: 18vw; }
.header a { /***padding: 2.5vw 0****/; display: block; line-height:18vw; }
.header span { display: inline-block; position: absolute; right: 2.5%; line-height: 18vw; top: 0; }
.header a img { width: 73%; }
.header span img { width: 1.2rem; }
.header i { position: absolute; left: 2.5%; line-height: 18vw; top: 0; }
.header i img { width: 0.65rem; }
.case_bg { background: #1193d1; }
.banner { /*position: relative;*/ }
/*.banner a { position: absolute; left: 0; bottom: 19vw; background: #118ed1; font-size: 0.6rem; color: #fff; height: 6vw; line-height: 6vw; width: 20vw; text-align: center; margin: 0 auto; right: 0; }
.banner img { width: 100%; }*/
.main_horn { background: #eeeeee; }
.txtScroll-left { width: 75%; position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.txtScroll-left .hd .prev, .txtScroll-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("images/arrow.png") no-repeat; }
.txtScroll-left .hd .next { background-position: 0 -50px; }
.txtScroll-left .hd ul { overflow: hidden; zoom: 1; position: absolute; right: -12vw; top: 6.5vw; }
.txtScroll-left .hd ul li { float: left; border-radius: 50%; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #c0c0c0; }
.txtScroll-left .hd ul li.on { background: #1193d1; }
.txtScroll-left .bd { width: 92%; overflow: hidden; }
.txtScroll-left .bd ul { overflow: hidden; zoom: 1; }
.txtScroll-left .bd ul li { float: left; height: 15vw !important; line-height: 15vw; text-align: left; _display: inline; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.txtScroll-left .bd .tempWrap { height: 15vw !important; }
.main_icon { display: inline-block; margin-left: 2.5%; width: 7%; margin-right: 2%; }
.main_icon img { width: 100%; font-size: 0; overflow: hidden; }
.main_img { margin: 2.5% auto 0 auto; width: 95%; }
.main_img a { display: inline-block; vertical-align: top; margin-bottom: 5%; position: relative; width: 100%; }
.main_img a > img { width: 100%; }
.main_text { background: rgba(0, 0, 0, 0.55); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main_pa { text-align: center; position: absolute; top: 0; bottom: 0; margin: auto; height: 4.5rem; width: 100%; }
.main_pa img { width: 10vw; margin-bottom: 5vw; }
.main_pa span { display: block; color: #fff; margin-bottom: 1vw; font-size: 0.85rem; }
.main_pa span:last-child { margin-bottom: 0 !important; }
.img_hei { height: 54.2vw; }
.img_hei2 { height: 34vw; }
.main_img > div { width: 48.75%; }
.grey_line { display: inline-block; height: 2vw; background: #e4e4e4; display: block; }
.main_title { border-bottom: 1px solid #dddddd; padding: 3% 2.5%; overflow: hidden; }
.main_title .main_span { display: inline-block; float: left; font-size: 0.85rem; color: #333333; border-left: 2px solid #0096d8; line-height: 0.8rem; padding-left: 2.5%; margin-right: 2.5%; }
.main_title .main_new { font-size: 0.75rem; color: #dcdcdc; float: left; line-height: 0.8rem; }
.main_title .main_more { float: right; display: inline-block; font-size: 0.7rem; color: #0096d8; line-height: 0.8rem; }
.main_title .main_more em { font-family: "黑体"; margin-left: 2.5%; margin-left: 0.15rem; }
.main_ul { overflow: hidden; }
.main_ul li { float: left; padding: 2.5%; border-bottom: 1px solid #dddddd; overflow: hidden; position: relative; width: 95%; }
.main_ul li .main_left { width: 45%; position: absolute; }
.main_ul li .main_right { padding-left: 50%; min-height: 34vw; }
.main_ul li:last-child { border-bottom: 0 !important; }
.mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 18; display: none; }
.main_left a { display: block; }
.main_left a img { width: 100%; }
.main_right a { display: inline-block; font-size: 0.7rem; color: #333333; line-height: 1.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main_right span { display: inline-block; font-size: 0.7rem; color: #adadad; line-height: 1.3rem; }
.main_right p { font-size: 0.7rem; color: #636363; line-height: 1.1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* .Feedback_suggestion { position: relative; padding: 0 10%; width: 80%; } */
.Feedback_suggestion_top { padding: 7.5% 0 3.85% 0; min-height: 2.5rem; }
.Feedback_suggestion_top p { font-size: 0.85rem; color: #1193d1; text-align: center; }
.Feedback_suggestion_list { overflow: hidden; margin-bottom: 5%; }
.Feedback_suggestion_list span { display: inline-block; float: left; width: 22vw; font-size: 0.8rem; color: #1193d1; line-height: 1.5rem; }
.Feedback_suggestion_list input { line-height: 1rem; padding: 0.25rem 2.5%; border: 1px solid #0e6eb8; width: 61vw; border-radius: 3px; font-size: 0.65rem; color: #333; }
.Feedback_suggestion_list textarea { line-height: 1rem; padding: 0.25rem 2.5%; border: 1px solid #0e6eb8; width: 56vw; border-radius: 3px; font-size: 0.75rem; color: #333; min-height: 32vw; }
.Feedback_suggestion_sub {  text-align: center; }
.Feedback_suggestion_sub input { margin: 5vw 0 10vw 0; border: 0; border-radius: 3px; background: #1193d1; width: 20vw; text-align: center; line-height: 1.5rem; height: 1.5rem; color: #fff; font-size: 0.85rem; }
.Feedback_suggestion_flt { position: absolute; right: 0; top: 0; display: inline-block; width: 14vw; }
.Feedback_suggestion_flt2 { position: absolute; left: 0; bottom: 6vw; width: 18%; }
.Feedback_suggestion_flt2 img { width: 100%; }
.foot { background: url('../images/foot_bg.jpg') no-repeat center center; background-size: 100% 100%; }
.foot_nav { border-bottom: 1px solid #1171bb; }
.foot_nav_ul { overflow: hidden; text-align: center; font-size: 0; }
.foot_nav_ul li { padding: 0 1.5%; display: inline-block; vertical-align: middle; }
.foot_nav_ul li a { line-height: 2.5rem; font-size: 0.7rem; color: #ffffff; display: inline-block; }
.foot_info { padding: 2vw 0; }
.foot_info p { text-align: center; margin-top: 2vw; }
.foot_info p img { width: 50%; }
.foot_tele { text-align: center; overflow: hidden; margin: 2vw 0; }
.foot_tele span { display: inline-block; vertical-align: middle; }
.foot_tele i { display: inline-block; vertical-align: middle; font-size: 0.65rem; color: #14baff; margin-left: 2vw; }
.foot_tele img { width: 0.90rem; vertical-align: middle; }
.foot_img { text-align: center; }
.foot_img a { display: inline-block; vertical-align: middle; }
.foot_img a img { width: 12vw; }
.foot_img a:first-child { margin-right: 5vw; }
.foot_copyright { border-top: 1px solid #1171bb; padding: 2.5vw 0; }
.foot_copyright p { font-size: 0.6rem; color: #adadad; text-align: center; line-height: 0.9rem; }
.nav_left { position: fixed; right: -50%; top: 0; width: 50%; height: 100%; overflow-y: scroll; background: #fff; z-index: 20; }
.nav_title { display: block; padding: 0 5%; height: 13vw; background: #1193d1; line-height: 13vw; }
.nav_title img { width: 1rem; }
.nav_lul { margin-left: 5%; width: 95%; }
.nav_lul > li { line-height: 15vw; }
.nav_lul > li > a { display: block; color: #333333; font-size: 0.8rem; border-bottom: 1px solid #dddddd; padding-right: 7.5%; }
.var_icon { display: inline-block; *display: inline; vertical-align: middle; width: 7vw; height: 6.5vw; overflow: hidden; line-height: 6.5vw; margin-right: 1vw; margin-top: -0.4vw; }
.var_icon span { display: block; height: 100%; width: 100%; }
.var_icon img { width: 100%; }
.second_level > .second_p { background: url('../images/grey_bottom.png') no-repeat 95% center; border-bottom: 1px solid #dddddd; padding-right: 7.5%; }
.second_level > .second_p > a { display: inline-block; color: #333333; font-size: 0.8rem; vertical-align: middle; }
.nav_cur .var_icon span { display: none; }
.nav_cur > a { color: #1193d1 !important; }
.nav_cur.second_level > .second_p { background: url('../images/blue_top.png') no-repeat 95% center; }
.nav_cur.second_level > .second_p > a { color: #1193d1 !important; }
.seconde_bottom li { padding-left: 7vw; border-bottom: 1px solid #ddd; line-height: 15vw; }
.seconde_bottom li a { display: block; color: #333333; font-size: 0.75rem; }
.nav_cur .seconde_bottom { display: block; }
.seconde_bottom li a:active { color: #1193d1; }

/*case*/
.case_body { background: #e4e4e4; }
.case_box { width: 95%; margin: 0 auto; padding: 2.5% 0; }
.case_ul { overflow: hidden; }
.case_ul li { float: left; width: 48.75%; margin-right: 2.5%; background: #fff; margin-bottom: 2.5%; }
.case_ul li:nth-of-type(2n) { margin-right: 0 !important; }
.case_img a { display: block; }
.case_img a img { width: 100%; height: 40vw; }
.case_bottom { padding: 5%; }
.case_bottom a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.75rem; color: #333333; margin-bottom: 0.15rem; }
.case_bottom p { overflow: hidden; }
.case_bottom p span { float: left; display: inline-block; font-size: 0.65rem; color: #999999; }
.case_bottom p i { float: right; display: inline-block; font-size: 0.65rem; color: #999999; }
.case_loaded { display: block; text-align: center; line-height: 2.5rem; font-size: 0.8rem; color: #636363; }
.return_top { position: fixed; right: 2.5%; bottom: 15%; width: 2.5rem; height: 2.5rem; border-radius: 50%; overflow: hidden; }
.return_top img { width: 100%; height: 100%; }

/*case-details*/
.case_change .case_bottom { border: 1px solid #ddd; box-sizing: border-box; }
.case_more { float: right; font-size: 0.7rem; color: #0096d8; }
.case_more em { font-family: "黑体"; margin-left: 0.2rem; }
.case_details { padding: 2.5%; }
.case_details h1 { font-size: 0.9rem; color: #333333; }
.case_time { overflow: hidden; }
.case_time span { display: inline-block; float: left; font-size: 0.65rem; color: #636363; margin-right: 2.5%; }
.case_details img { max-width: 100%; margin: 2.5% 0; height: auto !important; }
.case_details p { font-size: 0.8rem; color: #333333; margin-bottom: 4%; line-height: 1.1rem; }

/*about_us*/
.about_us { padding-bottom: 5vw; }
.about_us h1 { text-align: center; line-height: 3rem; font-size: 0.9rem; color: #118ed1; }
.about_us p span { display: inline-block; vertical-align: middle; color: #118ed1; text-indent: 0; }
.about_us p { font-size: 0.65rem; color: #333333; text-indent: 1rem; line-height: 1.1rem; }
.about_box { background: #f3f7f8; padding: 2.5%; width: 95%; }
.about_box h1 { color: #118ed1; text-align: center; font-size: 0.9rem; line-height: 2.5rem; }
.about_ul { overflow: hidden; width: 100%; font-size: 0; }
.about_ul li { width: 31.5%; margin-right: 2.5%; background: url('../images/ring.png') no-repeat center center; min-height: 26vw; background-size: 100% 100%; text-align: center; display: inline-block; vertical-align: middle; }
.about_ul li:last-child { margin-right: 0 !important; }
.about_ul span { display: inline-block; font-size: 1.2rem; font-weight: bold; color: #656d79; margin-top: 6vw; margin-bottom: 2vw; letter-spacing: -3px; }
.about_ul p { font-size: 0.6rem; color: #656d79; text-align: center; }
.about_box > p { font-size: 0.8rem; color: #656d79; text-align: center; line-height: 2rem; margin-top: 0.5rem; }
.about_foot { background: url('../images/about_bg_img.png') no-repeat center bottom; padding: 0 8.3% 24vw 8.3%; background-size: 100%; }
.about_foot h1 { line-height: 3rem; text-align: center; color: #118ed1; font-size: 0.9rem; }
.about_foot p { font-size: 0.8rem; color: #333333; line-height: 1.6rem; }
.about_foot span { display: block; color: #118ed1; font-size: 1.5rem; line-height: 3rem; }

/*about_list*/
.about_ul_last li:last-child { border-bottom: 1px solid #ddd !important; }

/*about3*/
.about3 { background: #e7ecf0 url('../images/about_img.jpg') no-repeat center bottom; padding: 2.5% 2.5% 7vw 2.5%; background-size: 100%; }
.about_p { line-height: 0.95rem; padding-left: 2.5%; border-left: 3px solid #1193d1; font-size: 0.95rem; color: #118ed1; margin: 2% 0 6% 0; }
.about_p span { display: inline-block; font-size: 0.65rem; color: #636363; margin-left: 0.5rem; vertical-align: bottom; }
.about3_ul { overflow: hidden; width: 100%; }
.about3_ul li { float: left; margin-right: 2.5%; margin-bottom: 2.5%; width: 23.1%; box-sizing: border-box; border: 1px solid #b1d6ef; border-radius: 2px; overflow: hidden; }
.about3_ul li:nth-of-type(4n) { margin-right: 0; }
.about3_ul li img { width: 100%; height: 100%; box-sizing: border-box; border: 1vw solid #f1f8fc; border-radius: 2px; }
.about3_box { margin: 2.5% 0; }
.about3_map { margin: 4% 0; }
.about3_map img { max-width: 100%; }
.about3_text { overflow: hidden; width: 100%; }
.about3_text li { float: left; width: 18.4%; margin-right: 2%; color: #333333; font-size: 0.65rem; line-height: 1rem; }
.about3_text li:nth-of-type(5n) { margin-right: 0 !important; }
.about3_text li span { display: inline-block; vertical-align: top; color: #1193d1; line-height: 1rem; }

/*about4*/
.about4 { background: #d4e8e9 url('../images/about4_bg_Img.png') no-repeat right bottom; padding: 2.5% 2.5% 7vw 2.5%; background-size: 60%; }

/*excellent_course*/
.excellent_course { padding: 0 2.5% 6vw 2.5%; background: url('../upload/bg_wood.jpg') no-repeat center center; background-size: 100% 100%; }
.excellent_ul { overflow: hidden; }
.excellent_ul li { border-bottom: 8px solid #e4ad84; padding-top: 4%; overflow: hidden; box-shadow: 0 3px 5px #944c2c; padding-right: 5px; box-sizing: border-box; margin-bottom: 3px; }
.excellent_left { float: left; width: 35%; margin-right: 3%; }
.excellent_right { float: left; width: 62%; text-align: right; }
.excellent_rtop { text-align: left; margin: 0 2.5%; height: 24vw; margin-top: 3vw; margin-bottom: 2vw; }
.excellent_rtop p { display: block; font-size: 0.8rem; color: #fff; }
.excellent_left a { display: block; }
.excellent_left a img { width: 100%; height: 41.2vw; }
.excellent_right a { display: inline-block; line-height: 1.5rem; border-radius: 5px; padding: 0 3vw; font-size: 0.7rem; color: #fff; background: #e4ad84; box-shadow: 3px 3px 5px #97552f; }

/*Excellent_course_details*/
.excellent_top { margin-bottom: 8vw; }
.excellent_top h1 { font-size: 0.85rem; color: #333333; margin: 2.5% 0; }
.excellent_time { margin-bottom: 4%; }
.excellent_time span { display: inline-block; vertical-align: middle; margin-right: 2.5%; font-size: 0.6rem; color: #636363; }
.excellent_top img { max-width: 100%; margin: 2.5% 0; }
.excellent_list { margin-bottom: 8vw; }
.excellent_title { border-left: 3px solid #118ed1; margin-bottom: 2.54%; color: #118ed1; font-size: 0.8rem; padding-left: 2.5%; line-height: 0.8rem; }
.excellent_title span { display: inline-block; color: #636363; padding-left: 2.5%; font-size: 0.7rem; }
.excellent_list p { font-size: 0.8rem; color: #000000; line-height: 1.2rem; overflow: hidden; }
.excellent_list p em { float: left; }
.excellent_list p em:last-child { width: 87.1vw; }
.excellent_details_bg .excellent_ul li { border-bottom: 1px solid #dddddd !important; padding: 2.5% !important; box-shadow: 0 0 0 #fff !important; }
.excellent_details_bg .excellent_ul li .excellent_right a { background: #0096d8 !important; box-shadow: 0 0 0 #fff !important; }
.excellent_details_bg .excellent_ul li .excellent_right .excellent_rtop p { color: #333333 !important; }
.excellent_details_bg .excellent_ul li .excellent_left { box-sizing: border-box; border: 1px solid #ddd; }
.excellent_details img{
    max-width: 95%;
    margin: 0 auto;
    height: auto !important;
}


/*Download_Center*/
.down_min { min-height: 20rem; }
.down_ul li { position: relative; border-bottom: 1px dashed #dddddd; font-size:.75rem; padding-left: 2.5%;  }
.down_ul li a.down-text { width: 87%; display: inline-block; padding: .6rem 0 .55rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.down-icon{
    position: absolute;
    top: 0;
    right: 0;
    /*width: 8vw;*/
    width:13%;
    height: 2.2rem;
    display: block;
    background: url(../images/down.png) no-repeat center;
    background-size: 5vw;
    z-index: 10;



}
/*Teachers_strength*/
.teachers_ul { overflow: hidden; width: 95%; margin: 0 auto; }
.teachers_ul li { border-bottom: 1px solid #ddd;padding:10px 0 }
.teachers_list { padding: 0 2.5%; margin-bottom: 8vw; }
.teachers_list span { display: block; padding-left: 2.5%; border-left: 2px solid #118ed1; font-size: 0.8rem; color: #118ed1; line-height: 0.8rem; margin: 4vw 0; }
.teachers_list ul li { line-height: 1.2rem; padding-left: 4%; background: url('../images/spot.png') no-repeat left 0.4rem; font-size: 0.75rem; color: #000; }
.video_ul { overflow: hidden; padding-top: 2.5%; }
.video_ul li { float: left; width: 48.75%; background: #fff; border-radius: 3px; overflow: hidden; margin-right: 2.5%; margin-bottom: 2.5%; padding-bottom: 2.5%; }
.video_ul li:nth-of-type(2n) { margin-right: 0 !important; }
.video_ul li a { display: block; }
.video_paly { position: relative; }
.video_paly > img { width: 100%; height: 35vw; }
.video_paly i { display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 12vw; height: 12vw; border-radius: 50%; overflow: hidden; }
.video_paly i img { width: 100%; height: 100%; }
.video_paly span { display: inline-block; position: absolute; right: 3vw; bottom: 3vw; background: rgba(0, 0, 0, 0.62); color: #fff; font-size: 0.6rem; border-radius: 3px; padding: 0 2vw; line-height: 1rem; }
.video_ul li a p { padding: 5% 5% 0 5%; font-size: 0.8rem; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*Video_scene_details*/
.video_details_box { position: relative; left: 0; top: 0; z-index: 2; height:200px;}
.video_details_box iframe{
    height:200px;
}
.video_details_box video { max-width: 100%; position: relative; z-index: 2; width:100%; }
.video_details_box embed{
    max-width: 100%; position: relative; z-index: 2; width:100%;
}
.video_details_title { background: #fff; width: 95%; padding: 2.5%; }
.video_details_title p { font-size: 0.8rem; color: #1193d1; }
.video_details_titme { overflow: hidden; }
.video_details_titme span { display: inline-block; margin-right: 5vw; font-size: 0.65rem; color: #adadad; }
.slideBox { position: relative; overflow: hidden; margin: 0 auto 0; max-width: 750px; /* 设置焦点图最大宽度 */ }
.slideBox .hd { position: absolute; bottom: 15px; z-index: 1; width: 100%; left: 0; }
.slideBox .hd ul { text-align: center; }
.slideBox .hd li { display: inline-block; width: 15px; height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #722400; text-indent: -9999px; overflow: hidden; margin: 0 5px; }
.slideBox .hd li.on { background: #f8c671;f8c671 }
.slideBox .bd { position: relative; z-index: 0; }
.slideBox .bd li { position: relative; text-align: center; }
.slideBox .bd li img { vertical-align: top; width: 100%; /* 图片宽度100%，达到自适应效果 */ }
.slideBox .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* 去掉链接触摸高亮 */

/*1.16*/
.course_list{ padding: 1rem 3%; }
.course_fTitle{
    display: block;
    padding-left: 2.5%;
    border-left: 2px solid #118ed1;
    font-size: 0.8rem;
    color: #118ed1;
    line-height: 0.8rem;
    margin: 4vw 0;
}
.course_list p{
    line-height: 1.2rem;
    font-size: 0.65rem;
    color: #000;
}
.course_list img{ position: relative; top:-2px; padding-right: .25rem;}
/*3-16*/
.excellent_page{
    background:#e4e4e4;
}
.excellent_page_ul{
    overflow:hidden;
    width:95%;
    padding:2.5% 2.5% 0;
    font-size:0;
}
.excellent_page_ul li{
    float: left;
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
}
.excellent_page_ul li:nth-of-type(2n){
    margin-right:0 !important;
}
.excellent_page_ul li a{
    display:block;
}
.excellent_page_ul li a img{
    max-width:100%;
    height:60vw;
}

/*****  修改  ******/
.fac_tearch .course_list {
	padding: 0rem 3% 1rem;
}

/************   3.25新增  ************/
.target {
    padding:0 2.5% 6px;
    background:#f3f7f8;
}

.target_title {
    color: #118ed1;
    text-align: center;
    font-size: 0.9rem;
    line-height: 2.5rem;
}

.target_list ul {
    overflow:hidden;
}

.target_list ul li {
    width:46%;
    margin:10px 4% 15px 0;
    float:left;
    text-align:center;
}

.target_list:nth-child(2n) {
    margin:0 0 15px 0;
}

.target_a img {
    width:60px;
}

.target_b {
    font-size:.75rem;
    color:#333333;
    margin:6px 0 6px;
}

.target_c {
    font-size:.65rem;
    color:#636363;
    text-align:left;
}

.btc {
    padding: 0 2.5% 10px;
    background:#fff;
}

.btc_a {
    font-size:.75rem;
    color:#333;
    margin:4px 0 4px;
}

.btc_list {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    margin-bottom:20px;
}

.btc_left {
    width:80px;
}

.btc_right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: 15px;
}

/*5.18*/
.course_title{ padding: 1rem 2% .7rem; border-bottom: 20px solid #eaeaea; margin-bottom: 2rem; }
.course_title a{ width: 44%; padding: .5rem 3%; vertical-align: middle; display:inline-block; text-align: center; }
.course_title a.current{ background-color: #118ed1; color: #fff; }

.Feedback_suggestion {
    position: relative;
    padding: 20px 5% 0;
    width: 90%;
}
.iilist_group{
    width: 48%;
}
.iilist_group:nth-child(1){
    margin-right: 4%;
}
.iilist_group .iilist_box img{
    width:100%;
    height: 100%;
}