body{
    background-color: #FFFFFF;
}
 /**
 **
 *** the whole of home ***
 **
 **/
 .home{
     width: 100%;
     display: block;
 }
 .phone-home{
     display: none;
 }
 /**
  *** the banner of home ***
  **/
 .banner{
     max-width: 1920px;
     margin: 0 auto;
     border-top: 1px solid #e9e9e9;
 }
/***
 *** the ad of home ***
 **/
 .ad{
     width: 1400px;
     height: 450px;
     margin-top: 95px;
     margin-left: auto;
     margin-right: auto;
 }
 .ad div{
     width: 690px;
 }
 .showed1,.showed2{
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 80px;
     background:url("../images/home22.png") center repeat-x;
     display: none;
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
 }
 .showed1 h1,.showed2 h1{
     font-size: 45px;
     line-height: 80px;
     color: #FFFFFF;
     margin: 0 0 0 70px;
 }
 .showed1 img,.showed2 img{
     width: 110px;
     margin: 25px 40px 25px 0;
 }
 .image1,.image2{
     cursor: pointer;
 }
 .image1{
     position: absolute;
     top: 0;
     left: 0;
     margin-top: 0;
     margin-left: 0;
 }
 .image2{
     position: absolute;
     top: 0;
     right: 0;
     margin-top: 0;
     margin-right: 0;
 }


 /**
  *** when the width of screen < 1440px ***
  **/


 @media screen and (max-width: 1440px){
     .ad{
         width: 1032px;
         height: 331px;
         margin-top: 70px;
         margin-bottom: 48px;
     }
     .ad div{
         width: 508px;
     }
     .showed1,.showed2{
         height: 60px;
         border-bottom-left-radius: 6px;
         border-bottom-right-radius: 6px;
     }
     .showed1 h1,.showed2 h1{
         font-size: 33px;
         line-height: 60px;
         margin: 0 0 0 52px;
     }
     .showed1 img,.showed2 img{
         width: 81px;
         margin: 18px 29px 18px 0;
     }
 }
 /**
 *** when the width of screen < 1032px ***
 **/
 @media screen and (max-width: 1032px){
     .ad{
         width: 762px;
         height: 245px;
         margin-top: 52px;
         margin-bottom: 35px;
     }
     .ad div{
         width: 375px;
     }
     .showed1,.showed2{
         height: 44px;
         border-bottom-left-radius: 5px;
         border-bottom-right-radius: 5px;
     }
     .showed1 h1,.showed2 h1{
         font-size: 24px;
         line-height: 44px;
         margin: 0 0 0 38px;
     }
     .showed1 img,.showed2 img{
         width: 60px;
         margin: 13px 21px 13px 0;
     }
 }
/**
**** when the width of screen < 768px ***
**/
 @media screen and (max-width: 767px){
     body{
         background-color: #F2F2F2;
     }
     .home{
         display: none;
     }
     .phone-home{
         width: 100%;
         background-color: #f2f2f2;
         display: block;
     }
     .phone-home .phone-home-banner{
         width: 100%;
     }
     .phone-home-icon{
         width: 100%;
         max-width: 520px;
         padding: 2%;
         margin: 0 auto;
     }
     .phone-home-icon2{
         width: 33.3333%;
     }
     .phone-home-icon3{
         width: 92.00%;
         margin: 0 auto;
     }
     .phone-home-icon3 img{
         margin-bottom: 8%;
     }
     .phone-home-mac{
         width: 100%;
         max-width: 520px;
         margin-bottom: 4%;
         margin-left: auto;
         margin-right: auto;
     }
     .phone-home-mac h3{
         font-size: 20px;
         text-align: center;
         font-weight: normal;
         color: #a58030;
         margin: 30px 0 15px 0;
     }
     .phone-home-mac ul{
         width: 100%;
         padding: 0;
         margin: 2.6667% 0 0 0;
     }
     .phone-home-mac ul li{
         margin-bottom: 2.6667%;
         padding: 0 2.6667% 2.6667%;
         border-bottom: 1px solid #d9d9d9;
         list-style: none;
     }
     .phone-home-buy{
         position: absolute;
         bottom: 0;
         right: 0;
         width: 23.7333%;
         margin-right: 10.0667%;
         margin-bottom: 13.3333%;
     }
     .phone-home-image{
         width: 37.3333%;    /* 280/750 */
     }
     .phone-home-article{
         width: 57.3333%;
         padding: 2.6667% 0;
     }
     .phone-home-article p{
         font-size: 14px;
         line-height: 20px;
         margin: 0;
         padding: 0;
         color: #333333;
     }
     .phone-home-article p>a{
         text-decoration:none;
         color:#333;
     }
     .phone-home-article p>a:hove{
         text-decoration:none;
         color:#ffc000;
     }
      .phone-home-article p>a:focus{
         text-decoration:none;
         color:#ffc000;
     }
     .phone-home-t{
         width: 16%;
         margin: 2.6667%;
     }
     .phone-home-v{
         width: 36.2626%;
         margin: 4% 2.6667% 2.6667%;
     }
     .phone-home-w{
         width: 100%;
        /* height: 240px;*/
         border-top: 1px solid #d9d9d9;
         padding: 4%;
        /* overflow-y: hidden;*/
     }
     .phone-home-w p{
         font-size: 12px;
         line-height: 20px;
         color: #333333;
     }
     .phone-home-w2{
         width: 100%;
         margin:0 0 2.6667% 0;
         padding: 0 0 2.6667% 0;
         border-bottom: 1px solid #d9d9d9;
     }
 }

