@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px;}
body{ font-family:"microsoft yahei"; font-size:14px; background-color:#e7f7d8; }
a{ text-decoration:none;}
ul{list-style:none;}
.clear{ clear:both;}
.ftl{ float:left;}
.ftr{ float:right;}
.ml30{ margin-left:30px;}
.ml15{ margin-left:15px;}
.mr15{ margin-right:15px;}
img{ border:none;}


.center1200{ width:1200px; margin:0 auto;}
.footTxt{ width:1200px; margin:0 auto;}
.head{ width:100%; margin:0 auto; font-size:36px; height:160px; line-height:160px; text-align:center; background: url(../images/head_bj.png);background-size:100% 100%; }
.head_s{ display: none;}
.head_pc{display:block;}
#zjdy{display: none;width: 500px;padding: 10px;color:#292929;font-size:16px;line-height:1.8em;float: right;position: absolute;top: 70px;right: 0;z-index: 9999;background-color:rgba(255,255,255,0.7);}
#zjdy a{ color:#000; font-weight:bold;}
/*banner*/
.banner{width:100%;overflow:hidden;height:470px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:470px}
.banList li{height:470px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}
video{width: 1200px; height:675px;}

/*轮播图*/
.Box {position: relative;}
.Box .content {width: 1200px;margin: 20px auto 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px; font-weight:normal; padding:20px 10px 10px 10px; display:block; border-bottom:2px solid #060; width:120px; margin:0 auto 20px auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #060;}

#kefu{display:block;float: right;font-size: 18px;line-height: #060; color:#fff; line-height:70px;}
#kefu img{display:block;float:left;width: 30px;margin: 18px 10px 0 0;}
.foot{ width:100%; height:60px; line-height:60px; background-color:#060; text-align:center; color:#fff; margin-top:20px;}




.navB{height: 40px;line-height: 40px;color:#333;margin: 20px 0 10px 0;}
.navB a{ color:#333;}
.whiteCont{ background-color:#fff; box-shadow:2px 2px 5px #333; padding:20px 10px; line-height:2em; color:#333; margin: 30px 0 0 0;}
table.keCont tr td{ padding:10px 0;}





@media screen and (max-width: 1200px) {
    .head{ height:auto; }
    .head_s{ display: block;width:100%;}
    .head_pc{display:none;}
    #kefu{display:block;float:right;font-size: 0px;float: right;height: 2rem;margin-top: 0.5rem;}
    #kefu img{display:block;width:1rem;margin: 0.5rem 0.2rem 0 0;}
    .ui-header{min-width:100%!important}
    
    .footTxt{ width:80%; margin:0 auto;}
    .banList{margin-left: -50%;width: 100%; height:200px;}
    .banList li{height:200px;}
.banner ul.banList li a img{ width: 100%;height:200px;}
.banner{height:200px;}

.foot{width:100%;height: auto;line-height: 2rem;background-color:#060;text-align:center;color:#fff;margin-top:20px;padding: 0.5rem 0;}
.center1200{width:96%;}
#videoPlay{ width:100%; margin:0 auto;height:250px; display: block;}
video{width:100%; height:250px; position: relative;z-index: 1;}


.ui-header {
    height: 2rem!important;
    width: 100vw!important;
}
.ui-header-box {
    height: 100%!important;
    padding: 0 0.5rem!important;
    border:1px solid #060;
}
.ui-header-nav {
    height: 2rem!important; width: 100%;
}
.ui-header-nav dl  {
    width: 90%!important;
}
.ui-header-nav dl dd{
    line-height:2rem!important;
    padding:0 0.3rem!important;
    font-size:0.85rem!important;
}
.ui-header-nav dl dd h3{
    font-size: 0.9rem!important;
}
.ui-header-nav dl dd ul li a {
    font-size: 0.8rem!important;
    height: 2rem!important;
    line-height: 2rem!important;
}

.ui-header-nav dl dd ul{top:2.5rem!important;width:6rem!important}

#zjdy{display:none;width:90%;padding: 0.5rem; box-sizing:border-box;margin:0 auto;color:#292929; font-size:0.8rem; line-height:1.5em;float: right;position: absolute;top: 50px;z-index: 9999;background-color:rgba(255,255,255,0.7);}
.navB{height: 2rem;line-height: 2rem;color:#333;margin: 0.5rem 0;}

  /*轮播图*/
  .Box {position: relative;}
  .Box .content {width: 65%;margin: 20px auto 0 auto;}

  .Box h2 { padding: 0.3rem 0.5rem;width: 4rem;margin: 0 auto 1rem auto;font-size: 1rem;}
  .Box .Box_con {position: relative;}
  .Box .Box_con .btnl {position: absolute;}
  .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
  
  .Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
  .Box .Box_con .conbox {position: relative;overflow: hidden;}
  .Box .Box_con .conbox ul {position: relative;list-style: none;}
  .Box .Box_con .conbox ul li {float: left;width: 275px;height: 193px;margin-left: 20px;overflow: hidden;}
  .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
  .Box .Box_con .conbox ul li img {display: block;width:275px;height: 193px;transition: all 0.5s;}
  .Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}  
  .Box .BoxSwitch {margin-top: 0.2rem;text-align: center;}
  .Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
  


}




@media screen and (max-width: 355px) {
    
    .ui-header-nav dl{width:90%!important}
    .ui-header-nav dl dd h3{
        font-size: 0.7rem!important;
    }
  /*轮播图*/
.Box {position: relative;}
.Box .content {width: 55%;margin: 20px auto 0 auto;}
.Box h2 { padding: 0.3rem 0.5rem;width: 4rem;margin: 0 auto 1rem auto;font-size: 1rem;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 45px;cursor: pointer;}

.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 175px;height: 122px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width:175px;height: 122px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}  
.Box .BoxSwitch {margin-top: 0.2rem;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}

}
@media screen and (min-width:356px) and (max-width:375px){
    
    .ui-header-nav dl{width:90%!important}
    .ui-header-nav dl dd h3{
        font-size: 0.7rem!important;
    }
  /*轮播图*/
.Box {position: relative;}
.Box .content {width: 55%;margin: 20px auto 0 auto;}
.Box h2 { padding: 0.3rem 0.5rem;width: 4rem;margin: 0 auto 1rem auto;font-size: 1rem;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 45px;cursor: pointer;}

.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 207px;height: 145px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width:207px;height: 145px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}  
.Box .BoxSwitch {margin-top: 0.2rem;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}

}