/* CSS Document */
/*-------------首页-------------*/
img:hover{opacity: 0.9;}
.con{margin: auto; width: 1190px;}
 
*{box-sizing:border-box}
/*顶部导航*/
.headertop{ background:#e62700; display: block; height: 30px; }
.headertop li{ display:block; float: left;}
.headertop li a{ color: #fff; padding: 0 15px; line-height: 30px; display:block; float: left; }
.headertop li a:hover{ background:#333;color: #fff; }
.bg{width: 100%; height: auto; background: url("/images/zhongyi_index_bg.png") repeat;}
.bg-img{width: 100%; height: auto; background: url("/images/zhongyi_index_bg-img.png") no-repeat top center;}
.con{ margin:auto;width: 1190px;}
header{height:110px; margin-bottom: 260px;}
header .logo{ width: 114px; height: 80px; display: block; float: left;margin: 15px 40px 0 0;}
header .logo a{ width: 114px; height: 80px; background: url("/images/zhongyi.custom.png") 0 0; display: block; }
.nav>li{display: block; float: left;}
.nav>li>a { position: relative; display: block;   padding: 0 30px;   color: #666;}
.navbar-nav { margin-top: 50px; display: block; float: left;}
header .navbar-nav>ul{ width:490px;height: 110px; overflow: hidden; display:block; float: left;  margin-top: 30px;}
header .navbar-nav>ul>li{ width:120px;display: block; float: left;}
header .navbar-nav>ul>li a{display: block; float: left; color: #e62700; padding-right: 0px; white-space: nowrap; line-height: 40px;}
header .navbar-nav .open>a:hover {  background-color: #eee;  border-color: #e62700;}
.dropdown-menu{height: auto; width: auto; min-width: 110px; display:none; background:#333; }
.dropdown-menu li a{ display: block; clear: both; color: #ebe3dd; line-height: 34px; padding: 0 20px; }
.dropdown-menu li a:hover{ background:#e62700; color: #fff; }

header .header-search { width: 300px; display: block;float: right; margin-top: 40px; background: #fff; border-radius: 25px;}
header .header-search .topLayerTxt {margin: 0 !important; float: left}
header .header-search .fLayerdl { font-size: 14px !important;  top: 40px !important; z-index: 100}
header .data_search, .header .search-btn { display: inline-block;  vertical-align: top}
header .data_search {   width: 250px; *width: 210px;   height: 40px; line-height: 40px;   border: 1px solid #fff;   border-right: 0;   padding: 0 17px;   border-radius: 20px 0 0 20px; box-sizing: border-box;  outline: none;  box-shadow: none;}
header .header-search a { display: block;  width: 22px;  height: 22px; float: right; margin:9px 10px;    cursor: pointer;   background: #fff url(/images/zhongyi.custom.png) -220px 0;  }
header .search-btn:hover {  background: #fff url(/images/zhongyi.custom.png) -220px -30px;   }

/*焦点图特效*/
.box1{height: 410px;}
#focus{position: relative;height:410px;width:640px; display: block; float: left; overflow:hidden;}
#focus .bd{position: relative}
#focus .btn-prev, #focus .btn-next{display: none;position: absolute;width: 50px;height: 120px;z-index: 2;top:50%; margin-top: -60px;}
#focus .btn-prev{left: 0;background: url(/images/zhongyi.custom.png) no-repeat -670px -170px; }
#focus .btn-next{right: 0;background: url(/images/zhongyi.custom.png) no-repeat -730px -170px;}
#focus .focus-bar-box{width:640px;height: 410px;position: relative;overflow: hidden}
#focus .focus-bar{width:3200px}
#focus .focus-bar li{float: left;width:1190px;height: 410px}
#focus .focus-bar li a{width:640px;height:410px;display: block}
#focus .focus-bar li img{width: 640px; height:410px;}
#focus .ft{width: 640px; }
#focus .change{width: 110px; position: absolute;left:50%; margin-left: -55px; bottom: 20px;height: 12px; z-index:998; overflow:hidden;}
#focus .change a{float: left;  width: 12px;height:12px; margin:0 5px; background:#eee; border-radius: 6px;}
#focus .change a.on{background:#e62700;width: 12px;height:12px;}
#focus .hd{position: absolute;  left:0; bottom:10px; z-index:2; text-shadow: 1px 1px 0 #000; font-size:24px;width:640px;color:#fff; overflow:hidden; text-align: center; padding: 20px 40px 40px 40px; }
#focus .hd a{color: #fff;}

@media(max-width: 1199px) {
    .box1{height: 340px;}
    #focus{height:340px;width:530px;}
    #focus .focus-bar-box{width:530px;height: 340px;}
    #focus .focus-bar{width:2650px}
    #focus .focus-bar li a{width:530px;height:340px;}
    #focus .focus-bar li img{width: 530px; height:340px;}
    #focus .ft{width: 530px; }
    #focus .hd{width:530px;}
}


/*热门精选-选项卡*/
.tabs-box{width: 510px; height: 410px; display: block; float:left; padding-left: 30px;}
.nav-tabs{display: block; width: 510px; height: 60px; float: left;background: #f4f4f4; border: none;}
.nav-tabs>li>a { font-size: 18px;    margin-right:0;    line-height: 60px;    border:none;    border-radius:0;}
.nav>li>a { position: relative;    display: block;    padding: 0 30px;color: #666;}
.nav-tabs>li>a:hover {    border:none; line-height: 60px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #e62700;    cursor: default;    background-color: #fff;    border:none;    border-top: 2px solid #e62700; height: 60px;}
.tab-content{width: 510px;  *width: 470px; height: 410px; *height:350px; padding: 60px 20px 0 20px; *padding: 0 20px; background: #fff;}
/*精彩热门*/
.tab-content h2{font-size:22px;height: 80px; overflow: hidden; text-align: left; }
.tabs-con1 .top,.tabs-con3 .top{ display: block;padding: 25px 0; border-bottom: 1px solid #F1F1F1;}
.tabs-con1 .top a,.tabs-con3 .top a{height: 90px; display: block; overflow: hidden;}
.tabs-con1 .top span,.tabs-con3 .top span{ width: 130px; height: 90px; margin-right: 20px; display:block; float: left; overflow: hidden;}
.tabs-con1 .top span img,.tabs-con3 .top span img{width: 130px; height:auto; min-height: 90px; }
.tabs-con1 .top h2,.tabs-con3 .top h2{line-height: 30px; height: auto; padding-bottom: 8px;}
.tabs-con1 .top p,.tabs-con3 .top p{color: #999;}
.tabs-con1 ul{padding: 25px 0 0 0; width: 490px; display: block;}
.tabs-con1 ul li{ width: 220px; height: 152px; display: block; overflow: hidden; position: relative; float: left; margin-right: 25px;}
.tabs-con1 ul li img{ width: 220px; height:auto; min-height: 152px;}

.tabs-con1 ul li em,.main-box1 .center .top p em,.main-box1 .center .btm .img span em,.main-box2 .center .top .img span em,.main-box3 .box .img span em,.main-box4 .top .img em{height: auto;padding: 8px 10px; *padding: 8px 0; width: 100%; text-align: center; display: block; position: absolute; bottom: 0;left: 0; color: #fff;
    background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1));    /* IE 10 */
    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));/*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));/*谷歌*/
    background: -webkit-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1));   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,1));  /*Opera 11.10+*/
}
/*养生经验*/
.tabs-con2 h2{ height: 70px; display: block; overflow: hidden;line-height: 70px;}
.tabs-con2 em a{color: #e62700; display: block; float: right;}
.tabs-con2 em a:hover{color: #e62700; text-decoration: underline;}
.tabs-con2 p{ display: block;position: relative; padding-left: 45px; color: #999; height: 50px; overflow: hidden; margin-bottom: 10px;}
.tabs-con2 p span,.main-box1 .left .box p span{width: 22px; height: 14px; display: block; position: absolute; left: 10px;top: 0; background: url("../images/custom.png") -300px 0;}
.tabs-con2 ul{ width: 480px; height: 150px; overflow: hidden; margin-top: 20px;}
.tabs-con2 ul li{ width: 145px; display: block; float: left; margin-right: 15px; text-align: center;}
.tabs-con2 ul li span{ width: 145px; height: 100px; display: block; overflow: hidden; margin-bottom: 10px;}
.tabs-con2 ul li span img{ width: 145px; height: auto; min-height: 100px;}

/*最新文章*/
.tabs-con3 ul{ height: 140px; display: block; overflow: hidden; margin-top: 20px; }
.tabs-con3 ul li{ width:50%; *width:43%; padding: 0 15px; height: 36px; line-height: 36px;overflow:hidden;display: block; float: left; background: url("/images/zhongyi.custom.png") no-repeat -680px -64px;}

@media(max-width: 1199px) {
    .tabs-box{width: 430px; height: 340px; }
    .nav-tabs{display: block; width: 430px; height: 50px; }
    .nav-tabs>li>a {line-height: 50px; }
    .nav>li>a { padding: 0 20px;}
    .nav-tabs>li>a:hover {line-height: 50px;}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {height: 50px;}
    .tab-content{width: 430px; height: 340px;padding: 50px 20px 0 20px;background: #fff;}

    /*精彩热门*/
    .tabs-con1 .top,.tabs-con3 .top{ padding: 15px 0;}
    .tabs-con1 ul{padding: 15px 0 0 0; width: 410px;}
    .tabs-con1 ul li{ width: 190px; height: 132px;margin-right: 10px;}
    .tabs-con1 ul li img{ width: 190px; height:auto; min-height: 132px;}

      /*养生经验*/
    .tabs-con2 h2{ height: 60px;line-height: 60px;}
    .tabs-con2 p{ height: 50px; margin-bottom: 0; }
    .tabs-con2 ul{ width: 410px; height: 135px;margin-top: 15px;}
    .tabs-con2 ul li{ width: 120px;}
    .tabs-con2 ul li span{ width: 120px; height: 82px;}
    .tabs-con2 ul li span img{ width: 120px; height: auto; min-height: 82px;}

    /*最新文章*/
    .tabs-con3 ul{margin-top: 10px; }

}


/*特色中医*/
.title{ margin: 50px 0 20px 0;  display: block;  }
.title h2 {display: block; height: 96px;position: relative;}
.title h2 span{ width: 330px; height: 96px; overflow: hidden; display: block;position: absolute; left: 50%; margin-left: -165px;}
.title h2 .span1{background:url("/images/zhongyi.custom.png") 0 -80px;}
.title h2 .span2{background:url("/images/zhongyi_yang_pic.png") -330px -100px;}
.title h2 .span3{background:url("/images/zhongyi.custom.png") 0 -180px;}
.title h2 .span4{background:url("/images/zhongyi.custom.png") -330px -180px;}
.title p{ text-align: center; font-size: 16px; padding-top:15px; }
.title p em{color: #aaa;}
.title p a{ padding: 0 15px; color: #e62700;}
.title p a:hover{ color: #e62700; text-decoration: underline;}

.title2{ height: 70px; display: block;}
.title2 h2{ font-size: 20px; display: block; float: left; line-height: 70px; }
.title2 a em{ display: block; float: right; width: 63px;height: 35px; background: url("/images/zhongyi.custom.png") -250px -30px; color: #fff; margin-top: 15px; text-align: center;line-height: 35px; }
.title2 a:hover em{background: url("/images/zhongyi.custom.png") -320px -30px;}

.main-box1,.main-box2,.main-box3,.main-box4{ background: #fefefe;}
.main-box1 .left,.main-box1 .center,.main-box1 .right,.main-box2 .left,.main-box2 .center,.main-box2 .right{display: block; float: left; border-right: 1px solid #eaeaea; height: 540px; overflow: hidden;}
.main-box1 .left{width: 430px; }
.main-box1 .left .box{padding:30px 25px; height: 180px; *height: 120px; border-bottom: 1px solid #eaeaea;}
.main-box1 .left .box-btm{ border-bottom:none;}
.main-box1 .left .box h3{ font-size: 20px; line-height: 20px; height: 20px; display: block; overflow: hidden; margin-bottom: 15px;}
.main-box1 .left .box h3 em a{ background: #53CF8D; font-size: 16px; color: #fff;line-height: 20px; padding: 0 8px; display: block; float: left; margin-right: 8px;}
.main-box1 .left .box h3 em a:hover{ background: #333;}
.main-box1 .left .box h3 span a{color: #fff;}
.main-box1 .left .box h3 span a:hover{color: #fff; text-decoration:underline;}
.main-box1 .left .box p{padding-left: 50px; color: #999; display: block; position: relative; height: 50px; overflow: hidden;}
.main-box1 .left .box ul{ padding:15px 0 0 30px;}
.main-box1 .left .box ul li{ width: 50%; *width: 44%; float:left; padding-left: 20px; height: 20px; line-height: 20px;display: block; overflow: hidden;}
.main-box1 .left .box ul li a{color: #e62700;}
.main-box1 .left .box ul li a:hover{color: #e62700;text-decoration: underline;}

.main-box1 .center{width: 460px;}
.main-box1 .center .top{ height: 220px;padding: 0 25px; border-bottom: 1px solid #eaeaea;}
.main-box1 .center .top p{width: 180px; height: 126px;display: block; float: left; overflow: hidden; position: relative;  margin-right: 20px; }
.main-box1 .center .top p img{width: 180px; height: auto;min-height: 126px;}
.main-box1 .center .top ul{ height: 140px; width: 200px; display: block; overflow: hidden; float: left; margin-top: -10px; }
.main-box1 .center .top ul li{ width:100%; height: 36px; line-height: 36px;overflow:hidden;display: block; float: left; background: url("/images/zhongyi.custom.png") no-repeat -680px -64px;}
.main-box1 .center .top ul li a{padding: 0 0 0 15px; }

.main-box1 .center .btm{padding: 0 25px;}
.main-box1 .center .btm .img,.main-box2 .center .top .img{width: 430px; margin-bottom: 15px;}
.main-box1 .center .btm .img span,.main-box2 .center .top .img span{width: 190px; height: 132px;display: block; float: left; overflow: hidden; position: relative; margin-right: 25px; }
.main-box1 .center .btm .img span img,.main-box2 .center .top .img span img{width: 100%; height: auto; min-height:132px;}
.main-box1 .center .btm ul,.main-box2 .center .top ul{ height: 80px; width:430px ; display: block; overflow: hidden; float: left;  }
.main-box1 .center .btm ul li,.main-box2 .center .top ul li,.main-box2 .center .btm ul li,.main-box2 .right .ul1 li{ width:50%; *width:44%; height: 36px; line-height: 36px;overflow:hidden;display: block; float: left; background: url("/images/zhongyi.custom.png") no-repeat -680px -64px; padding:0 10px 0 15px;}

.main-box1 .right{display: block; width: 300px; *width: 257px; background: #333; padding: 0 15px 0 25px;}
.main-box1 .right .title2 h2{color: #fff;}
.main-box1 .right .title2 a em{color: #fff;}
.main-box1 .right .title2 a em{ display: block; float: right; width: 63px;height: 35px; background: url("/images/zhongyi.custom.png") -320px -30px; color: #fff; margin-top: 15px; text-align: center;line-height: 35px; }
.main-box1 .right .title2 a:hover em{text-decoration: underline;}
.main-box1 .right .ul1 li{display: block;float: left; width: 30.5%;text-align: center; line-height: 32px; margin: 0 6px 10px 0; overflow: hidden;}
.main-box1 .right .ul1 li a{display: block; border-radius: 20px;  height: 32px; background: #3D3D3D; color: #DADADA;}
.main-box1 .right .ul1 li a:hover{background:rgba(230,40,0,0.7); color: #fff;}
.main-box1 .right  h3{ font-size: 18px; padding-top: 25px;}
.main-box1 .right  a h3{color: #e62700;}
.main-box1 .right p{ height: 70px; display: block;overflow: hidden; color: #999; margin: 15px 0;}
.main-box1 .right p img{width: 100px; height: 70px; display: block; float: left; margin-right: 15px;}
.main-box1 .right .ul2 li{margin-left: 10px; border-left: 2px solid #4A4A4A; position: relative; padding-left: 20px; }
.main-box1 .right .ul2 li a{line-height: 40px; height: 40px;  overflow: hidden; display: block;}
.main-box1 .right .ul2 em{ width: 10px;height: 10px; display: block;  background: url("/images/zhongyi.custom.png") -680px -20px; position: absolute; left: -6px; top: 16px; z-index: 1111;}
.main-box1 .right .ul2 a:hover em{ background: url("/images/zhongyi.custom.png") -680px -50px;}
.main-box1 .right .ul2 a{color: #DADADA;}
.main-box1 .right .ul2 a:hover,.main-box1 .right section a:hover h3{color: #e62700; text-decoration: underline; }

@media(max-width: 1199px) {

    .main-box1 .left{width: 340px; }
    .main-box1 .left .box{padding:30px 20px; }
    .main-box1 .center{width: 390px;}
    .main-box1 .center .top{ padding: 0 20px;}
    .main-box1 .center .top ul{width: 149px;}
    .main-box1 .center .btm{padding: 0 20px;}
    .main-box1 .center .btm .img,.main-box2 .center .top .img{width: 400px; margin-bottom: 15px;}
    .main-box1 .center .btm .img span,.main-box2 .center .top .img span{width: 170px; height: 120px; margin-right: 10px; }
    .main-box1 .center .btm ul,.main-box2 .center .top ul{ height: 80px; width:360px ; display: block; overflow: hidden; float: left;  }
    .main-box1 .right{width: 260px; }
}


/*中医养生*/
.main-box2 .left,.main-box2 .center,.main-box2 .right{ padding: 0 25px;}
.main-box2 .left{width: 300px; *width: 237px; }
.main-box2 .left .ul1{ width: 270px; display: block;}
.main-box2 .left .ul1 li{ width: 60px; height: 95px; display: block; float: left; margin: 0 30px 20px 0; text-align: center;}
.main-box2 .left .ul1 em{width: 60px;height: 60px; display: block; margin-bottom: 8px;}
.main-box2 .left .ul1 .em1{background: url("/images/zhongyi.custom.png") 0 -280px; }
.main-box2 .left .ul1 .em2{background: url("/images/zhongyi.custom.png") -70px -280px; }
.main-box2 .left .ul1 .em3{background: url("/images/zhongyi.custom.png") -140px -280px; }
.main-box2 .left .ul1 .em4{background: url("/images/zhongyi.custom.png") -210px -280px; }
.main-box2 .left .ul1 .em5{background: url("/images/zhongyi.custom.png") -280px -280px; }
.main-box2 .left .ul1 .em6{background: url("/images/zhongyi.custom.png") -350px -280px; }
.main-box2 .left .ul1 li a{ width: 60px; height: 90px;display: block;}
.main-box2 .left .ul2 li,.main-box2 .right .ul2 li{line-height: 36px; height: 36px; display: block; overflow: hidden;}
.main-box2 .left .ul2 li em,.main-box2 .right .ul2 li em{ height: 16px; line-height: 16px; margin: 10px 12px 10px 0; display: block;float: left; overflow: hidden; border-right:1px solid #ddd; padding-right: 12px;}
.main-box2 .left .ul2 a em,.main-box2 .right .ul2 a em{color: #e62700;}
.main-box2 .left .ul2 em:hover,.main-box2 .right .ul2 em:hover {text-decoration: underline; color: #e62700;}

.main-box2 .center{width: 460px; *width: 400px; }
.main-box2 .center .top{height: 227px;}
.main-box2 .center .btm{ position: relative;}
.main-box2 .center .btm  h3{font-size: 22px; height: 36px; line-height: 36px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #e62700; margin-left: 18px; padding-left: 25px;}
.main-box2 .center .btm  span{width: 36px; height: 36px; display: block; position: absolute; left:0;
    top: 0; background: url("/images/zhongyi.custom.png") -390px 0; margin-right: 10px;}
.main-box2 .center .btm p{margin: 15px 0 10px 0; height: 50px; color: #999; overflow: hidden;}

.main-box2 .right{width: 430px; *width: 400px;}
.main-box2 .right section a{ height: 90px; display:block; overflow: hidden; margin-bottom: 20px;}
.main-box2 .right section span{width: 130px; height: 90px; display: block;float: left; overflow:hidden; margin-right: 15px;}
.main-box2 .right section span img{width: 130px; height: auto; min-height: 90px;}
.main-box2 .right section h3{ font-size: 18px; line-height: 26px; color: #e62700; padding-bottom: 15px;}
.main-box2 .right section p{color: #999;}


@media(max-width: 1199px) {

    .main-box2 .left,.main-box2 .center,.main-box2 .right{ padding: 0 20px;}
    .main-box2 .left{width: 260px; }
    .main-box2 .left .ul1 li{  margin: 0 20px 12px 0;}
    .main-box2 .center{width: 390px; }
    .main-box2 .right{width: 340px;}
}


/*中医病理*/
.main-box3{height: 580px;}
.main-box3 .box{width: 33.33%; *width:355px; height: 580px; padding: 0 20px; border-right: 1px solid #eaeaea; display: block; float: left;}
.main-box3 .box .ul1{width: 106%;}
.main-box3 .box .ul1 li{ width: 50%; *width: 44%; display: block; float: left; padding-right: 20px; height: 32px; line-height: 32px; overflow:hidden;}

.main-box3 .box .img{width: 110%; margin-top: 15px;}
.main-box3 .box .img span{width: 170px; height: 115px;display: block; float: left; overflow: hidden; position: relative; margin-right: 15px; }
.main-box3 .box .img  img{ width: 100%; height: auto; min-height: 115px;}

@media(max-width: 1199px) {
    .main-box3 .box .img span{width: 140px; height: 97px;margin-right: 10px; }
    .main-box3 .box .img  img{ width: 100%; height: auto; min-height: 97px;}
}


.main-box3 .box section a{ height: 90px; display:block; overflow: hidden; margin-bottom: 20px;}
.main-box3 .box section span{width: 130px; height: 90px; display: block;float: left; overflow:hidden; margin-right: 15px;}
.main-box3 .box section span img{width: 130px; height: auto; min-height: 90px;}
.main-box3 .box section h3{ font-size: 18px; line-height: 26px; color: #e62700; padding-bottom: 15px;}
.main-box3 .box section p{color: #999;}

.main-box3 .box .ul2{  width:106% ; display: block; overflow: hidden; float: left;  }
.main-box3 .box .ul2 li{ width:50%; *width:44%; height: 36px; line-height: 36px;overflow:hidden;display: block; float: left; background: url("/images/zhongyi.custom.png") no-repeat -680px -64px; padding-right: 20px;}
.main-box3 .box .ul2 li a{padding:0 0 0 15px; }



/* 中医药 */
.main-box4{ height:540px; display:block; margin-bottom: 40px;}
.main-box4 .top{ display:block; float:left; width: 50%; *width: 46.59%; padding: 0 20px 20px 20px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.main-box4 .top .img {width: 170px; height: 115px;display: block; float: left; overflow: hidden; position: relative; }
.main-box4 .top .img  img{ width: 100%; height: auto; min-height: 115px;}
.main-box4 .top ul{width: 380px; height: 130px;overflow: hidden; display: block; float: left; margin-top: -10px;}
.main-box4 .top ul li{ width: 50%; *width: 40%; height: 34px; display: block; float: left; padding-left: 35px; line-height: 34px;overflow:hidden;background: url("/images/zhongyi.custom.png") no-repeat -660px -64px; }

.main-box4 .btm{padding: 0 20px; height: 330px;}
.main-box4 .btm ul{width:105%; height: 260px;overflow: hidden; display: block; float: left; margin-top: -10px;}
.main-box4 .btm ul li{ width: 110px; height: 130px; display: block; float: left; margin-right: 20px; text-align: center; line-height: 20px;}
.main-box4 .btm ul li span{width: 110px; height: 76px;display: block;overflow: hidden; margin-bottom: 10px;}
.main-box4 .btm ul li span img{width: 100%; height: auto; min-height:76px;}
.footer2{margin-top: 0;}


@media(max-width: 1199px) {
    .main-box4 .top ul{width: 280px;}
    .main-box4 .top ul li{ width: 100%;  }
    .main-box4 .btm ul li{ width: 110px; height: 130px; display: block; float: left; margin-right: 10px; text-align: center; line-height: 20px;}
}


@media (min-width: 1200px) {
    .con{ width:1190px;}
}

@media(max-width: 1199px) {
    .con{  margin: auto;width:990px; }

}