/**
**
*** the content of home ***
**/
 .all2{
     width: 100%;
     background-color: #f3f3f3;
 }
 .content{
     width: 1400px;
     margin-top: 95px;
     margin-left: auto;
     margin-right: auto;
     padding-top: 80px;
     padding-bottom: 80px;
 }
 .plate{
     width: 100%;
     height: 510px;
 }
 .c-plate{
     width: 452px;
     height: inherit;
     margin-right: 22px;
 }
 .p1{
     position: absolute;
     top: 0;
     left: 0;
     margin-top: 0;
     margin-left: 0;
 }
 .p2{
     position: absolute;
     top: 0;
     left: 0;
     margin-top: 0;
     margin-left: 474px;
 }
 .p3{
     position: absolute;
     top: 0;
     right: 0;
     margin-top: 0;
     margin-right: 0;
 }
 .c-title{
     width: 100%;
     margin-bottom: 10px;
 }
 .c-main{
     width: 450px;
     height: 420px;
     overflow: hidden;
 }
 .c-article{
     width: 450px;
     height: 420px;
     padding: 10px 15px 10px 10px;
     background-color: #FFFFFF;
 }
 .c-article a{
     color: #333333;
     text-decoration: none;
 }
 .f1{
     width: 194px;
     height: 125px;
     margin-top: 0;
     margin-bottom: 10px;
 }
 .f2{
     width: 230px;
     height: 120px;
     color: #333333;
     font-size: 17px;
     line-height: 22px;
     margin-top: 0;
     padding:10px 0 10px 16px;
 }
 .f2 p{
     margin: 0;
     padding: 0;
 }
 .f2 a:hover{
     color: #f8a800;
     text-decoration: none;
 }
 .c-blog{
     width: 100%;
     height: 420px;
	 overflow:hidden;
     background-color: #FFFFFF;
 }
 .c-vip{
     width: 100%;
     background-color: #FAFAFA;
 }
 .c-logo{
     width: 50px;
     margin: 10px;
 }
 .c-name{
     width:136px;
     margin: 10px;
 }
 .f3{
     width: 50px;
     margin-top: 16px;
     cursor: pointer;
 }
 .blog-main{
     width: 100%;
     border-top: 1px solid #e6e6e6;
     background-color: #FFFFFF;
 }
 .time{
     color: #b8b8b8;
     margin: 10px 0 0 0;
     font-size: 15px;
 }
 tr h6{
     margin: 10px 0 0 0;
     color: #f8a800;
     font-weight: normal;
     font-size: 15px;
 }
 .serve{
     width: 100%;
     height: 202px;
     margin-top: 100px;
 }
 .serve-main{
     width: 452px;
     margin-right: 22px;
 }
 .serve-main:hover{
     box-shadow:0 5px 10px #888;
 }

 /**
 *** when the width of screen < 1440px ***
 **/
 @media screen and (max-width: 1440px){
     .content{
         width: 1032px;
         margin-top: 70px;
         padding-top: 60px;
         padding-bottom: 60px;
     }
     .plate{
         height: 382px;
     }
     .c-plate{
         width: 333px;
         margin-right: 16px;
     }
     .p2{
         margin-left: 349px;
     }
     .c-title{
         margin-bottom: 7px;
     }
     .c-main{
         width: 332px;
         height: 310px;
     }
     .c-article{
         width: 332px;
         height: 310px;
         padding: 7px 10px 7px 7px;
     }
     .f1{
         width: 132px;
         height: 85px;
         margin-top: 0;
         margin-bottom: 18px;
     }
     .f2{
         width: 172px;
         height: 85px;
         margin-top: 0;
         padding: 10px 0 10px 16px;
         font-size: 13px;
         line-height: 16px;
     }
     .c-blog{
         height: 308px;
     }
     .c-logo{
         width: 36px;
         margin: 7px;
     }
     .c-name{
         width:100px;
         margin: 7px;
     }
     .f3{
         width: 37px;
         margin-top: 12px;
     }
     .time{
         margin: 7px 0 0 0;
         font-size: 11px;
     }
     tr h6{
         margin: 7px 0 0 0;
         font-size: 11px;
     }
     .serve{
         height: 149px;
         margin-top: 74px;
     }
     .serve-main{
         width: 333px;
         margin-right: 16px;
     }
 }
 /**
  *** when the width of screen < 1032px ***
  **/
 @media screen and (max-width: 1032px){
     .content{
         width: 762px;
         margin-top: 52px;
         padding-top: 44px;
         padding-bottom: 44px;
     }
     .plate{
         height: 278px;
     }
     .c-plate{
         width: 245px;
         margin-right: 12px;
     }
     .p2{
         margin-left: 257px;
     }
     .c-title{
         margin-bottom: 5px;
     }
     .c-main{
         width: 245px;
         height: 230px;
     }
     .c-article{
         width: 243px;
         height: 230px;
         padding: 5px 7px 5px 5px;
     }
     .f1{
         width: 97px;
         height: 62px;
         margin-top: 0;
         margin-bottom: 14px;
     }
     .f2{
         width: 120px;
         height: 63px;
         margin-top: 0;
         padding: 10px 0 10px 10px;
         font-size: 10px;
         line-height: 15px;
     }
     .c-blog{
         height: 228px;
     }
     .c-logo{
         width: 26px;
         margin: 5px;
     }
     .c-name{
         width:73px;
         margin: 5px;
     }
     .f3{
         width: 27px;
         margin-top: 9px;
     }
     .time{
         margin: 5px 0 0 0;
         font-size: 9px;
     }
     tr h6{
         margin: 5px 0 0 0;
         font-size: 9px;
     }
     .serve{
         height: 110px;
         margin-top: 54px;
     }
     .serve-main{
         width: 245px;
         margin-right: 12px;
     }
 }