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

*{ -webkit-tap-highlight-color: transparent; -webkit-appearance: none;  padding:0; margin:0}  
body,html{height:auto; padding:0; margin:0 auto 0 auto !important; font-family:"微软雅黑";font-size:10px; color:#505050; background-color:#fff;}

a:link{text-decoration:none; color:#000000;} /* 未被访问的链接*/
a:visited {color: #000000} /* 已被访问过的链接 */










.clear{ clear: both;}
ul li{list-style-type: none;}
  label{cursor:pointer}
  ul li,ol li,li{list-style:none}
  em,cite,i{font-style:normal}
  em,i,b,h5,h6,h3,h4{ font-style:normal; font-weight:normal;}
  p{word-break: break-all;} /*全部英文字符下自动换行*/

  /* 去除Chrome等浏览器文本框默认发光边框 */
  input:focus,select, textarea:focus {outline: none;}
  /* 去除IE10+浏览器文本框后面的小叉叉 */
  /* input::-ms-clear {display: none;} */
  /* 禁止多行文本框textarea拖拽 */
  textarea {resize: none;}

  /* 避免因子元素浮动而导致的父元素高度缺失能问题 */
  .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
  /* 浮动 */
  .fl { float: left !important; }
  .fr { float: right !important; }
  /* 鼠标样式，可以根据需要按序添加 */
  .cur1 { cursor: pointer; }
  /* 显示/隐藏 */
  .block{ display: block;}
  .show { display: block !important; }
  .hide { display: none !important; }
  .relative{ position: relative;}
  .absolute{ position: absolute;}
  .t-center{ text-align: center;}
/*== body ==*/


/*左侧弹出导航*/
   html {
       /*  font-size: 62.5%; */
            /*background: #3f4754;*/
    }
    body, button,select, textarea {
    	font: 12px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif;
    }
    * {
        text-shadow: none;
    }
    img {
        vertical-align: bottom;
    }
    .pop_show{
      display: none;
    }
    .pop_hidden{
      display: none;
    }
    .hidden{
      display: none;
    }
    .relative {
        position: relative;
    }
    .clearfix {
        zoom: 1;
    }
    .clearfix:after {
        clear: both;
        /*overflow: hidden;*/
    }
    .clearfix:after, .clear:before {
        display: table;
        content: '';
    }
    .translateY {
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .float_right {
        float: right;
    }
    .absolute {
        position: absolute;
    }
   #popMenus .closePopMenu {
        display: block;
        width: 49px;
        height: 47px;
        left: 92%;
        top: 50%;
        text-align: center;
        line-height: 1;
    }
    /*右侧箭头大小10-20*/
    #popMenus .closePopMenu img{ width: 80%}
    a{
      text-decoration: none;
    }
    #popMenus {
        position: absolute;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        max-width:640px;
        margin: auto;
        opacity:0;
        -moz-transition: all .6s ease-out 0s;
        -webkit-transition: all .6s ease-out 0s;
        transition: all .6s ease-out 0s;
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 200;
    }
    #popMenus.show {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .pop_title {
        width: 94%;
        position: relative;
        z-index: 2;
        background-color: #2e3642;
        padding: 0 3%;
    }
    .pop_title span {
        display: inline-block;
        float: left;
        font-size: 3.0rem;
        line-height: 2.66;
        color: #6a7380;
    }

    .menuContainer {
        width: 100%;
        height: auto;
    }
    .menuNavs {
        width: 30.5%;
        background-color: #fff;
        height: 100%;
        float: left;
        position: relative;
    }
    .menuNavs ul {
        /* position: absolute; */
        width: 100%;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
    .menuNavs ul li {
        width:100%;
        background-color: #fff;
        border-bottom:1px solid #cccccc;
    }

    .on {
        background-color: #EEEEEE;
    }

    .menuContents {
        width:69.5%;
        height: 100%;
        float: left;
        background: #eeeeee;
    }
    .menuContent {
        width: 100%;
        height: 100%;
    }
    .menuLists {
        padding-left: 4%;
        padding-right: 4%;
        height: auto;
    }


/*媒体查询*/
@media screen and (min-width: 320px) { /*当屏幕尺寸320px时，应用下面的CSS样式*/

body{margin-top: 13%!important;}

.headerxw{
  /*background:#1c1e1c;*/
  background: url(../images/hm_imgtop.jpg) no-repeat;
  position: relative;
  text-align: center;
  background-size: 100%;
	padding:0.6% 0;
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index:9999;
}
.headerxww{
  /*background:#1c1e1c;*/
  background: url(../images/hm_imgtop.jpg) no-repeat;
  position: relative;
  text-align: center;
  background-size: 100%;
	padding:1% 0;
}


.navxw1 a{
	width: 100%;
	padding-bottom: 4%;
}
.navxw2 a{
	width: 100%;
	/* padding-bottom:4%; */
}
.navx3 a{
	width: 100%;
	padding-bottom: 4%;
}

.konggexw1{
	padding-top: 33%;
}
.konggexw2{
	padding-top: 11%;
}
.konggexw3{
	padding-top: 45%;
}



.headerxw img{
	width: 100%;
	background-size:100%;
}
.headerxw ul li{
	float: left;
}

.headerxww img{
	width: 100%;
	background-size:100%;
}
.headerxww ul li{
	float: left;
}


.headerv{
	width:100%;
}

.navxw1{
	width: 20%;	
}
.navxw2{
width: 60%;
}
.navxw3{
width: 15%;
}

.headerxw .navlie1{
	width: 100%;
}

.headerxww .navlie1{
	width: 100%;
	padding-top: 2%;
}

.navlie1 img{
	width: 100%;
	padding-top: 2%;
}
.navlie2{
	font-size: 1.2em;
	padding: 2% 0%;
	font-family: "Regular";
}

.navlie3{
	width: 100%;
	background-color:#FFFFFF;
	height: auto;
}
.navlie3 ul{
	width: 90%;
	margin: 0 auto;
}

.navlie3 ul li{
	width: 50%;
	float: left;
	padding-top:2.2%;
}

.navlie3 .navlie31{
	text-align: center;
}
.navlie3 .navlie31 img{
	width: 30%;
}
.navlie3 .navlie32{
	text-align: center;
	font-size: 1.2em;
	margin-top: 3% 0%;
}
.navliekong{
	padding-bottom:3% ;
}
.navlie4{
	margin-top:3%;
	width: 96%;
	background-color: #FFFFFF;
	padding-top:1%;
	padding-left:4%;
}
.navlie4 .navlie41{
	color: #f15151;
	font-size: 1.3em;
}
.navlie4 .navlie42{
	font-size: 1.15em;
	overflow:hidden;
}
.navhuahuixw{
	width: 100%;
	text-align: center;
	padding-top:20%;
}
.navhuahuixw img{
	width: 22%!important;
}

.menuNavs ul a {
    display: block;
    width: 100%;
    height: 100%;
    color: #444444;
			text-align: center;
			padding: 9% 0%;
}


  #popMenus .closePopMenu {width:25px;height:24px;}
    .pop_title span {font-size: 1.9rem;}
    .menuNavs ul li {font-size: 1.6rem;}
    .menuList h4 {font-size: 0.84rem;}
    .menuList .links a {font-size:1.6rem;}
  .slideBox .hd{
      right: 32%;
  }
  
  .menuContents{
	
	
	height:700px;
}
}
@media screen and (min-width: 375px) { /*当屏幕尺寸375px时，应用下面的CSS样式*/
	
body{margin-top: 13.5%!important;}
	
.headerxw{
  /*background:#1c1e1c;*/
  background: url(../images/hm_imgtop.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  text-align: center;
  padding:0.15% 0;
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:9999;
}
.headerxww{
  /*background:#1c1e1c;*/
  background: url(../images/hm_imgtop.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  text-align: center;
  padding:0.2% 0;
}

.navxw1 a{
	width: 100%;
	padding-bottom: 4%;
}
.navxw2 a{
	width: 100%;
	/* padding-bottom:4%; */
}
.navx3 a{
	width: 100%;
	padding-bottom: 4%;
}

.konggexw1{
	padding-top: 40%;
}
.konggexw2{
	padding-top: 14%;
}
.konggexw3{
	padding-top: 45%;
}


.headerxww img{
	width: 100%;
	background-size:100%;
}
.headerxww ul li{
	float: left;
}


.headerxw img{
	width: 100%;
	background-size:100%;
}
.headerxw ul li{
	float: left;
}
.headerv{
	width:100%;
}


.headerxw .navlie1{
	width: 100%;
}

.headerxww .navlie1{
	width: 100%;
	padding-top: 2%;
}


.navlie1 img{
	width: 100%;
	padding-top: 2%;
}
.navlie2{
	font-size: 1.3em;
	padding: 1.5% 0%;
	font-family: "Regular";
}

.navlie3{
	width: 100%;
	background-color:#FFFFFF;
	height: auto;
}
.navlie3 ul{
	width: 90%;
	margin: 0 auto;
}

.navlie3 ul li{
	width: 50%;
	float: left;
	padding-top:2%;
}

.navlie3 .navlie31{
	text-align: center;
}
.navlie3 .navlie31 img{
	width: 33%;
}
.navlie3 .navlie32{
	text-align: center;
	font-size: 1.2em;
	margin-top: 2.5% 0%;
}
.navliekong{
	padding-bottom:3% ;
}
.navlie4{
	margin-top: 2.5%;
	width: 96%;
	background-color: #FFFFFF;
	padding-top:1%;
	padding-left:4%;
}
.navlie4 .navlie41{
	color: #f15151;
	font-size: 1.2em;
}
.navlie4 .navlie42{
	font-size: 1.1em;
	overflow:hidden;
}
.navhuahuixw{
	width: 100%;
	text-align: center;
	padding-top:18%;
}
.navhuahuixw img{
	width: 20%!important;
}

    .menuNavs ul a {
        display: block;
        width: 100%;
        height: 100%;
        color: #444444;
		text-align: center;
		padding: 9.9% 0%;
    }
.menuContents{
	
	
	height:700px;
}
}
@media screen and (min-width: 414px) { /*当屏幕尺寸320px时，应用下面的CSS样式*/
	
body{margin-top: 13.8%!important;}	
	
.headerxw{
  /*background:#1c1e1c;*/
  background: url(../images/hm_imgtop.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  text-align: center;
  padding:0.3% 0;
  	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:9999;
}
.headerxww{
  /*background:#1c1e1c;*/
  background: url(../images/hm_imgtop.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  text-align: center;
  padding:0.3% 0;
}

.navxw1 a{
	width: 100%;
	padding-bottom: 4%;
}
.navxw2 a{
	width: 100%;
	/* padding-bottom:4%; */
}
.navx3 a{
	width: 100%;
	padding-bottom: 4%;
}

.konggexw1{
	padding-top: 33%;
}
.konggexw2{
	padding-top: 14.6%;
}
.konggexw3{
	padding-top: 33%;
}


.headerxw img{
	width: 100%;
	background-size:100%;
}
.headerxw ul li{
	float: left;
}
.headerxww img{
	width: 100%;
	background-size:100%;
}
.headerxww ul li{
	float: left;
}

.headerv{
	width:100%;
}


.headerxw .navlie1{
	width: 100%;
}

.headerxww .navlie1{
	width: 100%;
	padding-top: 2%;
}


.navlie1 img{
	width: 100%;
	padding-top: 2%;
}
.navlie2{
	font-size: 1.3em;
	padding: 2.5% 0%;
	font-family: "Regular";
}

.navlie3{
	width: 100%;
	background-color:#FFFFFF;
	height: auto;
}
.navlie3 ul{
	width: 90%;
	margin: 0 auto;
}

.navlie3 ul li{
	width: 50%;
	float: left;
	padding-top:2.5%;
}

.navlie3 .navlie31{
	text-align: center;
}
.navlie3 .navlie31 img{
	width: 37%;
}
.navlie3 .navlie32{
	text-align: center;
	font-size: 1.28em;
	margin-top: 3% 0%;
}
.navliekong{
	padding-bottom:3% ;
}
.navlie4{
	margin-top: 3%;
	width: 96%;
	background-color: #FFFFFF;
	padding-top:1%;
	padding-left:4%;
}
.navlie4 .navlie41{
	color: #f15151;
	font-size: 1.3em;
}
.navlie4 .navlie42{
	font-size: 1.2em;
	overflow:hidden;
}
.navhuahuixw{
	width: 100%;
	text-align: center;
	padding-top:18%;
}
.navhuahuixw img{
	width: 22%!important;
}

    .menuNavs ul a {
        display: block;
        width: 100%;
        height: 100%;
        color: #444444;
				text-align: center;
				padding: 12% 0%;
    }

.menuContents{
	
	
	height:700px;
}


}




@media screen and (min-width: 640px) { /*当屏幕尺寸320px时，应用下面的CSS样式*/

body{margin-top: 13%!important;}

.headerxw{
  background: url(../images/hm_imgtop.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  text-align: center;
  padding:0.2% 0;
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width:640px;
    margin: auto;
    width: 100%;
    z-index:9999;
}

.headerxww{
  background: url(../images/hm_imgtop.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  text-align: center;
  padding:0.2% 0;
}

.navxw1 a{
	width: 100%;
	padding-bottom: 4%;
}
.navxw2 a{
	width: 100%;
	/* padding-bottom:4%; */
}
.navx3 a{
	width: 100%;
	padding-bottom: 4%;
}

.konggexw1{
	padding-top: 33%;
}
.konggexw2{
	padding-top: 18%;
}
.konggexw3{
	padding-top: 33%;
}


.headerxww img{
	width: 100%;
	background-size:100%;
}
.headerxww ul li{
	float: left;
}

.headerxw img{
	width: 100%;
	background-size:100%;
}
.headerxw ul li{
	float: left;
}

.headerv{
	width:100%;
}

.headerxw .navlie1{
	width: 100%;
}

.headerxww .navlie1{
	width: 100%;
	padding-top: 2%;
}

.navlie1 img{
	width: 100%;
	padding-top: 2%;
}
.navlie2{
	font-size: 1.3em;
	padding: 3% 0%;
	font-family: "Regular";
}

.navlie3{
	width: 100%;
	background-color:#FFFFFF;
	height:auto;
}
.navlie3 ul{
	width: 90%;
	margin: 0 auto;
}

.navlie3 ul li{
	width: 50%;
	float: left;
	padding-top:3%;
}

.navlie3 .navlie31{
	text-align: center;
}
.navlie3 .navlie31 img{
	width: 39%;
}
.navlie3 .navlie32{
	text-align: center;
	font-size: 1.28em;
	margin-top: 3% 0%;
}
.navliekong{
	padding-bottom:3% ;
}
.navlie4{
	margin-top: 4%;
	width: 96%;
	background-color: #FFFFFF;
	padding-top:2%;
	padding-left:4%;
}
.navlie4 .navlie41{
	color: #f15151;
	font-size: 1.4em;
}
.navlie4 .navlie42{
	font-size: 1.2em;
	padding-top: 1%;
	overflow:hidden;
}
.navhuahuixw{
	width: 100%;
	text-align: center;
	padding-top:25%;
}
.navhuahuixw img{
	width: 30%!important;
}


    .menuNavs ul a {
        display: block;
        width: 100%;
        height: 100%;
        color: #444444;
				text-align: center;
				padding: 12% 0%;
    }


.menuContents{
	
	
	height:1000px;
}
}



/* 10-13 左侧弹出kst*/
.ks_ol_comm_div{ display: none !important;}
    @media only screen and (min-width: 600px){
  .selMenu .logo{  
           width: 80%;
    left: 31%;
    top: 2px;
  }
    }

#popMenus.show {
    width: 100%;
  }