@charset "utf-8"; 
@font-face {
	font-family: 'SY-ExtraLight';
	font-display: swap;
	src: url('//at.alicdn.com/t/webfont_6x5l5759but.eot'); /* IE9*/
	src: url('//at.alicdn.com/t/webfont_6x5l5759but.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('//at.alicdn.com/t/webfont_6x5l5759but.woff2') format('woff2'),
	url('//at.alicdn.com/t/webfont_6x5l5759but.woff') format('woff'), /* chrome、firefox */
	url('//at.alicdn.com/t/webfont_6x5l5759but.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('//at.alicdn.com/t/webfont_6x5l5759but.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'SY-Normal';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_eyjfcr9x7fd.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_eyjfcr9x7fd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_eyjfcr9x7fd.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_eyjfcr9x7fd.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_eyjfcr9x7fd.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_eyjfcr9x7fd.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0,0,0,0)}
body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, textarea,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-variant: tabular-nums; line-height: 1.5715; font-family: inherit; background-color: #fff; font-feature-settings: "tnum","tnum"; font-size: 12px; line-height: 1.6; }
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0; }
input,select,textarea { outline: none; border: none; background: none;}
a { text-decoration: none }
.fr { float: right; }
.fl { float: left; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix { *zoom: 1; }  
a { color: #999;}
.clr{ clear:both;}
.r{ margin-right:0 !important;}
.mti10{margin-top: 10px!important;}
.mti20{margin-top: 20px!important;}
.mti25{margin-top: 25px!important;}
.mti15{margin-top: 15px!important;}
.mi0{ margin: 0 auto!important;}
.mib5{margin-bottom:5px!important;}
.pt20pb20 { padding: 20px 0;}
.bb1d { border-bottom: 1px dashed #bfbfbf;}
.hi5 { height: 5px;}
.hi10 { height: 10px;}
.hi15 { height: 15px;}
.hi20 { height: 20px;}
.hi30 { height: 30px;}

.hi50 { height: 50px;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
.enDaXie { text-transform: uppercase;}
.w1280 { width:1280px; margin:0 auto;overflow: hidden;clear: both;}
.w1360 { width:1360px; margin:0 auto;overflow: hidden;clear: both;}
.w100 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; background-position: center; background-repeat: no-repeat; position: relative;}
.w1200 { width:1200px; margin:0 auto;overflow: hidden;clear: both;}
.indexTT { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 50px 0;}
.indexTT img { margin: 0 auto; display: block;}
.innerTop { width: 100%; height: 1000px; margin: 0 auto; background-color: #C3C3C5; overflow: hidden; clear: both; position: relative; }
.innerTT { width: 100%; position: absolute; z-index: 4; left: 0; top: 50%; margin-top: -67px;}
.innerTT img { margin: 0 auto; display: block;}
.mainTT { padding: 50px 0; position: relative; }
.mainTT h4 { font-size: 42px; line-height: 60px; color: #222222; font-weight: 600;}
.mainTT h4 span { color: #E62435;}
.mainTT p { font-size:16px; color: #E62435; line-height: 40px; font-weight: 600; }
.mainTT img.fix { position: absolute; right: 0; top: 50px;}

.indexbanner { width: 100%; margin: 0 auto; overflow: hidden; clear: both; position: relative;}

.indexNav {  width: 1360px; position: absolute; left:50%; margin-left: -680px; top: 25px; z-index: 9999;}
.indexNav .fllogo { float: left;}
.indexNav .fricon { float: right;}
.indexNav .fricon a { float: left; color:#fff; margin-left:15px; }
.indexNav .fricon a.login { width: 88px; height: 24px; line-height:24px; text-align:center; border:1px solid #fff; border-radius:5px;}

.indexMenu { width: 1360px; height: 160px; margin:0 auto; overflow:hidden; clear:both; position: relative; z-index: 9; margin-top: -80px; background-color: #fff; box-shadow: 0px 2px 8px rgba(0,0,0,.17); border-top: 4px solid #C2161D; }
.indexMenu li { float: left; width: 226px;  height: 160px; position: relative;}
.indexMenu li::before { position: absolute; width: 1px; height: 90px; content: '';right: 0; top: 35px; background-color:#DDDDDD}

.nav { width: 100%; height: 100px; position: absolute; left:0; top: 0; z-index: 9999; border-bottom:1px solid rgba(255, 255, 255, 0.16); background-color: #111111; }
.nav .navCon { width: 1200px; margin: 0 auto; height: 100px; position: relative; }
.nav .fllogo { float: left; margin-top: 25px;}
.nav .fricon { float: right; margin-top:30px; }
.nav .fricon a { float: left; color:#fff; margin-left:15px; }
.nav .fricon a.login { width: 88px; height: 24px; line-height:24px; text-align:center; border:1px solid #fff; border-radius:5px;}
.nav .fricon a:hover { color: #C8171E; }
.nav .fricon a.login:hover { background-color: #C8171E; border-color: #C8171E;color: #fff;}
.logo { float: left; margin-left: 17px; margin-top: 11px; }
.nav .menu { float: right; height: 100px; }
.nav .menu ul.dropdown li { float: left; height: 100px; margin: 0 10px; }
.nav .menu ul.dropdown li a { display: block; height: 100px; line-height: 100px; font-size: 16px; color: #fff; font-weight: 400; letter-spacing: 2px; position:relative; padding: 0 5px; }
.nav .menu ul.dropdown li.on ,.menu ul.dropdown li:hover { background-image: url(/dist/img/menubg.png); background-repeat: repeat-x; } 

.menu ul.dropdown ul { display: none; position: absolute; top: 50px; left: 0; width: 100%; z-index: 1000; background: #fff; height: 40px; overflow: hidden; }
.menu ul.dropdown ul li { font-weight: normal; height: 40px; line-height: 40px;  float: left; padding: 0 12px;}
.menu ul.dropdown ul li a::after { display: none;}
.menu ul.dropdown ul li a { display: block; color: #555;  height: 40px; line-height: 40px; font-size: 12px; }


.indexbanner .swiper-container{ width: 100%; margin: 0 auto; overflow: hidden; clear: both; }
.indexbanner .swiper-pagination-bullet{ width:18px; height:5px; border-radius:0; background:#fff;opacity: .5; }
.indexbanner .swiper-pagination-bullet-active{ background:#fff;opacity: 1; width: 30px;}
.indexbanner .swiper-pagination-current { color: #C8171E;  font-size:32px;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ margin-bottom:15px; color:#fff; font-size:20px;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}

.index_part01 { width: 1200px; margin: 0 auto; overflow: hidden; clear: both; padding:0px 0 50px;}
.index_part01 .bd { width:1200px; height: 580px;}
.index_part01 .bd ul { width:1200px; height: 580px; position: relative; overflow: hidden; }
.index_part01 .index_part01pic { width:1200px; height: 580px; margin: 0 auto; overflow: hidden; clear: both;}
.index_part01 .index_part01word { width: 502px; height: 364px; padding: 50px 30px; position: absolute; right: 30px; top: 50%; margin-top: -232px; z-index: 8; background-image: url(/dist/img/index_part01bg.png); background-repeat: no-repeat; }
.index_part01 .index_part01word h3 { font-size:24px; color: #fff; line-height: 50px; }
.index_part01 .index_part01word em { display: block; width: 48px; height: 2px; background-color: #fff; margin: 15px 0;}
.index_part01 .index_part01word p { font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.7); margin-bottom: 115px;}
.index_part01 .index_part01word a.readMore { color:#fff; font-size: 16px;}
.index_part01 .index_part01word a.readMore i { width: 22px; height: 6px; display: inline-block; background-image: url(/dist/img/icon_arrow.png); background-repeat: no-repeat; margin-left: 5px; margin-bottom: 5px; }

.index_part01 .hd ul { width: 1224px;}
.index_part01 .hd ul li { float: left; width: 282px; height: 200px; margin: 24px 24px 24px 0; position: relative;}
.index_part01 .hd ul li img { float: left; width: 282px; height: 200px;}
.index_part01 .hd ul li p { position: absolute; color: #fff; font-size: 20px; left: 15px; bottom: 15px;}
.index_part01 .hd ul li.on p { color: #000; }

.index_part02 { width: 100%; height: 798px; margin: 0 auto; overflow: hidden; clear: both; background-position: center; background-repeat: no-repeat; background-image: url(/dist/img/index_part02bg2.png); }
.index_part02 h3 { width: 100%; height: 114px; margin: 240px auto 20px; overflow: hidden; display: block; background-position: center; background-repeat: no-repeat; background-image: url(/dist/img/index_part02TT.png); }
.index_part02 a.play { width: 104px; height:104px; display: block; margin:50px auto; background-position: center; background-repeat: no-repeat; background-image: url(/dist/img/index_part02btn.png); font-size:0;}

.index_part03 { width: 1200px; height: 582px; margin: 0 auto; overflow: hidden; clear: both; padding: 100px 0 50px; }
.index_part03 .index_part03_box01 { float: left; width: 590px; height: 582px; position: relative; overflow: hidden;}
.index_part03 .index_part03_box02 { float: right; width: 590px; height: 280px; position: relative; overflow: hidden;}
.index_part03 .index_part03_box03 { float: right; width: 590px; height: 280px; margin-top: 22px; position: relative;  overflow: hidden;}
.index_part03 .index_part03_box01 img,.index_part03 .index_part03_box02 img,.index_part03 .index_part03_box03 img {
float: left; transition: 500ms;}
.index_part03 img:hover { transform:scale(1.1) }
.index_part03 .txt { position: absolute; left: 30px; top: 50px; z-index: 8; color: #fff; }
.index_part03 .txt h3 { font-size: 28px; line-height: 45px;}
.index_part03 .txt p { font-size: 14px; line-height: 24px; font-weight: 200;}
.index_part03 a.readMore { width: 148px; height: 46px; line-height: 46px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 23px; position: absolute; z-index: 8; left: 30px; bottom: 40px; color: #fff; font-size: 18px; }
.index_part03 a.readMore i { width: 22px; height: 6px; display: inline-block; background-image: url(/dist/img/icon_arrow.png); background-repeat: no-repeat; margin-left: 5px; margin-bottom: 5px; }
.index_part03 a.readMore:hover { background-color: #E62435; border-color: #E62435;}

.index_part04 { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 30px 0 100px;}
.index_part04 .newsBox { width: 1200px; margin:0 auto; height:516px; background:#fff;position: relative; }
.index_part04 .newsBox .bd { float: left; width: 590px; overflow:hidden; }
.index_part04 .newsBox .bd ul li { float: left; width: 590px;}
.index_part04 .newsBox .bd ul li img { width: 590px; height:516px; float: left; }
.index_part04 .newsBox .hd { float: right; width: 590px; overflow:hidden; }
.index_part04 .newsBox .hd ul li { float: left; width: 530px; height:112px; position: relative; padding:30px;}
.index_part04 .newsBox .hd ul li:before { width: 1px; height:90px; background-color: #929292; content:''; position: absolute; left:145px; top:41px; opacity: .5;}
.index_part04 .newsBox .hd ul li .time { float: left; width: 110px;}
.index_part04 .newsBox .hd ul li .time h4 { font-size: 30px; font-weight: bold; line-height: 50px;}
.index_part04 .newsBox .hd ul li .time em { display: block; width: 40px; height: 1px; background-color: #666666; margin: 10px 0;}
.index_part04 .newsBox .hd ul li .time p { line-height: 30px; color: #666666; font-size: 16px;}
.index_part04 .newsBox .hd ul li .word { float: right; width: 390px;}
.index_part04 .newsBox .hd ul li .word p { width: 100%; line-height: 24px; font-size: 14px; color:#666;}
.index_part04 .newsBox .hd ul li .word h3 { width: 100%; line-height: 40px; height: 40px; overflow: hidden; font-size: 18px; color:#000; margin-bottom: 15px;}
.index_part04 .newsBox .hd ul li.on,.index_part04 .newsBox .hd ul li:hover { background-color: #E62435;}
.index_part04 .newsBox .hd ul li.on h3,.index_part04 .newsBox .hd ul li.on p,.index_part04 .newsBox .hd ul li.on h4,.index_part04 .newsBox .hd ul li:hover h3,.index_part04 .newsBox .hd ul li:hover p,.index_part04 .newsBox .hd ul li:hover h4 { color: #fff;}
.index_part04 .newsBox .hd ul li.on em,.index_part04 .newsBox .hd ul li:hover em,.index_part04 .newsBox .hd ul li.on:before,.index_part04 .newsBox .hd ul li:hover:before { background-color: #fff;}


.newsList { width: 1200px; margin: 0 auto; overflow: hidden; clear: both; padding: 0px 0 100px; }
.newsList ul li { float: left; width: 100%; height:258px; margin-bottom: 30px; position: relative; background-color: #fff;}
.newsList ul li:before { width: 1px; height:90px; background-color: #E1E0E0; content:''; position: absolute; left:590px; top:76px; }
.newsList ul li .img { float: left; width: 450px; height: 258px; overflow: hidden;}
.newsList ul li .img img { float: left; width: 450px; height: 258px; transition: 500ms; }
.newsList ul li .time { float: left; width: 110px; margin-left: 40px; margin-top: 75px;}
.newsList ul li .time h4 { font-size: 56px; font-weight: bold; line-height: 60px; color: #191919;}
.newsList ul li .time em { display: block; width: 40px; height: 1px; background-color: #666666; margin: 10px 0;}
.newsList ul li .time p { line-height: 30px; color: #666666; font-size: 18px;}
.newsList ul li .word { float: right; width: 540px; padding:70px 30px;}
.newsList ul li .word p { width: 100%; line-height: 24px; font-size: 14px; color:#666;}
.newsList ul li .word h3 { width: 100%; line-height: 40px; height: 40px; overflow: hidden; font-size: 24px; color:#333333; margin-bottom: 15px;}
.newsList ul li .arrow { width: 50px; height: 50px; position: absolute; background-image: url(/dist/img/news_arrow.png);background-repeat: no-repeat; bottom: 30px; right: 30px; }
.newsList ul li:hover .arrow { background-image: url(/dist/img/news_arrow_on.png); }
.newsList ul li:hover .word h3 { color: #E62435;}
.newsList ul li:hover .img img { transform:scale(1.1) }

.proMenu { width: 1360px; height: 160px; margin:0 auto; overflow:hidden; clear:both; position: relative; z-index: 9; margin-top: -80px; background-color: #fff; box-shadow: 0px 2px 8px rgba(0,0,0,.17); border-top: 4px solid #C2161D; }
.proMenu li { float: left; width: 226px;  height: 160px; position: relative;}
.proMenu li::before { position: absolute; width: 1px; height: 90px; content: '';right: 0; top: 35px; background-color:#DDDDDD}
.proMenu li:nth-last-child(1)::before { width: 0;}
.proMenu li i { width: 60px; height: 60px; display: block; margin: 30px auto 10px; border-radius: 8px; background-position: center; background-repeat: no-repeat; }
.proMenu li:nth-child(1) i { background-image: url(/dist/img/pro_menu01.png);}
.proMenu li:nth-child(2) i { background-image: url(/dist/img/pro_menu02.png);}
.proMenu li:nth-child(3) i { background-image: url(/dist/img/pro_menu03.png);}
.proMenu li:nth-child(4) i { background-image: url(/dist/img/pro_menu04.png);}
.proMenu li:nth-child(5) i { background-image: url(/dist/img/pro_menu05.png);}
.proMenu li:nth-child(6) i { background-image: url(/dist/img/pro_menu06.png);}
.proMenu li:nth-child(1):hover i { background-image: url(/dist/img/pro_menu01s.png);}
.proMenu li:nth-child(2):hover i { background-image: url(/dist/img/pro_menu02s.png);}
.proMenu li:nth-child(3):hover i { background-image: url(/dist/img/pro_menu03s.png);}
.proMenu li:nth-child(4):hover i { background-image: url(/dist/img/pro_menu04s.png);}
.proMenu li:nth-child(5):hover i { background-image: url(/dist/img/pro_menu05s.png);}
.proMenu li:nth-child(6):hover i { background-image: url(/dist/img/pro_menu06s.png);}
.proMenu li p { width: 100%; line-height:35px; text-align:center; color: #383838; font-size:16px; font-weight: bold; }
.proMenu li:hover p { color: #C2161D; }

.proBox { padding-top: 50px;}
.proBox .title { width: 100%; margin: 0 auto; overflow: hidden; clear: both; text-align: center;}
.proBox ul { width: 1395px; }
.proBox ul li { float: left; width: 430px; overflow: hidden; margin-right: 35px; margin-bottom: 30px; background-color: #fff; position: relative;}
.proBox ul li .img { width: 430px;  margin-bottom: 5px; overflow: hidden;}
.proBox ul li .img img { width: 430px; transition: 500ms;}
.proBox ul li .txt { padding: 15px; }
.proBox ul li .txt p { width: 100%; height: 50px; line-height: 50px;font-size: 20px; color: #0C0C0C;  margin-bottom: 5px; }
.proBox ul li a.icon720 { width: 110px; height:36px; display: block; position: absolute; top:15px; right:15px; background-repeat: no-repeat; background-image: url(/dist/img/icon_720.png); z-index: 2; font-size: 0; }
.proBox ul li a.readMore {  position: absolute; right: 15px; bottom: 25px; width: 112px; height: 40px; line-height: 40px; color: #fff; background-color: #C8171E; text-align: center; border-radius:4px; display: none;}
.proBox ul li:hover a.readMore,.proBox ul li.on a.readMore { display: block; }
.proBox ul li:hover a.icon720,.proBox ul li.on a.icon720{ background-image: url(/dist/img/icon_720_on.png);}
.proBox ul li:hover .img img {transform:scale(1.1)}

.proTitle { width: 100%; margin: 0 auto; overflow: hidden; clear: both; padding: 50px 0 0; text-align: center; font-size: 36px; color:#222}

.profgkj { width: 1360px; margin: 0 auto; overflow: hidden; clear: both; padding: 50px 0 0;}
.profgkj ul { width: 100%; clear: both; overflow: hidden; margin-bottom: 15px; padding-bottom: 10px;  border-bottom: 1px solid #E5E5E5; }
.profgkj ul li { float: left; height: 38px; line-height: 38px; color: #000; font-size: 16px; text-align: center; overflow: hidden; }
.profgkj ul li.tt { margin-right: 15px;}
.profgkj ul li a { width: 90px; line-height: 38px; display: block; color: #333; font-size: 16px; border-radius: 4px; }
.profgkj ul li:hover a,.profgkj ul li.on a { color: #fff; background-color: #C8171E; }

.about_part01 { width: 100%; height: 990px; margin: 0 auto; overflow: hidden; clear: both; background-repeat: no-repeat; background-position: center; background-image: url(/dist/img/about_part01bg.png); }
.about_part01 .word { width: 590px; overflow:hidden; }
.about_part01 .word h3 { line-height: 75px; font-size:24px; color: #222222; font-weight: bold;}
.about_part01 .word p { line-height: 30px; font-size:14px; color: #999999; }
.about_part01 .word a.readMore { width: 50px; height: 50px; position: absolute; background-image: url(/dist/img/news_arrow_on.png);background-repeat: no-repeat; display: block; margin-top: 25px; }
.about_part01_List ul { width: 1260px; padding-top: 100px;}
.about_part01_List ul li { float: left; width: 360px; height: 216px; overflow: hidden; background-color: #fff; border-radius: 14px; margin-right: 60px; position: relative; }
.about_part01_List ul li h3 { width: 100%; line-height: 60px; text-align: center; color: #EC1D24; font-size: 60px; margin-top: 60px;}
.about_part01_List ul li h3 span { vertical-align: text-top; font-size: 12px;}
.about_part01_List ul li p { width: 100%; line-height: 40px; text-align: center; color: #666666; font-size: 14px;}
.about_part01_List ul li:hover { background-color: #E62435;}
.about_part01_List ul li:hover h3,.about_part01_List ul li:hover p { color: #fff;}


.about_part02 { width: 100%; height: 834px; margin: 0 auto; overflow: hidden; clear: both; background-repeat: no-repeat; background-position: center; background-image: url(/dist/img/about_part02bg2.png);  }
.about_part02 .qywhbox { position: relative;}
.about_part02 .qywh_part02_tt { width: 630px; overflow: hidden; clear: both; padding-top: 130px;}
.about_part02 .qywh_part02_tt h3 { font-size: 42px; line-height: 50px; color: #fff; margin-bottom: 25px; }
.about_part02 .qywh_part02_tt em { width: 52px; height: 4px; background-color: #E62435; display: block; margin: 25px 0; }
.about_part02 .qywh_part02_tt p { color: #fff; line-height: 45px; font-size: 20px; font-weight: 200;}
.about_part02 .qywh_part02_list { width: 100%; height: 180px; background-repeat: no-repeat; overflow: hidden; margin-top: 235px; }
.about_part02 .qywh_part02_list ul li { float: left; width: 171px; height: 180px; overflow: hidden; position: relative; color: #fff; font-size: 20px; text-align: center;}
.about_part02 .qywh_part02_list ul li i { position: absolute; left: 55px; top: 40px; width: 60px; height: 60px; background-image: url(/dist/img/about_part02icon01.png); background-position: center; background-repeat: no-repeat; display: block;}
.about_part02 .qywh_part02_list ul li:nth-child(2) i { background-image: url(/dist/img/about_part02icon02.png); }
.about_part02 .qywh_part02_list ul li:nth-child(3) i { background-image: url(/dist/img/about_part02icon03.png); }
.about_part02 .qywh_part02_list ul li:nth-child(4) i { background-image: url(/dist/img/about_part02icon04.png); }
.about_part02 .qywh_part02_list ul li:nth-child(5) i { background-image: url(/dist/img/about_part02icon05.png); }
.about_part02 .qywh_part02_list ul li:nth-child(6) i { background-image: url(/dist/img/about_part02icon06.png); }
.about_part02 .qywh_part02_list ul li:nth-child(7) i { background-image: url(/dist/img/about_part02icon07.png); }
.about_part02 .qywh_part02_list ul li p { position: absolute; left: 0px; width: 100%; top: 120px;}
.about_part02 .qywh_part02_list ul li.on { background-color: #E62435; }

.event_box{ width: 1200px; margin: 100px auto;position: relative; min-height: 420px;}
.event_box .parHd {width: 100%; display: inline-block; height: 92px; overflow: hidden;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}
.parHd .tempWrap{ margin: 0 auto;}
.parHd :after{ content: ''; width: 100%; height: 1px; background: url(/dist/img/about_line.png) center no-repeat; position: absolute; right: 0%; top: 7.5%;z-index: 10;}
.parHd li.no_line:before{ display: none;}
.parHd li{  display: inline-block; cursor: pointer; padding-top: 30px; font-size: 16px; color: #000;margin:0 30px; position: relative; width: 60px; }
.parHd li.act { color: #cc352b;}
.parHd li:after{ content: ''; background: url(/dist/img/dot_ico_un.png) no-repeat; width: 24px; height: 32px; position: absolute;  z-index: 20;top: -12px; left: 50%; margin-left: -12px;}
.parHd li.act:after { background-image: url(/dist/img/dot_ico_on.png);}
.parBd { margin-top: 60px;}
.parBd .img { float: right; width: 540px;}
.parBd .img img { width: 100%; border-radius: 20px;}
.parBd .txt { float: left; width: 600px; padding-top: 50px;}
.parBd h4{ position: relative; font-size: 40px;  /*width: 200px;*/ display: inline-block;}
.parBd .txt em { width: 30px; height:4px; background-color: #E62435; display: block; margin: 20px 0 50px; }
.parBd p{ font-size: 16px;  color: #84878E;}
div#listBox { width: 100%; }
.sPrev,.sNext{ width: 30px; height: 30px; display: block; position: absolute; top: 10px; z-index: 30;}
.sPrev{ left: 0;}
.sNext{ right: 25px;}
.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95); -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);}

.about_part04 { width: 100%; height: 820px; margin: 0 auto; overflow: hidden; clear: both; background-repeat: no-repeat; background-position: center; background-image: url(/dist/img/about_part04bg.png); position: relative; }
.about_part04 .about_part04_tt { width: 1200px; margin: 0 auto; overflow: hidden; padding: 100px 0 100px; }
.about_part04 .about_part04_tt h3 { font-size: 42px; color: #fff; line-height: 80px; }
.about_part04 .about_part04_tt em {  width: 52px; height: 4px; background-color: #E62435; display: block; margin: 15px 0 0px; }
.about_part04 .honorSwiper { width: 1200px; margin: 0 auto; overflow: hidden;}
.about_part04 .honorSwiper .swiper-slide img { max-width: 100%;}
.about_part04 .swiper-button-next,.about_part04 .swiper-button-prev { width: 52px; height: 52px; border-radius: 60px;color: #F3F3F3;z-index: 999; top: 440px; background-color: #C4C4C4; left: 50%; margin-left: -700px; }
.about_part04 .swiper-button-next  { color: #fff;  background-color: #E62435; left: auto; right: 50%; margin-right: -700px; }
.about_part04 .swiper-button-prev::after,.about_part04 .swiper-button-next::after { font-size: 24px;}


.ser_part01 { width: 1200px; height: 698px; margin: 0 auto 100px; overflow: hidden; clear: both; background-color: #fff; background-image: url(/dist/img/ser_part01bg.png); background-position: right; background-repeat: no-repeat; }
.ser_part01 .formbox { float: left; padding: 50px 80px; width: 480px;}
.ser_part01 .formbox h3 { display: block; font-size: 28px; color: #222; line-height: 50px; font-weight: 600; margin-bottom: 20px; }
.ser_part01 .formbox p { display: block; font-size: 14px; color: #999; line-height: 30px; }
.ser_part01 .formbox ul { padding-top: 50px; overflow: hidden; }
.ser_part01 .formbox ul li { float: left; width: 100%; margin-bottom: 25px; overflow: hidden; }
.ser_part01 .formbox ul li label { float: left; width: 80px; height: 40px; line-height: 40px; font-size: 14px;}
.ser_part01 .formbox ul li span { color: #E62435;}
.ser_part01 .formbox ul li input { float: right; width: 378px; height: 38px; line-height: 38px; border: 1px solid #DADBDA; padding: 0 10px;}
.ser_part01 .formbox ul li textarea { float: right; width: 378px; height: 138px; line-height: 30px; border: 1px solid #DADBDA; padding: 0 10px;}
.ser_part01 .formbox ul a.okbtn { width: 196px; height: 50px; line-height: 50px; text-align: center; border-radius: 3px; background-color: #E62435; color: #fff; font-size: 14px; display: inline-block; margin-left: 80px; margin-top: 40px; }
.ser_part01 .formbox ul a.okbtn:hover { font-size:16px; }

.contact_part01 { width: 1200px; margin: 0 auto; overflow: hidden; clear: both;}
.contact_part01 ul { width: 1230px;}
.contact_part01 ul li { float: left; width: 380px; height: 400px; background-color: #fff; margin-right: 30px; margin-bottom: 30px; overflow: hidden; position: relative;}
.contact_part01 ul li i { display: block; margin: 85px auto 20px; width: 50px; height: 50px; background-repeat: no-repeat; background-image: url(/dist/img/icon_lx01.png);}
.contact_part01 ul li:nth-child(2) i { background-image: url(/dist/img/icon_lx02.png);}
.contact_part01 ul li:nth-child(3) i { background-image: url(/dist/img/icon_lx03.png);}
.contact_part01 ul li h3 { width: 100%; line-height: 70px; text-align: center; font-size: 18px; color: #222;}
.contact_part01 ul li p { width: 100%; line-height: 30px; text-align: center; font-size: 14px; color: #666;}
.contact_part01 ul li:hover { background-color: #E62435;}
.contact_part01 ul li:hover h3,.contact_part01 ul li:hover p { color: #fff;}
.contact_part01 ul li:nth-child(1):hover i { background-image: url(/dist/img/icon_lx01s.png);}
.contact_part01 ul li:nth-child(2):hover i { background-image: url(/dist/img/icon_lx02s.png);}
.contact_part01 ul li:nth-child(3):hover i { background-image: url(/dist/img/icon_lx03s.png);}


.contact_part02 { width: 1000px; margin: 50px auto 100px; overflow: hidden; clear: both; padding: 100px; background-color: #fff;}
.contact_part02 .formbox { width: 100%;}
.contact_part02 .formbox h3 { display: block; font-size: 28px; color: #222; line-height: 50px; font-weight: 600; margin-bottom: 30px; }
.contact_part02 .formbox ul { padding-top: 0px; width: 1050px; overflow: hidden; }
.contact_part02 .formbox ul li { float: left; width: 475px; margin-right: 50px; margin-bottom: 25px; overflow: hidden; }
.contact_part02 .formbox ul li label { float: left; width: 100%; display: block; height: 40px; line-height: 40px; font-size: 14px;}
.contact_part02 .formbox ul li span { color: #E62435;}
.contact_part02 .formbox ul li input { float: left; width: 400px; height: 38px; line-height: 38px; border: 1px solid #DADBDA; padding: 0 10px;}
.contact_part02 .formbox ul li textarea { float: left; width: 925px; height: 138px; line-height: 30px; border: 1px solid #DADBDA; padding: 0 10px;}
.contact_part02 .formbox ul a.okbtn { width: 196px; height: 50px; line-height: 50px; text-align: center; border-radius: 3px; background-color: #E62435; color: #fff; font-size: 14px; display: inline-block;  margin-top: 40px; float: left; margin-left: 380px; }
.contact_part02 .formbox ul a.okbtn:hover { font-size:16px; }


.footlan { width: 100%; margin: 0 auto; overflow: hidden; clear: both; height: 100px; line-height: 100px; background-color: #CB0028; }
.footlan ul li { float: left; width: 25%; color: #fff; font-size: 20px; }
.footlan ul li i { font-size: 32px; margin-right: 10px; float: left; margin-left: 35%;}
.footlan ul li a { color: #fff;}
.footlan ul li:hover { background-color: #fff;}
.footlan ul li:hover a { color: #CB0028;}


.footer{ background:#000000; overflow:hidden; padding:50px 0 0; color:#fff}
.footer .w1200 { overflow:hidden;}
.footer .fllogo { float: left;}
.footer .fllogo img { float: left; display: block; margin-bottom: 20px; }
.footer .fllogo p { line-height: 30px; color: #B7B7B7; font-size: 14px; display: block;}
.footer .fotmenu{ overflow:hidden; float:left; margin-left:30px;}
.footer .fotmenu dl{ margin-left:55px; float:left;}
.footer .fotmenu dl dt{ font-size:16px; margin-bottom:20px; color: #E2E2E2;}
.footer .fotmenu dl dd a{ color:rgba(226,226,226,.7); font-size:14px; margin-bottom:15px; display:block;}
.footer .footbot{ overflow:hidden; margin-top:60px; color:#9e9e9e; width: 100%;}
.footer .footbot a{color:#9e9e9e;}
.footer .footbot .w1200{ border-top:1px solid #303030; padding:20px 0; line-height:24px; }
.footer .footbot .bot_logo{ margin:0 auto; display:block; height:45px; width:216px; position:absolute; left:50%; margin-left:-108px;}
.footer a:hover{ color:#e70033 !important}
.footer .footewm { float: right; padding-top: 30px;}

.footer .footicon { float: right; width: 150px;}
.footer .footicon ul { clear: both; float: right;}
.footer .footicon ul li { float: left; width: 27px; height: 27px; margin-right: 15px; background-size: 100% 100%; background-repeat: no-repeat; font-size: 0; position: relative;}
.footer .footicon ul li:nth-child(1) { background-image: url(/dist/img/icon_weixin.png);}
.footer .footicon ul li:nth-child(2) { background-image: url(/dist/img/icon_shipinhao.png);}
.footer .footicon ul li:nth-child(3) { background-image: url(/dist/img/icon_douyin.png); margin-right: 0px;}
.footer .footicon ul li:nth-child(1):hover { background-image: url(/dist/img/icon_weixin.png);}
.footer .footicon ul li:nth-child(2):hover { background-image: url(/dist/img/icon_shipinhao.png);}
.footer .footicon ul li:nth-child(3):hover { background-image: url(/dist/img/icon_douyin.png); margin-right: 0px;}
.footer .footicon ul li img { display: none; position: absolute; right: 0; bottom: 0; z-index: 3; width: 180px;}
.footer .footicon ul li:hover img { display: block;}

.listPage { width: 100%; overflow: hidden; clear: both; padding: 0 0 80px;}
.pagination-container { display: flex; margin: 0 auto; overflow: hidden; clear: both;}
.pagination{display:block;margin:0px auto;border-radius:4px;}.pagination>li{display:inline; margin-right: 7px; float: left;}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 20px;margin-left:-1px;line-height:30px;color:#9a9a9a;text-decoration:none;background-color:#eeeeee;border:1px solid #eeeeee; font-size:18px;border-radius:4px;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;background-color:#212121;border-color:#212121}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#212121;border-color:#212121}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#9a9a9a;cursor:not-allowed;background-color:#eeeeee;border-color:#eeeeee}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#eeeeee;border:1px solid #eeeeee;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#9a9a9a;cursor:not-allowed;background-color:#eeeeee}