.plr{padding-left: 25px; padding-right: 25px;box-sizing:border-box;}

.clearfix:after,.clearfix:before{content: '';display: table;}.clearfix:after{clear: both;}.clearfix{*zoom:1;}

/*.gwidth{ padding-left: 25px; padding-right: 25px;box-sizing:border-box; }*/

.tac{text-align: center;}

.zong{width: 1200px;margin: auto;}

.telhide{display: block;}

.clear{clear:both;}

@font-face{font-family: DINCondensed;

  src: url(../font/DIN.ttf);

}

/*头部CSS*/



header{

  width: 100%;

  position: relative;

  background-color:#f4f1f1;

  padding:30px 0;

}

header .logo{

  float: left;



  /* padding-top: 30px;

  padding-bottom:30px;*/

}

header .logo .tu{

  float: left;

}

header .logo img{

   max-width: 100%;

}

header .head-shi{

  float: right;

  height:54px;

  line-height:54px;

}

header .head-shi .head-min{

	float:left;

}

header .head-shi .head-min p{

	color:#303030;

	font-size:0.9rem;

	font-weight:600

}

header .head-shi .data{

	float:left;

}

header .head-shi .data #dateShow1 {

	color:#303030;

	font-size:0.9rem;

	font-weight:600

}

header .head-shi .data #dateShow1 span{

	font-size:1.4rem;

	color:#ffffff;

	padding:0px 6px;

	background-color:#1d88bb;

	font-weight:400;

	height:30px;

	border-radius:10px;

	margin:0 10px;

	vertical-align: middle;

  box-sizing:border-box;

  font-family: "DINCondensed";

}



















.head3{

	  background-color:#f4f1f1;

  height: 48px;

  line-height: 48px;

  z-index: 55;

}

.head3 .zong{

  background-color: #1d88bb;

    box-sizing:border-box;

}

.head3 .zong ul{

}

.head3 .men li{

  text-align: center;

  float: left;

  height:100%;

  font-size: 0.8rem;

  position: relative;

  width: 10%;
  margin-left: 6px;

}



.head3 .img1{

  float: left;

  padding-top: 14px;

}

.head3 li a{

   color: #fff;

   height: 100%;

   display: inline-block;

    box-sizing:border-box;

    width:100%;

    background-color: #1d88bb;

    /* padding:0 26.4px;*/

}

.head3 li:first-child a{

	width:80px;

}

.head3 li:first-child+li+li+li{

	width: 14%;

}

.head3 li:first-child+li+li+li a{

	width:176px;

}





.head3 li a:hover{

   display: inline-block;

   font-weight: 600;

   color: #fff!important;

   background-color: #f6af5d;

}



.head3 .mens li a{

  display: block;

}



.head3 li .on{

   display: inline-block;

   font-weight: 600;

   color:#fff!important;

   background-color: #f6af5d;

}

.head3 li .on .cu{

  color: #fff!important;

}

.head3 .tou_menu{

    display: none;

    position: absolute;

    /*top:18%;*/

    right:4%;

    font-size: 44px;

}

.menu,.head3 input[type=checkbox]{

    display: none;

    position: absolute;

    top:10px;

    left:2%;

}















@media(max-width: 1680px){

  html{font-size: 19px;}

  

}

@media(max-width: 1440px){

  html{font-size: 17px;}

  

}

@media(max-width: 1368px){

  html{font-size: 16px;}

  

}

@media(max-width: 1280px){

  html{font-size: 15px;}

  

}

@media(max-width: 1200px){

    .telhide{display: none;}

    .zong{width: 100%;margin: auto;padding-left: 16px;padding-right: 16px;box-sizing:border-box;}

    .gwidth{ padding-left: 10px; padding-right: 10px; box-sizing:border-box;}

    .head3 .ic{padding-top: 0;}

    .head3 ul{

          display: none;

      }

    .head3{position: relative;width: 100%;}

     .head3 .tou_menu{

          display: block;

      }

    .head3{margin-left: 0;}

    .head3 input[type=checkbox]:checked ~ul{

        display: block;

    }



    .head3 ul li{

        width: 100%;

        text-align: center;

        padding-right: 0;

        padding-left: 0;

    }



}

@media (max-width: 1024px){

   .zong{width: 100%;}

}

@media (max-width: 768px){

  html{font-size: 16px;}

   .top{right: 120px;}

  .nav{display: none;}

 header{position: relative;height: 80px;line-height: 80px;background-color: #e9e9e9;padding:0;}

 .head3 .zong{width:100%;padding-left:8px;padding-right:8px;}

 .head3 li a{width:100%!important;}

/*header .sou{display: none;}*/

.head3{height: auto;line-height: 0;}

.head1 .logo{width: 180px;}

/*.head3{position: relative;}*/

.head3 ul{width: 100%;}

.head3 ul li a{color: #fff;}

.head3 ul li{height: 34px;line-height: 34px;}

.head3 li a{padding-top: 0;}

.head3 .tou_menu{font-size: 30px;top: -32px;}

.head3{/*margin-top: -11%;*/position: absolute;}

.head3 ul{margin-top: 2%;}

header .tab{float: none;margin-left: 220px;margin-top:34px;}

.head3{padding-bottom: 0;}

.head1 .head1-you{display: none;}

header .logo img{height: 25px;vertical-align: middle;}

header .logo{margin-left: -10px;/*width: 100%;*/}

header .logo .zi p{font-size: 0.8rem;padding-top: 8px;}

header .logo .zi h4{font-size: 1rem;}

.head2-lx{display: none;}

header .logo{padding-top: 0px;padding-bottom: 0px;}

.head3 .men li{width: 100%;float: none;}

header .kuang{width: 100%;height: 100%;}

.head3 li:first-child+li+li+li{width:100%;}



}

@media (max-width: 768px){
  header .head-shi{display: none}
  .head3 li:first-child+li+li+li{width: 100%!important;}

  header{height: 50px;line-height: 50px;}

  .head3 .tou_menu{font-size: 18px;top: -22px;}

  .head3{right: 0;width: 36%;}

  .head3 ul li{height: 28px;line-height: 28px;}

  .head3 .men li{font-size: 0.75rem;}

  .head3 ul{padding: 10px 0;}

}