﻿body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#df0807;}
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:#c9c9c9;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#c9c9c9;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#c9c9c9;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#c9c9c9;}
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,button{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; 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:1300px; width:92%; 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;}
.comflex6{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between; align-items:center;}
.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; overflow:hidden;}
.pic_w a{ display:block;}

/*header*********************************************************************/
.head{ position:relative; z-index:505; background:#fff;}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; background:rgba(255,255,255,.8); -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}
.head-fixed .w{ position:relative;}
.logo{ width:6.461538461538462%;}
.logo img{ display:block; width:100%;}
.logo em{ line-height:1; display:block; margin-right:-50px; color:#6f7072; font-weight:bold; margin-top:7px; transform:scale(.8); margin-left:-15px;}
.nav{ width:75.76923076923077%; padding-right:5.692307692307692%;}
.nav .plebans{ font-size:16px; line-height:88px; padding-bottom:0;}
.nav .plebans:after{ content:''; display:block; position:absolute; left:51%; right:51%; bottom:0; height:2px; font-size:0; overflow:hidden; background:#df0807; transition:all 0.6s;}
.nav .plebans a{ display:inline-block;}
.nav li{ position:relative; padding:0 1.9%;}
.nav li.on .plebans a,.nav li.cur .plebans a{ color:#df0807; font-weight:bold;}
.nav li.on .plebans:after,.nav li.cur .plebans:after{ left:0; right:0;}
.nav_bg{ display:none;}
.goutp{ opacity:0; visibility:hidden; transform:translateY(10px); transition: all 0.3s ease; position:absolute; top:100%; z-index:510; box-shadow:0 16px 16px 0 rgba(0,0,0,.05); left:0; right:0; background:rgba(255,255,255,.7); border-radius:0 0 5px 5px; text-align:center; padding:0 15px;}
.goutp p{ font-size:14px; line-height:2.785714285714286; border-bottom:1px solid rgba(0,0,0,.1);}
.goutp p:last-child{ border-bottom:none;}
.goutp p a{ display:block; color:#414141;}
.goutp p a:hover{ color:#df0807;}
.nav li.on .goutp{ opacity:1; visibility:visible; transform:translateY(0px);}
.hrt{ position:absolute; right:0; top:0; bottom:0;}
.hrt img{ height:15px; cursor:pointer;}
.search{ position:fixed; left:0; right:0; top:120px; display:none; z-index:999;}
.search_form{ width:50%; position:relative; overflow:hidden; margin:0 auto;}
.s_intxt{ border:1px solid #ddd; border-radius:1000px; display:block; padding:12px 20px; line-height:1.5; background:#fff; font-size:14px; color:#333; width:100%;}
.s_inbut{ border:none; cursor:pointer; background:#df0807; position:absolute; top:0; bottom:0; right:0; font-size:14px; padding:0 30px; overflow:hidden; border-radius:1000px; transition:all .6s; color:#fff;}
.head_on{ background:#fff; box-shadow:0 0 6px 0 rgba(0,0,0,.2);}

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

.banner{ z-index:5;}
.banner .swiper-slide{ background-position:center top; background-repeat:no-repeat; background-size:cover;}
.banner img{ display:block; width:100%;}
.banner .swiper-pagination{ bottom:3.16%;}
.banner .swiper-pagination-bullet{ width:50px; height:3px; background:rgba(255,255,255,.5); opacity:1; margin:0 15px!important; border-radius:0; transition:all 0.6s; position:relative;}
.banner .swiper-pagination span:after{ content:""; display:block; position:absolute; top:0; left:0; width:0; height:100%; background-color:#df0807;}
.banner .swiper-pagination span.swiper-pagination-bullet-active:after{ width:100%; transition:width 6s linear;}
.com_but .swiper-button-prev{ left:2.865%;}
.com_but .swiper-button-next{ right:2.865%;}
.com_but .swiper-button-prev,.com_but .swiper-button-next{ width:2.395833333333333%; height:auto;}
.com_but .swiper-button-prev img,.com_but .swiper-button-next img{ display:block; width:100%;}
.com_but .swiper-button-prev:after,.com_but .swiper-button-next:after{ display:none;}
.nyban{ width:100%; position:relative; z-index:6; overflow:hidden; margin-top:88px;}
.nyban img{ display:block; width:100%;}
.nyban .w{ position:absolute; left:50%; top:0; bottom:0; transform:translate(-50%,0);}
.nyban .txt{ width:100%; position:relative; color:#fff; line-height:1;}
.nyban .txt em{ display:block; font-weight:bold; font-size:54px; text-transform:uppercase; text-shadow:0 6px 18px rgba(0,40,64,.5);}
.nyban .txt p{ font-size:48px; font-weight:bold; text-shadow:0 6px 18px rgba(0,40,64,.5); padding:12px 0 34px 0;}
.nyban .txt:after{ content:""; display:block; position:absolute; bottom:0; left:0; width:60px; height:3px; background:#df0807;}

.titc{ width:100%; font-size:44px; color:#1a1a1a; position:relative; text-align:center; line-height:1.590909090909091; padding-bottom:30px;}
.titc:after{ content:""; display:block; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:60px; height:3px; background:#df0807;}
.titc b,.titc em{ display:block;}
.titc em{ text-transform:uppercase; font-size:22px; line-height:1; margin-bottom:-5px;}

.combg{ width:100%; background:#fff; overflow:hidden; position:relative; z-index:11;}

.con1{ background:url(../images/bg1.jpg) center top no-repeat; background-size:cover; padding:100px 0;}
.con1c{ width:100%;}
.con1 .titc{ text-align:left; margin-top:-15px;}
.con1 .titc:after{ left:0; transform:none;}
.con1_lf{ width:50%; padding-right:4.5%;}
.con1_lf .txt{ font-size:16px; line-height:2.5; margin-top:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con1_rt{ width:50%; position:relative; padding:0 2.307692307692308% 2.307692307692308% 0;}
.con1_rt:after{ content:""; display:block; position:absolute; bottom:0; right:0; width:93px; height:93px; border-bottom:3px solid #df0807; border-right:3px solid #df0807;}
.con1_rt img{ display:block; width:100%;}
.con1_rt .pic{ padding-left:12.90322580645161%;}
.con1_rt .pic1{ position:absolute; left:0; bottom:0; width:30.76923076923077%;}

.con2{ z-index:12;}
.con2_pic{ width:100%;}
.con2_pic img{ width:100%; display:block;}
.con2 .w{ position:absolute; left:50%; transform:translate(-50%,0); top:0; bottom:0; padding-bottom:130px; z-index:13;}
.con2 .clear{ width:100%;}
.con2 .titc{ text-align:left; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.31);}
.con2 .titc:after{ left:0; transform:none;}
.con2 .txt{ color:#fff; font-size:16px; text-shadow:0 1px 3px rgba(0,0,0,.58); line-height:2.25; width:41.5%; margin-top:30px;}
.con2_tab_w{ top:auto!important; z-index:14;}
.con2_tab{ position:absolute; right:0; left:0; bottom:20px; border-bottom:1px solid #df0807; background:rgba(); z-index:14; background:url(../images/libg.png) center top no-repeat;}
.con2_tab ul li{ cursor:pointer; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:20px; color:#fff; line-height:99px;}
.con2_tab ul li:after{ content:''; display:block; position:absolute; right:-1px; top:10px; bottom:10px; width:1px; font-size:0; overflow:hidden; background:#cec4bc; transition:all 0.6s;}
.con2_tab ul li:last-child:after{ display:none;}
.con2_tab ul li img{ height:35px; margin-right:14px;}
.con2_tab ul li.swiper-slide-thumb-active{ background:#df0807;}
.con2_tab ul li.swiper-slide-thumb-active:after{ display:none;}
.con2_pic .swiper-button-prev{ left:2.604166666666667%;}
.con2_pic .swiper-button-next{ right:2.604166666666667%;}
.con2_pic .swiper-button-prev,.con2_pic .swiper-button-next{ z-index:55; width:56px; height:56px; border:1px solid #fff; border-radius:50%; transition:all 0.6s;}
.con2_pic .swiper-button-prev:after,.con2_pic .swiper-button-next:after{ color:#fff; font-size:20px; transition:all 0.6s;}
.con2_pic .swiper-button-prev:hover,.con2_pic .swiper-button-next:hover{ border-color:#df0807;}
.con2_pic .swiper-button-prev:hover:after,.con2_pic .swiper-button-next:hover:after{ color:#df0807;}

.con3{ background:#eef2f5; padding:85px 0 100px 0; z-index:13;}
.con3c{ width:100%;}
.con3_list{ margin-top:40px;}
.con3_list *{ transition:all 0.6s;}
.con3_list li{ box-shadow:0 3px 7px rgba(0,0,0,.2); background:#fff;}
.con3_list li a{ display:block; position:relative; overflow:hidden;}
.con3_list li .pic_w img{ width:100%; height:100%;}
.con3_list li .bot{ position:absolute; left:0; right:0; bottom:0; height:50px; background:rgba(0,0,0,.6);}
.con3_list li .bot .clear{ width:100%;}
.con3_list li .bot *{ color:#fff;}
.con3_list li .bot h3{ text-align:center; font-size:18px; line-height:50px;}
.con3_list li .bot .txt{ display:none; font-size:16px; line-height:1.875; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con3_list li .bot .more3{ display:none; margin-top:25px;}
.more3 em,.more1{ background:#df0807; color:#fff; font-size:14px; display:inline-block; line-height:30px; padding:0 55px 0 10px; position:relative;}
.more3 em:after,.more1:after{ content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-2.5px; width:36px; height:5px; font-size:0; overflow:hidden; background:url(../images/point1.png) right center no-repeat; transition:all 0.6s;}
.more1{ line-height:42px; padding:0 70px 0 24px; margin-top:25px;}
.more1:after{ right:24px;}
.more1:hover{ color:rgba(255,255,255,.8);}
.con3_list li.hover{ padding:5px;}
.con3_list li.hover .bot{ padding:0 13%; height:100%; display:flex; flex-wrap:wrap; align-items:center; background:rgba(0,0,0,.68);}
.con3_list li.hover .bot h3{ font-size:24px; text-align:left; margin-top:-14px;}
.con3_list li.hover .bot .txt{ display:-webkit-box;}
.con3_list li.hover .bot .more3{ display:block;}
.com_dot .swiper-pagination{ margin-top:60px; position:static;}
.com_dot .swiper-pagination span{ border:1px solid #df0807; background:none; opacity:1; width:12px; height:12px; margin:0 5px;}
.com_dot .swiper-pagination span.swiper-pagination-bullet-active{ background:#df0807;}
.com_dot1 .swiper-pagination span{ border:none; background:#d0d0d0;}

.con4{ background:url(../images/bg4.png) #fff center top no-repeat; padding:85px 0 100px 0; z-index:14;}
.con4c{ width:100%; margin-top:40px;}
.con4_lf{ width:49.23076923076923%;}
.con4_list{ width:100%;}
.con4_list li .pic_w img{ width:100%; height:100%;}
.con4_list li .txt em,.con4_list li .txt p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con4_list li .txt em{ font-size:18px;}
.con4_list li .txt p{ font-size:14px; margin-top:3px;}
.con4_list li .txt span{ display:block; font-size:14px; color:#555; margin-top:8px;}
.con4_list li .txt:after{ content:''; display:block; position:absolute; right:20px; top:50%; transform:translate(0,-50%); width:26px; height:16px; font-size:0; overflow:hidden; background:url(../images/point2.png) right center no-repeat; transition:all 0.6s;}
.con4_list li.hover .txt em{ font-weight:bold; color:#df0807;}
.con4_list li.hover .txt:after{ background-image:url(../images/point2_1.png)!important;}
.con4_list li.hover .txt span{ color:#df0807;}
.con4_lf .con4_list li{ position:relative;}
.con4_lf .con4_list li a{ display:block;}
.con4_lf .con4_list li .txt{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); color:#fff; padding:16px 12.5% 16px 20px;}
.con4_rt{ width:50.76923076923077%; padding-left:1.92307692307692%;}
.con4_rt .con4_list{ display:flex; flex-direction:column; justify-content:space-between; height:100%;}
.con4_rt .con4_list li{ padding:10px; box-shadow:0 0 7px rgba(0,0,0,.07); background:#fff; margin-top:28px; position:relative;}
.con4_rt .con4_list li:after{ content:''; display:block; position:absolute; right:0; bottom:0; width:0; height:0; font-size:0; border-bottom:20px solid #e6e6e6; border-left:20px solid transparent; transition:all 0.6s;}
.con4_rt .con4_list li.hover:after{ border-bottom-color:#df0807;}
.con4_rt .con4_list li:nth-child(1){ margin-top:0;}
.con4_rt .con4_list li a{ width:100%;}
.con4_rt .con4_list li .pic{ width:23.57723577235772%;}
.con4_rt .con4_list li .txt{ width:76.42276422764228%; padding:0 9.5% 0 2.439024390243902%; position:relative;}
.con4_rt .con4_list li .txt p{ -webkit-line-clamp:2; line-height:1.285714285714286; margin-top:8px; color:#555;}
.con4_rt .con4_list li .txt:after{ background-image:url(../images/point2_2.png); right:10px;}
.more4{ border:1px solid  #e6e6e6; background:none; color:#999; margin-top:60px;}
.more4:after{ background-image:url(../images/point1_1.png)!important;}
.more4:hover{ color:#fff; background:#df0807; border-color:#df0807;}
.more4:hover:after{ background-image:url(../images/point1.png)!important;}

.ab_pos{ position:absolute; left:0; top:-87px; font-size:0; overflow:hidden;}
.abcon1{ background:url(../images/abg1.jpg) center top no-repeat; background-size:cover; padding:100px 0;}
.abcon1 .txt{ font-size:16px; line-height:2.625; text-align:center; margin-top:45px;}
.abcon1_list{ text-align:center; line-height:1; margin-top:80px;}
.abcon1_list li em{ display:inline-block; position:relative; font-size:36px; color:#1a1a1a; font-weight:bold;}
.abcon1_list li em i{ font-weight:500; color:#fff; background:#df0807; border-radius:50%; position:absolute; right:-14px; top:-12px; font-size:10px; width:16px; line-height:16px; display:inline-block;}
.abcon1_list li p{ font-size:14px; margin-top:8px;}
.abcon2{ background:url(../images/abg2.jpg) center top no-repeat; background-size:cover; padding:100px 0; z-index:12;}
.abcon2 .w{ position:relative;}
.abcon2 .titc{ position:absolute; right:0; top:20%; width:auto;}
.abcon2 .titc em{ transform:rotate(90deg); position:absolute; right:-140px; top:100px; width:300px; padding-bottom:0;}
.abcon2 .titc b{ width:50px; line-height:1; margin-right:31px;}
.abcon2 .titc:after{ display:none;}
.abcon2 .titc i{ display:block; width:1px; height:180px; background:#ee8382; position:absolute; right:115px; top:130px;}
.abcon2 .titc i:before,.abcon2 .titc i:after{ content:''; display:block; position:absolute; left:-3px; width:7px; height:7px; border-radius:50%; background:#ee8382; overflow:hidden; font-size:0;}
.abcon2 .titc i:before{ top:0;}
.abcon2 .titc i:after{ bottom:0;}
.abcon2 .titc span{ font-size:22px; line-height:1.318181818181818; display:block; width:24px; position:absolute; right:145px;}
.abcon2c{ width:100%; padding:0 18% 0 4.461538461538462%;}
.map{ width:100%; position:relative;}
.map img{ display:block; width:100%;}
.abcon3{ background:url(../images/abg3.jpg) center top no-repeat; background-size:cover; padding:100px 0; z-index:13;}
.abcon3 .titc{ text-align:left; color:#fff;}
.abcon3 .titc:after{ display:none;}
.abcon3c{ width:100%; position:relative; margin-top:5px;}
.a_tit1{ position:relative; color:#fff; font-weight:bold; font-size:32px; text-align:center; padding-bottom:38px;}
.a_tit1:after{ content:""; display:block; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:60px; height:3px; background:#fff;}
.abcon3_list{ text-align:center; padding:20px 0 24px 0;}
.abcon3_list li{ min-width:26%; color:#fff; margin-top:58px;}
.abcon3_list li em{ display:block; font-size:24px; font-weight:bold;}
.abcon3_list li img{ display:block; margin:0 auto 25px auto; height:104px;}
.abcon3_list li p{ font-size:18px; margin-top:10px;}
.abcon3_list.abcon3_list1{ padding:0; margin-top:-15px;}
.abcon3_list.abcon3_list1 li{ background:rgba(255,255,255,.07); width:48.84615384615385%; padding:62px 0 58px 0;}
.abcon3_list.abcon3_list2{ padding:48px 0 0 0;}
.abcon3_list.abcon3_list2 li img{ margin-bottom:33px;}

.partner1{ padding:100px 0;}
.partner1_list{ margin-top:60px;}
.partner1_list li{ border:1px solid #d8d8d8; box-shadow:0 0 14px rgba(0,0,0,.06);}
.partner1_list li .pic_w{ left:5%; top:5%; right:5%; bottom:5%;}
.partner1_list li.hover{ border-color:#df0807;}
.partner2{ background:url(../images/pbg2.jpg) center top no-repeat; background-size:cover; padding:100px 0; z-index:12;}
.partner2c{ padding-top:60px;}
.partner2 ul:nth-child(1){ margin-top:0;}
.partner2_list{ margin-top:-70px;}
.partner2_list li{ width:14.28571428571429%; padding:25px 2.527472527472527%;}
.partner2_list li .pic{ overflow:visible;}
.partner2_list li .dfimg{ box-shadow:0 3px 7px rgba(0,0,0,.09); transform:rotate(45deg); background:#fff; border-radius:5px;}
.partner2_list li .pic_w{ left:15%; top:15%; right:15%; bottom:15%;}

.news_w{ padding:100px 0;}
.news_list{ width:102.307692307692308%; margin-top:-2.307692307692308%;}
.news_list li{ background:#e6e6e6; transition:all 0.6s; margin:2.255639097744361% 2.255639097744361% 0 0; width:31.07769423558897%; position:relative;}
.news_list li a{ display:block;}
.news_list li .pic_w img{ width:100%; height:100%;}
.news_list li .txt{ padding:4.830917874396135%; line-height:1.1;}
.news_list li .txt h3{ font-size:18px; color:#1a1a1a; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.news_list li .txt p{ font-size:14px; color:#555; margin-top:17px;}
.news_list li.hover{ background:#df0807;}
.news_list li.hover *{ color:#fff!important;}
.page{ text-align:center; margin-top:60px;}
.page a{ font-size:14px; color:#272727; border-radius:16px; border:1px solid#e1e1e1; line-height:30px; height:32px; min-width:32px; margin:0 8px; transition:all 0.6s;}
.page a img{ height:10px;}
.page a.prev img{ transform:rotate(-180deg); transition:all 0.6s;}
.page a.prev,.page a.next{ padding:0 40px;}
.page a:hover,.page a.cur{ color:#fff; background:#df0807; border-color:#df0807;}
.page a:hover img{ filter:brightness(0) invert(1);}

.news_c{ width:100%;}
.news_lf{ width:74%; border:1px solid #eee; padding:4.2%;}
.news_tit{ text-align:center; color:#1a1a1a; padding-bottom:17px;}
.news_tit h3{ font-weight:bold; font-size:24px;}
.news_tit p{ font-size:14px; margin-top:12px;}
.news_tit p em{ padding:0 7px;}

.news_txt{ font-size:16px; line-height:2; color:#1a1a1a; border-top:1px solid #eee; padding:50px 0;}

.news_txt span{ text-wrap-mode:wrap!important;}
.news_txt img{ display:block; margin:0 auto; max-width:100%;}
.page_up{ border-top:1px solid #eee; font-size:14px; padding-top:20px;}
.page_up *{ color:#8a8a8a;}
.page_up li{ max-width:48%;}
.page_up li em{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.page_up li img{ height:9px; filter:grayscale(100%) opacity(70%); position:absolute; right:0; top:50%; margin-top:-4.5px;}
.page_up li:nth-child(1) img{ transform:rotate(-180deg);}
.page_up li a{ padding-right:20px; position:relative; display:inline-block;}
.page_up li:nth-child(1) a{ padding:0 0 0 24px;}
.page_up li:nth-child(1) img{ left:0; right:auto;}
.page_up li a:hover em{ color:#df0807;}
.page_up li a:hover img{ filter:none;}
.news_rt{ width:21.92307692307692%; border:1px solid #eee; padding:1.461538461538462%;}
.n_tit{ width:100%; position:relative;}
.n_tit img{ display:block; width:100%;}
.n_tit em{ position:absolute; left:0; right:0; bottom:0; top:0; color:#fff; background:rgba(0,0,0,.65); font-size:30px;}
.news_list1 li{ position:relative; border-bottom:1px solid #eee; padding:25px 0;}
.news_list1 li:last-child{ border-bottom:none; padding-bottom:10px;}
.news_list1 li a{ display:block; padding-left:8%;}
.news_list1 li em{ display:block; position:absolute; left:0; top:25px; color:#1a1a1a; font-weight:bold; font-size:16px;}
.news_list1 li h3,.news_list1 li p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.news_list1 li h3{ font-size:16px; color:#1a1a1a; font-weight:bold;}
.news_list1 li p{ font-size:14px; color:#555; margin-top:5px;}
.news_list1 li a:hover em,.news_list1 li a:hover h3{ color:#df0807;}

.titc1{ padding-bottom:0; text-align:left; line-height:1;}
.titc1:after{ display:none;}
.titc1 em{ margin-bottom:9px;}
.titc1 .more1{ position:absolute; right:0; top:50%; transform:translate(0,-50%); margin-top:0;}
.serve{ padding:0 0 100px 0; background:url(../images/sbg.jpg) center top repeat;}
.serve1{ padding-top:100px;}
.serve_list{ width:100%; margin-top:60px;}
.serve_list li{ width:33.33333333333333%; background:#f0f0f0;}
.serve_list li.li1{ width:50%;}
.serve_list li a{ display:flex; flex-direction:column; width:100%;}
.serve_list li .txt{ width:100%; z-index:15; position:relative;}
.serve_list li .txt:after{ content:""; display:block; position:absolute; width:0; height:0;}
.serve .serve_list li .txt:after{ bottom:-8px; left:50%; transform:translate(-50%,0); border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #f0f0f0;}
.serve_list li .txt .clear{ position:absolute; left:0; right:0; bottom:0; top:0;}
.serve_list li .txt em{ font-size:18px; font-weight:bold; color:#1a1a1a; position:relative; line-height:1; padding-bottom:23px;}
.serve_list li .txt em:after{ content:""; display:block; position:absolute; bottom:0; left:50%; transform:translate(-50%,0); width:30px; height:3px; background:#df0807;}
.serve_list li .pic_w img{ width:100%; height:100%;}
.serve_list li:nth-child(3n+2) .txt{ order:1;}
.serve .serve_list li:nth-child(3n+2) .txt:after{ top:-8px; bottom:auto; border-bottom:8px solid #f0f0f0; border-top:none;}
.serve_dt{ padding:100px 0;}
.serve_dt .titc{ padding-bottom:0;}
.serve_dt .titc:after{ display:none;}
.serve_dt .serve_list{ margin-top:0;}
.serve_dt .serve_list li{ width:100%; margin-top:60px;}
.serve_dt .serve_list li .txt{ width:33%; padding:0 3.846153846153846%;}
.serve_dt .serve_list li .txt em{ display:block; font-size:24px; padding-bottom:43px;}
.serve_dt .serve_list li .txt em:after{ left:0; transform:none;}
.serve_dt .serve_list li .txt .txtc{ font-size:16px; color:#1a1a1a; line-height:2.25; margin-top:30px;}
.serve_dt .serve_list li .txt:after{ right:-26px; top:50%; transform:translate(0,-50%); border-top:23px solid transparent; border-left:26px solid #f0f0f0; border-bottom:23px solid transparent;}
.serve_dt .serve_list li .pic{ width:67%;}
.serve_dt .serve_list li:nth-child(2n) .txt:after{ left:-26px; right:auto; border-right:26px solid #f0f0f0; border-left:none;}

.gc_list li .txt{ position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.6); font-size:16px; color:#fff; line-height:2.5; padding:0; text-align:center; transition:all 0.6s;}
.gc_list li.hover .txt{ background:rgba(255,0,0,.6);}
.gc_tit{ width:100%; position:relative; border-bottom:1px solid #e5e5e5; padding-bottom:35px;}
.gc_tit h3{ font-weight:bold; font-size:24px; color:#1a1a1a;}
.gc_tit a{ position:absolute; right:0; top:7.5px; font-size:14px; color:#999;}
.gc_tit a img{ margin-right:8px; height:10px;}
.gc_txt{ font-size:16px; color:#1a1a1a; line-height:1.875; margin-top:35px;}
.gc_pic{ width:100%; overflow:hidden; padding:0 18.46153846153846%; margin-top:53px; position:relative;}
.gc_pic .swiper{ overflow:visible;}
.gc_pic ul li{ background:#000;}
.gc_pic ul li .pic_w img{ width:100%; height:100%; opacity:.4;}
.gc_pic ul li.swiper-slide-active .pic_w img{ opacity:1;}
.gc_pic .swiper-button-prev{ left:6.5%;}
.gc_pic .swiper-button-next{ right:6.5%;}
.gc_pic .swiper-button-prev:after,.gc_pic .swiper-button-next:after{ color:rgba(255,255,255,.5); font-size:60px;}
.gc_pic .swiper-button-prev:hover:after,.gc_pic .swiper-button-next:hover:after{ color:#df0807;}
.page_down{ width:100%; border-top:1px solid #e5e5e5; margin-top:60px; padding-top:35px;}
.page_down li{ max-width:40%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.page_down li a{ font-size:16px; color:#555;}
.page_down li a:hover{ color:#df0807;}

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

/*foot style*********************************************************************/
.footer{ width:100%; background:#11120f; overflow:hidden; font-size:14px;}
.footer *{ color:rgba(255,255,255,.6);}
.footer a:hover{ color:#df0807!important;}
.f_nav{ width:100%; padding:35px 0 55px 0; position:relative;}
.f_nav:after{ content:''; display:block; position:absolute; left:0; width:100%; top:88px; height:1px; font-size:0; overflow:hidden; background:#363735; transition:all 0.6s;}
.f_nav li{ text-align:center;}
.f_nav li em{ font-size:16px; color:#fff; display:block; padding-bottom:40px;}
.f_nav li em a{ color:#fff;}
.f_nav li .txt p{ margin-top:15px;}
.f_nav li:last-child{ text-align:left;}
.foot{ text-align:center; padding:18px 0; border-top:1px solid #363735;}
.foot em{ margin:0 10px;}