/* [4] */
@charset "utf-8";
/* CSS Document */

/*整体body样式*/
body{
	/*min-width: 1080px;*/
	/*max-width: 3840px;*/
    width: 100%;
	margin: 0 auto;
	/*font-family: PingFang SC, Open Sans,Arial,sans-serif "微软雅黑";*/
	/*font-family: opensans,Arial,sans-serif;*/
	font-family: PingFangSC,helvetica neue,"微软雅黑",Arial,sans-serif!important;
}

* {
	margin:0;padding:0;
}

/*.font-din {font-family: din;}*/
/*.font-dinexp {font-family: dinexp;}*/
.pos-fl {position: relative;float: left;}
.pos-fr {position: relative;float: right;}
.pos-none {position: relative;float: none;}
.pos-fix {position: fixed;}
.pos-abs {position: absolute;}
.bottom0 {bottom: 0;}
.top0 {top: 0;}
.top40 {top: 40px;}
.top60 {top: 60px;}
.top80 {top: 80px;}
.top920 {top: 920px;}
.right0 {right: 0;}
.right48 {right: 48px;}
.right160 {right: 160px;}
.right100 {right: 100px;}
.left0 {left: 0;}
.margin-0auto{margin: auto;}
.clr-b {clear: both;}
.display-block {display: block;}
.display-inblock {display: inline-block;}
.display-none {display: none;}
.display-flex {display: flex;}
.flex-direc-col {flex-direction: column;}
.justify-con-c {justify-content: center;}
.justify-con-spbt {justify-content: space-between;}
.justify-con-spar {justify-content: space-around;}
.align-items-c {align-items: center;}

.m-left0  {margin-left: 0;}
.m-left2  {margin-left: 2px;}
.m-left4  {margin-left: 4px;}
.m-left5  {margin-left: 5px;}
.m-left6  {margin-left: 6px;}
.m-left8  {margin-left: 8px;}
.m-left10  {margin-left: 10px;}
.m-left11  {margin-left: 11px;}
.m-left12  {margin-left: 12px;}
.m-left14  {margin-left: 14px;}
.m-left16  {margin-left: 16px;}
.m-left20  {margin-left: 20px;}
.m-left22  {margin-left: 22px;}
.m-left24  {margin-left: 24px;}
.m-left28  {margin-left: 28px;}
.m-left30  {margin-left: 30px;}
.m-left32  {margin-left: 32px;}
.m-left35  {margin-left: 35px;}
.m-left36  {margin-left: 36px;}
.m-left40  {margin-left: 40px;}
.m-left44  {margin-left: 44px;}
.m-left62  {margin-left: 62px;}
.m-left70  {margin-left: 70px;}
.m-left98  {margin-left: 98px;}
.m-left100  {margin-left: 100px;}
.m-left120  {margin-left: 120px;}
.m-left150  {margin-left: 150px;}
.m-left160  {margin-left: 160px;}
.m-left170  {margin-left: 170px;}
.m-left173  {margin-left: 173px;}
.m-left200  {margin-left: 200px;}
.m-left216  {margin-left: 216px;}
.m-left218  {margin-left: 218px;}
.m-left240  {margin-left: 240px;}
.m-left269  {margin-left: 269px;}
.m-left333  {margin-left: 333px;}
.m-left380  {margin-left: 380px;}
.m-left410  {margin-left: 410px;}
.m-left480  {margin-left: 480px;}
.m-left700  {margin-left: 700px;}

.m-right0 {margin-right: 0;}
.m-right3 {margin-right: 3px;}
.m-right5 {margin-right: 5px;}
.m-right11 {margin-right: 11px;}
.m-right12 {margin-right: 12px;}
.m-right14 {margin-right: 14px;}
.m-right18 {margin-right: 18px;}
.m-right22 {margin-right: 22px;}
.m-right24 {margin-right: 24px;}
.m-right28 {margin-right: 28px;}
.m-right32 {margin-right: 32px;}
.m-right50 {margin-right: 50px;}
.m-right480  {margin-right: 480px;}

