﻿ul, li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre {
  padding: 0;
  margin: 0;
}
.ul, .ul li {
  list-style: none;
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  zoom: 0;
}
.clearfix:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.fw_no{ font-weight: normal}
.mp{ margin: 0; padding: 0}
.box_tr {
  width: 100%;
}
.box_td {
  display: inline-block;
  vertical-align: middle;
}
.zoomimg .pic { overflow: hidden;}
.zoomimg .pic span{ display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.zoomimg:hover .pic span{ -webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

@font-face {
  font-family: 'Roboto-Regular';
  src: url(../fonts/Roboto-Regular.eot);
  src: url(../fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
  url(../fonts/Roboto-Regular.woff2) format('woff2'),
  url(../fonts/Roboto-Regular.woff) format('woff'),
  url(../fonts/Roboto-Regular.ttf) format('truetype'),
  url(../fonts/Roboto-Regular.svg#Roboto-Regular) format('svg')
}

.f14{ font-size: 14px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.lh_32{ line-height: 32px}
.lh_34{ line-height: 34px}
@media(max-width:1024px){
.f14{ font-size: 13px;}
.f18{ font-size: 16px;}
.f20{ font-size: 18px;}
.lh_32{ line-height: 28px}
.lh_34{ line-height: 30px}
}
@media(max-width:640px){
.f14{ font-size: 12px;}
.f18{ font-size: 15px;}
.f20{ font-size: 16px;}
.lh_32{ line-height: 24px}
.lh_34{ line-height: 26px}
}

.red_bg,
.editor_num_txt:nth-child(3),
.editor_about_other .box_td:hover,
.events_year .item.slick-current:after,
.events_info .info:hover,
.slide_news .item a:hover .txt,
.news_list .list li a:hover .txt,
.social_public_welfare .itembox02 .box_td:hover,
.social_rural_revitalization .itembox02 .item:hover:after,
.brand_buy_shop .buy_list,
.brand_buy_shop .buy_list .buy,
.product_brand .list_title .slick-current a,
.ewm_brand ul li:hover,
.contact_join .sub_title .slick-current a,
.contact_info .info li:hover,
.investor_download .list .item a:hover,
.btn_submit{
/*background: rgb(255,72,53);
background: -moz-linear-gradient(left, rgba(255,72,53,1) 0%, rgba(230,0,18,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,72,53,1) 0%,rgba(230,0,18,1) 100%);
background: linear-gradient(to right, rgba(255,72,53,1) 0%,rgba(230,0,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4835', endColorstr='#e60012',GradientType=1 ); */

background-image: linear-gradient(270deg, #e60012 0%, #ff4835 100%), linear-gradient(#fbfbfb, #fbfbfb);background-blend-mode: normal, normal;
}
.about_info,
.editor_info{ font-size: 18px; line-height: 32px; padding: 0 2.3%}
.about_photo{ padding: 3% 0; font-size: 0;}
.about_photo .pic{ width: 68.8%;}
.about_photo .info{ width: 31%; text-align: center}
.about_photo .info b,
.editor_num_txt b{ display: block; font-size: 2.4vw; font-weight: bold; line-height: 50px;}
.editor_num_txt b{ color: #e50112}
.editor_num_txt{ background: #f8f8f8; color: #666666; font-size: 18px; display: table; width: 100%; padding-left: 25%;}
.editor_num_txt .icon{ position: absolute; left: 0; width: 16%;}
.editor_num_txt .txt{ position: relative; padding-left: 20%; max-width: 240px; text-align: left; margin: auto; display: table-cell; vertical-align: middle}
.editor_num_txt:nth-child(2){background: #f2f2f2}
.editor_num_txt.stock b{ color: #fff;}
.editor_num_txt.stock{ color: #fff; padding-left: 0}
.editor_num_txt.stock .txt{ text-align: center;padding-left: 0}
.about_other{ padding: 5% 0}
.about_other .box_td{ }
.about_other .in_side{ opacity: 0}
.about_other .box_td:hover .in_side,
.about_other .box_td:hover .in_side .title{ opacity: 1}
.about_other .box_td:hover .out_side{ opacity: 0}
.about_other .out_side{ position: absolute; width: 100%;left: 0; top: 30%}
.editor_about_other .in_side .title{opacity: 0}
.editor_about_other .box_td:before{ content: ''; position: absolute; display: block; width: 94%; height: 90%; border: solid 1px #fff; opacity: 0.3 ; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.editor_about_other{ text-align: center}
.editor_about_other .box_td{ width: 32%;height: 248px; padding: 4% 3%; border: solid 1px #f2f2f2; position: relative}
.editor_about_other .box_td.empty{ width: 2%; border: none}
.editor_about_other .info{ text-align: left;font-size: 18px; line-height: 28px; position: relative; padding-top: 3%}
.editor_about_other .title{ font-size: 24px; padding: 2% 0}
.editor_about_other .box_td:hover{ color: #fff; box-shadow: 0 0 50px 0 rgb(255,52,52,0.74); border-color:#e70213;}

.editor_about_other .box_td:hover .icon{ display: none}
.editor_about_other .box_td.empty:hover{box-shadow: 0 0 50px 0 #fff; background: #fff}

.about_industry{ position: relative}
.about_industry:before{ content: ''; z-index: 10; position: absolute; top: 0; left:7%; width: 10%; height: 100%; max-width: 100px; background: url(../images/industry_line.png) no-repeat center center}
.about_industry .item_info .item{ position: relative}
.about_industry .item_info .title{ font-size: 24px;}
.about_industry .item_info .subtitle{ font-size: 32px; line-height: 50px;}
.about_industry .item_info .pic{ background: #000}
.about_industry .item_info .pic img{ opacity: 0.4;transition: 0.5s}
.about_industry .item_info .info{ position: absolute; left: 18%; top: 15%; width: 80%; max-width: 650px; color: #fff}
.about_industry .item_info .txt{ line-height: 28px; padding-top: 5%;;}
/*.about_industry .item_info .item:hover .pic img{ opacity: 1}*/
.about_industry .item_icon { z-index: 11; position: absolute; left: 5.5%; width: 10%; top: 50%; max-width: 100px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.about_industry .item_icon .item { padding: 100% 0; position: relative}
.about_industry .item_icon .item h3{ position: absolute; width: 100%; font-size: 14px; font-weight: normal; text-align: right; color: #fff;}
.about_industry .item_icon .item .box{ transition: 0.3s; position: absolute; left: 75%; top: 50%; width: 24px; height: 24px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.about_industry .item_icon .item .box:before{ z-index: 1; content: ''; position: absolute; opacity: 0.5; width: 100%; height: 100%; border-radius: 100px;
background: rgb(254,171,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,171,5,1) 0%, rgba(254,211,32,1) 71%, rgba(254,211,32,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,171,5,1) 0%,rgba(254,211,32,1) 71%,rgba(254,211,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,171,5,1) 0%,rgba(254,211,32,1) 71%,rgba(254,211,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feab05', endColorstr='#fed320',GradientType=0 ); /* IE6-9 */
}
.about_industry .item_icon .item:hover .box:after,
.about_industry .item_icon .item:hover .box:before{ background: #e60011}
.about_industry .item_icon .item .box:after{ z-index: 2; content: ''; top: 50%; left: 50%; position: absolute; width: 60%; height: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100px; background: #fff}
.about_industry .item_icon .item .icon{ opacity: 0; position: absolute; width: 60%; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);z-index: 12}
.about_industry .item_icon .item.nextshow .box{ left: 40%}
.about_industry .item_icon .slick-current .box{ left: 0; width: 100px; height: 100px;}
.about_industry .item_icon .slick-current .box:before,
.about_industry .item_icon .slick-current .box:after{
background: rgb(255,72,53); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,72,53,1) 0%, rgba(230,0,18,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,72,53,1) 0%,rgba(230,0,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,72,53,1) 0%,rgba(230,0,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4835', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */
}
.about_industry .item_icon .slick-current .box:after{ width:84%; height: 84%;}
.about_industry .item_icon .slick-current .icon{ opacity: 1}
.about_industry .item_icon .slick-current h3{ padding-top: 50px; text-align: center}
@media(max-width:1400px){
.about_photo .info b,
.editor_num_txt b{font-size: 24px;}
.about_industry .item_icon .item{ padding:60% 0}
}
@media(max-width:1200px){
.about_industry .item_icon .item.slick-current .box{ width: 70px; height: 70px;left: 0}
.about_industry .item_icon .item.nextshow .box{ left: 30%}
.about_industry .item_icon .item .box{ left: 50%}
.editor_about_other .title{font-size:20px}
}
@media(max-width:1024px){
.editor_num_txt{ padding-left: 12%}
}
@media(max-width:768px){
.about_info, .editor_info{ font-size: 14px}
.about_photo .box_td{ display: block; width: 100%}
/* .about_industry{ padding-bottom: 50px} */
.about_industry .item_info .info{left:0; top:0; width: 100%;padding-left: 15px;padding-top: 48px;}
.about_industry .item_info .title{font-size: 18px;}
.about_industry .item_info .subtitle{font-size: 22px; }
.about_industry .item_icon{ display: none}
.about_industry .item_info .txt{ padding-top: 0; display: none;}
.about_industry:before{ display: none}
.about_industry .slick-arrow{ bottom:-80px}
.editor_about_other .title{font-size:16px}
.editor_about_other .box_td.empty{ width: 1%}
.editor_about_other .info{ font-size: 14px}
.editor_num_txt .icon{ width: 10%; padding-top: 3%}
.editor_num_txt{ padding-top: 3%; padding-bottom: 3%}
}

.chairman_info .pic{ width: 100%;padding: 0 50px;}
.chairman_info{
  padding-bottom: 20px;
}
@media(min-width:1024px){
  .chairman_info .pic{
    float: right;
    width: 31% !important;
    padding: 0 !important;
  }
  .chairman_info .info{
    width: 68% !important
   }
}
@media (max-width: 1024px) {
  .chairman_info .pic {
    padding-top: 5%;
    text-align: center;
  }
}
.chairman_info,
.editor_chairman{background: url("../images/chairman_bg.jpg") repeat left top}
.editor_chairman{ position: relative;padding: 5% 13%; }
.editor_chairman:before,
.editor_chairman:after{ content: ''; position: absolute; display: block; width: 14%; height: 20%; background: no-repeat center center; background-size: contain}
.editor_chairman:before{ left: 3%; top: 0; background-image: url("../images/chairman_fuhao_t.png")}
.editor_chairman:after{ right: 3%; bottom: 0; background-image: url("../images/chairman_fuhao_b.png")}
.editor_chairman .name{ padding-bottom: 1%; border-bottom: solid 1px #e5e5e5}
.editor_chairman .name b{ padding: 10px 0; display: block;font-size: 36px; font-weight: normal;}
.editor_chairman .title{font-size: 24px; padding: 20px 0}
.editor_chairman .txt { padding-top: 3%; padding-bottom: 5%}
.editor_chairman .txt ul li{ position: relative; padding-left: 16px;}
.editor_chairman .txt ul li:before{ content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background: #222222;}
.editor_chairman .txt ul.ul_fl{ float: left; width: 38%}
.editor_chairman .txt ul.ul_fr{ float: right; width: 62%}

.chairman_honor{ margin-bottom: 3.5%}
.chairman_honor .title{font-size: 24px; padding: 20px 0}
.chairman_honor .pic{ width: 68.4%; float: left; margin: 0;}
.chairman_honor .pic .slick-list{padding: 0 !important;}
.chairman_honor .info{ width: 31.6%; float: right; padding-top: 7%}
.chairman_honor .title,
.chairman_honor .info .txt{ max-width: 300px; margin: auto}
.chairman_honor .pic .item{ position: relative}
.chairman_honor .pic .item img{ width: 100%}
.chairman_honor .pic h4{ position: absolute; width: 100%; bottom: 0%; left: 0; font-size: 18px; color: #fff;text-align: center; margin: 0 ; padding: 3% 0; background-color: rgba(0, 0, 0, 0.5);}
.chairman_honor .center_arrow .slick-arrow{ opacity: 0.5}
.chairman_honor .center_arrow .slick-prev{ left: 1%}
.chairman_honor .center_arrow .slick-next{ right: 1%}
.chairman_honor .center_arrow .slick-arrow:hover{ opacity: 1}
.chairman_honor,
.editor_honor{background: url("../images/chairman_bg.jpg") repeat left top}
.editor_honor{ padding: 5% 0; }
.editor_honor ul li{ position: relative; padding-left: 16px;}
.editor_honor ul li:before{ content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background: #222222;}


.chairman_article{ padding-top: 3.5%; border-top: solid 1px #f5f5f5}
.editor_chairman_article .itembox{position: relative; padding: 3% 110px 0 110px; }
.editor_chairman_article .itembox:first-child{ padding-top: 0}
.editor_chairman_article .itembox:nth-child(odd):before,
.editor_chairman_article .itembox:nth-child(even):before{ content: ''; position: absolute; display: block; width: 82px; top: -1px; height: 100.2%; border-radius: 50px; border: dashed 1px #e60012;}
.editor_chairman_article .itembox:nth-child(odd):before{ left: 27px; border-right: none; border-top-right-radius: 0;border-bottom-right-radius: 0}
.editor_chairman_article .itembox:nth-child(even):before{right: 27px;border-left: none; border-top-left-radius: 0;border-bottom-left-radius: 0}
.editor_chairman_article .itembox:first-child:before{ border-top:none; border-top-left-radius: 0;}
.editor_chairman_article .itembox:last-child:before{ border-bottom:none; border-bottom-left-radius: 0;}
.editor_chairman_article .title{ font-size: 24px; line-height: 35px; font-weight: bold; padding-bottom: 5%}
.editor_chairman_article .info{ border-bottom:dashed 1px #e60012; padding-bottom: 3%; text-align: justify}
.editor_chairman_article .itembox:nth-child(odd) .info{ padding-right: 18%;}
.editor_chairman_article .itembox:nth-child(even) .info{ padding-left: 18%;}
.editor_chairman_article .itembox:last-child .info{ border-bottom: none}
.editor_chairman_article .itembox:nth-child(even) .title{ text-align: right}
.editor_chairman_article .icon{ position: absolute; /*width: 4.415%;*/ width: 70px; border-radius: 30%}
.editor_chairman_article .itembox:nth-child(odd) .icon{ left: 0}
.editor_chairman_article .itembox:nth-child(even) .icon{ right: 0%}

@media(max-width:1200px){
.editor_chairman_article .itembox:nth-child(odd) .info{ padding-right: 0}
.editor_chairman_article .itembox:nth-child(even) .info{ padding-left: 0}
.editor_chairman_article .title{font-size: 20px;}
.chairman_honor .info{ padding: 3%}
.editor_chairman .name b{font-size: 22px;}
.editor_chairman .title{font-size: 20px;}
.editor_chairman .txt ul.ul_fl,
.editor_chairman .txt ul.ul_fr{ float: none; width: 100%}
.chairman_honor .title{font-size: 20px;}
.chairman_honor .pic h4{font-size: 18px;}
}
@media(max-width:768px){
.chairman_info .pic{ vertical-align: top}
.chairman_honor .pic,
.chairman_honor .info{float: none; width: 100%}
.chairman_honor .title,
.chairman_honor .info .txt{ max-width: none}
.editor_honor{ padding: 0}
.chairman_honor .pic .slick-arrow{ bottom: -45px}
.chairman_honor .pic h4{ width: 100%}
}
@media(max-width:640px){
  .editor_about_other .box_td{
    width: 100%;
  }
  .editor_about_other .box_td .in_side{ padding: 3%;}
.editor_chairman_article .itembox:nth-child(odd){ padding-left: 80px;padding-right: 28px;}
.editor_chairman_article .itembox:nth-child(even){ padding-left: 28px;padding-right: 80px;}
.editor_chairman_article .itembox:nth-child(odd):before{ border-top-left-radius: 0; border-top: none}
.editor_chairman_article .itembox:nth-child(even):before{ border-top-right-radius: 0; border-top: none}
.chairman_honor .pic h4{ font-size: 14px;}
}

.events_year{ position: relative}
.events_year:before{ content: ''; position: absolute; width: 100%; height: 1px; top: 58px; background: #e5e5e5}
.events_year .item{ font-size: 18px; text-align: center; float: left; width: 9.090%; position: relative; margin-bottom: 30px;}
.events_year .item a{ color: #333; cursor: pointer;display: block; /*padding-bottom: 40px;*/; height: 64px;font-weight: bold;line-height: 30px;}
.events_year .item:after{ content: ''; position: absolute; background: #c1c1c1; display: block; width: 11px; height: 11px; left:0; right: 0; margin: auto; bottom: 0; border-radius: 100px; transition: 0.5s}
.events_year .slick-current a{ font-size:24px; color: #e50011}
.events_year .slick-current:after{ width: 15px; height: 15px;bottom:-2px;}
.events_year .slick-arrow{ width: 45px; height: 45px; bottom: auto; top: 35px; border-radius: 100px;}
.events_year .slick-prev{ left: 1%; right: auto; }
.events_year .slick-next{ right: 1%; }
.events_year .slick-arrow:hover{box-shadow: 0 0 10px 0px rgb(255,52,52,0.5)}
.events_year .year{ padding: 0 50px; height: 100px; overflow:hidden}
.events_year .year .item{ float: left; white-space: nowrap}

.events_info{ padding-top: 4%; padding-bottom: 8%; background: url("../images/events_bg.jpg") no-repeat center bottom}
.events_info .item{ padding-left: 218px; min-height: 200px; position: relative; white-space: normal}
.events_info .year{z-index: 10;position: absolute; left: 0px; width:218px ;font-size: 3.7vw;; color: #e50011; text-align: center}
.events_info .year::after{  content: ''; position: absolute; right: -16px; top: 0; width:31px; height: 31px; background: url("../images/events_year_icon.png") no-repeat center center}

.events_info .nulltip{ padding-left: 5%; display: block}
.events_info .list{ padding: 0 0 4% 12.26%; position: relative}
.events_info .list:last-child{ padding-bottom: 0}
.events_info .list:before{ content: ''; left: 0; position: absolute; width: 1px; height: 100%; background: #eeeeee;}
.events_info .title{  position: absolute; left:-218px; top: 50%; width:218px;line-height: 24px; margin-top: -12px; text-align: center;padding-right: 15px;}
.events_info .year{padding-right: 15px;}
.events_info .title:after{ content: ''; position: absolute; display: block; right: -7px; top:50%; margin-top: -7px; width: 14px; height: 14px; border: solid 4px #fff; background: #e60012; box-shadow: 0 0 0px 1px #eeeeee; transform: rotate(45deg)}
.events_info .info{ background: #f8f8f8}
.events_info .pic{ width: 50%}
.events_info .pic img{ width: 100%}
.events_info .txt{ padding: 5%;}
.events_info .txt b{ display: block; font-size: 24px; color: #e50112; padding: 3% 0}
.events_info .txt span{ display: block; line-height: 32px; color: #666666;}
.events_info .info:hover .txt b{ color: #fff}
.events_info .info:hover .txt span{ color: #fff}
@media(max-width:1024px){
.events_info .item{ padding-left: 140px;}
.events_info .year{ width: 140px;}
.events_info .title{ width: 140px;left: -140px}
.events_info .list{ padding-left: 3%}
.events_info .txt b{ font-size: 18px}
}
@media(max-width:640px){
.events_info .pic,
.events_info .txt{ display: block; width: 100%}
  .events_info .list{padding-left: 20px;}
}

.honor_hot{ padding:0 10% ;background:url(../images/honor_bg.jpg) no-repeat center bottom}
.honor_hot .item{ text-align: center;}
.honor_hot .item a{ display: block;}
.honor_hot figure{ width:78%; padding: 0 10%; margin: auto; background: url(../images/honor_ying.png) no-repeat center bottom;background-size: 87%}
.honor_hot figure a{ padding-bottom: 126.1%; background:#fff no-repeat center bottom; background-size: contain ;}
.honor_hot figure:before,
.honor_hot figure:after{ content: ''; width: 35px; height: 100%; position: absolute; bottom: 0}
.honor_hot figure:before{ left: -35px;}
.honor_hot figure:after{ right: -35px;}
.honor_hot aside{ width:78%; margin: auto; padding-top: 40px; padding-bottom: 20px;}
.honor_hot aside h3{ height: 96px; line-height: 32px;}

.honor_list{ padding-top: 6%}
.honor_list ul{ padding:0 80px;}
.honor_list li{ float:left; position:relative;  text-align:center; margin-bottom:3%;}
.honor_list li:before,
.honor_list li:after{ position:absolute; content:''; bottom:0px; height:130px; width:80px;}

.honor_list li aside{padding:40px 5% 0 5%;height:130px;background:url(../images/honor_bg_mid.jpg) repeat-x left top;}
.honor_list li .ytable{ height:245px;}
.honor_list li .ytable-cell{ vertical-align:bottom;}
.honor_list li figure{ position:relative; display:inline-block;max-width: 80%;}
.honor_list li figure:after{ position:absolute; right:-24px; background:url(../images/honor_bg_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';}
.honor_list li figure img{ max-height:245px;}
.honor_list li p{ margin:0 auto; max-width:210px;width:90%; line-height:20px; max-height:40px; color:#333;}
.honor_list li h3{ height: 90px; line-height: 30px;}
.honor_list .ul-4 li{width:25%;}
.honor_list .ul-3 li{width:33.33333333%;}

.honor_list .ul-2 li{width:50%;}

.honor_list .ul-2 li:nth-child(odd) > *{ padding-left:30%;}
.honor_list .ul-2 li:nth-child(even) > *{ padding-right:30%;}
.honor_list .ul-1 li{width:100%;}

.honor_list ul li:first-child:before{ left: -80px; background:url(../images/honor_bg_left.jpg) no-repeat left top;}
.honor_list ul li:last-child:after{right:-80px; background:url(../images/honor_bg_right.jpg) no-repeat right top;}
@media(max-width:1024px){
.honor_hot{ padding:0 }
}
@media(max-width:640px){
.honor_list ul{ padding:0;}
.honor_list li .ytable{ height:150px;}
.honor_list li figure img{ max-height:150px; padding:3px}
.honor_list .ul-2 li:nth-child(odd) > *{ padding-left:30%;}
.honor_list .ul-2 li:nth-child(even) > *{ padding-right:30%;}
.honor_list .ul-3 li:nth-child(3):after{ display:none;}
.honor_list .ul-4 li{width:50%;}
.honor_list li:before,
.honor_list li:after{ width: 1px;}
.honor_list ul li:first-child:before,
.honor_list .ul-4 li:nth-child(odd):before{ left: 0px; background:url(../images/honor_bg_left.jpg) no-repeat left top;}
.honor_list .ul-4 li:nth-child(even):after,
.honor_list ul li:last-child:after{right:0px; background:url(../images/honor_bg_right.jpg) no-repeat right top;}
}
@media(max-width:480px){
.honor_list li .ytable{ height:100px;}
.honor_list li figure img{ max-height:100px;}
}


.party_info{ position: relative; padding-bottom: 5%; color: #fff; background: no-repeat right top; background-size: cover}
.party_info .column_name{color: #fff;}
.party_info .infobox{ width: 56%;}
.editor_party_num { padding: 5% 0}
.editor_party_num li{ float: left; width: 20%}
.editor_party_num li:nth-child(2){ width: 25%}
.editor_party_num li:nth-child(3){ width: 35%}
.editor_party_num li b{ font-size: 2.4vw; font-weight: bold;font-family: Roboto-Regular}
.editor_party_num li span{ display: block; opacity: 1}
.party_info .honor ul{ overflow: hidden}
.party_info .honor ul li{ float: left; width: 30%;}
.party_info .honor ul li:nth-child(2){ margin: 0 5%;}
.party_info .honor ul li .pic{ position: relative; padding-bottom: 65%;}
.party_info .honor ul li .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; bottom: 0;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
}
.party_info .honor ul li h4{ padding: 20px 0; color: #fff; text-align: center;white-space: normal;font-size: 16px;}
.party_info .honor .more{ text-align: right; padding-top: 4%;}
.party_info .honor .more a{ color: #fff; text-indent: 10%; padding: 1.8% 0; display: inline-block; max-width: 220px; width: 50%; text-align: left; border: solid 1px #fff;
background:url(../images/jt_white.png) no-repeat 86% center; transition: 0.5s}
.party_info .honor .more a:hover{ background-color: #fff; background-image:url(../images/jt_gray.png);color: #e60011; text-indent: 15%;background-position: 95%}

@media(max-width:1024px){
.party_info .infobox{ width: 100%;}
}
@media(max-width:768px){
.editor_party_num li b{ font-size: 26px; }
}
.party_dynamics{background: #f9f9f9}
.party_learning{}


.slide_news{ padding-bottom: 10%}
.slide_news .item{padding: 30px;}
.slide_news .item a{ display: block; position: relative;transition: 0.6s; }
.slide_news .item .pic span{ padding-bottom: 66.464%; background: no-repeat center center; background-size: cover}
.slide_news .item .txt{ padding: 8%; background: #ffffff;transition: 0.6s;}
.slide_news .item .txt h4{ line-height: 32px; height: 64px; margin-bottom: 20px; font-size: 18px;}
.slide_news .item .txt:after{ content: ''; height: 14px; width: 14px; display: block;background:url(../images/jt_icon.png) no-repeat right center; transition: 0.5s}
.slide_news .item .time{ font-size: 14px; text-align: center; padding: 6px 8px; position: absolute; left: 8%; top: 8%; background-color: #e60012; color: #fff}
.slide_news .item .time b{ display: block; font-size: 30px; font-weight: normal}
.slide_news .item .time2{ font-size: 14px; padding-bottom: 4%}
.slide_news .item a:hover .time2,
.slide_news .item a:hover .txt h4{ color: #fff}
.slide_news .item a:hover .txt:after{ background-position:left;}
.slide_news .item a:hover{ box-shadow: 0 0 30px 0px rgb(255,52,52,0.40)}

.slide_news .slick-list{ margin-left: -30px; margin-right: -30px;}
.slide_news .slick-prev{ right: auto; left: 50%;margin-left: -90px;}
.slide_news .slick-next{ right: 50%; margin-right: -90px;}

.slide_news.gray .item .txt{background: #f9f9f9;}
.slide_news.gray .slick-arrow{ background-color: #f9f9f9}

@media(max-width:1360px){
.slide_news .slick-list{margin-left: -15px; margin-right: -15px;}
.slide_news .item{ padding: 15px;}
}
@media(max-width:1024px){
.slide_news{ padding-bottom: 14%}
}
@media (max-width: 768px) {
  .slide_news .slick-arrow {bottom: 10px;}
  .slide_news .item .txt h4 {font-size: 14px; line-height: 24px; height: 48px;}
}
.charitablefund_info{
background: -moz-linear-gradient(top, rgba(246,204,101,0.3) 0%, rgba(255,255,255,0.45) 55%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(246,204,101,0.3) 0%,rgba(255,255,255,0.45) 55%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(246,204,101,0.3) 0%,rgba(255,255,255,0.45) 55%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cc65', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.charitablefund_info .fl_photo,
.charitablefund_info .fr_photo{ position: absolute;width: 21%;  }
.charitablefund_info .fl_photo{left: 0; max-width: 195px;}
.charitablefund_info .fl_photo b,
.charitablefund_info .fl_photo span{ display: block}
.charitablefund_info .fl_photo b{ padding-top: 5%; text-align: center;max-width: 140px; line-height: 28px; margin: auto; font-weight: normal}
.charitablefund_info .fr_photo{ right: 0; max-width: 220px;}
.charitablefund_info .mid_info{ padding-left: 21.5%; padding-right: 21.5%;}

.editor_charitablefund_num{ padding: 6% 0}
.editor_charitablefund_num li{ float: left; width: 48%; text-align: center}
.editor_charitablefund_num li b{  display: block; padding-bottom: 10px; font-size: 2.4vw; color: #e60011;	font-family: "Roboto-Regular";font-weight: bold;}
.editor_charitablefund_num li:nth-child(1){ border-right: solid 1px #eeeeee}

@media(max-width:768px){
.social_rural_revitalization .itembox01{
  margin-top: 370px;
}
.social_rural_revitalization .itembox01 .photo{
  position: absolute;
  top: -360px;
}
.charitablefund_info .fl_photo,
.charitablefund_info .fr_photo{ position: relative; width: 48%; margin: 0 auto;}
.charitablefund_info .fl_photo{ display: none;}

.charitablefund_info .mid_info{ clear: both; padding: 3% 0}
.editor_charitablefund_num li b{ font-size: 26px; }
}

.charitablefund_dynamics{ background: #f9f9f9}

.icon.red_bg{padding: 10px;border-radius: 100%; max-width: 80px; box-shadow: 0 0 0 8px rgb(230,0,18,0.15) }

.social_public_welfare .itembox01{ position: relative}
.social_public_welfare .column_name{ font-weight: bold;position: absolute; width: 100%; border-bottom: solid 1px rgb(250,250,250,0.2)}
.social_public_welfare .column_name.line{ padding-top: 2%; padding-bottom: 2%}
.social_public_welfare .column_name .cn{ color: #fff}
.social_public_welfare .column_name.line .cn:after{ bottom: 0; width: 246px; margin-left: -126px; height: 3px;}
.social_public_welfare .infobox{ position: absolute; left: 0; right: 0; bottom: 5%; width: 90%; margin: auto; padding: 2% 5%; border-radius: 50px 0px 50px 0px; background-color: rgb(250,250,250,0.6); border: solid 1px #fff}
.social_public_welfare .info{ text-align: center; padding-bottom: 4%}
.social_public_welfare .list .item{ position: relative}
.social_public_welfare .list .icon{ left: 8px; top: 8px; position: absolute; }
.social_public_welfare .list .num,
.social_public_welfare .list .txt{ padding-left: 130px;}
.social_public_welfare .list .num{ font-size: 2.4vw; color: #e60011; padding-top: 10px; padding-bottom: 10px;font-weight: bold;font-family: "Roboto-Regular"}
.social_public_welfare .list .txt{ width: 80%; color: #222; line-height: 28px;}
.social_public_welfare .slick-dots{ position: relative; bottom: auto}

.social_public_welfare .itembox02{ padding: 4% 0}
.social_public_welfare .itembox02 .box_td{ width: 32%; padding: 3% 4%; border: solid 1px #f2f2f2; position: relative; vertical-align: top}
.social_public_welfare .itembox02 .box_td.empty{ width: 2%; border: none; padding: 0}
.social_public_welfare .itembox02 .year{ font-weight: bold;font-size: 24px; padding-bottom: 2%; color: #e60012}
.social_public_welfare .itembox02 .txt{ text-align: left;position: relative; padding-top: 3%}
.social_public_welfare .itembox02 .box_td:hover{ color: #fff; box-shadow: 0 0 40px 0 rgb(255,52,52,0.5); border-color: #f42926;}
.social_public_welfare .itembox02 .box_td:hover:before{ content: ''; position: absolute; display: block; width: 94%; height: 90%; border: solid 1px #fff; opacity: 0.3 ; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.social_public_welfare .itembox02 .box_td:hover .year{ color: #fff}

.social_rural_revitalization .column_name{ text-align: left; font-weight: bold; padding-bottom: 0; margin-bottom: 1%;}
.social_rural_revitalization .info{ padding-bottom: 3%}
.social_rural_revitalization .itembox01{ position: relative;color: #fff;}
.social_rural_revitalization .info2{ position: absolute; width: 50%; max-width: 540px; top: 5%; left:6%;}
.social_rural_revitalization .info2 p{ font-size: 24px; padding: 5% 11%; position: relative;opacity: 0.8;}
.social_rural_revitalization .info2 p:before,
.social_rural_revitalization .info2 p:after{ position: absolute; opacity: 0.5; font-size: 60px;}
.social_rural_revitalization .info2 p:before{ content: '“'; left: -5%}
.social_rural_revitalization .info2 p:after{ content: '”'; right: 0; bottom: -5%}
.social_rural_revitalization .info2 span{font-size: 20px; display: block; text-align: right;}
.social_rural_revitalization .list{position: absolute; width: 50%; bottom: 5%; left:6%;}
.social_rural_revitalization .list .item{ padding: 20px 0; position: relative}
.social_rural_revitalization .list .icon{ top: 20%; left: 8px; position: absolute;}
.social_rural_revitalization .list .num,
.social_rural_revitalization .list .txt{ padding-left: 130px;}
.social_rural_revitalization .list .num{ font-size: 2.4vw;padding-top: 20px; padding-bottom: 20px;font-weight: bold;font-family: Roboto-Regular;}
.social_rural_revitalization .list .txt{ opacity: 0.5; max-width: 580px; font-size: 16px}

.social_rural_revitalization .itembox02{ position: relative; padding: 4% 0; overflow: hidden}
.social_rural_revitalization .itembox02 .slick-list:before{ content: ''; position: absolute; top: 40px; width: 100%; height: 2px; background: #e60011}
.social_rural_revitalization .itembox02 .slick-track{ display: table; padding-top: 116px; padding-bottom: 30px;}
.social_rural_revitalization .itembox02 .item{ float: none; padding: 2% 0; position: relative; display: table-cell}
.social_rural_revitalization .itembox02 .item:before{ content:''; position: absolute; top: -32px; left: 16%; display: block; border: solid 16px transparent; border-bottom-color: #f5f5f5}
.social_rural_revitalization .itembox02 .item:after{ content: ''; position: absolute; width: 90%; height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0;background-color: #f5f5f5; border-radius: 20px;}
.social_rural_revitalization .itembox02 .icon{ left: 10%; top: -108px; position: absolute; padding: 4px; max-width: 68px;}
.social_rural_revitalization .itembox02 .box{ padding: 0 16%; position: relative; z-index: 2 }
.social_rural_revitalization .itembox02 .title{ padding: 2% 0; font-size: 24px; color: #e50112}
.social_rural_revitalization .itembox02 .item:hover:after{box-shadow: 0 0 20px 0px rgb(255,52,52,0.5)}
.social_rural_revitalization .itembox02 .item:hover:before{border-bottom-color: #fb3c30}
.social_rural_revitalization .itembox02 .item:hover .title,
.social_rural_revitalization .itembox02 .item:hover .txt{ color: #fff}
@media(max-width:1450px){
.social_rural_revitalization .info2 p{ font-size: 20px; }
.social_rural_revitalization .list .item{padding: 10px 0;}
}

@media(max-width:1200px){
.social_public_welfare .list .num,
.social_public_welfare .list .txt{ padding-left: 0px;}
.social_public_welfare .list .icon{position: relative;}
.social_public_welfare .list .txt{ font-size: 16px}
.social_rural_revitalization .info2{ position: relative; color: #333;left:auto; top: auto; padding-bottom: 3%}
.social_rural_revitalization .list .num {padding-top: 10px; padding-bottom: 10px;}
.social_public_welfare .itembox02 .txt{ font-size: 16px}
}
@media(max-width:1024px){
.social_rural_revitalization .list{ position: relative;width: 100%;  bottom: auto;  left: auto;}
.social_rural_revitalization .itembox01{color: #333;}
.social_rural_revitalization .list .num{color: #e50112;}
.social_rural_revitalization .list .txt{ opacity: 1}
.social_rural_revitalization .list .item{ padding: 3% 0}
.social_rural_revitalization .info2{ width: 100%}

}
@media(max-width:768px){
.social_public_welfare .itembox02 .box_td{ display: block; width: 100%}
.social_public_welfare .itembox02 .box_td.empty{ padding: 0; height: 10px;}
.social_public_welfare .itembox02 .txt{ padding-top: 0}
.social_public_welfare .infobox{position: relative;bottom: auto; width: 100%;}
.social_rural_revitalization .itembox02 .title{font-size: 18px;}
.social_public_welfare .list .num,
.social_rural_revitalization .list .num{ font-size: 26px}
.social_public_welfare .list .num{ padding-top: 30px}
}

.social_photo { padding-bottom:4%}
.social_photo .list .item{ position: relative}
.social_photo .list .item img{ width: 100%}
.social_photo .list .item h3{ color: #fff; text-align: center;position: absolute; bottom: 0; width: 100%; padding:1.8% 5%; background-color: rgb(0,0,0,0.6)}
.social_photo .center_arrow{margin-left:0px;    margin-right:0px;}
.social_photo .center_arrow .slick-list{ padding: 0}
.social_photo .center_arrow .slick-prev{ left: 2%; right: auto}
.social_photo .center_arrow .slick-next{ right: 2%}

.social_download{ padding: 2% 0; background: #f9f9f9; overflow: hidden}
.social_download .column_name{ font-weight: bold}
.social_download .list{ text-align: center; padding: 0 12.5%;}
.social_download .list .slick-track{ padding-top: 10%; padding-bottom: 26%}
.social_download .list .item{ padding: 10px; position: relative; opacity: 0.3;transition: 0.5s;}
.social_download .list .item .pic{ box-shadow: 0 0 10px rgb(0,0,0,0.3);transition: 0.5s;}
.social_download .list .item .pic img{ width: 100%}
.social_download .list .item .txt{ display: none;position: absolute; width:300%; left: -100%;}
.social_download .list .item .txt h3{ padding: 15px 0}
.social_download .list .item .txt .down a{ display: inline-block; padding: 4% 0; width: 50%; color: #fff;box-shadow: 0 0 20px 0px rgb(255,52,52,0.5)}
.social_download .list .prevslide,
.social_download .list .nextslide{ z-index: 2;opacity: 0.5}
.social_download .list .prevslide .pic,
.social_download .list .nextslide .pic{transform: scale(1.33); }
.social_download .list .slick-current{ z-index: 3;opacity: 1}
.social_download .list .slick-current .pic{transform: scale(1.68);}
.social_download .list .slick-current .txt{ display: block; padding-top: 50%;}
.social_download .list .slick-arrow{ bottom: auto; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.social_download .list .slick-prev{ left: 5%; right: auto}
.social_download .list .slick-next{ right: 5%}
@media(max-width:1200px){
.social_download .list .slick-track{padding-bottom: 30%}
}
@media(max-width:1200px){
.social_download .list .slick-track{padding-bottom: 200px}
}
.news_hot{ padding-top: 1%; padding-bottom: 5%; background: #f9f9f9 }
.news_hot .list{ background: #fff}
.news_hot .list .item{; position: relative; display: table!important}
.news_hot .list .box_td{ width: 50%}
.news_hot .list .pic{ position: relative; padding-top: 33.6%;}
.news_hot .list .pic a{ display: block; position: absolute; top: 0; width: 100%; height: 100%; background: no-repeat center center; background-size: cover;}
.news_hot .list .info{ padding: 6% 5%}
.news_hot .list .time{ display: inline-block;font-size: 14px; text-align: center; padding: 6px 8px; background-color: #e60012; color: #fff}
.news_hot .list .time b{ display: block; font-size: 30px; font-weight: normal}
.news_hot .list h4{ margin: 5% 0; font-size: 32px; line-height: 42px; height: 84px;}
.news_hot .list h5{ padding-top: 6.5%}
.news_hot .list h5 span{ font-size: 14px; color: #666666; display: inline-block; border: solid 1px #eeeeee; padding: 0 10px; line-height: 34px;}
.news_hot .list p{ line-height: 25px; height: 50px;color: #666666; }
.news_hot .slick-dots{ width: auto; bottom: 15%; right: 5%}
.news_hot .slick-dots li button{ position: relative}
.news_hot .slick-dots li.slick-active button:before{ content: ''; position: absolute; width: 300%; height: 300%; border: solid 1px #e60012; border-radius: 100px; left: 50%; top: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media(max-width:1200px){
.news_hot .list h4{font-size: 26px; line-height: 32px; height: 64px;}
}
@media(max-width:768px){
.news_hot .list .info{ padding: 4% 3%}
.news_hot .list h4{font-size: 22px; line-height: 26px; height:52px;}
.news_hot .list .time{padding: 4px; font-size: 12px;}
.news_hot .list .time b{ font-size: 18px;}
.news_hot .slick-dots{bottom: 10%;}
.news_hot .slick-dots li{ padding: 0 5px}
}
@media(max-width:640px){
  .social_rural_revitalization .info2 p{
    font-size: 16px;
  }
  .social_rural_revitalization .info2 p:before{ left: -1%;}
  .social_rural_revitalization .info2 p::after{ right: -1%;}
  .slick-initialized .slick-slide{
    height: 165px;
  }
  .Banner002826 .slider li.slick-slide{
    height: auto;
  }
  .product_brand .slick-initialized .slick-slide{
    height: 100%;
  }
  .contact_join .slick-initialized .slick-slide{
    height: 100%;
  }
  .infobox  .slick-initialized .slick-slide{
    height: 100%;
  }
  .honor_hot .slick-initialized .slick-slide{
    height: 100%;
  }
  .events_info  .slick-initialized .slick-slide{
    height: 100%;
  }
  .social_rural_revitalization .info2 span{
    font-size: 16px;
  }
  .social_rural_revitalization .itembox01{
    margin-top: 200px;
  }
  .social_rural_revitalization .itembox01 .photo{
    position: absolute;
    top: -200px;
  }
  
  .slick-initialized.slide_news .slick-slide{
    height: auto;
  }
.news_hot .list .pic{ padding-bottom: 60%}
.news_hot .list .box_td{ display: block; width: 100%}
.news_hot .list .time{ position: absolute;  left: 2%; top: 2%}
.news_hot .list h4{ margin-top: 0;font-size: 18px;}
.news_hot .slick-dots{bottom: 4%;}
}
.news_list .sub{ padding: 3% 0; text-align: center; font-size: 24px; font-weight: bold}
.news_list .sub li{ display: inline-block;position: relative; padding: 0 2%;}
.news_list .sub li a{ display: inline-block; padding: 15px 0; border-bottom: solid 2px #fff}
.news_list .sub li.aon a{ color: #e60012; border-bottom-color: #e60012}

.news_list .list li{float: left; width: 30.836%; margin-left: 3.746%; margin-bottom: 3.746%}
.news_list .list li a{ display: block; position: relative;transition: 0.6s; }
.news_list .list li .pic span{ padding-bottom: 66.464%; background: no-repeat center center; background-size: cover}
.news_list .list li .txt{ padding: 8%; background: #f9f9f9;transition: 0.6s;}
.news_list .list li .txt:after{ content: ''; height: 14px; width: 14px; display: block;background:url(../images/jt_icon.png) no-repeat right center; transition: 0.5s}
.news_list .list li .txt h4{ font-size: 20px; line-height: 32px; height: 64px; margin: 15px 0}
.news_list .list li .txt h5{ font-size: 16px; color: #999999}
.news_list .list li .txt p{ height: 60px; line-height: 30px; margin-bottom: 20px; color: #999999}
.news_list .list li .time{ font-size: 14px; text-align: center; padding: 6px 8px; position: absolute; left: 8%; top: 8%; background-color: #e60012; color: #fff}
.news_list .list li .time b{ display: block; font-size: 30px; font-weight: normal}
.news_list .list li .time2{ font-size: 14px; padding-bottom: 4%}
.news_list .list li a:hover .time2,
.news_list .list li a:hover .txt h4,
.news_list .list li a:hover .txt h5,
.news_list .list li a:hover .txt p{ color: #fff}
.news_list .list li a:hover .txt p{ opacity: 0.6}
.news_list .list li a:hover .txt:after{background-position: left}
.news_list .list li a:hover{ box-shadow: 0 0 30px 0px rgb(255,52,52,0.40)}
@media(min-width:1024px){
.news_list .list li:nth-child(3n+1){ margin-left: 0; clear: both;}
.news_list .list li:nth-child(4),
.news_list .list li:nth-child(5),
.news_list .list li:nth-child(6){ margin-bottom: 0}
}
@media(max-width:1024px){
.news_list .list li{ width: 48.5%; margin-left: 3%}
.news_list .list li:nth-child(2n+1){ margin-left: 0; clear: both;}
.news_list .list li .txt h5,
.news_list .list li .txt p{ font-size: 14px;}
.news_list .list li .txt p{ line-height: 22px; height: 44px;}
.news_list .list li .txt h4{ font-size: 18px; line-height: 28px; height:56px; }
}
@media(max-width:768px){
.news_list .sub{font-size:18px;}
.news_list .sub li{ display: block; float: left; padding: 0; width: 25%}
.news_list .list li .txt h4{ font-size: 16px;line-height: 24px; height: 48px;}
.news_list .list li .time{ padding: 4px; font-size: 12px; left: 2%; top: 2%}
.news_list .list li .time b{ font-size: 18px;}
}

.brand_activities{ position: relative; overflow: hidden}
.brand_activities .list{ position: relative; overflow:hidden}
.brand_activities .item_info .item{ position: relative}
/* .brand_activities .item_info .item .pic{ background-color: #000} */
.brand_activities .item_info .item a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}  
.brand_activities .item_info .item .pic img{ width: 100%; opacity: 1}
.brand_activities .item_info .item .txt{ line-height: 28px; color: #fff; position: absolute; top: 15%; left: 50%; width: 35%;}
.brand_activities .item_info .item .txt h3{font-size: 54px; padding: 2% 0;  line-height: 120%;margin-bottom: 2%;}
.brand_activities .item_title{ position: absolute; width: 100%; bottom: 0; z-index: 10; padding:2% 0}
.brand_activities .item_title:before,
.brand_activities .item_title:after{ content: ''; position: absolute; left: -3%; bottom: 47%; width: 106%; height: 110%; z-index: 5; border-bottom: solid 1px #fff; border-radius:100%}
.brand_activities .item_title .item {display: inline-block!important; float: none!important; height: 140px; position:relative}
.brand_activities .item_title .item .box{ transition: 0.3s; position: absolute; left: 50%; top: 36%; width: 24px; height: 24px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: 0.5s; cursor: pointer}
.brand_activities .item_title .item .box:before{ z-index: 1; content: ''; position: absolute; opacity: 0.5; width: 100%; height: 100%; border-radius: 100px;
background: rgb(254,171,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,171,5,1) 0%, rgba(254,211,32,1) 71%, rgba(254,211,32,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,171,5,1) 0%,rgba(254,211,32,1) 71%,rgba(254,211,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,171,5,1) 0%,rgba(254,211,32,1) 71%,rgba(254,211,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feab05', endColorstr='#fed320',GradientType=0 ); /* IE6-9 */
}
.brand_activities .item_title .item .box:after{ z-index: 2; content: ''; top: 50%; left: 50%; position: absolute; width: 60%; height: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100px; background: #fff}
.brand_activities .item_title .item .icon{ position: absolute; width: 60%; left: 0; top: 150%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);z-index: 12; white-space: nowrap}
.brand_activities .item_title .item .icon span{ margin-left: -10%; opacity: 0; width: 120%; padding-bottom: 120%; display: block; background: no-repeat center center; background-size: 300%; border-radius: 100px;}
.brand_activities .item_title .item .txt{ font-size: 16px; text-align: center; color: #a9a9a9; position: absolute; width: 100%; bottom: 50px;}
.brand_activities .item_title .slick-active{}
.brand_activities .item_title .prevshow{ }
.brand_activities .item_title .nextshow{}
.brand_activities .item_title .slick-current .box{ width: 100px; height: 100px; top: 40%}
.brand_activities .item_title .slick-current .box:before,
.brand_activities .item_title .slick-current .box:after{
background: rgb(255,72,53); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,72,53,1) 0%, rgba(230,0,18,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,72,53,1) 0%,rgba(230,0,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,72,53,1) 0%,rgba(230,0,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4835', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */
}
.brand_activities .item_title .slick-current .box:after{ width:50%; height: 50%;}
.brand_activities .item_title .slick-current .icon{ top: 50%;left: 50%;  }
.brand_activities .item_title .slick-current .icon span{ opacity: 1}
.brand_activities .item_title .slick-current .txt{color: #fff; font-size: 18px; bottom: 0;}
.brand_activities .item_title .slick-track{ margin: auto;}
.brand_activities .item_title .slick-list{ z-index: 100}

.home_brand_activities .item_title .slick-current .box{ width: 60px; height: 60px; top: 54%}
.home_brand_activities .item_title .slick-current span{ display: none}
@media(max-width:1200px){
.brand_activities .item_info .item .txt h3{font-size:32px; }
.brand_activities .item_info .item .txt{left:20%;width: 60%;}
.brand_activities .item_title .item{ height: 120px;}
.brand_activities .item_title .item .box{ top:40%}
.brand_activities .item_title .txt{ font-size: 13px}
.brand_activities .item_title .slick-current .box{ top:50px;width: 80px; height: 80px;}
.brand_activities .item_title .slick-current .txt{ font-size: 16px}
.brand_activities .item_title:before,
.brand_activities .item_title:after{ height: 100%}
}
@media(max-width:640px){
  .brand_activities .list{
    padding-bottom: 59px !important;
  }
  .brand_activities .item_title{
    bottom: -10% !important;
  }
  .home_brand_activities .list{
    padding-bottom: 0 !important;
  }
}
@media(max-width:375px){
  .brand_activities .list{
    padding-bottom: 42px !important;
  }
  .home_brand_activities .list{
    padding-bottom: 0 !important;
  }
}
@media(max-width:320px){
  .brand_activities .list{
    padding-bottom: 20px !important;
  }
  .home_brand_activities .list{
    padding-bottom: 0 !important;
  }
}
@media(max-width:768px){
.brand_activities .item_info .item .txt{ left:5%; width:90%;line-height: 20px}
.brand_activities .item_info .item .txt h3{font-size:22px; max-height: 48px;overflow: hidden;line-height: 24px;}
.brand_activities .item_info .item .mp{max-height: 100px;overflow: hidden;}
.brand_activities .item_title .item .icon{font-size:16px; }
.brand_activities .item_title:before{ height:200%;display: none;}
.brand_activities .list{ padding-bottom: 60px}
.brand_activities .item_title{bottom: -8%;}
.brand_activities .item_title .slick-current .txt{ color: #e50012}
.brand_activities .item_title .item .txt{ bottom: 35px}
.brand_activities .item_title:before, .brand_activities .item_title:after{ display: none}
}


.brand_product_banner{ position: relative; overflow: hidden;}
.brand_product_banner .item_photo .item{position: relative}
.brand_product_banner .item_photo a{ display: block; position: absolute; width: 100%; height: 100%}
.brand_product_banner .item_photo .txt{ position: absolute; width: 100%; text-align: center; bottom: 80px; color: #fff;}
.brand_product_banner .item_title{ position: absolute; background: url("../images/line.png") no-repeat center center; background-size: 100%; left: 0; width:100%; bottom: 60px; z-index: 2; display: none;}
.brand_product_banner .item_title .item{ padding: 20px 5px;}
.brand_product_banner .item_title .pic { transform: translateY(-10px); width: 20px; height: 20px; margin: auto; position: relative; border: solid 3px #fff; background-color: #fff; transition: 0.5s; border-radius: 100px; overflow: hidden}
.brand_product_banner .item_title .pic span{ position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; background: no-repeat center center; background-size: cover}
.brand_product_banner .item_title .nextshow .pic{transform: translateY(10px);}
.brand_product_banner .item_title .slick-current .pic{ width: 80px; height: 80px;transform: translateY(20px);}
.brand_product_banner .item_title .slick-current .pic span{ opacity: 1}
/* .brand_product_banner  .slick-arrow{display: none!important;} */
@media(max-width:768px){
.brand_product_banner .item_title{ display: none;}
.brand_product_banner .item_photo .txt{ bottom: 16px}
}

.brand_product{ overflow: hidden}
.brand_product .product{ display: table;width:100%; position:relative;}
.brand_product .photo{ width: 15%; display: table-cell; padding-bottom: 50%; position: relative; transition: 0.5s;/*-webkit-mask-position: left;-webkit-mask-size:contain;*/}
.brand_product .photo .item{ display:block; position:absolute; width:100%; height:100%; overflow:hidden;background:no-repeat center center; transition: 0.5s;}
.brand_product .photo .item .info{bottom:-100%; left:10%; width: 80%; text-align: center; position:absolute; line-height:40px; color:#fff; font-size:18px; text-align:center;transition: 0.5s; opacity: 0;}
.brand_product .photo .item .logo{ width: 30%; margin: auto;}
.brand_product .photo .item .info p{}
.brand_product .photo .item .info a{ color: #fff; display: inline-block; width: 40%; padding: 10px 0; max-width:220px; border-radius:100px; background-image: linear-gradient(270deg, #e60012 0%, #ff4835 100%), linear-gradient(#fbfbfb, #fbfbfb);background-blend-mode: normal, normal; transition: 0.5s}
.brand_product .photo .item .info a:hover{ background: #fff; color: #e60011}
.brand_product .photo.show .item .info{bottom:5%; opacity: 1; }
.brand_product .photo.show{ width: 55%}
.brand_product .photo.show .item{ z-index: 5;}
@media(min-width:768px){
.brand_product .photo .item .txt a{ width:200px; line-height:60px;}
.brand_product .photo .item{ width: 140%;}

.brand_product #n4 .item{ width: 90%; right: -10%}
.brand_product #n1 .item{-webkit-mask:url(../images/huxin_right.png);-webkit-mask-position:right; z-index: 4}
.brand_product #n2 .item{-webkit-mask:url(../images/huxin_left.png);-webkit-mask-position:left;}
.brand_product #n3 .item{-webkit-mask:url(../images/huxin_left.png);-webkit-mask-position:left;}
.brand_product #n4 .item{-webkit-mask:url(../images/huxin_left.png);-webkit-mask-position:left; z-index: 4}

.brand_product #num0 #n1.show .item{ width: 120%}
.brand_product #num0 #n3 .item{ width: 160%}

.brand_product #num1 #n2.show .item{ left: -12%;}
.brand_product #num1 #n3 .item{z-index: 5;width: 160%; }
.brand_product #num1 #n4 .item{z-index: 6}

.brand_product #num2 #n2 .item{ left: -25%; z-index: 5}
.brand_product #num2 #n3.show .item{ left: -20%}
.brand_product #num2 #n4 .item{ z-index: 6}

.brand_product #num3 #n2 .item{left: -25%;z-index: 5}
.brand_product #num3 #n3 .item{left: -60%; z-index: 6}
.brand_product #num3 #n4.show .item{width: 140%; z-index: 7}
}
@media(max-width:768px){
.brand_product .photo .item{ background-size: cover}
.brand_product .photo .item .logo{ width: 70%;}
.brand_product .photo .item .info{ font-size: 14px; opacity: 1;}
.brand_product .photo .item .info a{ padding: 0}
}
.brand_buy_shop{ position: relative;}
.brand_buy_shop .photo img{ width: 100%}
.brand_buy_shop .infobox{ position: absolute; width: 100%; height: 80%; top: 10%}
.brand_buy_shop .column_name{ text-align: left}
.brand_buy_shop .column_name .cn{ font-weight: bold}
.brand_buy_shop .column_name .en{font-size: 20px;}
.brand_buy_shop .info{ width: 46%; line-height: 30px; padding-bottom: 5%}
.brand_buy_shop .buy_list{ max-width: 810px; border-radius: 20px;width: 50.625%}
.brand_buy_shop .buy_list *{ transition: 0.5s}
.brand_buy_shop .buy_list ul{ display: table; width: 100%}
.brand_buy_shop .buy_list li{ display: table-cell; height: 200px; vertical-align: middle;text-align: center}
.brand_buy_shop .buy_list li:nth-child(1){ width: 32%; border-radius: 20px 0 0 20px}
.brand_buy_shop .buy_list li:nth-child(2){ width: 36%;}
.brand_buy_shop .buy_list li:nth-child(3){ border-radius: 0 20px 20px 0}
.brand_buy_shop .buy_list a{ padding: 5% 0; display: block}
.brand_buy_shop .buy_list span{ display:block; padding-bottom: 20px;}
.brand_buy_shop .buy_list .img1{ display:inline-block}
.brand_buy_shop .buy_list .img2{ display: none}
.brand_buy_shop .buy_list b{ display: block; color: #fff}
.brand_buy_shop .buy_list .buy{ display: none;color: #fff; width: 90%; max-width: 160px; line-height: 50px; margin: auto; border-radius: 100px;}
.brand_buy_shop .buy_list .show{ background: #fff; box-shadow: 0 0 50px 2px rgb(255,52,52,0.74)}
.brand_buy_shop .buy_list .show span{display: inline-block; width: 55px;padding-bottom: 0;}
.brand_buy_shop .buy_list .show b{ color: #e60012; display: inline-block; padding-left: 10px;}
.brand_buy_shop .buy_list .show .txt{ padding-bottom: 10%;}
.brand_buy_shop .buy_list .show .buy{ display: block}
.brand_buy_shop .buy_list .show .img1{ display:none}
.brand_buy_shop .buy_list .show .img2{ display: inline-block}
@media(max-width:1200px){
.brand_buy_shop .buy_list li{ height: 150px}
.brand_buy_shop .buy_list .buy{ line-height: 34px;}
.brand_buy_shop .buy_list .show .txt{ padding-bottom: 6%;}
.brand_buy_shop .info{font-size: 14px; line-height: 26px;}
}
@media(max-width:960px){
.brand_buy_shop .infobox{ position: relative; top: auto; height: auto; padding-bottom: 4%; padding-top: 2%}
.brand_buy_shop .info{ width: 100%; }
.brand_buy_shop .buy_list .img1{ width: 50%}
.brand_buy_shop .buy_list .show b{ display: block}
  .brand_buy_shop .buy_list{width: auto;}
}

.logo_brand{ text-align: center; width:60%; max-width: 320px; margin: auto}

.ewm_brand ul{float: right; max-width: 320px; width: 50%}
.ewm_brand ul li{ float: left; width: 32%; background: #e60012; border-radius: 0 0 100px 100px; padding: 30px 10px 10px 10px; position: relative;transform: translateY(-10px); transition: 0.5s}
.ewm_brand ul li:nth-child(2){ margin: 0 2%}
.ewm_brand ul li a{ display: block; border-radius: 100%; padding-bottom: 100%; position: relative; background:#fff no-repeat center center; z-index: 5}
.ewm_brand ul li a img{ position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 70%;}
.ewm_brand ul li span{left: 50%; top: 120%; position: absolute; width: 120%; border: solid 1px #eeeeee; padding: 6px;transform:translateX(-50%) scale(0); transition: 0.6s; background: #fff;;}
.ewm_brand ul li span:before{ content: ''; position: absolute; left: 50%; margin-left: -7px; top: -7px; width: 14px; height: 14px; background: #fff; transform: rotate(-45deg); border-top: solid 1px #eeeeee;border-right: solid 1px #eeeeee}
.ewm_brand ul li:hover{transform: translateY(0px);}
.ewm_brand ul li:hover span{transform: translateX(-50%) scale(1);}
@media(max-width:640px){
.ewm_brand ul li span{left: 50%; width: 200%; }
  .ewm_brand ul li:hover span{transform:translateX(-50%) scale(1);}
  .ewm_brand ul{float: right; max-width: 320px; width: 30%}
}

.product_brand { padding-bottom: 6%}
.product_brand .list_title{ padding: 3% 0}
.product_brand .list_title .item{ padding: 0px 5px;}
.product_brand .list_title a{ line-height: 50px; cursor: pointer;text-align: center; display: block; background-color: #f9f9f9; border-radius: 100px;}
.product_brand .list_title .slick-current a{ color: #fff;}
.product_brand .subitem{ text-align: center; padding: 40px 20px 0px 20px}
.product_brand .subitem .pic{ position: relative; padding-bottom: 60%; max-width: 90%; margin: auto}
.product_brand .subitem .pic img{ position: absolute; max-height: 100%; max-width: 90%; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.product_brand .subitem .txt{ line-height: 40px;}
.product_brand .slick-arrow{ background-color: #f9f9f9}
.product_brand .center_arrow .slick-prev{ left: 10px;}
.product_brand .center_arrow .slick-next{ right: 10px;}
@media(max-width:1024px){
  .brand_activities .item_title .slick-current .box{ width: 30px !important; height: 30px !important; top: 40%}
  .brand_activities .item_title .slick-current .box:after{ width:80% !important; height: 80% !important;}
  .brand_activities .item_title .slick-current .box::before{ width:100% !important; height: 100% !important;}
.product_brand .center_arrow{ padding: 0}
}
.video_brand{position: relative}
.video_brand video{ width: 100%}
.video_brand::after{content:"";display: block;width: 100%;height: 100%;position: absolute;z-index: 5;left: 0;top: 0;background:url("../images/play.png") no-repeat center center;}
.video_brand.onPlay::after{display: none;}
.info_brand{ padding-bottom: 6%}

.editor_info_brand .info{ text-align: center}
.editor_info_brand .info1{ text-align: center}
.editor_info_brand .info1 .txt{ font-size: 16px;}
.editor_info_brand .info1 ul{ display: table; width: 100%;}
.editor_info_brand .info1 ul li{ width: 33.333%; padding: 3%; display: table-cell; }
.editor_info_brand .info1 ul li .tit{ position: relative; color: #fff; width: 180px; height: 180px; border-radius: 100%; margin: auto;}
.editor_info_brand .info1 ul li .tit b{ font-size: 32px; position: absolute; width: 100%; line-height: 40px; height: 40px; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.editor_info_brand .info1 ul li:nth-child(1) .tit{ background-color: #fdd100; box-shadow: 0 0 30px 0 rgb(253,209,0,0.5)}
.editor_info_brand .info1 ul li:nth-child(2) .tit{ background-color: #f18200; box-shadow: 0 0 30px 0 rgb(241,130,0,0.5)}
.editor_info_brand .info1 ul li:nth-child(3) .tit{ background-color: #e70012; box-shadow: 0 0 30px 0 rgb(231,0,18,0.5)}
.editor_info_brand .info1 ul li .txt{ padding: 8% 0; line-height: 28px; max-width: 300px; margin: auto}

.editor_info_brand .info2 ul{ display: table; width: 100%;}
.editor_info_brand .info2 ul li{ display: table-cell; color: #fff; border-radius: 100px; text-align: center; font-size: 20px; padding: 17px 10px;}
.editor_info_brand .info2 ul li:nth-child(1){ background: #5ba572}
.editor_info_brand .info2 ul li:nth-child(3){ background: #f7921c}
.editor_info_brand .info2 ul li:nth-child(5){ background: #008cd7}
.editor_info_brand .info2 ul li:nth-child(7){ background: #f05f77}
.editor_info_brand .info2 ul li:nth-child(9){ background: #5cc2d0}
.editor_info_brand .info2 ul li.empty{ width: 20px;}
@media(max-width:960px){
.editor_info_brand .info1 ul li .tit{width: 120px; height: 120px; }
.editor_info_brand .info1 ul li .tit b{ font-size: 20px;}
.editor_info_brand .info1 .txt{ font-size: 14px;}
}
@media(max-width:640px){
.editor_info_brand .info1 ul li{ display: block; width: 100%;}
.editor_info_brand .info1 ul li .tit{width: 80px; height: 80px; }
.editor_info_brand .info1 ul li .txt{ padding: 3% 0;max-width:90%;}
.editor_info_brand .info2 ul li{ display: block;width:100%; font-size: 16px; padding: 10px}
.editor_info_brand .info2 ul li.empty{ width:100%; padding: 5px}
  .product_brand .center_arrow .slick-prev{left: -5px;}
  .product_brand .center_arrow .slick-next{right: -5px;}
  .product_brand .list_title a{line-height: 35px;}
  .product_brand .slick-current{ z-index: 100;position: relative;}
  /*.product_brand .center_arrow{padding: 0 30px}*/
  .video_brand::after{background-size: 40px;display: none;}
}

.editor_investor_info{ }

.editor_investor_num{ position: relative}
.editor_investor_num ul li{ float:left; }
.editor_investor_num ul li b{line-height: 100%; display: block; color: #e60011; font-size: 2.4vw}
.editor_investor_num ul li span{ color: #666}
.editor_investor_num ul.ul_num2 li{width: 50%;}
.editor_investor_num ul.ul_num3 li{width: 33.333%;border-left: solid 1px #e5e5e5; padding-left: 3%;}
.editor_investor_num ul.ul_num3 li:nth-child(1){ border-left:none; padding-left: 0}

.investor_development .box1{padding-bottom: 10%}
.investor_development .column_name:first-child{ padding: 4% 0}
.investor_development .fl_box{ float: left; width: 46%}
.investor_development .fl_box .column_name{ padding-top: 0}
.investor_development .fr_box{float: right; width: 48%; text-align: center}
@media(max-width:1024px){
.investor_development .fl_box,
.investor_development .fr_box{float:none; width:100%}
}
@media(max-width:768px){
.editor_investor_num ul li b{font-size: 26px}
}
@media(max-width:640px){
	.editor_investor_num ul li{ padding-right: 3%;}
.editor_investor_num ul li b{font-size: 20px}
}

.investor_download { padding-bottom: 5%}
.investor_download .column_name .cn{ font-size: 24px;}

.investor_download .list .item{ padding:30px 10px;}
.investor_download .list .item a{ display: block; background: #f5f5f5; padding:9%}
.investor_download .list .item a:before{ content: ''; display: block; height: 40px; background: url("../images/file_red.png") no-repeat left top}
.investor_download .list .item h4{ line-height: 30px; height: 60px;}
.investor_download .list .item time{ color: #999999; display: block; padding-top: 7%}
.investor_download .list .item a:hover{box-shadow: 0 0 20px 0 rgb(255,52,52,0.5)}
.investor_download .list .item a:hover h4,
.investor_download .list .item a:hover time{color: #fff;}
.investor_download .list .item a:hover:before{background-image: url("../images/file_white.png")}
@media(min-width:1024px){
.investor_download .list{ max-width: 84%; margin: auto}
}
@media(max-width:1024px){
.investor_download .column_name .cn{ font-size: 20px;}
}

.investor_share{ position: relative; background: #f5f5f5; overflow: hidden}
.investor_share .fl_box{ padding:3.5% 0 2% 8.333%; width: 46%; float: left; text-align: justify;}
.investor_share .box1{padding-bottom: 6%}
.investor_share .fr_box{ position: absolute; height: 130%; width: 55.469%; right: 0;}
.investor_share .fr_box img{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 90%}
.investor_share .investor_download .list .item a{ background-color: #fff}
@media(max-width:1600px){
.investor_share .fl_box{ padding-left: 3%}
}
@media(max-width:1024px){
.investor_share .fl_box,
.investor_share .fr_box{float:none; width:100%}
.investor_share .fl_box{ padding: 2.5%}
.investor_share .fr_box{ position: relative; text-align: center}
.investor_share .fr_box img{ position: relative; width: 100%;}
}

.investor_shareholders{ padding: 2% 0}
.investor_shareholders .fl_box{ float: left; width: 48%}
.investor_shareholders .fr_box{float: right; width: 48%}
.investor_shareholders .dividend_list{ padding: 4% 0}
.investor_shareholders .dividend_list .name{ text-align: center; padding: 1.4% 0; background: #eeeeee; font-size: 24px; color: #e50112; font-weight: bold}
.investor_shareholders .dividend_list table{table-layout: fixed;}
.investor_shareholders .dividend_list table,
.investor_shareholders .dividend_list table th,
.investor_shareholders .dividend_list table td{ border: solid 1px #eeeeee; line-height: 24px;word-break: break-all;}
.investor_shareholders .dividend_list table th,
.investor_shareholders .dividend_list table td{ font-size: 18px; padding: 1.4% 2%}
.investor_shareholders .dividend_list table th{ font-weight: normal}
.investor_shareholders .dividend_list table td{ color: #777; text-align: center}
.investor_shareholders .dividend_list table tr:nth-child(even){ background: #f9f9f9}
@media(max-width:1024px){
.investor_shareholders .fl_box,
.investor_shareholders .fr_box{float: none; width: 100%}
.investor_shareholders .fr_box{ padding-top: 3%}
.investor_shareholders .dividend_list .name{font-size: 20px; }
.investor_shareholders .dividend_list table th,
.investor_shareholders .dividend_list table td{font-size: 14px;}
}
@media(max-width:768px){
  .investor_shareholders .dividend_list table th,
  .investor_shareholders .dividend_list table td{font-size: 12px;padding: 1.4% 1%;line-height: 20px;}
}

.contact_info { padding-bottom: 3%}
.contact_info .column_name{ padding: 4% 0}
.contact_info .column_name .en{ font-size: 38px}
.contact_info .txt{ padding: 1% 0; line-height: 36px; text-align: center; font-size: 18px; color: #666666; margin: auto; max-width: 640px}
.contact_info .ewm{ text-align:center; padding-top: 3%}
.contact_info .ewm b{ display: block; font-size: 20px; padding-top: 15px; color: #222222; font-weight: normal}
.contact_info .ewm span{ display: inline-block;position: relative;padding:0 20%; }
.contact_info .ewm span:before,
.contact_info .ewm span:after{ content: ''; position: absolute; display: block; width:20%; height: 100%; background: no-repeat center center; background-size: contain}
.contact_info .ewm span:before{ left:0; top: 0; background-image: url("../images/left_yh.jpg")}
.contact_info .ewm span:after{ right:0; bottom: 0; background-image: url("../images/right_yh.jpg");}

.contact_info .info { padding: 2% 0}
.contact_info .info ul{ display: table; width: 100%;}
.contact_info .info li{ width: 24%; padding: 2%; display: table-cell; background: #f9f9f9}
.contact_info .info li.empty{ padding: 0; width: 2%; background: none}
.contact_info .info li span{ display: block; padding-top: 55px; background: no-repeat left top;}
.contact_info .info li:nth-child(1) span{ background-image: url(../images/lx_icon1.png)}
.contact_info .info li:nth-child(3) span{ background-image: url(../images/lx_icon2.png)}
.contact_info .info li:nth-child(5) span{ background-image: url(../images/lx_icon3.png)}
.contact_info .info li:nth-child(7) span{ background-image: url(../images/lx_icon4.png)}
.contact_info .info li:nth-child(1):hover span{ background-image: url(../images/lx_icon1_on.png)}
.contact_info .info li:nth-child(3):hover span{ background-image: url(../images/lx_icon2_on.png)}
.contact_info .info li:nth-child(5):hover span{ background-image: url(../images/lx_icon3_on.png)}
.contact_info .info li:nth-child(7):hover span{ background-image: url(../images/lx_icon4_on.png)}
.contact_info .info li:hover{ color: #fff;box-shadow: 0 0 30px 2px rgb(255,52,52,0.5)}
@media(max-width:640px){
.contact_info .info li{ display: block; width: 49%; float:left; margin-right:2%; margin-bottom:2%;}
.contact_info .info li:nth-child(3),
.contact_info .info li:nth-child(7){ margin-right:0;}
.contact_info .info li:nth-child(5){ min-height:110px;}
.contact_info .info li:nth-child(7){ margin-right:0;}
.contact_info .info li.empty{display:none}
.contact_info .info li span{ padding-top:35px;}
.contact_info .info li:hover{box-shadow: 0 0 10px 0 rgb(255,52,52,0.5)}
.contact_info .ewm b,
.contact_info .column_name .en,
.contact_info .txt{font-size:16px;}
.contact_info .txt{ line-height: 26px}
}

.contact_message{ background: #ff4735 url(../images/contact_message_bg.jpg) no-repeat center top; background-size: cover; padding: 7% 0}
.contact_message .column_name .cn{ font-weight: bold}
.contact_message .box{ padding: 3% 6%; background: #fff;}
.contact_message .txt{ text-align: center; font-size: 18px; padding-bottom: 5%; color: #666666}
.contact_message label{ color: #999999; position: absolute}
.contact_message .item{line-height: 40px; border-bottom: solid 1px #dfdfdf; float: left; padding-left: 70px; margin-right: 4%; position: relative}
.contact_message .item:last-child{ margin-right: 0}
.contact_message b,
.contact_message h5{ font-size: 18px; font-weight: normal}
.contact_message h5{ padding-bottom: 1.5%}
.contact_message b{ position: absolute; left: 0}
.contact_message i{ color: #e60012; font-style: normal}
.contact_message .text,
.contact_message select{color: #999999; font-size: 16px; border: none; width: 100%; line-height: 40px; height: 40px;}
.contact_message textarea.text{ height: 80px;}
.contact_message select{ display: block!important; background:#fff}
.contact_message .form_item1,
.contact_message .form_item2,
.contact_message .form_item3,
.contact_message .form_item4{ padding: 1.5% 0}
.contact_message .form_item1 .item{ width: 22%;}
.contact_message .form_item2 .item{ width: 18%;}
.contact_message .form_item2 .item:last-child{ width: 34%; padding-left: 0}
.contact_message .form_item3 .item{ width: 100%;padding-left: 0}
.contact_message .form_item4 .item{ width: 70%; max-width:300px;}
.contact_message .form_item4 .imgcode{ position: absolute; width:80px;  height: 38px; right:-90px; top:0}
.contact_message .form_btn{ position: relative}
.contact_message .form_btn .btn_submit{ cursor: pointer;height: 50px; max-width: 180px; width: 40%; font-size: 18px; color: #fff; position: absolute; right: 0; bottom: 0; border: none;box-shadow: 0 0 50px 2px rgb(255,52,52,0.5)}
@media(max-width:1400px){
.contact_message .box{padding: 2% 3%;}
.contact_message label,
.contact_message select{ font-size: 14px}
.contact_message b,
.contact_message h5{ font-size: 16px}
}
@media(max-width:1200px){
.contact_message .form_item1 .item{ width: 48%;}
.contact_message .form_item1 .item:nth-child(even){ margin-right: 0}
.contact_message .form_item2 .item{ width: 30.333%;}
.contact_message .form_item2 .item:nth-child(4){ margin-right: 0}
.contact_message .form_item2 .item:last-child{ width:100%;}
}
@media(max-width:768px){
.contact_message .txt{ font-size: 16px}
.contact_message .form_item1 .item{ width: 100%; margin-right: 0!important}
.contact_message .form_item2 .item{ padding-left: 40px;}
.contact_message .form_btn{ padding: 3% 0}
.contact_message .form_btn .btn_submit{ position: relative}
}
.contact_join{ padding-top: 4%; padding-bottom: 6%}
.contact_join .hide{ height: 0; overflow: auto}
.contact_join .column_name .cn{ font-weight: bold}
.contact_join .sub_column{ text-align: center}
.contact_join .sub_column a{ line-height: 50px; cursor: pointer;margin: 0px 30px; display: inline-block; font-size: 20px; color: #888888; position: relative}
.contact_join .sub_column a:after{ content: ''; position: absolute; width: 0; left: 50%; height: 2px; bottom: -10px; background-color: #e60012;}
.contact_join .sub_column .show{ color: #e60012}
.contact_join .sub_column .show:after{ width: 100%; left: 0}
.contact_join .sub_column a:nth-child(1):before{ content:'/'; position: absolute; right: -40px; color: #555}

.contact_join .sub_title{ padding: 3% 0}
.contact_join .sub_title .item{ padding: 0px 5px;}
.contact_join .sub_title a{ color: #555555; line-height: 50px; cursor: pointer;text-align: center; display: block; background-color: #f9f9f9; border-radius: 100px;}
.contact_join .sub_title .slick-current a{ color: #fff;}

.contact_join .subitem{line-height: 28px;padding:14px;}
.contact_join .subitem .box{ padding: 10%; background: #f9f9f9 url(../images/wz.png) no-repeat 5% 5%; min-height: 240px}
.contact_join .subitem h4{ font-size: 20px; padding-top: 20%; padding-bottom: 20px;font-weight: bold;}
.contact_join .subitem p{color: #555555;}
.contact_join .sub_itembox{ padding:0 2.5%}
.contact_join .slick-arrow{ background-color: #f9f9f9}
.contact_join .center_arrow .slick-prev{ left:2%}
.contact_join .center_arrow .slick-next{ right:2%}
.contact_join .center_arrow .sublist{ padding:0 6%}
.contact_join .center_arrow .slick-list{ padding: 0;}
@media(max-width:1024px){
.contact_join .center_arrow{padding: 0;}
.contact_join .subitem h4{ font-size: 18px;}
}
@media(max-width:768px){
.contact_join .sub_itembox{ padding-top: 4%}
.contact_join .sub_column a{font-size: 18px;}
.contact_join .sub_column a:after{ bottom: 0}
.contact_join .sublist{ padding: 0 50px;}
.contact_join .sub_title a{ line-height: 40px}
  .contact_join .center_arrow .slick-next{right: 0%;}
  .contact_join .center_arrow .slick-prev{left: 0%;}
}
@media(max-width:768px){
.contact_join .subitem .box{ padding:4% 6%; background-position:4% 4%}
.contact_join .center_arrow .sublist{ padding:0 12%}
}

.Singlepage{ padding-bottom: 4%}

.article_info .info_title{ text-align: center}
.article_info .info_title .h2{ font-size: 24px; color: #333333; font-weight: normal;padding: 2% 0; margin: 0}
.article_info .info_title .other{font-size: 15px;  color: #999999}
.article_info .info_title .other span{ display: inline-block; padding: 0 10px;}
.article_info .article{font-size: 16px; padding: 4% 0; line-height: 32px; color: #666666}
.article_info .info_img{ padding: 2% 0}
.article_info .info_img .imgfl,
.article_info .info_img .imgfr{ padding: 2% 0; width:49%}
.article_info .info_img .imgfl{ float: left;}
.article_info .info_img .imgfr{ float: right;}
.article_info .video{ max-width: 800px; margin: auto; padding: 3% 0}
.article_info .video video,
.article_info .video iframe{ width: 100%;}
.article_info .video iframe{ height: 600px}

.other_title { font-size: 16px; border-top: solid 1px #e5e5e5; padding-top: 3%; padding-bottom: 3%}
.other_title .back{ float: right;width: 140px;line-height: 46px; }
.other_title .back a{ overflow: hidden; position: relative; text-align: center;display: block; color: #fff; background-color: #0075c1}
.other_title .back a span{ position: relative; z-index: 2}
.other_title .back a:before{ content: ''; position: absolute; left: -10%; width: 0; height: 100%; display: block; background-color: #000; transition: 0.6s}
.other_title .back a:hover:before{ width: 100%; left: 0;}
.other_title .dot{ display: block; width: 70%; line-height: 30px; opacity: 0.8}
@media(max-width:768px){
.article_info .info_img .imgfl,
.article_info .info_img .imgfr{ float:none; width:100%}
.article_info .info_title .h2{ font-size: 20px;}
.article_info .info_title time{font-size: 13px; }
.article_info .article{font-size: 14px;}
.article_info .video iframe{ height: 300px}
.other_title { font-size: 14px;}
.other_title .back{ padding: 2% 0;width: 120px; line-height: 36px; margin: auto; float: none}
.other_title .dot{ width: 100%}
}
.pad_t0 .Pages{ padding-top: 0}
.Pages{ text-align: center; padding: 4% 0}
.Pages a{ display: inline-block; border: solid 1px #dddddd; padding: 13px 24px; overflow: hidden}
.Pages a.a_cur{ color: #fff; background: #e60012; border-color: #e60012}
.Pages em{ font-style: normal; display: inline-block}
.Pages em a{ margin: 0 4px; padding-left: 19px; padding-right: 19px;}
.Pages span{ display: none}
.Pages span.p_page{ display: block}
.Pages a.a_prev,
.Pages a.a_next{background: no-repeat center center; text-indent: -100px;}
.Pages a.a_prev{background-image: url("../images/a_prev.png")}
.Pages a.a_next{background-image: url("../images/a_next.png")}
@media(max-width:960px){
.Pages a{padding: 8px 16px;}
.Pages em a{padding-left: 12px; padding-right: 12px;}
}
@media(max-width:640px){

.Pages a{padding: 0px 10px; line-height: 24px;}
.Pages em a{padding-left: 8px; padding-right: 8px;margin: 0 2px; }
.Pages a.a_first,
.Pages a.a_end{ font-size: 14px;}
}

.sitemap { padding-bottom: 5%}
.sitemap li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.sitemap li b{ padding: 10px 0; display:block; font-size:16px; font-weight:normal;}
.sitemap li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}
.sitemap li span#mp48{ display: none}

.link_list{ padding: 3% 0}
.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}


.report_list ul li{ padding:1% 0;}
.report_list ul li a{ position:relative; padding:2% 2% 2% 15%; display: block; background-color:#f9f9f9}
.report_list ul li a::before{ opacity:0.5; border-right:solid 1px #e8e8e8; top:0; left:0; content:''; position:absolute; display:block; height:100%; width:12%; background:url(../images/report_icon.png) no-repeat center center;}
.report_list ul li a:hover{ background-color:#ededed;}
.report_list ul li a:hover::before{ opacity:1; border-color:#fff;}

@media(min-width:768px){
.report_list ul li{ float:left; width:49%;}
.report_list ul li:nth-child(2n+1){ clear:both; margin-right:2%;}
.report_list ul li a{ font-size:16px; padding-top:4.4%;padding-bottom:4.4%;}
}

/*
.report_list{ background-color: #f9f9f9}
.report_list .column_name{ padding-top: 4%}
.report_list li{margin-bottom: 20px;}
.report_list li a{display: block;background-color: #fff;line-height: 70px;font-size: 18px;color: #222222;position: relative;padding: 0 230px 0 80px;}
.report_list li a:before{content:"";display: block;	width: 18px;height: 21px;position: absolute;left: 40px;top: 0;bottom: 0;margin: auto;background: url("../images/file_red.png") no-repeat center center;background-size: 100% 100%;}
.report_list li a:after{content:"";display: block;	width: 20px;height: 21px;position: absolute;right: 40px;top: 0;bottom: 0;margin: auto;background: url("../images/download_gray.png") no-repeat center center;background-size: 100% 100%;}
.report_list li .time{	font-size: 16px;line-height: 70px;color: #999999;position: absolute;top: 0;right: 140px;}
.report_list li a:hover{color: #ffffff;	background-image: linear-gradient(270deg, #e60012 0%, #ff4835 100%), linear-gradient(#fbfbfb, #fbfbfb);background-blend-mode: normal, normal;box-shadow: 0px 8px 40px 0px rgba(255, 52, 52, 0.5);}
.report_list li a:hover .time{color: #ffffff;}
.report_list li a:hover:before{background: url("../images/file_white.png") no-repeat center center;background-size: 100% 100%;}
.report_list li a:hover:after{background: url("../images/download_red.png") no-repeat center center;background-size: 100% 100%;}

@media(max-width:768px){
.report_list li a{padding: 0 40px;line-height: 60px;}
.report_list li .time{display: none;}
.report_list li a:before{left: 10px;}
.report_list li a:after{right: 10px;}
}

.relations_list{ background-color: #f9f9f9}
.relations_list .column_name{ padding-top: 4%}

.relations_list li{ float: left; width: 32%; margin-bottom: 2%; margin-left: 2%}
.relations_list li a{ display: block; background: #fff; padding:9%}
.relations_list li a:before{ content: ''; display: block; height: 40px; background: url("../images/file_red.png") no-repeat left top}
.relations_list li h4{ line-height: 30px; height: 60px;}
.relations_list li time{ color: #999999; display: block; padding-top: 7%;background: url("../images/download_gray.png") no-repeat right bottom;}
.relations_list li a:hover{color: #ffffff;	background-image: linear-gradient(270deg, #e60012 0%, #ff4835 100%), linear-gradient(#fbfbfb, #fbfbfb);background-blend-mode: normal, normal;box-shadow: 0px 8px 40px 0px rgba(255, 52, 52, 0.5);}
.relations_list lia:hover h4,
.relations_list li a:hover time{color: #fff;}
.relations_list li a:hover time{background-image: url("../images/download_red.png")}
.relations_list li a:hover:before{background-image: url("../images/file_white.png")}

@media(min-width:1024px){
.relations_list li:nth-child(3n+1){ clear: both; margin-left: 0}
}

@media(max-width:1024px){
.relations_list li{ width: 49%}
.relations_list li:nth-child(2n+1){ clear: both; margin-left: 0}
}

@media(max-width:768px){
.relations_list li{ width: 100%; margin-left: 0}
.relations_list li a:before{ height: 30px}
.relations_list li h4{ height: auto}
.relations_list li a{ padding: 3%}
.relations_list li time{ padding-top: 3%}
}*/

.search_list{ background-color: #f9f9f9}
.search_list .column_name{ padding-top: 4%}
.search_list .list li{ padding: 10px 0}
.search_list .list li h4{ font-size: 16px; line-height: 30px; max-height: 60px;}
.search_list .list li h5{ font-size: 14px; opacity: 0.7; padding-top: 10px;}
.search_list .list li h5 span{ float: right}
.search_list .list li a{ display: block; background: #fff; padding:20px}
@media(max-width:768px){
.search_list .list li a{ padding: 10px}
.search_list .list li h4{ font-size: 14px; line-height: 24px; max-height: 48x;}
.search_list .list li h5{ font-size: 13px;}
}
@media(max-width:640px){
  .brand_product_banner .slick-dots li button{  width: 30px !important; height: 30px !important;}
}
.slick-dots{
  bottom: 2% !important;
}
.brand_product_banner .slick-dots li{height: auto;}
.brand_product_banner .slick-dots li button{  width: 40px; height: 40px; border: 1px solid transparent; position: relative; background: transparent;}
.brand_product_banner .slick-dots li button::before{content: '';width: 10px; height: 10px; background-color: #e3e3e3; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin:auto; border-radius: 50%;}
.brand_product_banner .slick-dots li.slick-active button{border-color: #e60012; background-color: transparent;}
.brand_product_banner .slick-dots li.slick-active button::before{background-color: #e60012;}

.brand_product_banner .slick-arrow{width: 35px; height: 35px;opacity: 0.5; background: none; transform: translateX(-50%) rotate(45deg); top: 50%;}
.brand_product_banner .slick-arrow::before{display: none;}
.brand_product_banner .slick-prev{border-left: 4px solid #fff;border-bottom: 4px solid #fff; right: auto; left: 60px;}
.brand_product_banner .slick-next{border-right: 4px solid #fff;border-top: 4px solid #fff;}
.brand_product_banner .slick-arrow:hover{opacity: 1; border-color: #e60012; box-shadow: none;}
