@charset "utf-8";
/* CSS Document */
html{font-size: 62.5%}

html, body{
	padding: 0;font-size: 16px;
	margin: 0;font-family: "PingFang SC Regular";src: url(../font/PingFang Regular.ttf);
/*	src: url(../font/PingFang Bold.ttf);src: url(../font/PingFang Light.ttf);src: url(../font/PingFang Medium.ttf)*/
}
body{color: #323232}
ul,li,dd,dt,dl,a,h4,h5,p{margin: 0;padding: 0;text-decoration: none;list-style:none;color: #323232}
.clearfix{clear: both}

@media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2){

/*iphone6*/

}

@media(min-device-width:414px)and(max-device-width:736px)and(-webkit-min-device-pixel-ratio:3){

/*iphone6plus*/

}
     @media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
     html,body {
         font-size:23.04px;
     }
   }
     @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
     html,body {
         font-size:20.48px;
     }
   }
     @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
     html,body {
         font-size:17.066666666666666px;
     }
   }
     @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
     html,body {
         font-size:15.36px;
     }
   }
     @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
     html,body {
         font-size:13.653333333333334px;
     }
   }
     @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
     html,body {
         font-size:12.8px;
     }
   }
     @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
     html,body {
         font-size:11.52px;
     }
   }
     @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
     html,body {
         font-size:10.24px;
     }
   }
     @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
     html,body {
         font-size:8.832px;
     }
   }
     @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
     html,body {
         font-size:8.533333333333333px;
     }
   }
     @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
     html,body {
         font-size:8px;
     }
   }
     @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
     html,body {
         font-size:7.68px;
     }
   }
     @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
     html,body {
         font-size:6.826666666666667px;
     }
   }
h2{text-align: center;font-size: 2.25rem;color: #323232;}
/*头部内容*/
header{height:5.5rem;width: 100%;background: #218ae0;position: relative;margin: 0 auto;position:fixed;top:0;left:0; }
header .logo img{position: absolute;top:25%;left: 32%;height:3.1875rem;width: 13.0625rem;}
header .nav img{position: absolute;top:31%;right: 1.5rem;height:2.1875rem;width: 3.125rem;}
/*banner*/
.banner{margin-top:4rem;}
.banner img{width:100%;height: auto; margin: 0 auto}

/*分割线*/
.division{width: 100%;height: 0.625rem;margin: 1.875rem 0;background: #e9e9e9;}
/*占位*/
.seat{width: 100%;height: 6.75rem;}
/*底部*/
footer{position:fixed;left: 0;bottom: 0;height: 6.125rem;width: 100%;background: #218ae0;overflow: hidden;}
footer p{text-align: center;font-size: 1.5rem;color: #fff;padding-bottom: 10%;margin-top: 2%;}

footer img{display: block;width: 18%;margin: 0 auto;margin-top: 6%}
footer .home{width: 33%;float: left}
footer .massage{width: 33%;;float: left;border-left: 1px solid #1d79c5;border-right: 1px solid #1d79c5}
footer .contact{width: 33%;;float: left;}
.case .content p{ width:54%;line-height:2.1rem; height:2.1rem; overflow:hidden;}
.news li p{ font-weight:bold; line-height:3rem;}