@charset "utf-8";
/*
 * 深圳超时尚
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2021-05-03
 * coyright ： tengcee.com
*/
@import url("public.css");
@import url("page.css");
.top { position:relative; top:0; left:0; z-index:1000; width:100%;float: left;}
.logobox{ width:100%;position: relative;}
.logo { float: left; padding-left: 0%; margin: 15px 0; /* background-image:url('../images/logo.png');*/ background-position:left center; background-repeat:no-repeat; min-height: 75px;  box-sizing: border-box; position: relative; }
.logo .logoimg{ height: 75px; width: auto; position: relative; top: 0;display: inline-block; float: left;}
.logo .logoimg img{ height: 75px; width: auto; }
.logo .webname{ display: inline-block;float: left;padding:10px; }
.logo h2{ width: 100%; font-size:24px; line-height: 35px;}
.logo p{ width: 100%; font-size:14px; line-height: 25px; color: #999;}
.navbox{ display:inline; float: right; ; box-sizing: border-box; position: relative;padding:15px 0; width: 60%;}
.navright { float:right; position: absolute; top: 25px; right: -50px; }
.transition {transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all;}

.toptel{ color: #666;float: right; padding-right: 50px; padding-left: 60px; background-image:url('../images/top_tel.png'); background-position:left center; background-repeat:no-repeat; margin-top:10px;}
.toptel i{ color: #222; font-size:18px; line-height: 30px; padding-right: 8px; height: 30px; }
.toptel p{ line-height: 28px; height: 28px; font-size:16px;}
.soico{ font-size:20px; color:#fff; float: left; cursor: pointer; display: none;z-index: 9999;}
.imenu { float: right; display: none; position: absolute; right: 5px; top: 15px;}
.imenu .dh{width: 25px; cursor: pointer; color: #d80106; font-size: 30px;}

@media screen and (max-width:1400px){
    .navright {right: -50px; }
}
@media screen and (max-width:1200px){
    .navbox{ width: 40%; }
    .toptel{ display: none; }
}
@media screen and (max-width:750px){
    .logobox{ height: 60px; }
    .logo {text-align: center; padding:0; width: 100%; min-height: 50px; margin:0px 0;}
    .logo .logoimg{ height: 50px; width: auto; position: relative;display:inline-block; float: none; vertical-align: text-bottom;}
    .logo .logoimg img{ height: 50px; width: auto; padding-top:5px;display:inline-block; }
    .logo .webname{ display: inline-block; text-align:left; height: 50px; float: none; padding:5px 0;}
    .logo h2{ width: 100%; font-size:18px; line-height: 25px;}
    .logo p{ width: 100%; font-size:.8rem; line-height: 20px; color: #999;}

    .navbox{ display: none; }
    .soico{ display: block; width: 30px;height: 30px; background-color:#d80106; color: #fff; line-height: 30px; text-align: center; float: left; position: absolute;left: 5px; top: 15px; border-radius: 50%; }
    .imenu{ display: block; }
}

/*导航*/
.nav { line-height: 50px; height: 50px; position:relative; float: left; width: 100%;background-image: url(../images/black.png); border-bottom:solid 1px #333;}
.nav li { float: left; font-size: 17px; line-height: 50px; height: 50px; position:relative;transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; width: 14.2%; text-align:center;}
.nav li a {color:#aeaeae; text-decoration:none; display:block;}
.nav li a:hover { color:#fff; text-decoration:none;}
.nav li i { width: 0px;height: 1px; background-color: #999; position: absolute; bottom:5px;left:50%; margin-left: 0px; border-radius: 5px;transition: .5s all; display: none;}
.nav li:hover,.nav .cur{background-color: #d80106;}
.nav li:hover a{ color:#fff }
.nav li:hover i{ display:none;transition:all .5s;width: 40px;margin-left: -20px;}
.nav .cur a { color:#fff; text-decoration:none;}
.nav .cur i{display: block;transition:all .5s;width: 40px;margin-left: -20px; display: none;}
.nav dl{ width:100%; font-size:13px; position:absolute; top:49px; left:0px; background-image: url(../images/black.png?v=0);display: none;}
.nav dl dd { height:45px; line-height:45px; text-align: center; white-space: nowrap; }
.nav dl dd a{ color:#FFFFFF !important; padding:0px; }
.nav dl dd a:hover{ color:#FFFFFF; opacity:0.9; background-color: #d80106; }
.nav .nav_line { background-image: url(../images/nav_line.png); background-repeat: no-repeat; background-position: left top; float: left; height: 45px; width: 2px; }
.nav li.mainmenu { background-image: url(../images/ico_arr4.png); background-repeat: no-repeat; background-position: 10% center; }
/*wap*/
.nav_wap{ display: none;height:3em; line-height:3em; width: 100%; position:relative; background-color: #0e4b8e;font-size:1rem;}
.nav_wap li { float:left; width: 16.6%; text-align:center; font-size:1rem; position:relative;}
.nav_wap li a{ color: #fff; }


/*搜索*/
.so { height: 40px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; font-size: .9rem; padding:10px 0; }
.sobox { float: right; width: 280px; line-height: 35px; height: 35px; position: relative;right: 0;transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; margin-top:20px; display: inline;}
.input1 { line-height:40px; height:40px; width:75%; float:left; color: #fff; padding-left: 40px; background-repeat: no-repeat; background-position: 10px center; border: 0px solid #e2e2e2; font-size: 14px; background-image: url(../images/ico_so.png);border-top-left-radius: 20px;border-bottom-left-radius: 20px; box-sizing: border-box;background-color: #222;}
.button1 { line-height: 40px; background-color: #d80106; text-align: center; float: left; height: 40px; width:25%; font-size: .9rem; color: #FFFFFF; border: none; border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.sobox2{ width: 100%; padding:80px 20px; box-sizing: border-box; display: none; z-index: 999999; position: absolute; float: left; }
.sobox2 .input1 { line-height:40px; height:40px; width:75%; float:left; color: #222; padding-left: 40px; background-repeat: no-repeat; background-position: 10px center; border: 1px solid #e2e2e2; font-size: 14px; background-image: url(../images/ico_so.png);border-top-left-radius: 20px;border-bottom-left-radius: 20px; box-sizing: border-box;background-color: #fff;}
@media screen and (max-width:1200px){
    .sobox{}
}
@media screen and (max-width:750px){
    .nav li{ width: 20%; font-size:.85rem; }
    .nav li.mainmenu{ background-image:none; }
    .nav li dl{ display: none; }
    .nav li:nth-child(11),.nav li:nth-child(6),.nav li:nth-child(7),.nav li:nth-child(8),.nav li:nth-child(9),.nav li:nth-child(10){ display: none; }
}

/*左侧菜单*/
.overlay{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);z-index: 998;}
.nav_close{ position: absolute; top:25px; right: 18px;}
.nav_close img{ width: 35px; height: 35px; }
.navbox_logo{ width:100%; }
.navbox_logo span{ width:100%; float: left; }
.navbox_logo span img{ width: 100%; height: auto }
.navbox_contact{ width: 100%; position: relative;; margin-top:1em; }
.nav_tel{ width:160px; height:45px; float:right; color:#fff; background-color:#d80106; text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px; font-size:.8rem; line-height:45px; background-image: url(../images/ico_tel31.png); background-repeat: no-repeat; background-position: 20px center;}
.nav_tel a{color: #fff;line-height:45px; display: block;}

.wapnav{position:fixed;width:160px; left: -200px; top:0px; z-index: 999999;padding:0;overflow-y: hidden;background-color: #293133; height: 100%; padding:20px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter:alpha(opacity=95); -moz-opacity:095;   -khtml-opacity: 0.95;}
.nav2{position:relative; float: right; margin:1em 0; width: 100%;}
.nav2 li{float:left; line-height:45px; overflow:visible; width: 100%;margin-top:-1px; font-weight: normal; border-bottom:solid 1px #343b3d;font-size:.8rem;color:#fff; text-align: center; box-sizing: border-box;  background-repeat: no-repeat; background-position:25px center;}
.nav2 li a{ color:#fff!important; font-size:.8rem; }
.nav2 li.on a,.nav2 li:hover a{ color:#fff; text-decoration:none; background-color:none; }

.top2{ width: 100%; float: left; position: relative; padding:20px 0;height: 30px; }
.tel{ line-height: 30px; font-size:14px; color:#999; float: left; }
.tel span{ font-weight:bold;color:#222; color:#d80106; }
.baoming{ float: right; position: relative}
.baoming span{ float: right; margin:0 5px; padding:0 25px;line-height: 30px; font-size:14px;}
.baoming span.baoming1{ background-color:#d80106; color:#fff;}
.baoming span.baoming2{border:solid 1px #d80106; color:#d80106;}
/*banner*/
.banner { position: relative; width: 100%; height: 600px; overflow: hidden;z-index:1;}
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.swiper-pagination-bullet-active{background-color: #03bfcb;}
.swiper-pagination-bullet { width: 35px; border-radius: 5px; }
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px; float: left;}
.banner .swiper-button-next,.banner .swiper-button-prev{/* display: none;*/ background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=0);opacity:0;}
.banner .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: 25px;}
.banner .swiper-button-prev{ background-image:url('../images/arrow-left2.png'); left: 25px;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ filter:alpha(opacity=80);opacity:.8;}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{ filter:alpha(opacity=80);opacity:.8;}
.banner .prev_btn,.banner .next_btn{ display: none;}
@media screen and (max-width:1200px){
    .banner{ height:550px;}
}
@media screen and (max-width:1000px){
    .banner{ height:480px;}
}
@media screen and (max-width:760px){
    .banner{ height:200px; }
}
@media screen and (max-width:600px){
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}
/*主要css*/
.main { float: left; width: 100%; position: relative; padding-bottom: 10px; }
.main1 { position: relative; background-color:#fff; width:100%; padding: 30px 0;}
.title { text-align: center; width: 100%; position:relative; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 4px; }
.title2 { text-align: center; width: 100%; position:relative;}
.title h5 { width:100%; line-height:40px;font-size:36px; color:#222; text-align:center; font-weight:500;}
.title h5 i{ font-style:normal; color:#d80106;}
.title h4 { width:100%; line-height:2em;font-size:40px; color:#000; text-align:center; font-weight:500;}
.title p { font-size: 15px; line-height: 30px; font-weight: normal; color: #999999; width: 100%; position:relative; padding-bottom:5px; margin-top:20px; }
.title p b { color:#eab100; position:relative; }
.titline{ width: 80px; line-height: 2px;height: 2px; border-bottom: solid 2px #e2e2e2; margin:0 auto 5px auto;}
.title2 h3{width:100%; line-height:40px; height:40px; font-size:36px; color:#333; text-align:center; font-weight:bold; color: #fff; }
@media screen and (max-width:1200px){
    .title{padding:5px 0; box-sizing: border-box; margin-bottom: 8px;}
    .title h5 { font-size: 1rem; line-height: 1.4em; height: 1.4em;}
    .title h4 { font-size: 1.4rem; line-height: 1.6em; height: 1.6em;}
    .title p{ padding: 5px 10px; box-sizing: border-box; font-size: .9rem; line-height: 1.4em; margin-top:5px; }
}
@media screen and (max-width:750px){
    .main1 { padding: 10px 0;}
    .title p{font-size: .7rem; line-height: 1.6em; }
}
/*栏目分类*/
.catlist{ width: 100%; text-align: center;  font-size: 0px; padding-top:10px;}
.catlist .catbox{ padding: 0px;display:inline-block; background-color: #fff; border: solid 1px #e2e2e2; overflow: hidden; font-size: 0; border-left:none;}
.catlist .catbox:nth-child(1){ border-left:solid 1px #e2e2e2; }
.catlist .catbox a{line-height: 45px; height: 45px;color:#4b4a4a;display: block; text-align: center; font-size: 14px; padding:0 30px;}
.catlist .catbox.on,.catlist .catbox a:hover { background-color:#d80106; color:#fff !important; text-decoration:none;}
.catlist .catbox.on a{ color: #fff; }

.more { height: 50px; width: 360px; margin-right: auto; margin-left: auto;}
.more a { width:100%; line-height:58px; height:58px; border:1px solid #ccc; display:block; text-align:center; color:#222; font-size:17px; margin:20px 0; float: left;}
@media screen and (max-width:750px){
    .catlist .catbox{ width: 20%; box-sizing: border-box;}
    .catlist .catbox:nth-child(5){ border-left:solid 1px #e2e2e2; }
    .catlist .catbox a{line-height: 35px; height: 35px;padding:0px; font-size:.85rem;}
    .more{ width: 200px; }
    .more a{ margin:10px 0 20px 0;line-height:40px; height:40px; }
}

/*热门课程*/
.hotbox{ width: 100%; padding:15px 0; background-color: #fff; position: relative;}
.hotcourse{ width: 100%; float: left; position: relative; }
.hotcourse li{ width: 16.6%; padding: 10px; box-sizing: border-box; float: left;}
.hotcourse li .hotin{ width: 100%; float: left; position: relative; background-color:#f5f5f5}
.hotcourse li .thumb{ width: 100%; float: left;position: relative;}
.hotcourse li .thumb img{ width: 100%; height: auto; }
.hotcourse li p{ width: 100%; text-align: center; line-height: 35px; font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.hotcourse li i{ position: absolute; right: -1px; top: 0px; font-size: 30px; color:#f93b5f; width: 35px;height: 35px; background-image:url('../images/tj.png'); background-repeat:no-repeat; background-position:center top; }
@media screen and (max-width:750px){
    .hotcourse li{ width: 33.3%; padding:5px;}
    .hotcourse li p{ font-size:.9rem;}
    .hotcourse li i{ width: 30px;height: 30px; background-image:url('../images/tj.png'); background-repeat:no-repeat; background-position:center top; background-size:100%; }
}
/*课程*/
.course{ width: 100%; float: left; padding:5px 0; position: relative;margin:10px 0; box-sizing: border-box;}
.clist{ width: 100%; float: left; }
.course-tit{ width: 100%; padding:40px 25px; box-sizing: border-box; float: left; background-color:#d80106; color:#fff; margin-top:5px;}
.course-tit h3{ width: 100%; float: left; line-height: 40px; text-align: center; font-size:25px;}
.course-tit p{ color:#fff; opacity: .6; padding-top:15px; line-height: 2em; text-align: center;width: 100%; float: left; }
.course-tit p a{ width: 80%; margin: 10px 10%; border:solid 1px #fff; line-height: 35px; height: 35px; text-align: center; border-radius: 2px; text-align: center; color:#fff; opacity: .8; float: left; }

.course-list{ width: 100%; float: left; position: relative;}
.course-list .coursebox{ width:25%; float: left; padding:5px; box-sizing: border-box;position: relative; }
.course-list .coursebox:nth-child(1),.course-list .coursebox:nth-child(2){ width: 25%;}
.course-list .coursebox:nth-child(3),.course-list .coursebox:nth-child(4){ width: 25%;}
.course-list .coursebox:nth-child(5),.course-list .coursebox:nth-child(6){ width: 50%;}
.course-list .coursein{width: 100%; float: left; padding:0px;box-sizing: border-box; background-color:#fff;position: relative;}
.course-list .thumb{ width: 100%; float:left;position: relative; }
.course-list .thumb img{ width: 100%; height: auto; }
.course-list .info{ width: 100%; float: left; padding:15px; box-sizing: border-box; position: relative;}
.course-list .info h3{ width: 100%; line-height: 35px; font-size:18px; font-weight:500;position: relative;}
.course-list .info h3 i{ line-height: 25px; background-color:#f93b5f; border-radius:20px; color:#fff; position: absolute; right: 5px; top: 3px;  text-align:center; font-style:normal; font-size:13px; padding:0 8px;}
.course-list .info h3 i a{ color: #fff; }
.course-list .info p{ width: 100%; line-height: 35px; font-size:13px; color:#999;position: relative; height: 35px;}
.course-list .info p i{font-style:normal; font-size:13px; float: right;}
.course-list .info dt{ width: 100%; float:left; padding:10px 5px; position: relative; box-sizing: border-box;}
.course-list .info dt a{ width: 100%; display: block; border:solid 1px #e2e2e2; text-align:center; line-height: 45px;height: 45px; border-radius:2px; float: left; color:#d80106;}
.course-list .coursebox:nth-child(3) dt,.course-list .coursebox:nth-child(4) dt{ display: none; }
.last .coursein{background-color:#222 !important; color:#fff !important; }
.last .thumb{ width: 40%;}
.last .info{ width: 60%; padding-left:10px; }
.last .info h3 a{color:#fff;}
.last .info dt a{ color:#fff; opacity: .5; }
.banlist{ width: 100%; float:left; padding:5px 0; position: relative; height: 120px;}
.banlist dd{ width: 50%;float: left; padding:10px 5px; box-sizing: border-box;}
.banlist dd a{ width: 100%; display: block; border:solid 1px #e2e2e2; text-align:center; line-height: 40px;height: 40px; border-radius:2px; float: left; color:#666;}
.last .banlist dd a{border:solid 1px #666; color:#fff;opacity: .85;}
.last .course-list .info h3 a{ color: #fff; }
.show{ display: block; }
.hide{ display: none; }

.coursebox2{ width:33.3%; float: left; padding:5px; box-sizing: border-box;position: relative; }
.coursebox2:nth-child(1),.coursebox2:nth-child(2){ width: 33.3%;}
.coursebox2:nth-child(3),.coursebox2:nth-child(4){ width: 25%;}
.coursebox2:nth-child(5),.coursebox2:nth-child(6){ width: 50%;}
.coursebox2 .coursein{width: 100%; float: left; padding:0px;box-sizing: border-box; background-color:#fff;position: relative;}
@media screen and (max-width:750px){
    .course-list .coursebox{ width: 50%; padding:3px; }
    .course-list .coursebox:nth-child(1),.course-list .coursebox:nth-child(2){ width: 50%;}
    .course-list .coursebox:nth-child(3),.course-list .coursebox:nth-child(4){ width: 50%;}
    .course-list .coursebox:nth-child(5),.course-list .coursebox:nth-child(6){ width: 100%;}
    .course-list .info{padding:5px; }
    .course-list .info h3{line-height: 2em; font-size:1rem;}
    .course-list .info p{ font-size:.8rem; line-height: 2em; }
    .course-list .info p i{ display: none; }
    .course-list .info h3 i{ line-height: 25px; background-color:#f93b5f; border-radius:20px; color:#fff; position: absolute; right: 5px; top: 3px;  text-align:center; font-style:normal; font-size:.8rem; padding:0 5px;}

    .banlist dd{ font-size:.85rem;padding:5px; width: 100%; }
    .banlist dd a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:35px; height: 35px;}
    .banlist dd:nth-child(3),.banlist dd:nth-child(4){ display: none; }
    .course-list .coursebox:nth-child(5) .info{ padding-left:10px; }
    .course-list .coursebox:nth-child(5) dd{ width: 50%;}
}

/*家政*/
.hot{ float: left; width: 100%; position:relative; padding: 10px 0; }
.hotpic{ width: 280px; height: 550px; background-image: url(../images/index_bg1.jpg); background-repeat: no-repeat; background-position: center top; float: left; padding: 30px; box-sizing: border-box; overflow: hidden;}
.hottitle{width: 100%; line-height: 40px; font-weight: bold; font-size: 28px; color: #fff; float:left;}
.hotinfo{width: 100%; line-height: 25px; color: #666;float:left; padding:20px 0; font-size: 15px; box-sizing: border-box;}
.hotzixun{width: 100%; line-height: 25px; color: #222;float:left; padding:10px 5px; font-size: 15px;box-sizing: border-box;}
.hotzixun a{line-height: 50px; height: 50px; border:solid 1px #fff; text-align: center; border-radius: 3px; color: #fff; font-size: 15px; display: block;}
.hotpic2 { width: 100%; padding: 10px; float: left; margin-top: 20px; text-align: center; box-sizing: border-box; line-height: 30px; color: #fff; }
.hotpic2 img{ width: 100%; height: auto; }

.jzlist{ width: 920px; float: left; background-color: #fff; position: relative; overflow: hidden; }
.jzbox{ width:33.33%; float:left; position:relative; box-sizing: border-box; border:solid 1px #e2e2e2; border-left: none;}
.jzbox:nth-child(4),.jzbox:nth-child(5),.jzbox:nth-child(6){border-top: none;}
.jzin{ width: 100%; float: left; padding:40px; box-sizing: border-box; position: relative; }
.jzin .tit{ width: 100%; font-size: 18px; float: left; line-height: 40px; font-weight: bold; }
.jzin .info{ width: 100%; float: left; line-height: 20px; height: 40px; margin:10px 0; float: left; color: #999; overflow: hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.jzin .price{ width: 100%; float: left;  padding:5px 0; float: left; color: #f93b5f; }
.jzin .price i{ font-style: normal; color: #f93b5f; font-size: 18px; font-weight: bold;}
.jzin .price i a{color: #d80106; font-weight: normal; font-size: 13px;}
.jzin .sbtn{ width: 100%; float: left; padding:5px 0; float: left; }
.jzin .sbtn i{ width: 50%; float: left; padding-top: 15px; }
.jzin .sbtn i a{  width: 100%; line-height: 35px; height: 35px; text-align: center; border:solid 1px #e2e2e2; border-radius: 2px; color: #999; float: left; font-style: normal; }
.jzin .spic{ position: absolute; right: 30px; bottom: 40px;opacity: .8; font-size:45px; color:#999; }
@media screen and (max-width:1200px){
    .hotpic{ width: 20%; height: auto; padding:10px; }
    .jzlist{ width: 80% }
}
@media screen and (max-width:750px){
    .hotpic{ display: none; }
    .jzlist{ width: 100%; }
    .jzbox{ width: 50%; }
    .jzin{ padding:10px; }
    .jzin .price i{ font-size:1rem; }
    .jzin .sbtn i{ width: 70%; padding-top: 5px;}
    .jzin .spic{ right: 10px; bottom: 20px;opacity: .8; font-size:25px;}
    .jzbox:nth-child(5),.jzbox:nth-child(6){border-top: solid 1px #e2e2e2;}
    .jzbox:nth-child(2),.jzbox:nth-child(4),.jzbox:nth-child(6){border-top: none;}
    .jzbox:nth-child(3),.jzbox:nth-child(5){clear:both;border-top: none;}
}

.cattype{ width: 100%; padding:15px 0; float: left; position: relative; text-align: center;}
.cattype span{padding:0 40px;display: inline-block; margin:0 10px; line-height: 40px; text-align: center; background-color:#e2e2e2; border-radius: 25px; font-size:15px; color: #666 }
.cattype span.on{ background-color:#d80106; color:#fff; }
.course2{ width: 100%; float: left; padding:0; position: relative;}
.course-list1{ width: 100%; float: left; padding:10px 0; position: relative;}
.course-list1 li{ padding:5px;box-sizing: border-box; float: left;width: 33.3%;}
.course-list1 li .cin{ width: 100%; float: left; padding:15px; box-sizing: border-box;}
.course-list1 li:nth-child(1) .cin{ background-color:#f93b5f;}
.course-list1 li:nth-child(2) .cin{ background-color:#d80106;}
.course-list1 li:nth-child(3) .cin{ background-color:#e2e2e2; height: 500px;}
.course-list1 li:nth-child(4) .cin{ background-color:#f08415;}
.course-list1 li:nth-child(5) .cin{ background-color:#ccc;}
@media screen and (max-width:750px){
    .cattype{ width: 100%; padding:5px 0;}
}

.main2{ width: 100%;padding:40px 0; background-color:#000; position: relative;}
.about{ width: 100%; float: left;padding:50px 0; position: relative;}
.video{ width: 50%; float: left; position: relative; overflow: hidden; }
.video .thumb{ width: 100%; float: left; position: relative; }
.video .thumb img{ width: 100%; height: auto; }
.video .videoinfo{ width: 100%; padding:50px; box-sizing: border-box; float: left; position: absolute; top:800px; background-color:rgba(0,0,0,.6); height: 100%;}
.video:hover .videoinfo{ top: 0;transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all;}
.video .videoinfo h3{ width: 100%; text-align: center; line-height: 2.5em; font-size:24px; color:#fff;}
.video .videoinfo p{ width: 100%; text-align: center; line-height: 1.8em;color:#fff; font-size:15px;}
.video .video-play{ width: 60px;height: 60px; position: absolute; top:50%;left: 50%; margin:-25px 0 0 -25px; color:#fff; opacity: .95; font-size:65px;animation:mymove 2s infinite;}
@keyframes mymove
{
    0% {transform: scale(1, 1);}
    40% {transform: scale(1.2, 1.2);}
    100% {transform: scale(1, 1);}
}

.about-content{ width: 50%; float: left; padding:50px; background-color:rgba(255,255,255,.95); box-sizing: border-box;}
.about-title{ width: 100%; float: left; line-height: 2.5em; font-size:24px; font-weight:500; color:#d80106; }
.about-add{ width: 100%; float: left; line-height: 1.5em; font-size:15px;color:#b8b7b7; margin:0.5em 0; }
.about-add i{ padding-right:4px; color:#d80106; font-size:18px;}
.about-info{ width: 100%; float: left; line-height: 2.2em; color:#666; padding:15px 0;}
.about .p{ width: 100%; float: left; line-height: 2.5em;color:#b8b7b7; }
.about .p a{ color:#d80106; }
@media screen and (max-width:1200px){
    .about-content{padding:20px;}
    .about-title{line-height: 1.6em; font-size:1.6rem;}
}
@media screen and (max-width:750px){
    .main2{padding:10px 0;}
    .about{padding:10px 0; }
    .video{ width: 100%;}
    .about-content{ width: 100%;padding:10px;}
    .about-title{line-height: 1.8em; font-size:1.2rem;}
}
/*team*/
.team { width: 100%; padding-top: 40px; padding-bottom: 60px; background-color: #fff; position: relative;}
.teambox{ width: 100%; position: relative; float: left; }
.teamlist{ width: 100%; float: left; padding: 20px 0; position: relative;  }
.teamlist li{ width: 50%; padding: 1px; float: left; box-sizing: border-box;position: relative;}
.teamlist li .teamin{ width: 100%; float: left; padding:0px;box-sizing: border-box; background-color: #fff;position: relative;}
.teamlist span {float: left; width: 100%;background-color: #000;position: relative;}
.teamlist span img{ width: 100%; height: auto;opacity: .85;}
.teamlist .info{ width: 100%;background-image: url('../images/all_ulbg.png'); position: absolute; bottom: 0;left: 0; padding:10px; box-sizing: border-box;transition: 1s all; }
.teamlist h3{ width:100%; height: 45px;line-height:45px; text-align:center; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; padding-top: 0; color: #fff;font-weight: normal;}
.teamlist dt{ width:100%; line-height:25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color: #e2e2e2; text-align: center; height: 50px; float: left;}
.pre-btn{ width: 100px; margin: 0 auto; position: relative; padding:5px 0; height: 40px;}
.teambox .swiper-button-next,.teambox .swiper-button-prev{/* display: none;*/ background-repeat: no-repeat;background-position: center center; width: 35px; height: 35px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.85; background-image:none; line-height: 35px; text-align:center; font-size:30px; }
.teambox .swiper-button-next{right: -45px;}
.teambox .swiper-button-prev{left: -45px;}
.teambox .swiper-button-next:hover,.teambox .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}

.teambox .swiper-paginationa{bottom:20px !important;position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10; }
.teambox .swiper-pagination-bullet{ width: 15px;height: 15px; text-align: center; border-radius:50%; line-height: 15px; color: #fff; background-color:#e2e2e2; opacity: .95;margin:0 5px;}
.teambox .swiper-pagination-bullet-active{background-color:#d80106;}

@media screen and (max-width:1280px){
    .teambox .swiper-button-next{ right: 5px;}
    .teambox .swiper-button-prev{ left: 5px;}
}
@media screen and (max-width:750px){
    .team {padding: 10px 0;}
    .teamlist{ padding: 10px 0; }
    .teamlist .info{ height: 50px;padding:5px;}
    .teamlist h3{ width:100%; height: 40px;line-height:40px; font-size:.9rem; padding-top: 0; color: #fff; }
    .teamlist dt{ display: none; }
    .teamlist li:hover .info{padding:10px;}
    .teamlist li:hover .info p{ font-size: 1rem; }
    .teambox .swiper-paginationa{ display: none; }
}

.zuopinbox{ width: 100%; padding: 30px 0; position: relative }
.zuopin{ width: 100%; padding:40px 50px;position: relative; margin: 0 auto; box-sizing: border-box; float: left;}
.zuopin li{ width: 20%; float: left; position: relative;}
.zuopin .zuopinin{ width: 100%; float: left; position: relative;}
.zuopin .thumb{ width: 100%; float: left; }
.zuopin .thumb img{ width: 100%; height: auto; }
@media screen and (max-width:750px){
    .zuopin{ width: 100%; padding:40px 0px;}
}
@media screen and (max-width:750px){
    .zuopinbox{ padding: 10px 0;}
    .zuopin{ width: 100%; padding:10px 0px;}
    .zuopin li{ width: 25%;}
    .zuopin li:nth-child(9),.zuopin li:nth-child(10){ display: none; }
}
.indexgg{ width: 100%; float: left; padding:60px 0; background-color:#000; position: relative; background-image:url('../images/indexbg.jpg'); background-position:center; background-repeat:no-repeat;}
.adttle{ width: 100%; float: left; color:#fff; text-align: center }
.adttle h3{ line-height: 2em; font-size: 20px;width: 100%; float: left; font-weight:normal; opacity: .9}
.adttle h4{ line-height: 3em; font-size: 35px;width: 100%; float: left; color:#fff;}
.adbtn{ width: 100%; float: left; padding-top: 40px; position: relative; text-align: center}
.adbtn span{ width: 240px;padding:0 10px; display: inline-block;}
.adbtn a { width: 100%; display: block; font-size:16px;line-height: 50px; height: 50px; text-align: center; }
.adbtn a.a1{ background-color:#d80106;  color:#fff;} 
.adbtn a.a1 i{ color:#fff; }
.adbtn a.a2{color:#d80106; border:solid 1px #d80106;box-sizing: border-box;}
.adbtn i{ color:#f93b5e; font-size:20px; }
@media screen and (max-width:750px){
    .indexgg{padding:30px 15px; box-sizing: border-box;}
    .adttle h3{ line-height: 2em; font-size: .9rem; opacity: .6;}
    .adttle h4{ line-height: 1.8em; font-size: 1.2rem; margin:.5em 0;}
    .adbtn{ padding-top: 20px;}
    .adbtn span{ width: 50%;padding:0 10px; display: inline-block; box-sizing: border-box; float: left;}
    .adbtn a {font-size:1rem;line-height: 40px; height: 40px; }
}
/*报名*/
.message{ width: 100%; float: left; padding:45px 0; }
.contact{ width: 100%;float: left; padding:20px 0; position: relative; }
.contactbox{ width: 25%;float: left; box-sizing: border-box; margin:20px 0px; border-right: solid 1px #c10408}
.contactin{width: 100%; float: left; padding:10px;box-sizing: border-box;position: relative; background-color:#d80106;}
.contactin .info{ width: 100%; float: left; min-height: 60px; box-sizing: border-box;position: relative; height: 70px; padding:10px 0; padding-left:80px;}
.contactin .info p{ width: 100%; line-height: 25px; color:#fff; font-size:15px;}
.contactin .info dt{ width: 100%; line-height: 25px; color:#fff; font-size:13px;opacity: .8;}
.contactin .info dt a{ color: #fff; }
.contactin .ico { width: 70px; height: 70px; line-height: 70px; text-align: right; font-size:35px; color:#fff; position: absolute; top: 10px; left: 0; }
@media screen and (max-width:750px){
    .message{ width: 100%; float: left; padding:15px 1px; }
    .contact{ width: 100%;float: left; padding:10px 0; position: relative; }
    .contactbox{ width: 50%;float: left; box-sizing: border-box; padding:0px; border-right: solid 1px #c10408;border-top: solid 1px #c10408; margin:0;}
    .contactin .ico { width: 40px; height: 40px; line-height: 40px;font-size:20px; top: 15px;}
    .contactin .info{padding-left:40px;}
    .contactin .info dt{line-height: 15px;padding:5px 0;}
}
/*新闻*/
.news{ width: 100%;padding:40px 0; position: relative; float: left; background-color:#fff; }
.newsbox{ width: 100%; float: left; padding:25px 0;position: relative;}
.newslist{ width: 100%; float: left; position: relative; }
.newslist li{ width: 33.3%; float: left; padding:5px; box-sizing: border-box; position: relative; }
.newslist .newsin{ width: 100%; float: left; position: relative; padding: 10px; box-sizing: border-box;}
/* .newslist .newsin .thumb{ width: 100%; float: left; position: relative; overflow: hidden; }
.newslist .newsin .thumb img{ width: 100%; height: auto; } */
.newslist .listinfo{ width: 100%; float: left;box-sizing:border-box;position:relative;}
.newslist h3 { font-size: 18px; line-height: 2.4em; font-weight: normal; float: left; height: 2.4em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.newslist h3 a{ color: #222;}
.newslist em{text-align: center; color:#fff; background-color: #fa9329; width: 20px;height: 20px; float: left; border-radius: 1px; line-height: 20px; margin-top: 10px; font-style: normal; font-size: 12px; margin-right: 5px;}
.newslist p { line-height: 1.8em; height: 3.6em; color: #999999; float: left; width: 100%; margin:5px 0; font-size: .9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; }
.newslist dt { width:100%; float:left; line-height: 30px; color: #cfcece; font-size:12px; }
.newslist dt i{ padding-right: 3px; font-size:16px; }
.show{ display: block;}
.hide{ display: none;}
.newslist li:hover img{opacity:.85;transform: scale(1.1, 1.1);background-color:#000;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.newslist li:hover .newsin{ background-color:#d80106;}
.newslist li:hover .newsin h3 a{ color: #fff;}
.newslist li:hover .newsin p{ color: #fff; opacity: .8;}
.newslist li:hover .newsin dt{ color: #fff; opacity: .6;}
@media screen and (max-width:750px){
    .news{padding:20px 0;}
    .newslist li{ width: 100%;padding:3px 5px; }
	.newslist .newsin{padding: 10px;}
	.newslist h3{ font-size: 1rem;}
	.newslist p{ font-size: .8rem;}
	.newslist li:nth-child(9),.newslist li:nth-child(10){ display: none;}
	.newslist li:nth-child(11),.newslist li:nth-child(12){ display: none;}
}
/*互动平台*/
.tiwen{width: 100%;padding:40px 0; position: relative; float: left; background-color:#fff; }
.tiwenbox{ width: 100%; float: left; margin:20px 0;position: relative; border:solid 2px #d80106;}
.tiwenlist{ width: 60%; float: left; padding:25px; box-sizing: border-box; position: relative;}
.wentibox{ width: 100%; float: left; position: relative; padding:10px 0; border-bottom: solid 1px #e2e2e2; padding-top: 20px; }
.wentibox .wen{ width: 100%; float: left; box-sizing: border-box;  position: relative;}
.wentibox .wen p{ height: 35px;line-height: 35px;box-sizing: border-box; position: relative; padding-left: 50px;background-color:#f5ebda; float: left;border-radius:30px; padding-right: 10px; width: 100%;}
.wentibox .wen em{color:#d80106; float: right; font-style:normal;}
.wentibox .wen i{ width: 40px;height: 40px; line-height: 40px; text-align: center; font-size:40px; color:#e2c99f; position: absolute; top:-5px; left: 0 }
.wentibox .da{ width: 100%;color:#666; float: left; box-sizing: border-box;  position: relative; padding-top: 10px;}
.wentibox .da p{ height: 35px;line-height: 35px;box-sizing: border-box; position: relative;float: right;border-radius:30px;white-space:nowrap; overflow: hidden;text-overflow: ellipsis; width: 100%;}
.wentibox .da i{ background-color: #d80106; width: 25px;height: 25px; margin:5px; text-align: center; color:#fff; font-style:normal; float: left; line-height: 25px; border-radius:50%; }

.formbox{ width: 40%; float: right; padding:60px 40px; box-sizing: border-box; background-color: #d80106; }
.formbox h3{ width: 100%; font-size:24px; font-weight:normal; line-height: 40px;height: 40px; border-bottom:solid 1px #b49055; color:#fff; padding-bottom: 10px;}
.form{ width: 100%; float: left; padding-top:5px;}
.form .p{ width: 100%; float: left; padding:10px 0; }
.form .p textarea{ width: 100%; float: left; padding: 10px;box-sizing: border-box; border-radius:5px; line-height: 2em; background-color: rgba(255,255,255,.95); height: 110px;}
.form .input-text { width: 100%; float: left; padding: 0 10px;box-sizing: border-box; border-radius:5px; line-height: 45px; background-color: rgba(255,255,255,.95);}
.form .input_btn{ width: 100%; float: left; height: 50px; line-height: 50px; border-radius:2px; text-align: center; color:#fff; background-color: #d80106;}

.huanjing{ width: 100%; padding: 0px; position: relative; background-position: center center; background-repeat: no-repeat; float: left;}
.huanjingbox{ width: 100%; position: relative; float: left; }
.huanjinglist{ width: 100%; float: left; padding: 10px 0; position: relative;  }
.huanjinglist li{ width: 20%; padding: 5px; float: left; box-sizing: border-box;}
.huanjinglist li .huanjingin{ width: 100%; float: left; padding:10px;box-sizing: border-box; background-color: #fff; }
.huanjinglist span {float: left; width: 100%;background-color: #FFFFFF; }
.huanjinglist span img{ width: 100%; height: auto; }
.huanjinglist h3{ width:100%; line-height:35px; text-align:center; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; padding-top: 10px; font-weight: normal; }
.huanjinglist dt{ width:100%; line-height:25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color: #666; text-align: center; height: 50px; float: left;}
.huanjing .swiper-button-next,.huanjing .swiper-button-prev{/* display: none;*/ background-repeat: no-repeat;background-position: center center; width: 35px; height: 35px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.85;}
.huanjing .swiper-button-next{ background-image:url('../images/arrow-right.png'); right: -45px;}
.huanjing .swiper-button-prev{ background-image:url('../images/arrow-left.png'); left: -45px;}
.huanjing .swiper-button-next:hover,.huanjing .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}

@media screen and (max-width:1200px){
    .huanjing{ padding: 10px 0; }
    .huanjinglist h3{  line-height:3em;font-size: 1rem;}
    .huanjinglist dt{ line-height:1.8em; font-size: .8rem;}
    .huanjing .swiper-button-next{ background-image:url('../images/arrow-right.png'); right: 5px !important;}
    .huanjing .swiper-button-prev{ background-image:url('../images/arrow-left.png'); left: 5px !important;}
}
@media screen and (max-width:750px){
    .huanjinglist li .huanjingin{padding:5px;}
    .huanjinglist h3{ line-height:2.5em; font-size: .9rem; padding-top: 5px; }
}

.links { line-height: 25px; color: #999999;  float: left; width: 100%; box-sizing: border-box;}
.links b { font-weight:normal; float:left; width:60px; text-align:center; color: #333;}
.links a { color:#999999; padding-left:5px; padding-right:8px; display:block; float:left;}
.links a:hover{color: #d80106;}
@media screen and (max-width:1200px){
  .links {padding:0 10px;}  
}
@media screen and (max-width:750px){
  .links {display: none;}  
}

/*底部*/
.bottom { width: 100%; padding: 30px 0; background-color: #111;}
.bottom1 { background-color: #1e1e1e; width: 100%; padding-top: 40px; padding-bottom: 30px; }
.bottom2 { background-color: #000000; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.copyright { line-height:2.2em; color: #999999; text-align: center; float: left; width: 100%;padding:10px; box-sizing: border-box; }
.copyright a { color:#999999; /*text-decoration:underline;*/ }
.bcontact{ width: 70%; float: left; position: relative; }
.bcontactbox{ width: 50%; float: right; position: relative; padding-right: 50px; box-sizing: border-box; }
.btitle{ width: 100%; line-height: 40px; float: left; font-size:18px; color:#fff; font-weight:normal; border-bottom:solid 1px #222;height: 40px; padding-bottom:10px;}
.btitle h3 span{ margin:10px 0; float: left; border-left:solid 4px #e1e1e1; padding-left: 10px; height: 20px; line-height: 20px; }
.bcontactbox .info{ width: 100%; float: left; padding:10px 0; line-height: 2.2em; color:#666;}
.weixin{ width: 45%; float: right; }
.weixin .weixinbox{ width: 100%; float: left; padding-top: 15px;}
.weixin .weixinbox span{text-align: center; float: left; padding: 0 10px; color:#999; line-height: 30px;}
.weixin .weixinbox span img{ width: 120px; height: auto; opacity: .8; }
.biaodan{ width: 30%; padding-left:50px; float: right;box-sizing: border-box;}
.biaodanbox{ width: 100%; float: left; padding:10px 0; position: relative; }
.biaodanbox .p{ width: 100%; float: left; padding:5px 0; }
.biaodanbox .p textarea{ width: 100%; float: left; padding: 5px;box-sizing: border-box; border-radius:5px; line-height: 2em; background-color: #333; height:50px; border:none; color: #fff;}
.biaodanbox .p div{ width: 50%; padding-right: 2px; box-sizing: border-box; float: left;}
.biaodanbox .input-text { width: 100%; float: left; padding: 0 5px;box-sizing: border-box; border-radius:5px; line-height: 45px; background-color:#333; border:none; color: #fff;}
.biaodanbox .input_btn{ width: 100%; float: left; height: 50px; line-height: 50px; border-radius:2px; text-align: center; color:#fff; background-color: #d80106;}
/*手机版*/
.bottom_box{ position:fixed; z-index:9999; height:50px; width:100%; bottom:0px; text-align:center; margin-right: auto; margin-left: auto; background-position: center center; background-size:100%; background-color: #bf944f; display: none; }
.footnav{position: relative;}
.footnav li{ float:left; width:20%; border-right: 1px solid #b18033; border-left: 1px solid #d7b073; box-sizing: border-box; padding: 0px; position: relative;height: 50px; }
.footnav li a{display:block;width:100%;}
.footnav li span{display:block;width:100%;text-align:center; height: 25px; position: relative;opacity: .9; line-height: 25px; color: #fff; font-size: 20px;}
.footnav li .s1{height:25px;}
.footnav li span img{max-width:25px;margin:0 auto;line-height:25px;vertical-align:middle}
.footnav li .st{ line-height:15px; font-size:0.65em; color:#FFF; width:100%; position: relative; z-index: 10; opacity: .8;}
.footnav .st{font-size: 0.86em !important;font-weight:normal}
.footnav{z-index:100;}
.big{width: 30px; border-radius: 50%; position: absolute; bottom: 20px; left: 50%; margin-left: -30px; background-color: #bf944f; padding:15px; text-align: center; z-index: 9;}
.big div{ width: 100%; float: left; position: relative; }
.big img{ width:100%; height: auto; padding: 0px;}
@media screen and (max-width:1200px){
    
}
@media screen and (max-width:750px){
    .footnav{ padding-bottom: 20px; margin-bottom: 15px; }
    .footnav span{ width: 100%; float: left; padding:0 10px; text-align: left; line-height: 2.5em; box-sizing: border-box;}
    .bottom { padding: 15px 10px; box-sizing: border-box;}
    .bcontact{ width: 100%;}
    .biaodan{ width: 100%; float: left; padding-left:0; padding:0 10px; box-sizing: border-box; }
    .bcontactbox{ float: left; width: 100%;padding-right: 0; }
    .bcontact .btitle{ display: none }
    .bcontactbox .info{ text-align:center; }
    .weixin{ float: left; width: 100%; text-align:center; }
    .weixin .weixinbox{ width: 100%; float: left; padding-top: 5px;}
    .weixin .weixinbox span{ float: none; display: inline-block;}
    .weixin .weixinbox span img{ width: 100px; height: auto; opacity: .8; }
    .copyright { line-height: 1.8em; margin-top: 1em; }
    .bottom2 {padding: 10px 0;}
    .bottom_box{ display: block; }
}

.izixun{ width: 40px; position: fixed; z-index: 9999; float: right; right: 2px; top: 30%;}
.izixun .icolist{ width: 100%; float: left; position: relative; }
.izixun .icolist .icobox{ width: 100%;float: left;margin:1px 0 0 0;}
.izixun .icolist i{width: 100%;height: 40px; background-position:center center; background-repeat:no-repeat; float: left;opacity: .8; background-color:#d80106; text-align: center; line-height: 40px; font-size:20px; color: #fff; }
.izixun .icolist i:hover{opacity: 1; }
.izixun .icolist #izixun{/* background-image:url('../images/izixun.png');*/ }
.izixun .icolist #iweixin{/* background-image:url('../images/iweixin.png');*/ }
.izixun .icolist #itel{/*background-image:url('../images/ico_tel31.png');*/ }
.izixun .icolist #iback{ background-image:url('../images/iback.png'); background-color:#999; display: none;}
.izixun .icolist .kuang{ width: 220px; padding:20px; background-color:#fff; position:absolute; right:50px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); box-sizing: border-box; display: none}
.izixun .icolist .icobox:hover .kuang{display: block;}
.izixun .icolist .kuang .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:10px;}

.izixun .icolist .inner-box{ width: 100%; float: left; }
.izixun .icolist .inner-box .pic{ width: 100%; text-align: center;}
.izixun .icolist .inner-box .pic img{ width: 120px; height: auto; }
.izixun .icolist .inner-box p{ width: 100%; line-height: 25px; text-align: center;padding:5px 0;}
.izixun .icolist .phone-box{ width: 100%; float: left; }
.izixun .icolist .phone-box .phonein{ width: 100%;background-image:url('../images/itel2.png'); padding-left:40px; box-sizing: border-box; background-repeat:no-repeat; background-position:left top; float: left; background-size:30px; }
.izixun .icolist .phone-box p{ line-height: 20px; width: 100%; float: left; color: #666; }
.izixun .icolist .phone-box dt{ line-height: 1.4em;width: 100%; float: left; font-size:16px; font-weight:bold; color: #d80106; padding:5px 0 10px 0; }
.izixun .icolist .phone-box dt a{ color: #d80106; }
@media screen and (max-width:750px){
    .izixun{ display: block; }
}