.m-top8f {margin-top: -8px;}
.m-top0 {margin-top: 0;}
.m-top2 {margin-top: 2px;}
.m-top4 {margin-top: 4px;}
.m-top5 {margin-top: 5px;}
.m-top6f {margin-top: -6px;}
.m-top6 {margin-top: 6px;}
.m-top7 {margin-top: 7px;}
.m-top8 {margin-top: 8px;}
.m-top9 {margin-top: 9px;}
.m-top10 {margin-top: 10px;}
.m-top11 {margin-top: 11px;}
.m-top12 {margin-top: 12px;}
.m-top13 {margin-top: 13px;}
.m-top14 {margin-top: 14px;}
.m-top15 {margin-top: 15px;}
.m-top16 {margin-top: 16px;}
.m-top18 {margin-top: 18px;}
.m-top20 {margin-top: 20px;}
.m-top21 {margin-top: 21px;}
.m-top22 {margin-top: 22px;}
.m-top24 {margin-top: 24px;}
.m-top26 {margin-top: 26px;}
.m-top27 {margin-top: 27px;}
.m-top28 {margin-top: 28px;}
.m-top30 {margin-top: 30px;}
.m-top32 {margin-top: 32px;}
.m-top34 {margin-top: 34px;}
.m-top36 {margin-top: 36px;}
.m-top46 {margin-top: 46px;}
.m-top47 {margin-top: 47px;}
.m-top47f {margin-top: -47px;}
.m-top60 {margin-top: 60px;}
.m-top74 {margin-top: 74px;}
.m-top77 {margin-top: 77px;}
.m-top80 {margin-top: 80px;}
.m-top85 {margin-top: 85px;}
.m-top93 {margin-top: 93px;}
.m-top100 {margin-top: 100px;}
.m-top306 {margin-top: 306px;}
.m-top350 {margin-top: 350px;}

.m-bottom0 {margin-bottom: 0;}
.m-bottom5 {margin-bottom: 5px;}
.m-bottom8 {margin-bottom: 8px;}
.m-bottom10 {margin-bottom: 10px;}
.m-bottom20 {margin-bottom: 20px;}
.m-bottom32 {margin-bottom: 32px;}
.m-bottom60 {margin-bottom: 60px;}


.w-100per {width: 100%;}
.w-2 {width: 2px;}
.w-3 {width: 3px;}
.w-8 {width: 8px;}
.w-10 {width: 10px;}
.w-12 {width: 12px;}
.w-14 {width: 14px;}
.w-16 {width: 16px;}
.w-17 {width: 17px;}
.w-18 {width: 18px;}
.w-20 {width: 20px;}
.w-22 {width: 22px;}
.w-24 {width: 24px;}
.w-26 {width: 26px;}
.w-31 {width: 31px;}
.w-34 {width: 34px;}
.w-37 {width: 37px;}
.w-40 {width: 40px;}
.w-60 {width: 60px;}
.w-70 {width: 70px;}
.w-75 {width: 75px;}
.w-85 {width: 85px;}
.w-92 {width: 92px;}
.w-100 {width: 100px;}
.w-116 {width: 116px;}
.w-150 {width: 150px;}
.w-160 {width: 160px;}
.w-165 {width: 165px;}
.w-186 {width: 186px;}
.w-190 {width: 190px;}
.w-194 {width: 194px;}
.w-196 {width: 196px;}
.w-197 {width: 197px;}
.w-200 {width: 200px;}
.w-236 {width: 236px;}
.w-240 {width: 240px;}
.w-248 {width: 248px;}
.w-250 {width: 250px;}
.w-292 {width: 292px;}
.w-306 {width: 306px;}
.w-310 {width: 310px;}
.w-330 {width: 330px;}
.w-376 {width: 376px;}
.w-400 {width: 400px;}
.w-406 {width: 406px;}
.w-450 {width: 450px;}
.w-470 {width: 470px;}
.w-499 {width: 499px;}
.w-500 {width: 500px;}
.w-530 {width: 530px;}
.w-550 {width: 550px;}
.w-580 {width: 580px;}
.w-590 {width: 590px;}
.w-600 {width: 600px;}
.w-658 {width: 658px;}
.w-682 {width: 682px;}
.w-694 {width: 694px;}
.w-748 {width: 748px;}
.w-758 {width: 758px;}
.w-792 {width: 792px;}
.w-860 {width: 860px;}
.w-880 {width: 880px;}
.w-1000 {width: 1000px;}
.w-1004 {width: 1004px;}
.w-1200 {width: 1200px;}
.w-auto {width: auto;}
.maxw-500 {max-width: 500px;}
.minw-1200 {min-width: 1200px;}
.maxw-1920 {max-width: 1920px;}

