﻿@media (min-width:1200px) {
.pc{ display:block}
.moblie{ display:none}
/* 效果CSS开始 */
.mod18{position:relative;margin:0 auto; width:740px;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0px;background:url(../img/zj01.jpg) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:470px;width:30px;height:97px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0px;background:url(../img/yj01.jpg) no-repeat; margin-top:0px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}

.mod18 .picBox{width:738px; height:453px; position:relative;overflow:hidden; border:0px solid #999999}
.mod18 .picBox ul{height:453px;position:absolute; left:0;}
.mod18 .picBox li{width:740px;height:453px; text-align: center;}
.mod18 .picBox li span{ height:100%; display:inline-block; vertical-align:middle}
.mod18 .picBox li img{  max-width:100%; vertical-align:middle; width:100%;}
.mod18 .listBox{width:642px;height:120px;margin:0 auto;position:relative; padding-top:18px;overflow:hidden;}
.mod18 .listBox ul{;position:absolute; padding-left:12px; margin-top:10px;}
.mod18 .listBox li{width:100px;height:80px;cursor:pointer;position:relative; border:0px solid #999; text-align: center; margin-right:10px}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:158px;height:98px;}
.mod18 .listBox .on{border:1px solid #ff0000;}
.mod18 .listBox .on i{display:block;}
.mod18 .listBox li span{height:100%; display:inline-block; vertical-align:middle}
.mod18 .listBox li img{max-height:100%; max-width:100%; vertical-align:middle;}
@media (max-width:1199px) {
.pc{ display:none}
}