/*Generated by wjdhcms 3.0 */



@charset "utf-8";



/*-----------å…¬ç”¨-----------*/



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}





/**banner**/

.banner{

    width:100%;

    margin:0 auto;

    position:relative;

    height:500px;

    overflow: hidden;

   margin-top: -115px;float:left;

   

   

}

.fullSlide{width:100%;position:relative;height:100%;background:transparent;}

.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{height:100%;}

.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;}

.fullSlide .bd li a{display:block;height:100%;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}

.fullSlide .hd ul{text-align:center;margin-bottom:10px;}



.fullSlide .hd ul .on{background:#218d00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none;}

.fullSlide .next{left:auto; right:15%; background-position:-6px -137px;}





/**search**/

.biaoyu_bg{

	background-color: #eee;

	height:80px;

}

.biaoyu_l h5{

	color: #fff;

	margin-top: 24px;

	width: 430px;

	float: left;

}

.biaoyu_l h5 p{

	font-size: 22px;

}

.biaoyu_l h5 p span{

	font-weight: bold;

	color: #1c5cea;

}

.biaoyu_l h5 em{

	color: #4c4c4c;

	font-size: 18px;

	text-transform: uppercase;

}

.biaoyu_l h4{

	margin-top:18px;

	float: left;

	font-size: 24px;

	color: #fff;

	width:352px;

	height: 60px;

	padding-left: 46px;

	background: url(../images/phone.png) no-repeat center left;

	margin-left: 70px;

}

.biaoyu_r{

	height: 54px;

	margin-top: 14px;

	background: url(../images/phone.png) no-repeat center left;

	padding-left: 50px;

}

.biaoyu_r p{

	color: #808080;

	font-size: 14px;

}

.biaoyu_r em{

	display: block;

	color: #4c4c4c;

	font-size: 26px;

	line-height: 26px;

}









.title h3{

	text-align: center;

	

	margin-top: 50px;

	margin-bottom: 40px;

}



.title h3 b{

	font-size: 26px;

	color: #4c4c4c;

	

}

.title h3 b a{display:block;color: #4c4c4c;}

.title h3 p,.title h2 p{

	font-size:12px;

	color: #808080;

	text-transform: uppercase;

}





.shous{

	height: 60px;

	width:948px;

	margin: 0 auto



}



.keytext{width: 339px;height: 50px;line-height: 50px; float:left; font-family:Microsoft YaHei; font-size: 14px;overflow: hidden;margin-top: 8px;}

.keytext span{line-height: 50px;color: #4c4c4c; }

.keytext a{margin: 0px 8px 0px 0px; line-height:50px; color:#4c4c4c;}

.rmgj-n-r{ float:right; margin-top: 12px;border-bottom: 1px solid #4c4c4c}

.text2{padding:0px 0px 0px 10px; float:left; height:29px; width:186px; font-size:14px; color:#808080;border-bottom: solid 1px #fff ; background:rgba(0,0,0,0);}

.submit{width:30px; height:30px; border:0; padding:0; background:url(../images/search_but.png) no-repeat 0px 6px; float:left;cursor: pointer;border-bottom: solid 1px #fff ;}



/*产品中心开始*/



.pro_fl ul h4 a{

	

	background-color: #1c5cea;

	color: #fff;

	font-size: 16px;

	line-height: 50px;

	display: block;

}



.pro_fl ul li{

	width: 252px;

	height: 55px;

	margin:1px 0 1px 0;

	text-align: center;

	background-color: #f5f5f5;

	  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

}

.pro_fl ul li:hover{

	background-color: #1c5cea;

		width: 250px;

}

.pro_fl ul li:hover a{

	color: #fff;

}

.pro_fl ul li a{

	color: #4c4c4c;

	font-size: 16px;

	line-height: 55px;

	display: block;

}

.pro_fl2 li{

	float: left;

}

.pro_fl2 li.on a{

	background-color: #1c5cea;

}

.pro_fl2 li a{

	width: 112px;

	height: 32px;

	line-height: 32px;

	text-align: center;

	display: block;

	color: #fff;

	margin-left: 28px;

	margin-bottom: 20px;

	background-color: #626262;

}

.pro_r{

	width: 900px;

}

.pro_r>ul>li{

    margin:0 10px 20px 0;

    float:left;

   position: relative;

width:282px;

height:186px;

}



.pro_r>ul>li>div{

width:282px;

height:186px;

   

    overflow:hidden;

}

.pro_r>ul>li>div>a>img{

width:282px;

height:186px;

    transition: 0.5s;

    -o-transition: 0.5s;

    -ms-transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

}

.pro_r>ul>li>div>a>img:hover{

width:288px;

height:192px;

    overflow: hidden;

    transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

}



.pro_r>ul>li>a{

	width:282px;



    height:30px;

    display: block;

    color:#fff;

 	position: absolute;

 	bottom: 0px;

	background:rgba(28,92,234,.8);

    line-height:30px;

    text-align: center;

    overflow:hidden;

    font-size: 14px;





   

}

.pro_r>ul>li>a:hover{



   	background:rgba(41,163,241,1);



}

.pro_cont{

	margin-top: 20px;

}

/*产品结束*/

/*合作客户*/

.box0_hz {width:1180px; position:relative; margin:auto;
    }

.box0_hz ul {margin:20px auto 0px auto;}

.box0_hz li {float:left; width:182px; margin:0px 53px 0px 0px; text-align:center;}

.box0_hz li img {width:182px; height:92px; border:1px solid #cfdbeb;  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;}

.box0_hz li img:hover{border:1px solid #1c5cea;}

.box0_hz li:hover span a {

	color:#1c5cea;

}

.box0_hz li span a {display:block; overflow:hidden; text-overflow:ellipsis; line-height:30px; font-size:14px; height:30px; text-align:center; width:100%; color:#303030;}

.box0_hz .lefts{ background: url(../images/left.png) no-repeat ; display: block; width: 20px; height: 44px; position: absolute; left:50px; top:38px;}

.box0_hz .rights { background: url(../images/right.png) no-repeat ; display: block; width:  20px; height: 44px; position: absolute; right:56px; top:38px;}

.lunbo_box_hz{

	margin:0 auto;


}



/*合作客户*/



/*优势*/

.ys_bg{
 overflow: hidden;
	background:url(../images/ys_bg.png) no-repeat center;

	height: 670px;

	margin-top: 50px;

}

.ys_box h3 a span{

	color: #1c5cea;

	font-weight: bold;

}

.ys_fl{

	width: 588px;

	margin-top: 26px;

}

.ys_fl ul li{

	float: left;

	width: 290px;

	height: 130px;

	border:1px solid #dcdcdc;

	margin:1px;

	text-align: center;

	background-color: #fafafa;

	  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

}

.ys_fl ul li.on{

	background-color: #1c5cea;

}

.ys_fl ul li.on h5,.ys_fl ul li.on p,.ys_fl ul li.on em{

	color: #fff;

}

.ys_fl ul li h5{

	color: #4c4c4c;

	font-size: 24px;

	text-align: center;

	margin-top: 26px;

	  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

}

.ys_fl ul li p,.ys_fl ul li em{

	 -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

}

.ys_cont div{

	position: relative;

	width: 592px;

	height: 461px;



}

.ys_cont div em{

	position: absolute;

	display: block;

	width: 450px;

	height: 110px;

	background-color: rgba(28,92,234,.8);

	bottom: 35px;

	left: 0;

	color: #fff;

	padding:30px 0 0 30px;

}

/*优势*/



/*第一个小banenr*/

.s_banner1{

	background: url(../images/s_banner1.jpg) no-repeat center;

	height: 210px;



}

.s_banner2{

	background: url(../images/s_banner2.jpg) no-repeat center;	

	margin-top: 50px;

}





.s_font1_r em,.s_font1_r p{

	color: #fff;

text-align: right;

}

.s_font1_r h5{

	color: #1c5cea;

	font-size: 24px;



text-align: right;

}

.s_font1_r h4{

	color: #4c4c4c;

	text-align: right;

	font-size: 12px;

	

	text-transform: uppercase;

}

.s_font1_r p{

	font-size: 24px;

	margin-top: 10px;

	color: #4c4c4c;

}

.s_font1_r p>span{

	font-size: 14px;

}

.s_phone1{

	text-align: right;

}



.s_font1_r a{

	width: 136px;

	height: 36px;

	color: #fff;

	display: block;

	font-size: 16px;

	text-align: center;

	line-height: 36px;

	float: right;

	background-color: #1c5cea;

		margin-top: 10px;

	

}

.s_font1_r a:hover{

	background-color: #29a3f1;

	color: #fff;

}

.s_font1_r{

	margin-top: 30px;

	text-align: right;

}



.s_banner2 .s_font1_r>em{

	font-size: 14px;

	color: #fff;

	text-align: left;

	display: block;

	text-transform: uppercase;

}

.s_banner3 .s_font1_r{

	text-align: left;

	text-transform: uppercase;

}

.s_banner3 .s_font1_r>h4>span{

	font-size: 18px;

	color: #fff;

}

/*第一个小banenr*/







/*案例*/

.anli_box ul li{

	float: left;

	width: 20%;

	height: 210px;

	position: relative;

	overflow: hidden;

}

.anli_box ul li img{

	width: 100%;

	height: 100%;

	

}



.anli_box ul li div{

	width: 100%;

	height: 100%;

	  -webkit-transition: all 0.35s ease-in-out;



  transition: all 0.35s ease-in-out;

background-color: rgba(0,0,0,0);



}

.anli_box ul li:hover div{

	display: block;

	text-align: center;

	line-height: 100%;

	background-color: rgba(0,0,0,.5);

	position: absolute;

	top: 0px;

}

.anli_box ul li:hover div>a{

	color: #fff;

	font-size: 16px;

	width: 100%;

	height: 100%;

	display: block;

	padding-top: 25%

}

.anli_more{

	background: url(../images/anli_line.png) no-repeat center;

	margin-top: 30px;

}

.anli_more>a{

	width: 222px;

	height: 42px;

	text-align: center;

	line-height: 42px;

	font-size: 16px;

	color: #808080;

	display: block;

	margin:0 auto;

	border: 1px solid #808080;

	text-transform: uppercase;

}

.anli_more>a:hover{

	background-color: #1c5cea;

	color: #fff;

}

/*案例*/

/*客户见证*/



.sec7_con{

	width: 1180px;

	overflow: hidden;

}

.sec7_con ul li{

	float: left;

	width:480px;

	height: 166px;

	background-color: #fafafa;

	margin: 20px 22px 20px 22px;

	  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

}

.sec7_con ul li:hover{

		box-shadow:0px 0px 16px rgba(0,153,255,.4);

		transform:translate3d(0,-2px,0);

		background-color: #1c5cea;

}

.sec7_con ul li:hover a,.sec7_con ul li:hover p{

	color: #fff;

}

.sec7_con ul li>a{



	padding-bottom: 8px;

	float: left;

}

.sec7_con ul li img{

	width: 166px;

	height: 166px;

	

}

.sec7_con>div{

	width: 1050px;

	margin:0 auto;

}

.sec7_txt{

	text-align: left;

}

.sec7_txt h4 a{

	font-size: 16px;

	line-height: 28px;

	color: #4c4c4c;



	display: block;

	margin-top: 6px;

}

.sec7_txt b{

	color: #342c2a;

	font-weight: normal;





}

.sec7_txt h4 a:hover{



	color: #5a2e18;

}

.sec7_txt{

	margin-top: 14px;

	width: 280px;

	height: 166px;

	margin-left: 25px;

	float: left;

}

.sec7_txt p{

	font-size: 14px;

	color: #4c4c4c;

	

	height: 40px;

	overflow: hidden;

	width: 250px;



}



.sec7_txt em{

	color: #cccccc;

}

.sec7_txt>a{

	width: 85px;

	height:24px;

	display: block;

	line-height: 24px;

	



	color: #808080;

	text-transform: uppercase;

	margin-top: 20px;

	

}

.sec7_txt>a:hover{



	color:#fff;

}



.kh_b1{

	width: 540px;

	height: 1px;

	display: block;

	background-color: #808080;

	position: absolute;

	bottom:12px;

}

.kh_b2{

	width: 540px;

	height: 1px;

	display: block;

	background-color: #808080;

		position: absolute;

	bottom: 12px;

	right: 0px;

}

/*客户见证*/



/*about*/



.about_bg2{



	height: 310px;

	margin-top:70px;

}



.about_bg2 ul li{

	float: left;

	width: 590px;

	height: 336px;

	text-align: left;

	

}

.about_bg2 ul li h3{

	margin-left: 30px;

	margin-bottom:25px;

}

.about_bg2 ul li h3 em{

	color: #1c5cea;

	font-size: 24px;

	text-transform: uppercase;

	font-weight: bold;

}



.about_bg2 ul li>h3>b{

	width: 40px;

	height: 1px;

	background-color: #808080;

	display: block;

	margin:20px 0 0 0;

}



.about_bg2 ul li b:hover{

	right:490px;

}

.about_bg2 ul li p{

	width: 554px;

	height: 90px;

	overflow: hidden;

	line-height: 22px;

	color: #666666;

	margin-left: 30px;



}



.about_bg2 ul li>i>img{

	width: 590px;

	height: 310px;



}

.about_bg2 ul li>em>a{

	width: 140px;

	height: 30px;

	display: block;

	line-height: 30px;

	text-align: center;

	border: 1px solid #666666;

	margin: 30px 0 0 30px;

	color: #666666;

}

.about_bg2 ul li>em>a:hover{

		background-color: #1c5cea;

		color: #fff;

		border: 1px solid #1c5cea;

}

/*about*/

/*荣誉资质*/



.box01 ul{margin:20px auto 0px;}

.box01 li{float:left; width:254px; margin:0px 20px 0px 0px; text-align:center;}

.box01 li img{width:254px; height:160px;   -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;}

.box01 li span a:hover{

	background-color: #1c5cea;

	color: #fff;

}
.new_box{
 height:531px;
    overflow: hidden;
}
.box01 li span a{display:block; overflow:hidden; text-overflow:ellipsis; line-height:30px; font-size:14px; 

	height:30px; text-align:center; width:100%; color:#4c4c4c;background-color: #e5e5e5;

}

.box01 .lefts2{ background: url(../images/left.png) no-repeat ; display: block; width: 20px; height:43px; position: absolute; left:-50px; top:76px;}

.box01 .rights2 { background: url(../images/right.png) no-repeat ; display: block; width:20px; height:43px; position: absolute; right:-50px; top:76px;}



.ryzz{width:1180px;position:relative;  height:295px;
    overflow: hidden;}

.ryzz .tab4_menu{z-index:1;height: 30px;width:326px;margin-top: 30px;margin:30px auto 40px auto;}

.ryzz .tab4_menu li{width:140px;height:38px;line-height:38px;cursor:pointer;text-align:center ;font-size: 14px;

					 display:inline-block;background-color: #333;margin:0 10px 0 10px;color: #fff;font-size:16px; }


/*荣誉资质*/



/*new*/

/* new开始*/



.new_top ul{

	overflow: hidden;

	margin:0 auto 20px auto;

	width: 374px;



}

.new_top ul li{

	float: left;

}

.new_top ul li a{

	float: left;

	font-size: 14px;

	line-height: 26px;

	text-align: center;

	margin-left: 10px;

	margin-right: 10px;

	

	

	width: 104px;

	height: 26px;

	background-color: #eeeeee;

	text-align: center;

	color: #4c4c4c;



}

.new_top ul li a:hover,.new_top ul .on a{

	color: #fff;

	background-color: #1c5cea;

}

.new_con {

	width: 1180px;

	height: 350px;

	overflow: hidden;

}

.box11 {width:1180px;padding:20px;position:relative;height: 338px;margin:0 auto;}

.box11 ul {width:1180px;height: 700px;margin:0 auto;}

.box11 li {float:left;width:306px;height:306px;  position: relative;margin: 0 15px 0 15px;

	padding-bottom: 20px;

	 -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

  border-bottom: 1px solid #cccccc;



 }

.box11 li:hover{

	  border-bottom: 1px solid #ff7701;

}

.box11 li .new_c_t h4 a:hover{

	color: #1c5cea;

}

.box11 li>a{

	width: 100px;

	height: 30px;

	border-radius: 14px;

	display: block;

	border:1px solid #808080;

	background: url(../images/new_more.png) no-repeat center;

}

.box11 li>a:hover{

width: 150px;

	background: url(../images/new_more2.png) no-repeat center;

		background-color: #1c5cea;

}

.new_c_b a img{

	width:306px;

	height: 130px;

}

.box11 li .new_c_t h4{

	width:306px;

	overflow: hidden;

	text-overflow: ellipsis;

    white-space: nowrap;

}

.box11 li .new_c_t h4 a{

	display: block;

	color: #4c4c4c;

	font-size:16px;

	margin-top: 30px;

	text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}



.box11 li .new_c_t>p{

	color: #808080;

	width: 306px;

	overflow: hidden;

	margin:14px 0 20px 0px;



	height:42px;



}

.box11 li .new_c_t>em{

	color: #808080;

	font-size: 12px;

}

.new_cont{

	width: 1110px;

	margin:0 auto;

	height: 338px;

	overflow: hidden;

}

.box11 .lefts ,.rights {display: block;width:22px;height:38px; position: absolute;top:36%; background: url(../images/p_n.png) no-repeat;z-index: 9999;}

.box11 .lefts {background-position: 0 0;left: 30px;}

.box11 .rights {background-position: 0px 0;right: 110px;background: url(../images/p_n.png) no-repeat -25px 0px;}

/* 常见问题文字向上滚动结束*/

/* 新闻选项卡横向滑动门开始 */



.tab_menu{

    width:100%;

   color: #333333;

   line-height: 42px;

}

.tab_menu>a{

    color:#666;

    float: right;

    line-height: 42px;

    padding-right: 32px;

    text-transform: uppercase;

}

.tab_menu>a:hover{

	color: #ff9502;

}

.tab_menu li{

    float:left;

    width:150px;

    height:42px;

    border-bottom:0px;

    cursor:pointer;

    text-align:center; 

  

    font-size: 16px;

    padding-left: 16px;

}

#tab .tab_menu li>i{

	color: #666666;

	font-size: 10px;

}

#tab .tab_menu li>a>p{

	font-size: 12px;

	margin: 0;

}

.new_left{

	float: left;

}



.tab_box{

    width:790px;

    height:400px;

    clear:both;



}

.tab_menu .on{

  background-color: #f27000;

    cursor:pointer;

    

    padding-left: 16px;

}

.new_lun{

	width: 1080px;

	margin:0 auto;

}




/* 企业展示 */
.box_09{width:1180px;height:auto;background:#fff;overflow:hidden;margin:30px auto 0 auto;}

.box_09 .slideGroup02{width:1180px;margin:0 auto;}

.box_09 .slideGroup02 .parHd{width:300px;height:40px;margin:0 auto;}

.box_09 .slideGroup02 .parHd ul{width:300px;height:40px;overflow:hidden;font-size:16px;}

.box_09 .slideGroup02 .parHd ul li{width:140px;height:40px;line-height:40px;cursor:pointer;color:#fff;text-align:center;background:#333;float:left;margin-right:20px;position:relative;z-index:0;}

.box_09 .slideGroup02 .parHd ul li:last-child{margin-right:0px;}

.box_09 .slideGroup02 .parHd ul li::before{content:'';width:140px;height:0px;background:#1c5cea;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .slideGroup02 .parHd ul li.on::before{content:'';width:140px;height:40px;background:#1c5cea;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .slideGroup02 .parBd{margin-top:30px;height:220px;overflow:hidden;}

.box_09 .slideGroup02 .parBd .slideBox{position:relative;}

.box_09 .slideGroup02 .parBd .slideBox .tempWrap{width:1180px;margin:0 auto;overflow:hidden;}

.box_09 .slideGroup02 .parBd ul{width:1180px;overflow:hidden; zoom:1;}

.box_09 .slideGroup02 .parBd ul li{width:280px;height:205px;margin-right:20px;cursor:pointer;float:left;-webkit-transition: all .5s;transition: all .5s;}

.box_09 .slideGroup02 .parBd ul li a{display:block;}

.box_09 .slideGroup02 .parBd ul li .img{width:280px;height:170px;overflow:hidden;}

.box_09 .slideGroup02 .parBd ul li .img img{width:280px;height:170px;transition: all 1s;vertical-align:top;}

.box_09 .slideGroup02 .parBd ul li:hover .img img{transform: scale(1.1);}

.box_09 .slideGroup02 .parBd ul li .name{width:240px;height:30px;line-height:30px;padding:0 20px;margin-top:5px;background:#e5e5e5;font-size:14px;color:#4c4c4c;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}

.box_09 .slideGroup02 .parBd ul li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .slideGroup02 .parBd ul li .name::before{content:'';width:0px;height:30px;background:#1c5cea;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

.box_09 .slideGroup02 .parBd ul li:hover .name::before{content:'';width:280px;height:30px;background:#1c5cea;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}

 