body{ font:12px/1.5 "Microsoft Yahei","微软雅黑","Helvetica Neue", Helvetica,  "STHeiti","Microsoft YaHei", sans-serif,Arial; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#E26B0A;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1440px; width:84.35%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}

/*
@font-face{ font-family:SH_Regular;src:url(../images/SourceHanSansCN-Regular.woff2) format('woff2');}
@font-face{ font-family:SH_Medium;src:url(../images/SourceHanSansCN-Medium.woff2) format('woff2');}
@font-face{ font-family:SH_Bold;src:url(../images/SourceHanSansCN-Bold.woff2) format('woff2');}
@font-face{ font-family:SH_Heavy;src:url(../images/SourceHanSansCN-Heavy.woff2) format('woff2');}
@font-face{ font-family:DINOT_Bold;src:url('../images/DINOT-Bold.otf');}
*/
/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:505;}
.head-fixed{ width:100%; height:129px; /*border-bottom:2px solid rgba(255,255,255,.2);*/ position:fixed; top:0; left:0; right:0; transition:all linear .2s;}
.head-fixed .w{ position:relative;}
.logo{ width:22%;}
.logo img{ height:63px; transition:all linear .2s;}
.nav{ width:72.915%; position:relative;}
.nav .plebans{ font-size:19px; line-height:67px; position:relative; text-align:center;}
.nav .plebans a{ display:inline-block; transition:all .5s; color:rgba(255,255,255,.6);}
.nav .plebans:after{ content:""; display:block; position:absolute; left:51%; right:51%; bottom:0; background:rgba(255,255,255,.6); height:2px; transition:all .5s linear; font-size:0; overflow:hidden;}
.nav li{ position:relative;}
.nav li .jd{ display:none;}
.nav_bg{ display:none;}
.nav li.hover .plebans a,.nav li.cur .plebans a{ color:#fff;}
.nav li.hover .plebans:after,.nav li.cur .plebans:after{ left:3px; right:3px;}
.nav li.hover .jd{ background-image:url(../images/down_icon_sel.png);}
.goutp{ display:none; position:absolute; top:100%; left:50%; width:100px; margin-left:-50px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#333;}
.goutp p a:hover{ color:#E26B0A; background:rgba(0,0,0,.05);}
.head_on{ background:#232323; border-bottom:none; }

.sanh{ width:30px; padding:5px; position:absolute; right:-5px; top:50%; margin-top:-20px; display:none;}
.sanh>div{ height:3px; margin:5px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#E26B0A;}
.tesd>div{ background-color:#E26B0A!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ z-index:5;}
.banner .w{ position:absolute; left:50%; bottom:0; top:0; transform:translate(-50%,0); z-index:5;}
.banner .swiper-slide .clear{ width:100%; text-align:center; color:#fff;}
.banner .swiper-slide .w em{ display:block; font-size:80px; font-weight: bold; transform:translateX(50px); opacity:0;}
.banner .swiper-slide .w p{ font-size:32px; font-family:"SH_Medium"; transform:translateY(60px); opacity:0; margin-top:3px;}
.banner .swiper-slide.active em,.banner .swiper-slide.active p{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}
.banner .swiper-pagination{ bottom:6.666666666666667%; z-index:6;}
.banner .swiper-pagination-bullet{ width:80px; height:4px; background:#fff; opacity:.2; margin:0 6px!important; border-radius:2px; transition:all 0.6s; position:relative;}
.banner .swiper-pagination-bullet-active{ opacity:1;}
.banner .swiper-button-prev{ left:0;}
.banner .swiper-button-next{ right:0;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ display:none;}
.banner .swiper-button-prev img,.banner .swiper-button-next img{ height:68px; border-radius:50%; transition:all 0.6s;}
.banner .swiper-button-prev:hover img,.banner .swiper-button-next:hover img{ box-shadow:0 2px 10px rgba(0,0,0,.2); background:rgba(0,0,0,.5);}

.titc{ text-align:center; padding:0 0 12px 0;}
.titc span{ font-family:"SH_Heavy"; font-size:100px; text-transform:uppercase; color:rgba(208,208,208,.24); line-height:1; display:block;}
.titc .clear{ position:relative; z-index:3; margin-top:-46px;}
.titc em{ display:block; font-size:48px; font-weight: bold; line-height:1;}
.titc em font{ color:#E26B0A; font-weight: bold;}
.titc p{ font-size:14px; line-height:1; margin-top:17px; color:rgba(51,51,51,.4); text-transform:uppercase; font-family:"SH_Medium";}

.con1{ background:url(../images/bg1.png) center top no-repeat; background-size:cover; padding:9.375% 0 8.333333333333333% 0; overflow:hidden;}
.con1 .clear{ width:100%;}
.con1c{ padding-top:35px;}
.con1_lf{ width:31.11111111111111%; position:relative;}
.con1_lf .txt{ position:absolute; left:9.8%; right:9.8%; top:9.8%;}
.con1_lf .txt h3{ font-weight: bold; font-size:32px;}
.con1_lf .txtc{ font-size:16px; margin-top:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}
.con1_lf .txtc *{ font-family:"SH_Medium";}
.c1_more{ padding:0 30px; line-height:3; display:inline-block; font-size:16px; font-family:"SH_Medium"; background:#e26b0a; color:#fff; margin-top:23px;}
.c1_more i{ padding-right:30px; background:url(../images/point1.png) right center no-repeat; background-size:14px 14px;}
.c1_more:hover{ background:#fff;}
.c1_more:hover i{ color:#e26b0a; background-image:url(../images/point2.png);}
.con1_rt{ width:68.88888888888889%; background:#fff; position:relative;}
.con1_rt_list{ height:43.47079037800687%;}
.con1_rt_list li{ position:relative; text-align:center; width:33.33333%;}
.con1_rt_list li:after{ content:""; display:block; position:absolute; top:50%; transform:translate(0,-50%); right:-1px; background:rgba(51,51,51,.1); width:2px; height:60px; font-size:0; overflow:hidden;}
.con1_rt_list li:last-child:after{ display:none;}
.con1_rt_list li em{ font-size:16px; color:#E26B0A;}
.con1_rt_list li em span{ font-size:76px; font-family:"DINOT_Bold"; line-height:1; display:inline-block;}
.con1_rt_list li p{ font-size:16px; color:#1A1A1A; line-height:1; margin-top:27px;}
.con1_rt .pic{ height:56.52920962199313%;}
.con1_rt_txt{ position:absolute; left:0; right:0; bottom:0; height:56.52920962199313%;}
.con1_rt_txt li{ position:relative;}
.con1_rt_txt li a{ display:block;}
.con1_rt_txt li.li1{ width:43.04435483870968%; background:rgba(192,0,0,.9); height:100%; text-align:center;}
.con1_rt_txt li.li1 img{ height:88px; display:block; margin:0 auto;}
.con1_rt_txt li.li1 p{ font-size:24px; font-family:"SH_Medium"; color:#fff; margin-top:12px;}
.con1_rt_txt li.li2{ width:56.95564516129032%; position:absolute; right:0; bottom:0; background:rgba(0,0,0,.5); padding:24px 3.5%;}
.con1_rt_txt li.li2 .t1 img{ height:28px; margin-right:9px;}
.con1_rt_txt li.li2 .t1 em{ font-size:24px; font-family:"SH_Medium"; color:#fff;}
.con1_rt_txt li.li2 p{ font-size:16px; color:rgba(255,255,255,.6); margin-top:15px;}

.con2{ background:url(../images/bg2.png) center top no-repeat; background-size:cover; padding:9.375% 0 8.333333333333333% 0; overflow:hidden;}
.con2 .titc span{ color:rgba(255,255,255,.24);}
.con2 .titc em{ color:#fff;}
.con2 .titc p{ color:rgba(255,255,255,.4);}
.con2_list{ padding-top:35px;}
.con2_list li{ position:relative; width:49.30555555555556%; overflow:hidden;}
.con2_list li .clear{ width:100%; text-align:center;}
.con2_list li.li1{ width:24.23611111111111%;}
.con2_list li a{ display:block;}
.con2_list li.li1 .txt,.con2_list li.li1 .pic{ height:50%;}
.con2_list li.li1 .txt{ background:#e26b0a; color:#fff; padding:0 16.25%; position:relative; z-index:5;}
.con2_list li.li1 .txt:before,.con2_list li.li1 .txt:after{ content:""; display:block; position:absolute; left:50%; transform:translate(-50%,0); font-size:0; overflow:hidden; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent;}
.con2_list li.li1 .txt:before{ top:-15px; border-bottom:15px solid #e26b0a;}
.con2_list li.li1 .txt:after{ bottom:-15px; border-top:15px solid #e26b0a;}
.con2_list li.li1 .txt em{ display:block; font-family:"SH_Heavy"; font-size:24px; position:relative; padding-bottom:13px; margin-bottom:23px;}
.con2_list li.li1 .txt em:after{ content:""; display:block; position:absolute; left:50%; transform:translate(-50%,0); bottom:0; background:rgba(255,255,255,.7); width:26px; height:2px; font-size:0; overflow:hidden;}
.con2_list li.li1 .txt p{ font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.con3{ background:url(../images/bg3.png) center top no-repeat; background-size:cover; padding:9.375% 0 8.333333333333333% 0; overflow:hidden;}
.con3_list{ width:101.128472222222222%; padding-top:19px;}
.con3_list li{ margin:1.128472222222222% 1.128472222222222% 0 0; width:18.87152777777778%; text-align:center; position:relative;}
.con3_list li a{ display:block;}
.con3_list li .clear{ width:100%;}
.con3_list li .txt{ position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); padding:10px 0; transition:.3s ease-in-out;}
.con3_list li .txt img{ height:28px; margin-right:9px;}
.con3_list li .txt p{ font-size:24px; font-family:"SH_Medium"; color:#fff; line-height:2;}
.con3_list li.hover .txt{ top:0; padding:0;}
.con3_list li.hover .txt img{ margin:9px auto; height:88px;}
.con3_list li.hover .txt p{ width:100%;}

.con4{ background:#fff; padding:9.375% 0 8.333333333333333% 0; overflow:hidden;}
.con4c{ width:100%; padding-top:35px;}
.con4_lf{ width:58.54166666666667%;}
.con4_list1 li{ margin-top:24px;}
.con4_list1 li:nth-child(1){ margin-top:0;}
.con4_list1 li .pic{ width:39.8576512455516%; margin-right:1.89798339264532%;}
.con4_list1 li .txt{ width:58.24436536180308%; border-bottom:2px solid #e7e7e6; padding-bottom:40px; position:relative;}
.con4_list1 li .txt h3{ font-size:24px; font-family:"SH_Medium"; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.con4_list1 li .txt .txtc{ font-size:16px; color:rgba(51,51,51,.4); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-top:12px;}
.con4_list1 li .txt .c3_more{ position:absolute; left:0; bottom:15px; font-size:16px; color:#999;}
.con4_list1 li .txt .c3_more a{ font-family:"SH_Medium"; color:#E26B0A; padding-right:30px; background:url(../images/point2.png) right center no-repeat; background-size:14px 14px;}
.con4_rt{ width:39.72222222222222%; padding:15px 1.666666666666667%; box-shadow:0 4px 24px 0 rgba(51,51,51,0.1);}
.con4_list2 li{ border-bottom:2px dotted rgba(51,51,51,.05); line-height:3.375; font-size:16px; position:relative; padding-right:21.5%;}
.con4_list2 li:last-child{ border-bottom:none;}
.con4_list2 li *{ font-family:"SH_Medium";}
.con4_list2 li em{ padding-left:28px; position:relative; width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con4_list2 li em:before{ content:""; display:block; position:absolute; left:8px; top:50%; margin-top:-6px; width:0; height:0; border-top:6px solid transparent; border-left:6px solid #333; border-bottom:6px solid transparent; font-size:0; overflow:hidden;}
.con4_list2 li span{ color:#999; position:absolute; right:0; top:0;}
.con4_list2 li.hover em{ color:#E26B0A;}

.com li .pic_w img,.con4_list1 li img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover .pic_w img,.con4_list1 li.hover img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#232323; overflow:hidden;}
.footer .w{ padding:50px 0;}
.f_logo{ width:20.625%;}
.f_logo a{ display:inline-block;}
.f_logo img{ display:block; width:100%;}
.footer span{ display:block; font-size:16px; color:#fff; line-height:2.25; font-family:"SH_Medium"; margin-bottom:12px;}
.footer span a{ font-family:"SH_Medium"; color:#fff;}
.footer ul{ width:79.375%; padding-left:12.365%;}
.footer ul li p{ line-height:2.285714285714286; font-size:14px; color:rgba(255,255,255,.5);}
.footer ul li p a{ color:rgba(255,255,255,.5);}
.foot{ font-size:12px; color:#fff; line-height:1.833333333333333; padding:20px 0; border-top:2px solid rgba(255,255,255,.2); text-align:center; max-height:999999px;}
.foot *{ color:#ccc;}
.foot em{ margin:0 5px;}
.footer a:hover{ color:rgba(255,255,255,.9);}