.small_banner{ padding-top: 20px; padding-bottom: 20px; }
.small_banner .swiper-slide {position: relative;  height: auto;}
.small_banner .swiper-slide:after{content: "广告"; font-size: 12px;color: #fff; background: rgba(0,0,0,.5); position: absolute; right: 0px; height: 18px; border-top-right-radius: 4px; line-height: 18px; bottom: 0px; padding-left: 5px; padding-right: 5px;}
.small_banner .swiper-slide img{ width: 100%; display: block; height: auto;}
.small_banner .swiper-pagination{ display: none; }
.small_banner .swiper-slide h2{ position:absolute; left:10px; bottom:5px; font-size:14px; font-weight:normal; color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.4)}
.two_banner{ padding-top: 20px; padding-bottom: 20px; }
.two_banner .swiper-slide {position: relative;}
.two_banner .swiper-slide:after{content: "广告"; font-size: 12px;color: #fff; background: rgba(0,0,0,.5); position: absolute; right: 0px; height: 18px; border-top-right-radius: 4px; line-height: 18px; bottom: 0px; padding-left: 5px; padding-right: 5px;}
.two_banner .swiper-slide img{ width: 100%; display: block; height: auto}
.two_banner .swiper-slide h2{ position:absolute; left:10px; bottom:5px; font-size:14px; font-weight:normal; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.4)}

.two_banner .swiper-pagination{ display: none; }

