/* Header */
/* 320---0.5 */
@media screen and (max-width: 640px) {
  .icon1 img,
  .icon2 img {
    width: 14px;
    vertical-align: top;
  }
  .icon1 .language {
    top: -2px;
  }
  .partouch {
    background-position: left bottom;
  }
  .supcn {
  position: absolute;
  top: 68%;
  left: 2%;
}
}
@media screen and (max-width:320px)
{
    .logo {
       margin-left: 5%;
       padding-top: 12px;
    }
    // .nav{position: fixed;z-index: 100;}
    .logo a{display: block;width: 50.3906%;}
    .logo img{width: 100%}
    .icon1{margin-right:3%;margin-top: 13px;}
    .icon2{margin-top: 13px;}
    .texta{width: 100%;margin-left: 1%;margin-bottom: 8px;}
    .texta li{margin-left: 1%}
    .texta a{line-height: 2em !important;font-size: 1em !important;}

}
/* 360---0.5625 */
@media screen and (min-width: 321px) and (max-width: 360px)
{
    .logo
    {
       margin-left: 6%;
       padding-top: 12px;
    }
    // .nav{position: fixed;z-index: 100;}
    .logo img{width: 200%}
    .icon1{margin-right:3%;margin-top: 13px;}
    .icon2{margin-top: 13px;}
    .texta{width: 100%;margin-left: 1%;margin-bottom: 8px;}
    .texta li{margin-left: 2.5%}
    .texta a{line-height: 2em !important;font-size: 1em !important;}
}
/* 380---0.59375 */
@media screen and (min-width: 361px) and (max-width: 385px)
{
   .logo
    {
       margin-left: 6%;
       padding-top: 12px;
    }
    // .nav{position: fixed;z-index: 100;}
    .logo img{width: 200%}
    .icon1{margin-right:3%;margin-top: 13px;}
    .icon2{margin-top: 13px;}
    .texta{width: 100%;margin-left: 1%;margin-bottom: 8px;}
    .texta li{margin-left: 3%}
    .texta a{line-height: 2em !important;font-size: 1em !important;}
}
/* 410---0.640625 */
@media screen and (min-width: 386px) and (max-width: 415px)
{
  .logo
    {
       margin-left: 6%;
       padding-top: 12px;
    }
    // .nav{position: fixed;z-index: 100;}
    .logo img{width: 200%}
    .icon1{margin-right:3%;margin-top: 13px;}
    .icon2{margin-top: 13px;}
    .texta{width: 100%;margin-left: 0%;margin-bottom: 8px;}
    .texta li{margin-left: 4.4%}
    .texta a{line-height: 2em !important;font-size: 1em !important;}
}
/*footer */
/* 320---0.5 */
@media screen and (max-width:320px)
{    .footer{height: 50px;}
     .footer .text1{padding-top: 20px;margin-left: 3%}
     .text1 a{font-size: 1em}
     .text1 li{margin-left: 2%}
     .footer .line {margin-left: 40%;margin-top: 5%;}
     .footer .line li a{display:block;width: 26px;}
     .footer .line li a img{width: 100%;}
     .footer p{display:none;margin-top: 20px;margin-left: 5%;font-size: 14px;}
     .footer span{display:none;margin-left: 5%;margin-top: 0;}
}
/* 360---0.5625 */
@media screen and (min-width: 321px) and (max-width: 360px)
{
     .footer{height: 50px;}
     .footer .text1{padding-top: 20px;margin-left: 3%}
     .text1 a{font-size: 1em}
     .text1 li{margin-left: 2%}
     .footer .line {margin-left: 40%;margin-top: 5%;}
     .footer .line li a{display:block;width: 26px;}
     .footer .line li a img{width: 100%;}
     .footer p{display:none;margin-top: 20px;margin-left: 5%;font-size: 14px;}
     .footer span{display:none;margin-left: 5%;margin-top: 0;}
}
/* 380---0.59375 */
@media screen and (min-width: 361px) and (max-width: 385px)
{
     .footer{height: 50px;}
     .footer .text1{padding-top: 20px;margin-left: 3%}
     .text1 a{font-size: 1em}
     .text1 li{margin-left: 2%}
     .footer .line {margin-left: 40%;margin-top: 5%;}
     .footer .line li a{display:block;width: 26px;}
     .footer .line li a img{width: 100%;}
     .footer p{display:none;margin-top: 20px;margin-left: 5%;font-size: 14px;}
     .footer span{display:none;margin-left: 5%;margin-top: 0;}
}
/* 410---0.640625 */
@media screen and (min-width: 386px) and (max-width: 415px)
{
     .footer{height: 50px;}
     .footer .text1{padding-top: 20px;margin-left: 3%}
     .text1 a{font-size: 1em}
     .text1 li{margin-left: 2%}
     .footer .line {margin-left: 40%;margin-top: 5%;}
     .footer .line li a{display:block;width: 26px;}
     .footer .line li a img{width: 100%;}
     .footer p{display:none;margin-top: 20px;margin-left: 5%;font-size: 14px;}
     .footer span{display:none;margin-left: 5%;margin-top: 0;}
}

