@font-face { font-family: 'iconfont'; /* project id 1298696 */ src: url('//at.alicdn.com/t/font_1298696_mved6mw2h7.eot'); src: url('//at.alicdn.com/t/font_1298696_mved6mw2h7.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1298696_mved6mw2h7.woff2') format('woff2'), url('//at.alicdn.com/t/font_1298696_mved6mw2h7.woff') format('woff'), url('//at.alicdn.com/t/font_1298696_mved6mw2h7.ttf') format('truetype'), url('//at.alicdn.com/t/font_1298696_mved6mw2h7.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: #191919; font-family: 'Microsoft YaHei'; 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::after, .cl::after { content: ""; display: block; 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; color: #4f4f4f; }

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

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

.clearfix { *zoom: 1; }

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

.flex { display: flex; }

.bridgeCode { width: 990px; margin: 0 auto; text-align: center; clear: both; padding: 0px 0px 0px 0px; }



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





/* 网站头部 */



.top_main { height: 30px; line-height: 30px; background: url(../images/topbg.png) no-repeat center 100%; font-size: 12px; }



/* 网站logo */



.topLogo.flex { height: 125px; align-items: center; }

.top-t { display: inline-block; vertical-align: middle; padding-left: 10px; }

.top-t h3 { font-size: 33px; color: #097ada; }

.top-t span { font-size: 27px; color: #333333; }

.topPhone.flex { padding-left: 50px; height: 125px; flex-direction: column; justify-content: center; background: url(../images/dianhua.png) no-repeat center left; }

.topPhone.flex span { font-size: 14px; color: #4f4f4f; }

.topPhone.flex p { font-size: 30px; line-height: 35px; color: #097ada; font-weight: bold; }



/* 网站导航 */



.nav_main { border-bottom: 1px solid #b5b5b5; width: 100%; background-color: #fff; z-index: 99999; }

.nav-l { width: 1200px; margin: 0 auto; }

.nav_Ul { height: 80px; width: 1015px; }

.nav_Ul li:first-child { }

.nav_Ul li { float: left; width: 170px; padding-top: 35px; text-align: center; }

.nav_Ul li a { display: inline-block; font-size: 16px; color: #313131; text-decoration: none; }

.nav_Ul li a::after { content: ""; display: block; height: 2px; background-color: #1060c1; margin-top: 5px; width: 0%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }

.nav_Ul li.curr a::after { width: 100%; }

.nav_Ul li:hover a::after { width: 100%; }

.sousuo { position: relative; margin-top: 20px; }

.icon-sousuo:before { content: "\e62b"; font-size: 28px; line-height: 50px; }

.on1 { position: fixed; top: 0; }



/* 幻灯片轮播 */



.banner_main { width: 100%; }

.banner_main:after { display: block; content: ""; clear: both; }

.nyBanner { height: 300px; overflow: hidden; }



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





/* 网站底部 */



.foot_main { padding: 65px 0 20px; background: #191919; }



/* 友情链接 */



.links-bg { background: #097ada; }

.links { width: 1200px; margin: 0 auto; line-height: 55px; color: #F9F9F9; }

.links span { margin-right: 45px; font-size: 16px; }

.links a { margin: 0 30px; font-size: 14px; text-decoration: none; line-height: 18px; color: #F9F9F9; }

.contact .WeCode { margin-right: 15px; }

.conBox { color: #FFFFFF; }

.conBox .p1 { font-size: 14px; }

.conBox .p2 { font-size: 30px; color: #407fe1; }



/* 底部导航 */



.ftl, .ftc { float: left; width: 385px; margin-right: 105px; }

.ftr { float: right; }

.ftt { padding-bottom: 19px; border-bottom: 1px solid #fff; }

.ftc { margin-right: 0; }

.ftl ul { margin-top: 8px; }

.ftl ul li { float: left; width: 33%; }

.ftl ul li a { display: block; color: #fff; font-size: 14px; line-height: 54px; }

.ftl ul li:nth-child(3n) a { text-align: right; }

.ftl ul li:nth-child(3n-1) a { text-align: center; }

.ftc ul { margin-top: 13px; }

.ftc ul li { float: left; width: 50%; line-height: 39px; font-size: 14px; color: #fff; }

.ftc ul li:nth-last-child(1), .ftc ul li:nth-last-child(2) { width: 100%; }

.ftr { margin-top: 30px; }

.ftr img { width: 120px; height: 120px; }

.ftr span { display: block; line-height: 39px; font-size: 14px; color: #fff; text-align: center; }



/* 底部版权 */



.copyright { height: 55px; line-height: 55px; border-top: 1px solid #434343; background: #101010; color: #999999; font-size: 12px; }



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





/*产品中心*/



.ure { width: 1200px; margin: 0 auto; margin-bottom: 60px; }

.title1 { text-align: center; color: #454545; margin-top: 58px; margin-bottom: 40px; }

.title1 h3 { position: relative; margin-bottom: 13px; }

.title1 h3 em { position: relative; font-size: 35px; font-weight: bold; padding: 0 20px; background-color: #fff; z-index: 2; }

.title1 h3 i { width: 100%; height: 1px; background-color: #bfbfbf; display: block; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 1; }

.title1 span { display: block; font-size: 18px; line-height: 1.2; }

.ure-l { width: 290px; float: left; }

.ure-r { width: 870px; float: right; }

.ure-lt { width: 100%; height: 130px; background: #1060c1; margin: 0; box-sizing: border-box; padding: 35px 18px 30px 18px; }

.ure-lt h3 { margin-bottom: 5px; }

.ure-lt h3 em { color: #fff; background-color: #1060c1; padding: 3px; }

.ure-lt h3 i { background-color: #fff; }

.ure-lt span { color: #fff; }

.ure-lc { width: 100%; border: 1px solid #1060c1; box-sizing: border-box; padding: 25px 17px 0; }

.ure-lc li { width: 100%; margin-bottom: 20px; }

.ure-lc li a { font-size: 15px; display: block; padding-left: 20px; line-height: 40px; color: #323232; background-color: #eeeeee; transition: all 0.3s ease; }

.ure-lc li a:hover { color: #fff; background-color: #dc001a; }

.example:nth-of-type(3n) { margin-right: 0; }

.example { float: left; width: 260px; box-sizing: border-box; border: 1px solid #eeeeee; margin-right: 45px; margin-bottom: 40px; }

.example a { display: block; width: 100%; height: 220px; color: #FFFFFF; }

.example a .img { display: flex; align-items: center; justify-content: center; width: 100%; height: 220px; background: #FFFFFF; overflow: hidden; }

.example a .img img { max-width: 100%; max-height: 100%; }

.intro { background-color: rgba(49, 49, 49, .66); text-align: center; }

.intro div { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-size: 13px; }

.intro div p { line-height: 3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }

.example a .intro div span { transition: all 0.3s ease; }

.example a .intro div span:hover { color: #dc001a; }



/*三大优势*/



.ys-bg { background-color: #f7f6f6; }

.ys { width: 1200px; margin: 0 auto; padding-bottom: 48px; }

.ys-t { padding: 30px 0 25px; border-bottom: 1px solid #1060c1; }

.ys-t h3 { font-size: 35px; font-weight: bold; line-height: 1.5; }

.ys-t span { font-size: 18px; }

.ys-c { margin-top: 30px; }

.ys-c .ys-l { width: 315px; float: left; }

.ys-l li { height: 115px; margin-bottom: 11px; }

.ys-l li img { width: 175px; height: 100%; float: left; }

.ys-l dl { float: left; width: 140px; color: #fff; text-align: center; background-color: #097ada; height: 100%; transition: all 0.3s ease; }

.ys-l dl dt { padding-top: 15px; font-size: 35px; }

.ys-l dl dd { padding: 10px 10px 0; font-size: 15px; line-height: 20px; }

.ys-c .ys-r { width: 870px; float: right; position: relative; height: 365px; }

.ys-r img { width: 595px; height: 100%; animation-name: flipInX; }

.ys-r .ys-rc { position: absolute; top: 30px; right: 0; width: 470px;  box-sizing: border-box; padding: 40px 40px 35px 45px; background-color: #fff; box-shadow: 0px 0px 5px #ddd; animation-name: flipInY; }

.ys-r .ys-rc h4 { font-size: 27px; line-height: 1; }

.ys-r .ys-rc em { margin-top: 15px; display: block; width: 32px; height: 1px; background-color: #097ada; }

.ys-r .ys-rc span { margin-top: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 30px; }

.ys-r .ys-rc div { margin-top: 14px; }

.ys-r .ys-rc div a { float: left; margin-right: 14px; line-height: 29px; font-size: 12px; color: #fff; text-align: center; background-color: #097ada; padding: 0 12px; }

.ys-r .ys-rc div a:nth-child(2) { background-color: #dc001a; }

.ys-l li.on2 dl { background: #dc001a; }



/*流程*/



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

.lc .title1 { margin-top: 65px; }

.lc-c { margin-top: 40px; margin-bottom: 60px; }

.lc-c li { float: left; cursor: pointer; }

.lc-c li dl { position: relative; width: 120px; height: 120px; background-color: #097ada; color: #fff; text-align: center; border-radius: 11px; float: left; transition: all 0.3s ease; }

.lc-c li dl dt { padding-top: 34px; font-size: 33px; }

.lc-c li dl dd { font-size: 14px; line-height: 28px; }

.lc-c li dl i { position: absolute; font-size: 40px; display: block; top: -1px; right: 0; z-index: 1; }

.lc-c li dl span { font-size: 14px; color: #097ada; position: absolute; top: 0; right: 0; z-index: 2; display: block; line-height: 28px; }

.lc-c li em { font-size: 32px; float: left; margin: 50px 14px 0; color: #6c6c6c; }

.lc-c li:hover dl { background-color: #eeeeee; color: #097ada; }

.lc-c li:hover dl span { color: #fff; }



/*关于我们*/



.au-bg { height: 515px; background-image: url(../images/aubg.png); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }

.au { width: 1200px; margin: 0 auto; position: relative; }

.au .title1 { color: #fff; padding-top: 135px; }

.au .title1 h3 em { background-color: rgba(0, 0, 0, 0); }

.au .title1 h3 i { width: 40%; background-color: #fff; }

.au .title1 h3 i:nth-child(2) { right: 0; left: auto; }

.au-c { position: absolute; top: 333px; left: 0; right: 0; height: 340px; background-color: #fff; box-shadow: 0 3px 5px #eee; box-sizing: border-box; padding: 40px 60px; z-index: 1; }

.au-c h3 { font-size: 20px; font-weight: 100; margin-bottom: 18px; }

.au-c div { line-height: 33px; font-size: 14px; height: 135px; overflow: hidden; }

.au-c > span { width: 104px; line-height: 32px; border: 1px solid #bfbfbf; display: block; margin-top: 25px; text-align: center; }

.au-c span a { color: #191919; }

.xc { width: 1200px; margin: 0 auto; padding-top: 205px; }

.xc .xc-n, .xw-n { text-align: center; }

.xc .xc-n li, .xw-n li { display: inline-block; width: 100px; line-height: 35px; margin-right: 27px; font-size: 14px; }

.xc .xc-n li:last-child, .xw-n li:last-child { margin-right: 0; }

.xc .xc-n li a, .xw-n li a { display: block; border: 1px solid #dfdfdf; color: #3f3f3f; }

.xc .xc-n li a.on3, .xw-n li a.on3 { background: #097ada; border-color: #097ada; color: #fff; }



/*相册轮播*/



.silder-box1 { position: relative; margin: 40px auto 60px; }

.silder-box-2 { width: 1200px; }

.silder-box-2 .silder { margin: 0 auto; overflow: hidden; }

.silder-box-2 .silder li img { width: 100%; height: 100%; }

.silder-box-2 .silder-button { top: 50%; transform: translateY(-50%); width: 51px; height: 51px; position: absolute; cursor: pointer; background-color: #097ada; text-align: center; line-height: 51px; font-size: 21px; color: #fff; transition: all 0.3s linear }

.silder-box-2 .silder-button.btl { left: -72px; }

.silder-box-2 .silder-button.btr { right: -72px; }

.silder-box-2 .silder-button:hover { background-color: #dc001a; }

.xban { background-image: url(../images/xban.png); height: 220px; background-position: center; background-repeat: no-repeat; }

.xdh { width: 1200px; margin: 0 auto; position: relative; }

.xdh-c { position: absolute; top: 80px; left: 933px;; }

.xdh dl dt { font-size: 27px; color: #fff; line-height: 28px; }

.xdh dl dd a { width: 80px; line-height: 27px; border: 1px solid #fff; display: block; margin-top: 10px; text-align: center; color: #fff; margin-left: 2px; }



/*新闻*/



.xw { margin-bottom: 60px; }

.xw-c { width: 1200px; margin: 38px auto 0; }

.xw-c li { width: 380px; margin-left: 27px; border-bottom: 1px solid #bfbfbf; float: left; }

.xw-c li:nth-child(1) { margin-left: 0; }

.xw-c li a { display: block; padding-bottom: 23px; transition: all 0.3s linear }

.xw-c li a div { display: flex; align-items: center; justify-content: center; width: 100%; height: 270px; border: 1px solid #eeeeee; box-sizing: border-box; overflow: hidden; }

.xw-c li a div img { max-width: 100%; max-height: 100%; }

.xw-c li a div i { width: 100%; line-height: 270px; text-align: center; font-size: 45px; color: #fff; background-color: rgba(0, 0, 0, .75); display: block; position: absolute; top: 0; left: 0; animation-name: flipInX; display: none; animation-duration: 500ms }

.xw-c li a dl { padding-top: 30px; }

.xw-c li a dl dt { float: left; width: 64px; height: 64px; text-align: center; background-color: #097ada; color: #fff; box-sizing: border-box; padding-top: 17px; line-height: 1; }

.xw-c li a dl dt em { line-height: 30px; font-size: 13px; }

.xw-c li a dl dd { width: 280px; float: left; margin-left: 25px; }

.xw-c li a dl dd h4 { font-size: 16px; line-height: 42px; }

.xw-c li a dl dd p { font-size: 14px; line-height: 28px; color: #909090; }

.xw-c li a dl dd span { display: block; width: 83px; line-height: 23px; border: 1px solid #bfbfbf; text-align: center; color: #909090; margin-top: 8px; }

.xw-c li a:hover { box-shadow: 5px 5px 10px #eee; }

.xw-c li a:hover div i { display: block; }



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