@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,img{margin:0;padding:0;}
ul,li{list-style:none; margin:0px; padding:0px;}
img{border:0; vertical-align:middle;}
em{ font-style:normal;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;font-family:"microsoft yahei";}
textarea {-webkit-appearance: none;font-family:"microsoft yahei";} 
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a{text-decoration:none;color:#626262;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

.roc{color:#626262;font-size:14px; line-height: 1.5; font-family: "Helvetica Neue",Verdana,Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.roc img{ max-width: 100%; }
.crumb{padding: 20px 0; color: #626262; font-size: 14px;}
.wid1200{ max-width: 1200px; margin: 0 auto 50px; }

#carecenter{ max-width: 1640px; width: 95%; margin: 0 auto; }
#carecenter .center{ text-align: center;  }
#carecenter .title{ margin-bottom: 20px; }
#carecenter .title .t{ color: #7a7a7a; font-size: 30px; }
#carecenter .title .c{ font-size: 40px; color: #333; }
#carecenter .pic{ text-align: center; }
#carecenter .text1{ margin-left:26%; margin-top: 50px; margin-bottom: 50px; font-size: 18px; color: #000; }
#carecenter .listsa{ overflow: hidden; margin-left: 26%; margin-bottom: 50px; }
#carecenter .listsa li{ float: left; width: 30%; margin-right: 3%; border:#dcdcdc 1px solid; min-height: 375px; }
#carecenter .listsa .img{ margin-bottom: 30px; }
#carecenter .listsa .t{ padding: 0 20px; color: #323232; font-size: 20px; margin-bottom: 20px; }
#carecenter .listsa .c{ color: #323232; font-size: 16px; padding:0 20px; position: relative; padding-left: 30px; }
#carecenter .listsa .c:before{ content: ''; width: 3px; height: 3px; background: #999; border-radius: 100%; display: inline-block; position: absolute; left: 20px; top: 10px; z-index: 100; }

#carecenter .listsb{ overflow: hidden; margin-left: 26%; margin-bottom: 50px; }
#carecenter .listsb .t1{  color: #906a5f; font-size: 20px; font-weight: 700; padding-bottom: 10px; border-bottom: #906a5f 2px solid; margin-bottom: 40px;}
#carecenter .listsb .img{  margin-bottom: 5px; }
#carecenter .listsb ul{ overflow: hidden; margin-bottom: 40px; }
#carecenter .listsb li{ float: left; width: 33%; text-align: center; margin-bottom:20px; }
#carecenter .listsb .t{ color: #505050; font-size: 18px;}
#carecenter .adress{ float: right; padding: 40px 0; overflow: hidden; }
#carecenter .adress .l{ float: left; width: 120px; margin-right: 10px; }
#carecenter .adress p{ overflow: hidden; }

@media screen and (max-width: 750px) {
    .crumb{padding: 10px; color: #626262; font-size: 14px; text-align: left;}
    #carecenter .title{margin-bottom: 10px;}
    #carecenter .title .t{  font-size: 16px; }
    #carecenter .title .c{ font-size: 20px; }
    #carecenter .text1{ margin-bottom: 10px; margin-top: 10px; font-size: 14px; margin-left: 0; }
    #carecenter .listsa{ margin-bottom: 10px;  margin-left: 0;}
    #carecenter .listsa li{ width: 100%; margin-bottom: 10px; margin-right: 0; box-sizing: border-box; min-height: auto; padding-bottom: 10px; }
    #carecenter .listsa .img{ margin-bottom: 10px; }
    #carecenter .listsa .t{ padding: 0 10px; margin-bottom: 10px; font-size: 16px; }
    #carecenter .listsa .c{ font-size: 14px; padding-left: 20px; }
    #carecenter .listsa .c:before{ left: 10px; }
    #carecenter .listsb{ margin-left: 0; margin-bottom: 10px;}
    #carecenter .listsb .t1{ margin-bottom: 10px; }
    #carecenter .listsb ul{ margin-bottom: 10px; }
    #carecenter .listsb li{ width: 50%; }   
}
#story{ overflow: hidden; }
#story .pic{ text-align: center; }