@charset "utf-8";

/*意大利留学途径*/
.lxtjbox { width:100%; height:auto; overflow:hidden; background:#f8f8f8;}
.lxtjbox .tit { width:240px; font-size:30px; background:#353535; line-height:36px; height:40px; border-right:5px solid #fbd000; color:#fff; padding:0 5px; margin-top:38px;}
.lxtjbox .tit1 { font-size:60px; line-height:1.5; font-weight:bold;}
.lxtjbox .des { font-size:18px; line-height:24px;}
.lxtjbox .pic { margin-top:20px; width:85%; height:auto; position:relative;}
.lxtjbox .pic img { position:relative; z-index:0;}
.lxtjbox .link { position:absolute; width:167px; height:167px; overflow:hidden; top:30%; right:-83px; z-index:999999; font-size:0;}
.lxtjbox .link a { display:block; float:left; background:#eeeeee; width:50%; height:83px; line-height:83px; overflow:hidden; font-size:14px; color:#353535; text-align:center;}
.lxtjbox .link a.s01 { background:#353535; color:#fff;}

/*留学优势*/
.lxysbox { width:100%; height:auto; overflow:hidden;}
.lxysbox .tit { color:#fbd000; font-weight:bold; font-size:36px; width:25%; text-align:center; line-height:59px; height:59px; background:#353535;}
.lxysbox .piclist { width:100%; height:auto; overflow:hidden;}
.lxysbox .piclist a { display:block; width:25%; float:left; height:auto; overflow:hidden;}
.lxysbox .piclist a img { width:100%; height:237px;}
.lxysbox .piclist a span { display:block; line-height:50px; font-size:16px; color:#fff; text-align:center; position:relative; z-index:1; background:#004a96;}
.lxysbox .piclist a.s01 span { background:#002d5c;}

/*华意通教育*/
.hytjybox { width:100%; height:auto; overflow:hidden; position:relative; background:#eee;}
.hytjybox .piclist { width:50%; float:right; overflow:hidden; position:relative;}
.hytjybox .piclist a { display:block; float:left; width:48%; margin-left:2%; overflow:hidden;}
.hytjybox .piclist a.bl { position:absolute; left:0; bottom:0;}
.hytjybox .brief { width:50%; position:absolute; left:0; top:0; height:100%; color:#353535; overflow:hidden;}
.hytjybox .tit { font-size:36px; line-height:40px; text-align:left; font-weight:bold;}
.hytjybox .tit1 { font-size:14px; line-height:1; text-transform:uppercase;}
.hytjybox .tit2 { font-size:24px; line-height:1.2;}
.hytjybox .des { line-height:18px;}
.hytjybox .briefbox { border:2px solid #002d5c; margin:8% 10%; padding:20px;}
.hytjybox .list { width:100%; height:auto; overflow:hidden; font-size:14px;}
.hytjybox .list li { line-height:26px; background:url(../images/hytjybox_list_ico.gif) 0 center no-repeat; padding-left:25px;}
/*意大利办理流程*/
.ydlbllcbox { width:100%; height:autou; overflow:hidden;}
.ydlbllcbox .tit1 { width:290px; font-size:30px; background:#353535; line-height:36px; height:40px; border-right:5px solid #fbd000; color:#fff; padding:0 5px; margin-top:38px;}
.ydlbllcbox .list { margin-left:26px; margin-top:40px; display:none;}
.ydlbllcbox .list li { width:33%; height:220px; float:left; background:#ccc; border:3px solid #004a96; border-radius:30px;}
.ydlbllcbox .list li.linput { border-radius:0; border-left:0; border-right:0; border-bottom:0;}
.ydlbllcbox .list li.rclose { border-left:0; border-radius:0 30px 30px 0;}
.ydlbllcbox .list .tit { font-size:16px; color:#0075e6; font-weight:bold; margin:0 20px;}
.ydlbllcbox .list .des { font-size:16px; color:#353535; line-height:20px; margin:0 20px;}
.ydlbllcbox .list i { position:relative; top:-26px; left:0; color:#565656; background:#fff; font-size:24px; font-weight:bold; font-style:normal; border:3px solid #004a96; border-radius:50%; display:block; width:45px; height:45px; line-height:45px; text-align:center;}

/*留学材料准备*/
.lxzbclbox { width:100%; height:autou; overflow:hidden;}
.lxzbclbox .tit { width:240px; font-size:30px; background:#353535; line-height:36px; height:40px; border-right:5px solid #fbd000; color:#fff; padding:0 5px; margin-top:38px;}
.zbcltabs { width:100%; height:auto; overflow:hidden; position:relative;}
.zbcltabs .line { width:90%; height:2px; background:#0075e6; position:absolute; left:0; top:14px; z-index:-1;}
.zbcltabs a { display:block; float:left; font-size:18px; text-align:center; background:#0075e6; color:#fff; width:20%; margin-left:6%; line-height:30px; height:30px; border-radius:3px;}
.zbcltabs a.ml0 { margin-left:0;}
.lxzbclbox .list { width:100%; height:auto; overflow:hidden;}
.lxzbclbox .list li { width:48%; float:left; background:#eeeeee; margin-right:2%; margin-bottom:2%; padding-bottom:10px; border-radius:5px;}
.lxzbclbox .list li:hover { background:#0075e6;}
.lxzbclbox .list li:hover a { color:#fff;}
.lxzbclbox .list .tit1 { font-size:30px; line-height:1.2; margin:10px;}
.lxzbclbox .list .des { font-size:16px; line-height:24px; margin:10px;}


/*华意通留学资讯*/
.hytlxzx {width:100%; height:autou; overflow:hidden;}
.hytlxzx .tit { width:240px; font-size:30px; background:#353535; line-height:36px; height:40px; border-right:5px solid #fbd000; color:#fff; padding:0 5px; margin-top:38px;}

.hytlxzx .list::-webkit-scrollbar-track-piece {width:8px;background-color:#f4f4ff;}
.hytlxzx .list::-webkit-scrollbar { width:8px; background-color:#2882e8; height:8px;}
.hytlxzx .list::-webkit-scrollbar-thumb { width:8px; height:50px; background-color:#3d3d3d;}
.hytlxzx .list::-webkit-scrollbar-thumb:hover { width:8px; background-color:#002d5c;}

.hytlxzx .list { width:100%;  height:700px; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:column wrap; overflow-x:auto;}
.hytlxzx .list li { width:24%; height:auto; overflow:hidden; margin-top:10px; margin:0 5px; overflow:hidden;}
.hytlxzx .list li a { display:block;}
.hytlxzx .list li .des { font-size:18px; line-height:24px; margin:10px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.hytlxzx .list li .tit1 { font-size:18px; line-height:30px; min-height:30px; overflow:hidden; font-weight:bold; margin:10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.hytlxzx .list li .pic { overflow:hidden;}
.hytlxzx .list li .pic img{ width:100%; margin-bottom:10px;-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;}
.hytlxzx .list li .pic img:hover {
-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;}
/*华意通留学案例*/
.hytlxal {width:100%; height:autou; overflow:hidden;}
.hytlxal .tit { width:240px; font-size:30px; background:#353535; line-height:36px; height:40px; border-right:5px solid #fbd000; color:#fff; padding:0 5px; margin-top:38px;}
.hytlxal .list { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.hytlxal .list li { flex:0 0 18%; margin-bottom:30px;}
.hytlxal .list li .pic { display:block; overflow:hidden; position:relative;}
.hytlxal .list li .pic .mask{ width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; height:0; line-height:10px; background:#e60012; background:rgba(230,0,18,0.5); z-index:999; color:#fff; line-height:7; font-size:24px; text-align:center;}
.hytlxal .list li .pic:hover .mask { height:100%;}
.hytlxal .list li .breif .tit1 { font-size:18px; color:#242424; line-height:1.5; font-weight:bold;}
.hytlxal .list li .breif .des { overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.hytlxal .list li .breif .xl { display:inline-block; width:69px; height:29px; line-height:29px; text-align:center; color:#fff; background:#e60012; border-radius:5px;}
.hytlxal .list li.ml0{ margin-left:0;}
.hytlxal .more { display:block; width:140px; height:50px; line-height:45px; text-align:center; background:#d2d2d2; border-radius:5px; color:#fff; font-size:30px; margin:0 auto; margin-top:30px;}
.hytlxal .more:hover { background:#e60012;}
@media only screen and (max-width: 640px) {
	.lxtjbox { background:#fff; overflow:visible; height:auto; overflow:hidden;}
	.lxtjbox .tit { width:auto; display:inline-block; font-size:0.32rem; line-height:0.60rem; height:0.60rem; border-right:0.05rem solid #fbd000; padding:0 0.10rem; margin-top:0.20rem;}
	.lxtjbox .tit1 { font-size:0.60rem; line-height:1.2; font-weight:bold;}
	.lxtjbox .des { font-size:0.24rem; line-height:1.8; margin:0 0.10rem;}
	.lxtjbox .pic { margin-top:0.20rem; width:100%; height:auto; position:relative;}
	.lxtjbox .pic img { position:relative; z-index:0;}
	.lxtjbox .link { position:relative; width:100%; height:3rem; overflow:hidden; top:0; right:0; z-index:999999; font-size:0;}
	.lxtjbox .link a { display:block; float:left; background:#eeeeee; width:50%; height:1.5rem; line-height:1.5rem; overflow:hidden; font-size:0.24rem; color:#353535; text-align:center;}
	.lxtjbox .link a.s01 { background:#353535; color:#fff;}
	
	.lxysbox { width:100%; height:auto; overflow:hidden;}
	.lxysbox .tit { color:#fbd000; font-weight:bold; font-size:0.36rem; width:100%; text-align:center; line-height:0.80rem; height:0.80rem; background:#353535;}
	.lxysbox .piclist { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; margin-top:0.20rem;}
	.lxysbox .piclist a { display:block; flex:0 0 50%; height:auto; overflow:hidden;}
	.lxysbox .piclist a img { width:100%; height:auto;}
	.lxysbox .piclist a span { display:block; line-height:0.60rem; font-size:0.20rem; color:#fff; text-align:center; position:relative; z-index:1; background:#004a96;}
	.lxysbox .piclist a.s01 span { background:#002d5c;}
	
	/*华意通教育*/
	.hytjybox { width:100%; height:auto; overflow:hidden; position:relative; background:#eee;}
	.hytjybox .piclist { width:100%; float:right; overflow:hidden; position:relative; margin-top:0.10rem;}
	.hytjybox .piclist a { display:block; float:left; width:48%; margin-left:2%; overflow:hidden;}
	.hytjybox .piclist a.bl { position:absolute; left:0; bottom:0;}
	.hytjybox .brief { width:100%; position:static; left:0; top:0; height:100%; color:#353535; overflow:hidden;}
	.hytjybox .tit { font-size:0.36rem; line-height:0.60rem; text-align:left; font-weight:bold;}
	.hytjybox .tit1 { font-size:0.24rem; line-height:1; text-transform:uppercase;}
	.hytjybox .tit2 { font-size:0.32rem; line-height:1.2;}
	.hytjybox .des { line-height:0.20rem;}
	.hytjybox .briefbox { border:0.03rem solid #002d5c; margin:2% 2%; padding:0.20rem;}
	.hytjybox .list { width:100%; height:auto; overflow:hidden; font-size:0.24rem;}
	.hytjybox .list li { line-height:0.40rem; background:url(../images/hytjybox_list_ico.gif) 0 0.15rem no-repeat; padding-left:0.20rem;}
	
	/*意大利办理流程*/
	.ydlbllcbox { width:100%; height:autou; overflow:hidden;}
	.ydlbllcbox .tit1 { width:auto; display:inline-block; font-size:0.32rem; line-height:0.60rem; height:0.60rem; border-right:0.05rem solid #fbd000; padding:0 0.10rem; margin-top:0.20rem;}
	
	/*留学材料准备*/
	.lxzbclbox { width:100%; height:autou; overflow:hidden;}
	.lxzbclbox .tit { width:auto; display:inline-block; font-size:0.32rem; line-height:0.60rem; height:0.60rem; border-right:0.05rem solid #fbd000; padding:0 0.10rem; margin-top:0.20rem;}
	.zbcltabs { width:100%; height:auto; overflow:hidden; position:relative; display:-webkit-flex; display:flex; flex-flow:row wrap;}
	.zbcltabs .line { width:90%; height:0.03rem; background:#0075e6; position:absolute; left:0; top:48%; z-index:-1;}
	.zbcltabs a { display:block; float:left; font-size:0.20rem; text-align:center; background:#0075e6; color:#fff; flex:0 0 20%; line-height:0.30rem; height:0.30rem; border-radius:0.03rem;}
	.zbcltabs a.ml0 { margin-left:0;}
	.lxzbclbox .list { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap;}
	.lxzbclbox .list li { flex:0 0 100%; background:#eeeeee; border-radius:0.05rem;}
	.lxzbclbox .list .tit1 { font-size:0.32rem; line-height:1.2; margin:0.10rem; font-weight:bold;}
	.lxzbclbox .list .des { font-size:0.24rem; line-height:0.32rem; margin:0.10rem;}
	
	.hytlxzx .tit  {width:auto; display:inline-block; font-size:0.32rem; line-height:0.60rem; height:0.60rem; border-right:0.05rem solid #fbd000; padding:0 0.10rem; margin-top:0.20rem;}
	.hytlxzx .list { width:100%;  height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:space-between;}
	.hytlxzx .list li { flex:0 0 100%; height:auto; overflow:hidden; margin-top:10px; background:#eee; overflow:hidden;}
	.hytlxzx .list li .des { font-size:0.24rem; line-height:0.32rem; margin:10px;}
	.hytlxzx .list li .tit1 { font-size:0.24rem; line-height:30px; font-weight:bold; margin:10px;}
	.hytlxzx .list li .pic { overflow:hidden; flex:0 0 30%; display:none;}
	
	.hytlxal .tit  {width:auto; display:inline-block; font-size:0.32rem; line-height:0.60rem; height:0.60rem; border-right:0.05rem solid #fbd000; padding:0 0.10rem; margin-top:0.20rem;}
	.hytlxal .list { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
	.hytlxal .list li { flex:0 0 49%; margin-bottom:0.10rem;}
	.hytlxal .list li .pic { display:block; overflow:hidden; position:relative;}
	.hytlxal .list li .pic .mask{ width:100%; height:0; overflow:hidden; position:absolute; left:0; bottom:0; height:0; background:#e60012; background:rgba(230,0,18,0.5); z-index:999; color:#fff; line-height:7; font-size:0.34rem; text-align:center;}
	.hytlxal .list li .pic:hover .mask { height:100%;}
	.hytlxal .list li .breif .tit1 { font-size:0.24rem; color:#242424; line-height:1.5; font-weight:bold;}
	.hytlxal .list li .breif .des { font-size:0.20rem; line-height:0.32rem; margin:0.10rem 0;}
	.hytlxal .list li .breif .xl { display:inline-block; width:0.69rem; height:0.40rem; line-height:0.40rem; text-align:center; color:#fff; background:#e60012; border-radius:0.05rem;}
	.hytlxal .list li.ml0{ margin-left:0;}
	.hytlxal .more { display:block; width:1.40rem; height:0.50rem; line-height:0.45rem; text-align:center; background:#d2d2d2; border-radius:0.05rem; color:#fff; font-size:0.48rem; margin:0 auto; margin-top:0.30rem;}
	.hytlxal .more:hover { background:#e60012;}
	
}