@charset "UTF-8";
/* CSS Document */
/* reset.css V1.2  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 10px Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: inherit; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

a:hover { text-decoration: none; }

img { border: 0; vertical-align: top; max-width: 100%; }

button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }

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

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

.fixed { *zoom: 1; }

.clear { clear: both; }

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

/* reset.css V1.2  End */
.paged { text-align: center; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0 2px 2px; padding: 10px 15px; font-size: 12px; text-align: center; border: 1px solid #c8cace; color: #999; border-radius: 3px; }

.paged .current, .paged a:hover { border: 1px solid #0665c5; background-color: #0665c5; color: #fff; }

.top { width: 100%; height: 30px; background-color: #0665c5; }

.topLink { float: left; }

.topLink span { /* 0113 */ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 8px 0; }

.topLink span a { display: inline-block; vertical-align: top; font-size: 12px; line-height: 14px; border-left: 1px solid #91e9ff; color: #91e9ff; padding: 0 14px; }

.topLink span a:hover { color: #fff; text-decoration: underline; }

.topLink span:first-child a { padding-left: 0; border-left: none; }

.topOther { float: right; }

.topOther .chooseleng { /* 0113 */ float: left; height: 30px; padding-left: 45px; background: url(../images/icon28.png) left center no-repeat; }

.topOther .chooseleng .topSelectCon { position: relative; width: 95px; height: 30px; line-height: 30px; font-size: 12px; color: #91e9ff; background-color: #0665c5; border: none; z-index: 2; cursor: pointer; }

.topOther .chooseleng .topSelectCon:after { position: absolute; display: block; content: ''; top: 11px; right: 15px; width: 0; height: 0; border-left: 5px solid #91e9ff; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; z-index: 2; }

.topOther .chooseleng .topSelectCon ul { display: none; position: absolute; width: 100%; left: -5px; top: 30px; background-color: #0665c5; }

.topOther .chooseleng .topSelectCon ul li a { padding-left: 5px; display: block; font-size: 12px; color: #91e9ff; }

.topOther .chooseleng .topSelectCon ul li a:hover { background-color: #044c94; }

.topOther .topSearch { float: left; }

.topOther .topSearch input[type='submit'] { float: left; display: block; width: 30px; height: 30px; border: none; background: #0090e7 url(../images/searchBtn1.png) center center no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; cursor: pointer; }

.topOther .topSearch input[type='submit']:hover { background-color: #02a0ff; }

.topOther .topSearch input[type="text"] { float: left; display: block; padding: 0 5px; margin: 0; height: 30px; width: 140px; border: none; background: #034993; font-size: 12px; color: #91e9ff; }

.header-nav { width: 100%; background-color: #0665c5; }

.new-topOther { float: right; padding-top: 28px; }

@media screen and (max-width: 800px) { .new-topOther { display: none; } }

.new-topOther .chooseleng { /* 0113 */ float: left; height: 36px; padding-left: 45px; background: url(../images/icon33.png) left center no-repeat; }

.new-topOther .chooseleng .topSelectCon { position: relative; width: 95px; height: 36px; line-height: 36px; font-size: 16px; color: #666; border: none; z-index: 2; cursor: pointer; }

.new-topOther .chooseleng .topSelectCon:after { position: absolute; display: block; content: ''; top: 16px; right: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-top: 5px solid #999; border-right: 5px solid transparent; z-index: 2; }

.new-topOther .chooseleng .topSelectCon ul { display: none; position: absolute; width: 100%; left: -5px; top: 30px; background-color: #0665c5; }

.new-topOther .chooseleng .topSelectCon ul li a { padding-left: 5px; display: block; font-size: 12px; color: #91e9ff; }

.new-topOther .chooseleng .topSelectCon ul li a:hover { background-color: #044c94; }

.new-topOther .topSearch { float: left; border: 1px solid #999; border-radius: 18px; overflow: hidden; padding: 0 10px 0 18px; }

.new-topOther .topSearch input[type='submit'] { float: left; display: block; width: 34px; height: 34px; border: none; background: url(../images/icon34.png) center center no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; cursor: pointer; }

.new-topOther .topSearch input[type="text"] { float: left; display: block; padding: 0 5px; margin: 0; height: 34px; width: 120px; border: none; background: none; font-size: 12px; color: #444; line-height: 34px; }

.new-header { background-color: #fff; }

.new-header .wp1200 { box-sizing: border-box; }

@media screen and (max-width: 800px) { .new-header .wp1200 { padding-left: 15px; } }

.logoCon { float: left; padding-top: 19px; padding-left: 18px; }

.logoCon h1 { float: left; }

.logoCon h1 a { display: block; width: 171px; }

.logoCon h1 a img { width: 100%; }

.logoCon .headerStock { padding-top: 45px; float: left; margin-left: 20px; font-size: 12px; color: #599dc1; }

.new-logoCon { float: left; padding-top: 14px; padding-bottom: 14px; }

.new-logoCon h1 { float: left; }

.new-logoCon h1 a { display: block; width: 171px; }

.new-logoCon h1 a img { width: 100%; }

.new-logoCon .headerStock { padding-top: 45px; float: left; margin-left: 20px; font-size: 12px; color: #599dc1; }

.nav { float: right; }

.nav li { float: left; width: 110px; }

.nav li a { padding-top: 55px; display: block; width: 100%; height: 49px; font-size: 16px; color: #669cd2; text-align: center; border-bottom: 6px solid #fff; }

.nav li.on a, .nav li.hover a, .nav li:hover a { border-bottom-color: #39bcff; }

.new-nav { width: 100%; }

.new-nav li { float: left; width: 14.28571%; }

.new-nav li a { display: block; width: 100%; height: 50px; font-size: 16px; color: #fff; text-align: center; box-sizing: border-box; line-height: 50px; border-bottom: 2px solid #0665c5; border-right: 1px solid rgba(255, 255, 255, 0.1); }

.new-nav li.on a, .new-nav li.hover a, .new-nav li:hover a { border-bottom-color: #39bcff; }

.new-nav li:first-child a { border-left: 1px solid rgba(255, 255, 255, 0.1); }

.navSlideCon { width: 100%; background-color: #fff; height: 0; overflow: hidden; }

.navSlideCon > ul > li { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #e6e8e8; }

.navSlideCon .navSlideProList { display: inline-block; float: none; margin: 0 30px; max-width: 12%; vertical-align: top; width: auto; }

.navSlideCon .navSlideProList dt { margin-bottom: 15px; text-align: left; }

.navSlideCon .navSlideProList dt a { font-size: 16px; color: #666; }

.navSlideCon .navSlideProList dt a:hover { color: #669cd2; }

.navSlideCon .navSlideProList dd { line-height: 30px; height: 30px; overflow: hidden; }

.navSlideCon .navSlideProList dd a { font-size: 14px; color: #999; }

.navSlideCon .navSlideProList dd a:hover { color: #669cd2; }

.navSlideCon .navSlideProList.en { float: none; max-width: 12%; width: auto; display: inline-block; vertical-align: top; margin: 0 30px; }

.navSlideCon .navSlideProList.en dt { /* 0330 */ margin-bottom: 15px; text-align: left; }

.navSlideCon .navSlideProList.en dt a { /* 0330 */ font-size: 16px; font-weight: normal; color: #999; text-transform: uppercase; font-family: 'Arial'; }

.navSlideCon .navSlideProList.en dt a:hover { /* 0330 */ color: #669cd2; }

.navSlideCon .navSlideProList.en dd { /* 0330 */ text-align: left; }

.navSlideCon .navSlideProList.en dd a { /* 0330 */ font-size: 12px; color: #000; font-family: 'Arial'; }

.navSlideCon .navSlideProList.en dd a:hover { /* 0330 */ color: #669cd2; }

.navSlideCon .navSlidePicBox { float: left; width: 49.5%; border-left: 1px dashed #dee0e0; padding-top: 30px; padding-bottom: 30px; }

.navSlideCon .navSlidePicBox:first-child { border-left: none; }

.navSlideCon .navSlidePicBox .img { margin-left: 50px; display: block; float: left; width: 195px; height: 130px; }

.navSlideCon .navSlidePicBox .img img { width: 100%; }

.navSlideCon .navSlidePicBox .img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.navSlideCon .navSlidePicBox .info { margin-left: 270px; padding-right: 40px; }

.navSlideCon .navSlidePicBox .info .title { margin-bottom: 20px; }

.navSlideCon .navSlidePicBox .info .title a { font-size: 16px; color: #666; font-weight: bold; }

.navSlideCon .navSlidePicBox .info .title a:hover { color: #669cd2; }

.navSlideCon .navSlidePicBox .info ul { width: 100%; }

.navSlideCon .navSlidePicBox .info ul li { float: left; width: 50%; line-height: 30px; height: 30px; overflow: hidden; }

.navSlideCon .navSlidePicBox .info ul li a { font-size: 14px; color: #999; }

.navSlideCon .navSlidePicBox .info ul li a:hover { color: #669cd2; }

.navSlideCon .navSlidePicBox .info p { font-size: 14px; line-height: 24px; color: #000; }

.navSlideCon .navWord { float: left; }

.navSlideCon .navWord li { float: left; width: 180px; text-align: center; line-height: 60px; }

.navSlideCon .navWord li a { font-size: 16px; color: #666; }

.navSlideCon .navWord li a:hover { color: #669cd2; }

.sideNavCon { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999; }

.sideNavCon .bg { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: rgba(0, 0, 0, 0.5); z-index: 11000; }

.sideNavCon .sideNavScroll { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: #fff; overflow: hidden; z-index: 11001; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: .5s ease all; transition: .5s ease all; }

.sideNavCon .sideNavScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.sideNavCon .sideNavScroll .closeSideNavCon { display: block; width: 100%; height: 30px; text-align: right; padding-top: 5px; }

.sideNavCon .sideNavScroll .closeSideNavCon a { margin-right: 10px; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-color: #666; border-radius: 50%; line-height: 30px; font-size: 22px; color: #fff; text-align: center; }

.sideNavCon .sideNav { width: 100%; }

.sideNavCon .sideNav li { position: relative; margin: 0 10px; border-bottom: 1px solid #dcdbdb; }

.sideNavCon .sideNav li > a { position: relative; display: inline-block; padding-left: 20px; font-size: 1.6em; color: #333; line-height: 50px; }

.sideNavCon .sideNav li i { /* 0216 */ position: absolute; display: block; top: 0; right: 0; font-size: 1.4em; width: 50px; height: 50px; line-height: 4; color: #333; font-weight: bold; text-align: center; font-style: normal; z-index: 2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; background: url(../images/arrow9.png) center no-repeat; background-size: 20px 20px; }

.sideNavCon .sideChildNavScroll { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: #f1f1f1; overflow: hidden; z-index: 11002; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: .5s ease all; transition: .5s ease all; }

.sideNavCon .sideChildNavScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.sideNavCon .sideChildNavScroll .backBtn { position: relative; width: 100%; text-align: center; height: 60px; line-height: 60px; color: #333; font-size: 16px; background-color: #fff; border-bottom: 1px solid #ededed; }

.sideNavCon .sideChildNavScroll .backBtn span { position: absolute; top: 0; left: 0; width: 30px; height: 30px; }

.sideNavCon .sideChildNav > ul { width: 100%; }

.sideNavCon .sideChildNav > ul > li { width: 100%; display: none; }

.sideNavCon .sideChildNav dl dt { height: 60px; line-height: 60px; background-color: #f7f7f7; border-bottom: 1px solid #ededed; }

.sideNavCon .sideChildNav dl dt a { display: block; padding: 0 10px; color: #333; font-size: 16px; font-weight: bold; }

.sideNavCon .sideChildNav dl dd { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }

.sideNavCon .sideChildNav dl dd a { display: block; padding: 0 20px; color: #333; font-size: 16px; }

.sideNavCon .sideChildNav .sideChildWord li { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }

.sideNavCon .sideChildNav .sideChildWord li a { display: block; padding: 0 20px; color: #333; font-size: 16px; }

.mobileSearchCon { display: none; width: 100%; height: 46px; background-color: #999; overflow: hidden; }

.mobileSearchBox { position: relative; width: 98%; height: 40px; margin: 3px auto; background-color: #fff; border-radius: 5px; overflow: hidden; }

.mobileSearchBox input[type="text"] { width: 100%; height: 40px; line-height: 40px; font-size: 18px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }

.mobileSearchBox input[type="submit"] { position: absolute; display: block; width: 40px; height: 40px; top: 0; right: 0; border: none; background: url(../images/searchBtn2.png) center no-repeat; }

.banner { width: 100%; height: 500px; }

.banner .owl-stage-outer, .banner .owl-stage, .banner .owl-item { height: 100%; }

.banner .owl-controls { bottom: -30px; }

.banner .owl-controls .owl-dot { width: 14px; height: 14px; background-color: #fff; border: 1px solid #0665c5; margin: 0 8px; }

.banner .owl-controls .owl-dot.active { background-color: #0665c5; }

.banner .item { position: relative; height: 100%; }

.banner .item a { display: block; width: 100%; position: absolute; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.banner.en .owl-controls .owl-dot { /* 0330 */ background: none; }

.banner.en .owl-controls .owl-dot.active { /* 0330 */ background: #0665c5; }

.index_newsCon { padding-top: 110px; padding-bottom: 70px; background-color: #fff; }

.index_newsCon .conTit { text-align: center; font-size: 26px; font-weight: bold; color: #669cd2; text-transform: uppercase; margin-bottom: 45px; }

.index_newsHot { float: left; width: 100%; margin-right: -660px; }

.index_newsHotWp { margin-right: 660px; background-color: #024c9e; height: 440px; }

.index_newsHotWp a { position: relative; display: block; width: 100%; height: 100%; }

.index_newsHotWp a:hover .img img { -webkit-transform: scale(1.1, 1.1) translate(-50%, -50%); -moz-transform: scale(1.1, 1.1) translate(-50%, -50%); -ms-transform: scale(1.1, 1.1) translate(-50%, -50%); -o-transform: scale(1.1, 1.1) translate(-50%, -50%); transform: scale(1.1, 1.1) translate(-50%, -50%); }

.index_newsHotWp .img { position: relative; width: 100%; height: 100%; overflow: hidden; }

.index_newsHotWp .img img { display: block; position: absolute; top: 50%; left: 50%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.index_newsHotWp .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bgs/blue_80.png); overflow: hidden; }

.index_newsHotWp .time { margin-top: 160px; margin-left: 40px; padding-bottom: 15px; border-bottom: 3px solid #fff; float: left; margin-bottom: 10px; }

.index_newsHotWp .time .day { font-size: 62px; font-weight: bold; color: #fff; }

.index_newsHotWp .time .date { font-size: 18px; font-weight: bold; color: #fff; }

.index_newsHotWp h4 { float: left; margin-left: 40px; margin-right: 40px; font-size: 24px; font-weight: bold; color: #fff; height: 64px; line-height: 32px; overflow: hidden; }

.index_newsHotWp p { float: left; margin-left: 40px; margin-right: 40px; font-size: 14px; color: #fff; line-height: 24px; height: 48px; overflow: hidden; }

.index_newsSmallCon { float: right; width: 660px; }

.index_newsSmallLeft { float: left; width: 220px; height: 440px; background-color: #0974e0; }

.index_newsSmallLeft a { display: block; }

.index_newsSmallLeft a:hover .img img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.index_newsSmallLeft .img { width: 220px; height: 220px; overflow: hidden; }

.index_newsSmallLeft .img img { width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }

.index_newsSmallLeft .info { position: relative; width: 220px; height: 220px; }

.index_newsSmallLeft .info:before { position: absolute; display: block; content: ''; border-top: 9px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #0974e0; border-left: 8px solid transparent; height: 0; width: 0; top: -18px; left: 50%; margin-left: -8px; z-index: 2; }

.index_newsSmallLeft .infoWp { position: relative; width: 100%; height: 100%; overflow: hidden; }

.index_newsSmallLeft .time { padding-bottom: 15px; border-bottom: 3px solid #fff; color: #fff; float: left; margin-top: 30px; margin-left: 30px; margin-bottom: 10px; }

.index_newsSmallLeft .time .day { font-size: 42px; font-weight: bold; }

.index_newsSmallLeft .time .date { font-size: 14px; font-weight: bold; }

.index_newsSmallLeft h4 { margin-right: 30px; margin-left: 30px; float: left; font-size: 16px; color: #fff; line-height: 24px; height: 72px; overflow: hidden; }

.index_newsSmallRight { float: right; width: 440px; height: 440px; }

.index_newsCor { width: 100%; height: 220px; }

.index_newsCor a { display: block; }

.index_newsCor a:hover .img img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }

.index_newsCor.bgblue { background-color: #39bcff; }

.index_newsCor.bgblue .info { position: relative; float: left; width: 100%; margin-right: -220px; }

.index_newsCor.bgblue .info:before { position: absolute; display: block; content: ''; border-top: 8px solid transparent; border-right: 9px solid transparent; border-bottom: 8px solid transparent; border-left: 9px solid #39bcff; height: 0; width: 0; top: 50%; left: 50%; z-index: 2; }

.index_newsCor.bgblue .infoWp { margin-right: 220px; }

.index_newsCor.bgblue .img { float: right; width: 220px; }

.index_newsCor.bggreen { background-color: #2bb3d6; }

.index_newsCor.bggreen .info { position: relative; float: right; width: 220px; height: 220px; }

.index_newsCor.bggreen .info:before { position: absolute; display: block; content: ''; border-top: 8px solid transparent; border-right: 9px solid #2bb3d6; border-bottom: 8px solid transparent; border-left: 9px solid transparent; height: 0; width: 0; top: 50%; left: 0; margin-left: -18px; z-index: 2; }

.index_newsCor.bggreen .img { float: left; width: 220px; height: 220px; }

.index_newsCor .img { width: 220px; height: 220px; overflow: hidden; }

.index_newsCor .img img { width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }

.index_newsCor .infoWp { height: 220px; overflow: hidden; }

.index_newsCor .time { padding-bottom: 15px; border-bottom: 3px solid #fff; color: #fff; float: left; margin-top: 30px; margin-left: 30px; margin-bottom: 10px; }

.index_newsCor .time .day { font-size: 42px; font-weight: bold; }

.index_newsCor .time .date { font-size: 14px; font-weight: bold; }

.index_newsCor h4 { margin-right: 30px; margin-left: 30px; float: left; font-size: 16px; color: #fff; line-height: 24px; height: 72px; overflow: hidden; }

.index_proCon { width: 100%; padding-top: 65px; padding-bottom: 60px; background-color: #ebedee; }

.index_proCon .conTit { text-align: center; font-size: 26px; font-weight: bold; color: #669cd2; text-transform: uppercase; margin-bottom: 70px; }

.index_proCon .conTit.en { /* 0330 */ color: #666; font-weight: normal; }

.indexProSlide .items { background-color: #ebedee; }

.indexProSlide .items a { /* 0113 */ display: block; max-width: 205px; margin: 0 auto; text-align: center; padding-top: 5px; }

.indexProSlide .items a:hover .icon img { /* 0113 */ -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

.indexProSlide .icon { /* 0113 */ width: 150px; height: 150px; margin: 0 auto 40px; }

.indexProSlide .icon img { width: 100%; height: 100%; transition: 0.8s ease all; -webkit-transition: 0.8s ease all; -moz-transition: 0.8s ease all; }

.indexProSlide .tit { font-size: 18px; font-weight: bold; color: #669cd2; margin-bottom: 10px; }

.indexProSlide p { font-size: 14px; line-height: 18px; color: #669cd2; height: 72px; overflow: hidden; }

.indexProSlide .owl-controls { bottom: 50%; }

.indexProSlide .owl-prev { position: absolute; top: 0; margin-top: -50px; left: -60px; width: 50px; height: 99px; background: url(../images/arrow1.png) center no-repeat; cursor: pointer; }

.indexProSlide .owl-next { position: absolute; top: 0; margin-top: -50px; right: -60px; width: 50px; height: 99px; background: url(../images/arrow2.png) center no-repeat; cursor: pointer; }

.index_solutionCon { width: 100%; padding-top: 65px; padding-bottom: 60px; background-color: #fff; }

.index_solutionCon .conTit { text-align: center; font-size: 26px; font-weight: bold; color: #669cd2; text-transform: uppercase; margin-bottom: 70px; }

.index_solutionCon .conTit.en { /* 0330 */ color: #666; font-weight: normal; }

.index_solutionList li { float: left; width: 25%; }

.index_solutionList li a { display: block; width: 275px; max-width: 100%; margin: 0 auto; text-align: center; font-size: 18px; color: #669cd2; }

.index_solutionList li a:hover { color: #0090e7; }

.index_solutionList li a:hover .img img { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.index_solutionList li .img { width: 100%; margin-bottom: 20px; }

.index_solutionList li .img img { width: 100%; }

.index_solutionList.en li a { /* 0330 */ font-size: 16px; color: #666; }

.index_videoBtn { /* 0421 */ position: relative; display: block; width: 100%; height: 675px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/bg6.jpg); cursor: pointer; z-index: 3; }

.footerCon { /* 0330 */ background-color: #d1d1d1; width: 100%; }

.new-footerCon { /* 0330 */ background-color: #fff; width: 100%; border-top: 1px solid #e5e5e5; }

.fastLinkCon { padding-bottom: 50px; }

.fastLinkCon .map { padding-top: 45px; float: left; width: 434px; }

.fastLinkCon .map img { width: 100%; }

.new-fastLinkCon { padding-bottom: 50px; }

.new-fastLinkCon .map { padding-top: 40px; float: right; width: 434px; }

.new-fastLinkCon .map img { width: 100%; }

@media screen and (max-width: 1024px) { .new-fastLinkCon .map { float: none; margin: 0 auto; } }

.fastLinkBox { padding-top: 45px; margin-left: 570px; }

.fastLinkBox dl { float: left; width: 19.8%; text-align: center; }

.fastLinkBox dl:first-child { border-left: none; }

.fastLinkBox dl dt { margin-bottom: 10px; }

.fastLinkBox dl dt a { font-size: 18px; color: #000; }

.fastLinkBox dl dt a:hover { color: #0665c5; }

.fastLinkBox dl dd a { font-size: 14px; color: #666; line-height: 24px; }

.fastLinkBox dl dd a:hover { text-decoration: underline; }

.fastLinkBox.en { /* 0330 */ margin-left: 570px; padding-top: 45px; }

.fastLinkBox.en dl { /* 0330 */ width: 33.33%; border-left: none; text-align: left; }

.fastLinkBox.en dl dt { /* 0330 */ margin-bottom: 20px; }

.fastLinkBox.en dl dt a { /* 0330 */ font-weight: normal; color: #333; text-transform: uppercase; }

.fastLinkBox.en dl dd a { /* 0330 */ color: #666; }

.new-fastLinkBox { padding-top: 40px; float: left; }

.new-fastLinkBox dl { float: left; width: 140px; }

.new-fastLinkBox dl:first-child { border-left: none; }

.new-fastLinkBox dl dt { margin-bottom: 15px; }

.new-fastLinkBox dl dt a { font-size: 16px; color: #333; }

.new-fastLinkBox dl dt a:hover { text-decoration: underline; }

.new-fastLinkBox dl dd { margin-bottom: 6px; }

.new-fastLinkBox dl dd a { font-size: 14px; color: #999; line-height: 24px; }

.new-fastLinkBox dl dd a:hover { text-decoration: underline; }

.new-fastLinkBox.en { /* 0330 */ padding-top: 45px; }

.new-fastLinkBox.en dl { /* 0330 */ width: 33.33%; border-left: none; text-align: left; min-width: 200px; box-sizing: border-box; padding-right: 10px; }

.new-fastLinkBox.en dl dt { /* 0330 */ margin-bottom: 20px; }

.new-fastLinkBox.en dl dt a { /* 0330 */ font-weight: normal; color: #333; text-transform: uppercase; }

.new-fastLinkBox.en dl dd a { /* 0330 */ color: #666; }

@media screen and (max-width: 1024px) { .new-fastLinkBox { float: none; width: 100%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
  .new-fastLinkBox dl { min-width: 0; } }

.footer { padding-top: 30px; padding-bottom: 30px; }

.footer .word { float: left; width: 570px; padding-top: 25px; font-size: 12px; line-height: 24px; color: #fff; }

.footer .word a { color: #fff; }

.footer .word a:hover { color: #fff; text-decoration: underline; }

.footer .word .otherLink { color: #fff; }

.footer .word .otherLink a { color: #fff; }

.footer .word.en { /* 0330 */ width: 525px; }

.footer .word.en .otherLink { /* 0330 */ color: #fff; }

.footer .word.en .otherLink a { /* 0330 */ color: #fff; }

.footer .erweima { float: right; width: 85px; height: 85px; }

.footer .erweima img { width: 100%; height: 100%; }

.footer .share { float: right; padding-top: 25px; margin-right: 10px; }

.footer .share a { margin: 0 3px; display: block; float: left; width: 41px; height: 34px; background-position: center center; background-repeat: no-repeat; }

.footer .share a.linkedin { background-image: url(../images/icon29.png); }

.footer .share a.weixin { background-image: url(../images/icon6.png); }

.footer .share a.weibo { background-image: url(../images/icon31.png); }

.footer .share a.mail { background-image: url(../images/icon32.png); }

.footer .share.en a.linkedin { background-image: url(../images/icon29.png); }

.footer .share.en a.weixin { background-image: url(../images/icon30.png); }

.footer .share.en a.weibo { background-image: url(../images/icon31.png); }

.footer .share.en a.mail { background-image: url(../images/icon32.png); }

.new-footer { padding: 30px 15px; background-color: #22243b; }

.new-footer .left { float: left; }

.new-footer .word { float: left; padding-top: 20px; font-size: 14px; line-height: 24px; color: #fff; }

.new-footer .word .inline-block { display: inline-block; vertical-align: top; }

.new-footer .word a { color: #fff; }

.new-footer .word a:hover { color: #fff; text-decoration: underline; }

.new-footer .word .otherLink { display: inline-block; vertical-align: top; line-height: 34px; }

@media screen and (max-width: 750px) { .new-footer .word .otherLink { display: block; } }

.new-footer .word.en { /* 0330 */ width: 525px; }

.new-footer .word.en .otherLink { /* 0330 */ color: #fff; }

.new-footer .word.en .otherLink a { /* 0330 */ color: #fff; }

.new-footer .erweima { float: right; width: 85px; text-align: center; }

.new-footer .erweima img { width: 100%; margin-bottom: 5px; }

.new-footer .erweima p { color: #fff; font-size: 14px; }

.new-footer .share { display: inline-block; vertical-align: top; margin-left: 10px; }

.new-footer .share a { margin: 0 3px; display: block; float: left; width: 41px; height: 34px; background-position: center center; background-repeat: no-repeat; }

.new-footer .share a.linkedin { background-image: url(../images/icon29.jpg); }

.new-footer .share a.weixin { background-image: url(../images/icon6.png); }

.new-footer .share a.weibo { background-image: url(../images/icon31.jpg); }

.new-footer .share a.mail { background-image: url(../images/icon32.jpg); }

.new-footer .share.en a.linkedin { background-image: url(../images/icon29.png); }

.new-footer .share.en a.weixin { background-image: url(../images/icon30.png); }

.new-footer .share.en a.weibo { background-image: url(../images/icon31.png); }

.new-footer .share.en a.mail { background-image: url(../images/icon32.png); }

@media screen and (max-width: 750px) { .new-footer .share { display: block; text-align: center; }
  .new-footer .share a { display: inline-block; vertical-align: top; } }

.childCompany { float: right; width: 260px; position: relative; padding-top: 25px; margin-right: 40px; }

.childCompany .tit { width: 248px; height: 28px; line-height: 28px; border: 1px solid #777884; font-size: 12px; color: #fff; padding: 0 5px; background: #343959 url(../images/arrow3.png) 98% center no-repeat; cursor: pointer; }

.childCompany ul { display: none; position: absolute; width: 100%; left: 0; bottom: 30px; border: 1px solid #6bb2eb; background-color: #fff; }

.childCompany ul li { padding: 0 5px; line-height: 22px; font-size: 12px; color: #333; }

.childCompany ul li a { display: block; color: #333; }

.childCompany ul li:hover { background-color: #247ad0; color: #fff; }

.childCompany:hover ul { display: block; }

.childCompany.en .tit { /* 0330 */ background-color: #343959; border-color: #777884; }

.new-childCompany { width: 280px; position: relative; }

.new-childCompany .tit { width: 278px; height: 34px; line-height: 34px; border: 1px solid #777884; font-size: 14px; color: #fff; padding: 0 30px 0 15px; background: #343959 url(../images/arrow3.png) 98% center no-repeat; cursor: pointer; box-sizing: border-box; }

.new-childCompany ul { display: none; position: absolute; width: 100%; left: 0; bottom: 34px; border: 1px solid #6bb2eb; background-color: #fff; }

.new-childCompany ul li { padding: 0 5px; line-height: 22px; font-size: 12px; color: #333; }

.new-childCompany ul li a { display: block; }

.new-childCompany ul li:hover { background-color: #247ad0; color: #fff; }

.new-childCompany:hover ul { display: block; }

.new-childCompany.en .tit { /* 0330 */ background-color: #343959; border-color: #777884; }

.floatMenu { position: fixed; width: 60px; right: 0; bottom: 100px; z-index: 999; }

.floatMenu ul li { /* 0113 */ position: relative; border-top: 1px solid #56a7ea; }

.floatMenu ul li:first-child { border-top: none; }

.floatMenu ul li a { display: block; width: 60px; height: 60px; background-position: center center; background-repeat: no-repeat; cursor: pointer; background-color: #1e79d0; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.floatMenu ul li a:hover { background-color: #1b6cba; }

.floatMenu ul li a.goTop { background-image: url(../images/icon9.png); }

.floatMenu ul li a.onlineService { background-image: url(../images/icon10.png); }

.floatMenu ul li a.mail { background-image: url(../images/icon11.png); }

.floatMenu ul li a.phone { background-image: url(../images/icon12.png); }

.floatMenu ul li .infoDialog { /* 0113 */ display: none; position: absolute; right: 60px; bottom: 0; background-color: #edebeb; border: 1px solid #ccc; padding: 10px 20px; width: 200px; font-size: 16px; color: #333; line-height: 30px; border-radius: 5px; }

.floatMenu ul li .infoDialog li { /* 0113 */ border-top: none; }

.floatMenu ul li:hover .infoDialog { /* 0113 */ display: block; }

/* 0330以下 */
.index_videoCon, .aboutVideo { position: relative; }

.index_videoWp { /* 0421 */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999; }

.index_videoClose { /* 0421 */ position: absolute; display: block; width: 50px; height: 50px; background-color: #fff; top: 0; left: 50%; text-align: center; line-height: 50px; font-weight: bold; color: #333; font-size: 30px; z-index: 99; cursor: pointer; margin-left: 524px; }

.index_videoBox { /* 0421 */ position: absolute; width: 1048px; height: 590px; top: 50%; left: 50%; margin: -295px 0 0 -524px; }

/* 0330 end */
.mobileIconCon { float: right; display: none; }

.mobileIconCon a { display: inline-block; vertical-align: top; width: 50px; height: 50px; }

.mobileIconCon a.searchBtn { background: url(../images/searchBtn2.png) center no-repeat; background-size: auto auto; }

.mobileIconCon a.menuBtn { position: relative; }

.mobileIconCon a.menuBtn:after { position: absolute; width: 20px; height: 3px; border-top: 3px solid #333; border-bottom: 9px double #333; display: block; content: ''; top: 50%; left: 50%; margin-left: -10px; margin-top: -7px; }

.mobileIconCon .mobileLan { display: inline-block; vertical-align: top; position: relative; z-index: 99; }

.mobileIconCon .mobileLan:hover ul { display: block; }

.mobileIconCon .mobileLan span { display: block; width: 80px; height: 50px; line-height: 50px; font-size: 14px; color: #000; text-align: center; position: relative; }

.mobileIconCon .mobileLan span:after { display: block; position: absolute; font-size: 12px; content: ""; color: #000; line-height: 50%; width: 20px; height: 20px; top: 15px; right: 0; text-align: center; line-height: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; background: url("../images/arrow9.png") center center no-repeat; background-size: auto 10px; }

.mobileIconCon .mobileLan ul { display: none; position: absolute; width: 100%; top: 40px; left: 0; background-color: rgba(1, 135, 209, 0.9); }

.mobileIconCon .mobileLan ul li { text-align: center; border-top: 1px solid #85c6ea; }

.mobileIconCon .mobileLan ul li:first-child { border-top: none; }

.mobileIconCon .mobileLan ul li a { display: block; width: 100%; line-height: 35px; height: auto; color: #fff; font-size: 14px; }

.insideBanner { width: 100%; height: 380px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.main { width: 100%; background-color: #fff; overflow: hidden; }

.mainBreadCon { width: 100%; border-bottom: 1px solid #e4e6e6; }

.mainBreadCon .bread { float: right; line-height: 89px; font-size: 13px; color: #669cd2; }

.mainBreadCon .bread a { color: #669cd2; }

.mainBreadCon .bread a:hover { text-decoration: underline; }

.mainBreadMenu { float: left; }

.mainBreadMenu li { float: left; }

.mainBreadMenu li a { display: block; border-bottom: 2px solid #fff; padding: 0 25px; font-size: 18px; color: #999; line-height: 87px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.mainBreadMenu li a:hover { color: #669cd2; }

.mainBreadMenu li.on a { color: #669cd2; font-weight: bold; border-bottom-color: #0665c5; }

.proIntroCon { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #e6e8e8; }

.proIntroCon .img { float: left; width: 350px; height: 245px; max-width: 100%; }

.proIntroCon .img img { width: 100%; height: 100%; }

.proIntroCon .info { margin-left: 400px; margin-right: 20px; font-size: 14px; color: #000; line-height: 36px; }

.procenterList { padding-top: 40px; }

.procenterList li { float: left; width: 25%; }

.procenterList li a { margin: 0 auto; width: 100%; max-width: 243px; display: block; }

.procenterList li a:hover .img img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

.procenterList li a:hover p { color: #669cd2; }

.procenterList li .tit { height: 40px; line-height: 40px; font-size: 20px; color: #669cd2; font-weight: bold; margin-bottom: 20px; }

.procenterList li .img { position: relative; width: 100%; height: 0; padding-bottom: 70%; background-color: #669cd2; overflow: hidden; margin-bottom: 10px; }

.procenterList li .img img { position: absolute; display: block; width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }

.procenterList li p { font-size: 14px; line-height: 20px; height: 120px; overflow: hidden; }

.insideMain { padding-top: 50px; }

.insideMainMenuCon { float: left; width: 280px; }

.sideMenu { width: 100%; margin-bottom: 15px; }

.sideMenu dl { border-top: 1px solid #fff; width: 100%; }

.sideMenu dl:first-child { border-top: none; }

.sideMenu dl dt { width: 100%; }

.sideMenu dl dt a { display: block; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; color: #669cd2; padding-left: 30px; background: #f0f3f3 url(../images/icon13.png) 10px center no-repeat; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.sideMenu dl dt a:hover { background-color: #eaeeee; }

.sideMenu dl dd { width: 100%; border-bottom: 1px solid #e6e8e8; }

.sideMenu dl dd h4 { width: 100%; background-color: #f8fafa; background-position: 95% center; background-repeat: no-repeat; background-image: url(../images/arrow4.png); height: 39px; line-height: 39px; overflow: hidden; }

.sideMenu dl dd h4 a { display: block; padding-left: 45px; font-size: 15px; color: #000; }

.sideMenu dl dd h4 a:hover { color: #669cd2; }

.sideMenu dl dd.on h4 { background-image: url(../images/arrow5.png); }

.sideMenu dl dd.on h4 a { color: #669cd2; }

.sideMenu dl dd.cur h4 a { color: #669cd2; }

.sideMenu dl dd .child { width: 100%; background-color: #f8fafa; border-top: 1px solid #e6e8e8; padding: 5px 0; }

.sideMenu dl dd .child li { padding-left: 65px; line-height: 40px; }

.sideMenu dl dd .child li a { font-size: 14px; color: #000; }

.sideMenu dl dd .child li a:hover { color: #669cd2; }

.sideMenu dl dd .child li.on a { color: #669cd2; }

.insideMainCon { margin-left: 340px; }

.insideBreadCon { position: relative; width: 100%; height: 40px; }

.insideBreadCon .breadTit { float: left; }

.insideBreadCon .breadTit h6 { float: left; font-size: 20px; font-weight: bold; line-height: 40px; color: #669cd2; }

.insideBreadCon .breadLink { float: right; font-size: 14px; color: #669cd2; line-height: 40px; }

.insideBreadCon .breadLink a { color: #669cd2; }

.insideBreadCon .breadLink a:hover { text-decoration: underline; }

.productListIntroCon { padding: 30px 20px; border-bottom: 1px solid #e6e8e8; font-size: 14px; line-height: 30px; color: #000; margin-bottom: 20px; }

/* 0113 修改这个区域 */
.productList { width: 100%; margin-bottom: 60px; font-size: 0; }

.productList > li { display: inline-block; vertical-align: top; padding: 10px 35px 20px; width: 359px; }

.productList > li.rightBorder { border-right: 1px dashed #dee0e0; }

.productList > li .tit { font-size: 16px; font-weight: bold; color: #669cd2; line-height: 40px; height: 40px; overflow: hidden; }

.productList > li .tit a { color: #669cd2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.productList > li .img { display: block; float: left; width: 180px; height: 180px; overflow: hidden; }

.productList > li .img img { width: 100%; height: 100%; }

.productList > li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.productList > li .info { position: relative; }

.productList > li .info ul { margin-left: 210px; max-height: 144px; overflow: hidden; }

.productList > li .info ul li { font-size: 14px; line-height: 36px; }

.productList > li .info ul li a { color: #000; }

.productList > li .info ul li a:hover { color: #669cd2; }

.productList > li .info .more { margin-left: 210px; font-size: 14px; line-height: 36px; cursor: pointer; font-weight: bold; color: #669cd2; }

.productList > li .info .more:hover { text-decoration: underline; }

.productList > li .info .addition { margin-left: 210px; overflow: hidden; display: none; }

.productList > li .info .addition li { font-size: 14px; line-height: 36px; }

.productList > li .info .addition li a { color: #000; }

.productList > li .info .addition li a:hover { color: #004da1; }

.productList .row { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; }

.productList .productLi { display: table-cell; width: 50%; }

.productList .productLi.rightBorder { border-right: 1px dashed #dee0e0; }

.productList .productLi .wrapper { padding: 10px 35px 20px; }

.productList .productLi .tit { font-size: 16px; font-weight: bold; color: #669cd2; line-height: 40px; height: 40px; overflow: hidden; }

.productList .productLi .tit a { color: #004da1; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.productList .productLi .tit a:hover { padding-left: 5px; }

.productList .productLi .img { display: block; float: left; width: 180px; height: 180px; overflow: hidden; }

.productList .productLi .img img { width: 100%; height: 100%; }

.productList .productLi .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.productList .productLi .info { position: relative; }

.productList .productLi .info ul { margin-left: 210px; max-height: 144px; overflow: hidden; }

.productList .productLi .info ul li { font-size: 14px; line-height: 36px; }

.productList .productLi .info ul li a { color: #000; }

.productList .productLi .info ul li a:hover { color: #004da1; }

.productList .productLi .info .more { margin-left: 210px; font-size: 14px; line-height: 36px; cursor: pointer; font-weight: bold; color: #004da1; display: block; }

.productList .productLi .info .more:hover { text-decoration: underline; }

.productList .productLi .info .addition { margin-left: 210px; overflow: hidden; display: none; }

.productList .productLi .info .addition li { font-size: 14px; line-height: 36px; }

.productList .productLi .info .addition li a { color: #000; }

.productList .productLi .info .addition li a:hover { color: #004da1; }

/* end */
.sideMenuCon { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999; }

.sideMenuCon .bg { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: rgba(0, 0, 0, 0.5); z-index: 11000; }

.sideMenuCon .sideMenuScroll { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: #fff; overflow: hidden; z-index: 11001; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: .5s ease all; transition: .5s ease all; }

.sideMenuCon .sideMenuScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.sideMenuCon .sideMenuScroll .closeSideMenuCon { display: block; width: 100%; height: 30px; text-align: right; padding-top: 5px; margin-bottom: 10px; }

.sideMenuCon .sideMenuScroll .closeSideMenuCon a { margin-right: 10px; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-color: #666; border-radius: 50%; line-height: 30px; font-size: 22px; color: #fff; text-align: center; }

.sideMenuCon .mobileSideMenu { width: 100%; }

.sideMenuCon .mobileSideMenu dt { height: 60px; line-height: 60px; background-color: #f7f7f7; border-bottom: 1px solid #ededed; }

.sideMenuCon .mobileSideMenu dt a { display: block; padding: 0 10px; color: #333; font-size: 16px; font-weight: bold; }

.sideMenuCon .mobileSideMenu dd { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }

.sideMenuCon .mobileSideMenu dd h5 { position: relative; line-height: 50px; }

.sideMenuCon .mobileSideMenu dd h5 i { /* 0216 */ position: absolute; display: block; width: 50px; height: 50px; top: 0; right: 0; background: url(../images/arrow9.png) center no-repeat; background-size: 20px 20px; }

.sideMenuCon .mobileSideMenu dd a { display: block; padding: 0 20px; color: #333; font-size: 16px; }

.sideMenuCon .mobileSideMenu .sub { display: none; }

.sideMenuCon .mobileSideMenu li { position: relative; margin: 0 10px; border-bottom: 1px solid #dcdbdb; }

.sideMenuCon .mobileSideMenu li > a { position: relative; display: block; padding-left: 20px; font-size: 1.6em; color: #333; line-height: 50px; }

.sideMenuCon .mobileSideMenu li i { position: absolute; display: block; top: 0; right: 0; font-size: 1.4em; width: 50px; height: 50px; line-height: 4; color: #333; font-weight: bold; text-align: center; font-style: normal; z-index: 2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.sideMenuCon .sideChildMenuScroll { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: #f1f1f1; overflow: hidden; z-index: 11002; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: .5s ease all; transition: .5s ease all; }

.sideMenuCon .sideChildMenuScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.sideMenuCon .sideChildMenuScroll .backBtn { position: relative; width: 100%; text-align: center; height: 60px; line-height: 60px; color: #333; font-size: 16px; background-color: #fff; border-bottom: 1px solid #ededed; }

.sideMenuCon .sideChildMenuScroll .backBtn span { position: absolute; top: 0; left: 0; width: 30px; height: 30px; }

.sideMenuCon .sideChildMenuScroll .sideChildList { width: 100%; }

.sideMenuCon .sideChildMenuScroll .sideChildList li { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }

.sideMenuCon .sideChildMenuScroll .sideChildList li a { display: block; padding: 0 20px; color: #333; font-size: 16px; }

.mobileSideMenuTit { display: none; margin-bottom: 10px; width: 100%; height: 60px; line-height: 60px; overflow: hidden; font-size: 16px; font-weight: bold; color: #669cd2; padding-left: 30px; background: #f0f3f3 url(../images/icon13.png) 10px center no-repeat; box-sizing: border-box; }

.modelCon { float: left; margin-left: 20px; }

.modelCon:hover .modelTit { /* 0216 清除 background-image: url(../images/arrow7.png); */ }

.modelCon:hover .modelListBox { /* 0216 清除 display: block; */ }

.modelCon.open .modelTit { /* 0216 */ background-image: url(../images/arrow7.png); }

.modelCon.open .modelListBox { /* 0216 */ display: block; }

.modelTit { font-size: 20px; padding-right: 20px; line-height: 38px; border: 1px solid #fff; background: url(../images/arrow6.png) 100% center no-repeat; color: #004da1; cursor: pointer; height: 38px; }

.modelTit span { color: #c19f56; font-size: 14px; }

.modelListBox { position: absolute; display: none; top: 35px; left: 0; padding-top: 10px; width: 100%; }

.modelList { position: relative; border: 1px solid #e6e8e8; border-radius: 5px; background-color: #fff; padding: 10px 0 10px 20px; }

.modelList:before { position: absolute; content: ''; display: block; width: 10px; height: 9px; background: url(../images/arrow8.png) center no-repeat; top: -9px; left: 200px; }

.modelList li { margin-right: 20px; line-height: 30px; display: inline-block; vertical-align: top; width: 245px; }

.modelList li a { font-size: 14px; color: #000; }

.modelList li a:hover { color: #004da1; }

.proArticleCon { margin-bottom: 60px; padding-right: 20px; }

.proArticle { font-size: 14px; color: #000; line-height: 30px; }

.proArticle img { max-width: 100%; }

.proTabel { font-size: 14px; color: #000; border-top: 2px solid #e6e8e8; border-bottom: 2px solid #e6e8e8; margin-bottom: 10px; }

.proTabel th, .proTabel td { line-height: 24px; padding: 5px 0; border-bottom: 1px solid #e6e8e8; }

.proTabel .bg { background-color: #f5f6f6; }

.proTabel .borderdotted { border-left: 1px dotted #e6e8e8; border-right: 1px dotted #e6e8e8; }

.proTabel .borderleftdotted { border-left: 1px dotted #e6e8e8; }

.proArticleOther { padding-top: 30px; }

.proArticleOther .share { float: left; padding-top: 15px; font-size: 14px; line-height: 19px; color: #669cd2; font-weight: bold; }

.proArticleOther .share a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 25px; height: 19px; background-position: center center; background-repeat: no-repeat; margin-right: 2px; }

.proArticleOther .share a.linkedin { background-image: url(../images/icon14.png); }

.proArticleOther .share a.weixin { background-image: url(../images/icon15.png); }

.proArticleOther .share a.weibo { background-image: url(../images/icon16.png); }

.proArticleOther .share a.mail { background-image: url(../images/icon17.png); }

.proArticleOther .downloadBtn { float: right; width: 140px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 16px; color: #fff; font-weight: bold; background-color: #0665c5; border-radius: 5px; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.proArticleOther .downloadBtn:hover { background-color: #0772de; }

.solutionCenterList { padding-top: 35px; margin-bottom: 30px; }

.solutionCenterList > li { float: left; width: 25%; margin-bottom: 30px; }

.solutionCenterList > li .wrapper { margin: 0 auto; width: 100%; max-width: 243px; display: block; }

.solutionCenterList > li .tit { height: 40px; line-height: 40px; font-size: 20px; color: #669cd2; font-weight: bold; margin-bottom: 20px; overflow: hidden; }

.solutionCenterList > li .img { display: block; position: relative; width: 100%; height: 0; padding-bottom: 70%; background-color: #669cd2; overflow: hidden; margin-bottom: 20px; }

.solutionCenterList > li .img img { position: absolute; display: block; width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }

.solutionCenterList > li .img:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.solutionCenterList > li .info { position: relative; height: 370px; }

.solutionCenterList > li .info ul { max-height: 144px; overflow: hidden; }

.solutionCenterList > li .info ul li { font-size: 16px; line-height: 36px; height: 36px; overflow: hidden; }

.solutionCenterList > li .info ul li a { color: #000; }

.solutionCenterList > li .info ul li a:hover { color: #669cd2; }

.solutionCenterList > li .info .more { font-size: 14px; line-height: 36px; color: #000; }

.solutionArticleCon { padding: 0 20px 60px; }

.solutionArticle { padding-top: 30px; font-size: 14px; color: #000; line-height: 30px; }

.solutionArticle img { max-width: 100%; }

.solutionArticle ul { list-style: disc; }

.relationCon { width: 100%; margin-top: 25px; }

.relationCon .tit { font-size: 18px; color: #669cd2; font-weight: bold; margin-bottom: 20px; }

.solutionRelationList li { border-top: 1px solid #e6e8e8; padding: 0 20px; }

.solutionRelationList li .topTit { position: relative; padding: 25px 0; }

.solutionRelationList li .topTit .link { font-size: 16px; font-weight: bold; color: #669cd2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.solutionRelationList li .topTit .link:hover { padding-left: 5px; color: #0065d4; }

.solutionRelationList li .topTit .btn { position: absolute; right: 0; top: 50%; margin-top: -9px; display: block; width: 16px; height: 16px; text-align: center; line-height: 16px; border: 1px solid #ccc; color: #ccc; cursor: pointer; font-size: 16px; font-weight: bold; }

.solutionRelationList li .box { padding-bottom: 30px; overflow: hidden; display: none; }

.solutionRelationList li .img { display: block; float: left; width: 285px; height: auto; }

.solutionRelationList li .img img { width: 100%; height: 100%; }

.solutionRelationList li .img img:hover { -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); }

.solutionRelationList li .info { margin-left: 360px; font-size: 14px; line-height: 30px; color: #000; height: auto; overflow: hidden; position: relative; }

.solutionRelationList li .info dt { font-weight: bold; }

.solutionRelationList .more { background: #fff; cursor: pointer; color: #0665c5; font-weight: bold; float: right; font-size: 14px; }

.solutionRelationList .more span { color: red; font-size: 22px; }

.aboutArticle { padding-top: 40px; font-size: 14px; color: #000; line-height: 30px; padding-bottom: 80px; }

.aboutArticle ul, .aboutArticle ol { list-style-type: disc; }

.aboutMotto { text-align: center; position: relative; padding-top: 25px; padding-bottom: 25px; font-size: 18px; line-height: 2; color: #000; margin-bottom: 65px; }

.aboutMotto::before { content: ''; width: 61px; height: 100%; top: 0; left: 0; display: block; position: absolute; background: url(../images/icon18.png) left top no-repeat; background-size: auto 40%; z-index: 1; }

.aboutMotto::after { content: ''; width: 61px; height: 100%; top: 0; right: 0; display: block; position: absolute; background: url(../images/icon19.png) right bottom no-repeat; background-size: auto 40%; z-index: 1; }

.aboutMotto p { position: relative; z-index: 2; }

.aboutVideoBtn { width: 1200px; max-width: 100%; margin: 0 auto 60px; height: 590px; background: url(../images/bg2.jpg) center no-repeat; background-size: cover; cursor: pointer; display: block; }

.hotNewsCon { padding-top: 50px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; }

.hotNewsCon .img { display: block; float: left; width: 350px; height: 245px; overflow: hidden; }

.hotNewsCon .img img { width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }

.hotNewsCon .img img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

.hotNewsCon .info { margin-left: 400px; }

.hotNewsCon .info .link { font-size: 20px; font-weight: bold; color: #669cd2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.hotNewsCon .info .link:hover { padding-left: 5px; color: #0065d4; }

.hotNewsCon .info p { padding-top: 15px; height: 150px; overflow: hidden; line-height: 30px; font-size: 14px; color: #000; }

.hotNewsCon .info .more { font-size: 14px; color: #669cd2; display: block; margin-top: 20px; }

.hotNewsCon .info .more:hover { text-decoration: underline; }

.newsWordListCon { padding-bottom: 60px; }

.newsWordList { border-top: 1px solid #e6e8e8; margin-bottom: 50px; }

.newsWordList.ntb { border-top: none; padding-top: 15px; }

.newsWordList li { border-bottom: 1px dotted #dee0e0; height: 63px; line-height: 63px; overflow: hidden; padding: 0 20px; position: relative; }

.newsWordList li .time { float: left; width: 120px; font-size: 16px; font-weight: bold; color: #669cd2; }

.newsWordList li .link { margin-left: 160px; margin-right: 65px; }

.newsWordList li .link a { font-size: 16px; color: #000; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.newsWordList li .link a:hover { padding-left: 5px; color: #669cd2; }

.newsWordList li .more { position: absolute; display: block; top: 0; right: 0; font-size: 14px; color: #999; background-color: #fff; }

.newsWordList li .more:hover { color: #004da1; }

.newsArticleCon { padding-top: 50px; padding-bottom: 60px; }

.newsTitle { margin-bottom: 35px; text-align: center; }

.newsTitle h2 { font-size: 24px; font-weight: bold; color: #669cd2; margin-bottom: 15px; }

.newsTitle .time { font-size: 12px; color: #999; }

.newsArticle { font-size: 14px; line-height: 36px; color: #000; }

.newsArticle ul, .newsArticle ol { list-style-type: disc; }

.infoPageCon { position: relative; margin-top: 45px; }

.infoPageCon ol li { height: 30px; line-height: 30px; font-size: 14px; color: #999; }

.infoPageCon ol li a { color: #999; }

.infoPageCon ol li a:hover { color: #669cd2; }

.infoPageCon .returnBtn { display: block; position: absolute; right: 0; top: 93%; font-size: 16px; font-weight: bold; line-height: 22px; color: #669cd2; height: 22px; padding-left: 25px; background: url(../images/icon20.png) left center no-repeat; cursor: pointer; margin-top: -11px; }

.newsPiclist { padding-bottom: 50px; }

.newsPiclist li { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e6e8e8; }

.newsPiclist li .img { float: left; display: block; width: 300px; height: 210px; overflow: hidden; }

.newsPiclist li .img img { width: 100%; height: 100%; transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; }

.newsPiclist li .img img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

.newsPiclist li .info { margin-left: 360px; height: 210px; overflow: hidden; }

.newsPiclist li .info .tit { padding-top: 10px; padding-bottom: 20px; }

.newsPiclist li .info .tit a { font-size: 20px; font-weight: bold; color: #669cd2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.newsPiclist li .info .tit a:hover { padding-left: 5px; color: #8db6de; }

.newsPiclist li .info p { font-size: 14px; line-height: 30px; color: #000; }

.interationCon { padding-top: 10px; margin-bottom: 30px; }

.interationBox { width: 100%; }

.interationBox .tit { padding: 0 20px; line-height: 50px; background-color: #f0f3f3; font-size: 14px; font-weight: bold; color: #669cd2; }

.interationBox .tit span { margin-right: 15px; }

.interationBox .info { padding: 20px; font-size: 14px; color: #000; line-height: 36px; }

.interationBox .reply { border-top: 1px dotted #e7e8e8; padding: 20px; font-size: 14px; color: #000; line-height: 36px; }

.contactMapCon .word { font-size: 15px; line-height: 38px; color: #595959; margin-bottom: 50px; text-indent: 28px; }

.inputCon { padding: 40px 100px; background-color: #f4f7f7; margin-bottom: 60px; }

.inputCon .word { font-size: 14px; line-height: 36px; color: #000; margin-bottom: 35px; }

.inputCon .inputTable { width: 590px; margin: 0 auto; }

.inputCon .inputTable .tr { position: relative; width: 100%; margin-bottom: 20px; }

.inputCon .inputTable .tit { float: left; width: 75px; font-size: 14px; color: #555; line-height: 40px; }

.inputCon .inputTable .box { float: left; width: 75px; }

.inputCon .inputTable .inputBox { margin-left: 95px; background-color: #fff; padding: 0 5px; border: 1px solid #d9d9d9; height: 38px; overflow: hidden; }

.inputCon .inputTable .inputBox input[type="text"] { display: block; padding: 0; margin: 0; font-size: 14px; color: #333; width: 100%; height: 38px; line-height: 38px; border: none; }

.inputCon .inputTable .txtBox { margin-left: 95px; background-color: #fff; padding: 5px; border: 1px solid #d9d9d9; height: 180px; overflow: hidden; }

.inputCon .inputTable .txtBox textarea { border: none; resize: none; width: 100%; height: 180px; font-size: 14px; color: #333; }

.inputCon .inputTable .verBox { margin-left: 95px; border: 1px solid #d9d9d9; background-color: #fff; height: 38px; overflow: hidden; }

.inputCon .inputTable .verBox img { display: block; float: right; width: 70px; height: 38px; }

.inputCon .inputTable .verBox .verInput { margin-right: 149px; padding: 0 5px; }

.inputCon .inputTable .verBox .verInput input[type="text"] { display: block; padding: 0; margin: 0; font-size: 14px; color: #333; width: 100%; height: 38px; line-height: 38px; border: none; }

.inputCon .inputTable .radioBox { margin-left: 95px; }

.inputCon .inputTable .radioBox label { float: left; margin-right: 20px; height: 38px; line-height: 38px; font-size: 14px; color: #333; }

.inputCon .inputTable .radioBox input[type='radio'] { -webkit-appearance: radio; margin-right: 5px; vertical-align: baseline; }

.inputCon .inputTable .checkbox { margin-left: 95px; }

.inputCon .inputTable .checkbox label { float: left; margin-right: 20px; height: 38px; line-height: 38px; font-size: 14px; color: #333; }

.inputCon .inputTable .checkbox input[type='checkbox'] { -webkit-appearance: checkbox; margin-right: 5px; vertical-align: baseline; }

.inputCon .inputTable .selectBox { margin-left: 95px; border: 1px solid #d9d9d9; background-color: #fff; height: 38px; overflow: hidden; }

.inputCon .inputTable .selectBox select { border: none; width: 100%; height: 38px; font-size: 14px; -webkit-appearance: menulist; }

.inputCon .inputTable .state { position: absolute; height: 40px; line-height: 40px; top: 0; right: -80px; width: 35px; padding-left: 35px; font-size: 14px; background-position: left center; background-repeat: no-repeat; }

.inputCon .inputTable .state.checked { color: #00bd00; background-image: url(../images/icon21.png); }

.inputCon .inputTable .state.wrong { color: #f30000; background-image: url(../images/icon22.png); }

.inputCon .inputTable .state.must { color: #bbb; background-image: url(../images/icon23.png); }

.inputCon .inputTable .btnCon { padding-top: 30px; text-align: center; }

.inputCon .inputTable .btnCon input[type="submit"], .inputCon .inputTable .btnCon input[type="reset"] { display: inline-block; vertical-align: top; background-color: #0665c5; font-size: 16px; font-weight: bold; color: #fff; text-align: center; width: 100px; height: 42px; line-height: 42px; margin: 0 30px; border: none; border-radius: 5px; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.inputCon .inputTable .btnCon input[type="submit"]:hover, .inputCon .inputTable .btnCon input[type="reset"]:hover { background-color: #087ef6; }

.inputCon .inputTable .cellmessage input[type="submit"] { display: inline-block; vertical-align: top; background-color: #0665c5; font-size: 16px; font-weight: bold; color: #fff; text-align: center; width: 100px; height: 42px; line-height: 42px; margin: 0 30px; border: none; border-radius: 5px; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.inputCon .inputTable .cellmessage input[type="submit"]:hover { background-color: #087ef6; }

.cellmessage .buttonface2 { width: 140px !important; height: 40px !important; appearance: none; background: #27b4f9; border-radius: 3px; color: #fff; line-height: 40px; border: none; cursor: pointer; display: block; margin: 15px auto; transition: all .2s; }

.cellmessage .buttonface2:hover { background: #0eabf8; }

.contactPicList { padding-top: 20px; padding-bottom: 60px; }

.contactPicList li { padding: 40px 0; border-bottom: 1px solid #e6e8e8; }

.contactPicList li .img { float: left; margin-left: 120px; width: 350px; height: 245px; }

.contactPicList li .img img { width: 100%; height: 100%; }

.contactPicList li .info { position: relative; float: right; width: 575px; height: 245px; overflow: hidden; }

.contactPicList li .info .tit { font-size: 20px; font-weight: bold; color: #669cd2; margin-bottom: 10px; }

.contactPicList li .info .p { font-size: 14px; color: #000; line-height: 36px; }

.contactPicList li .map { position: absolute; display: block; width: 90px; height: 19px; line-height: 19px; right: 0; bottom: 0; font-size: 14px; font-weight: bold; color: #669cd2; }

.contactPicList li .map i { display: inline-block; vertical-align: top; width: 15px; height: 19px; background: url(../images/icon26.png) center no-repeat; margin-right: 5px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.contactPicList li .map:hover { color: #0065d4; }

.contactPicList li:hover .map i { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  90% { -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0); } }

.feedbackCon { padding-top: 40px; }

.contactMapCon { padding-top: 50px; padding-bottom: 60px; }

.mapImg { position: relative; }

.mapImg .info { position: absolute; padding: 20px 25px; border: 1px solid #c4dce5; background: #fff url(../images/bg3.jpg) center bottom repeat-x; width: 350px; border-radius: 5px; display: none; }

.mapImg .info .tit { font-size: 16px; font-weight: bold; color: #005fb0; margin-bottom: 10px; }

.mapImg .info .p { font-size: 14px; line-height: 20px; color: #000; }

.mapImg .info.sz { top: 90px; left: 263px; }

.mapImg .info .close { position: absolute; display: block; width: 16px; height: 16px; background-color: #333; border-radius: 50%; font-size: 14px; color: #fff; text-align: center; line-height: 16px; top: 5px; right: 5px; cursor: pointer; }

.mapImg .Brazil { top: 186px; left: 361px; }

.mapImg .India { top: 53px; left: 359px; }

.mapImg .Thailand { top: 86px; left: 442px; }

.mapImg .America { top: 154px; left: 175px; }

.mapImg .Hongkong { top: 62px; left: 487px; }

.mapImg .Shenzhen { top: 57px; left: 479px; }

.mapImg .Beijing { top: 184px; left: 471px; }

.mapImg .Ganzhou { top: 217px; left: 481px; }

.mapImg .Chanzhou { top: 209px; left: 504px; }

.mapImg .Xian { top: 194px; left: 460px; }

.mapImg .Chansha { top: 217px; left: 474px; }

.mapImg .Mingyuan { top: 207px; left: 424px; }

.mapImg .Africa { top: 190px; left: 179px; }

.mapImg .German { top: 109px; left: 144px; }

.mapImg .Dongguan { top: 57px; left: 477px; }

.addressList { display: none; }

.addressList li { padding: 20px 10px; border-bottom: 1px solid #e6e8e8; }

.addressList li .tit { font-size: 16px; font-weight: bold; color: #005fb0; margin-bottom: 10px; }

.addressList li .p { font-size: 14px; line-height: 20px; color: #000; }

.location { font-size: 13px; padding: 30px 0; }

.cellmessage { text-align: center; line-height: 30px; min-height: 200px; padding: 80px; }

.cellmessage .title { font-size: 14px; }

.inputCon .word { text-align: center; }

/* 1216 */
.honorList { padding-top: 35px; padding-bottom: 60px; }

.honorList li { float: left; width: 25%; border-top: 1px dashed #e1e1e1; padding-top: 35px; }

.honorList li:nth-child(-n+4) { border-top: none; }

.honorList li a { display: block; width: 230px; margin: 0 auto; }

.honorList li .img { display: table; width: 228px; height: 178px; border: 1px solid #b4b4b4; text-align: center; vertical-align: middle; overflow: hidden; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.honorList li .img i { display: table-cell; vertical-align: middle; text-align: center; height: 178px; overflow: hidden; }

.honorList li .img img { max-width: 100%; max-height: 100%; }

.honorList li .p { display: block; text-align: center; font-size: 14px; color: #2f2f2f; line-height: 48px; height: 48px; overflow: hidden; }

.honorList li:hover .img { border-color: #0665c5; }

.honorList li:hover .p { color: #0665c5; }

/* 0121 */
.historyCon { padding-top: 80px; padding-bottom: 100px; }

.historyCon .img { float: left; width: 565px; height: 325px; }

.historyCon .img img { width: 100%; height: 100%; }

.timeline { float: right; width: 560px; position: relative; overflow: hidden; }

.timeline .next { position: absolute; display: block; width: 24px; height: 24px; top: 0; right: 0; background-color: #d3d3d3; text-align: center; line-height: 24px; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; z-index: 2; -webkit-user-select: none; user-select: none; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.timeline .next:hover { background-color: #0664c4; }

.timeline .prev { position: absolute; display: block; width: 24px; height: 24px; top: 0; left: 0; background-color: #d3d3d3; text-align: center; line-height: 24px; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; -webkit-user-select: none; user-select: none; z-index: 2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.timeline .prev:hover { background-color: #0664c4; }

.timeline .titBox { margin: 0 30px; overflow: hidden; }

.timeline .titBox > div { margin-left: -241px; }

.timeline .tit { padding-top: 12px; }

.timeline .tit li { float: left; width: 78px; }

.timeline .tit li a { cursor: pointer; display: block; width: 74px; height: 23px; line-height: 23px; border-top: 7px solid #d3d3d3; font-size: 12px; color: #1d1d1d; text-align: center; }

.timeline .tit li .selected { border-top-color: #0664c4; }

.timeline .box li { float: left; width: 560px; }

.timeline .box .info { padding-top: 30px; }

.timeline .box dt { font-size: 16px; color: #0664c4; margin-bottom: 5px; }

.timeline .box dd { font-size: 14px; line-height: 24px; color: #333; margin-bottom: 15px; }

.jobCon { padding-top: 50px; padding-bottom: 60px; width: 945px; margin: 0 auto; }

.jobTableTh { margin-bottom: 13px; background-color: #0665c5; color: #fff; font-size: 14px; line-height: 50px; }

.jobTableTh > div { float: left; }

.jobTableTh .position { margin-left: 40px; width: 260px; }

.jobTableTh .year { width: 100px; text-align: center; }

.jobTableTh .num { width: 150px; text-align: center; }

.jobTableTh .address { width: 200px; text-align: center; }

.jobTableTh .time { width: 150px; text-align: center; }

.jobTableTr { width: 100%; margin-top: 20px; }

.jobTableTr:last-child dt { border-bottom: 1px solid #e0e0e0; }

.jobTableTr:last-child dt.open { border-bottom: none; }

.jobTableTr dt { border-top: 1px solid #e0e0e0; line-height: 28px; font-size: 14px; color: #0665c5; cursor: pointer; padding-top: 10px; padding-bottom: 10px; }

.jobTableTr dt > div { float: left; }

.jobTableTr dt .position { margin-left: 40px; width: 260px; }

.jobTableTr dt .year { width: 100px; text-align: center; }

.jobTableTr dt .num { width: 150px; text-align: center; }

.jobTableTr dt .address { width: 200px; text-align: center; }

.jobTableTr dt .time { width: 150px; text-align: center; }

.jobTableTr dd { display: none; padding: 20px 30px; border-top: 1px solid #e0e0e0; }

.jobTableTr dd .info { font-size: 14px; color: #3c3c3c; line-height: 2; }

.jobTableTr dd .intro { display: none; font-size: 16px; color: #000; line-height: 2; font-weight: bold; }

.jobTableTr dd .intro p { font-weight: bold; }

.newslist li { overflow: hidden; }

.newslist .data { float: right; }

.newslist .infolist { float: left; }

.cellmessage .result { text-align: left; font-size: 14px; line-height: 24px; color: #0bc1fa; }

.messages { font-size: 14px; line-height: 28px; color: #666; text-align: center; margin: 20px; }

.messages h3 { font-size: 20px; line-height: 40px; margin-bottom: 18px; }

/* 0113 */
.publication li { float: left; width: 50%; border-top: 1px dashed #e1e1e1; padding-top: 30px; padding-bottom: 30px; }

.publication li:nth-child(-n+2) { border-top: none; }

.publication li .wrapper { padding-left: 10px; padding-right: 30px; }

.publication li .img { float: left; padding: 2px; border: 1px solid #b8b8b8; width: 228px; height: 295px; }

.publication li .img img { width: 100%; height: 100%; }

.publication li .info { margin-left: 250px; padding-top: 15px; }

.publication li .row { line-height: 30px; font-size: 12px; color: #000; margin-bottom: 10px; }

.publication li .bgf9 { background-color: #f9f9f9; }

.publication li .p { font-size: 12px; line-height: 26px; height: 78px; overflow: hidden; margin-bottom: 40px; }

.publication li .readBtn { display: block; width: 90px; height: 25px; border-radius: 5px; background-color: #0665c5; font-size: 12px; color: #fff; text-align: center; line-height: 25px; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.publication li .readBtn:hover { background-color: #0772de; }

.downloadPage { padding-bottom: 55px; }

/* 0113 end */
.input-file { display: inline-block; width: 80px; height: 32px; line-height: 32px; text-align: center; position: relative; background-color: #00a1cb; color: #fafafa; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-radius: 1px; transition: background .3s; -webkit-transition: background .3s; }

.tel_tanchu { padding: 15px 80px 15px 40px; width: auto; right: 5%; background-color: #edebeb; bottom: 18%; position: fixed; border: #ccc 1px solid; z-index: 99999; display: none; }

.floatMenu .on { display: block; }

.tel_line { height: 30px; line-height: 30px; padding: 0; font-family: frutigernext, "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 16px; }

.productList2 { padding: 20px 50px; }

.productList2 li { float: left; margin: 30px 50px; }

.productList2 li a { width: 265px; display: block; text-align: center; }

.productList2 li a span { font-size: 1.2rem; color: #669cd2; text-align: center; }

.productList2 li a img { margin-top: 10px; }

/* 0330 英文版首页如下 */
.en_indexProSlide .items { background-color: #ebedee; }

.en_indexProSlide .items a { display: block; max-width: 205px; margin: 0 auto; text-align: center; padding-top: 5px; }

.en_indexProSlide .items a:hover .icon { border-color: #489aed; }

.en_indexProSlide .items a:hover .tit { color: #489aed; }

.en_indexProSlide .icon { width: 150px; height: 150px; margin: 0 auto 40px; border-radius: 100%; overflow: hidden; border: 2px solid #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; }

.en_indexProSlide .tit { font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; color: #666; margin-bottom: 10px; text-transform: uppercase; }

.en_indexProSlide .owl-controls { bottom: 50%; }

.en_indexProSlide .owl-prev { position: absolute; top: 0; margin-top: -50px; left: -60px; width: 50px; height: 99px; background: url(../images/arrow1.png) center no-repeat; cursor: pointer; }

.en_indexProSlide .owl-next { position: absolute; top: 0; margin-top: -50px; right: -60px; width: 50px; height: 99px; background: url(../images/arrow2.png) center no-repeat; cursor: pointer; }

.bgfooter { background-color: #22243b; }

.index_videoCon { position: relative; }

.new-product-list-banner { width: 100%; height: 420px; display: block; }

.new-product-list-banner .owl-stage-outer, .new-product-list-banner .owl-stage, .new-product-list-banner .owl-item { height: 100%; }

.new-product-list-banner .item { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.new-product-list-banner .item a { display: block; width: 100%; height: 100%; }

.new-product-list-banner .item a img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }

.new-product-list-banner .owl-controls .owl-dot { background: none; border: 1px solid #fff; }

.new-product-list-banner .owl-controls .owl-dot.active { background: #fff; }

@media screen and (max-width: 1024px) { .new-product-list-banner { height: 320px; } }

@media screen and (max-width: 800px) { .new-product-list-banner { height: 240px; } }

@media screen and (max-width: 480px) { .new-product-list-banner { height: 110px; } }

.new-product-list-con { padding: 60px 15px 95px; background-color: #f5f5f5; }

@media screen and (max-width: 800px) { .new-product-list-con { padding: 30px 15px 45px; } }

.new-product-list { font-size: 0; margin-left: -30px; padding-bottom: 30px; }

.new-product-list li { display: inline-block; vertical-align: top; width: 33.33%; box-sizing: border-box; padding-left: 30px; margin-bottom: 30px; }

.new-product-list a { display: block; border: 1px solid #e3e3e3; background-color: #fff; padding: 7px; }

.new-product-list a:hover .img img { transform: scale(1.1); }

.new-product-list a:hover .icon { background-image: url(../images/arrow13.png); }

.new-product-list .img { width: 100%; padding-bottom: 66.57534%; position: relative; overflow: hidden; background-color: #f5f5f5; }

.new-product-list .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; display: block; }

.new-product-list .p { position: relative; height: 60px; padding: 0 45px 0 10px; line-height: 60px; overflow: hidden; }

.new-product-list .title { line-height: 60px; font-size: 18px; color: #000; }

.new-product-list .icon { position: absolute; right: 12px; top: 50%; background-image: url(../images/arrow12.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; width: 30px; height: 30px; display: block; margin-top: -15px; }

@media screen and (max-width: 480px) { .new-product-list { margin-left: -15px; }
  .new-product-list li { width: 50%; padding-left: 15px; margin-bottom: 20px; }
  .new-product-list a { padding: 5px; }
  .new-product-list .p { height: 40px; line-height: 40px; padding-right: 25px; padding-left: 0; }
  .new-product-list .title { line-height: 40px; font-size: 14px; }
  .new-product-list .icon { width: 20px; height: 20px; margin-top: -10px; right: 0; } }

.new-product-con { background-image: url(../images/product_bg.jpg); background-position: center top; background-repeat: no-repeat; background-color: #f3f3f3; padding: 50px 15px 60px; }

@media screen and (max-width: 750px) { .new-product-con { padding-top: 30px; padding-bottom: 30px; } }

.new-product-top { padding: 9px; background-color: #fff; border: 1px solid #e5e4e4; overflow: hidden; margin-bottom: 30px; }

.new-product-swiper { float: left; width: 510px; }

.new-product-swiper .items .img { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }

.new-product-swiper .items .img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }

.new-product-swiper .owl-controls { top: 50%; bottom: auto; margin-top: -15px; }

.new-product-swiper .owl-controls .owl-prev, .new-product-swiper .owl-controls .owl-next { width: 30px; height: 30px; background-image: url(../images/arrow14.png); background-color: #27b4f9; border-radius: 100%; background-size: 100% 100%; position: absolute; top: 0; }

.new-product-swiper .owl-controls .owl-prev:hover, .new-product-swiper .owl-controls .owl-next:hover { background-color: #0665c5; }

.new-product-swiper .owl-controls .owl-prev { left: 10px; }

.new-product-swiper .owl-controls .owl-next { right: 10px; transform: rotate(180deg); }

@media screen and (max-width: 1024px) { .new-product-swiper { width: 450px; } }

@media screen and (max-width: 800px) { .new-product-swiper { width: 100%; float: none; } }

.new-product-right { margin-left: 560px; margin-right: 20px; }

@media screen and (max-width: 1024px) { .new-product-right { margin-left: 500px; } }

@media screen and (max-width: 800px) { .new-product-right { margin-left: 0; margin-right: 0; } }

.new-product-right .title { padding: 20px 0 15px; border-bottom: 1px dashed #d8d8d8; margin-bottom: 15px; }

.new-product-right .title h1 { font-size: 32px; color: #333; font-weight: bold; }

.new-product-right .info { margin-bottom: 10px; font-size: 14px; line-height: 24px; color: #999; }

.new-product-right .b { font-size: 16px; color: #333; line-height: 40px; }

.new-product-right .prices { line-height: 40px; }

.new-product-right .prices .symbol { font-size: 18px; font-weight: bold; color: #0665c5; }

.new-product-right .prices .price { font-weight: bold; color: #0665c5; font-size: 26px; }

.new-product-right .num-con { float: left; }

.new-product-right .num-box { display: inline-block; vertical-align: top; border: 1px solid #ccc; background-color: #fff; height: 38px; font-size: 0; }

.new-product-right .num-box .num-btn { width: 39px; height: 38px; text-align: center; line-height: 38px; cursor: pointer; background-color: #ededed; font-size: 18px; display: inline-block; vertical-align: top; color: #000; user-select: none; }

.new-product-right .num-box input { font-size: 18px; text-align: center; border: none; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #fff; appearance: none; width: 58px; height: 38px; line-height: 38px; }

.new-product-right .message-btn { display: block; float: right; width: 140px; height: 40px; text-align: center; line-height: 40px; color: #fff; background-color: #27b4f9; border-radius: 3px; transition: all .2s ease; font-size: 14px; cursor: pointer; }

.new-product-right .message-btn:hover { background-color: #0eabf8; }

@media screen and (max-width: 750px) { .new-product-right .title h1 { font-size: 20px; }
  .new-product-right .num-con { float: none; }
  .new-product-right .message-btn { float: none; margin-top: 10px; } }

.new-product-detail { padding: 20px 24px 60px; border: 1px solid #e6e6e6; background-color: #fff; }

@media screen and (max-width: 750px) { .new-product-detail { padding-right: 10px; padding-left: 10px; padding-bottom: 30px; } }

.new-product-detail-hd { border-bottom: 1px solid #e6e6e6; }

.new-product-detail-hd span { display: inline-block; vertical-align: top; height: 50px; line-height: 50px; border-bottom: 3px solid transparent; font-size: 20px; color: #333; width: 100px; margin-right: 30px; text-align: center; cursor: pointer; }

.new-product-detail-hd span.on { color: #0665c5; border-bottom-color: #0665c5; font-weight: bold; }

@media screen and (max-width: 750px) { .new-product-detail-hd span { height: 40px; line-height: 40px; font-size: 16px; margin-right: 15px; } }

.message-top { text-align: center; width: 990px; max-width: 100%; margin: 0 auto 30px; padding-top: 30px; }

.message-top .t { font-size: 32px; color: #0665c5; margin-bottom: 10px; }

.message-top .p { font-size: 16px; color: #333; }

@media screen and (max-width: 750px) { .message-top .t { font-size: 24px; }
  .message-top .p { font-size: 14px; } }

.message-form { width: 990px; max-width: 100%; margin: 0 auto 30px; display: block; }

.message-form .row { display: flex; }

.message-form .row .cell + .cell { margin-left: 30px; }

.message-form .cell { flex: 1; display: flex; border: 1px solid #e5e5e5; background-color: #f9f9f9; border-radius: 3px; overflow: hidden; margin-bottom: 20px; }

.message-form .cell.block { display: block; }

.message-form .word { width: 70px; padding-left: 20px; line-height: 50px; color: #666; font-size: 14px; }

.message-form .word span { color: red; }

.message-form .input { flex: 1; overflow: hidden; }

.message-form .input input { display: block; width: 100%; height: 50px; line-height: 50px; background: none; appearance: none; font-size: 14px; color: #666; border: none; }

.message-form .input select { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #666; background: none; border: none; -webkit-appearance: menulist; }

.message-form .text { width: 100%; box-sizing: border-box; padding: 0 20px; }

.message-form .text textarea { border: none; background: none; appearance: none; font-size: 14px; line-height: 24px; color: #666; width: 100%; }

.message-form .ver-img { height: 50px; margin-left: 20px; cursor: pointer; }

.message-form .ver-img img { height: 100%; }

.message-form .btn-box button { display: inline-block; vertical-align: top; width: 140px; height: 50px; border-radius: 4px; background: #0665c5; text-align: center; line-height: 50px; cursor: pointer; appearance: none; border: none; margin-right: 15px; font-size: 14px; color: #fff; transition: background-color .2s ease; }

.message-form .btn-box button:hover { background-color: #0772de; }

@media screen and (max-width: 750px) { .message-form .row { display: block; }
  .message-form .row .cell + .cell { margin-left: 0; }
  .message-form .row.ver-row { display: flex; }
  .message-form .cell { margin-bottom: 10px; }
  .message-form .btn-box button { width: 130px; } }

.new-product-detail-bd .box { display: none; }

.new-product-detail-bd .box:first-child { display: block; }

.new-product-message-btn { margin: 50px auto 0; font-size: 14px; width: 140px; height: 50px; line-height: 50px; text-align: center; color: #fff; cursor: pointer; border-radius: 5px; background-color: #27b4f9; transition: background-color .2s ease; }

.new-product-message-btn:hover { background-color: #40bdfa; }

@media screen and (max-width: 750px) { .new-product-message-btn { margin-top: 25px; } }

.message-article { padding-top: 30px; font-size: 14px; line-height: 28px; color: #333; }

.message-article p { margin-bottom: 20px; }

.message-article img { max-width: 100%; height: auto !important; }

.new-product-center-banner { height: 720px; display: block; }

.new-product-center-banner .owl-stage-outer, .new-product-center-banner .owl-stage, .new-product-center-banner .owl-item { height: 100%; }

.new-product-center-banner .item { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.new-product-center-banner .item a { display: block; width: 100%; height: 100%; }

.new-product-center-banner .item a img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }

.new-product-center-banner .owl-controls .owl-dot { background: none; border: 1px solid #fff; }

.new-product-center-banner .owl-controls .owl-dot.active { background: #fff; }

@media screen and (max-width: 1440px) { .new-product-center-banner { height: 560px; } }

@media screen and (max-width: 1024px) { .new-product-center-banner { height: 360px; } }

@media screen and (max-width: 640px) { .new-product-center-banner { height: 200px; } }

.new-product-center-con { padding: 60px 15px 80px; background-color: #f5f5f5; }

@media screen and (max-width: 750px) { .new-product-center-con { padding: 30px 15px; } }

.new-product-center { overflow: hidden; font-size: 0; }

.new-product-center li { box-sizing: border-box; margin-bottom: 20px; display: inline-block; vertical-align: top; width: 50%; }

.new-product-center li a { display: block; border: 1px solid #e5e5e5; background-color: #fff; position: relative; transition: all .4s ease; }

.new-product-center li a:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

.new-product-center li a:hover .img img { transform: scale(1.05); }

.new-product-center li a:hover .btn { background-color: #29b6e3; }

.new-product-center li:nth-child(1) { display: block; width: 100%; }

.new-product-center li:nth-child(1) a { display: flex; flex-direction: row-reverse; }

.new-product-center li:nth-child(1) .img { flex: 588; }

.new-product-center li:nth-child(1) .info { flex: 612; display: flex; align-items: center; justify-content: center; position: static; }

.new-product-center li:nth-child(1) .box { width: 370px; max-width: 100%; }


.new-product-center li:nth-child(2) { display: block; width: 100%; }

.new-product-center li:nth-child(2) a { display: flex; flex-direction: row-reverse; }

.new-product-center li:nth-child(2) .img { flex: 588; }

.new-product-center li:nth-child(2) .info { flex: 612; display: flex; align-items: center; justify-content: center; position: static; }

.new-product-center li:nth-child(2) .box { width: 370px; max-width: 100%; }



.new-product-center li:nth-child(3) { padding-right: 10px; }

.new-product-center li:nth-child(4) { padding-left: 10px; }

.new-product-center li .img { width: 100%; }

.new-product-center li .img span { width: 100%; position: relative; display: block; padding-top: 65.98639%; overflow: hidden; }

.new-product-center li .img img { position: absolute; height: 100%; top: 0; left: 0; object-fit: cover; display: block; width: 100%; transition: all .5s ease; }

.new-product-center li .info { position: absolute; z-index: 2; top: 50px; left: 50px; width: 290px; }

.new-product-center li .t { font-size: 24px; color: #333; margin-bottom: 5px; }

.new-product-center li .p { font-size: 14px; line-height: 24px; color: #999; margin-bottom: 10px; }

.new-product-center li .btn { width: 140px; height: 50px; text-align: center; line-height: 50px; color: #fff; background-color: #0665c5; font-size: 14px; border-radius: 5px; transition: background-color .2s ease; }

@media screen and (max-width: 800px) { .new-product-center li { width: 100%; }
  .new-product-center li:nth-child(1) a { display: block; }
  .new-product-center li:nth-child(1) .info { position: absolute; }
    .new-product-center li:nth-child(2) a { display: block; }
    .new-product-center li:nth-child(2) .info { position: absolute; }
  .new-product-center li:nth-child(3) { padding-right: 0; }
  .new-product-center li:nth-child(4) { padding-left: 0; } }

@media screen and (max-width: 750px) { .new-product-center li .info { position: static !important; width: 100% !important; box-sizing: border-box; padding: 15px 20px; }
  .new-product-center li .t { font-size: 20px; }
  .new-product-center li .btn { width: 120px; height: 36px; line-height: 36px; } }