@charset "utf-8";
/*华意通课程设置*/
.wrapper dt { height:90px; line-height:90px; text-align:center; position:relative;}
.wrapper dt .tit { font-size:36px; font-weight:bold; background:#fff; position:relative; z-index:1; padding:0 20px;}
.wrapper dt .line { width:60%; left:20%; top:45px; height:2px; background:#353535; position:absolute;}
.wrapper dd { width:100%; height:auto; overflow:hidden;}
.wrapper dd .subnav { width:100%; height:auto; overflow:hidden; font-size:18px; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between;}
.wrapper dd .subnav a { display:block; margin:0.25% 0; font-size:18px; height:50px; line-height:50px; background:#004a96; color:#fff; text-align:center; flex:0 19.8%;}
.wrapper dd .subnav a.on { background:#a40000;}
.wrapper dd .subnav1 { width:100%; height:auto; overflow:hidden; font-size:0;/* display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between;*/}
.wrapper dd .subnav1 a { display:inline-block; width:16.3%; margin-left:0.3%; height:45px; line-height:45px; font-size:18px; background:#7d7d7d; color:#fff; text-align:center;/* flex:0 16.4%;*/}
.wrapper dd .subnav1 a.on { background:#434343;}
.wrapper dd .subnav1 a.ml0 { margin-left:0;}
.wrapper dd .datatable { border-collapse:collapse; font-size:16px;}
.wrapper dd .datatable tr td { height:38px; border-bottom:1px solid #eeeeee; padding:3px 10px;}
.wrapper dd .datatable tr th { text-align:right; border-bottom:1px solid #eeeeee;}

.wrapper dd .kctxbox { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between;}
.wrapper dd .kctxbox li { width:100%; height:246px; overflow:hidden; text-align:right; position:relative; margin-bottom:15px; flex:0 49%;}
.wrapper dd .kctxbox li:nth-child(1) { flex:0 100%;}
.wrapper dd .kctxbox li a { display:block; background:#eeeeee;}
.wrapper dd .kctxbox li a:hover { background:#fff;}
.wrapper dd .kctxbox li .tit { position:absolute; top:0; left:0; font-size:24px; line-height:30px; width:50%; top:40%; text-align:center;}

.indexbox.ad_text {margin-top:67px; height:80px;}
.indexbox.ad_text .text {margin-left:112px;}



.xyfcvideobox { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
.xyfcvideobox li { width:100%; height:auto; overflow:hidden; position:relative; flex:0 24.5%;}
.xyfcvideobox li a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/xyfcvideo_play.png) center center no-repeat; z-index:9999;}
.xyfcvideobox li:hover a { background-size:35%;}
/*为什么选择华意通*/
.wsmxzhyt_bg {height:374px; margin-top:67px; position:relative;}
.wsmxzhyt { position:absolute; background:#fff; width:453px; height:100%;}
.wsmxzhyt dt { width:100%; height:auto; overflow:hidden;}
.wsmxzhyt dt strong { font-size:30px; line-height:54px; display:inline-block; width:278px; height:54px; font-weight:normal; border:1px solid #313131; background:#fff; text-align:center; margin-left:30px; margin-top:40px;}
.wsmxzhyt dd .des { margin-left:30px; font-size:18px; line-height:30px;}

.zxstkc_bg { height:450px; position:relative;}
.zxstkc { position:absolute; background:#004a96; background:rgba(20,104,114,0.8); width:450px; height:100%; margin-left:112px;}
.zxstkc .tit { margin-left:50px; font-size:86px; line-height:1.2; color:#fff;}
.zxstkc .tit1 { margin-left:50px; font-size:42px; line-height:1.2; color:#fff; text-transform:uppercase;}
.zxstkc .des { margin:0 50px; font-size:18px; line-height:26px; color:#fff;}
.zxstkc .more { margin:0 auto; margin-top:20px; border:2px solid #fff; display:block; width:289px; height:61px; line-height:61px; text-align:center; color:#fff; font-size:30px;}
.zxstkc .more:hover { background:#fff; color:#004a96; border:2px solid #004a96;}

.yydjkd { height:auto; overflow:hidden; position:relative;}
.yydjkd li { height:auto; overflow:hidden; padding-left:300px; background:#fbfbfb; margin-top:40px; position:relative;}
.yydjkd li .pic { display:block; width:280px; height:180px; overflow:hidden; float:left; margin:0 0 0 -300px; position:relative;}
.yydjkd li .pic .tit { position:absolute; bottom:0; left:0; font-size:18px; color:#fff; text-indent:10px; background:#004a96; background:rgba(20,104,114,0.8); width:100%; line-height:40px; z-index:1; display:block;}
.yydjkd li .pic .more { position:absolute; bottom:0; left:0; font-size:30px; color:#fff; text-align:center; background:#004a96; background:rgba(20,104,114,0.8); width:100%; height:0; line-height:180px; z-index:1; display:block; overflow:hidden;}
.yydjkd li .pic:hover .more { height:100%;-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;}
.yydjkd li .pic:hover .tit { height:0;-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;}
.yydjkd li .brief { width:100%; height:auto; overflow:hidden; float:right;}
.yydjkd li .brief .tit { font-size:18px; margin-top:20px;}
.yydjkd li .brief .des { font-size:18px; margin-top:10px;}
.yydjkd li .brief .date { position:absolute; bottom:10px; right:20px;}

.xyfcbox_bg { margin-top:100px}
.xyfcslidebox_wrap { width:100%; height:auto; overflow:hidden; position:relative;}
.xyfcslidebox_wrap .ctrl_left { position:absolute; left:0; top:50%; margin-top:-36.5px;}
.xyfcslidebox_wrap .ctrl_right { position:absolute; right:0; top:50%; margin-top:-36.5px;}
.xyfcslidebox { width:1000%; height:auto; overflow:hidden; margin-top:50px;}
.xyfcslidebox li { float:left;}


@media(max-width:768px){
	.insidebox{padding-right: 0;}
	.rightbox{display:none;}
	.indexbox.ad_text .text{
		    margin-left: 33px;
	}
	.ck-slide {
    width: 100%;
    height: 279px;
    margin-top: 5px;
	}
	
}



@media only screen and (max-width: 640px) {
/*华意通课程设置*/
.indexbox { width:100%; min-width:320px; margin:0; padding:0;}
.wrapper { margin:0; padding:0; margin:0 0.10rem;}
.wrapper dt { height:0.90rem; line-height:0.90rem; text-align:center; position:relative;}
.wrapper dt .tit { font-size:0.38rem; font-weight:bold; background:#fff; position:relative; z-index:1; padding:0 0.20rem;}
.wrapper dt .line { width:80%; left:10%; top:50%; height:0.02rem; background:#353535; position:absolute;}
.wrapper dd { width:100%; height:auto; overflow:hidden;}
.wrapper dd .subnav { width:100%; height:auto; overflow:hidden; font-size:0.32rem; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between;}
.wrapper dd .subnav a { display:block; margin:0.25% 0; height:0.60rem; line-height:0.60rem; background:#004a96; color:#fff; text-align:center; flex:0 33%;}
.wrapper dd .subnav a.on { background:#a40000;}
.wrapper dd .subnav1 { width:100%; height:auto; overflow:hidden; font-size:0.24rem; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between;}
.wrapper dd .subnav1 a { display:block; height:0.50rem; line-height:0.50rem; background:#7d7d7d; color:#fff; text-align:center; flex:0 19.5%; margin-top:0.03rem;}
.wrapper dd .subnav1 a.on { background:#434343;}
.wrapper dd .datatable { border-collapse:collapse; font-size:0.20rem;}
.wrapper dd .datatable tr td { height:0.40rem; border-bottom:0.01rem solid #eeeeee; padding:0.03rem 0.10rem;}
.wrapper dd .datatable tr th { width:20%; text-align:right; border-bottom:0.01rem solid #eeeeee; }

.indexbox.ad_text { height:auto; margin:0.30rem 0;}
.indexbox.ad_text .text {margin-left:0; margin:0 0.30rem;}
.indexbox.ad_text .text img { width:100%;}
/*在线视听课程*/
.zxstkc_bg { height:auto; position:relative;}
.zxstkc { position:static; background:#004a96; background:rgba(20,104,114,0.5); width:100%; height:auto; margin-left:0; padding:0.20rem 0;}
.zxstkc .tit { margin:0; font-size:0.86rem; line-height:1.2; color:#fff; text-align:center;}
.zxstkc .tit1 { margin:0; font-size:0.42rem; line-height:1.2; color:#fff; text-align:center; text-transform:uppercase;}
.zxstkc .des { margin:0 0.20rem; font-size:0.24rem; line-height:0.40rem; color:#fff;}
.zxstkc .more { display:block; margin:0 auto; margin-top:0.20rem; border:0.02rem solid #fff; height:0.80rem; line-height:0.80rem; text-align:center; color:#fff; font-size:0.30rem;}
.zxstkc .more:hover { background:#fff; color:#004a96; border:0.02rem solid #004a96;}
/*为什么选择华意通*/
.wsmxzhyt_bg { height:auto; margin-top:0.20rem; position:relative;}
.wsmxzhyt { position:relative; background:#eee; width:100%; padding:0.20rem 0; height:auto;}
.wsmxzhyt dt { width:100%; height:auto; overflow:hidden;}
.wsmxzhyt dt strong { font-size:0.32rem; line-height:0.60rem; display:block;  height:0.60rem; font-weight:bold; border:0.01rem solid #313131; background:#fff; text-align:center; margin:0 auto; width:90%;}
.wsmxzhyt dd .des { margin:0.20rem 5%; font-size:0.24rem; line-height:0.40rem;}
/*课程体系*/
.wrapper dd .kctxbox { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.wrapper dd .kctxbox li { width:100%; height:auto; text-align:right; position:relative; margin-bottom:0.15rem; flex:0 49%;}
.wrapper dd .kctxbox li:nth-child(1) { flex:0 100%;}
.wrapper dd .kctxbox li a { display:block; background:#eeeeee;}
.wrapper dd .kctxbox li img { width:60%;}
.wrapper dd .kctxbox li a:hover { background:#fff;}
.wrapper dd .kctxbox li .tit { position:absolute; top:0; left:0; font-size:0.20rem; line-height:0.30rem; width:60%; font-weight:bold; top:30%; text-align:center;}
/*意语等级考点*/
.yydjkd { height:auto; overflow:hidden; position:relative;}
.yydjkd li { height:auto; overflow:hidden; padding-left:2.60rem; background:#fbfbfb; margin-top:0.20rem; position:relative;}
.yydjkd li .pic { display:block; width:2.40rem; height:2rem; overflow:hidden; float:left; margin:0 0 0 -2.60rem; position:relative;}
.yydjkd li .pic .tit { position:absolute; bottom:0; left:0; font-size:0.20rem; color:#fff; text-indent:0.10rem; background:#004a96; background:rgba(20,104,114,0.8); width:100%; line-height:0.40rem; z-index:1; display:block;}
.yydjkd li .pic .more { position:absolute; bottom:0; left:0; font-size:30px; color:#fff; text-align:center; background:#004a96; background:rgba(20,104,114,0.8); width:100%; height:0; line-height:180px; z-index:1; display:block; overflow:hidden;}
.yydjkd li .pic:hover .more { height:100%;-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;}
.yydjkd li .pic:hover .tit { height:0;-webkit-transition: all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;}
.yydjkd li .brief { width:100%; height:auto; overflow:hidden; float:right;}
.yydjkd li .brief .tit { font-size:0.18rem; margin-top:0.20rem;}
.yydjkd li .brief .des { font-size:0.20rem; margin-top:0.10rem; line-height:0.30rem;}
.yydjkd li .brief .date { position:absolute; bottom:0.10rem; right:0.20rem; display:none;}
/*华意通学员风采*/
.xyfcbox_bg { margin-top:0;}
.xyfcslidebox_wrap { width:100%; height:auto; overflow:hidden; position:relative;}
.xyfcslidebox_wrap .ctrl_left { position:absolute; left:0; top:50%; margin-top:-50%;}
.xyfcslidebox_wrap .ctrl_right { position:absolute; right:0; top:50%; margin-top:-50%;}
.xyfcslidebox { width:1000%; height:auto; overflow:hidden; margin-top:0;}
.xyfcslidebox li { float:left;}



.xyfcvideobox { width:100%; height:auto; overflow:hidden; display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
.xyfcvideobox li { width:100%; height:auto; overflow:hidden; position:relative; flex:0 49%;}
.xyfcvideobox li a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/xyfcvideo_play.png) center center no-repeat; z-index:9999;}
.xyfcvideobox li:hover a { background-size:35%;}

/*上课视频*/
.ck-slide{
	height: 350px!important;
    margin-top: 10px!important;
}

}

@media(max-width:414px){
	.ck-slide{
	height: 226px!important;
    margin-top: 10px!important;
}
}