@charset "utf-8";
 
/*===================CSS Reset================*/
/*

@font-face{ font-family: BarlowCondensed-Regular; src: url(../fonts/BarlowCondensed-Regular.ttf);}
@font-face{ font-family: BarlowCondensed-Thin; src: url(../fonts/BarlowCondensed-Thin.ttf);}
@font-face{ font-family: "Swis721 BlkCn BT"; src: url(../fonts/tt0173m.ttf);}
@font-face{ font-family: Poppins; src: url(../fonts/POPPINS-REGULAR.TTF);}
@font-face{ font-family: POPPINS-SEMIBOLD; src: url(../fonts/POPPINS-SEMIBOLD.TTF);}
@font-face{ font-family: FRAMDCN; src: url(../fonts/FRAMDCN.TTF);}
@font-face{ font-family: POPPINS-LIGHT; src: url(../fonts/POPPINS-LIGHT.TTF);}


@font-face{ font-family: BarlowCondensed-Bold; src: url(../fonts/BarlowCondensed-Bold.ttf);}
@font-face{ font-family: BarlowCondensed-Light; src: url(../fonts/BarlowCondensed-Light.ttf);} 
@font-face{ font-family: BarlowCondensed-SemiBold; src: url(../fonts/BarlowCondensed-SemiBold.ttf);}  */
@font-face{ font-family:DINPRO-REGULAR; src: url(../fonts/DINPRO-REGULAR.OTF);} 
@font-face{ font-family: BarlowCondensed-Medium; src: url(../fonts/BarlowCondensed-Medium.ttf);}
@font-face{ font-family: BarlowCondensed-Regular; src: url(../fonts/BarlowCondensed-Regular.ttf);}
@font-face{ font-family: yuanxin; src: url(../fonts/yuanxin.ttf);} 
::selection {color:#fff;background-color: #af1e28;}
::-moz-selection {color:#fff;background-color: #af1e28;}
::-webkit-selection {color:#fff;background-color: #af1e28;}
::-webkit-scrollbar {width: 3px;height: 2px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #af1e28;}


.jianbian01 {
    background-image: -moz-linear-gradient( 0deg, rgb(175,30,40) 0%, rgba(175,30,40,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(175,30,40) 0%, rgba(175,30,40,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(175,30,40) 0%, rgba(175,30,40,0) 100%);
  }
.jianbian02{
    background-image: -moz-linear-gradient( 270deg, transparent 0%, rgba(0,0,0,.5) 100%);
    background-image: -webkit-linear-gradient( 270deg, transparent 0%, rgba(0,0,0,.5) 100%);
    background-image: -ms-linear-gradient( 270deg, transparent 0%, rgba(0,0,0,.5) 100%); 
}
.defs{ position: absolute; width: 0; height: 0;}
/*自定义样式*/
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}

#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}

a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.erweiimg{ max-width:100%; max-height:100%;}
.ovh{ overflow: hidden; width: 100%;}
.m{ max-width: 1600px; width: 100%; padding: 0 80px; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:6.25rem;}
.pad_bot{ padding-bottom:8.25rem;}
.pad_top2{ padding-top: 5.125rem;}
.pad_bot2{ padding-bottom: 5.125rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h:hover .icon{ fill:#0081cc;}
.txtovh2{overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.txtovh3{overflow: hidden;-webkit-line-clamp: 3;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.swiper-button-next, .swiper-button-prev{ display: none;}
.ico_tgl{ margin: 0 auto; display: flex; align-items: center; justify-content: center; width: 3.875rem; height: 3.875rem;}
.ico_tgl img{ display: block;}
.ico_tgl .img02{ display: none;}
.ico_tgl:hover .img01,li:hover .ico_tgl .img01{ display: none;}
.ico_tgl:hover .img02,li:hover .ico_tgl .img02{ display: block;}

.img_zd>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; display: block;
}

.fl {float: left;}
.fr {float: right;}
.img{ overflow:hidden;}
.h5{  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.h5 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.clear{ clear:both;}
.img_db{ width: 100%; position: relative;}
.img_db:after{ content: ""; display: block; width: 100%; height: 0; padding-top: 65.6%;}
.img_db img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}