/*---------------------------第一部分index------------------------------------------*/
@media screen and (max-width:320px) {
    .width{
        text-align: center;
        padding: 0 5%;
    }
   .hometitle p {
        float: none;
        display: inline-block;
        margin: 10px auto;
        font-size: 2em;
    }
    .hometitle span {
        display: block;
        font-size: 0.6em;
        width: 100%;
        margin-top: 0;
        text-align: left;
    }
    .homeproduct .homeview {
        width: 100px;
        height: 26px;
        border-radius: 14px;
        line-height: 26px;
        font-size: 1em;
        overflow: hidden;
        text-align: center;
        display:table;
    }
    .homeview a {
        display: table-cell;
        vertical-align: middle;
    }
    .homeevent{
        margin-bottom: 20px;
    }
    .homeevent span {
        display: inline-block;
        margin: 10px auto;
        font-size: 2em;
    }
    .homeevent>.width>p{
        display: block;
        text-align: left;
        font-size: 1.2em;
        width: 100%;
        margin-top: 0;
    }
    .homepic{
        margin-top: 20px;
        text-align: center;
    }
    .homepic>li {
        float: none;
        font-size: 1.2em;
        width:85%;
        display: block;
        margin: 0 auto;
    }
    .homepic li:nth-last-child(2)
    {
      margin:0 auto;
    }

    .homepic li p {
      margin-top: 1.1em;
      margin-bottom: 1.1em;
    }

    .white {
      left: 42.90625%;
      top: 18.3146%;
      width: 52.78125%;
      overflow: hidden;
    }

    .white h5
   {
    margin-top:3.6628%;
    margin-left:7.6628%;
    font-size:2em;
    font-weight: bold;
  }
  .white span
  {
    display: inline-block;
    margin-left:7.6628%;
    margin-top:1%;
    font-size: 1.2em;
  }
  .white p
  {
    display: none;
    margin-left:7.6628%;
    margin-top:1%;
    font-size: 1em;
    font-weight: bold;
    max-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .white a
    {
    display: block;
    width:34.943%;
    height:1.6888em;
    line-height:1.6888em;
    font-size:1.235em;
    border-radius:.6em;
     margin-left:7.6628%;
     margin-top:1.1566%;
     margin-bottom:0;
    }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
    .width{
        text-align: center;
    }
   .hometitle p {
        float: none;
        display: inline-block;
        margin: 10px auto;
        font-size:2em;
    }
    .hometitle span {
        display: block;
        font-size: 1.4em;
        width: 100%;
        margin-top: 0;
        text-align: left;
    }
    .homeproduct .homeview {
        display: table;
        width: 9em;
        height: 2.4em;
        line-height: 2.4em;
        border-radius: 1.3em;
        font-size: 1em;
        overflow: hidden;
        word-break:keep-all;
    }
    .homeview a {
      display: table-cell;
      vertical-align: middle;
    }
    .homeevent{
        margin-bottom: 20px;
    }
    .homeevent span {
        display: inline-block;
        margin: .5em auto;
        font-size: 2em;
    }
    .homeevent>.width>p{
        display: block;
        text-align: left;
        font-size: 1.2em;
        width: 100%;
        margin-top: 0;
    }
    .homepic{
        margin-top: 2em;
        text-align: center;
    }
    .homepic>li {
        float: none;
        font-size: 1.2em;
        width:85%;
        display: block;
        margin: 0 auto;
    }
    .homepic li:nth-last-child(2)
    {
      margin:0 auto;
    }
    .homepic li p {
      margin-top: 1.1em;
      margin-bottom: 1.1em;
    }

    .white {
      left: 42.90625%;
      top: 18.3146%;
      width: 52.78125%;
      overflow: hidden;
    }

    .white h5
   {
    margin-top:3.6628%;
    margin-left:7.6628%;
    font-size:2em;
    font-weight: bold;
  }
  .white span
  {
    display: inline-block;
    margin-left:7.6628%;
    margin-top:1%;
    font-size: 0.8em;
  }
  .white p
  {
    display: none;
    margin-left:7.6628%;
    margin-top:1%;
    font-size: 1em;
    font-weight: bold;
    max-height: 30px;
    overflow: hidden;
  }
  .white a
    {
    display: block;
    width:34.943%;
    height:2.0888em;
    line-height:2.0888em;
    font-size:1.235em;
    border-radius:.6em;
     margin-left:7.6628%;
     margin-top:1.1566%;
     margin-bottom:0;
    }

}

@media screen and (min-width: 361px) and (max-width: 385px) {

    .width{
        text-align: center;
    }
   .hometitle p {
        float: none;
        display: inline-block;
        margin: 10px auto;
        font-size: 2em;
    }
    .hometitle span {
        display: block;
        font-size: 0.6em;
        width: 100%;
        margin-top: 0;
        text-align: left;
    }
    .homeproduct .homeview {
        display: table;
        width: 100px;
        height: 26px;
        border-radius: 14px;
        line-height: 26px;
        font-size: 0.8em;
        overflow: hidden;
        word-break:keep-all;
    }
    .homeview a {
      display: table-cell;
      vertical-align: middle;
    }
    .homeevent{
        margin-bottom: 20px;
    }
    .homeevent span {
        display: inline-block;
        margin: 10px auto;
        font-size: 2em;
    }
    .homeevent>.width>p{
        display: block;
        text-align: left;
        font-size: 0.6em;
        width: 100%;
        margin-top: 0;
    }
    .homepic{
        margin-top: 20px;
        text-align: center;
    }
    .homepic>li {
        float: none;
        font-size: 0.6em;
        width:85%;
        display: block;
        margin: 0 auto;
    }
    .homepic li p {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .homepic li:nth-last-child(2)
    {
      margin:0 auto;
    }
    .homepic li p {
      margin-top: 1.1em;
      margin-bottom: 1.1em;
    }
    .white {
      left: 42.90625%;
      top: 18.3146%;
      width: 52.78125%;
      overflow: hidden;
    }

    .white h5
   {
    margin-top:3.6628%;
    margin-left:7.6628%;
    font-size:2em;
    font-weight: bold;
  }
  .white span
  {
    display: inline-block;
    margin-left:7.6628%;
    margin-top:1%;
    font-size: 0.8em;
  }
  .white p
  {
    display: none;
    margin-left:7.6628%;
    margin-top:1%;
    font-size: 1em;
    font-weight: bold;
    max-height: 30px;
    overflow: hidden;
  }
  .white a
    {
    display: block;
    width:34.943%;
    height:2.0888em;
    line-height:2.0888em;
    font-size:1.235em;
    border-radius:.6em;
     margin-left:7.6628%;
     margin-top:1.1566%;
     margin-bottom:0;
    }
}
@media screen and (min-width: 386px) and (max-width: 415px) {
    .width{
        text-align: center;
    }
   .hometitle p {
        float: none;
        display: inline-block;
        margin: 10px auto;
        font-size: 2em;
    }
    .hometitle span {
        display: block;
        font-size: 0.6em;
        width: 100%;
        margin-top: 0;
        text-align: left;
    }
    .homeproduct .homeview {
        display: table;
        width: 100px;
        height: 26px;
        border-radius: 14px;
        line-height: 26px;
        font-size: 0.8em;
        overflow: hidden;
        word-break:keep-all;
    }
    .homeview a {
      display: table-cell;
      vertical-align: middle;
    }
    .homeevent{
        margin-bottom: 20px;
    }
    .homeevent span {
        display: inline-block;
        margin: 10px auto;
        font-size: 2em;
    }
    .homeevent>.width>p{
        display: block;
        text-align: left;
        font-size: 0.6em;
        width: 100%;
        margin-top: 0;
    }
    .homepic{
        margin-top: 20px;
        text-align: center;
    }
    .homepic>li {
        float: none;
        font-size: 0.6em;
        width:85%;
        display: block;
        margin: 0 auto;
    }
    .homepic li p {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .homepic li:nth-last-child(2)
    {
      margin:0 auto;
    }
    .homepic li p {
      margin-top: 1.1em;
      margin-bottom: 1.1em;
    }
    .white {
      left: 42.90625%;
      top: 18.3146%;
      width: 52.78125%;
      overflow: hidden;
    }

    .white h5
   {
    margin-top:3.6628%;
    margin-left:7.6628%;
    font-size:1.8em;
    font-weight: bold;
  }
  .white span
  {
    display: inline-block;
    margin-left:7.6628%;
    margin-top:1%;
    font-size: 0.8em;
  }
  .white p
  {
    display: none;
    margin-left:7.6628%;
    margin-top:1%;
    font-size: 1em;
    font-weight: bold;
    max-height: 30px;
    overflow: hidden;
  }
  .white p span
  {
    display: block;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
  }
 
}
@media screen and (max-width: 415px) {
	.white a
    {
    display: block;
    width:80px;
    height:2.0888em;
    line-height:2.0888em;
    font-size:0.1em;
    border-radius:.6em;
     margin-left:7.6628%;
     margin-top:1.1566%;
     margin-bottom:0;
    }
	
	
	}

/*-------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
--------------------------------第二部分product-----------------------------------------------------------*/
@media screen and (max-width: 320px) {

    .probanner2{

        left: 67.54167%;
    }
    .radius{
        width:7.2em;
        height:2.2em;
        line-height: 25px;
        border-radius:10px;
        border:solid 2px #007acc;
        text-align:center;
        overflow: hidden;
    }
     .radius a
    {
        font-size:12px;
        margin-top:0;
        color:#007acc;
        word-break:break-all;
        word-spacing: none;
        font-weight: normal;
     }
     .product{
        overflow: hidden;
     }
     .type1,
     .type2,
     .type3,
     .type4{overflow: hidden;}
     .type1 img,
     .type2 img,
     .type3 img,
     .type4 img{
        width: 100%;
     }
     .product>div>span
    {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        color:#767676;
        top: 12%;
        left:5.53%;
        max-width: 200px;
    }
    .product>div>div[class*=typePro]{
    top: 22%;
    right: 3em;
    width: 20.8333%;
    height: 9em;
   }
    .product>div>p
    {
        font-size: 11px;
        line-height: 14px;
        top: 12%;
        left:5.53%;
        max-width: 180px;
        margin-top: 7%;
		display:none;
    }
    .product>div>div[class*=typePro]>img{
    width: 100%;
    height: 100%;
    }
    .product>div>div:nth-of-type(2){
    width:5em ;
    height:1.6em ;
    line-height: 1.6em ;
    top:60% ;
    border-radius: 6px;
    overflow: hidden;
    }
    .product>div>div:nth-of-type(2)>a{
    margin-top: 0;
    font-size: 13px;
    }

    .product>div>div:nth-of-type(1) a{
   font-size:1.2em;
   font-family:Arial,serif;
   font-weight: normal;
   margin-top:0;color:#FFF;
   }
   .bottom{
    display: none!important;
   }
}

@media screen and (min-width: 321px) and (max-width: 360px) {

    .probanner2{
        left: 70.54167%;
    }
    .radius{
        display: table;
        width:7.2em;
        height:1.8em;
        line-height: 1.8em;
        border-radius:14px;
        border:solid 2px #007acc;
        text-align:center;
        overflow: hidden;
    }
     .radius a
    {
        display: table-cell;
        vertical-align: middle;
        font-size:12px;
        margin-top:0;
        color:#007acc;
        word-break:break-all;
        word-spacing: none;
        font-weight: normal;
     }
     .product{
        overflow: hidden;
     }
     .type1,
     .type2,
     .type3,
     .type4{overflow: hidden;}
     .type1 img,
     .type2 img,
     .type3 img,
     .type4 img{
        width: 100%;
     }
     .product>div>span
    {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        color:#767676;
        top: 12%;
        left:5.53%;
        max-width: 150px;
    }
    .product>div>div[class*=typePro]{
    top: 22%;
    right: 3em;
    width: 20.8333%;
    height: 10em;
   }
    .product>div>p
    {
        font-size: 12px;
        line-height: 14px;
        top: 20%;
        left:5.53%;
        max-width: 180px;
        margin-top: 7%;
		display:none;
    }
    .product>div>div[class*=typePro]>img{
    width: 100%;
    height: 100%;
    }
    .product>div>div:nth-of-type(2){
    width:5em ;
    height:1.6em ;
    line-height: 1.6em ;
    top:60% ;
    border-radius: 6px;
    overflow: hidden;
    }
    .product>div>div:nth-of-type(2)>a{
    margin-top: 0;
    font-size: 13px;
    }

    .product>div>div:nth-of-type(1) a{
   font-size:1.2em;
   font-family:Arial,serif;
   font-weight: normal;
   margin-top:0;color:#FFF;
   }
   .bottom{
    display: none;
   }
}

@media screen and (min-width: 361px) and (max-width: 385px) {

    .probanner2{

    left: 68.54167%;
    }
    .radius{
        display: table;
        width:7.2em;
        height:1.8em;
        line-height: 1.8em;
        border-radius:14px;
        border:solid 2px #007acc;
        text-align:center;
        overflow: hidden;
    }
     .radius a
    {
        display: table-cell;
        vertical-align: middle;
        font-size:12px;
        margin-top:0;
        color:#007acc;
        word-spacing: none;
        font-weight: normal;
        word-break:break-all;
     }
     .product{
        overflow: hidden;
     }
     .type1,
     .type2,
     .type3,
     .type4{overflow: hidden;}
     .type1 img,
     .type2 img,
     .type3 img,
     .type4 img{
        width: 100%;
     }
     .product>div>span
    {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        color:#767676;
        top: 12%;
        left:5.53%;
        max-width: 150px;
    }
    .product>div>div[class*=typePro]{
    top: 22%;
    right: 3em;
    width: 20.8333%;
    height: 12em;
   }
    .product>div>p
    {
        font-size: 12px;
        line-height: 14px;
        top: 20%;
        left:5.53%;
        max-width: 180px;
        margin-top: 7%;
		display:none;
    }
    .product>div>div[class*=typePro]>img{
    width: 100%;
    height: 100%;
    }
    .product>div>div:nth-of-type(2){
    width:5em ;
    height:1.6em ;
    line-height: 1.6em ;
    top:60% ;
    border-radius: 6px;
    overflow: hidden;
    }
    .product>div>div:nth-of-type(2)>a{
    margin-top: 0;
    font-size: 13px;
    }

    .product>div>div:nth-of-type(1) a{
   font-size:1.2em;
   font-family:Arial,serif;
   font-weight: normal;
   margin-top:0;color:#FFF;
   }
   .bottom{
    display: none;
   }
}
@media screen and (min-width: 386px) and (max-width: 415px) {

    .probanner2{

    left: 72.54167%;
    }
    .radius{
        display: table;
        width:7.2em;
        height:1.8em;
        line-height: 1.8em;
        border-radius:14px;
        border:solid 2px #007acc;
        text-align:center;
        overflow: hidden;
    }
     .radius a
    {
        display: table-cell;
        vertical-align: middle;
        font-size:12px;
        margin-top:0;
        color:#007acc;
        word-break:break-all;
        word-spacing: none;
        font-weight: normal;
     }
     .product{
        overflow: hidden;
     }
     .type1,
     .type2,
     .type3,
     .type4{overflow: hidden;}
     .type1 img,
     .type2 img,
     .type3 img,
     .type4 img{
        width: 100%;
     }
     .product>div>span
    {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        color:#767676;
        top: 12%;
        left:5.53%;
        max-width: 150px;
    }
    .product>div>div[class*=typePro]{
    top: 22%;
    right: 3em;
    width: 20.8333%;
    height: 13em;
   }
    .product>div>p
    {
        font-size: 12px;
        line-height: 14px;
        top: 10%;
        left:5.53%;
        max-width: 240px;
        margin-top: 7%;
		display:none;
    }
	
    .product>div>div[class*=typePro]>img{
    width: 100%;
    height: 100%;
    }
    .product>div>div:nth-of-type(2){
    width:5em ;
    height:1.6em ;
    line-height: 1.6em ;
    top:60% ;
    border-radius: 6px;
    overflow: hidden;
    }
    .product>div>div:nth-of-type(2)>a{
    margin-top: 0;
    font-size: 13px;
    }

    .product>div>div:nth-of-type(1) a{
   font-size:1.2em;
   font-family:Arial,serif;
   font-weight: normal;
   margin-top:0;color:#FFF;
   }
   .bottom{
    display: none;
   }
}
/*-------------------------------------------------------------------------------------------------------------
------------------------------第三部分--------------product--categrious---------------------------------------
----------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {

    .catradius
     {
         width:20%;
         left: 8.7604%;
         top:65%;
         height:22px;
         border:solid 2px #007acc;
         overflow: hidden;
     }
     .catmain
   {
       width: 100%;
       background:#f5f5f5;
       margin-top:2em;
       margin-left:0;
       position: relative;
  }
     .catradius a
    {
        font-size:12px;
        margin-top:2%;
    }
    .catbread{
        margin-left: 1em;
    }
    .catbanner+.catbread {
    margin-top: 2em;
    }
    .catbanner .cattext {
      position: absolute;
      left: 8.7604%;
      top: 25.25%;
      width: 47.7083%;
      height: 24.75%;
    }


    .recentagle
  {
    width: 50%;
    display: table;
  }
    .recentagle span
  {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 2em;
    margin-left:0;
    margin-top: 0;
  }
  .recentagle span i {
    margin-left: 0;
    margin-top: -48px;
    font-size: 48px;
    color: #FFF;
  }
      .panel span,
      .specifications span,
      .display span
    {
        display: block;
        font-size: 17px;
        font-family: Arial,serif;
        color:#3e3e3e;
        margin-top: 10px;
        padding-top:10px;
        margin-left: 2.33%;
    }
    .panel li,
    .specifications li,
    .display li
    {
    font-size: 14px;
    width:50%;
    margin-left: 0;
    margin-top: 15px;
    padding: 0;
    }

    .product2{
        width: 47.999%;
        float: left;
        margin-left: 1%;
    }
    .catproduct .product2:nth-child(1){
      margin-right:3%;
      margin-left: 1;
    }
    .catproduct .product2:nth-child(3){
      margin-right:3%;
      margin-left: 1%;
    }
    .catproduct .product2:nth-child(2){
        margin-right: 0;
        margin-left: 0;
    }
    .catproduct .product2:nth-child(4){
      margin-right:0;
      margin-left: 0;
    }
    .catproduct .product2:nth-child(5){
      margin-right:3%;
      margin-left: 1%;
    }
    .catproduct .product2:nth-child(6){
      margin-right:0;
      margin-left: 0;
    }
    .product2>p {
      padding: .4em;
    }
    .product2>p>a{
    display: block;
    color: #6c6c6c;
    font-size: 1.4em;
    padding:0.4em 0;
   }

    .product2>p>span{
    display: block;
    font-size: 1.2em;
    color: #848484;
   }

   .catproduct
  {
    width:99.99%;margin-top:10px;
    position:relative;left:0;
    padding: 0 2%;
    }

    .load
  {
  width:99.999%;height:50px;position:relative;left:0;
  font-size:15px;height: 35px;
  }


  .load a {
      position: absolute;
      top: 7px;
      left: 33%;
      font-size: 16px;
      font-family: Arial,serif;
      color: #007acc;
    }

}
@media screen and (min-width: 321px) and (max-width: 360px){
        .catradius
     {
         width:20%;
         left: 8.53%;
         height:22px;
         border:solid 2px #007acc;
         overflow: hidden;
     }
     .catbanner .cattext {
        position: absolute;
        left: 8.7604%;
        top: 25.25%;
        width: 45.7083%;
        height: 24.75%;
    }
     .catmain
   {
       width: 98.8888%;
       background:#f5f5f5;
       margin-top:2em;
       margin-left:0;
       position: relative;
  }
     .catradius a
    {
        font-size:12px;
        margin-top:5%;
    }
    .catbread{
        margin: 5px 0 0 0;
    }
    .catbanner+.catbread {
        margin-top: 2em;
    }


    .recentagle
  {
    display: table;
    width: 50%;
    height:50px;
  }
    .recentagle span
  {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    margin:auto 0 ;
    /*margin-left:0;*/
    height:28px;
    line-height: 28px;
  }
  .recentagle span i {
    margin-left: 0;
    margin-top: 0;
    font-size: 48px;
    color: #FFF;
}
      .panel span,
      .specifications span,
      .display span
    {
        display: block;
        font-size: 17px;
        font-family: Arial,serif;
        color:#3e3e3e;
        margin-top: 10px;
        padding-top:10px;
        margin-left: 2.33%;
    }
    .panel li,
    .specifications li,
    .display li
    {
    font-size: 14px;
    width:50%;
    margin-left: 0;
    margin-top: 15px;
    padding: 0;
    }

    .product2{
        width: 47.999%;
        float: left;
        margin-left: 1%;
    }
    .catproduct .product2:nth-child(1){
      margin-right:3%;
      margin-left: 1;
    }
    .catproduct .product2:nth-child(3){
      margin-right:3%;
      margin-left: 1%;
    }
    .catproduct .product2:nth-child(2){
        margin-right: 0;
        margin-left: 0;
    }
    .catproduct .product2:nth-child(4){
      margin-right:0;
      margin-left: 0;
    }
    .catproduct .product2:nth-child(5){
      margin-right:3%;
      margin-left: 1%;
    }
    .catproduct .product2:nth-child(6){
      margin-right:0;
      margin-left: 0;
    }
    .product2>p {
      padding: .4em;
    }
    .product2>p>a{
    display: block;
    color: #6c6c6c;
    font-size: 1.4em;
    padding:0.4em 0;
   }

    .product2>p>span{
    display: block;
    font-size: 1.2em;
    color: #848484;
   }

   .catproduct
  {
    width:99.99%;margin-top:10px;
    position:relative;left:0;
    padding: 0 2%;
    }

    .load
  {
  width:99.999%;height:50px;position:relative;left:0;
  font-size:15px;height: 35px;
  }

    .load a {
      position: absolute;
      top: 7px;
      left: 33%;
      font-size: 16px;
      font-family: Arial,serif;
      color: #007acc;
    }
}

@media screen and (min-width: 361px) and (max-width: 385px) {
        .catradius
     {
         width:15%;height:22px;
         border:solid 2px #007acc;
         overflow: hidden;
     }
     .catmain
   {
       width: 100%;
       background:#f5f5f5;
       margin-top:2em;
       margin-left:0;
       position: relative;
  }
     .catradius a
    {
        font-size:12px;
        margin-top:5%;
    }
    .catbread{
        margin: 5px 0 0 0;
    }
    .catbanner+.catbread {
        margin-top: 3em;
    }
    .recentagle
  {
    display: table;
    width: 50%;
    height:50px;
  }
    .recentagle span
  {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    height:28px;
    line-height: 28px;
  }
    .recentagle span i {
      margin-left: 0;
      margin-top: -1.41285em;
      font-size: 48px;
      color: #FFF;
  }
      .panel span,
      .specifications span,
      .display span
    {
        display: block;
        font-size: 17px;
        font-family: Arial,serif;
        color:#3e3e3e;
        margin-top: 10px;
        padding-top:10px;
        margin-left: 2.33%;
    }
    .panel li,
    .specifications li,
    .display li
    {
    font-size: 14px;
    width:50%;
    margin-left: 0;
    margin-top: 15px;
    padding: 0;
    }

    .product2{
        width: 47.999%;
        float: left;
        margin-left: 1%;
    }
    .catproduct .product2:nth-child(1){
      margin-right:3%;
      margin-left: 1;
    }
    .catproduct .product2:nth-child(3){
      margin-right:3%;
      margin-left: 1%;
    }
    .catproduct .product2:nth-child(2){
        margin-right: 0;
        margin-left: 0;
    }
    .catproduct .product2:nth-child(4){
      margin-right:0;
      margin-left: 0;
    }
    .catproduct .product2:nth-child(5){
      margin-right:3%;
      margin-left: 1%;
    }
    .catproduct .product2:nth-child(6){
      margin-right:0;
      margin-left: 0;
    }
    .product2>p {
      padding: .4em;
    }
    .product2>p>a{
    display: block;
    color: #6c6c6c;
    font-size: 1.4em;
    padding:0.4em 0;
   }

    .product2>p>span{
    display: block;
    font-size: 1.2em;
    color: #848484;
   }

   .catproduct
  {
    width:99.99%;margin-top:10px;
    position:relative;left:0;
    padding: 0 2%;
    }

    .load
  {
  width:99.999%;height:50px;position:relative;left:0;
  font-size:15px;height: 35px;
  }
    .load a {
      position: absolute;
      top: 7px;
      left: 33%;
      font-size: 16px;
      font-family: Arial,serif;
      color: #007acc;
    }

}


@media screen and (min-width: 386px) and (max-width: 415px) {
        .catradius
     {
         width:15%;
         height:22px;
         border:solid 2px #007acc;
         overflow: hidden;
     }
     .catmain
   {
       width: 100%;
       background:#f5f5f5;
       margin-top:2em;
       margin-left:0;
       position: relative;
  }
     .catradius a
    {
        font-size:12px;
        margin-top:5%;
    }
    .catbread{
        margin: 5px 0 0 0;
    }
    .catbanner+.catbread {
        margin-top: 2em;
    }

    .recentagle
  {
    display: table;
    background-color: #007acc;
    width: 50%;
    height:50px;
  }
    .recentagle span
  {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    margin:auto 0 ;
    /*margin-left:0;*/
    height:28px;
    line-height: 28px;
  }
  .recentagle span i {
    margin-left: 0;
    margin-top: -1.41285em;
}
      .panel span,
      .specifications span,
      .display span
    {
        display: block;
        font-size: 17px;
        font-family: Arial,serif;
        color:#3e3e3e;
        margin-top: 10px;
        padding-top:10px;
        margin-left: 2.33%;
    }
    .panel li,
    .specifications li,
    .display li
    {
    font-size: 14px;
    width:50%;
    margin-left: 0;
    margin-top: 15px;
    padding: 0;
    }

    .product2{
        width: 47.999%;
        float: left;
        margin-left: 1%;
    }
    .catproduct .product2:nth-child(1){
      margin-right:3%;
      margin-left: 1;
    }
    .catproduct .product2:nth-child(3){
      margin-right:3%;
      margin-left: 1%;
    }
    .catproduct .product2:nth-child(2){
        margin-right: 0;
        margin-left: 0;
    }
    .catproduct .product2:nth-child(4){
      margin-right:0;
      margin-left: 0;
    }
    .catproduct .product2:nth-child(5){
      margin-right:3%;
      margin-left: 1%;
    }
    .catproduct .product2:nth-child(6){
      margin-right:0;
      margin-left: 0;
    }
    .product2>p {
      padding: .4em;
    }
    .product2>p>a{
    display: block;
    color: #6c6c6c;
    font-size: 1.4em;
    padding:0.4em 0;
   }

    .product2>p>span{
    display: block;
    font-size: 1.2em;
    color: #848484;
   }

   .catproduct
  {
    width:99.99%;margin-top:10px;
    position:relative;left:0;
    padding: 0 2%;
    }

    .load
  {
  width:99.999%;height:50px;position:relative;left:0;
  font-size:15px;height: 35px;
  }
    .load a {
      position: absolute;
      top: 7px;
      left: 33%;
      font-size: 16px;
      font-family: Arial,serif;
      color: #007acc;
    }
}
@media screen and (max-width:415px) {
	.recentagle span
  {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
    margin:auto 0 ;
    /*margin-left:0;*/
    height:28px;
    line-height: 28px;
	padding-left:6px;
  }
  .recentagle span i {
    margin-left: 0;
	position:absolute;
	display:block;
	left:135px;
	top:58px;
}	
	
}
@media screen and (max-width:350px) {
	.recentagle span i {
    margin-left: 0;
	position:absolute;
	display:block;
	left:110px;
	top:58px;
}

}


/*-------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------
=========================第四部分=product===detail=====================================================*/
@media screen and (max-width: 320px) {

    .bx-viewport{
        height: 200px !important;
    }
    .bx-wrapper .bx-controls-direction {
    }

     .detproduct1 h5{

     font-size:16px;

     font-weight:bold;

     left:9.48%;top:0;

     }
     .detproduct1 span {
      font-size: 14px;
      font-family: Arial,serif;
      color: #4e4e4e;
      max-width: 150px;
    }
    .detproduct1 p {
      font-size: 12px;
      left: 9.48%;
      top: 70px;
    }
    .bxslider img{
        margin-top: 0;
        margin-left: 200px
    }


    .bx-wrapper {

    margin:0 auto 4% !important;

    }
    #bx-pager{
        margin: 0 auto;
    }
    #bx-pager img{
        padding:8px;
    }

    #bx-pager a {
      margin-right: 6px;
      margin-bottom: 6px;
      max-width: 45%;
      max-height: 31.5em;
      border: 1px solid #dfdfdf;
      text-align: center;
      padding: 0 0;
    }

    #downloads{
        padding:0 4.48%;
    }
    #downloads .downloads_lev1{
        margin-left: 0;
        margin-right: 3%;
        font-size: 1.8em;
        line-height: 28px;
        height: 28px;
        text-align: left;
    }
    #downloads ul:nth-child(2) li span{
    font-size: 2em;
    }
    .Related_l article{
        padding-top: 16%;
    }
    .Related_l article>.ted_l{
        width: 34%;
        margin-left: 0;
        padding-bottom: 7.33333%;
        float: left;
    }
    .Related_p{
        width:65.999%;
        float: left;
        text-align: left;
        padding-left: 0;
    }
    .Related_p1{
        font-size: 16px;
        margin-bottom: 16px;
    }
    .Related_p2{
        font-size: 12px;
        margin:10px 0;
    }
    .Related_p a{

        width: 36.1%;
        height: 26px;
        line-height: 26px;
    }
    .Related_r article{
        position: relative;
        padding-top: 0;
    }
    .Related_r article>.ted_l{
        width: 28%;
        margin-left: 0;
        padding-bottom: 7.33333%;
        float: left;
    }
    .Related_r .Related_p{
        margin-left: 4.666%;
    }



    .download_Related .Related_l{
        width: 100%;
    }
    .download_Related .Related_r{
        width: 100%;
    }
    .Related_l>p{
        font-size: 18px;
        margin:4% 0;
    }

}

