#index header {
  background-color: #fff;
}
#index header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#index header div img {
  width: 142px;
  height: 31px;
}
#index header div nav {
  width: 1100px;
  height: 90px;
}
#index header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#index header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#index header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#index header > div > ul img {
  width: 24px;
  height: 24px;
}
#index .Carousel {
  height: 570px;
  background: url(../img/banner.jpg) 100%/100% no-repeat;
  width: 100%;
}
#index .SearchFor {
  display: flex;
  align-items: center;
  height: 55px;
  width: 1200px;
  margin: 0 auto;
  justify-content: space-between;
  position: relative;
}
#index .SearchFor > p {
  color: rgb(197, 25, 25);
  font-weight: bold;
  font-size: 14px;
}
#index .SearchFor ul {
  display: flex;
  font-size: 14px;
  width: 750px;
  justify-content: space-between;
}
#index .SearchFor input {
  height: 40px;
  background-color: #ededed;
  border: none;
  border-radius: 3px;
  width: 320px;
  font-size: 13px;
  padding-left: 20px;
  margin-left: 20px;
}
#index .SearchFor span {
  background: url(../img/icon_search1.png) 18px/18px 18px no-repeat;
  position: absolute;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
}
#index .Innovation_and_About {
  position: relative;
  margin-bottom: 250px;
  background: url(../img/bg_home1.jpg) no-repeat;
}
#index .Innovation_and_About .Innovation {
  height: 750px;
  color: #fff;
}
#index .Innovation_and_About .Innovation > p {
  text-align: center;
  font-size: 32px;
  padding-top: 40px;
}
#index .Innovation_and_About .Innovation .Line {
  border-bottom: #fff 1px solid;
  height: 5px;
  margin: 20px auto 80px;
  width: 200px;
  padding: 0 !important;
}
#index .Innovation_and_About .Innovation ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
  width: 1200px;
  margin: 0 auto;
}
#index .Innovation_and_About .Innovation ul li {
  border: rgba(255, 255, 255, 0.6980392157) solid 0.1px;
  border-radius: 5px;
  width: 22%;
  background-color: rgba(255, 255, 255, 0.0588235294);
  color: rgba(255, 255, 255, 0.368627451);
  font-size: 16px;
}
#index .Innovation_and_About .Innovation ul li img {
  width: 56px;
  height: 56px;
  margin: 40px;
}
#index .Innovation_and_About .Innovation ul li p:first-of-type {
  font-size: 18px;
  color: #fff;
}
#index .Innovation_and_About .Innovation ul li p:last-of-type {
  margin: 10px auto 30px;
}
#index .Innovation_and_About .About {
  display: flex;
  border: rgba(100, 97, 97, 0.493) solid 1px;
  position: absolute;
  top: 700px;
  width: 1200px;
  margin: 0 auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
