html, body {
    overflow-x: auto;
}
button, html, input, textarea {
    font-family: Helvetica,Arial,STXihei,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pcheader {  
 position: relative;
     }
.header {
  position: fixed;
  }
body {
  min-width: 1200px;
}
@media only screen and (max-width: 1680px){
.khal-page .section-xmt .title {
    font-size: 2em;
}
}
@media only screen and (max-width: 1680px){
.khal-page .section-xmt .stitle{
    font-size: 1.1em;
    line-height: 1.5em;
}
}
@media only screen and (max-width: 767px) and (min-width: 320px){
.swiper-container2,.pc_footer{
    display:block;
}
}
@media screen and (max-width: 800px) {  
.footer-container .footer .us .us-row {
    float:left;
    margin-bottom: 2rem;
  display: table;
  width: 996px;
  
}

.footer-container .footer .us .us-row:nth-child(2) {
     width: 11%!important;
 }
.footer-container .footer .us .us-row .us-col {
    display: table-cell;
    width: 23%!important;
    padding-left: 10px;
}
.footer-container .footer .us .share .qrcode .dropdown:after {
    right: 2px!important;
}
.footer-container .footer .us .share .qrcode .dropdown {
    left: -185px!important;
}
.footer-container .footer .us .us-row:nth-child(2) .us-col {    
  width:100%!important;
 }
.footer-container .tidy .tidy-content .info {
   padding-right: 10px;
}
}
@media screen and (max-width: 800px){
.footer-container .footer .us .us-row {
    float: left!important;
    margin-bottom: 2rem!important;
    display: table!important;
    width: 996px!important;
}
.footer-container .tidy .tidy-content {
    text-align:left!important;
  padding:0 10px!important;
}
.footer-container .tidy .tidy-content .pclogo img {
    position: relative!important;
    max-width: 300px!important;
}
.footer-container .tidy .tidy-content .info {
    text-align: right!important;
}
}
.hlwgg img{   /* width:100%!important; */
 }
@media only screen and (max-width: 767px) and (min-width: 320px){
.phoneShow .center {
    position: absolute;
    top: 0;
    left: 450px;
    width: 300px;
    height: 600px;
    z-index: 9;
  
    background-size: 100%;
}

.phoneShow .center ul {
    padding-top: 50px;
  padding-left: 23px;
  width: 253px;
  height: 452px;
  font-size: 12px;
  word-break: break-all;
}

.phoneShow {
  width: 1200px;
  height: 600px;
}
.phoneShow .center {
    left: 450px;
}
.phoneShow .itemTitle .icon {
    float: left;    
    padding: 20px 5px 0 5px;
    width: 63px;
    height: 63px;
    background-size: auto;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}
 .phoneShow .itemTitle .b-line{
    float: left;
    width: 295px;
    height: 83px;
    color: #06C;
    line-height: 83px;
}
.phoneShow .itemTitle div:nth-child(1) {
    top: 20px;
    left: 110px;
}
.phoneShow .itemTitle div:nth-child(2) {
    top: 104px;
    left: 160px;
}
.phoneShow .itemTitle div:nth-child(3) {
    top: 188px;
    left: 110px;
}
.phoneShow .itemTitle div:nth-child(4) {
    top: 272px;
    left: 160px;
}
.phoneShow .itemTitle div:nth-child(5) {
    top: 356px;
    left: 110px;
}
.phoneShow .itemTitle div:nth-child(6) {
    top: 440px;
    left: 160px;
}
.phoneShow .itemTitle div:nth-child(7) {
    top: 20px;
    left: 720px;
}
.phoneShow .itemTitle div:nth-child(8) {
    top: 104px;
    left: 670px;
}
.phoneShow .itemTitle div:nth-child(9) {
    top: 188px;
    left: 720px;
}
.phoneShow .itemTitle div:nth-child(10) {
    top: 272px;
    left: 670px;
}
.phoneShow .itemTitle div:nth-child(11) {
    top: 356px;
    left: 720px;
}
.phoneShow .itemTitle div:nth-child(12) {
    top: 440px;
    left: 670px;
}
.phoneShow .itemTitle div {
      width: 370px;
  }
.section3 .phoneShow .itemTitle div:nth-child(1){
    top: 104px;
    left: 110px;
}
.section3 .phoneShow .itemTitle div:nth-child(2){
    top: 188px;
    left: 160px;
}
.section3 .phoneShow .itemTitle div:nth-child(3){
   top: 272px;
   left: 110px;
}
.section3 .phoneShow .itemTitle div:nth-child(4){
   top: 356px;
   left: 160px;
}
.section3 .phoneShow .itemTitle div:nth-child(5){
   top: 104px;
   left: 720px;
}
.section3 .phoneShow .itemTitle div:nth-child(6){
    top: 188px;
    left: 670px;
}
.section3 .phoneShow .itemTitle div:nth-child(7){
   top: 272px;
  left: 720px;
}
.section3 .phoneShow .itemTitle div:nth-child(8){
   top: 356px;
   left: 670px;
}
.phoneShow .center .video_m {
    display: none;
}
.phoneShow .center .video {
    display: block;
}
.phoneShow .center video {
    position: absolute;
    left: 23px;
    top: 51px;
}
}
.phoneShow .itemTitle .icon{  line-height: 20px;
}
.contentTel img{  width: 256px;
}

.addnews .title{ text-align: center;font-size: 34px;color: #383838;margin: 40px auto; }
.addnews .right .title{font-size:16px;}
    .addnews .content{width: 1000px;margin: 0 auto;}
    .addnews .content .title{text-align: left;margin: 0;padding: 10px 0;}
    .addnews .content .title span{float:right}
    .addnews .content .title:hover,.addnews .content .title span:hover{color:#278DFC}
.addnews .content .item{border-top: 1px solid #ddd;display: block;}
.addnews .content .item:last-child{border-bottom: 1px solid #ddd;}