.h-100per {height: 100%;}
.h-1 {height: 1px;}
.h-4 {height: 4px;}
.h-10 {height: 10px;}
.h-11 {height: 11px;}
.h-14 {height: 14px;}
.h-15 {height: 15px;}
.h-16 {height: 14px;}
.h-18 {height: 18px;}
.h-20 {height: 20px;}
.h-22 {height: 22px;}
.h-24 {height: 24px;}
.h-26 {height: 26px;}
.h-28 {height: 28px;}
.h-30 {height: 30px;}
.h-32 {height: 32px;}
.h-36 {height: 36px;}
.h-39 {height: 39px;}
.h-40 {height: 40px;}
.h-42 {height: 42px;}
.h-46 {height: 46px;}
.h-48 {height: 48px;}
.h-55 {height: 55px;}
.h-60 {height: 60px;}
.h-71 {height: 71px;}
.h-80 {height: 80px;}
.h-92 {height: 92px;}
.h-100 {height: 100px;}
.h-116 {height: 116px;}
.h-142 {height: 142px;}
.h-160 {height: 160px;}
.h-180 {height: 180px;}
.h-206 {height: 206px;}
.h-260 {height: 260px;}
.h-280 {height: 280px;}
.h-312 {height: 312px;}
.h-360 {height: 360px;}
.h-430 {height: 430px;}
.h-484 {height: 484px;}
.h-501 {height: 501px;}
.h-536 {height: 536px;}
.h-560 {height: 560px;}
.h-648 {height: 648px;}
.h-706 {height: 706px;}
.h-748 {height: 748px;}
.h-1006 {height: 1006px;}
.h-1106 {height: 1106px;}
.h-1800 {height: 1800px;}
.h-2750 {height: 2750px;}
.h-100vh {height: 100vh;}
.h-auto {height: auto;}
.h-cal1 {height: calc(100vh - 170px);}
.minh-432 {min-height: 432px;}
.maxh-cal1 {max-height: calc(100vh - 380px);}

.lh-14 {line-height: 14px;}
.lh-15 {line-height: 15px;}
.lh-16 {line-height: 16px;}
.lh-18 {line-height: 18px;}
.lh-20 {line-height: 20px;}
.lh-22 {line-height: 22px;}
.lh-24 {line-height: 24px;}
.lh-26 {line-height: 26px;}
.lh-28 {line-height: 28px;}
.lh-30 {line-height: 30px;}
.lh-32 {line-height: 32px;}
.lh-34 {line-height: 34px;}
.lh-36 {line-height: 36px;}
.lh-40 {line-height: 40px;}
.lh-42 {line-height: 42px;}
.lh-46 {line-height: 46px;}
.lh-48 {line-height: 48px;}
.lh-60 {line-height: 60px;}