@media screen and (min-width: 321px) and (max-width: 360px) {
    .bx-viewport{
        height: 200px !important;
    }
    .bx-wrapper .bx-controls-direction {
    }

     .detproduct1 h5{

     font-size:16px;

     font-weight:bold;

     left:9.48%;top:0;

     }
     .detproduct1 span {
      font-size: 14px;
      font-family: Arial,serif;
      color: #4e4e4e;
      position: absolute;
      left: 9.48%;
      top: 20px;
      max-width: 150px;
    }
    .detproduct1 p {
      font-size: 12px;
      left: 9.48%;
      top: 70px;
    }
    .bxslider img{
        margin-top: 0;
        margin-left: 200px
    }


    .bx-wrapper {

    margin:0 auto 4% !important;

    }
    #bx-pager{
        margin: 0 auto;
    }
    #bx-pager img{
        padding:8px;
    }

    #bx-pager a {
      margin-right: 6px;
      margin-bottom: 6px;
      max-width: 45%;
      max-height: 31.5em;
      border: 1px solid #dfdfdf;
      text-align: center;
      padding: 0 0;
    }


     #downloads{
        padding:0 4.48%;
    }
    #downloads .downloads_lev1{
        width: 100%;
        font-size: 1.8em;
        margin-left: 0;
        line-height: 28px;
        height: 28px;
        text-align: left;
        /*border-left: 4px solid #dedede;*/
    }
    #downloads ul:nth-child(2) li span{
    font-size: 2em;
    }
    .Related_l article{
        padding-top: 16%;
    }
    .Related_l article>.ted_l{
        width: 34%;
        margin-left: 0;
        padding-bottom: 7.33333%;
        float: left;
    }
    .Related_p{
        width:65.999%;
        float: left;
        text-align: left;
        padding-left: 0;
    }
    .Related_p1{
        font-size: 16px;
        margin-bottom: 16px;
    }
    .Related_p2{
        font-size: 12px;
        margin:10px 0;
    }
    .Related_p a{

        width: 36.1%;
        height: 26px;
        line-height: 26px;
    }
    .Related_r article{
        position: relative;
        padding-top: 0;
    }
    .Related_r article>.ted_l{
        width: 28%;
        margin-left: 0;
        padding-bottom: 7.33333%;
        float: left;
    }
    .Related_r .Related_p{
        margin-left: 4.666%;
    }



    .download_Related .Related_l{
        width: 100%;
    }
    .download_Related .Related_r{
        width: 100%;
    }
    .Related_l>p{
        font-size: 18px;
        margin:4% 0;
    }
}

