@font-face { font-family: 'iconfont'; /* project id 1298696 */ src: url('//at.alicdn.com/t/font_1298696_t8za0v2iyj.eot'); src: url('//at.alicdn.com/t/font_1298696_t8za0v2iyj.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1298696_t8za0v2iyj.woff2') format('woff2'), url('//at.alicdn.com/t/font_1298696_t8za0v2iyj.woff') format('woff'), url('//at.alicdn.com/t/font_1298696_t8za0v2iyj.ttf') format('truetype'), url('//at.alicdn.com/t/font_1298696_t8za0v2iyj.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'; }
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: normal; }
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; height: inherit; margin: 0 auto; }
.w1100 { width: 1100px; height: inherit; margin: 0 auto; }
.w1200 { width: 1200px; height: inherit; 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 { width: 1200px; margin: 0 auto; text-align: center; clear: both; padding: 0px 0px 0px 0px; }

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


/* top-1 */

#top-1 { height: 90px; background: #FFFFFF; }
.top-logo, .top-search { display: flex; align-items: center; height: inherit; overflow: hidden; }
.search-box { width: 235px; height: 29px; box-sizing: content-box; border: 1px solid #898D8E; border-radius: 5px; }
input.searchinput { margin: 0 5px; padding-left: 10px; width: 180px; height: 29px; box-sizing: border-box; border: none; outline: none; }
input.searchsub { float: right; width: 35px; height: 30px; background: url(../images/search-button.png) no-repeat center; box-sizing: border-box; border: none; outline: none; cursor: pointer; }
.top-phone { margin-right: 30px; display: flex; flex-direction: column; justify-content: center; height: 90px; padding-left: 45px; background: url(../images/top-phone.png) no-repeat center left; }
.top-phone .p1 { font-size: 13px; color: #333333; }
.top-phone .p2 { font-size: 24px; font-weight: bold; color: #F1404B; }

/* top-2 */

#top-2 { height: 65px; background: #000000; }
.top-nav { width: 100%; height: 65px; }
.top-nav > li { float: left; width: 120px; height: 65px; position: relative; }
.top-nav > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: inherit; font-size: 18px; color: #FFFFFF; }
.top-nav > li:hover > a, .top-nav > li.active > a { background: #F1404B; }

/* top-3 banner */

.banner6 { position: relative; height: 500px; overflow: hidden; width: 100%; margin-top: 0px; }
.banner6 .show { width: 2500px; position: absolute; left: 50%; top: 0px; margin-left: -1250px; overflow: hidden; }
.banner6 .show ul { position: relative; float: left; width: 2500px; height: 500px; overflow: hidden; }
.banner6 .show ul li { text-align: center; float: left; width: 2500px; position: absolute; display: none; }
.banner6 .focus { position: absolute; bottom: 15px; left: 47%; padding: 5px 6px; }
.banner6 .focus a { float: left; width: 18px; height: 18px; display: block; margin-left: 5px; border-radius: 14px; color: #fffab1; cursor: pointer; background: #fff none repeat scroll 0 0; transition: width 0.5s ease 0s, height 0.5s ease 0s, background 0.5s ease 0s, color 0.5s ease 0s; }
.banner6 .focus a.on { background: #F1404B none repeat scroll 0 0; color: #F1404B; height: 18px; width: 32px; }
.hot { width: 100%; height: 42px; line-height: 42px; position: absolute; bottom: 10px; z-index: 2; }
.hot .wrapper { width: 990px; margin: 0 auto; }
.hot .list { float: left; width: 860px; padding-left: 10px; height: 42px; position: relative; }
.hot .list .prev { display: block; width: 18px; height: 15px; position: absolute; background-position: -42px -108px; top: 13px; left: 80px; }
.hot .list .box_btn { display: block; width: 18px; height: 15px; position: absolute; background-position: -61px -108px; top: 13px; left: 99px; }
.hot .list .next { display: block; width: 18px; height: 15px; position: absolute; background-position: -80px -108px; top: 13px; left: 118px; }
.hot .list span.tit { font-size: 12px; width: 145px; float: left; color: #151515; }
.hot .list a { color: #000000; font-size: 12px; text-decoration: none; }
.hot .list a:hover { color: #0157AD; font-size: 12px; text-decoration: none; }
.hot .list div { width: 700px; float: left; height: 42px; position: relative; overflow: hidden; }
.hot .list div ul { width: 700px; position: absolute; }
.banner-box { padding: 3px 0px; }

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


/* foot-main */

#foot-main { margin-top: 30px; background: #212121; }

/* foot-1 */

#foot-1 { padding: 50px 0; background: #E1E1E1; }
.foot-contact { display: flex; align-items: center; justify-content: space-between; width: 900px; height: 140px; }
.foot-contact-list .fl { display: flex; align-items: center; margin-right: 15px; height: 50px; }
.foot-contact-list .fr { height: 50px; line-height: 25px; }
.foot-contact-list .fr .p1, .foot-contact-list .fr .p2 { font-size: 16px; color: #333333; }

/* foot-2 */

#foot-2 { padding: 20px 0; background: #333333; }
.foot-copyright { text-align: center; line-height: 25px; font-size: 14px; color: #FFFFFF; }

/* foot-3 */


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