.ft-sz8 {font-size: 8px;}
.ft-sz10 {font-size: 10px;}
.ft-sz11 {font-size: 11px;}
.ft-sz13 {font-size: 13px;}
.ft-sz14 {font-size: 14px;}
.ft-sz15 {font-size: 15px;}
.ft-sz16 {font-size: 16px;}
.ft-sz18 {font-size: 18px;}
.ft-sz20 {font-size: 20px;}
.ft-sz22 {font-size: 22px;}
.ft-sz24 {font-size: 24px;}
.ft-sz26 {font-size: 26px;}
.ft-sz28 {font-size: 28px;}
.ft-sz30 {font-size: 30px;}
.ft-sz32 {font-size: 32px;}
.ft-sz36 {font-size: 36px;}
.ft-sz42 {font-size: 42px;}
.ft-sz46 {font-size: 46px;}
.ft-sz48 {font-size: 48px;}
.ft-sz50 {font-size: 50px;}
.ft-sz60 {font-size: 60px;}

.ft-color1 {color: #ffffff;}
.ft-color2 {color: #ED6D1D;}
.ft-color3 {color: #195A74;}
.ft-color4 {color: #666666;}
.ft-color5 {color: #000000;}

.my-checkbox {
    accent-color: #ED6D1D;
}

.bsz-bb {box-sizing: border-box;}
.bkgd-clr1 {background-color: #FFFFFF;}
.bkgd-clr2 {background: linear-gradient(to right, #3957FF,#529BFF);}
.bkgd-clr3 {background-color: #195A74;}
.bkgd-clr4 {background-color: #F1F2F5;}
.bkgd-clr5 {background-color: rgba(255,255,255,0.9);}
.bkgd-clr6 {background-color: #F9F7F8;}
.bkgd-clr7 {background-color: #ED6D1D;}
.bkgd-clr8 {background-color: #0A769C;}
.bkgd-clr9 {background-color: #F4F5F7;}
.bkgd-clr10 {background-color: #4556771c;}
.bkgd-clr11 {background-color: rgb(233, 244, 250);}
.bkgd-clr12 {background-color: rgb(153, 186, 198);}
.bkgd-clr13 {background-color: rgb(232, 238, 241);}
.bkgd-clr14 {background-color: rgb(249, 248, 248);}

.bkgd-trans {background: transparent;}
.background-bannerpic {background: url('../homepageimages/bannerpic.png') no-repeat;background-size: cover; background-position: center; z-index: -1;}
.background-bannerpic2 {background: url('../homepageimages/bannerpic6.jpg') no-repeat;background-size: cover; background-position: center; z-index: -1;}
.background-bannerpic3 {background: url('../homepageimages/bannerpic3.jpg') no-repeat;background-size: cover; background-position: center; z-index: -1;}
.background-bannerpic4 {background: url('../homepageimages/hgds.png') no-repeat;background-size: contain; background-position: center;}
.background-bannerpic5 {background: url('../homepageimages/bannerpic4.jpg') no-repeat;background-size: cover; background-position: center; z-index: -1;}
.background-bannerpic6 {background: url('../homepageimages/bannerpic5.jpg') no-repeat;background-size: cover; background-position: center; z-index: -1;}
.background-bannerpic7 {background: url('../homepageimages/dbbj.jpg') no-repeat;background-size: cover; background-position: center;}
.background-more {background: url('../homepageimages/more.svg') no-repeat;background-size: contain; background-position: center;}
.background-moresel {background: url('../homepageimages/more-sel.svg') no-repeat;background-size: contain; background-position: center;}
/*.background-fuwuchangjing {background-size: cover; background-position: center;}*/

.brdr-rad0  {border-radius: 0;}
.brdr-rad2  {border-radius: 2px;}
.brdr-rad4  {border-radius: 4px;}
.brdr-rad6  {border-radius: 6px;}
.brdr-rad8  {border-radius: 8px;}
.brdr-rad12  {border-radius: 12px;}
.brdr-rad14  {border-radius: 14px;}
.brdr-rad23  {border-radius: 23px;}
.brdr-rad24  {border-radius: 24.5px;}
.brdr-rad32  {border-radius: 32px;}
.brdr-rad40  {border-radius: 40px;}
.brdr-rad50per  {border-radius: 50%;}

.border-none {border: none;}
.border1 {border-bottom: 2px solid #ED6D1D;}
.border2 {border-bottom: 2px solid #195A74;}
.border3 {border: 1px solid #195A74;}
.border4 {border: 1px solid rgba(25, 90, 116, 0.20);}
.border5 {border: 1px solid #FFFFFF;}
.border6 {border: 1px solid #E0E0E0;}
.border7 {border: 1px solid #979797;}
.border8 {border: 1px solid #0e0d0d;}
.border9 {border-right: 1px solid #faf7f7;}
.border10 {border-left: 2px solid #faf7f7;}
.border11 {border-bottom: 1px solid rgba(204, 204, 204);}
.border12 {border: 1px solid rgba(244, 249, 250);}
.border16 {border-top: 2px solid rgba(170, 193, 203);}
.border17 {border-bottom: 2px solid rgba(170, 193, 203);}
.border18 {border: 2px solid #195A74;}
.border19 {border-left: 2px solid #195A74;}
.border20 {border: 3px solid #979797;}

.box-shadow1 {box-shadow:0px 2px 36px 0px rgba(190, 197, 217, 0.2400);}
.box-shadow2 {box-shadow:0px 10px 30px 0px rgba(21, 93, 202, 0.1000);}

.font-weight400 {font-weight: 400;}
.font-weight500 {font-weight: 500;}
.font-weight600 {font-weight: 600;}
.font-weight700 {font-weight: 700;}
.white-space-no {white-space: nowrap;}
.text-align-l {text-align: left;}
.text-align-c {text-align: center;}
.text-align-r {text-align: right;}
.ver-align-m {vertical-align: middle;}

.opacity10 {opacity: 1;}
.opacity00 {opacity: 0;}
.opacity07 {opacity: 0.7;}
.opacity01 {opacity: 0.1;}

.text-decor-line{text-decoration:underline;}

.text-decor-line-none{text-decoration:none;}
.cursor-pointer {cursor: pointer;}
.z-index1-f {z-index: -1;}
.z-index11 {z-index: 11;}
.z-index22 {z-index: 22;}
.z-index33 {z-index: 33;}
.z-index99 {z-index: 99;}
.z-index999 {z-index: 999;}
.z-index9999 {z-index: 9999;}
.text-over-ellps{text-overflow: ellipsis;}
.overflow-hidd{overflow: hidden;}
.overflow-auto{overflow: auto;}
.transy1 {transform: scaleY(-1);}
.padding-l10 {padding-left: 10px;}
.padding-lr14 {padding-left: 14px;padding-right: 14px;}
.padding-lr32 {padding-left: 32px;padding-right: 32px;}
.padding-lr48 {padding-left: 48px;padding-right: 48px;}

.text-ind20{text-indent: 20px;}
.text-ind30{text-indent: 30px;}

.outline-none {outline:none;-webkit-appearance:none;}
.resize-none {resize: none;}

.hover-sty {}

.hover-sty:hover {background: #195A74 !important;color: #FFFFFF !important;}
.hover-sty2:hover{background: #FFFFFF;}
.hover-sty3:hover{overflow: visible;}
.hover-sty4:hover{background: rgba(233, 244, 250);}
.hover-sty5:hover{color: #ED6D1D;}
.hover-sty6:hover{color: #1d88ed;}

.select-box {
    background-color:#FFFFFF;
    position: absolute;
}

.select-box{
    display: none;
}

.box:hover .select-box{
    display: block;
}

.select-box > .select-item{
    cursor: pointer
}

.img-events-none {
    pointer-events: none;
}

.two-line{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 1300px){
 .h-banner{height: 640px;}
 .m-topbanner{margin-top: 120px;}
}
@media screen and (min-width: 1300px) and (max-width: 1600px) {
 .h-banner{height: 680px;}
 .m-topbanner{margin-top: 140px;}
}
@media screen and (min-width: 1600px) {
 .h-banner{height: 720px;}
 .m-topbanner{margin-top: 160px;}
}

#bg{
    width:940px;height:300px;
}
#sm{/*滚动对象样式*/
    overflow:hidden;/*隐藏Div中多余的内容，增加图片会一起滚动*/
}











