html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{display:block;width:100%;}
a{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cf {*zoom:1;}
.cf:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.w1200 {position: relative; width:1200px;margin:0 auto; overflow:hidden; }
.bg-gray {background: #f5f5f5;}

.banner {width: 100%;height: 900px;background: url("./img/banner.jpg") no-repeat center;}
.banner .logo {width: 261px;height: 62px;margin:0 auto;padding-top: 70px;background: url("./img/logo.png") no-repeat center bottom;}
.banner .slogan {margin-top: 10px; width: 100%; height: 180px;background: url("./img/slogan.png") no-repeat;}
.banner .sub-tit { font-size: 38px;text-align: center; color: #ffffff;}
.banner .sub-tit p {display: inline-block;}
.banner .sub-img {width: 300px;height: 300px;margin: 32px auto 0;background: url("./img/banner_w.png") no-repeat center;}
.banner .desc-info {font-size: 18px;line-height: 36px;color: #ffffff;text-align: center;}
.banner .form {position: relative; margin: 15px auto 0; width: 640px;height: 45px;background-color: rgba(0,0,0,.2);border-radius: 23px;border: solid 1px #0f49cd;}
.banner .form.form-focus {box-shadow: 0 0 2px rgb(77, 144, 254);} 
.banner .icon-search {position: absolute;left: 140px; top: 50%;margin-top: -12px; width: 24px;height: 24px;background: url("./img/icon_search.png") no-repeat center;vertical-align: middle;border: none; outline: none;}
.banner .icon-search.icon-right {right: 20px;left: auto;} 
.banner .form input {width: 620px;height: 100%;background: transparent;border: none;text-align: center;color: #366afe;border-radius: 23px; outline: none;}
.banner .form input.focus {padding-left: 20px;text-align: left;box-shadow: 0 0 2px #366afe;}

.part01, .part03 {background: #f5f5f5;}

/* .part01 .title01{background: url("./img/part01-w.png") no-repeat;background-size: cover;} */
.part01 .title {background: url("./img/title01.png") no-repeat;}
.part01 .title h3 {color: #000971;}

.part02 {background: url("./img/part02_bg.jpg") repeat-y;}
.part02 .title {background: url("./img/title02.png") no-repeat;}
.part02 .title h3, .part02 .part-desc {color: #ffffff ;}

.part03 .title {background: url("./img/title03.png") no-repeat;}
.part03 .title h3 {color: #000971;}


/* 公共头部 & 列表样式 */
.part {padding:40px 0 20px;}

.title {margin: 0 auto; width: 570px;height: 93px;text-align: center;}
.title h3 {font-size: 42px;line-height: 36px;letter-spacing: 4px;}
.title .sub-title {font-size: 24px;line-height: 60px; color: #ffffff;}
.window{position: absolute; width: 100px; height: 105px; left: 190px;top: 0;}
.part-desc {padding: 0 10%;text-align: center;font-size: 18px;color: #222222;line-height: 40px;}

.list {margin-top: 15px;}
.list-item {position: relative; margin-bottom: 20px; width: 1160px; padding: 20px 20px 30px;background-color: #ffffff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.left {position: absolute;top: 20px;bottom: 20px; margin-right: 20px; width: 450px;}
.left .flex-box{display: flex;flex-direction: column;height: 100%; }
.list-item .right {float: right;}



.left .brand-img {width: 450px;height: 270px;}
.left .brand-img > img {width: 100%;height: 100%;vertical-align: middle;}
.left .btn-wrap {position: relative;flex: 1;}
.left .btn-wrap .btn {position: absolute;top: 50%;margin-top: -20px;  width: 150px;height: 40px;font-size: 16px; line-height: 40px;text-align: center;color: #ffffff; border-radius: 5px;}
.left .btn-wrap .zs.btn{left: 0; box-shadow: 0px 5px 10px 0px  rgba(87, 63, 236, 0.3);background: url("./img/btn_01.jpg") no-repeat;}
.left .btn-wrap .join {position: absolute;width: 68px;height: 72px;top: 50%;margin-top: -32px;left: 50%;margin-left: -34px;background: url("./img/btn_02.gif") no-repeat;}
/* .left .btn-wrap .join{animation: heart 1.3s ease-in-out 2.7s infinite alternate;} */
.left .btn-wrap .consult.btn{right: 0; box-shadow: 0px 5px 10px 0px  rgba(237, 30, 50, 0.3);background: url("./img/btn_03.png") no-repeat;}

.list-item .right {width: 690px;} 
.list-item .right div {padding-bottom: 15px; border-bottom: 1px solid rgba(0, 41, 249, .1);}
.brand-info01 {position: relative;}
.brand-info01 h3{font-size: 24px;font-weight: bold;}
.brand-info01 h3 span {padding-left: 10px; font-size: 20px;font-weight: normal;}
.brand-info01 .money {font-size: 16px;color: #666666;margin-top: 15px;}
.brand-info01 .money span {margin-left:10px; color: #dc140d;font-weight: bold;}
.brand-info01 .icon-money{display: inline-block;margin-right: 8px; width: 17px;height: 19px;background: url("./img/icon_money.png") no-repeat;background-size: 100% 100%; vertical-align: middle;}
.brand-info01 .icon-money span {color: #dc140d;font-weight: bold;}
.sentiment {position: absolute;top: 0; right: 0;padding: 4px 8px;font-weight: 14px; background: rgba(255, 217, 221, .55);border-radius: 5px;}
.sentiment::before {content: '';position: absolute;left: -10px;top: 50%;margin-top: -5px; width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent rgba(255, 217, 221, .55) transparent transparent;}
.sentiment span {color: #dc140d;padding: 0 2px;}

.brand-info02 {padding-top: 10px;font-size: 14px;line-height: 30px;}
.brand-info02 strong {color: #dc140d;vertical-align: top;}
.brand-info02 span {color: #666666;max-width: 620px;display: inline-block;*display: inline;}

.link-list {padding: 10px 0; position: relative; line-height: 40px;border-bottom: 1px solid rgba(0, 41, 249, .1);}
.link-list li {margin-right: 1%; float: left;width: 48%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.link-list li i {display: inline-block;*display: inline; width: 7px;height: 7px;background: url("./img/dot.png") no-repeat;margin-right: 8px;}
.link-list li a {font-size: 15px;color: #5255d3; border-bottom: #5255d3;text-decoration: underline;}

.link-list li.more {padding-left: 10px;margin-right: 0; width: auto; position: absolute;bottom: -7px;right: 0;line-height: 14px; text-decoration:none;background: #ffffff;}
.link-list li.more a {font-size: 14px;color: #ee1f34}

/* part04 */
.part04{background: url("./img/part04_bg.jpg") no-repeat;background-size: 100% 100%;}
.part04-top h3{text-align: center;font-size: 32px;line-height: 56px;color: #ffffff;}
.part04-top .part04-form {margin: 0 auto; position: relative; width: 620px;height: 45px;background-color: #ffffff;border-radius: 23px;}
.part04-top .part04-form .part04-search {width: 560px;text-indent: 20px; height: 45px;line-height: 45px; background-color: #ffffff;border-radius: 22.5px;border: none;outline: none;}
.part04-top .part04-form .icon-bottom-search {position: absolute;right: -1px;width: 60px;height: 45px;border-radius: 0px 23px 23px 0px; 
  background-size: 24px 24px;background:#ec1e31 url("./img/icon_search.png") no-repeat center center;border: none;outline: none;}

.part04-scroll {position: relative; margin-top: 20px; padding: 20px 0 20px 20px; width: 1180px;height: 605px;background-color: #ffffff;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.part04-scroll .bd a {float: left;display: block;width: 380px; height: 278px; margin-right: 10px;margin-bottom: 10px;}
.part04-scroll .bd a img{width: 100%; height: 228px;}
.part04-scroll .bd a p{width: 100%; height: 50px;font-size: 18px; line-height: 50px;text-align: center;color: #333333;background-color: #ebf1f6;}
.part04-scroll .hd {position: absolute; text-align: center; bottom: 20px;left: 50%;margin-left: -17px;}
.part04-scroll .hd li {margin-right: 10px; display: inline-block;*display: inline;width: 12px;height: 12px;background-color: #dcdcdc;border-radius: 50%;}
.part04-scroll .hd li.on {background-image: linear-gradient(90deg, #571ad3 0%, #4445e9 50%, #306fff 100%), linear-gradient(#ee1f34, #ee1f34);}

.part04-bottom {position: relative; margin-top: 40px;color: #ffffff;}
.part04-bottom h3 {font-size: 24px;margin: 20px 0;}
.part04-bottom ul li {float: left;margin-right: 30px;font-size: 18px;line-height: 32px;}

.part04-bottom .disclaimer {margin-top: 20px;}
.part04-bottom .disclaimer-logo {float: left; display: block; margin:12px 20px 0 0; width: 100px;height: 50px;background: url("./img/mz.jpg") no-repeat;box-shadow: 0px 5px 10px 0px rgba(237, 30, 50, 0.3); }
.part04-bottom .disclaimer-txt {float: left;max-width: 770px;line-height: 36px;}
.part04-bottom .disclaimer-txt p{display: inline; }
.part04-bottom .qr-code-wrap {position: absolute;right: 0;top: 0;text-align: center;}
.part04-bottom .qr-code-wrap p {font-size: 16px;line-height: 32px;}



  
@keyframes heart{
  from{margin-top:0px;}
  to{margin-top:-6px;}
}

@keyframes heart{
  from{transform:translate(0,0)}
  to{transform:translate(0,6px)}
}

/* 搜索结果页 */
.search-banner {width: 100%;height:360px;background: url("./img/search_banner.jpg") no-repeat center;}
.search-page {padding: 30px 0;background: #f5f5f5; }
.search-page .search-list {padding: 20px; background-color: #ffffff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.search-page h4 {margin: 20px 0; font-size: 24px;color: #333;position: relative;border-bottom: 1px solid #e2e2e2;}
.search-page h4 i {position: absolute;
  top: 50%;margin-top: -18px;left: 50%;margin-left: -48px;background: #ffffff;padding: 0 20px;}

.search-page dl{width: 48%;margin-right: 2%; float: left;padding: 40px 0;border-bottom: 1px solid #e2e2e2;}
.search-page dl dt {margin-right: 20px;background: #fff;float: left;overflow: hidden;}
.search-page dl dt a {display: block;}
.search-page dl dt img{display: block;width: 190px;height: 68px;border: 1px solid #e2e2e2;}
.search-page dl dd {max-width: 340px; float: left;overflow: hidden;}

.search-page dl dd a.name {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
.search-page dl dd p {
  line-height: 22px;
}
.search-page dl dd p a {
  font-size: 12px;
  color: #008aff;
}

.search-page dl dd p em {
  color: #db214c;
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
}