#index .Innovation_and_About .About img {
  background-color: #65605d;
  height: 450px;
  width: 600px;
}
#index .Innovation_and_About .About > div {
  width: 500px;
  background-color: #fff;
  padding: 80px 50px 30px;
}
#index .Innovation_and_About .About_Left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  color: #838383;
}
#index .Innovation_and_About .About_Left p:first-of-type {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.768627451);
}
#index .Innovation_and_About .About_Right p {
  margin-top: 70px;
  font-size: 14px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.8431372549);
  text-indent: 1.5em;
}
#index .Innovation_and_About .About .Line {
  border-bottom: #000000 2px solid;
  width: 70px;
  margin: 0;
  margin-top: 10px;
}
#index .KnowledgeSharing {
  background: url(../img/bg_home2.jpg) no-repeat;
  padding-top: 50px;
}
#index .KnowledgeSharing > ul {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#index .KnowledgeSharing > ul > li {
  width: 40%;
  background-color: #fff;
  margin: 10px 0 50px;
  border-radius: 15px;
  padding: 3.5%;
  padding-bottom: 0;
}
#index .KnowledgeSharing > ul > li > p {
  font-size: 20px;
  font-weight: bold;
}
#index .KnowledgeSharing .KnowledgeSharing_Left {
  display: flex;
  align-items: center;
}
#index .KnowledgeSharing .KnowledgeSharing_Left > img {
  width: 60%;
  height: 100px;
  border-radius: 15px;
  background-color: #b7c4e0;
}
#index .KnowledgeSharing .KnowledgeSharing_Left .TypesOf {
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin: 20px 0;
}
#index .KnowledgeSharing .KnowledgeSharing_Left .TypesOf p {
  background-color: #f0f0f0;
  border-radius: 10px;
  height: 25px;
  padding: 0 15px;
  text-align: center;
  line-height: 25px;
  color: #5e5c5c;
}
#index .KnowledgeSharing .KnowledgeSharing_Left .Text {
  font-size: 16px;
  line-height: 25px;
  width: 85%;
}
#index .KnowledgeSharing .KnowledgeSharing_Right {
  display: flex;
  align-items: center;
  margin: 40px 0;
}
#index .KnowledgeSharing .KnowledgeSharing_Right > img {
  width: 28px;
  height: 28px;
  background-color: #000000;
  border-radius: 50%;
  margin-right: 5px;
}
#index .KnowledgeSharing .KnowledgeSharing_Right > ul {
  display: flex;
  width: 44%;
  justify-content: space-between;
}
#index .KnowledgeSharing .KnowledgeSharing_Right > ul > li {
  display: flex;
  width: 20%;
  justify-content: space-evenly;
}
#index .KnowledgeSharing .KnowledgeSharing_Right > ul > li p {
  line-height: 19px;
}
#index .KnowledgeSharing > p,
#index .IndustryResources > p {
  text-align: center;
  margin-bottom: 50px;
  font-size: 26px;
  color: black;
}
#index .KnowledgeSharing_Right > ul img {
  width: 16px;
  height: 16px;
}
#index .KnowledgeSharing_Right > p {
  margin-right: 35px;
}
#index .KnowledgeSharing > div {
  text-align: center;
  padding: 10px 0 50px;
}
#index .KnowledgeSharing > div > button,
#index .IndustryResources button {
  background-color: #252879;
  color: #fff;
  width: 150px;
  height: 50px;
  border-radius: 8px;
}
#index .KnowledgeSharing_Right p > span {
  color: #4faee1;
  margin: 5px;
}
#index .IndustryResources {
  padding-top: 50px;
}
#index .IndustryResources > ul {
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
#index .IndustryResources > ul:first-of-type {
  justify-content: space-evenly;
}
#index .IndustryResources > ul:first-of-type > li {
  font-size: 19px;
  color: #999898;
}
#index .IndustryResources > ul:first-of-type > li:first-of-type > p {
  color: #1c1b6a;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 3px solid #1c1b6a;
  margin-bottom: 35px;
}
#index .IndustryResources > ul:last-of-type {
  justify-content: space-between;
}
#index .IndustryResources > ul:last-of-type > li {
  width: 23%;
}
#index .IndustryResources > ul:last-of-type img {
  width: 100%;
  height: 280px;
  background-color: #9ba7b5;
  border-radius: 10px 10px 0 0;
}
#index .IndustryResources > ul:last-of-type p {
  background-color: #eeeeee;
  padding: 20px 0;
  text-align: center;
  font-size: 18px;
  border-radius: 0 0 5px 5px;
}
#index .IndustryResources > div:first-of-type {
  width: 1200px;
  position: relative;
  margin: 0 auto;
  height: 10px;
}
#index .IndustryResources > div:last-of-type {
  text-align: center;
}
#index .IndustryResources > div > p {
  border-bottom: #c9c7c7 1px solid;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  top: -35px;
}
#index .IndustryResources button {
  margin: 50px 0 50px;
}
#index footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#index footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#index footer .footer_text > div {
  display: flex;
  align-items: center;
}
#index footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#index footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#index footer .footer_text ul {
  display: flex;
}
#index footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#index footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#index footer .footer_text ul > li span {
  margin: 0 20px;
}
#index footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#index footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#index footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#about header {
  background-color: #fff;
}
#about header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#about header div img {
  width: 142px;
  height: 31px;
}
#about header div nav {
  width: 1100px;
  height: 90px;
}
#about header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#about header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#about header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#about header > div > ul img {
  width: 24px;
  height: 24px;
}
#about .Banner {
  background-color: #027ec7;
  height: 340px;
  color: #fff;
  overflow: hidden;
  background: url("../img/banner_about.jpg") no-repeat;
  background-size: 100% 100%;
}
#about .Banner p {
  font-size: 16px;
  text-align: center;
  word-spacing: 1px;
}
#about .Banner p:first-of-type {
  font-size: 32px;
  margin-top: 80px;
  margin-bottom: 25px;
}
#about .Title ul {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  height: 55px;
  line-height: 55px;
  font-size: 14px;
}
#about .Title ul p {
  margin-right: 70px;
}
#about .Introduce {
  background-color: #eeeeee;
  overflow: hidden;
  padding-bottom: 65px;
  background: url("../img/bg_about1.jpg") no-repeat;
  background-size: 100% 100%;
}
#about .Introduce .Headline {
  text-align: center;
  font-size: 24px;
  margin: 50px 0;
}
#about .Introduce .Headline p:last-of-type {
  width: 70px;
  border-bottom: 2px rgb(37, 40, 120) solid;
  margin: 12px auto 0;
}
#about .Introduce .Introduce_Mainbody {
  width: 1060px;
  margin: 0 auto;
  border: 1px solid rgb(214, 211, 211);
  background-color: rgba(153, 152, 152, 0.1529411765);
  border-radius: 5px;
  padding: 50px 70px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
}
#about .Introduce .Introduce_Mainbody .Content_left {
  width: 51%;
}
#about .Introduce .Introduce_Mainbody .Content_left p {
  text-indent: 2.5em;
  margin-bottom: 20px;
}
#about .Introduce .Introduce_Mainbody .Content_left p:first-of-type {
  text-indent: 1.4em;
}
#about .Introduce .Introduce_Mainbody .Content_right {
  width: 44%;
}
#about .Introduce .Introduce_Mainbody .Content_right img {
  background-color: #000000;
  width: 100%;
  height: 100%;
}
#about .DevelopmentHistory {
  overflow: hidden;
  background: url("../img/bg_about2.jpg") no-repeat;
  background-size: 100% 100%;
}
#about .DevelopmentHistory .Headline {
  margin: 50px 0;
  text-align: center;
  font-size: 24px;
}
#about .DevelopmentHistory .Headline p:last-of-type {
  width: 70px;
  border-bottom: 2px rgb(37, 40, 120) solid;
  margin: 12px auto 0;
}
#about .DevelopmentHistory .Development {
  width: 1200px;
  background: url("../img/pic_development.png") no-repeat;
  background-size: 100% 100%;
  height: 520px;
  margin: 0 auto 65px;
}
#about .QualificationsandHonors {
  width: 100%;
  overflow: hidden;
  background: url("../img/bg_about3.jpg") no-repeat;
  background-size: 100% 100%;
  padding-bottom: 150px;
}
#about .QualificationsandHonors .Headline {
  margin: 50px 0;
  text-align: center;
  font-size: 24px;
}
#about .QualificationsandHonors .Headline p:last-of-type {
  width: 70px;
  border-bottom: 2px rgb(37, 40, 120) solid;
  margin: 12px auto 0;
}
#about .QualificationsandHonors .Qualifications {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  align-items: center;
}
#about .QualificationsandHonors .Qualifications ul {
  display: flex;
  width: 1100px;
  justify-content: space-evenly;
}
#about .QualificationsandHonors .Qualifications ul li img {
  width: 180px;
  height: 260px;
  background-color: #5090a0;
}
#about .QualificationsandHonors .Qualifications span img {
  width: 40px;
  height: 40px;
}
#about .Partners {
  padding-bottom: 65px;
}
#about .Partners .Headline {
  text-align: center;
  font-size: 24px;
  margin: 50px 0;
}
#about .Partners .Headline p:last-of-type {
  width: 70px;
  border-bottom: 2px rgb(37, 40, 120) solid;
  margin: 12px auto 0;
}
#about .Partners ul {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}
#about .Partners ul li {
  margin-bottom: 20px;
}
#about .Partners ul li img {
  width: 257px;
  height: 75px;
}
#about footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#about footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#about footer .footer_text > div {
  display: flex;
  align-items: center;
}
#about footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#about footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#about footer .footer_text ul {
  display: flex;
}
#about footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#about footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#about footer .footer_text ul > li span {
  margin: 0 20px;
}
#about footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#about footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#about footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#Pro {
  background-color: #f5f5f5;
}
#Pro header {
  background-color: #fff;
}
#Pro header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#Pro header div img {
  width: 142px;
  height: 31px;
}
#Pro header div nav {
  width: 1100px;
  height: 90px;
}
#Pro header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#Pro header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#Pro header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#Pro header > div > ul img {
  width: 24px;
  height: 24px;
}
#Pro .SearchFor {
  background: url("../img/banner_pro.jpg") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#Pro .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#Pro .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#Pro .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#Pro .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Pro .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Pro .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#Pro .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#Pro .SearchFor ul li {
  margin-right: 20px;
}
#Pro .SearchFor ul li:first-of-type p {
  color: #fff;
}
#Pro .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#Pro .Pro {
  display: flex;
  width: 1200px;
  margin: 30px auto 0;
  justify-content: space-between;
}
#Pro .Pro .Pro_Left {
  width: 23%;
}
#Pro .Pro .Pro_Left nav {
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Pro .Pro .Pro_Left nav ul li {
  display: flex;
  align-items: center;
  padding: 20px 0 20px 35px;
  border-bottom: rgba(219, 219, 219, 0.384) 1px solid;
}
#Pro .Pro .Pro_Left nav ul li img {
  width: 20px;
  height: 20px;
}
#Pro .Pro .Pro_Left nav ul li p {
  color: #3b3b49;
  margin: 0 80px 0 30px;
}
#Pro .Pro .Pro_Left nav ul li:first-of-type p {
  color: #252878;
  font-weight: bold;
}
#Pro .Pro .Pro_Left nav ul li span {
  color: #252878;
  font-size: 20px;
}
#Pro .Pro .Pro_Left .ArticlePublishing {
  color: #1b1d6a;
  border: 1px solid rgb(219, 219, 219);
  background: url("../img/bg_pro_publish.png") no-repeat;
  background-size: 100% 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  padding: 20px 0;
  border-radius: 5px;
}
#Pro .Pro .Pro_Left .ArticlePublishing p:first-of-type {
  font-size: 18px;
  font-weight: bold;
  color: #252878;
  line-height: 40px;
}
#Pro .Pro .Pro_Left .ArticlePublishing button {
  background-color: #252878;
  color: #fff;
  width: 80px;
  padding: 4px 0;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0 10px;
}
#Pro .Pro .Pro_Right {
  width: 72%;
}
#Pro .Pro .Pro_Right .Screen {
  width: 100%;
  border: 1px solid rgb(219, 219, 219);
  background-color: #ffffff;
  border-radius: 5px;
}
#Pro .Pro .Pro_Right .Screen .TypesOf {
  padding: 0 0 0 35px;
  border-bottom: rgba(219, 219, 219, 0.384) 1px solid;
  display: flex;
  align-items: center;
  height: 57px;
}
#Pro .Pro .Pro_Right .Screen .TypesOf > p {
  color: rgba(0, 0, 0, 0.4117647059);
  font-size: 12px;
  margin-right: 30px;
  width: 60px;
}
#Pro .Pro .Pro_Right .Screen .TypesOf ul {
  display: flex;
}
#Pro .Pro .Pro_Right .Screen .TypesOf ul li p {
  color: rgba(0, 0, 0, 0.81);
  font-size: 13px;
  margin-right: 35px;
}
#Pro .Pro .Pro_Right .Sort {
  border: 1px solid rgb(219, 219, 219);
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px 0 20px 35px;
  margin: 20px 0;
}
#Pro .Pro .Pro_Right .Sort ul {
  display: flex;
}
#Pro .Pro .Pro_Right .Sort ul li {
  display: flex;
  color: rgba(0, 0, 0, 0.4117647059);
  font-size: 12px;
  align-items: center;
  margin-right: 40px;
}
#Pro .Pro .Pro_Right .Sort ul li img {
  width: 18px;
  height: 18px;
  margin-left: 10px;
}
#Pro .Pro .Pro_Right .Content .Content_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.4117647059);
}
#Pro .Pro .Pro_Right .Content .Content_ul > li {
  width: 48%;
  margin: 30px 0;
  height: 400px;
  background-color: #fffefe;
  border-radius: 10px;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Img {
  background: url("../img/pic_pro.jpg") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 204px;
  border-radius: 10px 10px 0 0;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text {
  padding: 0 25px;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text .Text {
  font-size: 17px;
  margin: 25px 0 0;
  color: #000;
  font-weight: bold;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text .Label ul {
  display: flex;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text .Label ul li {
  text-align: center;
  margin: 15px 0 10px;
  margin-right: 10px;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text .Label ul li p {
  font-size: 14px;
  padding: 3px 10px;
  border-radius: 20px;
  background-color: rgba(228, 225, 225, 0.3568627451);
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text > p {
  line-height: 23px;
  font-size: 14px;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text .Data {
  margin-top: 15px;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text .Data ul {
  width: 60%;
  display: flex;
  justify-content: space-between;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text .Data ul li {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#Pro .Pro .Pro_Right .Content .Content_ul > li .Content_Text .Data ul li img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
#Pro .Pro .Pro_Right .Content > div {
  text-align: center;
  margin: 50px 0 80px;
}
#Pro .Pro .Pro_Right .Content > div button {
  background-color: rgba(0, 0, 0, 0);
  border: #1f206e 1px solid;
  padding: 11px;
  width: 130px;
  border-radius: 6px;
  color: #1f206e;
  font-weight: bold;
}
#Pro footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#Pro footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#Pro footer .footer_text > div {
  display: flex;
  align-items: center;
}
#Pro footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#Pro footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#Pro footer .footer_text ul {
  display: flex;
}
#Pro footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#Pro footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#Pro footer .footer_text ul > li span {
  margin: 0 20px;
}
#Pro footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#Pro footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#Pro footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#Prodetail {
  background-color: #f5f5f5;
}
#Prodetail header {
  background-color: #fff;
}
#Prodetail header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#Prodetail header div img {
  width: 142px;
  height: 31px;
}
#Prodetail header div nav {
  width: 1100px;
  height: 90px;
}
#Prodetail header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#Prodetail header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#Prodetail header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#Prodetail header > div > ul img {
  width: 24px;
  height: 24px;
}
#Prodetail .SearchFor {
  background: url("../img/banner_pro.jpg") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#Prodetail .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#Prodetail .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#Prodetail .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#Prodetail .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Prodetail .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Prodetail .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#Prodetail .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#Prodetail .SearchFor ul li {
  margin-right: 20px;
}
#Prodetail .SearchFor ul li:first-of-type p {
  color: #fff;
}
#Prodetail .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#Prodetail .Pro {
  display: flex;
  width: 1200px;
  margin: 30px auto 0;
  justify-content: space-between;
}
#Prodetail .Pro .Pro_Left {
  width: 23%;
}
#Prodetail .Pro .Pro_Left nav {
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Prodetail .Pro .Pro_Left nav ul li {
  display: flex;
  align-items: center;
  padding: 20px 0 20px 35px;
  border-bottom: rgba(219, 219, 219, 0.384) 1px solid;
}
#Prodetail .Pro .Pro_Left nav ul li img {
  width: 20px;
  height: 20px;
}
#Prodetail .Pro .Pro_Left nav ul li p {
  color: #3b3b49;
  margin: 0 80px 0 30px;
}
#Prodetail .Pro .Pro_Left nav ul li:first-of-type p {
  color: #252878;
  font-weight: bold;
}
#Prodetail .Pro .Pro_Left nav ul li span {
  color: #252878;
  font-size: 20px;
}
#Prodetail .Pro .Pro_Left .ArticlePublishing {
  color: #1b1d6a;
  border: 1px solid rgb(219, 219, 219);
  background: url("../img/bg_pro_publish.png") no-repeat;
  background-size: 100% 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  padding: 20px 0;
  border-radius: 5px;
}
#Prodetail .Pro .Pro_Left .ArticlePublishing p:first-of-type {
  font-size: 18px;
  font-weight: bold;
  color: #252878;
  line-height: 40px;
}
#Prodetail .Pro .Pro_Left .ArticlePublishing button {
  background-color: #252878;
  color: #fff;
  width: 80px;
  padding: 4px 0;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0 10px;
}
#Prodetail .Pro .Pro_Right {
  width: calc(72% - 240px);
  padding: 20px 120px;
  margin-bottom: 50px;
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Prodetail .Pro .Pro_Right .Product {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgb(212, 212, 212);
}
#Prodetail .Pro .Pro_Right .Product > p {
  margin: 30px 0 50px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content {
  display: flex;
  justify-content: space-between;
}
/*#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Left {*/
/*  width: 320px;*/
/*  height: 150px;*/
/*  background-color: #c4cbcf;*/
/*  background: url("../img/pic_pro1.jpg") no-repeat;*/
/*  background-size: 100% 100%;*/
/*}*/
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right {
  width: 280px;
  font-size: 12px;
  color: #a0a0a0;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul > li {
  display: flex;
  margin-bottom: 23px;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul > li .Keyword {
  display: flex;
  margin-top: 2px;
  align-items: center;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul > li .Keyword li p {
  margin-right: 30px;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul > li .Keyword li:nth-child(n+2) p {
  padding: 3px 10px;
  background-color: #f4f5f6;
  margin-right: 10px;
  border-radius: 12px;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul > li .Function {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul > li .Function li {
  display: flex;
  align-items: center;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul > li .Function li img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul .Date p {
  margin-right: 20px;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul .Download p {
  margin-right: 20px;
}
#Prodetail .Pro .Pro_Right .Product .Product_Content .Content_Right > ul .Download img {
  width: 20px;
  height: 20px;
}
#Prodetail .Pro .Pro_Right .Describe {
  font-size: 14px;
}
#Prodetail .Pro .Pro_Right .Describe .Title {
  font-weight: bold;
  margin-bottom: 25px;
    font-size: 16px;
}
#Prodetail .Pro .Pro_Right .Describe .Content {
  /*text-indent: 2rem;*/
  margin-bottom: 25px;
  line-height: 180%;
    font-size: 16px;
}
#Prodetail .Pro .Pro_Right .Describe .Content_Ul li {
  display: flex;
  align-items: center;
}
#Prodetail .Pro .Pro_Right .Describe .Content_Ul li:nth-child(n+2) {
  margin-top: 8px;
}
#Prodetail .Pro .Pro_Right .Describe .Content_Ul li p:first-of-type {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5803921569);
  margin-right: 10px;
}
#Prodetail .Pro .Pro_Right .Describe img {
  width: 100%;
  height: 100%;
  /*background-color: #000;*/
  margin: 25px 0;
}
#Prodetail footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#Prodetail footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#Prodetail footer .footer_text > div {
  display: flex;
  align-items: center;
}
#Prodetail footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#Prodetail footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#Prodetail footer .footer_text ul {
  display: flex;
}
#Prodetail footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#Prodetail footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#Prodetail footer .footer_text ul > li span {
  margin: 0 20px;
}
#Prodetail footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#Prodetail footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#Prodetail footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#Knowledge {
  background-color: #f5f5f5;
}
#Knowledge header {
  background-color: #fff;
}
#Knowledge header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#Knowledge header div img {
  width: 142px;
  height: 31px;
}
#Knowledge header div nav {
  width: 1100px;
  height: 90px;
}
#Knowledge header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#Knowledge header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#Knowledge header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#Knowledge header > div > ul img {
  width: 24px;
  height: 24px;
}
#Knowledge .SearchFor {
  background: url("../img/banner_knowledge.jpg") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#Knowledge .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#Knowledge .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#Knowledge .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#Knowledge .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Knowledge .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Knowledge .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#Knowledge .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#Knowledge .SearchFor ul li {
  margin-right: 20px;
}
#Knowledge .SearchFor ul li:first-of-type p {
  color: #fff;
}
#Knowledge .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#Knowledge .Pro {
  display: flex;
  width: 1200px;
  margin: 30px auto 0;
  justify-content: space-between;
}
#Knowledge .Pro .Pro_Left {
  width: 23%;
}
#Knowledge .Pro .Pro_Left nav {
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Knowledge .Pro .Pro_Left nav ul li {
  display: flex;
  align-items: center;
  padding: 20px 0 20px 35px;
  border-bottom: rgba(219, 219, 219, 0.384) 1px solid;
}
#Knowledge .Pro .Pro_Left nav ul li img {
  width: 20px;
  height: 20px;
}
#Knowledge .Pro .Pro_Left nav ul li p {
  color: #3b3b49;
  margin: 0 80px 0 30px;
}
#Knowledge .Pro .Pro_Left nav ul li:first-of-type p {
  color: #252878;
  font-weight: bold;
}
#Knowledge .Pro .Pro_Left nav ul li span {
  color: #252878;
  font-size: 20px;
}
#Knowledge .Pro .Pro_Left .ArticlePublishing {
  color: #1b1d6a;
  border: 1px solid rgb(219, 219, 219);
  background: url("../img/bg_pro_publish.png") no-repeat;
  background-size: 100% 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  padding: 20px 0;
  border-radius: 5px;
}
#Knowledge .Pro .Pro_Left .ArticlePublishing p:first-of-type {
  font-size: 18px;
  font-weight: bold;
  color: #252878;
  line-height: 40px;
}
#Knowledge .Pro .Pro_Left .ArticlePublishing button {
  background-color: #252878;
  color: #fff;
  width: 80px;
  padding: 4px 0;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0 10px;
}
#Knowledge .Pro .Pro_Right {
  width: 72%;
}
#Knowledge .Pro .Pro_Right .Screen {
  width: 100%;
  border: 1px solid rgb(219, 219, 219);
  background-color: #ffffff;
  border-radius: 5px;
}
#Knowledge .Pro .Pro_Right .Screen .TypesOf {
  padding: 0 0 0 35px;
  border-bottom: rgba(219, 219, 219, 0.384) 1px solid;
  display: flex;
  align-items: center;
  height: 57px;
}
#Knowledge .Pro .Pro_Right .Screen .TypesOf > p {
  color: rgba(0, 0, 0, 0.4117647059);
  font-size: 12px;
  margin-right: 30px;
  width: 60px;
}
#Knowledge .Pro .Pro_Right .Screen .TypesOf ul {
  display: flex;
}
#Knowledge .Pro .Pro_Right .Screen .TypesOf ul li p {
  color: rgba(0, 0, 0, 0.81);
  font-size: 13px;
  margin-right: 35px;
}
#Knowledge .Pro .Pro_Right .Sort {
  border: 1px solid rgb(219, 219, 219);
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px 0 20px 35px;
  margin: 20px 0;
}
#Knowledge .Pro .Pro_Right .Sort ul {
  display: flex;
}
#Knowledge .Pro .Pro_Right .Sort ul li {
  display: flex;
  color: rgba(0, 0, 0, 0.4117647059);
  font-size: 12px;
  align-items: center;
  margin-right: 40px;
}
#Knowledge .Pro .Pro_Right .Sort ul li img {
  width: 18px;
  height: 18px;
  margin-left: 10px;
}
#Knowledge .Pro .Pro_Right .Screen .TypesOf {
  position: relative;
}
#Knowledge .Pro .Pro_Right .Screen .TypesOf input {
  background-color: #f3f3f3;
  width: 180px;
  height: 35px;
  border: none;
  border-radius: 5px;
  padding-left: 20px;
}
#Knowledge .Pro .Pro_Right .Screen .TypesOf img {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 550px;
}
#Knowledge .Pro .Pro_Right .Tabulation > li {
  padding: 0 40px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid rgb(219, 219, 219);
  margin: 10px 0;
  display: flex;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Title {
  font-size: 18px;
  font-weight: bold;
  margin: 25px 0 20px;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Label {
  display: flex;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Label li {
  background-color: #f4f5f6;
  border-radius: 10px;
  padding: 3px 8px;
  font-size: 12px;
  color: #a5a4a4;
  margin-right: 10px;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Content {
  margin: 20px 0;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Function {
  display: flex;
  font-size: 12px;
  margin-bottom: 28px;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Function .span {
  display: flex;
  align-items: center;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Function .span img {
  width: 25px;
  height: 25px;
  background-color: #000;
  border-radius: 50%;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Function .span span {
  color: #76b5d4;
  margin: 0 5px;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Function .Function_Label {
  color: #b4b4b4;
  width: 50%;
  margin-left: 80px;
  display: flex;
  justify-content: space-around;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Function .Function_Label li {
  display: flex;
  align-items: center;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_left .Function .Function_Label li img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
#Knowledge .Pro .Pro_Right .Tabulation > li .Tabulation_right img {
  width: 161px;
  height: 110px;
  border-radius: 10px;
  margin-left: 30px;
  margin-top: 80px;
}
#Knowledge .Pro .Pro_Right .button {
  text-align: center;
  margin: 50px 0 80px;
}
#Knowledge .Pro .Pro_Right .button button {
  background-color: rgba(0, 0, 0, 0);
  border: #1f206e 1px solid;
  padding: 11px;
  width: 130px;
  border-radius: 6px;
  color: #1f206e;
  font-weight: bold;
}
#Knowledge footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#Knowledge footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#Knowledge footer .footer_text > div {
  display: flex;
  align-items: center;
}
#Knowledge footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#Knowledge footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#Knowledge footer .footer_text ul {
  display: flex;
}
#Knowledge footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#Knowledge footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#Knowledge footer .footer_text ul > li span {
  margin: 0 20px;
}
#Knowledge footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#Knowledge footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#Knowledge footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#Knowdetail {
  background-color: #f5f5f5;
}
#Knowdetail header {
  background-color: #fff;
}
#Knowdetail header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#Knowdetail header div img {
  width: 142px;
  height: 31px;
}
#Knowdetail header div nav {
  width: 1100px;
  height: 90px;
}
#Knowdetail header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#Knowdetail header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#Knowdetail header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#Knowdetail header > div > ul img {
  width: 24px;
  height: 24px;
}
#Knowdetail .SearchFor {
  background: url("../img/banner_knowledge.jpg") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#Knowdetail .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#Knowdetail .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#Knowdetail .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#Knowdetail .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Knowdetail .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Knowdetail .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#Knowdetail .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#Knowdetail .SearchFor ul li {
  margin-right: 20px;
}
#Knowdetail .SearchFor ul li:first-of-type p {
  color: #fff;
}
#Knowdetail .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#Knowdetail .Pro {
  display: flex;
  width: 1200px;
  margin: 30px auto 0;
  justify-content: space-between;
}
#Knowdetail .Pro .Pro_Left {
  width: 23%;
}
#Knowdetail .Pro .Pro_Left nav {
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Knowdetail .Pro .Pro_Left nav ul li {
  display: flex;
  align-items: center;
  padding: 20px 0 20px 35px;
  border-bottom: rgba(219, 219, 219, 0.384) 1px solid;
}
#Knowdetail .Pro .Pro_Left nav ul li img {
  width: 20px;
  height: 20px;
}
#Knowdetail .Pro .Pro_Left nav ul li p {
  color: #3b3b49;
  margin: 0 80px 0 30px;
}
#Knowdetail .Pro .Pro_Left nav ul li:first-of-type p {
  color: #252878;
  font-weight: bold;
}
#Knowdetail .Pro .Pro_Left nav ul li span {
  color: #252878;
  font-size: 20px;
}
#Knowdetail .Pro .Pro_Left .ArticlePublishing {
  color: #1b1d6a;
  border: 1px solid rgb(219, 219, 219);
  background: url("../img/bg_pro_publish.png") no-repeat;
  background-size: 100% 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  padding: 20px 0;
  border-radius: 5px;
}
#Knowdetail .Pro .Pro_Left .ArticlePublishing p:first-of-type {
  font-size: 18px;
  font-weight: bold;
  color: #252878;
  line-height: 40px;
}
#Knowdetail .Pro .Pro_Left .ArticlePublishing button {
  background-color: #252878;
  color: #fff;
  width: 80px;
  padding: 4px 0;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0 10px;
}
#Knowdetail .Pro .Pro_Right {
  width: calc(72% - 240px);
  padding: 20px 120px;
  margin-bottom: 50px;
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Knowdetail .Pro .Pro_Right .Product {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgb(212, 212, 212);
}
#Knowdetail .Pro .Pro_Right .Product > p {
  margin: 30px 0 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content {
  font-size: 12px;
  color: #a0a0a0;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Keyword ul {
  display: flex;
  margin-top: 2px;
  align-items: center;
  justify-content: center;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Keyword ul li p {
  margin-right: 30px;
  padding: 3px 10px;
  background-color: #f4f5f6;
  margin-right: 10px;
  border-radius: 12px;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Date {
  margin: 20px 0 50px;
  display: flex;
  justify-content: center;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Date p {
  margin-right: 20px;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Function {
  display: flex;
  justify-content: space-between;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Function .span {
  display: flex;
  align-items: center;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Function .span img {
  width: 25px;
  height: 25px;
  background-color: #000;
  border-radius: 50%;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Function .span span {
  color: #76b5d4;
  margin: 0 5px;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Function ul {
  width: 40%;
  display: flex;
  justify-content: space-between;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Function ul li {
  display: flex;
  align-items: center;
}
#Knowdetail .Pro .Pro_Right .Product .Product_Content .Function ul li img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
#Knowdetail .Pro .Pro_Right .Describe {
  font-size: 14px;
}
#Knowdetail .Pro .Pro_Right .Describe .Title {
  font-weight: bold;
  margin-bottom: 25px;
    font-size: 16px;
}
#Knowdetail .Pro .Pro_Right .Describe .Content {
  /*text-indent: 2rem;*/
  margin-bottom: 25px;
  line-height: 180%;
    font-size: 16px;
}
#Knowdetail .Pro .Pro_Right .Describe .Content_Ul li {
  display: flex;
  align-items: center;
}
#Knowdetail .Pro .Pro_Right .Describe .Content_Ul li:nth-child(n+2) {
  margin-top: 8px;
}
#Knowdetail .Pro .Pro_Right .Describe .Content_Ul li p:first-of-type {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5803921569);
  margin-right: 10px;
}
#Knowdetail .Pro .Pro_Right .Describe img {
  width: 100%;
  height: 100%;
  /*background-color: #000;*/
  margin: 25px 0;
}
#Knowdetail footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#Knowdetail footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#Knowdetail footer .footer_text > div {
  display: flex;
  align-items: center;
}
#Knowdetail footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#Knowdetail footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#Knowdetail footer .footer_text ul {
  display: flex;
}
#Knowdetail footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#Knowdetail footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#Knowdetail footer .footer_text ul > li span {
  margin: 0 20px;
}
#Knowdetail footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#Knowdetail footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#Knowdetail footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#Publish {
  background-color: #f5f5f5;
}
#Publish header {
  background-color: #fff;
}
#Publish header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#Publish header div img {
  width: 142px;
  height: 31px;
}
#Publish header div nav {
  width: 1100px;
  height: 90px;
}
#Publish header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#Publish header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#Publish header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#Publish header > div > ul img {
  width: 24px;
  height: 24px;
}
#Publish .SearchFor {
  background: url("../img/banner_knowledge.jpg") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#Publish .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#Publish .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#Publish .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#Publish .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Publish .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Publish .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#Publish .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#Publish .SearchFor ul li {
  margin-right: 20px;
}
#Publish .SearchFor ul li:first-of-type p {
  color: #fff;
}
#Publish .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#Publish .Pro {
  display: flex;
  width: 1200px;
  margin: 30px auto 0;
  justify-content: space-between;
}
#Publish .Pro .Pro_Left {
  width: 23%;
}
#Publish .Pro .Pro_Left nav {
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Publish .Pro .Pro_Left nav ul li {
  display: flex;
  align-items: center;
  padding: 20px 0 20px 35px;
  border-bottom: rgba(219, 219, 219, 0.384) 1px solid;
}
#Publish .Pro .Pro_Left nav ul li img {
  width: 20px;
  height: 20px;
}
#Publish .Pro .Pro_Left nav ul li p {
  color: #3b3b49;
  margin: 0 80px 0 30px;
}
#Publish .Pro .Pro_Left nav ul li:first-of-type p {
  color: #252878;
  font-weight: bold;
}
#Publish .Pro .Pro_Left nav ul li span {
  color: #252878;
  font-size: 20px;
}
#Publish .Pro .Pro_Left .ArticlePublishing {
  color: #1b1d6a;
  border: 1px solid rgb(219, 219, 219);
  background: url("../img/bg_pro_publish.png") no-repeat;
  background-size: 100% 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  padding: 20px 0;
  border-radius: 5px;
}
#Publish .Pro .Pro_Left .ArticlePublishing p:first-of-type {
  font-size: 18px;
  font-weight: bold;
  color: #252878;
  line-height: 40px;
}
#Publish .Pro .Pro_Left .ArticlePublishing button {
  background-color: #252878;
  color: #fff;
  width: 80px;
  padding: 4px 0;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0 10px;
}
#Publish .Pro .Pro_Right {
  width: calc(72% - 240px);
  padding: 20px 120px;
  margin-bottom: 50px;
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Publish .Pro .Pro_Right .Product {
  padding-bottom: 20px;
  margin: 30px 0 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#Publish .Pro .Pro_Right .layui-form {
  display: flex;
  align-items: center;
}
#Publish .Pro .Pro_Right .layui-form p {
  margin-right: 15px;
}
#Publish .Pro .Pro_Right .layui-form div {
  width: 145px;
  margin-right: 22px;
}
#Publish .Pro .Pro_Right .layui-form div input {
  height: 32px;
  width: 145px;
}
#Publish .Pro .Pro_Right .layui-form input {
  height: 15px;
  width: 125px;
  background-color: #f8f8f8;
  border-radius: 5px;
  border: 1px solid rgb(219, 219, 219);
}
#Publish .Pro .Pro_Right .layui-form span {
  color: #55c1f8;
  padding: 0;
  margin-right: 19px;
}
#Publish .Pro .Pro_Right .layui-form_2 div {
  width: 60px;
  margin-right: 22px;
}
#Publish .Pro .Pro_Right .layui-form_2 div input {
  height: 32px;
  width: 60px;
}
#Publish .Pro .Pro_Right .layui-form_2 input {
  height: 15px;
  width: 210px;
  background-color: #f8f8f8;
  border-radius: 5px;
  border: 1px solid rgb(219, 219, 219);
}
#Publish .Pro .Pro_Right .keyword {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
#Publish .Pro .Pro_Right .keyword > p {
  margin-right: 15px;
}
#Publish .Pro .Pro_Right .keyword ul {
  display: flex;
}
#Publish .Pro .Pro_Right .keyword ul li {
  border-radius: 3px;
  border: 2px dotted #6c8896;
  padding: 5px 20px;
  height: 20px;
  margin-right: 10px;
}
#Publish .Pro .Pro_Right .keyword ul li p {
  line-height: 20px;
}
#Publish .Pro .Pro_Right .keyword div {
  border-radius: 3px;
  border: 2px dotted #56a8d1;
  padding: 5px 20px;
  height: 20px;
  display: flex;
  align-items: center;
  color: #56a8d1;
}
#Publish .Pro .Pro_Right .keyword div img {
  background-color: #56a8d1;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 5px;
}
#Publish .Pro .Pro_Right .Prompt {
  display: flex;
  background-color: #f5f9fe;
  font-size: 12px;
  color: #999898;
  align-items: center;
  padding: 20px 0;
  margin: 20px 0;
  line-height: 25px;
}
#Publish .Pro .Pro_Right .Prompt img {
  width: 24px;
  height: 24px;
  margin: 0 30px;
}
#Publish .Pro .Pro_Right .ButtonGroup {
  text-align: center;
  margin: 40px 0;
}
#Publish .Pro .Pro_Right .ButtonGroup button {
  background-color: rgba(0, 0, 0, 0);
  padding: 11px;
  width: 130px;
  border-radius: 6px;
  font-weight: bold;
  background-color: #1f206e;
  color: #fff;
  margin: 0 10px;
}
#Publish .Pro .Pro_Right .ButtonGroup button:first-of-type {
  background-color: #2261d1;
  border: #2261d1 1px solid;
  color: #fff;
}
#Publish .Pro .Pro_Right .ButtonGroup button:last-of-type {
  color: #1f206e;
  border: #1f206e 1px solid;
  background-color: #ffffff;
}
#Publish footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#Publish footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#Publish footer .footer_text > div {
  display: flex;
  align-items: center;
}
#Publish footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#Publish footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#Publish footer .footer_text ul {
  display: flex;
}
#Publish footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#Publish footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#Publish footer .footer_text ul > li span {
  margin: 0 20px;
}
#Publish footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#Publish footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#Publish footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#Cases {
  background-color: #f5f5f5;
}
#Cases header {
  background-color: #fff;
}
#Cases header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#Cases header div img {
  width: 142px;
  height: 31px;
}
#Cases header div nav {
  width: 1100px;
  height: 90px;
}
#Cases header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#Cases header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#Cases header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#Cases header > div > ul img {
  width: 24px;
  height: 24px;
}
#Cases .SearchFor {
  background: url("../img/banner_cases.jpg") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#Cases .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#Cases .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#Cases .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#Cases .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Cases .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Cases .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#Cases .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#Cases .SearchFor ul li {
  margin-right: 20px;
}
#Cases .SearchFor ul li:first-of-type p {
  color: #fff;
}
#Cases .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#Cases .Pro {
  display: flex;
  width: 1200px;
  margin: 30px auto 0;
  justify-content: space-between;
}
#Cases .Pro .Pro_Left {
  width: 23%;
}
#Cases .Pro .Pro_Left nav {
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Cases .Pro .Pro_Left nav ul li {
  display: flex;
  align-items: center;
  padding: 20px 0 20px 35px;
  border-bottom: rgba(219, 219, 219, 0.384) 1px solid;
}
#Cases .Pro .Pro_Left nav ul li img {
  width: 20px;
  height: 20px;
}
#Cases .Pro .Pro_Left nav ul li p {
  color: #3b3b49;
  margin: 0 80px 0 30px;
}
#Cases .Pro .Pro_Left nav ul li:first-of-type p {
  color: #252878;
  font-weight: bold;
}
#Cases .Pro .Pro_Left nav ul li span {
  color: #252878;
  font-size: 20px;
}
#Cases .Pro .Pro_Left .ArticlePublishing {
  color: #1b1d6a;
  border: 1px solid rgb(219, 219, 219);
  background: url("../img/bg_pro_publish.png") no-repeat;
  background-size: 100% 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 15px;
  padding: 20px 0;
  border-radius: 5px;
}
#Cases .Pro .Pro_Left .ArticlePublishing p:first-of-type {
  font-size: 18px;
  font-weight: bold;
  color: #252878;
  line-height: 40px;
}
#Cases .Pro .Pro_Left .ArticlePublishing button {
  background-color: #252878;
  color: #fff;
  width: 80px;
  padding: 4px 0;
  border-radius: 5px;
  font-size: 12px;
  margin: 20px 0 10px;
}
#Cases .Pro .Pro_Right {
  width: calc(72% - 240px);
  padding: 20px 120px;
  margin-bottom: 50px;
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#Cases .Pro .Pro_Right .Product {
  margin: 30px 0 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#Cases .Pro .Pro_Right .Screen {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Cases .Pro .Pro_Right .Screen li {
  padding: 6px 20px;
  border: rgba(0, 0, 0, 0.4235294118) 1px solid;
  width: 11%;
  text-align: center;
  margin: 10px 0;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.5882352941);
}
#Cases .Pro .Pro_Right .Screen li:first-of-type {
  border: #252878 1px solid;
  color: #252878;
  font-weight: bold;
  background-color: #f5f9fe;
}
#Cases .Pro .Pro_Right .Tabulation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Cases .Pro .Pro_Right .Tabulation li {
  text-align: center;
  width: 48%;
  margin: 15px 0;
}
#Cases .Pro .Pro_Right .Tabulation li img {
  background-color: #000;
  width: 100%;
  height: 259px;
  border-radius: 10px 10px 0 0;
}
#Cases .Pro .Pro_Right .Tabulation li p {
  background-color: rgba(0, 0, 0, 0.137254902);
  font-size: 16px;
  padding: 15px 0;
  border-radius: 0 0 10px 10px;
}
#Cases .Pro .Pro_Right .button {
  text-align: center;
  margin: 50px 0 80px;
}
#Cases .Pro .Pro_Right .button button {
  background-color: rgba(0, 0, 0, 0);
  border: #1f206e 1px solid;
  padding: 11px;
  width: 130px;
  border-radius: 6px;
  color: #1f206e;
  font-weight: bold;
}
#Cases footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#Cases footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#Cases footer .footer_text > div {
  display: flex;
  align-items: center;
}
#Cases footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#Cases footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#Cases footer .footer_text ul {
  display: flex;
}
#Cases footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#Cases footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#Cases footer .footer_text ul > li span {
  margin: 0 20px;
}
#Cases footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#Cases footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#Cases footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#Contact {
  background-color: #f5f5f5;
}
#Contact header {
  background-color: #fff;
}
#Contact header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#Contact header div img {
  width: 142px;
  height: 31px;
}
#Contact header div nav {
  width: 1100px;
  height: 90px;
}
#Contact header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#Contact header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#Contact header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#Contact header > div > ul img {
  width: 24px;
  height: 24px;
}
#Contact .SearchFor {
  background: url("../img/banner_contact.png") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#Contact .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#Contact .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#Contact .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#Contact .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Contact .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#Contact .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#Contact .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#Contact .SearchFor ul li {
  margin-right: 20px;
}
#Contact .SearchFor ul li:first-of-type p {
  color: #fff;
}
#Contact .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#Contact .Pro {
  display: flex;
  width: 1200px;
  margin: 30px auto;
  justify-content: center;
  background-color: #fff;
  flex-wrap: wrap;
}
#Contact .Pro li {
  width: 24%;
  margin: 20px;
  background-color: #f5f9fe;
  border-radius: 5px;
  border: 1px solid rgba(184, 184, 185, 0.37);
  text-align: center;
  height: 220px;
}
#Contact .Pro li:last-of-type button {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #252878;
  color: #252878;
}
#Contact .Pro li img {
  width: 86px;
  height: 86px;
  margin-top: 20px;
}
#Contact .Pro li p {
  font-size: 12px;
  margin-bottom: 10px;
  color: #929090;
}
#Contact .Pro li p:first-of-type {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0;
  color: #252878;
}
#Contact .Pro li button {
  background-color: #252878;
  color: #929292;
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: 10px;
}
#Contact footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#Contact footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#Contact footer .footer_text > div {
  display: flex;
  align-items: center;
}
#Contact footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#Contact footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#Contact footer .footer_text ul {
  display: flex;
}
#Contact footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#Contact footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#Contact footer .footer_text ul > li span {
  margin: 0 20px;
}
#Contact footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#Contact footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#Contact footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#form {
  background-color: #f5f5f5;
  font: 1em sans-serif;
}
#form header {
  background-color: #fff;
}
#form header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#form header div img {
  width: 142px;
  height: 31px;
}
#form header div nav {
  width: 1100px;
  height: 90px;
}
#form header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#form header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#form header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#form header > div > ul img {
  width: 24px;
  height: 24px;
}
#form .Title {
  height: 112px;
  background: url("../img/banner_contact.png") no-repeat;
  background-size: 100% 100%;
  background-size: 100%;
}
#form .Title p {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 112px;
}
#form .FlowPath {
  display: flex;
  width: 1200px;
  margin: 30px auto;
  justify-content: center;
  background-color: #fff;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 5px;
}
#form .FlowPath > img {
  width: 20px;
  height: 20px;
  background-color: #000;
}
#form .FlowPath li {
  width: 23%;
  margin: 20px 0;
  text-align: center;
}
#form .FlowPath li img {
  width: 70px;
  height: 70px;
  margin-top: 20px;
  background-color: #dae6fa;
  border-radius: 50%;
}
#form .FlowPath li p {
  margin: 10px 0;
  margin-bottom: 10px;
}
#form .Information {
  width: 1000px;
  margin: 30px auto;
  justify-content: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 100px;
}
#form .Information .Title_p {
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0;
}
#form .Information li {
  margin: 30px 0;
  display: flex;
}
#form .Information li p {
  width: 100px;
}
#form .Information li input,
#form .Information li select,
#form .Information li textarea {
  background-color: #f8f8f8;
  border: 1px solid #c5c5c5;
  height: 35px;
  border-radius: 5px;
  width: 328px;
  padding-left: 10px;
}
#form .Information li select {
  color: #858282;
  width: 160px;
  margin-right: 20px;
}
#form .Information li textarea {
  width: 880px;
  height: 130px;
  padding: 10px;
}
#form .Information .Center {
  align-items: center;
}
#form .Information .Contact li {
  align-items: center;
}
#form .Information .Contact li input {
  width: 890px;
  margin: 0;
}
#form .Information .Contact li:last-of-type input {
  margin-left: 99px;
}
#form .Information .button {
  text-align: center;
  margin: 50px 0;
}
#form .Information .button button {
  background-color: #1f206e;
  border: #1f206e 1px solid;
  padding: 11px;
  width: 130px;
  border-radius: 6px;
  color: #ffffff;
  font-weight: bold;
}
#form footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#form footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#form footer .footer_text > div {
  display: flex;
  align-items: center;
}
#form footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#form footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#form footer .footer_text ul {
  display: flex;
}
#form footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#form footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#form footer .footer_text ul > li span {
  margin: 0 20px;
}
#form footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#form footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#form footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#form2 {
  background-color: #f5f5f5;
  font: 1em sans-serif;
}
#form2 header {
  background-color: #fff;
}
#form2 header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#form2 header div img {
  width: 142px;
  height: 31px;
}
#form2 header div nav {
  width: 1100px;
  height: 90px;
}
#form2 header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#form2 header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#form2 header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#form2 header > div > ul img {
  width: 24px;
  height: 24px;
}
#form2 .Title {
  height: 112px;
  background: url("../img/banner_contact.png") no-repeat;
  background-size: 100% 100%;
  background-size: 100%;
}
#form2 .Title p {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 112px;
}
#form2 .FlowPath {
  display: flex;
  width: 1200px;
  background-color: #fff;
  flex-wrap: wrap;
  margin: 30px auto;
  align-items: center;
  border-radius: 5px;
}
#form2 .FlowPath > img {
  width: 70px;
  height: 70px;
  margin: 50px 30px 50px 90px;
}
#form2 .FlowPath > p {
  font-size: 16px;
}
#form2 .FlowPath li {
  width: 23%;
  text-align: center;
}
#form2 .FlowPath li img {
  width: 70px;
  height: 70px;
  margin-top: 20px;
  background-color: #dae6fa;
  border-radius: 50%;
}
#form2 .FlowPath li p {
  margin: 10px 0;
  margin-bottom: 10px;
}
#form2 .Information {
  width: 1000px;
  margin: 30px auto;
  justify-content: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 100px;
}
#form2 .Information .Title_p {
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0;
}
#form2 .Information li {
  margin: 30px 0;
  display: flex;
}
#form2 .Information li p {
  width: 100px;
}
#form2 .Information li input,
#form2 .Information li select,
#form2 .Information li textarea {
  background-color: #f8f8f8;
  border: 1px solid #c5c5c5;
  height: 35px;
  border-radius: 5px;
  width: 328px;
  padding-left: 10px;
}
#form2 .Information li select {
  color: #858282;
  width: 160px;
  margin-right: 20px;
}
#form2 .Information li textarea {
  width: 880px;
  height: 130px;
  padding: 10px;
}
#form2 .Information .Center {
  align-items: center;
}
#form2 .Information .Contact li {
  align-items: center;
}
#form2 .Information .Contact li input {
  width: 890px;
  margin: 0;
}
#form2 .Information .Contact li:last-of-type input {
  margin-left: 99px;
}
#form2 .Information .button {
  text-align: center;
  margin: 50px 0;
}
#form2 .Information .button button {
  background-color: #1f206e;
  border: #1f206e 1px solid;
  padding: 11px;
  width: 130px;
  border-radius: 6px;
  color: #ffffff;
  font-weight: bold;
}
#form2 footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#form2 footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#form2 footer .footer_text > div {
  display: flex;
  align-items: center;
}
#form2 footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#form2 footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#form2 footer .footer_text ul {
  display: flex;
}
#form2 footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#form2 footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#form2 footer .footer_text ul > li span {
  margin: 0 20px;
}
#form2 footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#form2 footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#form2 footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#signup,
#signIn {
  background-color: #f5f5f5;
}
#signup header,
#signIn header {
  background-color: #fff;
}
#signup header div,
#signIn header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#signup header div img,
#signIn header div img {
  width: 142px;
  height: 31px;
}
#signup header div nav,
#signIn header div nav {
  width: 1100px;
  height: 90px;
}
#signup header div nav ul,
#signIn header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#signup header div nav ul p,
#signIn header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#signup header > div > ul,
#signIn header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#signup header > div > ul img,
#signIn header > div > ul img {
  width: 24px;
  height: 24px;
}
#signup .Register,
#signIn .Register {
  width: 840px;
  display: flex;
  margin: 30px auto 128px;
  background-color: #fff;
}
#signup .Register > img,
#signIn .Register > img {
  width: 50%;
  background-color: #0e4a9e;
  height: 460px;
}
#signup .Register form,
#signIn .Register form {
  width: 50%;
  position: relative;
}
#signup .Register form .QRCode,
#signIn .Register form .QRCode {
  position: absolute;
  display: flex;
  right: 15px;
  top: 20px;
}
#signup .Register form .QRCode div,
#signIn .Register form .QRCode div {
  background-color: #f4f8ff;
  padding: 6px 5px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #177cce;
}
#signup .Register form .QRCode div img,
#signIn .Register form .QRCode div img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
#signup .Register form .QRCode > img,
#signIn .Register form .QRCode > img {
  margin-left: 10px;
  width: 30px;
  height: 30px;
  background-color: #027ec7;
}
#signup .Register form .Form_Flex,
#signIn .Register form .Form_Flex {
  width: 100%;
  display: flex;
  margin: 90px auto 40px;
  justify-content: center;
  position: relative;
}
#signup .Register form .Form_Flex p,
#signIn .Register form .Form_Flex p {
  margin: 0 30px;
}
#signup .Register form .Form_Flex .Line,
#signIn .Register form .Form_Flex .Line {
  position: absolute;
  left: 53%;
  width: 30px;
  border-bottom: 2px solid #252878;
  bottom: -10px;
}
#signup .Register form input,
#signIn .Register form input {
  width: calc(70% - 10px);
  height: 40px;
  margin: 10px 15%;
  padding-left: 10px;
  border: rgba(217, 217, 218, 0.76) 1px solid;
  border-radius: 5px;
}
#signup .Register form .Code input,
#signIn .Register form .Code input {
  width: calc(45% - 10px);
  margin-right: 0;
  border-radius: 5px 0 0 5px;
  border-right: none;
}
#signup .Register form .Code button,
#signIn .Register form .Code button {
  height: 42px;
  width: 25%;
  background-color: #f8f8f8;
  border: rgba(217, 217, 218, 0.76) 1px solid;
  color: #7a7979;
  border-radius: 0 5px 5px 0;
}
#signup .Register form .Checkbox,
#signIn .Register form .Checkbox {
  width: 70%;
  margin: 0 15%;
  display: flex;
  align-items: center;
}
#signup .Register form .Checkbox input,
#signIn .Register form .Checkbox input {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0;
}
#signup .Register form .Checkbox span,
#signIn .Register form .Checkbox span {
  font-size: 12px;
  margin: 15px;
}
#signup .Register form > button,
#signIn .Register form > button {
  background-color: #252878;
  color: #fff;
  width: 70%;
  margin: 10px 15%;
  height: 43px;
  border-radius: 5px;
}
#signup .Register form .Span,
#signIn .Register form .Span {
  width: 70%;
  margin: 15px 15%;
  color: #7a7979;
}
#signup .Register form .Span span,
#signIn .Register form .Span span {
  font-size: 12px;
}
#signup .Register form .Span span:first-of-type,
#signIn .Register form .Span span:first-of-type {
  margin-left: 36%;
}
#signup .Register form .Span span:nth-child(2),
#signIn .Register form .Span span:nth-child(2) {
  color: #177cce;
}
#signup .Register form .Span span:last-of-type,
#signIn .Register form .Span span:last-of-type {
  margin-left: 10%;
}
#signup footer,
#signIn footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#signup footer > div,
#signIn footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#signup footer .footer_text > div,
#signIn footer .footer_text > div {
  display: flex;
  align-items: center;
}
#signup footer .footer_text > div p:first-of-type,
#signIn footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#signup footer .footer_text > div p:nth-child(2),
#signIn footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#signup footer .footer_text ul,
#signIn footer .footer_text ul {
  display: flex;
}
#signup footer .footer_text ul > li,
#signIn footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#signup footer .footer_text ul > li p,
#signIn footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#signup footer .footer_text ul > li span,
#signIn footer .footer_text ul > li span {
  margin: 0 20px;
}
#signup footer .footer_img,
#signIn footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#signup footer .footer_img img,
#signIn footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#signup footer .footer_img p,
#signIn footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#search {
  background-color: #f5f5f5;
}
#search header {
  background-color: #fff;
}
#search header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#search header div img {
  width: 142px;
  height: 31px;
}
#search header div nav {
  width: 1100px;
  height: 90px;
}
#search header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#search header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#search header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#search header > div > ul img {
  width: 24px;
  height: 24px;
}
#search .SearchFor {
  background: url("../img/banner_contact.png") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#search .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#search .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#search .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#search .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#search .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#search .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#search .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#search .SearchFor ul li {
  margin-right: 20px;
}
#search .SearchFor ul li:first-of-type p {
  color: #fff;
}
#search .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#search .Pro {
  width: 1200px;
  margin: 30px auto;
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#search .Pro .Icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin: 80px 0;
}
#search .Pro .Icon img {
  width: 72px;
  height: 72px;
  margin-right: 20px;
}
#search .Pro ul {
  width: 670px;
  margin: 0 auto;
}
#search .Pro ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: dashed rgb(167, 203, 204) 1px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
#search .Pro ul li div {
  display: flex;
  align-items: center;
}
#search .Pro ul li div:first-of-type p:first-of-type {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #5e5e5e;
  margin-right: 10px;
}
#search .Pro ul li div:last-of-type {
  color: #385eb1;
  font-size: 12px;
}
#search .Pro ul li div:last-of-type img {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}
#search footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#search footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#search footer .footer_text > div {
  display: flex;
  align-items: center;
}
#search footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#search footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#search footer .footer_text ul {
  display: flex;
}
#search footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#search footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#search footer .footer_text ul > li span {
  margin: 0 20px;
}
#search footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#search footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#search footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#myknowledge {
  background-color: #f5f5f5;
  font: 1em sans-serif;
}
#myknowledge .RightRegular {
  position: fixed;
  right: 100px;
  top: 350px;
}
#myknowledge .RightRegular li {
  margin: 10px 0;
}
#myknowledge .RightRegular li:last-of-type {
  background-color: #ffffff;
  width: 70px;
  height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-radius: 0 0 5px 5px;
}
#myknowledge .RightRegular li:last-of-type img {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
}
#myknowledge .RightRegular li p {
  background-color: #2261d1;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  width: 70px;
  padding: 1px 0 6px;
  border-radius: 0 0 5px 5px;
}
#myknowledge .RightRegular li img {
  width: 70px;
  height: 70px;
  background-color: #ffffff;
}
#myknowledge header {
  background-color: #fff;
}
#myknowledge header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#myknowledge header div img {
  width: 142px;
  height: 31px;
}
#myknowledge header div nav {
  width: 1100px;
  height: 90px;
}
#myknowledge header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#myknowledge header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#myknowledge header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#myknowledge header > div > ul img {
  width: 24px;
  height: 24px;
}
#myknowledge .SearchFor {
  background: url("../img/banner_member.jpg") no-repeat;
  background-size: 100% 100%;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#myknowledge .SearchFor p {
  color: #fff;
  font-size: 32px;
  margin-top: 70px;
  font-weight: bold;
}
#myknowledge .SearchFor .SearchFor_Input {
  position: relative;
  width: 639px;
  margin: 0 auto;
}
#myknowledge .SearchFor .SearchFor_Input input {
  width: 100%;
  height: 47px;
  background-color: rgba(255, 255, 255, 0.0980392157);
  color: #fff;
  border-radius: 40px;
  border: #fff solid 1px;
  padding-left: 30px;
  margin-top: 50px;
}
#myknowledge .SearchFor .SearchFor_Input input::-moz-placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#myknowledge .SearchFor .SearchFor_Input input::placeholder {
  color: rgba(255, 254, 254, 0.5725490196);
}
#myknowledge .SearchFor .SearchFor_Input img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -8px;
  top: 62px;
}
#myknowledge .SearchFor ul {
  width: 580px;
  display: flex;
  margin: 0 auto;
}
#myknowledge .SearchFor ul li {
  margin-right: 20px;
}
#myknowledge .SearchFor ul li:first-of-type p {
  color: #fff;
}
#myknowledge .SearchFor ul li p {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7176470588);
  font-size: 12px;
}
#myknowledge .Pro {
  display: flex;
  width: 1200px;
  margin: 30px auto 0;
  justify-content: space-between;
}
#myknowledge .Pro .Pro_Left {
  width: 23%;
}
#myknowledge .Pro .Pro_Left .information {
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 0 20px;
  position: relative;
  min-height: 779px;
}
#myknowledge .Pro .Pro_Left .information > img {
  width: 96px;
  height: 96px;
  background-color: #000;
  border-radius: 50%;
  margin-top: 40px;
}
#myknowledge .Pro .Pro_Left .information .Name {
  font-size: 22px;
  font-weight: bold;
  margin: 10px 0 20px;
}
#myknowledge .Pro .Pro_Left .information > span {
  font-size: 12px;
  color: #1774c0;
}
#myknowledge .Pro .Pro_Left .information > span:nth-of-type(1) {
  margin-right: 20px;
}
#myknowledge .Pro .Pro_Left .information .PersonalData {
  font-size: 12px;
  margin: 40px 0 30px;
}
#myknowledge .Pro .Pro_Left .information .PersonalData li {
  display: flex;
  margin: 20px 0;
  align-items: center;
}
#myknowledge .Pro .Pro_Left .information .PersonalData li p:first-of-type {
  color: rgba(0, 0, 0, 0.6588235294);
  margin-right: 10px;
}
#myknowledge .Pro .Pro_Left .information .PersonalData li p:nth-child(2) {
  width: 160px;
  text-align: left;
}
#myknowledge .Pro .Pro_Left .information .PersonalData li p:nth-child(3) {
  color: #1774c0;
}
#myknowledge .Pro .Pro_Left .information .Line {
  border-bottom: rgba(0, 0, 0, 0.0901960784) 1px solid;
  position: absolute;
  width: 100%;
  right: 0;
}
#myknowledge .Pro .Pro_Left .information .Title {
  text-align: left;
  font-weight: bold;
  margin: 50px 0 30px;
}
#myknowledge .Pro .Pro_Left .information .History {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6588235294);
}
#myknowledge .Pro .Pro_Left .information .History li {
  display: flex;
  margin: 20px 0;
  align-items: center;
}
#myknowledge .Pro .Pro_Left .information .History li p:first-child {
  width: 4px;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.6588235294);
  border-radius: 50%;
  margin-right: 10px;
}
#myknowledge .Pro .Pro_Right {
  width: calc(72% - 90px);
  padding: 20px 45px;
  margin-bottom: 50px;
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  border-radius: 5px;
}
#myknowledge .Pro .Pro_Right .Function {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: rgba(0, 0, 0, 0.0901960784) 1px solid;
}
#myknowledge .Pro .Pro_Right .Function li {
  width: 31.5%;
  margin: 10px 0;
  background-color: #f5f9fe;
  justify-content: space-around;
  display: flex;
  padding-bottom: 20px;
  align-items: center;
}
#myknowledge .Pro .Pro_Right .Function li div p {
  font-size: 12px;
  margin: 20px 0;
}
#myknowledge .Pro .Pro_Right .Function li div span:nth-of-type(1) {
  font-size: 28px;
  font-weight: bold;
  color: #1566b3;
  margin-right: 10px;
}
#myknowledge .Pro .Pro_Right .Function li img {
  margin-top: 28px;
  height: 65px;
  width: 65px;
}
#myknowledge .Pro .Pro_Right .Title {
  font-size: 18px;
  font-weight: bold;
}
#myknowledge .Pro .Pro_Right .nav {
  display: flex;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
}
#myknowledge .Pro .Pro_Right .nav li {
  color: rgba(0, 0, 0, 0.4666666667);
  margin: 20px 20px 0;
  padding: 20px;
}
#myknowledge .Pro .Pro_Right .nav li:first-of-type {
  border-bottom: 2px solid #0d109b;
  color: #0d109b;
}
#myknowledge .Pro .Pro_Right table {
  width: 100%;
}
#myknowledge .Pro .Pro_Right table tr {
  width: 100%;
  text-align: center;
}
#myknowledge .Pro .Pro_Right table tr:first-of-type {
  background-color: #f7f7f7;
  font-weight: bold;
  color: #0d109b;
}
#myknowledge .Pro .Pro_Right table tr:first-of-type td {
  padding: 10px 0;
}
#myknowledge .Pro .Pro_Right table tr:nth-child(n+2) {
  line-height: 41px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7137254902);
}
#myknowledge .Pro .Pro_Right table tr:nth-child(n+2) td:first-of-type {
  text-align: center;
  display: flex;
  align-items: center;
}
#myknowledge .Pro .Pro_Right table tr:nth-child(n+2) td:first-of-type p {
  text-align: left;
}
#myknowledge .Pro .Pro_Right table tr:nth-child(n+2) td:first-of-type p:first-of-type {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7137254902);
  margin: 0 10px;
}
#myknowledge .Pro .Pro_Right table tr:nth-child(n+2) td:first-of-type .Number {
  text-align: center;
  margin: 0 auto;
}
#myknowledge .Pro .Pro_Right table tr:nth-child(n+2) td:nth-child(3) {
  display: flex;
  justify-content: space-evenly;
}
#myknowledge .Pro .Pro_Right table tr img {
  width: 18px;
  height: 18px;
  margin: 0 8px;
}
#myknowledge footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#myknowledge footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#myknowledge footer .footer_text > div {
  display: flex;
  align-items: center;
}
#myknowledge footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#myknowledge footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#myknowledge footer .footer_text ul {
  display: flex;
}
#myknowledge footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#myknowledge footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#myknowledge footer .footer_text ul > li span {
  margin: 0 20px;
}
#myknowledge footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#myknowledge footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#myknowledge footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}