@media screen and (min-width: 361px) and (max-width: 385px){

    .bx-viewport{
        height: 200px !important;
    }
    .bx-wrapper .bx-controls-direction {
    }

     .detproduct1 h5{

     font-size:16px;

     font-weight:bold;

     left:9.48%;top:0;

     }
     .detproduct1 span {
      font-size: 14px;
      font-family: Arial,serif;
      color: #4e4e4e;
      position: absolute;
      left: 9.48%;
      top: 20px;
      max-width: 150px;
    }
    .detproduct1 p {
      font-size: 12px;
      left: 9.48%;
      top: 70px;
    }
    .bxslider img{
        margin-top: 0;
        margin-left: 200px
    }


    .bx-wrapper {

    margin:0 auto 4% !important;

    }
    #bx-pager{
        margin: 0 auto;
    }
    #bx-pager img{
        padding:8px;
    }

    #bx-pager a {
      margin-right: 6px;
      margin-bottom: 6px;
      max-width: 45%;
      max-height: 31.5em;
      border: 1px solid #dfdfdf;
      text-align: center;
      padding: 0 0;
    }



    #downloads{
        padding:0 4.48%;
    }
    #downloads .downloads_lev1{
        width: 100%;
        font-size: 1.8em;
        margin-right: 0;
        margin-left: 20px;
        line-height: 30px;
        height: 30px;
        text-align: left;
        /*border-left: 4px solid #dedede;*/
    }
    #downloads .downloads_lev1:first-child{
        margin-left: 0;
    }
    #downloads ul:nth-child(2) li span{
    font-size: 2em;
    }
    .Related_l article{
        padding-top: 16%;
    }
    .Related_l article>.ted_l{
        width: 34%;
        margin-left: 0;
        padding-bottom: 7.33333%;
        float: left;
    }
    .Related_p{
        width:65.999%;
        float: left;
        text-align: left;
        padding-left: 0;
    }
    .Related_p1{
        font-size: 16px;
        margin-bottom: 16px;
    }
    .Related_p2{
        font-size: 12px;
        margin:10px 0;
    }
    .Related_p a{

        width: 36.1%;
        height: 26px;
        line-height: 26px;
    }
    .Related_r article{
        position: relative;
        padding-top: 0;
    }
    .Related_r article>.ted_l{
        width: 28%;
        margin-left: 0;
        padding-bottom: 7.33333%;
        float: left;
    }
    .Related_r .Related_p{
        margin-left: 4.666%;
    }



    .download_Related .Related_l{
        width: 100%;
    }
    .download_Related .Related_r{
        width: 100%;
    }
    .Related_l>p{
        font-size: 18px;
        margin:4% 0;
    }
}


@media screen and (min-width: 386px) and (max-width: 415px){

    .bx-viewport{
        height: 200px !important;
    }
    .bx-wrapper .bx-controls-direction {
    }

     .detproduct1 h5{

     font-size:16px;

     font-weight:bold;

     left:9.48%;top:0;

     }
     .detproduct1 span {
      font-size: 14px;
      font-family: Arial,serif;
      color: #4e4e4e;
      position: absolute;
      left: 9.48%;
      top: 20px;
      max-width: 150px;
    }
    .detproduct1 p {
      font-size: 12px;
      left: 9.48%;
      top: 70px;
    }
    .bxslider img{
        margin-top: 0;
        margin-left: 200px
    }


    .bx-wrapper {

    margin:0 auto 4% !important;

    }
    #bx-pager{
        margin: 0 auto;
    }
    #bx-pager img{
        padding:8px;
    }

    #bx-pager a {
      margin-right: 6px;
      margin-bottom: 6px;
      max-width: 45%;
      max-height: 31.5em;
      border: 1px solid #dfdfdf;
      text-align: center;
      padding: 0 0;
    }



    #downloads{
        padding:0 4.48%;
    }
    #downloads .downloads_lev1{
        width: 100%;
        font-size: 1.8em;
        margin-left: 0;
        line-height: 28px;
        height: 28px;
        text-align: left;
        /*border-left: 4px solid #dedede;*/
    }
    #downloads ul:nth-child(2) li span{
    font-size: 2em;
    }
    .Related_l article{
        padding-top: 16%;
    }
    .Related_l article>.ted_l{
        width: 34%;
        margin-left: 0;
        padding-bottom: 7.33333%;
        float: left;
    }
    .Related_p{
        width:65.999%;
        float: left;
        text-align: left;
        padding-left: 0;
    }
    .Related_p1{
        font-size: 16px;
        margin-bottom: 16px;
    }
    .Related_p2{
        font-size: 12px;
        margin:10px 0;
    }
    .Related_p a{

        width: 36.1%;
        height: 26px;
        line-height: 26px;
    }
    .Related_r article{
        position: relative;
        padding-top: 0;
    }
    .Related_r article>.ted_l{
        width: 28%;
        margin-left: 0;
        padding-bottom: 7.33333%;
        float: left;
    }
    .Related_r .Related_p{
        margin-left: 4.666%;
    }
    .download_Related .Related_l{
        width: 100%;
    }
    .download_Related .Related_r{
        width: 100%;
    }
    .Related_l>p{
        font-size: 18px;
        margin:4% 0;
    }
}


