@font-face { font-family: 'iconfont'; /* project id 1298696 */ src: url('//at.alicdn.com/t/font_1298696_7mgfv1ctwel.eot'); src: url('//at.alicdn.com/t/font_1298696_7mgfv1ctwel.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1298696_7mgfv1ctwel.woff2') format('woff2'), url('//at.alicdn.com/t/font_1298696_7mgfv1ctwel.woff') format('woff'), url('//at.alicdn.com/t/font_1298696_7mgfv1ctwel.ttf') format('truetype'), url('//at.alicdn.com/t/font_1298696_7mgfv1ctwel.svg#iconfont') format('svg'); }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }

body { font-size: 12px; color: #000000; font-family: 'Microsoft YaHei'; max-width: 1920px; min-width: 1200px; }

body, div, ul, ol, li, dl, dt, dd, p, span, h1, h2, h3, h4, h5, h6, form, pre, fieldset, legend, table, tr, td, th, input, textarea, img { margin: 0; padding: 0; font-family: 'Microsoft YaHei'; }

*, ::after, ::before { box-sizing: border-box; }

section, article, header, footer, aside, nav, dialog, figcaption, figure, menu, details { margin: 0; padding: 0; font-family: 'Microsoft YaHei'; }

div, ul, ol, li, dd, dl, dt { list-style: none; }

table { border-collapse: collapse; border: 0; }

td, tr, th { font-size: 12px; }

img { border: none; }

select, input, img { vertical-align: middle; }

textarea { vertical-align: middle; font-size: 12px; resize: none; }

em { font-style: normal; }

b { font-weight: bold; }

h1, h2, h3 { font-weight: bold; font-size: 16px; }

h4, h5, h6 { font-weight: bold; font-size: 12px; }

a:link, a:visited { color: #0076BE; text-decoration: none; }

a:hover, a:active { color: #FF0000; text-decoration: none; }

a.sethome:link, a.sethome:visited { color: #273843; font-size: 12px; text-decoration: none; }

a.sethome:hover, a.sethome:active { color: #FF0000; font-size: 12px; text-decoration: underline; }

a.links:link, a.links:visited { color: #3C3B3B; font-size: 12px; text-decoration: none; }

a.links:hover, a.links:active { color: #FF0000; font-size: 12px; text-decoration: underline; }

a.white:link, a.white:visited { color: #FFFFFF; font-size: 12px; text-decoration: none; }

a.white:hover, a.white:active { color: #FF0000; font-size: 12px; text-decoration: none; }

a.black:link, a.black:visited { color: #666666; font-size: 12px; text-decoration: none; }

a.black:hover, a.black:active { color: #FF0000; font-size: 12px; text-decoration: none; }

a.detail:link, a.detail:visited { color: #000000; font-size: 12px; text-decoration: none; }

a.detail:hover, a.detail:active { color: #FF0000; font-size: 12px; text-decoration: none; }

a.newslist:link, a.newslist:visited { color: #666666; font-size: 13px; text-decoration: none; }

a.newslist:hover, a.newslist:active { color: #FF0000; font-size: 13px; text-decoration: none; }

a.prolist:link, a.prolist:visited { color: #615B5B; font-size: 13px; text-decoration: none; }

a.prolist:hover, a.prolist:active { color: #FF0000; font-size: 13px; text-decoration: none; }

a.job:link, a.job:visited { color: #333333; font-size: 12px; text-decoration: none; }

a.job:hover, a.job:active { color: #FF0000; font-size: 12px; text-decoration: none; }

a.botmenu:link, a.botmenu:visited { color: #FFFFFF; font-size: 13px; text-decoration: none; margin: 0px 8px 0px 7px; }

a.botmenu:hover, a.botmenu:active { color: #FFFF00; font-size: 13px; text-decoration: none; margin: 0px 8px 0px 7px; }

.clear, .cl { clear: both; }

.tl { text-align: left; }

.tr { text-align: right; }

.tc { text-align: center; }

.fl, .l { float: left; }

.fr, .r { float: right; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.h20 { height: 20px; line-height: 20px; }

.h22 { height: 22px; line-height: 22px; }

.red { color: #FF0000; }

.blue { color: #0000FF; }

.blank { font-family: Times New Roman; font-size: 12px; }

.w1000 { width: 1000px; margin: 0 auto; }

.w1100 { width: 1100px; margin: 0 auto; }

.w1200 { width: 1200px; margin: 0 auto; }

.w1300 { width: 1300px; height: inherit; margin: 0 auto; }

.w1400 { width: 1400px; height: inherit; margin: 0 auto; }

.clearfix { *zoom: 1; }

.clearfix:after { display: block; font-size: 0; content: ""; clear: both; visibility: hidden; }

.flex { display: flex; }

.bridgeCode { text-align: center; clear: both; }

.box-con * { max-width: 100%; }



/**********************************************************************************************/





/* top-main */

#top-main { }



/* top-1 */

#top-1 { position: fixed; top: 0; width: 100%; height: 40px; line-height: 40px; font-size: 13px; color: #4F4E4E; background: #EEEEEE; transition: all 0.2s; z-index: 9999; text-transform: capitalize; }

#top-1 a { margin: 0 12px; color: #4F4E4E; transition: all ease .5s; text-decoration: none; }

#top-1 a:hover { color: #FF0000; }



/* top-2 */

#top-2 { position: fixed; top: 40px; width: 100%; height: 130px; background: #FFFFFF; transition: all 0.2s; z-index: 9999; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }



.top-logo { display: flex; align-items: center; padding-right: 20px; width: 320px; height: 130px; background: url(../images/top-logo.png) no-repeat center right; transition: all 0.5s; }



.top-nav { padding: 0 20px; width: 600px; height: inherit; }

.top-nav > ul { margin-top: 50px; width: 100%; transition: all ease-in-out .5s; display: flex; justify-content: space-between; }

.top-nav > ul > li { float: left; padding: 0 10px; position: relative; }

.top-nav > ul > li > a { display: block; text-align: center; text-decoration: none; white-space: nowrap; text-transform: capitalize; }

.top-nav > ul > li > a > span { display: block; line-height: 25px; font-size: 16px; font-weight: bold; color: #060606; transition: all ease-out .5s; }

.top-nav > ul > li > a > i { display: block; font-family: arial; line-height: 20px; font-size: 12px; color: #979696; text-transform: capitalize; font-style: normal; display: none; }

.nav-child { position: absolute; left: 50%; top: 55px; width: 120px; transform: translateX(-50%); background: #FFFFFF; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); transition: all ease-in-out .5s; visibility: hidden; opacity: 0; z-index: 9999; }

.nav-child > a { display: block; padding: 0 15px; width: 100%; height: 39px; line-height: 39px; text-align: left; font-size: 14px; color: #666666; text-decoration: none; border-top: 1px solid #E3E1EF; transition: all ease-in-out .5s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.top-nav > ul > li.cur > a > span { color: #EE761A; }

.top-nav > ul > li:hover > a > span { color: #EE761A; }

.top-nav > ul > li:hover > .nav-child { top: 45px; visibility: visible; opacity: 1; width: 170px; }

.nav-child > a:hover { color: #FFFFFF; background: #EE761A; }



.top-phone { display: flex; align-items: center; padding-left: 50px; height: 130px; background: url(../images/top-phone.png) no-repeat center left; transition: all 0.5s; }

.top-phone .p1 { font-size: 13px; color: #9C9B9B; text-transform: uppercase; }

.top-phone .p2 { font-family: arial; font-size: 22px; font-weight: bold; color: #313131; }



/* top-3 */

#top-3 { padding-top: 170px; width: 100%; }



.top-banner .swiper-slide { display: flex; justify-content: center; }

.top-banner .swiper-slide img { width: 100%; }

.top-next:after, .top-prev:after { color: #FFFFFF; }

.top-banner .swiper-pagination-bullet { width: 15px; height: 15px; background: #BFBFBF; opacity: 1; transition: 0.5s; }

.top-banner .swiper-pagination-bullet-active { width: 25px; background: #EE761A; border-radius: 15px; }



.nybanner { display: flex; justify-content: center; width: 100%; overflow: hidden; }



/* top-mini */

#top-main.top-mini #top-1 { height: 30px; line-height: 30px; background: #FFFFFF; }

#top-main.top-mini #top-2 { top: 30px; height: 100px; }

#top-main.top-mini #top-2 .top-nav > ul { margin-top: 35px; }

#top-main.top-mini .top-logo, #top-main.top-mini .top-phone { height: 100px; }



/**********************************************************************************************/



/* foot-main */

#foot-main { }



#foot-1 { padding: 50px 0; width: 100%; background: #2C2C2C; border-top: 4px solid #999999; }

.foot-logo { width: 300px; }

.foot-contact { width: 600px; line-height: 30px; font-size: 14px; color: #FFFFFF; }

.foot-code { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 300px; height: inherit; }

.foot-code img { width: 136px; height: 136px; }

.foot-code p { font-size: 16px; color: #FFFFFF; }



#foot-2 { padding: 15px 0; width: 100%; background: #EEEEEE; }

.foot-copy { line-height: 24px; text-align: center; font-size: 12px; color: #333333; }



/**********************************************************************************************/