#joinus {
  background-color: #f5f5f5;
  font: 1em sans-serif;
}
#joinus header {
  background-color: #fff;
}
#joinus header div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#joinus header div img {
  width: 142px;
  height: 31px;
}
#joinus header div nav {
  width: 1100px;
  height: 90px;
}
#joinus header div nav ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
#joinus header div nav ul p {
  font-size: 14px;
  font-weight: 550;
  color: rgba(0, 0, 0, 0.7411764706);
}
#joinus header > div > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 15%;
}
#joinus header > div > ul img {
  width: 24px;
  height: 24px;
}
#joinus .Title {
  height: 112px;
  background: url("../img/banner_contact.png") no-repeat;
  background-size: 100% 100%;
  background-size: 100%;
}
#joinus .Title p {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 112px;
}
#joinus .FlowPath {
  display: flex;
  width: 1200px;
  margin: 30px auto;
  background-color: #fff;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 5px;
}
#joinus .FlowPath img {
  width: 70px;
  height: 70px;
  margin: 40px 20px 40px 100px;
  background-color: #dae6fa;
  border-radius: 50%;
}
#joinus .FlowPath div {
  margin: 20px 0;
}
#joinus .FlowPath div p {
  margin: 10px 0;
  margin-bottom: 10px;
  font-size: 16px;
}
#joinus .Information {
  width: 1000px;
  margin: 30px auto;
  justify-content: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 100px 60px;
}
#joinus .Information .Title_p1 {
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0;
}
#joinus .Information .Title_p2 {
  font-weight: bold;
  margin: 30px 0;
}
#joinus .Information > div {
  padding-bottom: 30px;
  border-bottom: #e4e4e4 1px solid;
}
#joinus .Information > div p {
  line-height: 25px;
}
#joinus footer {
  background: url(../img/bg_footer.jpg) 100%/100% no-repeat;
  color: #afb1cc;
  font-size: 13px;
  padding: 57px 0;
}
#joinus footer > div {
  width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#joinus footer .footer_text > div {
  display: flex;
  align-items: center;
}
#joinus footer .footer_text > div p:first-of-type {
  margin: 15px 20px 15px 0;
}
#joinus footer .footer_text > div p:nth-child(2) {
  margin-right: 20px;
}
#joinus footer .footer_text ul {
  display: flex;
}
#joinus footer .footer_text ul > li {
  display: flex;
  align-items: center;
}
#joinus footer .footer_text ul > li p {
  width: 100%;
  margin: 0 !important;
}
#joinus footer .footer_text ul > li span {
  margin: 0 20px;
}
#joinus footer .footer_img {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
#joinus footer .footer_img img {
  width: 110px;
  height: 110px;
  background-color: #fff;
}
#joinus footer .footer_img p {
  text-align: center;
  margin-top: 20px;
  color: #b3bac5;
}/*# sourceMappingURL=views.css.map */