/*------------======================================================================================
-==================================================================================================
============================第五部分=========partner============================================-------*/
@media screen and (max-width: 320px) {
    .parmid
    {
        padding:0 2.45%;
    }

    .parmid span
    {

        font-size:25px;
        margin: 0 auto;
        padding:20px 0;
        text-align: center;
    }

    .paright,
    .parleft
    {
        margin-top:20px;
        width:100%;
        margin-left: 0;
    }
    .paright img,
    .parleft img
    {
        width:100%;
    }
    .parightpic,
    .parleftpic{
        float: left;
        width: 49.999%;
    }
    .righttitle,
    .lefttitle
    {
        float: left;
        display: block;
        width: 47.999%;
        margin-top:0;
        font-size:16px;
        padding:0 0 4% 4%;
    }
    .paright p,
    .parleft p
    {
        margin-top: 10px;
        display: block;
        font-size: 12px;
        font-weight: normal;
    }

    .partouch>.wrapper{
      padding: 0 6.45%;
      margin-top: 25px;
      padding-bottom: 25px;
    }

    .touchleft{
      width: 100%;
      margin-top: 30px;
      margin-bottom:30px;
    }
    .touchleft .parmail>span,
    .touchleft .parfax>span,
    .touchleft .partel>span,
    .touchleft .parpc>span,
    .touchleft .paradd>span{
      margin-left: 0;
      display: inline-block;
      line-height: 16px;
      font-size: 1.7em;
    }
    .touchleft>div>p{
      display: inline-block;
      float: right;
      font-size: 1.4em;
      width: 75.428%;
      line-height: 16px;
    }

    .touchright{
      width: 100%;
      margin-left:0;
      margin-top: 0;
    }
    .touchright>form>p{
      font-size: 2em;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 2em;
    }
    .touchright>form>div{
      display: inline-block;
      float: none;
      width:100%;
      max-width: 100%;
      margin-bottom: 1%;
    }
    .touchright>form>div>span{
      display: block;
      float: left;
      font-size: 1.8em;
    }
    .touchright>form>div>input{
      display: block;
      float: right;
      font-size: 2.5em;
    }

    .touchright>form>.touch01>input:nth-of-type(1){
      width: 57%;
      margin-right: 0;
    }
    .touchright>form>.touch03>input:nth-of-type(1) {
      width: 56.7%;
    }
    .touchright>form>.touch04>input:nth-of-type(1){
      width:  57%;
    }
    .touchright>form>.touch05>textarea:nth-of-type(1){
      width: 21em;
      height: 6em;
    }
    .touchright form>input{
      display: block;
      position: absolute;
      left: 0;
      bottom:-8px;
      width: 70px;
      height: 23px;
      background: #007acc;
      border-radius: 10px;
      color: #fff;
      font-weight: normal;
    }


    .parmail,
    .parfax,
    .partel,
    .parpc,
    .paradd{margin-bottom: 20px;}

}
@media screen and (min-width: 321px) and (max-width: 360px) {

    .parmid
    {
        padding:0 2.45%;
    }

    .parmid span
    {

        font-size:25px;
        margin: 0 auto;
        padding:20px 0;
        text-align: center;
    }

    .paright,
    .parleft
    {
        margin-top:20px;
        width:100%;
        margin-left: 0;
    }
    .paright img,
    .parleft img
    {
        width:100%;
    }
    .parightpic,
    .parleftpic{
        float: left;
        width: 49.999%;
    }
    .righttitle,
    .lefttitle
    {
        float: left;
        display: block;
        width: 47.999%;
        margin-top:0;
        font-size:16px;
        padding:0 0 4% 4%;
    }
    .paright p,
    .parleft p
    {
        margin-top: 10px;
        display: block;
        font-size: 12px;
        font-weight: normal;
    }

    .partouch>.wrapper{
      padding: 0 6.45%;
      margin-top: 25px;
      padding-bottom: 25px;
    }

    .touchleft{
      width: 100%;
      margin-top: 30px;
      margin-bottom:30px;
    }
    .touchleft .parmail>span,
    .touchleft .parfax>span,
    .touchleft .partel>span,
    .touchleft .parpc>span,
    .touchleft .paradd>span{
      margin-left: 0;
      display: inline-block;
      line-height: 16px;
      font-size: 1.7em;
    }
    .touchleft>div>p{
      display: inline-block;
      float: right;
      font-size: 1.4em;
      width: 75.428%;
      line-height: 16px;
    }

    .touchright{
      width: 100%;
      margin-left:0;
      margin-top: 0;
    }
    .touchright>form>p{
      font-size: 2em;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 2em;
    }
    .touchright>form>div{
      display: inline-block;
      float: none;
      width:100%;
      max-width: 100%;
      margin-bottom: 1%;
    }
    .touchright>form>div>span{
      display: block;
      float: left;
      font-size: 1.8em;
    }
    .touchright>form>div>input{
      display: block;
      float: right;
      font-size: 2.5em;
    }
    .touchright>form>.touch01>input:nth-of-type(1){
      width: 57%;
      margin-right: 0;
    }
    .touchright>form>.touch03>input:nth-of-type(1) {
      width: 56.9%;
    }
    .touchright>form>.touch04>input:nth-of-type(1){
      width:  57%;
    }
    .touchright>form>.touch05>textarea:nth-of-type(1){
      width: 23.5em;
      height: 6em;
    }
    .touchright form>input{
      display: block;
      position: absolute;
      left: 0;
      bottom:-8px;
      width: 70px;
      height: 23px;
      background: #007acc;
      border-radius: 10px;
      color: #fff;
      font-weight: bold;
    }
    .parmail,
    .parfax,
    .partel,
    .parpc,
    .paradd{margin-bottom: 20px;}
}
@media screen and (min-width: 361px) and (max-width: 385px){


     .parmid
    {
        padding:0 2.45%;
    }

    .parmid span
    {

        font-size:25px;
        margin: 0 auto;
        padding:20px 0;
        text-align: center;
    }

    .paright,
    .parleft
    {
        margin-top:20px;
        width:100%;
        margin-left: 0;
    }
    .paright img,
    .parleft img
    {
        width:100%;
    }
    .parightpic,
    .parleftpic{
        float: left;
        width: 49.999%;
    }
    .righttitle,
    .lefttitle
    {
        float: left;
        display: block;
        width: 47.999%;
        margin-top:0;
        font-size:16px;
        padding:0 0 4% 4%;
    }
    .paright p,
    .parleft p
    {
        margin-top: 10px;
        display: block;
        font-size: 12px;
        font-weight: normal;
    }

    .partouch>.wrapper{
      padding: 0 6.45%;
      margin-top: 25px;
      padding-bottom: 25px;
    }

    .touchleft{
      width: 100%;
      margin-top: 30px;
      margin-bottom:30px;
    }
    .touchleft .parmail>span,
    .touchleft .parfax>span,
    .touchleft .partel>span,
    .touchleft .parpc>span,
    .touchleft .paradd>span{
      margin-left: 0;
      display: inline-block;
      line-height: 16px;
      font-size: 1.7em;
    }
    .touchleft>div>p{
      display: inline-block;
      float: right;
      font-size: 1.4em;
      width: 75.428%;
      line-height: 16px;
    }

    .touchright{
      width: 100%;
      margin-left:0;
      margin-top: 0;
    }
    .touchright>form>p{
      font-size: 2em;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 2em;
    }
    .touchright>form>div{
      display: inline-block;
      float: none;
      width:100%;
      max-width: 100%;
      margin-bottom: 1%;
    }
    .touchright>form>div>span{
      display: block;
      float: left;
      font-size: 1.8em;
    }
    .touchright>form>div>input{
      display: block;
      float: right;
      font-size: 2.5em;
    }
    .touchright>form>.touch01>input:nth-of-type(1){
      width: 57%;
      margin-right: 0;
    }
    .touchright>form>.touch03>input:nth-of-type(1) {
      width: 56.9%;
    }
    .touchright>form>.touch04>input:nth-of-type(1){
      width:  57%;
    }
    .touchright>form>.touch05>textarea:nth-of-type(1){
      width: 24.3em;
      height: 6em;
    }
    .touchright form>input{
      display: block;
      position: absolute;
      left: 0;
      bottom:-8px;
      width: 70px;
      height: 23px;
      background: #007acc;
      border-radius: 10px;
      color: #fff;
      font-weight: bold;
    }
    .parmail,
    .parfax,
    .partel,
    .parpc,
    .paradd{margin-bottom: 20px;}
}
@media screen and (min-width: 386px) and (max-width: 415px) {

        .parmid
    {
        padding:0 2.45%;
    }

    .parmid span
    {

        font-size:25px;
        margin: 0 auto;
        padding:20px 0;
        text-align: center;
    }

    .paright,
    .parleft
    {
        margin-top:20px;
        width:100%;
        margin-left: 0;
    }
    .paright img,
    .parleft img
    {
        width:100%;
    }
    .parightpic,
    .parleftpic{
        float: left;
        width: 49.999%;
    }
    .righttitle,
    .lefttitle
    {
        float: left;
        display: block;
        width: 47.999%;
        margin-top:0;
        font-size:16px;
        padding:0 0 4% 4%;
    }
    .paright p,
    .parleft p
    {
        margin-top: 10px;
        display: block;
        font-size: 12px;
        font-weight: normal;
    }

    .partouch>.wrapper{
      padding: 0 6.45%;
      margin-top: 25px;
      padding-bottom: 25px;
    }

    .touchleft{
      width: 100%;
      margin-top: 30px;
      margin-bottom:30px;
    }
    .touchleft .parmail>span,
    .touchleft .parfax>span,
    .touchleft .partel>span,
    .touchleft .parpc>span,
    .touchleft .paradd>span{
      margin-left: 0;
      display: inline-block;
      line-height: 16px;
      font-size: 1.7em;
    }
    .touchleft>div>p{
      display: inline-block;
      float: right;
      font-size: 1.4em;
      width: 75.428%;
      line-height: 16px;
    }

    .touchright{
      width: 100%;
      margin-left:0;
      margin-top: 0;
    }
    .touchright>form>p{
      font-size: 2em;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 2em;
    }
    .touchright>form>div{
      display: inline-block;
      float: none;
      width:100%;
      max-width: 100%;
      margin-bottom: 1%;
    }
    .touchright>form>div>span{
      display: block;
      float: left;
      font-size: 1.8em;
    }
    .touchright>form>div>input{
      display: block;
      float: right;
      font-size: 2.5em;
    }
    .touchright>form>.touch01>input:nth-of-type(1){
      width: 57%;
      margin-right: 0;
    }
    .touchright>form>.touch03>input:nth-of-type(1) {
      width: 56.9%;
    }
    .touchright>form>.touch04>input:nth-of-type(1){
      width:  57%;
    }
    .touchright>form>.touch05>textarea:nth-of-type(1){
      width: 26.9em;
      height: 6em;
    }
    .touchright form>input{
      display: block;
      position: absolute;
      left: 0;
      bottom:-8px;
      width: 70px;
      height: 23px;
      background: #007acc;
      border-radius: 10px;
      color: #fff;
      font-weight: bold;
    }

    .parmail,
    .parfax,
    .partel,
    .parpc,
    .paradd{margin-bottom: 20px;}

}
/*--------------------------------------------Support ---------------------------------------------------------------*/
@media screen and (max-width:320px){
   .supmap>span{font-size: 14px;  top: 2.5%;}
   .supcn>p{font-size: 12px;margin-bottom:5px;}
   .maptelcn{font-size: 10px;margin-top:-1px;transform: scale(0.8,0.8);white-space: nowrap;}
   .mapaddresscn{top: 224px;font-size: 10px;transform: scale(0.8,0.8);white-space: nowrap;}
   .threemodel li{clear: both;width: 100%}
   .mapdownload{height: auto;}
   .mapmodel1{float: none;width: 100%;height: auto;}
   .mapmodel2{float: none;width: 100%;height: auto;margin-top: 30px;}
   .mapmodel3{float: none;width: 100%;height: auto;margin-top: 30px;margin-bottom: 40px;}
   .suptouch {overflow: hidden;}
   .suptouch img{height: 100px}
   .get{font-size: 16px;}
   .suptouch p{font-size: 11px;word-break: normal;}
   .supemail{font-size: 11px;}
   .supemail1{font-size: 11px;left:23%}
   .supcall{display: none;}
   .supaddress{display: none;}
   .supaddress1{display: none;}
   .suptel{display: none;}
   .suptel1{display: none;}
   .supfax{display: none;}
   .supfax1{display: none;}
   .suptouch span{width: 80px;height:26px;line-height: 26px;font-size: 12px;}
   .types{margin:10px 0px;}
   .subtype{margin-bottom:10px;margin-top: 0;}
   .productname{margin-bottom:10px;margin-top: 0;}
   .a2 li{height: 53px;}
   .a2 li:last-child{border-bottom: 1px solid #ccc;}
   .mapbox {margin-top: 20px;}
}
/* 360---0.5625 */
@media screen and (min-width: 321px) and (max-width: 360px)
{
   .supmap>span{font-size: 14px;  top: 2.5%;}
   .supcn>p{font-size: 12px;margin-bottom:5px;}
   .maptelcn{font-size: 10px;margin-top:-1px;transform: scale(0.8,0.8);white-space: nowrap;}
   .mapaddresscn{top: 224px;font-size: 10px;transform: scale(0.8,0.8);white-space: nowrap;}
   .threemodel li{clear: both;width: 100%}
   .mapdownload{height: auto;}
   .mapmodel1{float: none;width: 100%;height: auto;}
   .mapmodel2{float: none;width: 100%;height: auto;margin-top: 30px;}
   .mapmodel3{float: none;width: 100%;height: auto;margin-top: 30px;margin-bottom: 40px;}
   .suptouch {overflow: hidden;}
   .suptouch img{height: 100px}
   .get{font-size: 16px;}
   .suptouch p{font-size: 11px;word-break: normal;}
   .supemail{font-size: 11px;}
   .supcall{display: none;}
   .supaddress{display: none;}
   .supaddress1{display: none;}
   .suptel{display: none;}
   .suptel1{display: none;}
   .supfax{display: none;}
   .supfax1{display: none;}
   .suptouch span{width: 80px;height:26px;line-height: 26px;font-size: 12px;}
   .types{margin:10px 0px;}
   .subtype{margin-bottom:10px;margin-top: 0;}
   .productname{margin-bottom:10px;margin-top: 0;}
   .a2 li{height: 53px;}
   .a2 li:last-child{border-bottom: 1px solid #ccc;}
   .mapbox {margin-top: 20px;}
}
/* 380---0.59375 */
@media screen and (min-width: 361px) and (max-width: 385px)
{
   .supmap>span{font-size: 14px;  top: 2.5%;}
   .supcn>p{font-size: 12px;margin-bottom:5px;}
   .maptelcn{font-size: 10px;margin-top:-1px;transform: scale(0.8,0.8);white-space: nowrap;}
   .mapaddresscn{top: 224px;font-size: 10px;transform: scale(0.8,0.8);white-space: nowrap;}
   .threemodel li{clear: both;width: 100%}
   .mapdownload{height: auto;}
   .mapmodel1{float: none;width: 100%;height: auto;}
   .mapmodel2{float: none;width: 100%;height: auto;margin-top: 30px;}
   .mapmodel3{float: none;width: 100%;height: auto;margin-top: 30px;margin-bottom: 40px;}
   .suptouch {overflow: hidden;}
   .suptouch img{height: 100px}
   .get{font-size: 16px;}
   .suptouch p{font-size: 11px;word-break: normal;}
   .supemail{font-size: 11px;}
   .supemail1{font-size: 11px;left:23%}
   .supcall{display: none;}
   .supaddress{display: none;}
   .supaddress1{display: none;}
   .suptel{display: none;}
   .suptel1{display: none;}
   .supfax{display: none;}
   .supfax1{display: none;}
   .suptouch span{width: 80px;height:26px;line-height: 26px;font-size: 12px;}
   .types{margin:10px 0px;}
   .subtype{margin-bottom:10px;margin-top: 0;}
   .productname{margin-bottom:10px;margin-top: 0;}
   .a2 li{height: 53px;}
   .a2 li:last-child{border-bottom: 1px solid #ccc;}
   .mapbox {margin-top: 20px;}
}
/* 410---0.640625 */
@media screen and (min-width: 386px) and (max-width: 415px)
{
   .supmap>span{font-size: 14px;  top: 2.5%;}
   .supcn>p{font-size: 12px;margin-bottom:5px;}
   .maptelcn{font-size: 10px;margin-top:-1px;transform: scale(0.8,0.8);white-space: nowrap;}
   .mapaddresscn{top: 224px;font-size: 10px;transform: scale(0.8,0.8);white-space: nowrap;}
   .threemodel li{clear: both;width: 100%}
   .mapdownload{height: auto;}
   .mapmodel1{float: none;width: 100%;height: auto;}
   .mapmodel2{float: none;width: 100%;height: auto;margin-top: 30px;}
   .mapmodel3{float: none;width: 100%;height: auto;margin-top: 30px;margin-bottom: 40px;}
   .suptouch {overflow: hidden;}
   .suptouch img{height: 100px}
   .get{font-size: 16px;}
   .suptouch p{font-size: 11px;word-break: normal;}
   .supemail{font-size: 11px;}
   .supemail1{font-size: 11px;left:23%}
   .supcall{display: none;}
   .supaddress{display: none;}
   .supaddress1{display: none;}
   .suptel{display: none;}
   .suptel1{display: none;}
   .supfax{display: none;}
   .supfax1{display: none;}
   .suptouch span{width: 80px;height:26px;line-height: 26px;font-size: 12px;}
   .types{margin:10px 0px;}
   .subtype{margin-bottom:10px;margin-top: 0;}
   .productname{margin-bottom:10px;margin-top: 0;}
   .a2 li{height: 53px;}
   .a2 li:last-child{border-bottom: 1px solid #ccc;}
   .mapbox {margin-top: 20px;}
}
/*-----------------------------------------------------------------------------------------------
======================================================================================================
==========================aboutUs =============================================================*/




/* 320---0.5 */
@media screen and (max-width:320px)
{
    ._us_bottom_pic .article{clear: both;width: 100%}
    .article .desc h3{font-size: 16px;text-align: center;}
    .article .desc span{text-align: center;font-size: 1.2em;line-height: 1.1em;}
    ._us_bottom_pic .article{margin: 0;margin-bottom: 20px;}
    ._us_bottom_pic .desc{height: 50%;padding: 14px;}
    ._us_bottom_pic{margin-bottom: 0;margin-top: 20px;}
}
/* 360---0.5625 */
@media screen and (min-width: 321px) and (max-width: 360px)
{
    ._us_bottom_pic .article{clear: both;width: 100%}
    .article .desc h3{font-size: 20px;}
    .article .desc span{margin-top: .5em;font-size: 1.5em;line-height: 16px;}
    ._us_bottom_pic .article{margin: 0;margin-bottom: 20px;}
    ._us_bottom_pic .desc{height: 50%;padding: 14px;}
    ._us_bottom_pic{margin-bottom: 0;margin-top: 20px;}
}
/* 380---0.59375 */
@media screen and (min-width: 361px) and (max-width: 385px)
{
    ._us_bottom_pic .article{clear: both;width: 100%}
    .article .desc h3{font-size: 1.8em;text-align: center;}
    .article .desc span{margin-top: .5em;font-size: 1.4em;line-height: 1.2em;}
    ._us_bottom_pic .article{margin: 0;margin-bottom: 20px;}
    ._us_bottom_pic .desc{height: 50%;padding: 14px;}
    ._us_bottom_pic{margin-bottom: 0;margin-top: 20px;}
}
/* 410---0.640625 */
@media screen and (min-width: 386px) and (max-width: 415px)
{
    ._us_bottom_pic .article{clear: both;width: 100%}
   {margin-top:32%;font-size: 24px;text-align: center;}
    ._us_bottom_pic .article{margin: 0;margin-bottom: 20px;}
    ._us_bottom_pic .desc{height: 50%;padding: 14px;}
    ._us_bottom_pic{margin-bottom: 0;margin-top: 20px;}
}

@media screen and (max-width:415px){
	 .article .desc span{margin-top:2em;font-size: 1.2em;line-height: 16px;white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow:hidden;}
	 .article .desc span p{
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow:hidden;}

	
	}


/*aboutUs_01 */
@media screen and (max-width:320px)
{
    .crumbs span a{height:15px;line-height: 12px;}
    .crumbs span{height: 20px;line-height: 12px;margin-top: 10px;}
    .crumbs{margin-top: 10px;}
    .us1_text{clear:both;width: 100%;text-align: left;margin-bottom: 20px;}
    .us1_text ul li{line-height: 25px;}
    .us1_text h2{margin-bottom: 10px;font-size: 24px;}
    .us1_text span{font-size: 1.5em;line-height: 20px;text-indent: 0;margin-bottom: 20px;}
    .us1_pic{width: 100%;clear: both;margin-bottom: 30px;}
    .us1_main{margin-top: 24px;}
}
/* 360---0.5625 */
@media screen and (min-width: 321px) and (max-width: 360px)
{
    .crumbs span a{height:15px;line-height: 12px;}
    .crumbs span{height: 20px;line-height: 12px;margin-top: 10px;}
    .crumbs{margin-top: 10px;}
    .us1_text{clear:both;width: 100%;text-align: left;margin-bottom: 20px;}
    .us1_text ul li{line-height: 25px;}
    .us1_text h2{margin-bottom: 10px;font-size: 24px;}
    .us1_text span{font-size: 1.5em;line-height: 20px;text-indent: 0;margin-bottom: 20px;}
    .us1_pic{width: 100%;clear: both;margin-bottom: 30px;}
    .us1_main{margin-top: 24px;}
}
/* 380---0.59375 */
@media screen and (min-width: 361px) and (max-width: 385px)
{
    .crumbs span a{height:15px;line-height: 12px;}
    .crumbs span{height: 20px;line-height: 12px;margin-top: 10px;}
    .crumbs{margin-top: 10px;}
    .us1_text{clear:both;width: 100%;text-align: left;margin-bottom: 20px;}
    .us1_text ul li{line-height: 25px;}
    .us1_text h2{margin-bottom: 10px;font-size: 24px;}
    .us1_text span{font-size: 1.5em;line-height: 20px;text-indent: 0;margin-bottom: 20px;}
    .us1_pic{width: 100%;clear: both;margin-bottom: 30px;}
    .us1_main{margin-top: 24px;}
}
/* 410---0.640625 */
@media screen and (min-width: 386px) and (max-width: 415px)
{
    .crumbs span a{height:15px;line-height: 12px;}
    .crumbs span{height: 20px;line-height: 12px;margin-top: 10px;}
    .crumbs{margin-top: 10px;}
    .us1_text{clear:both;width: 100%;text-align: left;margin-bottom: 20px;}
    .us1_text ul li{line-height: 25px;}
    .us1_text h2{margin-bottom: 10px;font-size: 24px;}
    .us1_text span{font-size: 1.5em;line-height: 20px;text-indent: 0;margin-bottom: 20px;}
    .us1_pic{width: 100%;clear: both;margin-bottom: 30px;}
    .us1_main{margin-top: 24px;}
}

/*aboutUs_02 */
@media screen and (max-width: 320px)
{
    .us2_his h3{font-size: 32px;margin:10px 0;}
    .crumbs span:first-child{padding-left: 15px;}
    .us2_his ul li{width: auto;}
    .us2_his ul li:first-child{margin-right: 9px;}
    .us2_his_tw{text-align: center;}
    .us2_his_tw>div{clear: both;width: 100%}
    .us2_his_tw .his_tw_p2{max-width: 100%}
    .us2_his_tw .his_tw_p3{margin-bottom: 5%;}
    .us2_his_tw .his_tw_p1{font-size: 30px;}
    .us2_his_1996>div:first-child div{width: 100%;margin-left: 45%}
    .us2_his_1996>div:last-child{width: 100%;text-align: center;}
    .his_1996_p1{font-size: 32px;margin-top: 8%}
    .us2_his_move .rightarrow{margin-left: 85%}
    .us2_his_move>a:first-child {margin-top: 7%;}
    .us2_his_move>a:last-child {margin-top: 7%;}
}
/* 360---0.5625 */
@media screen and (min-width: 321px) and (max-width: 360px)
{
    .us2_his h3{font-size: 32px;margin:10px 0;}
    .crumbs span:first-child{padding-left: 15px;}
    .us2_his ul li{width: auto;}
    .us2_his ul li:first-child{margin-right: 10px;}
    .us2_his_tw{text-align: center;}
    .us2_his_tw>div{clear: both;width: 100%}
    .us2_his_tw .his_tw_p2{max-width: 100%}
    .us2_his_tw .his_tw_p3{margin-bottom: 5%;}
    .us2_his_tw .his_tw_p1{font-size: 30px;}
    .us2_his_1996>div:first-child div{width: 100%;margin-left: 45%}
    .us2_his_1996>div:last-child{width: 100%;text-align: center;}
    .his_1996_p1{font-size: 32px;margin-top: 8%}
    .us2_his_move .rightarrow{margin-left: 85%}
    .us2_his_move>a:first-child {margin-top: 7%;}
    .us2_his_move>a:last-child {margin-top: 7%;}
}
/* 380---0.59375 */
@media screen and (min-width: 361px) and (max-width: 385px)
{
    .us2_his h3{font-size: 32px;margin:10px 0;}
    .crumbs span:first-child{padding-left: 15px;}
    .us2_his ul li{width: auto;}
    .us2_his ul li:first-child{margin-right: 16px;}
    .us2_his_tw{text-align: center;}
    .us2_his_tw>div{clear: both;width: 100%}
    .us2_his_tw .his_tw_p2{max-width: 100%}
    .us2_his_tw .his_tw_p3{margin-bottom: 5%;}
    .us2_his_tw .his_tw_p1{font-size: 30px;}
    .us2_his_1996>div:first-child div{width: 100%;margin-left: 45%}
    .us2_his_1996>div:last-child{width: 100%;text-align: center;}
    .his_1996_p1{font-size: 32px;margin-top: 8%}
    .us2_his_move .rightarrow{margin-left: 85%}
    .us2_his_move>a:first-child {margin-top: 7%;}
    .us2_his_move>a:last-child {margin-top: 7%;}
}
/* 410---0.640625 */
@media screen and (min-width: 386px) and (max-width: 415px)
{
    .us2_his h3{font-size: 32px;margin:10px 0;}
    .crumbs span:first-child{padding-left: 15px;}
    .us2_his ul li{width: auto;}
    .us2_his ul li:first-child{margin-right: 30px;}
    .us2_his_tw{text-align: center;}
    .us2_his_tw>div{clear: both;width: 100%}
    .us2_his_tw .his_tw_p2{max-width: 100%}
    .us2_his_tw .his_tw_p3{margin-bottom: 5%;}
    .us2_his_tw .his_tw_p1{font-size: 30px;}
    .us2_his_1996>div:first-child div{width: 100%;margin-left: 45%}
    .us2_his_1996>div:last-child{width: 100%;text-align: center;}
    .his_1996_p1{font-size: 32px;margin-top: 8%}
    .us2_his_move .rightarrow{margin-left: 85%}
    .us2_his_move>a:first-child {margin-top: 5%;}
    .us2_his_move>a:last-child {margin-top: 5%;}
}

/*-------------------------------------------------------------------------------Events----------------------------------- */

@media screen and (max-width: 320px)
{
    .eveleft{clear: both;width: 100%;text-align: center;}
    .eveleft{margin-top: 20px;}
    .eveleft p{margin-top: 0px;font-size: 26px}
    .eveleft img{margin-top: 20px;margin-bottom: 10px;}
    .eveleft span{font-size: 24px;}
    .eveltext{margin-top: 20px;}
    .everight{clear: both;width: 100%;text-align: center;}
    .everight{margin-top: 20px;}
    .everight p{margin-top: 0px;font-size: 26px}
    .everight img{margin-top: 20px;margin-bottom: 10px;}
    .everight span{font-size: 24px;}
    .evertext{margin-top: 20px;}

}
/* 360---0.5625 */
@media screen and (min-width: 321px) and (max-width: 360px)
{
    .eveleft{clear: both;width: 100%;text-align: center;}
    .eveleft{margin-top: 20px;}
    .eveleft p{margin-top: 0px;font-size: 26px}
    .eveleft img{margin-top: 20px;margin-bottom: 10px;}
    .eveleft span{font-size: 24px;}
    .eveltext{margin-top: 20px;}
    .everight{clear: both;width: 100%;text-align: center;}
    .everight{margin-top: 20px;}
    .everight p{margin-top: 0px;font-size: 26px}
    .everight img{margin-top: 20px;margin-bottom: 10px;}
    .everight span{font-size: 24px;}
    .evertext{margin-top: 20px;}

}
/* 380---0.59375 */
@media screen and (min-width: 361px) and (max-width: 385px)
{
    .eveleft{clear: both;width: 100%;text-align: center;}
    .eveleft{margin-top: 20px;}
    .eveleft p{margin-top: 0px;font-size: 26px}
    .eveleft img{margin-top: 20px;margin-bottom: 10px;}
    .eveleft span{font-size: 24px;}
    .eveltext{margin-top: 20px;}
    .everight{clear: both;width: 100%;text-align: center;}
    .everight{margin-top: 20px;}
    .everight p{margin-top: 0px;font-size: 26px}
    .everight img{margin-top: 20px;margin-bottom: 10px;}
    .everight span{font-size: 24px;}
    .evertext{margin-top: 20px;}

}
/* 410---0.640625 */
@media screen and (min-width: 386px) and (max-width: 415px)
{
    .eveleft{clear: both;width: 100%;text-align: center;}
    .eveleft{margin-top: 20px;}
    .eveleft p{margin-top: 0px;font-size: 26px}
    .eveleft img{margin-top: 20px;margin-bottom: 10px;}
    .eveleft span{font-size: 24px;}
    .eveltext{margin-top: 20px;}
    .everight{clear: both;width: 100%;text-align: center;}
    .everight{margin-top: 20px;}
    .everight p{margin-top: 0px;font-size: 26px}
    .everight img{margin-top: 20px;margin-bottom: 10px;}
    .everight span{font-size: 24px;}
    .evertext{margin-top: 20px;}
}
/*---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
--------event部分 -------------event-news--------------------------------------------------*/
@media screen and (max-width: 320px) {
    .event_news{ padding: 0 4.9375%;}
    .event_news_tw{padding: 0 4.9375%;}
    .event_news_tw  ul li{width: 100%;text-align: center;}
    .event_news_tw  ul li p{margin-left: 0;}
    .event_news_wtime i a{display: block;width: 30px;height: 28px;float: left;}
    .event_news_tw li>a{display: inline-block;width: 100%;}
    .event_news_tw li a>img{display: block;width: 100%;}
    .event_news_wtime i>a>img{display: inline-block;width: 100%; }
    .event_news_wti{font-size: 16px;line-height: 20px; margin-top: 26px;}
    .event_news_tw  ul li:nth-of-type(2){margin-left: 0;margin-right: 0;}
    .event_news_wtime i a:last-child{margin-right: 10px;margin-left: 4px;}
    .event_news_wm {margin-top: 15px;}
    .event_news_wtime {margin-top:26px;text-align: left;}
    .event_news_wtime i {margin-top: -15px;}
}
@media screen and (min-width: 321px) and (max-width: 360px) {
    .event_news{ padding: 0 4.9375%;}
    .event_news_tw{padding: 0 4.9375%;}
    .event_news_tw  ul li{width: 100%;text-align: center;}
    .event_news_tw  ul li p{margin-left: 0;}
    .event_news_wtime i a{display: block;width: 30px;height: 28px;float: left;}
    .event_news_tw li>a{display: inline-block;width: 100%;}
    .event_news_tw li a>img{display: block;width: 100%;}
    .event_news_wtime i>a>img{display: inline-block;width: 100%; }
    .event_news_wti{font-size: 16px;line-height: 20px; margin-top: 26px;}
    .event_news_tw  ul li:nth-of-type(2){margin-left: 0;margin-right: 0;}
    .event_news_wtime i a:last-child{margin-right: 10px;margin-left: 4px;}
    .event_news_wm {margin-top: 15px;}
    .event_news_wtime {margin-top:26px;text-align: left;}
    .event_news_wtime i {margin-top: -15px;}
}
@media screen and (min-width: 361px) and (max-width: 385px) {
    .event_news{ padding: 0 4.9375%;}
    .event_news_tw{padding: 0 4.9375%;}
    .event_news_tw  ul li{width: 100%;text-align: center;}
    .event_news_tw  ul li p{margin-left: 0;}
    .event_news_wtime i a{display: block;width: 30px;height: 28px;float: left;}
    .event_news_tw li>a{display: inline-block;width: 100%;}
    .event_news_tw li a>img{display: block;width: 100%;}
    .event_news_wtime i>a>img{display: inline-block;width: 100%; }
    .event_news_wti{font-size: 16px;line-height: 20px; margin-top: 26px;}
    .event_news_tw  ul li:nth-of-type(2){margin-left: 0;margin-right: 0;}
    .event_news_wtime i a:last-child{margin-right: 10px;margin-left: 4px;}
    .event_news_wm {margin-top: 15px;}
    .event_news_wtime {margin-top:26px;text-align: left;}
    .event_news_wtime i {margin-top: -15px;}
}
@media screen and (min-width: 386px) and (max-width: 415px) {
    .event_news{ padding: 0 4.9375%;}
    .event_news_tw{padding: 0 4.9375%;}
    .event_news_tw  ul li{width: 100%;text-align: center;}
    .event_news_tw  ul li p{margin-left: 0;}
    .event_news_wtime i a{display: block;width: 30px;height: 28px;float: left;}
    .event_news_tw li>a{display: inline-block;width: 100%;}
    .event_news_tw li a>img{display: block;width: 100%;}
    .event_news_wtime i>a>img{display: inline-block;width: 100%; }
    .event_news_wti{font-size: 16px;line-height: 20px; margin-top: 26px;}
    .event_news_tw  ul li:nth-of-type(2){margin-left: 0;margin-right: 0;}
    .event_news_wtime i a:last-child{margin-right: 10px;margin-left: 4px;}
    .event_news_wm {margin-top: 15px;}
    .event_news_wtime {margin-top:26px;text-align: left;}
    .event_news_wtime i {margin-top: -15px;}
}
/*---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
--------event部分 -------------event-details--------------------------------------------------*/
@media screen and (max-width: 320px) {
    #event_detail{padding: 0 4.9375%;}
    .main_Detail h2{font-size: 16px;font-weight: bold;text-align: left;line-height: 24px;margin-bottom: 20px;}
    .main_Detail .time{font-size: 14px;margin-bottom: 15px;text-align: left;}
    .fivelogo{margin-left: 1%;}
    .fivelogo li{margin-bottom: 30px;margin-right: 1%;width: 26px;height: 24px;}
    .fivelogo li>img{width: 100%;}
    .article_content>p{line-height: 16px;font-size: 14px;}
}
@media screen and (min-width: 321px) and (max-width: 360px) {
    #event_detail{padding: 0 4.9375%;}
    .main_Detail h2{font-size: 16px;font-weight: bold;text-align: left;line-height: 24px;margin-bottom: 20px;}
    .main_Detail .time{font-size: 14px;margin-bottom: 15px;text-align: left;}
    .fivelogo{margin-left: 1%;}
    .fivelogo li{margin-bottom: 30px;margin-right: 1%;width: 26px;height: 24px;}
    .fivelogo li>img{width: 100%;}
    .article_content>p{line-height: 16px;font-size: 14px;}
}
@media screen and (min-width: 361px) and (max-width: 385px) {
    #event_detail{padding: 0 4.9375%;}
    .main_Detail h2{font-size: 16px;font-weight: bold;text-align: left;line-height: 24px;margin-bottom: 20px;}
    .main_Detail .time{font-size: 14px;margin-bottom: 15px;text-align: left;}
    .fivelogo{margin-left: 1%;}
    .fivelogo li{margin-bottom: 30px;margin-right: 1%;width: 26px;height: 24px;}
    .fivelogo li>img{width: 100%;}
    .article_content>p{line-height: 16px;font-size: 14px;}
}
@media screen and (min-width: 386px) and (max-width: 415px) {
    #event_detail{padding: 0 4.9375%;}
    .main_Detail h2{font-size: 16px;font-weight: bold;text-align: left;line-height: 24px;margin-bottom: 20px;}
    .main_Detail .time{font-size: 14px;margin-bottom: 15px;text-align: left;}
    .fivelogo{margin-left: 1%;}
    .fivelogo li{margin-bottom: 30px;margin-right: 1%;width: 26px;height: 24px;}
    .fivelogo li>img{width: 100%;}
    .article_content>p{line-height: 16px;font-size: 14px;}
}
@media screen and (max-width: 640px) {
    .main_Detail h2,.main_Detail .time {text-align: center;}
    .addthis_sharing_toolbox .addthis_32x32_style .at4-icon,
    .addthis_sharing_toolbox .addthis_32x32_white_style .at4-icon,
    .addthis_sharing_toolbox .at-32x32 {
      width: 1.5pc;
      height: 1.5pc;
      line-height: 1.5pc;
      background-size: 1.5pc!important;
    }
}


/*-============================================================================================
==========================contact部分======================================================================
=====================================================================*/
@media screen and (max-width: 320px) {

  .conbm {padding: 0 5.9375% 8.5em 5.9375%;}
  .contitle {float: none;margin-bottom: 2em;margin-top: 0;padding-top: 2em;}
  .contitle p{top:60px;left:29%;font-size:18px;}
  .contitle span{font-size:1.2em;margin: 0 auto;}
  .conleft {width: 100%;float: left;}
  .conright {width: 100%;float: left;}
  .contel img{width:10%;}
  .conmes img{width:10%;}
  .confax img{ width:10%;}
  .conmap img{width:10%;}
  .contel {margin-bottom: 1.2em;}
  .conmes {margin-bottom: 1.2em;}
  .confax {margin-bottom: 1.2em;}
  .conmap {margin-bottom: 1.2em;}
  .contel span{font-size:14px;}
  .conmes span{font-size:14px;}
  .confax span{font-size:14px;}
  .conmap span{font-size:14px;max-width: 175px;float: right;}
  .contel p{font-size:12px;max-width: 100%;}
  .conmes p{font-size:12px;}
  .confax p{font-size:12px;}
  .conmap p{font-size:12px;max-width: auto;}
  .conright form {font-size: 1.4em;}
  .conright .form-group label{display: block;}
  .form-control1+label{margin-top: 8px;margin-left: 0;}
  .conone{margin-left: 0;width: auto;margin-bottom: .6em;}
  .conone>label>input:first-child{width: 40px;height: 20px;}
  .form-control1{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .form-control2{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .contwo{margin-left: 0;width: auto;margin-bottom: .6em;}
  .form-control3{display: inline-block;width: 40px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .form-control4{display: inline-block;width: 206px !important;height: 20px ;margin-left: 0 ;}
  .form-control5{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .conthree{margin-left: 0;width: auto;margin-bottom: .6em;}
  .form-control6{width:250px !important;height:16px;margin-top: 8px;margin-left: 0;}
  .confour{margin-left: 0;width: auto;margin-bottom: .6em;}
  .confour .form-inline label{float: none;}
  .form-message {float: left;width: 250px !important;height: 60px !important;margin-left: 0;}
  .conthree select{float: left;display: block;}
  .contwo .form-group label:last-child{margin-left: 50px;}
  .conright .submit{margin-left: 0;}
  .form-group label{font-size:15px;}

}

@media screen and (min-width: 321px) and (max-width: 360px){

  .conbm {padding: 0 5.9375% 8.5em 5.9375%;}
  .contitle {float: none;margin-bottom: 2em;margin-top: 0;padding-top: 2em;}
  .contitle p{top:60px;left:29%;font-size:18px;}
  .contitle span{font-size:1.2em;margin: 0 auto;}
  .conleft {width: 100%;float: left;}
  .conright {width: 100%;float: left;}
  .contel img{width:10%;}
  .conmes img{width:10%;}
  .confax img{ width:10%;}
  .conmap img{width:10%;}
  .contel {margin-bottom: 1.2em;}
  .conmes {margin-bottom: 1.2em;}
  .confax {margin-bottom: 1.2em;}
  .conmap {margin-bottom: 1.2em;}
  .contel span{font-size:14px;}
  .conmes span{font-size:14px;}
  .confax span{font-size:14px;}
  .conmap span{font-size:14px;max-width: 175px;float: right;}
  .contel p{font-size:12px;max-width: 100%;}
  .conmes p{font-size:12px;}
  .confax p{font-size:12px;}
  .conmap p{font-size:12px;max-width: auto;}
  .conright form {font-size: 1.4em;}
  .conright .form-group label{display: block;}
  .conright .form-group .form-message{display: block;}
  .form-control1+label{margin-top: 8px;margin-left: 0;}
  .conone{margin-left: 0;width: auto;margin-bottom: .6em;}
  .conone>label>input:first-child{width: 40px;height: 20px;}
  .form-control1{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .form-control2{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .contwo{margin-left: 0;width: auto;margin-bottom: .6em;}
  .form-control3{display: inline-block;width: 40px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .form-control4{display: inline-block;width: 206px !important;height: 20px ;margin-left: 0 ;}
  .form-control5{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .conthree{margin-left: 0;width: auto;margin-bottom: .6em;}
  .form-control6{width:250px !important;height:16px;margin-top: 8px;margin-left: 0;}
  .confour{margin-left: 0;width: auto;margin-bottom: .6em;}
  .confour .form-inline label{float: none;}
  .form-message {float: left;width: 250px !important;height: 60px !important;margin-left: 0;}
  .conthree select{float: left;display: block;}
  .contwo .form-group label:last-child{margin-left: 50px;}
  .conright .submit{margin-left: 0;}
  .form-group label{font-size:15px;}

}

@media screen and (min-width: 361px) and (max-width: 385px){

  .conbm {padding: 0 5.9375% 8.5em 5.9375%;}
  .contitle {float: none;margin-bottom: 2em;margin-top: 0;padding-top: 2em;}
  .contitle p{top:60px;left:29%;font-size:18px;}
  .contitle span{font-size:1.2em;margin: 0 auto;}
  .conleft {width: 100%;float: left;}
  .conright {width: 100%;float: left;}
  .contel img{width:10%;}
  .conmes img{width:10%;}
  .confax img{ width:10%;}
  .conmap img{width:10%;}
  .contel {margin-bottom: 1.2em;}
  .conmes {margin-bottom: 1.2em;}
  .confax {margin-bottom: 1.2em;}
  .conmap {margin-bottom: 1.2em;}
  .contel span{font-size:14px;}
  .conmes span{font-size:14px;}
  .confax span{font-size:14px;}
  .conmap span{font-size:14px;max-width: 175px;float: right;}
  .contel p{font-size:12px;max-width: 100%;}
  .conmes p{font-size:12px;}
  .confax p{font-size:12px;}
  .conmap p{font-size:12px;max-width: auto;}
  .conright form {font-size: 1.4em;}
  .conright .form-group label{display: block;}
  .conright .form-group .form-message{display: block;}
  .form-control1+label{margin-top: 8px;margin-left: 0;}
  .conone{margin-left: 0;width: auto;margin-bottom: .6em;}
  .conone>label>input:first-child{width: 40px;height: 20px;}
  .form-control1{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .form-control2{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .contwo{margin-left: 0;width: auto;margin-bottom: .6em;}
  .form-control3{display: inline-block;width: 40px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .form-control4{display: inline-block;width: 206px !important;height: 20px ;margin-left: 0 ;}
  .form-control5{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .conthree{margin-left: 0;width: auto;margin-bottom: .6em;}
  .form-control6{width:250px !important;height:16px;margin-top: 8px;margin-left: 0;}
  .confour{margin-left: 0;width: auto;margin-bottom: .6em;}
  .confour .form-inline label{float: none;}
  .form-message {float: left;width: 250px !important;height: 60px !important;margin-left: 0;}
  .conthree select{float: left;display: block;}
  .contwo .form-group label:last-child{margin-left: 50px;}
  .conright .submit{margin-left: 0;}
  .form-group label{font-size:15px;}

}

@media screen and (min-width: 386px) and (max-width: 415px){

  .conbm {padding: 0 5.9375% 8.5em 5.9375%;}
  .contitle {float: none;margin-bottom: 2em;margin-top: 0;padding-top: 2em;}
  .contitle p{top:60px;left:29%;font-size:18px;}
  .contitle span{font-size:1.2em;margin: 0 auto;}
  .conleft {width: 100%;float: left;}
  .conright {width: 100%;float: left;}
  .contel img{width:10%;}
  .conmes img{width:10%;}
  .confax img{ width:10%;}
  .conmap img{width:10%;}
  .contel {margin-bottom: 1.2em;}
  .conmes {margin-bottom: 1.2em;}
  .confax {margin-bottom: 1.2em;}
  .conmap {margin-bottom: 1.2em;}
  .contel span{font-size:14px;}
  .conmes span{font-size:14px;}
  .confax span{font-size:14px;}
  .conmap span{font-size:14px;max-width: 175px;float: right;}
  .contel p{font-size:12px;max-width: 100%;}
  .conmes p{font-size:12px;}
  .confax p{font-size:12px;}
  .conmap p{font-size:12px;max-width: auto;}
  .conright form {font-size: 1.4em;}
  .conright .form-group label{display: block;}
  .conright .form-group .form-message{display: block;}
  .form-control1+label{margin-top: 8px;margin-left: 0;}
  .conone{margin-left: 0;width: auto;margin-bottom: .6em;}
  .conone>label>input:first-child{width: 40px;height: 20px;}
  .form-control1{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .form-control2{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .contwo{margin-left: 0;width: auto;margin-bottom: .6em;}
  .form-control3{display: inline-block;width: 40px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .form-control4{display: inline-block;width: 206px !important;height: 20px ;margin-left: 0 ;}
  .form-control5{width: 250px !important;height: 20px ;margin-left: 0 ;margin-top: 8px;}
  .conthree{margin-left: 0;width: auto;margin-bottom: .6em;}
  .form-control6{width:250px !important;height:16px;margin-top: 8px;margin-left: 0;}
  .confour{margin-left: 0;width: auto;margin-bottom: .6em;}
  .confour .form-inline label{float: none;}
  .form-message {float: left;width: 250px !important;height: 60px !important;margin-left: 0;}
  .conthree select{float: left;display: block;}
  .contwo .form-group label:last-child{margin-left: 50px;}
  .conright .submit{margin-left: 0;}
  .form-group label{font-size:15px;}

}
  .conthree select{float: left;display: block;}
  .contwo .form-group label:last-child{margin-left: 50px;}
  .conright .submit{margin-left: 0;}

} .submit{margin-left: 0;}

};}
  .conthree select{float: left;display: block;}
  .contwo .form-group label:last-child{margin-left: 50px;}
  .conright .submit{margin-left: 0;}

}rgin-left: 50px;}
  .conright .submit{margin-left: 0;}

}nright .submit{margin-left: 0;}

}
}wo .form-group label:last-child{margin-left: 50px;}
  .conright .submit{margin-left: 0;}

}rgin-left: 50px;}
  .conright .submit{margin-left: 0;}

}
}
}




@media screen and (max-width: 720px) {
	
	
	
}
























{
	
	
	
}



























{
	
	
	
}

































{
	
	
	
}