.width1200{ width:1200px; margin:0 auto; }
 .topbox{ height:60px; line-height:60px; letter-spacing:2px; background:#fff;  }
 .logobox{ font-size:20px; padding-left:230px; background:url(/pubimages/web/20191122_logo.png) no-repeat left center; background-size:200px auto;width:auto;height:auto; }
 .logobox i{ padding:0 8px;}
 .bannerbox{ height:430px; background:url(/pubimages/web/20191122_1_bannerbg.jpg) center no-repeat;} 
 .txtbox{ height:430px; background: url(/pubimages/web/20191122_1_che.png)  no-repeat right bottom;} 
 .txtbox h2{ font-size:40px; color:#fff; text-align:left; font-weight:normal; padding-top:100px;}
  .txtbox  p{ color:#fff; padding-top:10px;}
 .h2title{ text-align:center; font-size:30px; padding:60px 0 40px 0;}
 .zcbox ul li{ float:left; width:181px; margin-right:20px; border:1px solid #4864e1; padding-top:100px;  background-position: center 30px; background-repeat:no-repeat;}
 .zcbox ul li p{ height:40px; line-height:40px; background:#4864e1; color:#fff; font-size:18px; text-align:center;}
  .zcbox ul li i{ display:block; background:#4864e1;  color:#fff; height:100px; text-align:center}
  .zcbox ul li i a{ display:block; color:#ff4c21;}
 .zcbox ul li:nth-child(1){ background-image:url(/pubimages/web/20191122_1_zicon1.png);}
  .zcbox ul li:nth-child(2){ background-image:url(/pubimages/web/20191122_1_zicon2.png);}
   .zcbox ul li:nth-child(3){ background-image:url(/pubimages/web/20191122_1_zicon3.png);}
    .zcbox ul li:nth-child(4){ background-image:url(/pubimages/web/20191122_1_zicon4.png);}
	   .zcbox ul li:nth-child(5){ background-image:url(/pubimages/web/20191122_1_zicon5.png);}
    .zcbox ul li:nth-child(6){ background-image:url(/pubimages/web/20191122_1_zicon6.png);}
  .zcbox ul li:nth-child(6){ margin-right:0;}
 .whobox{ height:481px; background: url(/pubimages/web/20191122_1_chebgg.jpg)  no-repeat center #fff;  margin-top:80px; }
 .box1{ background:rgba(72,100,255,0.8); color:#fff; text-align:center; width:30px; padding:0 30px; height:250px; float:left; }
  .box1 h3{ font-size:24px; padding-top:50px;}
  .box2{ background:#fff;    width:510px; height:250px; float:left;}
   .box2 span{ display:block; padding:15px;}
  .box2 p{   font-size:14px; padding:20px;}
  .box2 p i{ display:block; padding:3px 0;}
  .sqbox{ background:#4864e1; border-radius:20px; color:#fff; padding:20px; height:230px;}
  .sqbox h3{ font-size:30px; padding:10px 0 0 80px; font-weight:normal;}
  .sqbox h5{ padding-top:20px; font-size:18px;}
  .p50{ padding-bottom:60px;}
  .sq1{ width:390px;}
  .sq2{ width:700px;}
  .p1{ text-align:center; padding-bottom:20px; margin-top:-20px;}
  .cailiao{  padding-bottom:80px;  }
  .cailiao ul li{float:left; width:378px; margin-right:20px; border:1px solid #4864e1; height:251px;  background:rgba(255,255,255,0.8); margin-bottom:20px;   }
   .cailiao ul li:nth-child(3n){ margin-right:0;}
   .cailiao ul li h3{ height:60px; line-height:60px; background:#4864e1; text-align:center; color:#fff;font-size:20px; font-weight:normal;}
   .cailiao ul li p{ padding:15px;}
    .cailiao ul li p i{ display:block; padding:3px 0;}
	.shuom{ padding:50px 0; background:url(/pubimages/web/20191122_1_bottombg.jpg) no-repeat center top;}
	.shuom h1{ text-align:center; font-size:30px;}
	.shuom p{ text-align:center; padding:15px 0 30px 0;}
	.shuom ul li{ float:left; width:25%; text-align:center}
	.shuom ul li span{ display:block; width:178px; height:178px; background-color:#4864e1; border-radius:50%; overflow:hidden; margin:0 auto; background-position:center; background-repeat:no-repeat;}
	.shuom ul li:nth-child(1) span{ background-image:url(/pubimages/web/20191122_1_smicon1.png)}
	.shuom ul li:nth-child(2) span{ background-image:url(/pubimages/web/20191122_1_smicon2.png)}
	.shuom ul li:nth-child(3) span{ background-image:url(/pubimages/web/20191122_1_smicon3.png)}
	.shuom ul li:nth-child(4) span{ background-image:url(/pubimages/web/20191122_1_smicon4.png)}
	 .shuom ul li p{ font-size:18px; padding-top:10px; font-weight:bold;}
	.foot{ height:40px; line-height:40px; text-align:center; color:#fff; background:#333}
	.h3bg1{}
	.h3bg2{}
@media screen and (min-width:300px) and (max-width:1024px) { 
  .width1200{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
 .topbox{ height:60px; line-height:60px; letter-spacing:2px; background:#fff;  }
 .logobox{ font-size:20px; padding-left:0px;background-image:none; background-size:200px auto; }
  .topbox span.f-fr{ display:none;}
  .logobox i{ padding:0 8px;}
 .bannerbox{ height:430px; background:url(/pubimages/web/20191122_1_bannerbg.jpg) center no-repeat;} 
 .txtbox{ height:430px; background: url(/pubimages/web/20191122_1_che.png)  no-repeat right bottom;     background-size: 80% auto;} 
 .txtbox h2{ font-size:30px; color:#fff; text-align:left; font-weight:normal; padding-top:50px;}
  .txtbox  p{ color:#fff; padding-top:10px;}
 .h2title{ text-align:center; font-size:30px; padding:30px 0 20px 0;}
 .zcbox ul li{ float:left; width:48%; margin-right:2%; border:1px solid #4864e1; padding-top:100px; margin-bottom:10px;  background-position: center 30px; background-repeat:no-repeat;}
 .zcbox ul li p{ height:40px; line-height:40px; background:#4864e1; color:#fff; font-size:18px; text-align:center;}
  .zcbox ul li i{ display:block; background:#4864e1;  color:#fff; height:100px; text-align:center; padding: 0 15px;}
  .zcbox ul li i a{ display:block; color:#fff;}
 .zcbox ul li:nth-child(1){ background-image:url(/pubimages/web/20191122_1_zicon1.png);}
  .zcbox ul li:nth-child(2){ background-image:url(/pubimages/web/20191122_1_zicon2.png);}
   .zcbox ul li:nth-child(3){ background-image:url(/pubimages/web/20191122_1_zicon3.png);}
    .zcbox ul li:nth-child(4){ background-image:url(/pubimages/web/20191122_1_zicon4.png);}
	   .zcbox ul li:nth-child(5){ background-image:url(/pubimages/web/20191122_1_zicon5.png);}
    .zcbox ul li:nth-child(6){ background-image:url(/pubimages/web/20191122_1_zicon6.png);}
  .zcbox ul li:nth-child(2n){ margin-right:0;}
 .whobox{ height:481px; height:auto; background: url(/pubimages/web/20191122_1_chebgg.jpg)  no-repeat center top #fff;  margin-top:80px; }
 .box1{ background:rgba(72,100,255,0.8); color:#fff; text-align:center; width:100%; padding:0  0px; height:80px; line-height:80px; float:left; }
  .box1 h3{ font-size:24px; padding-top:0px;}
  .box2{ background:#fff;    width:100%; height:250px; height:auto; float:left;}
   .box2 span{ display:block; padding:15px;}
  .box2 p{   font-size:14px; padding:20px;}
  .box2 p i{ display:block; padding:3px 0;}
  .sqbox{ background:#4864e1; border-radius:20px; color:#fff; padding:20px; height:230px;}
  .sqbox h3{ font-size:30px; padding:10px 0 0 80px; font-weight:normal;}
  .sqbox h5{ padding-top:20px; font-size:18px;}
  .p50{ padding-bottom:60px;}
  .sq1{ width:390px;}
  .sq2{ width:700px;}
  .p1{ text-align:center; padding-bottom:20px; margin-top:-20px;}
  .cailiao{ background:#fff; padding-bottom:30px;  }
  .cailiao ul li{float:left; width:100%; margin-right:20px; border:1px solid #4864e1; height:251px; height:auto;  background:rgba(255,255,255,0.8); margin-bottom:20px;   }
   .cailiao ul li:nth-child(3n){ margin-right:0;}
   .cailiao ul li h3{ height:60px; line-height:60px; background:#4864e1; text-align:center; color:#fff;font-size:20px; font-weight:normal;}
   .cailiao ul li p{ padding:15px;}
    .cailiao ul li p i{ display:block; padding:3px 0;}
	.shuom{ padding:50px 0 0 0 ; background:url(/pubimages/web/20191122_1_bottombg.jpg) no-repeat center top;}
	.shuom h1{ text-align:center; font-size:30px;}
	.shuom p{ text-align:center; padding:15px 0 30px 0;}
	.shuom ul li{ float:left; width:50%; text-align:center}
	.shuom ul li span{ display:block; width:120px; height:120px; background-color:#4864e1; border-radius:50%; overflow:hidden; margin:0 auto; background-position:center; background-repeat:no-repeat;}
	.shuom ul li:nth-child(1) span{ background-image:url(/pubimages/web/20191122_1_smicon1.png)}
	.shuom ul li:nth-child(2) span{ background-image:url(/pubimages/web/20191122_1_smicon2.png)}
	.shuom ul li:nth-child(3) span{ background-image:url(/pubimages/web/20191122_1_smicon3.png)}
	.shuom ul li:nth-child(4) span{ background-image:url(/pubimages/web/20191122_1_smicon4.png)}
	 .shuom ul li p{ font-size:18px; padding-top:10px; font-weight:bold;}
	.foot{ height:40px; height:auto; line-height:22px; padding:8px 0; text-align:center; color:#fff; background:#333}
	.h3bg1{ }
	.h3bg2{ }
  

}