/********首页校区下拉***************/
.head_top_box_xq h3{ line-height:24px; margin-top:2px; padding:0}
.head_top_box_reg:hover{ color:#FFF;}

a:hover{ text-decoration:none;}
/*******商城导航********/
*顶部    start*/
.yHeader{position:absolute;width:100%;height:84px;top:0;z-index:100; }

.yHeader  .yHeaderbox{width:1200px;height:0px;margin:0 auto; margin-top:-6px}

/*导航   start*/
.yNavIndex{width: 1200px;margin: 18px auto 0;height:35px;/*border-bottom: 2px solid #2d2d2d;*/position: relative;}
.yNavIndex .yMenuIndex{margin-left: 190px;}
.yNavIndex .yMenuIndex li a{position: relative;display: inline-block;font-size: 16px;color: #333;line-height: 32px;height: 32px;padding: 0 21px;}
.yNavIndex .yMenuIndex li a.yMenua{font-weight:bold;border-bottom: 3px solid #2d2d2d;}
.yNavIndex .yMenuIndex li a:hover{font-weight:bold;border-bottom: 3px solid #2d2d2d;}
.yNavIndex .yMenuIndex li{float: left;height: 33px;padding: 0 12px;}
/*下拉*/
.pullDown{
	z-index: 1;
	position: relative; 
	width:578px;
	left: 0px;
	top: 179px;
}
.pullDownTitle{height: 35px;width: 190px;background: #a90000;color: #ffffff;font-size: 16px;font-weight: normal;text-align: center;line-height: 35px;}
.pullDownList{width: 216px;height: 492px; background-color:#000;opacity:.6;filter:alpha(opacity=60);;position: relative;z-index: 2; padding-top:35px;}

.pullDownList li{height: 42px;color: #ffffff;font-size: 13px;padding-left: 25px;position: relative; line-height:42px;}
.pullDownList li i{display: inline-block;position:relative;top:4px;margin-right: 8px;left:0;-webkit-transition: margin-left .2s linear;-moz-transition: margin-left .2s linear;-o-transition: margin-left .2s linear; width: 20px;height: 20px;background: url(../images/indexicon1.png) no-repeat;}
.pullDownList li.menulihover i{margin-left: 6px;background: url(../images/indexicon2.png) no-repeat;}
.pullDownList li.menuliselected i{margin-left: 6px;background: url(../images/indexicon2.png) no-repeat;}
/*以下代码是使用图片精灵需要图片的定位信息*/
.pullDownList li i.listi1{background-position:-24px -11px}   
.pullDownList li i.listi2{background-position:-24px -52px}
.pullDownList li i.listi3{background-position: -23px -96px}
.pullDownList li i.listi4{background-position: -23px -139px}
.pullDownList li i.listi5{background-position: -23px -180px}
.pullDownList li i.listi6{background-position: -23px -225px}
.pullDownList li i.listi7{background-position: -23px -268px}
.pullDownList li a{color: #ffffff;font-size: 14px;}
.pullDownList li.menuliselected{background: #ffffff;}
.pullDownList li.menuliselected a{ color:#000}
.pullDownList li.menuliselected span{top: 16px;right: 17px;border-left: 4px solid transparent;border-top: 4px solid #000;border-right:4px solid transparent;border-bottom: 0;}
.pullDownList li.menulihover{background: #FFFFFF;}
.pullDownList li span{display: inline-block; width: 0;height: 0;position: absolute;top: 16px;right: 17px;    font-size: 0;   line-height: 0;  border-width: 4px;  border-color: #FFF;  border-right-width: 0;  border-style: dashed;  border-left-style: solid;  border-top-color: transparent;   border-bottom-color: transparent;  }

/*下拉详细列表具体分类*/
.yMenuListCon{
	width: 400px;
	height:329px;
	position: absolute;
	z-index:2;
	top: 0px;
	left: 216px;
	overflow: hidden;
}
.yMenuListCon p{width:auto;color: #7f7e7e;font-size: 12px;margin: 10px 0 0 -1px;overflow: hidden;}
.yMenuListCon p a{color: #7f7e7e;font-size: 14px;padding: 0 8px;display: inline-block;float: left;margin-top: 5px;background: url(../images/indexicon1.png) 0 -1695px;}
.yMenuListCon p a.ecolor610{color: #a90000;}
.yMenuListCon p a:hover{color: #a90000;text-decoration: underline;}
.yMenuListConin{display: none; background: #fff;opacity: 0.9; -moz-opacity:0.9;filter: alpha(opacity=90);padding:0 20px;width: 360px;height:480px;position: absolute;left: 0;top: 0;}
.yMenuLCinList{overflow: hidden;}
	/*详细分类标题*/
	.yMenuLCinList h3{position: relative;height: 20px;width: auto;margin: 25px auto 0;border-bottom: 1px solid #000;}
	.yMenuLCinList h3 a{font-size: 12px;color: #2d2d2d;position: absolute;bottom: 0px;display: block;}
	.yMenuLCinList h3 .yListMore{color: #666666;font-weight: normal;right: 0;with: 40px;height: 20px;}
	.yMenuLCinList h3 .yListName{-webkit-transition: left .2s linear;-moz-transition: left .2s linear;-o-transition: left .2s linear;display: block;width: 90px;height: 20px;line-height: 20px;padding-top: 17px;padding-left: 30px;left: 0;background:url(../images/yListNameicon.png) no-repeat 0 5px;}
	.yMenuLCinList h3 .yListName:hover{left:6px;}
/*导航   end*/
/*顶部    end*/


/**********新闻************/
.index_cnt{width:1200px;height: auto;overflow: hidden; margin:70px auto;}
.index_cnt_m{width: 100%;height: auto;overflow: hidden;position: relative;}
.xn_c_index_138_wrap{width: 1200px;margin:28px auto;height: 368px;border:1px solid #D5D5D5;overflow: hidden;}
.xn_c_index_138_head{width: 391px;height: 413px;float: left; position:absolute; left:0;}
.xn_c_index_138_head span{display: none;}
.xn_c_index_138_wbox{width:1200px;height: 368px;float: right;overflow: hidden;position: relative;}
.xn_c_index_138_typeList{}
.xn_c_index_138_typeName{width: 154px;background: #0282C5;height: 92px;margin-left: 1048px;line-height: 92px;text-align: center;font-size: 16px;color: #fff;cursor: pointer;position: relative;}
.xn_c_index_138_typeName_cur{background: #119FE9;}
.xn_c_index_138_typeName_cur:before{position: absolute;width: 5px;height: 16px;top: 30px;left: -5px;z-index: 5;content: "";background: url(http://1.rc.xiniu.com/rc/Contents/37922/images/xn_c_index_138_typeName_cur.png?d=20171017111426739) no-repeat center;}
.xn_c_index_138_contType{position: absolute;top: 0;left: 0;z-index: 5;width: 1005px;height: 368px;overflow: hidden;display: none;}
.xn_c_index_138_contType_cur{display: block!important;}
.xn_c_index_138_headUl{display: none;}
.xn_c_index_138_hotUl{width:500px;height: auto;overflow: hidden; margin-left:450px;}
.xn_c_index_138_hotUl li{width: 100%;height: 43px;line-height: 43px;font-size: 14px;color: #666b6d;}
.xn_c_index_138_img,.xn_c_index_138_Count,.xn_c_index_138_context,.xn_c_index_138_hotMore,.xn_c_index_138_date1{display: none;}
.xn_c_index_138_Title{width: 365px;height: 43px;float: left;overflow: hidden;}
.xn_c_index_138_Title a{color: #666b6d;}
.xn_c_index_138_Title:hover {color: #0282C5;}
.xn_c_index_138_Title:hover a{color: #0282C5;}
.xn_c_index_138_indDate{}
.xn_c_index_138_indDate span{float: left;}
.xn_c_index_138_hotUl li:first-child .xn_c_index_138_indDate{display: none;}
.xn_c_index_138_hotUl li:first-child .xn_c_index_138_hotMore{display: block;float: right;}
.xn_c_index_138_hotUl li:first-child .xn_c_index_138_hotMore a{color: #666b6d;font-size: 14px;}
.xn_c_index_138_hotUl li:first-child .xn_c_index_138_hotMore a:hover{color: #0282C5;}
.xn_c_index_138_hotUl li:first-child{border-bottom: 1px solid #E7E7E7;height: 147px;margin-bottom: 20px;}
.xn_c_index_138_hotUl li:first-child .xn_c_index_138_Title{line-height: 34px;font-size: 28px;font-weight:bold;color: #1A1B1B;width: 100%;height: 73px;margin-top: 32px;}
.xn_c_index_138_hotUl li:first-child .xn_c_index_138_Title a{color: #1A1B1B;}



/********首页学员风采*****鼠标悬浮时有遮罩层 *************************/

.title_one{font-size:36px; text-align:center; padding-top:100px; color:#4b4b4b}
.title_two{font-size:18px; text-align:center; padding:10px 0 50px 0; color:#9a9a9a}

.content-mid{ width:100%;}
.col-con{float:left;position:relative;min-height:1px; width:16.66%; background: #333 ;}

.col-con  a img{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.col-con  a:hover img{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1} 




.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-weight: 300;	
	width: 100%;
}

.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
	
}

.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-animate{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	font-size:1.1em;
	font-weight:700;


}

.b-animate span{
	display:block;
	font-size: 2em;
	padding-top: 4.5em;
	display: block;
	font-weight: 500;
}
.b-from-left{
  position: relative;
  top: 100%;
  background: rgba(67, 67, 67, 0);
  background-size: 100% 100%;
  left: 0px;
  margin: 0;
  min-height:362px;
}
.content-img:hover .b-from-left{
	top:0;
}
.content-img{
	text-align: center;
}

/***********视频展示***************/
.video_con{ width:1200px; margin:0 auto;}
.video_con  .video_pic{ width:400px; height:auto; float:left }
.video_bg{width:350px; height:17px; background:url(../images/video_bg.jpg) no-repeat}
.video_con  .col-md-4 img{ width:350px; height:232px;}
.video_con  .col-md-4 span{ width:350px; height:40px; display:block; text-align:center; line-height:40px;background:url(../images/video_bg2.png) no-repeat ; position: relative; bottom:40px;}
.video_con  .col-md-4  a{ color:#fff;}
.title_one a{ color:#4B4B4B}
.video_con .videoindex_more{width:349px;height:54px;border: 1px solid #DEDEDE;border-radius: 54px;color: #9a9a9a; margin:0 auto; text-align:center; line-height:54px; cursor:pointer;}
.video_con .videoindex_more:hover{ background:#DEDEDE}
.video_con .videoindex_more a{ color:#9A9A9A}



/****************德立优势******************/
.youshi_con{ width:1200px; margin:0 auto; overflow:hidden;}
.youshi_con span{ color:#FFF; font-size:18px;}
.youshi_con .youshi1{  width:392px; height:296px; float:left;}
.youshi_con .youshi2{width:392px; height:142px; float:left; margin-top:10px;}
.youshi_con .cor1{ background:#e4b252;}
.youshi_con .cor2{ background:#e4974d; margin-left:10px;}
.cortop{ width:100%; text-align:center; margin-top:60px;}
.youshi_con .cor3{ margin-left:10px; padding:0;}
.cor3_a{ width:392px; height:142px;  background:#af4f5e}
.cor3_b{ width:392px;; background:#d86458; height:142px; margin-top:10px;}


.youshi_con .cor4{ background:#117dc4}
.youshi_con .cor5{ background:#2c6f9b; margin-left:10px;}
.youshi_con .cor6{ background:#43528c;margin-left:10px;}
.cor3_a,.cor3_b,.youshi2{ padding-left:50px; padding-top:28px;}
.cor3_a span,.cor3_b span,.youshi2 span{ padding-left:15px;}
.cor1 span,.cor2 span{ width:100%; display:block; text-align:center; margin-top:10px;}
.cor1 ,.cor2,.cor3_a,.cor3_b,.cor4,.cor5,.cor6 {-webkit-transform: scale(1);-webkit-transition: 1s;}
.cor1:hover,.cor2:hover,.cor3_a:hover,.cor3_b:hover,.cor4:hover,.cor5:hover,.cor6:hover{-webkit-transform: scale(.95);}

/*************首页 关于德立****************/
.color_white{ color:#FFF} 

.index_about{
    padding: 0px 0 220px 0;
    background-position: center;
    background-repeat: no-repeat;
}
.safe-width{
    max-width: 1200px;
    margin: 0 auto; width:100%;
}
.about-item{
    height: 142px;
	
}
.about-word{
    color: #fff;
    font-size: 50px;
    font-weight: 100;
    padding-top: 5px;
}
.about-word sup{
    font-size: 36px;
    color: #c2c2c2;
}
.about-item p{
    font-size: 18px;
    color: #CCC;
    margin: 0;
    padding: 0;
}

.index_about .row{
    padding: 0 11px;
}
.index_about .col-xs-3{
    padding: 0 4px;
}
.about-slogan{
    font-size: 20px;
    color: #fff;
    padding-top: 36px;
}
.about-slogan span{ width:549px; height:54px; border:1px solid #FFF; padding:10px 25px;border-radius:54px;}



@media screen and (max-width: 768px){
    .index_about{
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .index_about .cont-tit {
        padding-bottom: 40px;
    }
    .about-slogan{
        font-size: 20px;
    }
    .about-word{
        font-size: 20px;
        padding-top: 20px;
    }
    .about-word sup{
        font-size: 12px;
    }
    .about-item p{
        font-size: 12px;
    }
    .about-item{
        background-color: #f6f6f6;
        height: 80px;
    }

}


/*****************首页悬浮**2019成考报考入口***********************/
.wrapper_box{
    position: absolute;
    top:70%;
    left:49.5%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height:auto;
	z-index:10001
}
.wrapper_box button{
    width:290px;
    height:50px;
    background: linear-gradient(to left top, #c32c71 50%, #b33771 50%);
    border-style: none;
    color:#fff;
    font-size: 20px;
    letter-spacing: 3px;
    font-family: 'Lato';
    font-weight: 600;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;   
}
.wrapper_box button span{
    position: absolute;
    display: block;
}
.wrapper_box button span:nth-child(1){
    height: 3px;
    width:200px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}

@keyframes span1{
    0%{
        left:-200px
    }
    100%{
        left:200px;
    }
}
.wrapper_box button span:nth-child(2){
    height: 70px;
    width: 3px;
    top:-70px;
    right:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #f6e58d);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes span2{
    0%{
        top:-70px;
    }
    100%{
        top:70px;
    }
}
.wrapper_box button span:nth-child(3){
    height:3px;
    width:200px;
    right:-200px;
    bottom: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0), #f6e58d);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 2s linear infinite;
    animation-delay: 3s;
}
@keyframes span3{
    0%{
        right:-200px;
    }
    100%{
        right: 200px;
    }
}

.wrapper_box button span:nth-child(4){
    height:70px;
    width:3px;
    bottom:-70px;
    left:0px;
    background: linear-gradient(to top, rgba(0,0,0,0), #f6e58d);
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    animation: span4 2s linear infinite;
    animation-delay: 4s;
}
.wrapper_box @keyframes span4{
    0%{
        bottom: -70px;
    }
    100%{
        bottom:70px;
    }
}

.wrapper_box button:hover{
    transition: all .5s;
    transform: rotate(-3deg) scale(1.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
}
.wrapper_box button:hover span{
    animation-play-state: paused;
}
/***********END******首页悬浮**2019成考报考入口***********************/



/*******START************走进德立-各教学点地址*****************/
.content .container{
    margin:0 auto;
    width:1200px;
    height:706px;
    position:relative;
}
.content .container span.map{
    display:block;
    transition:0.2s;
    position:absolute;
}
.content  .container span.map1{
    top:260px;
    left:250px;
    width:250px;
    height:296px;
    background:url("../images/map1.png") no-repeat center;
}
.content .container span.map2{
    top:100px;
    left:346px;
    width:333px;
    height:332px;
    background:url("../images/map2.png") no-repeat center;
}
.content .container span.map3{
    top:46px;
    left:508px;
    width:327px;
    height:300px;
    background:url("../images/map3.png") no-repeat center;
}
.content .container span.map4{
    top:416px;
    left:418px;
    width:183px;
    height:164px;
    background:url("../images/map4.png") no-repeat center;
}

.content .container span.map5{
    top:339px;
    left:529px;
    width:186px;
    height:249px;
    background:url("../images/map5.png") no-repeat center;
}
.content .container span.map6{
    top:339px;
    left:677px;
    width:274px;
    height:264px;
    background:url("../images/map6.png") no-repeat center;
}
.content .container span.map7{
    top:562px;
    left:555px;
    width:80px;
    height:100px;
    background:url("../images/map7.png") no-repeat center;
}
.content .container span.map8{
    top:487px;
    left:621px;
    width:122px;
    height:81px;
    background:url("../images/map8.png") no-repeat center;
}
.content .container span.map9{
    top:544px;
    left:659px;
    width:157px;
    height:77px;
    background:url("../images/map9.png") no-repeat center;
}



.content .container a.tag{
    padding-left:0px;
	padding-top:0px;
    font-size:18px;
    font-weight:bold;
    line-height:150px;
    height:62px;
    cursor:pointer;
    display:block;
    position:absolute;
    background:url("../images/map-tag1.png") no-repeat left center;
    transition:0.2s;
	color:#FFF
}
.content  .container a.tag:hover,
.content  .container a.tag.act{
    color:#9cbb52;
    background:url("../images/map-tag2.png") no-repeat left center;
    transition:0.2s;
}
.content .container a.tag1{
    top:356px;
    left:371px;
}
.content .container a.tag2{
    top:272px;
    left:521px;
}
.content .container a.tag3{
    top:125px;
    left:655px;
}
.content .container a.tag4{
    top:450px;
    left:508px;
}
.content .container a.tag5{
    top:400px;
    left:596px;
}
.content .container a.tag6{
    top:433px;
    left:799px;
}
.content .container a.tag7{
    top:522px;
    left:568px;
}
.content .container a.tag8{
    top:447px;
    left:661px;
}
.content .container a.tag9{
    top:515px;
    left:720px;
}


.content .map .container .box{
    top:50%;
    left:50%;
    margin-left:-400px;
    margin-top:-250px;
    width:800px;
    height:0;
    z-index:9999;
    overflow:hidden;
    position:absolute;
    background:#ffffff;
    transition:0.2s;
	-moz-box-shadow:0px 0px 8px #cde8ff; -webkit-box-shadow:0px 0px 8px #cde8ff; box-shadow:0px 0px 8px #cde8ff;
}
.content .map .container .box .center{
    margin:40px auto 0;
    width:770px;
    height:445px;

    overflow-x:hidden;
}
.content .map .container .box .center > div{
    width:800px;
    height:auto;
}
.content .map .container .box .center .info{
    float:left;
    margin-right:10px;
    margin-top:10px;
    padding-right:10px;
    width:355px;
    height:125px;
    border-bottom:1px solid #bebebe;
}
.content .map .container .box .center .info h2{
    margin-top:5px;
    font-size:16px;
    color:#333333;
}
.content .map .container .box .center .info h2 a{
    font-size:16px;
    transition:0.2s;
	color:#000;
}
.content .map .container .box .center .info h2 a:hover{
    color:#3F84BE;
    transition:0.2s;
}
.content .map .container .box .center .info p{
    margin-top:5px;
    line-height:16px;
    max-height:44px;
    overflow:hidden;
    font-size:12px;
    font-weight:bold;
    color:#929292;
}
.content .map .container .box .center .info p span{
    font-weight:normal;
}
.content .map .container .box a.cen-close{
    top:7px;
    right:7px;
    font-size:16px;
    line-height:16px;
    cursor:pointer;
    color:#1b98aa;
    position:absolute;
    transition:0.2s;
}
.content .map .container .box a.cen-close:hover{
    color:#db1516;
    transition:0.2s;
}


/***********END**首页 关于德立****************/


/**************右侧县浮******************/
.rightside ol,.rightside ul{list-style:none}
.rightside a{text-decoration:none;color:#686868}
.rightside img{border:0}
.rightside{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.rightside ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.rightside ul li:hover{background:#f67524;color:#fff}
.rightside ul li:hover a{color:#fff}
.rightside ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.rightside ul li i.bgs1{background-image:url(../images/rightside/right_pic5.png)}
.rightside ul li i.bgs2{background-image:url(../images/rightside/right_pic7.png)}
.rightside ul li i.bgs3{background-image:url(../images/rightside/right_pic2.png)}
.rightside ul li i.bgs4{background-image:url(../images/rightside/right_pic1.png)}
.rightside ul li i.bgs5{background-image:url(../images/rightside/right_pic3.png)}
.rightside ul li i.bgs6{background-image:url(../images/rightside/right_pic6_on.png)}
.rightside ul li:hover i.bgs1{background-image:url(../images/rightside/right_pic5_on.png)}
.rightside ul li:hover i.bgs2{background-image:url(../images/rightside/right_pic7_on.png)}
.rightside ul li:hover i.bgs3{background-image:url(../images/rightside/right_pic2_on.png)}
.rightside ul li:hover i.bgs4{background-image:url(../images/rightside/right_pic1_on.png)}
.rightside ul li:hover i.bgs5{background-image:url(../images/rightside/right_pic3_on.png)}
.rightside ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.rightside ul li.sidetop{background:#f67524;color:#fff}
.rightside ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.rightside ul li.sideewm .ewBox.son{width:140px;display:none;color:#363636;text-align:center;padding-top:135px;position:absolute;left:-141px;top:0;background-image:url(../images/rightside/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.rightside ul li.sideetel .telBox.son{width:240px;height:118.5px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#f67524}
.rightside ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.rightside ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.rightside ul li.sideetel .telBox dd.bgs1{background:url(../images/rightside/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.rightside ul li.sideetel .telBox dd.bgs2{background:url(../images/rightside/right_pic9.png) 28px center no-repeat}
.rightside ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}