.toutiao_box{  margin-bottom: 24px; }
.toutiao_box .left{ width: 100%; float: left; }
.toutiao_box .left .swiper-slide a { position: relative; display: block; }
.toutiao_box .left .swiper-slide a:after{  }
.toutiao_box .left .swiper-slide a img{ display: block; width: 100%; height: 300px;}
.toutiao_box .left .swiper-slide h2 { position: absolute; left: 30px; right: 100px; bottom: 50px; z-index: 3; color: #fff; font-size: 24px; font-weight: bold;}
.toutiao_box .left .swiper-slide p { position: absolute; left: 30px; right: 100px; bottom: 20px; z-index: 3; font-size: 16px; line-height: 1.6em; color: #fff; }
.toutiao_box .left .swiper-pagination{ text-align: right; bottom: 20px!important;right:10px; width: auto!important}
.toutiao_box .left .swiper-pagination-bullet{ opacity: 1; width: 8px; height: 8px; margin:0px 5px!important; opacity: 0.7; border-radius: 10px; border:none; transition-duration: 0.3s; border:#fff solid 2px; }
.toutiao_box .left .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 8px; background: #fff;  opacity:1;border:#fff solid 2px;}
.toutiao_box .left .swiper-button-prev{ top: 45%; background: rgba(0,0,0,0.2); width: 40px; height: 80px; line-height: 80px;  font-size: 32px; color: #fff; text-align: center; left: 0px;  border-radius:  0px 5px  5px 0px; }
.toutiao_box .left .swiper-button-prev i{ height: 80px;line-height: 80px; }
.toutiao_box .left .swiper-button-next{ top: 45%;  background: rgba(0,0,0,0.2); width: 40px; height: 80px; line-height: 80px;  font-size: 32px; color: #fff; text-align: center; right: 0px;  border-radius: 5px 0px 0px 5px; }
.toutiao_box .left .swiper-button-next i{ height: 80px;line-height: 80px; }
.toutiao_box .left .swiper-slide:after{ position: absolute; left:0px; right: 0px; bottom: 0px; z-index: 2; content: ""; height: 120px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);  }

.toutiao_box .toutiao { float: right; width: 424px; height: 440px;}

.toutiao{  background: #fafafa;  }
.toutiao .box{ padding: 20px; }

.title{padding-bottom: 10px; border-bottom: #e8e8e8 solid 1px; }
.title h2{ float: left; font-size: 18px;  font-weight: bold;  color: #333; }
.title h2 em.em1{position: relative; background: #d5171a; color: #fff; font-size: 14px; font-weight: normal; padding: 5px 8px; border-radius: 3px; position: relative; top:-2px;  }
.title h2 em.em2{position: relative;  color: #666; font-style: normal; font-size: 14px;  font-weight: normal; padding: 5px 8px; border-radius: 3px; position: relative; top:-2px; left: 40px}
.title .red{ color: #e00013 }
.title span{  float: right; position: relative; line-height: 24px; font-size: 14px; }
.title span a{ color: #666; font-weight: normal; }
.title span a:hover{ color: #0054cc; }
.title span a i{ background: #e1e9f5; border-radius: 20px; margin-left: 3px; right: 0px; position: relative; top: -1px; font-size: 12px; width: 14px; height: 14px; color: #0054cc; line-height: 14px; text-align: center;}

.toutiao .list{ padding-top: 10px; position: relative; }
.toutiao .list:after{ position: absolute; left: 54px; top: 24px; bottom: 15px; border-left: #cccccc solid 1px; content:"";  }
.toutiao .list ul li{ height: 45px; line-height: 45px; }
.toutiao .list ul li span{ float: left; width: 18%; font-size: 14px; color: #999; position: relative; }
.toutiao .list ul li span:after{ position: absolute; right: 12px; top: 19px;border-radius: 10px; z-index: 45; background: #cccccc; height: 5px; width: 5px; content:""; }
.toutiao .list ul li h2{ float: left; width: 82%; font-size: 16px;font-weight: normal; color: #333; }
.toutiao .list ul li h2 a{ color: #333 }
.toutiao .list ul li:hover h2 a{ color: #d5171a; }
.toutiao .list ul li:hover span{ color: #d5171a; }
.toutiao .list ul li:hover span:after{ background: #d5171a; }

.main{ position: relative; z-index: 3333; padding-bottom: 24px; }
.main .left{width: 872px; float: left; }
.main .left .tab_1 .swiperTab{ height: 50px; line-height: 50px; border-bottom: #ececec solid 1px; margin: 20px 0px;
 overflow: hidden; }
.main .left .tab_1 .swiperTab li{  float: left; margin-right: 20px; font-size: 16px; cursor: pointer; color: #333; }
.main .left .tab_1 .swiperTab li a{  color: #333; }
.main .left .tab_1 .swiperTab .active  a{  color: #E00013; }
.main .left .tab_1 .swiperTab li.active{ position: relative; font-weight: bold; color: #0055cd; }
.main .left .tab_1 .swiperTab li.active:after{ position: absolute; content: ""; left: 0px; bottom: -2px; right: 0px; background: #0055cd; height: 2px; }
.main .left .list li{ transition-duration: 0.3s; padding-left: 200px; position: relative; height: 120px; margin-bottom: 24px;  position: relative; border-bottom: #e8e8e8 solid 1px; padding-bottom: 24px;}
.main .left .list li .img{ width: 180px; height: 120px; overflow: hidden; position: absolute; left: 0px; top: 0px;}
.main .left .list li .img img{ width: 100%; height:100%; object-fit: cover; }
.main .left .list li .info{ }
.main .left .list li .info h2{ font-size: 20px; margin-bottom: 10px; line-height: 1em;}
.main .left .list li .info h2 a{ color: #333 }
.main .left .list li .info p{ font-size: 14px; line-height: 1.6em;color: #999; }
.main .left .list li .info .time{ position: absolute; bottom: 20px; font-size: 14px; color: #999; }
.main .left .list li:hover .info h2 a{ color: #e00013 }
.main .left .list li:hover .info p{color: #666; }
.main .left .more a{ display: block; text-align: center; line-height:44px; height: 44px; background: #e8e8e8; border-radius: 3px; color: #666; font-size: 16px;width: 30%; margin: 0 auto; }

.main .right{ float: right; width: 424px; }
.certification{ background:#d5171a; border-radius: 2px; padding: 2px; margin-bottom: 24px;  }
.certification .title1{ position: relative; font-size: 24px; color: #fff; padding-left: 20px; height: 24px; font-weight: bold; line-height: 0; padding-top: 10px; padding-bottom: 10px; }
.certification .title1 img.xunzhang{ position: absolute; width: 36px; top: 5px; right: 20px; }
.certification .list{ padding: 20px; background: #fff; }
.certification .list li{ height: 40px; line-height: 40px; float: left; width: 50%; }
.certification .list li span{ float: left; width: 10%; text-align: right; padding-right: 5%; font-weight: bold; color: #d5171a;font-family: 'HarmonyOS Sans Bold';}
.certification .list li strong{ float: left; width: 85%; font-weight:normal; }
.certification .list li strong a{ color: #333; }

.review {background: #fafafa; }
.review .box{ padding: 20px;padding-bottom: 0px; }
.review .list{ padding-top: 20px; position: relative; }
.review .list ul li{ float: left; width: calc(50% - 10px); margin-right: 20px; }
.review .list ul li .img{ height: 130px; overflow: hidden; }
.review .list ul li .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.review .list ul li:nth-child(2n){ margin-right: 0px; }
.review .list ul li h3{ height: 38px; padding-top: 10px; padding-bottom: 20px; font-weight: normal; font-size: 14px; line-height: 1.6em; }
.review .list ul li h3 a{ color: #333;}
.review .list ul li:hover h3 a{ color: #e00013;}
.side .review{ margin-bottom: 24px; }

.jiebao {background: #1d3c7e;border-radius: 2px; padding: 2px; }
.jiebao .box{padding-bottom: 0px; background: #fff; }
.jiebao .list{ padding-top: 20px; position: relative; padding:15px 20px;}
.jiebao .list ul li{padding-left: 14px; color: #dadada; height: 36px; line-height: 36px; position: relative; }
.jiebao .list ul li a{ color: #333; font-size: 16px; font-weight: normal; }
.jiebao .list ul li a:hover{ color: #d5171a;}
.jiebao .list ul li:after{  width: 4px; height: 4px; color: #f9f99f; position: absolute; left: 0px;   content: ""; top: 17px; width: 4px; height: 4px; background: #ccc; position: absolute;}
.jiebao .title1{ background: #1d3c7e; position: relative; font-size: 24px; color: #fff; padding-left: 20px; height: 24px; font-weight: bold; line-height: 0; padding-top: 10px; padding-bottom: 10px; }
.jiebao .title1 img.xunzhang{ position: absolute; width: 36px; top: 5px; right: 20px; }



.main_a{box-shadow: 0px -5px 5px rgba(0,0,0,0.05); padding-bottom: 24px; }
.main_a .left{ width: 424px; float: left; margin-right: 24px; }
.main_a .center{ width: 424px; float: left; margin-right: 24px; }
.main_a .right{ width: 424px; float: left;}

.main_a .photolist{ padding-top: 20px; margin-bottom: 10px; }
.main_a .photolist li{ transition-duration: 0.3s; padding-left: 200px; position: relative; height: 120px;  position: relative;}
.main_a .photolist li .img{ width: 180px; height: 120px; overflow: hidden; position: absolute; left: 0px; top: 0px;}
.main_a .photolist li .img img{ width: 100%; height:100%; object-fit: cover; }
.main_a .photolist li .info{ }
.main_a .photolist li .info h2{ font-size: 18px; margin-bottom: 10px; line-height: 1.2em;}
.main_a .photolist li .info h2 a{ color: #333 }
.main_a .photolist li .info p{ font-size: 14px; line-height: 1.6em;color: #999; }
.main_a .photolist li .info .time{ position: absolute; bottom: 20px; font-size: 14px; color: #999; }
.main_a .photolist li:hover .info h2 a{ color: #e00013 }
.main_a .photolist li:hover .info p{color: #666; }
.main_a .list ul li{padding-left: 14px; color: #dadada; height: 36px; line-height: 36px; position: relative; }
.main_a .list ul li a{ color: #333; font-size: 16px; font-weight: normal; }
.main_a .list ul li a:hover{ color: #d5171a;}
.main_a .list ul li:after{  width: 4px; height: 4px; color: #f9f99f; position: absolute; left: 0px;   content: ""; top: 17px; width: 4px; height: 4px; background: #ccc; position: absolute;}
.main_a .said_box{ padding-top:10px; }

.main_b{}
.main_b .pagewidth{ overflow: hidden; }

.pro_recommended{ padding-top: 20px; }
.pro_recommended .swiperTab{ padding-left: 150px; float: left; padding-top: 3px; }
.pro_recommended .swiperTab li{  float: left; margin-right: 40px; font-size: 16px; cursor: pointer; color: #999999; }
.pro_recommended .swiperTab li.active{ position: relative; font-weight: bold; color: #e00013; }
.pro_recommended .swiperTab li.active:after{ position: absolute; content: ""; left: 0px; bottom: -11px; right: 0px; background: #e00013; height: 2px; }
.pro_recommended .swiper-container .swiper-slide{  }
.pro_recommended .swiper-container .swiper-slide ul{ width: 110%; padding-top: 20px; }
.pro_recommended .swiper-container .swiper-slide ul li{ float: left; width: 200px; margin-right: 24px; }
.pro_recommended .swiper-container .swiper-slide ul li .img { width:198px; height: 198px;  }
.pro_recommended .swiper-container .swiper-slide ul li .img img{ height: 100%; width: 100%;  }
.pro_recommended .swiper-container .swiper-slide ul li h3 { font-size: 14px; padding-top: 10px; font-weight: normal; padding-bottom: 20px; }
.pro_recommended .swiper-container .swiper-slide ul li h3 a{ color: #333;    height: 22px;
 overflow: hidden;
 display: inline-block; }

.bland_recommended{ padding-top: 20px;}
.bland_recommended ul{ width: 110%; padding-top: 20px; }
.bland_recommended ul li{ float: left; width: 200px; margin-right: 24px; margin-bottom: 20px; }
.bland_recommended ul li .img { width:198px; height: 78px; border:#e8e8e8 solid 1px;  }
.bland_recommended ul li .img img{ height: 100%; width: 100%; object-fit: cover; }
.bland_recommended ul li h3 { font-size: 14px; padding-top: 10px; font-weight: normal; padding-bottom: 20px; }
.bland_recommended ul li h3 a{ color: #333; }


.index_join{ padding-top: 20px; padding-bottom: 20px;}
.index_join .content{ padding-top: 20px; }
.index_join .content .left{ float: left; width:984px; margin-right: 24px;   }
.index_join .content .left a{ display:block; }
.index_join .content .left .table_header{ background: #f9f9f9;  }
.index_join .content .left .table_header ul li{ float:left;height: 40px; line-height: 40px; border-bottom: #ececec solid 1px; color: #666; font-size: 14px; }
.index_join .content .left ul li.li1{  width: 90px; text-indent: 10px;}
.index_join .content .left ul li.li2{  width: 170px; }
.index_join .content .left ul li.li3{  width: 500px; }
.index_join .content .left ul li.li4{  width: 124px; }
.index_join .content .left ul li.li5{  width: 100px; }
.index_join .content .left .table_content a { display: block; }
.index_join .content .left .table_content a ul li{ float:left; line-height:50px;height: 50px; font-size: 16px; color: #333; }
.index_join .content .left .table_content a:hover ul li{ color: #0055cc; background: #edf6fa }

.index_join .content .right{ float: left; width:272px; background: #1c3775; padding: 20px; color: #fff; }
.index_join .content .right h2{ font-weight: bold;font-size: 20px; line-height: 1em; }
.index_join .content .right ul{ padding-top: 20px; }
.index_join .content .right ul li{padding-left: 14px; color: #dadada; height: 36px; line-height: 36px; position: relative; }
.index_join .content .right ul li a{ color: #fff; font-size: 16px; font-weight: normal; }
.index_join .content .right ul li a:hover{ color: #fff;}
.index_join .content .right ul li:after{  width: 4px; height: 4px; color: #f9f99f; position: absolute; left: 0px;   content: ""; top: 17px; width: 4px; height: 4px; background: #ccc; position: absolute;}


.index_link{ padding-top: 20px; margin-bottom: 40px; }
.index_link ul{  padding-top: 20px; }
.index_link ul li{ float: left; width: 16.66%;  height:20px;margin-bottom: 15px; }
.index_link ul li h3 { font-size: 16px; font-weight: normal; }
.index_link ul li h3 a{ color: #333; }


.crumbs{ font-size: 14px; color: #666;padding-bottom: 20px; box-shadow: 0px -5px 5px rgba(0,0,0,0.05); padding-top: 20px;}
.crumbs span{ padding-left: 10px;  padding-right: 10px;  }
.crumbs a{ color: #666;  }
.crumbs a:hover{ color: #e00013;  }

.detail_main .content{ float: left; width: 872px; margin-right: 24px;  }
.detail_main .side{ float: left; width: 424px;  }

.side .toutiao{ margin-bottom: 24px; }

.detail_main{ padding-bottom: 60px; }
.detail_main .list_title{ font-size: 24px;padding-left: 15px; line-height: 1em; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; color: #e00013; position: relative; border-bottom: #e8e8e8 solid 2px; }
.detail_main .list_title:after{ position: absolute; content: ""; left: 0px; top: 3px; width: 3px; height: 20px; background: #e00013 }
.detail_main .list_a{}
.detail_main .list_a li{ transition-duration: 0.3s; padding-left: 200px; position: relative; height: 120px; margin-bottom: 24px;  position: relative; border-bottom: #e8e8e8 solid 1px; padding-bottom: 24px;}
.detail_main .list_a li .img{ width: 180px; height: 120px; overflow: hidden; position: absolute; left: 0px; top: 0px; background: url(../images/noimg.png) no-repeat; background-size: cover;}
.detail_main .list_a li .img img{ width: 100%; height:100%; object-fit: cover; }
.detail_main .list_a li .info{ }
.detail_main .list_a li .info h2{ font-size: 20px; margin-bottom: 10px; line-height: 1em;}
.detail_main .list_a li .info h2 a{ color: #333 }
.detail_main .list_a li .info p{ font-size: 14px; line-height: 1.6em;color: #999; }
.detail_main .list_a li .info .time{ position: absolute; bottom: 20px; font-size: 14px; color: #999; }
.detail_main .list_a li:hover .info h2 a{ color: #e00013 }
.detail_main .list_a li:hover .info p{color: #666; }


.detail_main .list_b li{ transition-duration: 0.3s; height: 44px; padding-left: 16px; line-height: 44px;  position: relative; }
.detail_main .list_b li span{  font-size: 14px; color: #999; float: right; }
.detail_main .list_b li:before{  left: 0px; content: ""; top: 21px; width: 4px; display: block; height: 4px; background: #cccccc; z-index: 3; position: absolute;}
.detail_main .list_b li a{ color: #333;font-size: 18px;  font-weight: normal; }
.detail_main .list_b li a:hover{ color: #e00013;}
.detail_main .list_b .line{ width: 100%; display: block; border-bottom:#e8e8e8 solid 1px; margin-top: 14px; margin-bottom: 14px; }

.detail_main .list_c{ overflow: hidden; }
.detail_main .list_c ul{ width: 110%; }
.detail_main .list_c ul li{ transition-duration: 0.3s; width: 275px; float:left; position: relative;  margin-bottom: 24px; margin-right: 24px;  position: relative; }
.detail_main .list_c li .img{ width: 100%; height: 210px; overflow: hidden;}
.detail_main .list_c li .img img{ width: 100%; height:100%; object-fit: cover; }
.detail_main .list_c li .info{ }
.detail_main .list_c li .info h2{ font-size: 14px;line-height: 1.6em;  padding-top: 10px; font-weight: normal;}
.detail_main .list_c li .info h2 a{ color: #333 }
.detail_main .list_c li:hover .info h2 a{ color: #e00013 }
.detail_main .list_c li:hover .info p{color: #666; }

 .list_cc{ overflow: hidden; }
 .list_cc ul{ width: 110%; }
 .list_cc ul li{ transition-duration: 0.3s; width: 198px; height:110px; float:left;  margin-bottom: 34px; margin-right: 26px;  position: relative; }
 .list_cc li .img{border: #e8e8e8 solid 1px;  height: 90px;  overflow: hidden;}
 .list_cc li .img img{ width: 100%; height:100%; object-fit: contain; }
 .list_cc li .info{ }
 .list_cc li .info h2{ text-align:center; font-size: 14px;line-height: 1.6em;  padding-top: 10px; font-weight: normal;}
 .list_cc li .info h2 a{ color: #333 }
 .list_cc li:hover .info h2 a{ color: #e00013 }
 .list_cc li:hover .info p{color: #666; }





.detail_main .list_d{ overflow: hidden; }
.detail_main .list_d ul{ width: 110%; }
.detail_main .list_d ul li{ transition-duration: 0.3s; width: 275px; float:left; position: relative;  margin-bottom: 24px; margin-right: 24px;  position: relative; }
.detail_main .list_d li .img{ width: 100%; height: 275px; overflow: hidden;}
.detail_main .list_d li .img img{ width: 100%; height:100%; object-fit: cover; }
.detail_main .list_d li .info{ }
.detail_main .list_d li .info h2{ height:58px; font-size: 14px;line-height: 1.6em;  padding-top: 10px; font-weight: normal;}
.detail_main .list_d li .info h2 a{ color: #333 }
.detail_main .list_d li:hover .info h2 a{ color: #e00013 }
.detail_main .list_d li:hover .info p{color: #666; }


.detail_main .article .article_title h1{ font-size: 36px; color: #222; line-height: 1.2em; margin-bottom: 15px; }
.detail_main .article .article_title p{ font-size: 14px; color: #999; }
.detail_main .article .article_title p span{  margin-right: 30px;}
.detail_main .article .article_title p span a{ color: #666;}
.detail_main .article .article_title{ border-bottom: #e5e5e5 solid 1px; padding-bottom: 15px; margin-bottom: 20px; }

.detail_main .article .article_html{ font-size: 18px; line-height: 2em; color: #333; margin-bottom: 30px; }
.detail_main .article .article_html p{  }
.detail_main .article .article_html img{width:calc(70% - 4em); display: block; margin: 10px auto;}

.detail_main .article .article_five { padding-top: 40px; }
.detail_main .article .article_five li{ transition-duration: 0.3s; height: 44px; padding-left: 16px; line-height: 44px;  position: relative; }
.detail_main .article .article_five li span{  font-size: 14px; color: #999; float: right; }
.detail_main .article .article_five li:before{  left: 0px; content: ""; top: 21px; width: 4px; display: block; height: 4px; background: #cccccc; z-index: 3; position: absolute;}
.detail_main .article .article_five li a{ color: #333;font-size: 18px;  font-weight: normal; }
.detail_main .article .article_five li a:hover{ color: #e00013;}
.detail_main .article .article_statement .left{  width: 608px; padding: 20px; float: left; margin-right: 24px; background: #f9f9f9; border-radius: 6px; }
.detail_main .article .article_statement .right{  width: 160px;padding: 20px; float: left; background: #f9f9f9; border-radius: 6px; }
.detail_main .article .article_statement h4{ position: relative; height: 30px; }
.detail_main .article .article_statement h4:after{ position: absolute; left: 0px; right: 0px; top: 11px; border-bottom: #e0e0e0 solid 1px; content: ""; }
.detail_main .article .article_statement h4 span{ font-size:16px; font-weight: bold; color: #666666; position: absolute; left: 20px; z-index: 33; padding-left: 10px; padding-right: 10px; background: #f9f9f9  }
.detail_main .article .article_statement .left p {font-size: 14px; color: #666666; line-height: 1.8em; text-indent: 2em;  }
.detail_main .article .article_statement .right canvas{ display: block; width: 94%; margin: 0 auto; }


.brand_top10{box-shadow: 0px -5px 5px rgba(0,0,0,0.05); padding-top: 24px; padding-bottom: 24px;}
.brand_top10 .top10_title{ position: relative; height: 242px; }
.brand_top10 .top10_title img{ position: absolute; left: 50%; width: 790px; margin-left:-395px; top: 0px;} 
.brand_top10 .top10_title h2{  text-align: center; font-size: 55px; font-weight: bold; padding-top: 85px; line-height: 1em; }
.brand_top10 .top10_title h2 span{ color: #e00013 }
.brand_top10 .top10_content .left{ width: 310px; float: left; background: url(../images/jiameng1.jpg) no-repeat; background-size: cover; height: 354px;}
.brand_top10 .top10_content .left h2{ padding-left: 30px; color: #fff; font-weight: bold; line-height: 1.2em; font-size: 36px; padding-top: 90px;}
.brand_top10 .top10_content .left p{padding-top: 10px; padding-left: 30px; font-size: 16px; color: rgba(255,255,255,0.8);}
.brand_top10 .top10_content .right{ width: 	1004px; overflow: hidden; float: left; border: #c2001a solid 6px; border-left:none; }
.brand_top10 .top10_content .right ul{ width: 110%; }
.brand_top10 .top10_content .right ul li{ margin-right: 0px; border-right: #ececec solid 1px;float: left; width: 200px; height: 170px;border-bottom: #ececec solid 1px;  }
.brand_top10 .top10_content .right ul li:hover{ background: #f5f5f5; }
.brand_top10 .top10_content .right ul li .img{ padding-top: 10px; }
.brand_top10 .top10_content .right ul li .img img{ width: 180px; display: block; margin: 0 auto; }
.brand_top10 .top10_content .right ul li .name { text-align: center; font-size: 14px; color: #333; padding-top: 10px; padding-bottom: 10px;  }
.brand_top10 .top10_content .right ul li .button{ text-align: center; }
.brand_top10 .top10_content .right ul li .button a.join{ margin-right:5px;  display:inline-block; background: #999999; color: #fff; border-radius: 4px; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.brand_top10 .top10_content .right ul li .button a.detail{ margin-left:5px; display:inline-block; background: #fff; border-radius: 4px;color: #666; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.brand_top10 .top10_content .right ul li .button a.join:hover{ background: #e00013; color: #fff; border:#e00013 solid 1px;}
.brand_top10 .top10_content .right ul li .button a.detail:hover{background: #f9f9f9; color: #333;}



.brand_show{ padding-top: 20px; }
.brand_show .content{ overflow: hidden; padding-top: 24px; }
.brand_show .content ul{ width: 110%; }
.brand_show .content ul li{ margin-right: 24px; border: #ececec solid 1px;float: left; width: 198px; margin-bottom: 24px; background: #fff }
.brand_show .content ul li .img{ padding-top: 10px; }
.brand_show .content ul li .img img{ width: 180px; display: block; margin: 0 auto; }
.brand_show .content ul li .name { text-align: center; font-size: 14px; color: #333;  padding-top: 10px; padding-bottom: 10px; }
.brand_show .content ul li .button{ background: #f9f9f9; text-align: center; padding-top: 15px; padding-bottom: 15px;}
.brand_show .content ul li .button a.join{ margin-right:5px;  display:inline-block; background: #999999; color: #fff; border-radius: 4px; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.brand_show .content ul li .button a.detail{ margin-left:5px; display:inline-block; background: #fff; border-radius: 4px;color: #666; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.brand_show .content ul li .button a.join:hover{ background: #e00013; color: #fff; border:#e00013 solid 1px;}
.brand_show .content ul li .button a.detail:hover{background: #f9f9f9; color: #333;}


.brand_ranking{ padding-bottom: 40px; }
.brand_ranking .mr24{ margin-right: 24px; }
.brand_ranking .brand_box{ width: 424px; float: left; padding-top: 20px;}
.brand_ranking .brand_box ul { padding-top: 6px; margin-bottom: 24px; }
.brand_ranking .brand_box ul li{ height: 40px; line-height: 40px; display:block; border-bottom: #ececec solid 1px; }
.brand_ranking .brand_box ul li:hover{ background: #f5f5f5 }
.brand_ranking .brand_box ul li em{ font-size:16px; font-weight: bold; color: #e00013; float: left; width: 34px; padding-left: 15px; }
.brand_ranking .brand_box ul li strong{ font-size:16px; font-weight: bold; color: #333; float: left; width: 175px; }
.brand_ranking .brand_box ul li span{ font-size:14px; font-weight: bold; color: #999; float: left; width: 200px; font-weight: normal; display:none; }
.brand_ranking .brand_box ul li strong a{ color: #333 }
.brand_ranking .brand_box ul li span a{ color: #999 }


.brand_condition{  background: #fafafa;  }
.brand_condition .box{ padding: 20px; }
.brand_condition .list{ padding-top: 20px;  line-height: 36px; font-size: 16px; }

.detail_main .brand .brand_title{ font-size: 24px;padding-left: 15px; line-height: 1em; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; color: #e00013; position: relative; border-bottom: #e8e8e8 solid 2px; }
.detail_main .brand .brand_title:after{ position: absolute; content: ""; left: 0px; top: 3px; width: 3px; height: 20px; background: #e00013 }tle{ border-bottom: #e5e5e5 solid 1px; padding-bottom: 15px; margin-bottom: 20px; }

.detail_main .brand .brand_html{ font-size: 18px; line-height: 2em; color: #333; margin-bottom: 50px; }
.detail_main .brand .brand_html p{  }
.detail_main .brand .brand_yaoqiu{ font-size: 18px; line-height: 2em; color: #333; margin-bottom: 50px; }
.detail_main .brand .brand_imglist { overflow: hidden; }
.detail_main .brand .brand_imglist ul{ width: 110% }
.detail_main .brand .brand_imglist ul li{ float: left; width: 200px; margin-right: 24px; margin-bottom: 24px; }
.detail_main .brand .brand_imglist ul li img{  width: 100%; display: block;}

.detail_main .side{position: -webkit-sticky; position: sticky;top:20px;}


.detail_main .brand_condition .button{ padding-top: 20px; }
.detail_main .brand_condition a.join{ margin-right:15px;  display:inline-block; background: #e00013; border:#e00013 solid 1px; color: #fff; border-radius: 4px; font-size: 16px; padding: 10px 45px; }
.detail_main .brand_condition a.join:hover{ background: #e00013; color: #fff; }

.detail_main .brand_condition a.web{ display:inline-block; background: #fff; border-radius: 4px;color: #666; font-size: 16px;  padding: 10px 45px; border:#ececec solid 1px;}
.detail_main .brand_condition a.web:hover{background: #f9f9f9; color: #333;}

.join_content{ background: #e00013; padding-top: 24px; padding-bottom: 24px;}
.join_content{ padding-top: 24px; }
.join_content .swiper-slide img{ width: 100%; display: block; }
.join_content .swiper-container{ padding-bottom: 50px; }
.join_content .swiper-pagination{    bottom: 20px!important;right:10px; width: auto!important}
.join_content .swiper-pagination-bullet{ opacity: 1; width: 8px; height: 8px; background:none; margin:0px 5px!important; opacity: 0.7; border-radius: 10px; border:none; transition-duration: 0.3s; border:#fff solid 2px; }
.join_content .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 8px; background: #fff;  opacity:1;border:#fff solid 2px;}
.join_content .swiper-pagination{}
.join_content{ padding-top: 44px; }

.join_brand_show { padding-top: 20px; }
.join_brand_show  .content{ overflow: hidden; padding-top: 24px; }
.join_brand_show  .content ul{ width: 110%; }
.join_brand_show  .content ul li{ margin-right: 24px; border: #ececec solid 1px;float: left; width: 198px; margin-bottom: 24px; background: #fff }
.join_brand_show  .content ul li .img{ padding-top: 10px; }
.join_brand_show  .content ul li .img img{ width: 180px; display: block; margin: 0 auto; }
.join_brand_show  .content ul li .name { text-align: center; font-size: 14px; color: #333;  padding-top: 10px; padding-bottom: 10px; }
.join_brand_show  .content ul li .button{ background: #f9f9f9; text-align: center; padding-top: 15px; padding-bottom: 15px;}
.join_brand_show  .content ul li .button a.join{ margin-right:5px;  display:inline-block; background: #999999; color: #fff; border-radius: 4px; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.join_brand_show  .content ul li .button a.detail{ margin-left:5px; display:inline-block; background: #fff; border-radius: 4px;color: #666; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.join_brand_show  .content ul li .button a.join:hover{ background: #e00013; color: #fff; border:#e00013 solid 1px;}
.join_brand_show  .content ul li .button a.detail:hover{background: #f9f9f9; color: #333;}

.join_brand_join { padding-top: 20px; margin-bottom: 50px; }
.join_brand_join {  }
.join_brand_join a{ display:block; }
.join_brand_join .content .table_header{ background: #f9f9f9;  }
.join_brand_join .content .table_header ul li{ float:left;height: 40px; line-height: 40px; border-bottom: #ececec solid 1px; color: #666; font-size: 14px; }
.join_brand_join .content .table_content ul li{ height: 30px; line-height: 30px; float: left; }
.join_brand_join .content .table_content ul li{ display: block; padding-top: 25px; padding-bottom: 25px; }
.join_brand_join  ul li.li1{  width: 10%; text-indent: 20px;}
.join_brand_join  ul li.li2{  width: 15%; }
.join_brand_join  ul li.li3{  width: 40%; }
.join_brand_join  ul li.li4{  width: 10%; }
.join_brand_join  ul li.li5{  width: 5%; }
.join_brand_join  ul li.li6{  width: 20%; }
.join_brand_join .content{ border-top: #e8e8e8 solid 1px }
.join_brand_join .content .table_content ul li.li6 a{ line-height: 1.5em; }
.join_brand_join .content .table_content ul li.li6 a.join{ margin-right:5px;  display:inline-block; background: #999999; color: #fff; border-radius: 4px; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.join_brand_join .content .table_content ul li.li6 a.join:hover{ background: #e00013; color: #fff; border:#e00013 solid 1px;}
.join_brand_join .content .table_content ul li.li6 a.detail:hover{background: #f9f9f9; color: #333;}
.join_brand_join .content .table_content ul li.li6 a.detail{ margin-left:5px; display:inline-block; background: #fff; border-radius: 4px;color: #666; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.join_brand_join .content .table_content ul:nth-child(2n){ background: #f7f7f7; }



.bgf3f4f9{ background: #f3f4f9 }
.page_content{ padding-bottom: 50px; }
.page_content .page_menu{ float: left; width: 200px; margin-right: 24px; border-radius: 4px;  background: #fff; padding-top: 20px; padding-bottom: 20px; }
.page_content .page_menu ul li a{ display: block; height: 50px; line-height: 50px; font-size: 16px; color: #333; text-align: center;}
.page_content .page_menu ul li a.active{ display: block; height: 50px; line-height: 50px; background:#233c77; color: #fff; font-size: 16px; }



.page_content .page_html{ float: left; width: 1016px;border-radius: 4px;  background: #fff; padding:30px 40px;}
.page_content .page_html h4{ font-size: 24px; color: #222; border-bottom: #ececec solid 1px; padding-bottom: 15px; margin-bottom: 15px; } 
.page_content .page_html .html{ font-size: 16px; line-height: 2em; color: #333;  }






/*表单*/

.hide{ display: none; }
.layui-layer{ border-radius:0!important; background: none!important; box-shadow: none!important; overflow: auto!important;}
.layui-layer .layui-layer-setwin .layui-layer-close2{ right: 10px; top: 10px; opacity: 0.5; background: url(../images/close_white.svg) no-repeat!important; background: 16px 16px; width: 16px; height: 16px;}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover{ opacity: 1; }
.formbox .layui-btn{ background: #d5171a; color: #fff; height: 44px; line-height: 44px; font-weight: bold; }
.formbox .layui-btn:hover{color: #fff;}
.formbox { padding: 40px 36px; padding-bottom: 30px; }
.formbox  h3{ text-align: center; font-size: 16px; padding-top: 55px; font-weight: normal; color: #333; text-align: left; font-weight: bold; margin-bottom: 20px; }
.formbox .info{ text-align: center; font-size: 16px; color: #333; font-weight: bold; }
.formbox{background:#fff; border-radius: 3px; }
.layui-layer-hui .layui-layer-content{ background:rgba(0,0,0,0.7)!important; border-radius: 3px!important; }
.layui-layer-dialog .layui-layer-padding{ background:#fff!important; }


.invest{ background: url(../images/tanbg3.png) no-repeat center top #fff; background-size: cover; }
.certifi{ background: url(../images/tanbtanbg2.png) no-repeat center top #fff; background-size: cover; }
.join{ background: url(../images/tanbg2.png) no-repeat center top #fff; background-size: cover; }


.find_nav{
 display: none;
}
.adv img{
  width: 24%;
}























/*大屏幕*/
@media screen and (max-width: 1920px) {}
/*中屏幕*/
@media screen and (max-width: 1440px) {}
/*平板*/
@media screen and (max-width: 768px) {

 .adv img{
  width:49%;
  margin-bottom: 10px;
 }

 .find_nav {
  width: 100%;
  height: 45px;
  z-index: 99;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  border-bottom: #ececec solid 1px;
  margin-bottom: 10px;
 }
 .find_nav_left {
  height: 46px;
  position: relative;
  overflow: hidden;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
 }
 .find_nav_list {
  position: absolute;
  left: 0;
 }
 .find_nav_list ul {
  position: relative;
  white-space: nowrap;
  font-size: 0;
 }
 .find_nav_list ul li {
  display: inline-block;
  padding: 0 13px;
 }
 .find_nav_list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 46px;
  font-size: 15px;
  text-align: center;
  color: #333;
 }
 .find_nav_cur a {
  color: #0055cd !important;
  font-weight: bold;
 }

.tab_1 .swiperTab{
 display: none;
}

.m40{
  margin-top: 0px !important;
 }
 .message{
  display: block !important;
  margin-top: 0px !important;
 }
 .article .title .message .share-container{
  width: 100%;
 }
 .article .title .message .share-container .reading{
  margin-right: 0px;
 }

.small_banner{ padding-top: 10px; padding-bottom: 10px; }
.small_banner .swiper-slide {position: relative;}
.small_banner .swiper-slide:after{content: "广告"; font-size: 12px;color: #fff; background: rgba(0,0,0,.5); position: absolute; left: 0px; height: 18px; border-top-right-radius: 4px; line-height: 18px; bottom: 0px; padding-left: 5px; padding-right: 5px; display:none}
.small_banner .swiper-slide img{ width: 100%; display: block; height: auto}
.small_banner .swiper-pagination{ display: none; }
 .bannerwidth{
  height: auto;
 }
 .toutiao_box .left .swiper-slide a img{
  height: 150px !important;
 }
.two_banner{ padding-top: 10px; padding-bottom: 10px; }
.two_banner .swiper-slide {position: relative;}
.two_banner .swiper-slide:after{content: "广告"; font-size: 12px;color: #fff; background: rgba(0,0,0,.5); position: absolute; left: 0px; height: 18px; border-top-right-radius: 4px; line-height: 18px; bottom: 0px; padding-left: 5px; padding-right: 5px; display:none}
.two_banner .swiper-slide img{ width: 100%; display: block;}
.two_banner .swiper-pagination{ display: none; }

.toutiao_box{  margin-bottom: 10px; }
.toutiao_box .left{ width: auto; float: none; }
.toutiao_box .left .swiper-slide a { position: relative; display: block; }
.toutiao_box .left .swiper-slide a:after{  }

.toutiao_box .left .swiper-slide a img{ display: block; width: 100%;height: auto }
.toutiao_box .left .swiper-slide h2 { position: absolute; left: 20px; right: 20px; bottom: 30px; z-index: 3; color: #fff; font-size: 14px; font-weight: bold;}
.toutiao_box .left .swiper-slide p { display: none;}
.toutiao_box .left .swiper-pagination{ text-align: center; bottom: 10px!important;right:10px; width: auto!important}
.toutiao_box .left .swiper-pagination-bullet{ opacity: 1;  background: #fff;width: 4px; height: 4px; margin:0px 3px!important; opacity: 0.7; border-radius: 10px; border:none; transition-duration: 0.3s; border:#fff solid 1px; }
.toutiao_box .left .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 12px; background: #fff;  opacity:1;border:#fff solid 1px;}
.toutiao_box .left .swiper-button-prev{ top: 45%; background: rgba(0,0,0,0.2); width: 40px; height: 80px; line-height: 80px;  font-size: 32px; color: #fff; text-align: center; left: 0px;  border-radius:  0px 5px  5px 0px; }
.toutiao_box .left .swiper-button-prev i{ height: 80px;line-height: 80px; }
.toutiao_box .left .swiper-button-next{ top: 45%;  background: rgba(0,0,0,0.2); width: 40px; height: 80px; line-height: 80px;  font-size: 32px; color: #fff; text-align: center; right: 0px;  border-radius: 5px 0px 0px 5px; }
.toutiao_box .left .swiper-button-next i{ height: 80px;line-height: 80px; }
.toutiao_box .left .swiper-slide:after{ position: absolute; left:0px; right: 0px; bottom: 0px; z-index: 2; content: ""; height: 120px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);  }

.toutiao_box .toutiao { float: none; width: auto; height: auto;}

.toutiao{  background: #fff; padding-top: 20px; }
.toutiao .box{ padding: 0px; }

.title{padding-bottom: 5px; border-bottom: #e8e8e8 solid 1px; }
.title h2{ float: left; font-size: 18px; height: 24px; font-weight: bold; line-height: 0; color: #333; }
.title h2 em.em1{position: relative; background: #d5171a; color: #fff; font-size: 12px; font-weight: normal; padding: 5px 8px; border-radius: 3px; position: relative; top:2px;  }
.title h2 em.em2{position: relative;  color: #666; font-style: normal; font-size: 12px;  font-weight: normal; padding: 5px 8px; border-radius: 3px; position: relative; top:2px; left: 40px}
.title .red{ color: #e00013 }
.title span{  float: right; position: relative; line-height: 24px; font-size: 14px; }
.title span a{ color: #666; font-weight: normal; }
.title span a:hover{ color: #0054cc; }
.title span a i{ background: #e1e9f5; border-radius: 20px; margin-left: 3px; right: 0px; position: relative; top: -1px; font-size: 12px; width: 14px; height: 14px; color: #0054cc; line-height: 14px; text-align: center;}

.title h2 img{ height: 18px!important; position: relative; top: 2px; }

.toutiao .list{ padding-top: 10px; position: relative; }
.toutiao .list:after{ display: none; }
.toutiao .list ul li{ height: auto; line-height:2em; }
.toutiao .list ul li span{  display: none; }
.toutiao .list ul li span:after{ display: none; }
.toutiao .list ul li h2{ float: none; width: auto; font-size: 16px;font-weight: normal; color: #333; }
.toutiao .list ul li h2 a{ color: #333 }
.toutiao .list ul li:hover h2 a{ color: #d5171a; }
.toutiao .list ul li:hover span{ color: #d5171a; }
.toutiao .list ul li:hover span:after{ background: #d5171a; }

.main{ position: relative; z-index: 3333; padding-bottom: 20px; }
.main .left{width: auto; float: none; padding-bottom: 20px; }
.main .left .tab_1 .swiperTab{ height: 40px; line-height: 40px; border-bottom: #ececec solid 1px; margin-bottom: 20px; }
.main .left .tab_1 .swiperTab li{  float: left; margin-right: 20px; font-size: 15px; cursor: pointer; color: #333; }
.main .left .tab_1 .swiperTab li.active{ position: relative; font-weight: bold; color: #0055cd; }
.main .left .tab_1 .swiperTab li.active:after{ position: absolute; content: ""; left: 0px; bottom: -2px; right: 0px; background: #0055cd; height: 2px; }
.main .left .list li{ transition-duration: 0.3s; padding-left: 0px; position: relative; height: auto; margin-bottom: 10px;  position: relative; border-bottom: #e8e8e8 solid 1px; padding-bottom:10px;}
.main .left .list li .img{ width: 140px; height: 90px; overflow: hidden; position: initial; float: right; left: auto; margin-left: 20px; right: 0px; top: 0px;}
.main .left .list li .img img{ width: 100%; height:100%; object-fit: cover; }
.main .left .list li .info{ }
.main .left .list li .info h2{ font-size: 16px; margin-bottom: 5px; line-height: 1.4em; text-align: justify;  }
.main .left .list li .info h2 a{ color: #333;font-size: 14px!important; }
.main .left .list li .info p{font-size: 13px!important; }
.main .left .list li .info .time{ position: absolute; bottom: 10px; font-size: 12px; color: #999; }
.main .left .list li:hover .info h2 a{ color: #e00013 }
.main .left .list li:hover .info p{color: #666; }
.main .left .more a{ display: block; text-align: center; line-height:44px; height: 44px; background: #e8e8e8; border-radius: 3px; color: #666; font-size: 16px;width: auto; margin: 0 auto; }
 .title .a-title{
  font-size: 16px !important;
  height: auto  !important;
  line-height: unset !important;
  margin: 20px 0px !important;
 }
.main .right{ float: none; width: auto; }
.certification{ background:#d5171a; border-radius: 2px; padding: 2px; margin-bottom: 24px;  }
.certification .title1{ position: relative; font-size: 24px; color: #fff; padding-left: 20px; height: 20px; font-weight: bold; line-height: 0; padding-top: 10px; padding-bottom: 10px; }
.certification .title1 img{ height: 18px; }
.certification .title1 img.xunzhang{ position: absolute; width: 36px; height: auto!important; top: 5px; right: 20px; }

.certification .list{ padding: 10px; background: #fff; }
.certification .list li{ height: 36px; line-height: 36px; float: left; width: 50%; }
.certification .list li span{ float: left; width: 10%; text-align: right; padding-right: 5%; font-weight: bold; color: #d5171a;font-family: 'HarmonyOS Sans Bold';}
.certification .list li strong{ float: left; width: 85%; font-weight:normal; }
.certification .list li strong a{ color: #333; }

.review {background: #fff; }
.review .box{ padding: 0px;padding-bottom: 0px; }
.review .list{ padding-top: 20px; position: relative; }
.review .list ul li{ float: left; width: calc(50% - 10px); margin-right: 20px; }
.review .list ul li .img{ height: 130px; overflow: hidden; }
.review .list ul li .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.review .list ul li:nth-child(2n){ margin-right: 0px; }
.review .list ul li h3{ height: 38px; padding-top: 10px; padding-bottom: 20px; font-weight: normal; font-size: 14px; line-height: 1.6em; }
.review .list ul li h3 a{ color: #333;}
.review .list ul li:hover h3 a{ color: #e00013;}
.side .review{ margin-bottom: 24px; }

.jiebao {background: #1d3c7e;border-radius: 2px; padding: 2px; }
.jiebao .box{padding-bottom: 0px; background: #fff; }
.jiebao .list{ padding-top: 20px; position: relative; padding:15px 20px;}
.jiebao .list ul li{padding-left: 14px; color: #dadada; height: 36px; line-height: 36px; position: relative; }
.jiebao .list ul li a{ color: #333; font-size: 16px; font-weight: normal; }
.jiebao .list ul li a:hover{ color: #d5171a;}
.jiebao .list ul li:after{  width: 4px; height: 4px; color: #f9f99f; position: absolute; left: 0px;   content: ""; top: 17px; width: 4px; height: 4px; background: #ccc; position: absolute;}
.jiebao .title1{ background: #1d3c7e; position: relative; font-size: 24px; color: #fff; padding-left: 20px; height: 24px; font-weight: bold; line-height: 0; padding-top: 10px; padding-bottom: 10px; }
.jiebao .title1 img.xunzhang{ position: absolute; width: 36px; top: 5px; right: 20px; }



.main_a{box-shadow: 0px -5px 5px rgba(0,0,0,0.05); padding-bottom: 24px; }
.main_a .left{ width: auto; float: none; margin-right: 0; margin-bottom: 20px; }
.main_a .center{ width: auto; float: none; margin-right: 0; margin-bottom: 20px; }
.main_a .right{ width: auto; float: none;}

.main_a .photolist{ padding-top: 20px; margin-bottom: 10px; }
.main_a .photolist li{ transition-duration: 0.3s; padding-left: 0px; position: relative; height: auto;  position: relative;}
.main_a .photolist li .img{ width: 140px; height: 90px; overflow: hidden; position: initial;float: left; margin-right: 10px;  left: 0px; top: 0px;}
.main_a .photolist li .img img{ width: 100%; height:100%; object-fit: cover; }
.main_a .photolist li .info{ }
.main_a .photolist li .info h2{font-size: 16px; margin-bottom: 5px; line-height: 1.4em; text-align: justify; }
.main_a .photolist li .info h2 a{ color: #333 }
.main_a .photolist li .info p{ display: none; }
.main_a .photolist li .info .time{ position: absolute; bottom: 20px; font-size: 14px; color: #999; }
.main_a .photolist li:hover .info h2 a{ color: #e00013 }
.main_a .photolist li:hover .info p{color: #666; }
.main_a .list ul li{padding-left: 14px; color: #dadada; height: 36px; line-height: 36px; position: relative; }
.main_a .list ul li a{ color: #333; font-size: 16px; font-weight: normal; }
.main_a .list ul li a:hover{ color: #d5171a;}
.main_a .list ul li:after{  width: 4px; height: 4px; color: #f9f99f; position: absolute; left: 0px;   content: ""; top: 17px; width: 4px; height: 4px; background: #ccc; position: absolute;}
.main_a .said_box{ padding-top:10px; }

.main_b{box-shadow: 0px -5px 5px rgba(0,0,0,0.05); }
.main_b .pagewidth{ overflow: hidden; }

.pro_recommended{ padding-top: 20px; }
.pro_recommended .swiperTab{ padding-left: 0px; float: none; padding-top: 40px; }
.pro_recommended .swiperTab li{  float: left; margin-right: 20px; font-size: 16px; cursor: pointer; color: #999999; margin-bottom: 10px; }
.pro_recommended .swiperTab li.active{ position: relative; font-weight: bold; color: #e00013; }
.pro_recommended .swiperTab li.active:after{ position: absolute; content: ""; left: 0px; bottom: -5px; right: 0px; background: #e00013; height: 2px; }
.pro_recommended .swiper-container .swiper-slide{  }
.pro_recommended .swiper-container .swiper-slide ul{ width: auto; padding-top: 10px; }
.pro_recommended .swiper-container .swiper-slide ul li{ float: left; width: calc(50% - 5px); margin-right: 10px; }
.pro_recommended .swiper-container .swiper-slide ul li:nth-child(2n){ margin-right: 0; }
.pro_recommended .swiper-container .swiper-slide ul li .img { width: calc(100% - 2px); height: auto; border:#e8e8e8 solid 1px;  }
.pro_recommended .swiper-container .swiper-slide ul li .img img{ height: 100%; width: 100%; }
.pro_recommended .swiper-container .swiper-slide ul li h3 { font-size: 14px; padding-top: 10px; font-weight: normal; padding-bottom: 20px; }
.pro_recommended .swiper-container .swiper-slide ul li h3 a{ color: #333;     height: 22px;
 overflow: hidden;
 display: inline-block;}

.bland_recommended{ padding-top: 10px;}
.bland_recommended ul{ width: auto; padding-top: 10px; }
.bland_recommended ul li{ float: left; width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; }
.bland_recommended ul li:nth-child(2n){ margin-right: 0; }
.bland_recommended ul li .img { width: calc(100% - 2px); height: auto; border:#e8e8e8 solid 1px;  }
.bland_recommended ul li .img img{ height: 100%; width: 100%; object-fit: cover; }
.bland_recommended ul li h3 { font-size: 14px; padding-top: 10px; font-weight: normal; padding-bottom: 20px; }
.bland_recommended ul li h3 a{ color: #333; }


.index_join{ padding-top: 20px; padding-bottom: 20px;}
.index_join .content{ padding-top: 10px; }
.index_join .content .left{ float: none; width:auto; margin-right: 0px;   }
.index_join .content .left a{ display:block; }
.index_join .content .left .table_header{ background: #f9f9f9; display: none;  }
.index_join .content .left .table_header ul li{ float:left;height: 40px; line-height: 40px; border-bottom: #ececec solid 1px; color: #666; font-size: 14px; }
.index_join .content .left ul{ background: #edf6fa; padding: 10px; margin-bottom: 10px;}
.index_join .content .left ul li.li1{  width: auto; text-indent: 0px; font-size: 12px;}
.index_join .content .left ul li.li2{  width: auto; float: right!important; }
.index_join .content .left ul li.li3{  width: 100%; border-top: #daebf3 solid 1px; margin-top: 10px; margin-bottom: 10px; padding-top: 10px;border-bottom: #daebf3 solid 1px;padding-bottom: 10px; }
.index_join .content .left ul li.li4{  width: auto; margin-right: 20px;font-weight: bold;}
.index_join .content .left ul li.li5{  width: auto; font-weight: bold; }
.index_join .content .left .table_content a { display: block; }
.index_join .content .left .table_content a ul li{ float:left; line-height:1.6em;height: auto; font-size: 16px; color: #333; }
.index_join .content .left .table_content a:hover ul li{ color: #0055cc; background: #edf6fa }

.index_join .content .right{ float: none; width:auto; background: #1c3775; padding: 20px; color: #fff; }
.index_join .content .right h2{ font-weight: bold;font-size: 20px; line-height: 1em; }
.index_join .content .right ul{ padding-top: 10px; }
.index_join .content .right ul li{padding-left: 14px; color: #dadada; height: 32px; line-height: 32px; position: relative; }
.index_join .content .right ul li a{ color: #fff; font-size: 16px; font-weight: normal; }
.index_join .content .right ul li a:hover{ color: #fff;}
.index_join .content .right ul li:after{  width: 4px; height: 4px; color: #f9f99f; position: absolute; left: 0px;   content: ""; top: 17px; width: 4px; height: 4px; background: #ccc; position: absolute;}


.index_link{ padding-top: 20px; margin-bottom: 40px; }
.index_link ul{  padding-top: 20px; }
.index_link ul li{ float: left; width: 33.33%; margin-right: 0px; margin-bottom: 15px; }
.index_link ul li h3 { font-size: 14px; font-weight: normal; }
.index_link ul li h3 a{ color: #333; }


.crumbs{ font-size: 14px; color: #666;padding-bottom: 10px; box-shadow: 0px -5px 5px rgba(0,0,0,0.05); padding-top: 20px;}
.crumbs span{ padding-left: 10px;  padding-right: 10px;  }
.crumbs a{ color: #666;  }
.crumbs a:hover{ color: #e00013;  }

.detail_main .content{ float: none; width: auto; margin-right: 0px;  }
.detail_main .side{ float: none; display: none; width: auto;  }
.detail_brand .side{ display: block; }
.side .toutiao{ margin-bottom: 24px; }

.detail_main{ padding-bottom: 60px; }
.detail_main .list_title{ font-size: 18px;padding-left: 15px; line-height: 1em; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; color: #e00013; position: relative; border-bottom: #e8e8e8 solid 2px; }
.detail_main .list_title:after{ position: absolute; content: ""; left: 0px; top: 1px; width: 3px; height: 18px; background: #e00013 }
.detail_main .list_a{}
.detail_main .list_a li{ transition-duration: 0.3s; padding-left: 0px; position: relative; height: auto; margin-bottom: 10px;  position: relative; border-bottom: #e8e8e8 solid 1px; padding-bottom:10px;}
.detail_main .list_a li .img{ width: 140px; height: 90px; overflow: hidden; position: initial; float: right; left: auto; margin-left: 20px; right: 0px; top: 0px;}
.detail_main .list_a li .img img{ width: 100%; height:100%; object-fit: cover; }
.detail_main .list_a li .info{ }
.detail_main .list_a li .info h2{ font-size: 16px; margin-bottom: 5px; line-height: 1.4em; text-align: justify;  }
.detail_main .list_a li .info h2 a{ color: #333 }
.detail_main .list_a li .info p{ display: none;}
.detail_main .list_a li .info .time{ position: absolute; bottom: 10px; font-size: 12px; color: #999; }
.detail_main .list_a li:hover .info h2 a{ color: #e00013 }
.detail_main .list_a li:hover .info p{color: #666; }




.detail_main .list_b li{ transition-duration: 0.3s; height: 44px; padding-left: 16px; line-height: 44px;  position: relative; }
.detail_main .list_b li span{  font-size: 14px; color: #999; float: right; }
.detail_main .list_b li:before{  left: 0px; content: ""; top: 21px; width: 4px; display: block; height: 4px; background: #cccccc; z-index: 3; position: absolute;}
.detail_main .list_b li a{ color: #333;font-size: 18px;  font-weight: normal; }
.detail_main .list_b li a:hover{ color: #e00013;}
.detail_main .list_b .line{ width: 100%; display: block; border-bottom:#e8e8e8 solid 1px; margin-top: 14px; margin-bottom: 14px; }

.detail_main .list_c{ overflow: hidden; }
.detail_main .list_c ul{ width: auto; padding-top: 10px; }
.detail_main .list_c ul li{ float: none; width: auto; margin-right: 0px; margin-bottom: 10px; }
.detail_main .list_c li .img{ width: 140px; height: 90px; overflow: hidden; position: initial;float: left; margin-right: 10px;  left: 0px; top: 0px; }
.detail_main .list_c li .img img{ height: 100%; width: 100%; object-fit: cover; }
.detail_main .list_c li .info{ padding-top: 0px; }
.detail_main .list_c li .info h2{ font-size: 16px; margin-bottom: 5px; padding-top: 0px; line-height: 1.4em; text-align: justify;}
.detail_main .list_c li .info h2 a{ color: #333 }
.detail_main .list_c li:hover .info h2 a{ color: #e00013 }
.detail_main .list_c li:hover .info p{color: #666; }


.detail_main .list_cc ul{ width: auto; padding-top: 10px; }
.detail_main .list_cc ul li{ margin-right: 5px;
border: none;
float: left;
width: calc(50% - 5px);
margin-bottom: 24px;
background: #fff; }
.detail_main .list_cc li .img{ overflow: hidden; position: initial; }
.detail_main .list_cc li .img img{ height: 100%; width: 100%; object-fit: cover; }
.detail_main .list_cc li .info{ padding-top: 0px; }
.detail_main .list_cc li .info h2{ font-size: 16px; margin-bottom: 5px; padding-top: 0px; line-height: 1.4em; text-align: center; padding-top:10px;}
.detail_main .list_cc li .info h2 a{ color: #333 }
.detail_main .list_cc li:hover .info h2 a{ color: #e00013 }
.detail_main .list_cc li:hover .info p{color: #666; }



.detail_main .list_d{ overflow: hidden; }
.detail_main .list_d ul{ width: 110%; }
.detail_main .list_d ul li{ transition-duration: 0.3s; width: 275px; float:left; position: relative;  margin-bottom: 24px; margin-right: 24px;  position: relative; }
.detail_main .list_d li .img{ width: 100%; height: 275px; overflow: hidden;}
.detail_main .list_d li .img img{ width: 100%; height:100%; object-fit: cover; }
.detail_main .list_d li .info{ }
.detail_main .list_d li .info h2{height:auto; font-size: 14px;line-height: 1.6em;  padding-top: 10px; font-weight: normal;}
.detail_main .list_d li .info h2 a{ color: #333 }
.detail_main .list_d li:hover .info h2 a{ color: #e00013 }
.detail_main .list_d li:hover .info p{color: #666; }


.detail_main .article .article_title h1{ font-size: 24px; color: #222; line-height: 1.4em; margin-bottom: 10px; }
.detail_main .article .article_title p{ font-size: 14px; color: #999; }
.detail_main .article .article_title p span{  margin-right: 0px; display:block; margin-bottom: 4px;}
.detail_main .article .article_title p span a{ color: #666;}
.detail_main .article .article_title{ border-bottom: #e5e5e5 solid 1px; padding-bottom: 15px; margin-bottom: 20px; }

.detail_main .article .article_html{ font-size: 18px; line-height: 1.8em; color: #333; margin-bottom: 30px; }
.detail_main .article .article_html p{ text-align: justify; }
.detail_main .article .article_html img{width:calc(100% - 4em); display: block; margin: 10px auto;}

.detail_main .article .article_five { padding-top: 40px; }
.detail_main .article .article_five li{ transition-duration: 0.3s; height: 44px; padding-left: 16px; line-height: 44px;  position: relative; }
.detail_main .article .article_five li span{  font-size: 14px; color: #999; float: right; }
.detail_main .article .article_five li:before{  left: 0px; content: ""; top: 21px; width: 4px; display: block; height: 4px; background: #cccccc; z-index: 3; position: absolute;}
.detail_main .article .article_five li a{ color: #333;font-size: 18px;  font-weight: normal; }
.detail_main .article .article_five li a:hover{ color: #e00013;}
.detail_main .article .article_statement .left{  width: auto; padding: 20px; float: none; margin-right: 0px; background: #f9f9f9; border-radius: 6px; }
.detail_main .article .article_statement .right{  display: none; }
.detail_main .article .article_statement h4{ position: relative; height: 30px; }
.detail_main .article .article_statement h4:after{ position: absolute; left: 0px; right: 0px; top: 11px; border-bottom: #e0e0e0 solid 1px; content: ""; }
.detail_main .article .article_statement h4 span{ font-size:16px; font-weight: bold; color: #666666; position: absolute; left: 20px; z-index: 33; padding-left: 10px; padding-right: 10px; background: #f9f9f9  }
.detail_main .article .article_statement .left p {font-size: 14px; color: #666666; line-height: 1.8em; text-indent: 2em;  }
.detail_main .article .article_statement .right canvas{ display: block; width: 94%; margin: 0 auto; }


.brand_top10{box-shadow: 0px -5px 5px rgba(0,0,0,0.05); padding-top: 24px; padding-bottom: 24px;}
.brand_top10 .top10_title{ position: relative; height: 100px; }
.brand_top10 .top10_title img{ position: absolute; left: 50%; width: 300px; margin-left:-150px; top: 0px;} 
.brand_top10 .top10_title h2{  text-align: center; font-size: 20px; font-weight: bold; padding-top: 30px; line-height: 1em; }
.brand_top10 .top10_title h2 span{ color: #e00013 }
.brand_top10 .top10_content .left{ width: auto; float: none; background: url(../images/jiameng1.jpg) no-repeat; background-size: cover; height: auto; padding-bottom: 30px;}
.brand_top10 .top10_content .left h2{ padding-left: 30px; color: #fff; font-weight: bold; line-height: 1.2em; font-size: 24px; padding-top: 90px;}
.brand_top10 .top10_content .left p{padding-top: 10px; padding-left: 30px; font-size: 16px; color: rgba(255,255,255,0.8);}
.brand_top10 .top10_content .right{ width: 	auto; overflow: hidden; float: none; border:none; }
.brand_top10 .top10_content .right ul{ width: auto; }
.brand_top10 .top10_content .right ul li{ margin-right: 0px; border-right:none;float: left; width: calc(50% - 5px); margin-right: 10px; height: auto;border-bottom:none;  margin-bottom: 10px; }
.brand_top10 .top10_content .right ul li:hover{ background: #fff; }
.brand_top10 .top10_content .right ul li:nth-child(2n){ margin-right: 0; }
.brand_top10 .top10_content .right ul li .img{ padding-top: 10px; }
.brand_top10 .top10_content .right ul li .img img{ width: 100%; display: block; margin: 0 auto; }
.brand_top10 .top10_content .right ul li .name { text-align: center; font-size: 14px; color: #333; padding-top: 10px; padding-bottom: 10px;  }
.brand_top10 .top10_content .right ul li .button{ text-align: center; }
.brand_top10 .top10_content .right ul li .button a.join{ margin-right:5px;  display:inline-block; background: #999999; color: #fff; border-radius: 4px; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.brand_top10 .top10_content .right ul li .button a.detail{ margin-left:5px; display:inline-block; background: #fff; border-radius: 4px;color: #666; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.brand_top10 .top10_content .right ul li .button a.join:hover{ background: #e00013; color: #fff; border:#e00013 solid 1px;}
.brand_top10 .top10_content .right ul li .button a.detail:hover{background: #f9f9f9; color: #333;}



.brand_show{ padding-top: 20px; }
.brand_show .content{ overflow: hidden; padding-top: 24px; }
.brand_show .content ul{ width: auto; }
.brand_show .content ul li{  margin-right: 0px; border:none; float: left; width: calc(50% - 5px); margin-right: 10px; height: auto;border-bottom:none;  margin-bottom: 10px; }
.brand_show .content ul li:nth-child(2n){ margin-right: 0; }
.brand_show .content ul li .img{ padding-top: 0px; }
.brand_show .content ul li .img img{ width: 100%; display: block; margin: 0 auto; }
.brand_show .content ul li .name { text-align: center; font-size: 14px; color: #333;  padding-top: 10px; padding-bottom: 10px; }
.brand_show .content ul li .button{ background: #fff; text-align: center; padding-top: 15px; padding-bottom: 15px;}
.brand_show .content ul li .button a.join{ margin-right:5px;  display:inline-block; background: #999999; color: #fff; border-radius: 4px; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.brand_show .content ul li .button a.detail{ margin-left:5px; display:inline-block; background: #fff; border-radius: 4px;color: #666; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.brand_show .content ul li .button a.join:hover{ background: #e00013; color: #fff; border:#e00013 solid 1px;}
.brand_show .content ul li .button a.detail:hover{background: #f9f9f9; color: #333;}


.brand_ranking{ padding-bottom: 40px; }
.brand_ranking .mr24{ margin-right: 0px; }
.brand_ranking .brand_box{ width: auto; float: none; padding-top: 20px;}
.brand_ranking .brand_box ul { padding-top: 6px; margin-bottom: 24px; width: 100%;}
.brand_ranking .brand_box ul li{ height: 40px; line-height: 40px; display:block; border-bottom: #ececec solid 1px; width: 100%; }
.brand_ranking .brand_box ul li:hover{ background: #f5f5f5 }
.brand_ranking .brand_box ul li em{ font-size:14px; font-weight: bold; color: #e00013; float: left; width: 10%; padding-left: 0px; }
.brand_ranking .brand_box ul li strong{ font-size:14px; font-weight: bold; color: #333; float: left; width: 35%; }
.brand_ranking .brand_box ul li span{ font-size:13px; font-weight: bold; color: #999; float: left; width: 55%; font-weight: normal; }
.brand_ranking .brand_box ul li strong a{ color: #333 }
.brand_ranking .brand_box ul li span a{ color: #999 }


.brand_condition{  background: #fff;padding-top: 20px; }
.brand_condition .box{ padding: 0px; }
.brand_condition .list{ padding-top: 20px;  line-height: 36px; font-size: 16px; }

.detail_main .brand .brand_title{ font-size: 24px;padding-left: 15px; line-height: 1em; padding-bottom: 10px; margin-bottom: 20px; font-weight: bold; color: #e00013; position: relative; border-bottom: #e8e8e8 solid 2px; }
.detail_main .brand .brand_title:after{ position: absolute; content: ""; left: 0px; top: 3px; width: 3px; height: 20px; background: #e00013 }tle{ border-bottom: #e5e5e5 solid 1px; padding-bottom: 15px; margin-bottom: 20px; }
.detail_main .brand .brand_html{ font-size: 18px; line-height: 2em; color: #333; margin-bottom: 50px; }
.detail_main .brand .brand_html p{ text-align: justify;}
.detail_main .brand .brand_yaoqiu{ font-size: 18px; line-height: 2em; color: #333; margin-bottom: 50px; }
.detail_main .brand .brand_imglist { overflow: hidden; }
.detail_main .brand .brand_imglist ul{ width: auto; }
.detail_main .brand .brand_imglist ul li{ float: left; width: calc( 50% - 5px); margin-right: 10px; margin-bottom: 10px; }
.detail_main .brand .brand_imglist ul li:nth-child(2n){ margin-right: 0px; }
.detail_main .brand .brand_imglist ul li img{  width: 100%; display: block;}

.detail_main .side{position: -webkit-sticky; position: sticky;top:20px;}


.detail_main .brand_condition .button{ padding-top: 20px; }
.detail_main .brand_condition a.join{ margin-right:15px;  display:inline-block; background: #e00013; border:#e00013 solid 1px; color: #fff; border-radius: 4px; font-size: 16px; padding: 10px 45px; }
.detail_main .brand_condition a.join:hover{ background: #e00013; color: #fff; }

.detail_main .brand_condition a.web{ display:inline-block; background: #fff; border-radius: 4px;color: #666; font-size: 16px;  padding: 10px 45px; border:#ececec solid 1px;}
.detail_main .brand_condition a.web:hover{background: #f9f9f9; color: #333;}

.join_content{ background: #e00013; padding-top: 24px; padding-bottom: 24px;}
.join_content{ padding-top: 24px; }
.join_content .swiper-slide img{ width: 100%; display: block; }
.join_content .swiper-container{ padding-bottom: 50px; }
.join_content .swiper-pagination{    bottom: 20px!important;right:10px; width: auto!important}
.join_content .swiper-pagination-bullet{ opacity: 1; width: 8px; height: 8px; background:none; margin:0px 5px!important; opacity: 0.7; border-radius: 10px; border:none; transition-duration: 0.3s; border:#fff solid 2px; }
.join_content .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 8px; background: #fff;  opacity:1;border:#fff solid 2px;}
.join_content .swiper-pagination{}
.join_content{ padding-top: 44px; }

.join_brand_show { padding-top: 20px; }
.join_brand_show  .content{ overflow: hidden; padding-top:14px; }
.join_brand_show  .content ul{ width: auto; }
.join_brand_show  .content ul li{ margin-right: 10px; border: none;float: left; width: calc(50% - 5px); margin-bottom: 24px; background: #fff }
.join_brand_show  .content ul li:nth-child(2n){ margin-right: 0; }
.join_brand_show  .content ul li .img{ padding-top: 0px; }
.join_brand_show  .content ul li .img img{ width: 100%; display: block; margin: 0 auto; }
.join_brand_show  .content ul li .name { text-align: center; font-size: 14px; color: #333;  padding-top: 10px; padding-bottom: 10px; }
.join_brand_show  .content ul li .button{ background: #fff; text-align: center; padding-top: 15px; padding-bottom: 15px;}
.join_brand_show  .content ul li .button a.join{ margin-right:5px;  display:inline-block; background: #999999; color: #fff; border-radius: 4px; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.join_brand_show  .content ul li .button a.detail{ margin-left:5px; display:inline-block; background: #fff; border-radius: 4px;color: #666; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.join_brand_show  .content ul li .button a.join:hover{ background: #e00013; color: #fff; border:#e00013 solid 1px;}
.join_brand_show  .content ul li .button a.detail:hover{background: #f9f9f9; color: #333;}

.join_brand_join { padding-top: 20px; margin-bottom: 50px; }
.join_brand_join {  }
.join_brand_join a{ display:block; }
.join_brand_join .content .table_header{ background: #fff; display: none;  }
.join_brand_join .content .table_content ul li{ height: auto; line-height: 1.6em; float: left; }
.join_brand_join .content .table_content ul li{ display: block; padding-top:0px; padding-bottom: 5px; }
.join_brand_join  ul{ padding-top: 20px; padding-bottom: 20px; border-bottom: #ececec solid 1px; }
.join_brand_join  ul li.li1{  width: auto; text-indent: 0px; font-size: 14px; padding-bottom: 5px;}
.join_brand_join  ul li.li2{   width: auto; float: right!important;font-size: 14px; padding-bottom: 5px; }
.join_brand_join  ul li.li3{ width: 100%; border-top: #daebf3 solid 1px; margin-top: 0px; margin-bottom:0px; padding-top:10px;border:none;padding-bottom: 0px; }
.join_brand_join  ul li.li4{  width: auto; margin-right: 20px;font-weight: bold; }
.join_brand_join  ul li.li5{   width: auto; font-weight: bold; }
.join_brand_join  ul li.li6{  width: 100%; }

.join_brand_join .content{ border-top: #e8e8e8 solid 1px }
.join_brand_join .content .table_content ul li.li6 a{ line-height: 1.5em; }
.join_brand_join .content .table_content ul li.li6 a.join{ margin-right:5px;  display:inline-block; background: #999999; color: #fff; border-radius: 4px; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.join_brand_join .content .table_content ul li.li6 a.join:hover{ background: #e00013; color: #fff; border:#e00013 solid 1px;}
.join_brand_join .content .table_content ul li.li6 a.detail:hover{background: #f9f9f9; color: #333;}
.join_brand_join .content .table_content ul li.li6 a.detail{ margin-left:5px; display:inline-block; background: #fff; border-radius: 4px;color: #666; border:#999999 solid 1px; font-size: 14px; padding: 4px 10px; }
.join_brand_join .content .table_content ul:nth-child(2n){ background: #fff; }



.bgf3f4f9{ background: #f3f4f9 }
.page_content{ padding-bottom: 50px; }
.page_content .page_menu{display: none}



.page_content .page_html{ float: none; width: auto;border-radius: 4px;  background: #fff; padding:20px;}
.page_content .page_html h4{ font-size: 18px; color: #222; border-bottom: #ececec solid 1px; padding-bottom: 10px; margin-bottom: 10px; } 
.page_content .page_html .html{ font-size: 16px; line-height: 1.8em; color: #333;  }
.page_content .page_html .html p{ text-align: justify; }





/*表单*/

.hide{ display: none; }
.layui-layer{ border-radius:0!important; background: none!important; box-shadow: none!important; overflow: auto!important;}
.layui-layer .layui-layer-setwin .layui-layer-close2{ right: 10px; top: 10px; opacity: 0.5; background: url(../images/close_white.svg) no-repeat!important; background: 16px 16px; width: 16px; height: 16px;}
.layui-layer .layui-layer-setwin .layui-layer-close2:hover{ opacity: 1; }
.formbox .layui-btn{ background: #d5171a; color: #fff; height: 44px; line-height: 44px; font-weight: bold; }
.formbox .layui-btn:hover{color: #fff;}
.formbox { padding: 40px 36px; padding-bottom: 30px; }
.formbox  h3{ text-align: center; font-size: 16px; padding-top: 55px; font-weight: normal; color: #333; text-align: left; font-weight: bold; margin-bottom: 20px; }
.formbox .info{ text-align: center; font-size: 16px; color: #333; font-weight: bold; }
.formbox{background:#fff; border-radius: 3px; }
.layui-layer-hui .layui-layer-content{ background:rgba(0,0,0,0.7)!important; border-radius: 3px!important; }
.layui-layer-dialog .layui-layer-padding{ background:#fff!important; }


.invest{ background: url(../images/tanbg3.png) no-repeat center top #fff; background-size: cover; }
.certifi{ background: url(../images/tanbtanbg2.png) no-repeat center top #fff; background-size: cover; }
.join{ background: url(../images/tanbg2.png) no-repeat center top #fff; background-size: cover; }
 .AboutUs-wrapper .introduce{
  width: 100% !important;
 }
 .AboutUs-wrapper .introduce .introduce-item{
  width: auto !important;
  border: 1px solid #dfdfdf !important;
  padding: 15px !important;
  height: auto !important;
  margin: 0px !important;
  margin-top: 20px !important;
 }

}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}