body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}
body { color: #515151;font-family:"微软雅黑";font-size: 12px;}
a { color: #515151; text-decoration: none;}

.clearfix:after { content: ""; display: table; clear: both;}
.clear{ clear:both;}
@font-face{font-family: "禹卫书法行书简体";src:url(../../resource/css/禹卫书法行书简体.ttf);}


/*->分屏背景
*********************/
.bg1 { background: url(../image/page1_bg.jpg) 50% 0 no-repeat;}
.bg2 { background:url(../image/page2_bg.jpg) 50% 0 no-repeat;}
.bg3 { background: url(../image/page3_bg.jpg) 50% 0 no-repeat;}
/*->主题css
*********************/
#foot{margin: 0; padding: 0; position: fixed; right: 70px; bottom: 0px; background:#333 url(../../resource/image/bot_bg.png) no-repeat;background-position:-2px 0;list-style-type: none; z-index: 10000;width: 100%;border-bottom: 1px solid #fff;}
#foot p{ font-size:12px;font-family:"微软雅黑";color: #fff;}
.foot_r{ float:left;width: 100%;}
#foot i{ width:34px; height:34px; background:#424347; font-size:18px;color:#ffffff; line-height:34px; text-align:center;border-radius: 17px;margin-left: 10px;
-webkit-border-radius:17px;moz-border-radius:17px;}
#foot i:hover{ background:#049589;}
.bot{width:75%;margin: 0 auto;height: 51px;line-height: 51px;}
#foot_r{width: 100%;}
#botbj{width: 100%;}
#bot{width: 100%;}
#fot{color: #fff;font-size: 12px;width: 100%;text-align: center;letter-spacing: 2px;}
.nav{width: 100%;height: 143px;background: url(../../resource/image/head_bg.png) no-repeat center bottom;
	position: fixed;z-index: 100;top: 0;left: 0;
	animation:animation1_nav 1s ease 0s; 
	-webkit-animation:animation1_nav 1s ease 0s;
}
@keyframes animation1_nav {
	0% { left: -1000px; opacity:0.1;}
	100% { left:0; opacity:1; }
}
@-webkit-keyframes animation1_nav {
	0% { left: -1000px; opacity:0.1;}
	100% { left:0; opacity:1; }
}

.nav_con{margin: 0 auto;height:143px;width: 75%;}
.logo{width: 41%;float: left;}
.nav_list{width: 59%;overflow: hidden;padding-top: 95px;height: 18px;margin-left: 1%;}
.nav_list ul li{float: left;width: 12%;text-align: center;border-right: 1px solid #bdbbc6;border-left:1px solid #e4e3e8;}
.nav_list ul li a{color: #fff;font-size: 14px;display: block;}
.nav_list ul li a:hover{background: url(../../resource/image/nav_hbg.png) no-repeat center;}


/*->第一屏样式
*********************/
.content1{ width:1000px;color:#ffffff; margin:auto; position:relative;
	transition: all 1s;
	-webkit-transition:all 1s;
	animation: animation_pgcon1 1s ease 0s;
	-webkit-animation:animation_pgcon1 1s ease 0s;
}
.content1:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.content1_ge{ width:340px; height:50%; margin:0 auto;}
.content1 .jt{ position:absolute; bottom:10px; left:46%; color:#FFF; cursor:pointer; font-size:22px;}
.content1 .p1{ width:100%;font-size: 40px;text-align: center;text-shadow: 2px 3px 2px #333;-webkit-text-shadow: 2px 3px 2px #333;font-weight: bold;}
.content1 .p2{ width:100%; height:35px; line-height:35px; text-align:center; font-size:18px;letter-spacing:2px;font-family:"禹卫书法行书简体";transition: all 1s;-webkit-transition: all 1s;}

@keyframes animation_pgcon1 {
	0% { top: -1000px; opacity:0.1;}
	100% { left:0; opacity:1; }
}
@-webkit-keyframes animation_pgcon1 {
	0% { top: -1000px; opacity:0.1;}
	100% { left:0; opacity:1; }
}

/*->第二屏样式
*********************/
.content2{width:60%; color:#ffffff; margin:auto;position:relative;text-align: center;}
.content2 .js_con{ width:85%;height:63%;color:#333;font-family:"微软雅黑"; font-size:12px; line-height:24px; text-indent:24px; transition:1s; -webkit-transition:1s; position:absolute; left:11%; top:17%;text-align: left;overflow: hidden;}
.active .content2 .js_con{ animation:animation3_text 1.5s ease 0s; -webkit-animation:animation3_text 1.5s ease 0s;}
.active .content2_bg{transition: all 1s;-webkit-transition: all 1s;width: 100%;position: relative;}
.active .content2_bg:hover{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.js_bt {text-indent: 0;border-bottom: 1px solid #a7a6aa;margin-bottom: 3%;}
.js_bt .ch{font-size: 18px;font-weight: bold;}
.content2_ge{height: 20%;}
.content2 .more{ padding:1% 10%; border:1px solid #ffffff; text-align:center;font-size:14px; position:absolute; z-index:9; bottom:-9%; left:40%; cursor:pointer; transition:0.5s; -webkit-transition:0.5s; border-radius:5px;}
.active .content2 .more{ animation:animation3_more 1.5s ease 0s; -webkit-animation:animation3_more 1.5s ease 0s;}
.active .content2 .more a{color: #fff;}
.content2 .more:hover{ background:#0daa63; text-shadow:2px 2px 3px #000; -webkit-text-shadow:2px 2px 3px #000;}
.js_bg{
	width: 100%;
	animation: animation2_jsbg 1.5s ease 0s;
	-webkit-animation:animation2_jsbg 1.5s ease 0s;
}

@keyframes animation2_jsbg {
	0% {bottom: -100%;}
	100% {bottom: 0;}
}
@-webkit-keyframes animation2_jsbg {
	0% {bottom: -100%;}
	100% {bottom: 0;}
}

@keyframes animation3_title {
	0% { right: -100%;}
	100% { right:0;}
}
@-webkit-keyframes animation3_title {
	0% { right: -100%;}
	100% { right:0;}
}
@keyframes animation3_text {
	0% { top: -500%;}
	100% { top:17%;}
}
@-webkit-keyframes animation3_text {
	0% { top: -500%;}
	100% { top:17%;}
}
@keyframes animation3_more {
	0% { bottom: -350px;}
	100% { bottom:-9%;}
}
@-webkit-keyframes animation3_more {
	0% { bottom: -350px;}
	100% { bottom:-9%;}
}

/*第三屏*/
.content3_ge{height: 45%;}
.content3{position: relative;}
.gc_bg{width: 100%;}
.gc_nr{width: 75%;position: absolute;top: 10%;left:12%;}
.gc_nr ul li{width: 17%;float: left;border-radius:50%;margin: 0 3.8%;border: 1px solid transparent;overflow: hidden;position: relative;transition: all 1s;-webkit-transition: all 1s;}
.gc_nr ul li:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.gc_nr ul li img{width: 100%;}
.active .gc_nr ul li.gc_nr1{margin-top: 30px;animation: animation3_gc_nr1 1s ease 0s;-webkit-animation: animation3_gc_nr1 1s ease 0s;}
.active .gc_nr ul li.gc_nr2{margin-top: -85px;animation: animation3_gc_nr2 1.3s ease 0s;-webkit-animation: animation3_gc_nr2 1.3s ease 0s;}
.active .gc_nr ul li.gc_nr3{margin-top: -30px;animation: animation3_gc_nr1 1.6s ease 0s;-webkit-animation: animation3_gc_nr1 1.6s ease 0s;}
.active .gc_nr ul li.gc_nr4{margin-top: 40px;animation: animation3_gc_nr2 2s ease 0s;-webkit-animation: animation3_gc_nr2 2s ease 0s;}
.gc_title{
	width:100%;
	position: absolute;top: 42%;left: 0;
	color: #333;font-size:18px;
	text-shadow: 1px 1px #fff;
	-webkit-text-shadow: 1px 1px #fff;
	text-align: center;
}
@keyframes animation3_gc_nr1{
	0% {bottom: -1000px;opacity: 0.1;}
	100% {bottom: 0;opacity: 1;}
}
@-webkit-keyframes animation3_gc_nr1{
	0% {bottom: -1000px;opacity: 0.1;}
	100% {bottom: 0;opacity: 1;}
}

@keyframes animation3_gc_nr2{
	0% {top: -1000px;opacity: 0.1;}
	100% {top: 0;opacity: 1;}
}
@-webkit-keyframes animation3_gc_nr2{
	0% {top: -1000px;opacity: 0.1;}
	100% {top: 0;opacity: 1;}
}


i{ cursor:pointer;}

/*二级页导航*/
.navfy{width: 100%;background: #fff;height: 106px;}
.navfy_con{width: 56%;margin: 0 auto;overflow: hidden;}
.logofy{width: 12%;float: left;margin-left: 5%;margin-top: 1%;transition: all 1s;-webkit-transition: all 1s;cursor: pointer;}
.navfy_list{width: 73%;margin-left: 27%;overflow: hidden;margin-top: 50px;height: 18px;line-height: 18px;}
.navfy_list ul li{float: left;border-left: 1px solid #6b6b6b;border-right:1px solid #8d8d8d;width: 12%;text-align: center;overflow: hidden;}
.navfy_list ul li a{display: block;width: 100%;font-size: 14px;}
.navfy_list ul li a:hover{background: url(../../resource/image/nav_hbg.png) no-repeat center;color: #fff;}

/*公司简介*/
#Main{width: 100%;background: url(../../resource/image/page2_bg.jpg) no-repeat center top;padding-bottom: 70px;min-height: 700px;}
.about_bt{width: 290px;margin: 0 auto;position: relative;height: 60px;animation: animation1_aboutbt 1.5s ease 0s;-webkit-animation:animation1_aboutbt 1.5s ease 0s;}
.about_bt img{width: 100%;padding-top: 8%;}
@keyframes animation1_aboutbt {
	0% {  top: -200px;}
	100% { top:0;}
}
@-webkit-keyframes animation1_aboutbt {
	0% {  top: -200px;}
	100% { top:0;}
}

.about_text{color: #fff;position: absolute;top: 10px;left: 0;width: 290px;text-align: center;}
.about_text .ch{font-size: 18px;}
.about_text .en{font-size: 14px;}
.about_con{width: 56%;margin:0 auto;position: relative;overflow: hidden;margin-top: 2%;}
.about_con img{width: 100%;}
.con_all{position: absolute;bottom: 20px;left: 0;padding:0 34% 0px 5%;overflow: hidden;overflow-y:auto;color: #000;line-height: 23px;margin-top: 40px;
	animation:animation1_dumascroll_area 1.5s ease 0s;
	-webkit-animation: animation1_dumascroll_area 1.5s ease 0s;
	-o-animation: animation1_dumascroll_area 1.5s ease 0s;
	transition: all 1s;
	-webkit-transition: all 1s;
	font-size: 14px;
}

@keyframes animation1_dumascroll_area {
	0% {  bottom: -800px;}
	100% { bottom:20px;}
}
@-webkit-keyframes animation1_dumascroll_area {
	0% {  bottom: -800px;}
	100% { bottom:20px;}
}


.about_pic{width: 29%;position: absolute;top: 30px;right: 24px;cursor: pointer;
	animation:animation1_about_pic 1.5s ease 0s;
	-webkit-animation:animation1_about_pic 1.5s ease 0s;
	-o-animation: animation1_about_pic 1.5s ease 0s;
}
.about_pic img{width: 100%;transition: all 1.5s;-webkit-transition: all 1.5s;}

@keyframes animation1_about_pic {
	0% {  right: -800px;transform: rotate(0deg);}
	100% { right:24px;transform: rotate(1080deg);}
}
@-webkit-keyframes animation1_about_pic {
	0% {  right: -800px;transform: rotate(0deg);}
	100% { right:24px;transform: rotate(1080deg);}
}

/*联系我们*/
.main1{width: 100%;background: url(../../resource/image/page2_bg.jpg) no-repeat center top;min-height: 550px;padding-top: 12%}
.lxwm{width: 40%;background: url(../../resource/image/lxwm_bg.png) no-repeat center bottom;margin: 0 auto;overflow: hidden;}
.lxwm_db{width: 14%;float: left;margin: 20% 0 5% 6%;text-align: center;}
.db{text-align: center;}
.lxwm_con{width: 70%;float: left;margin-left: 10%;margin-top: 2%;}
.lxwm_con h3{color: #333;padding-top: 5%;}
.lxwm_con h3 img{padding-left: 15px;}
.lxwm_xq{background: url(../../resource/image/ppp.png) no-repeat left top;margin-top: 25px;padding-left: 10px;}
.lxwm_xq li{padding-left: 30px;height: 18px;margin-bottom: 20px;}

/*listpage*/
.page{height: 28px;text-align: center;line-height: 25px;position: relative;bottom: 0;left: 0;
	animation: animation0_page 1.5s ease 0s;
	-webkit-animation:animation0_page 1.5s ease 0s;
}
.page a{display: inline-block;color: #333;width: 25px;height: 25px;border: 1px solid #fff;margin-left: 5px;background: #fff;border-radius: 6px;transition: all 1s;-webkit-transition: all 1s;}
.page a.page0{margin: 0 5px;}
.page a.page10{margin: 0 5px;}
.page a:hover{background: none;border: 1px solid #fff;color: #fff;}
.page .select{background: none;border: 1px solid #fff;color: #fff;}
@keyframes animation0_page{
	0% { bottom: -400px;}
	100% { bottom: 0px;}
}
@-webkit-keyframes animation0_page{
	0% { bottom: -400px;}
	100% { bottom: 0px;}
}

/*新闻中心*/
#Main1{width: 100%;background: url(../../resource/image/page3_bg.jpg) no-repeat center top;padding-bottom: 70px;min-height: 700px;}
.news_type{width: 100%;text-align: center;height: 30px;line-height: 30px;}
.type1{background: #fff;color:#000;border:1px solid #fff;padding: 5px 3%;border-radius: 15px;margin: 0 2%;cursor: pointer;transition: all 1s;-webkit-transition: all 1s;}
.type1:hover{background: none;color: #fff;}

.news_list{width: 55%;margin: 0 auto;margin-top: 1.5%;}
.news_list ul li{width: 98%;background: #0ea961;padding: 10px 1%;overflow: hidden;margin: 2% 0;transition: all 1.5s;-webkit-transition: all 1.5s;}
.newslist_pic{width: 15%;float: left;text-align: center;}

.newslist_text{width:75%;float: left;margin-left: 5%;}
.newslist_text_bt{color: #fff;transition: all 1.5s;-webkit-transition: all 1.5s;}
.newslist_date{font-size: 12px;color: #d8edff;border-bottom: 1px solid #d8edff;opacity: 0.7;padding-bottom: 5px;transition: all 1.5s;-webkit-transition: all 1.5s;}
.newslist_description{font-size: 12px;color: #d8edff;padding-top: 5px;transition: all 1.5s;-webkit-transition: all 1.5s;}

#news_li0{
	position: relative;top: 0;right: 0;
	animation: animation0_li 1.7s ease 0s;
	-webkit-animation:animation0_li 1.7s ease 0s;
}
@keyframes animation0_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
@-webkit-keyframes animation0_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
#news_li1{
	position: relative;top: 0;right: 0;
	animation: animation1_li 2s ease 0s;
	-webkit-animation:animation1_li 2s ease 0s;
}
@keyframes animation1_li{
	0% { right: -1000px;opacity: 0.1;}
	100% { right: 0px;opacity: 1;}
}
@-webkit-keyframes animation1_li{
	0% { right: -1000px;opacity: 0.1;}
	100% { right: 0px;opacity: 1;}
}
#news_li2{
	position: relative;top: 0;right: 0;
	animation: animation2_li 2.4s ease 0s;
	-webkit-animation:animation2_li 2.4s ease 0s;
}
@keyframes animation2_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}
@-webkit-keyframes animation2_li{
	0% { left: -1000px;opacity: 0.1;}
	100% { left: 0px;opacity: 1;}
}

/*新闻详情页*/
.news_show{width: 55%;margin: 0 auto;background: #fff;margin-top: 3%;padding: 20px 30px;
	transition: all 1s;
	-webkit-transition:all 1s;
	animation: animation1_newsshow 3s ease 0s;
	-webkit-animation: animation1_newsshow 3s ease 0s;
}
.news_show:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.news_show_title{width: 100%;text-align: center;}
.news_show_xd img{width: 100%;}

@keyframes animation1_newsshow{
	0% { opacity: 0.1;}
	100% { opacity: 1;}
}
@-webkit-keyframes animation1_newsshow{
	0% { opacity: 0.1;}
	100% { opacity: 1;}
}
.newsshow_bt{font-size: 14px;font-weight: bold;}
.newsshow_date{float: right;font-size: 11px;padding-top: 15px;color: #b6b6b6;}
.news_show_con{height: 310px;padding: 15px 20px 0 0;}
.detail_page{margin-top: 20px;}
.detail_page a{transition: all 1s;-webkit-transition: all 0.5s;}
.detail_page a:hover{color: #0ea961;}
.page_sx{width: 22px;height: 22px;display:inline-block;border: 1px solid #0ea961;border-radius: 15px;background: #0ea961;text-align: center;line-height: 22px;color: #fff;margin-right: 5px;}

/*产品list*/
#Main2{width: 100%;background: url(../../resource/image/page3_bg.jpg) no-repeat center top;padding-bottom: 50px;min-height: 740px;}
.products_list{width: 64%;margin: 1% auto;overflow: hidden;}
.products_list ul .prolist_one{width: 21%;float: left;margin:10px 2%;position: relative;
	transition: all 1s;
	-webkit-transition: all 1s;
}

#prolist0{
	animation: animation0_prolist 2s ease 0s;
	-webkit-animation: animation0_prolist 2s ease 0s;
}
@keyframes animation0_prolist{
	0%{left: -800px;opacity: 0.1;}
	100%{left: 0;opacity: 1;}
}
@-webkit-keyframes animation0_prolist{
	0%{left: -800px;opacity: 0.1;}
	100%{left: 0;opacity: 1;}
}

#prolist1{
	animation: animation1_prolist 2s ease 0s;
	-webkit-animation: animation1_prolist 2s ease 0s;
}
@keyframes animation1_prolist{
	0%{right: -800px;opacity: 0.1;}
	100%{right: 0;opacity: 1;}
}
@-webkit-keyframes animation1_prolist{
	0%{right: -800px;opacity: 0.1;}
	100%{right: 0;opacity: 1;}
}
.products_list ul li:hover{transform: scale(1.1);-webkit-transform: scale(1.1);box-shadow: 2px 2px 5px #333;}
.pro_list_title{width:100%;text-align: center;color: #fff;text-shadow: 2px 2px 5px #000;display: block;background: #000;opacity:0.8;line-height: 22px;position: absolute;bottom: 0;left: 0;}
.products_list ul li img{width: 100%;}

/*员工风采*/
.main_ygfc{width: 100%;background: url(../../resource/image/page3_bg.jpg) no-repeat center top;padding-bottom: 70px;min-height: 700px;}
.ygfc_list{width: 65%;margin: 0 auto;margin-top: 4%;}
.ygfc_list ul{overflow: hidden;margin-bottom: 4%;}
.ygfc_list ul li{width: 21%;margin:2%;float: left;position: relative;transition: all 1.5s;}
.ygfc_list ul li:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.ygfc_list ul li img{width: 100%;}
.ygfc_name{width: 96%;background: url(../../resource/image/ygfc_textbg.png) no-repeat center;position: absolute;bottom: 0;left: 0;color: #fff;line-height: 22px;padding: 2%;}
.zc_proshow{width: 28%;margin: 5% auto;position: relative;}
.zc_proshow_pic{text-align: center;}
.zc_proshow_pic img{width: 100%;}
.zc_proshow_con{position: absolute;bottom: 0;left: 0;background: url(../../resource/image/ygfcbg.png);color: #fff;padding: 2%;line-height: 22px;width: 96%;z-index: 1000;}
#ppp{position: absolute;bottom: -7%;right: 0; }
#ppp a{color: #fff;}
/*产品详情页*/
.products_show{width: 50%;margin: 2% auto;overflow: hidden;}
.proshow_pic{width: 100%;float: left;}
.proshow_pic img{width: 100%;}
.proshow_text{width: 44%;float: right;background: #fff;padding: 20px 3%;position: relative;}
.proshow_text_bt{width:100%;font-size: 16px;color: #044275;font-weight: bold;text-align: center;}
.proshow_text_con{width:100%;margin-top: 3%;}
.detail_propage{position: absolute;bottom: 5%;right: 5%;}
.proshow_pageleft{width: 31px;height: 31px;display: block;background: url(../../resource/image/ps_left.png) no-repeat center;float: left;line-height: 31px;}
.proshow_pageright{width: 31px;height: 31px;display: block;background: url(../../resource/image/ps_right.png) no-repeat center;float: left;line-height: 31px;margin-left: 10px;}

/*客户留言*/
.gbook_all{width: 65%;position: absolute;top: 0;left: 0;margin-top: 3.4%;}
.gbook_all ul li{width: 74%;border: 1px solid #fff;background: url(../../resource/image/gb_inputbg.png) no-repeat;margin-left: 8%;margin-top: 3.6%;}
.gbook_all ul li input{width: 70%;padding-left: 5px;background: none;border: medium none;height: 30px;}
.gbook_content{padding: 1% 0;}
.gbook_all ul li textarea{vertical-align: top;resize: none;width: 65%;background: none;border: medium none;min-height: 22px;padding: 2%;overflow: hidden;}
#gb_submit{width: 100%;padding: 0;background: #0da861;color: #fff;cursor: pointer;}
.gbook_bt img{padding-top: 12%;}
/*招聘中心*/
.job_all{position: absolute;top: 10%;left: 0;padding:0 34% 0px 5%;overflow: hidden;overflow-y:auto;color: #000;line-height: 23px;width: 60%;}
.job_sequence{float: left;background: #0da861;color: #fff;border: 1px solid #0da861;width: 22px;height: 22px;border-radius: 15px;text-align: center;line-height: 22px;}
.job_zw{float: left;font-weight: bold;margin-left: 10px;}
.job_number{float: left;font-weight: bold;margin-left: 20px;}
.job_top{overflow: hidden;font-size: 16px;}
.job_bot{padding-left: 34px;margin-top: 2%;}

/*员工风采详情*/
.mod18{width:500px;height:340px;margin:40px auto;position:relative;background:#f7f7f7;}
.mod18 .btn{position:absolute;width:15px;height:70px;top:568px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../../resource/images/prevBtn.png) no-repeat;top: 370px;}
.mod18 #prevTop,.mod18 #nextTop{top:150px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../../resource/images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../../resource/images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../../resource/images/nextBtn.png) no-repeat;top: 370px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:400px;height:540px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:350px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:330px;position:absolute;}
.mod18 .picBox li{width:500px;height:360px;}
.mod18 .listBox{width:495px;height:82px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{height:68px;cursor:pointer;position:relative;overflow: hidden;margin-left: 4px;margin-top: 15px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:74px;height:100px;}
.mod18 .listBox li img{width:96px;height:62px;}
.mod18 .listBox .on img{border:2px solid #ff6600;}
.mod18 .listBox .on i{display:block;}