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

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

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

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

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

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

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 100px; }

@media screen and (min-width: 360px) { html { font-size: 112.5px; } }

@media screen and (min-width: 375px) { html { font-size: 117.1875px; } }

@media screen and (min-width: 414px) { html { font-size: 129.375px; } }

@media screen and (min-width: 480px) { html { font-size: 150px; } }

@media screen and (min-width: 640px) { html { font-size: 200px; } }

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

.clearfloat { *zoom: 1; }

.clearboth { clear: both; }

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

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #FFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #E6212A; }

.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #FFF; }

.header { position: relative; width: 100%; height: 108px; }

.wp1280 { position: relative; width: 1280px; margin: 0 auto; display: block; }

h1 { float: left; }

.search { position: absolute; height: 58px; margin-top: 27px; top: 0; right: 0; overflow: hidden; margin-right: 6px; transition: all 3s ease; }

.search:hover .searchHide { transform: translateX(0px); opacity: 1; }

.search .searchShow { position: relative; z-index: 89; width: 43px; height: 58px; border-radius: 5px; background: #0064B3 url("../images/sceah.png") no-repeat center center; float: right; }

.search .searchShow input { width: 43px; height: 58px; border-radius: 5px; border: none; background: none; position: relative; z-index: 8; cursor: pointer; }

.search .searchShow input:before { content: ""; position: absolute; width: 33px; height: 31px; top: 13px; left: 6px; border: solid 2px red; display: block; }

.search .searchHide { width: 220px; padding: 12px 10px 12px 10px; position: relative; background: #F4F4F4; float: right; z-index: 88; transition: all 1s ease; transform: translateX(240px); }

.search .searchHide input { display: block; width: 180px; padding-left: 20px; padding-right: 20px; height: 34px; border-radius: 20px; border: solid 1px #E9E9E9; background: #FFF; }

.navBox { position: relative; width: 835px; float: right; height: 108px; }

.navBox:before { content: ""; width: 15px; height: 15px; border-radius: 50%; background: #0064B3; position: absolute; display: block; top: 45px; left: -35px; }

.navBox:after { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #56667A; position: absolute; display: block; top: 47px; left: -12px; }

.lang { position: relative; width: 772px; padding-bottom: 28px; padding-top: 25px; border-bottom: solid 1px #E3E6E9; }

.lang a { position: relative; display: inline; float: right; font-size: 14px; color: #56667A; padding-left: 10px; padding-right: 10px; }

.lang a:hover { color: #0064B3; }

.lang .En:after { display: block; content: "|"; position: absolute; color: #B6B6B6; top: 2px; left: -2px; font-size: 11px; }

.nav { position: relative; padding-top: 8px; float: right; margin-right: 50px; }

.nav > li { position: relative; float: left; }

.nav > li > a { color: #56667A; padding-left: 20px; padding-right: 20px; display: block; font-size: 16px; height: 45px; }

.nav > li > a span img { display: inline-block; padding-right: 8px; }

.nav > li:nth-child(6) span img, .nav > li:nth-child(4) span img, .nav > li:nth-child(5) span img { padding-top: 6px; }

.nav > li:hover a { color: #0064B3; }

.nav > li:hover .sideNav { display: block; }

.sideNav { position: absolute; width: 100%; box-sizing: border-box; display: none; z-index: 999; background: #fff; border: solid 1px #e9ecf2; }

.sideNav .sideList { position: relative; float: left; width: 100%; }

.sideNav .sideList li a { width: 100%; box-sizing: border-box; display: block; color: #574f3c; font-size: 15px; text-align: center; height: 50px; line-height: 50px; border-bottom: solid 1px #f3f3f3; }

.sideNav .sideList li:hover a, .sideNav .sideList li.on a { color: #0064B3; background: #f9f9f9; }

.linkWrap { position: relative; width: 100%; height: 337px; background: url("../images/footer-bg.png"); }

.linkList { position: relative; float: left; margin-right: 106px; width: 170px; color: #56657C; font-size: 13px; padding-top: 36px; }

.linkList h5 { border-bottom: solid 1px #C5CFD8; padding-bottom: 18px; margin-bottom: 20px; }

.linkList span { display: block; padding-bottom: 10px; }

.linkList:last-child { margin-right: 0; }

.linkList a { color: #56657C; }

.linkList a:hover { color: #0064B3; }

.footer { width: 100%; height: 64px; background: #36517C; text-align: center; line-height: 64px; color: #FFF; color: #FFF; }

/* reset.css V1.6  End */
.paged { padding-top: 43px; text-align: center; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0px 3px; padding: 6px 10px; font-size: 12px; text-align: center; border: 1px solid #56667A; background: #FFF; color: #333; border-radius: 4px; }

.paged .current, .paged a:hover { border: solid 1px #0191D9; background: #0191D9; color: #FFF; }

@media screen and (max-width: 1200px) { .wp1200 { width: 100%; } }

.banner { position: relative; }

.swiper-container { width: 100%; }

.swiper-container .swiper-slide { position: relative; display: block; }

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

.swiper-container .swiper-pagination-bullet { width: 8px; height: 8px; opacity: .9; background: #979696; }

.swiper-container .swiper-pagination-bullet-active { background: #fff; opacity: 1; }

.intoWrap { position: relative; width: 100%; height: 243px; background: #f3f7fb; border-bottom: solid 1px #dce2ea; padding-top: 52px; }

.intoLeft { position: relative; width: 756px; height: 175px; float: left; margin-right: 30px; }

.intoLeft p { font-size: 14px; line-height: 24px; color: #717d90; }

.intoTit { position: relative; width: 100%; color: #56657c; border-bottom: solid 1px #b3c3dd; margin-bottom: 30px; padding-bottom: 14px; }

.intoTit h4 { display: inline; font-size: 36px; font-weight: bold; margin-right: 10px; }

.intoTit span { font-size: 24px; font-weight: bold; }

.intoTit a { display: block; width: 113px; height: 30px; position: absolute; top: 11px; border-radius: 6px; border: solid 1px #56667a; text-align: left; padding-left: 15px; box-sizing: border-box; line-height: 30px; color: #56657c; right: 0; font-size: 14px; background: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 82px 8px; -webkit-transition: all .4s ease; transition: all .4s ease; }

.intoTit a:hover { background: #0064b3 url("../images/arrow-hover.png") no-repeat; color: #fff; background-position: 89px 8px; border: solid 1px #0064b3; }

.intoRight { position: relative; width: 467px; height: 175px; float: left; border: solid 1px #dde4eb; box-sizing: border-box; padding-top: 126px; padding-left: 44px; background: url("../images/home-pic1.jpg"); }

.intoRight span { display: inline-block; padding-top: 4px; color: #212121; font-size: 12px; }

.intoRight a { margin-left: 6px; margin-right: 6px; }


.intoRight span { display: inline-block; padding-top: 4px; color: #212121; font-size: 12px; }

.intoRight a { margin-left: 6px; margin-right: 6px; }


.productWrap { position: relative; width: 100%; background: #eef3f9; padding-top: 68px; padding-bottom: 80px; border-bottom: solid 1px #dce2ea; border-top: solid 1px #fff; }

.proLeft { width: 650px; float: left; position: relative; }

.proLeft .intoTit.pro { border: none; margin-bottom: 50px; }

.proLeft ul li { position: relative; float: left; margin-right: 30px; width: 180px; height: 260px; border: solid 4px #cfd7e0; text-align: center; box-sizing: border-box; padding-top: 15px; overflow: hidden; transition: all .5s ease; cursor: pointer; }

.proLeft ul li img { width: 150px; height: 150px; transition: all 1s ease; }

.proLeft ul li p { font-size: 16px; color: #56657c; padding-top: 10px; transition: all 1s ease; }

.proLeft ul li a { display: block; width: 113px; height: 30px; position: relative; top: 11px; margin: 0 auto; border-radius: 6px; border: solid 1px #56667a; text-align: left; line-height: 30px; padding-left: 15px; color: #56657c; right: 0; box-sizing: border-box; font-size: 14px; background: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 82px 8px; transition: all .4s ease; }

.proLeft ul li:hover { height: 285px; margin-top: -25px; border-color: #55667c; padding-top: 25px; }

.proLeft ul li:hover a { background: #0064b3 url("../images/arrow-hover.png") no-repeat; color: #fff; background-position: 89px 8px; border: solid 1px #0064b3; }

.proRight { position: relative; width: 610px; height: 370px; float: right; border: solid 3px #dde0e5; overflow: hidden; }

.proRight img { width: 100%; }

.industry { position: relative; padding-top: 70px; background: #fff; width: 100%; padding-bottom: 85px; }

.intoTit.ind { border: none; }

.industryLeft { width: 420px; height: 450px; float: left; margin-right: 10px; position: relative; overflow: hidden; }

.industryRight { width: 850px; position: relative; float: left; }

.industryTit { position: absolute; width: 100%; height: 60px; left: 0; bottom: 0; z-index: 55; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 20px; line-height: 60px; transition: background .5s ease; }

.industryTit .title { position: relative; z-index: 58; }

.industryTit .title span { position: relative; top: 20px; margin-right: 15px; margin-left: 20px; }

.industryTit i { position: absolute; z-index: 57; content: ''; width: 100%; height: 60px; bottom: 0; left: 0; background: #0064b3; transition: all .4s ease; transform: translateY(60px); }

.industryImg { width: 100%; height: auto; transition: all 1s ease; }

.rightImg1 { position: relative; width: 420px; height: 220px; float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }

.rightImg2 { position: relative; width: 205px; height: 220px; float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }

.rightImg3 { position: relative; width: 205px; height: 220px; margin-bottom: 10px; float: left; overflow: hidden; }

.rightImg4 { position: relative; width: 205px; height: 220px; float: left; margin-right: 10px; overflow: hidden; }

.rightImg5 { position: relative; width: 205px; height: 220px; float: left; margin-right: 10px; overflow: hidden; }

.rightImg6 { position: relative; width: 420px; height: 220px; float: left; overflow: hidden; }

.industryLeft:hover i, .rightImg1:hover i, .rightImg2:hover i, .rightImg3:hover i, .rightImg4:hover i, .rightImg6:hover i, .rightImg5:hover i { transform: translateY(0); }

.backBox { position: fixed; bottom: 156px; right: 50px; display: none; z-index: 999; }

.returnButton { position: relative; width: 50px; height: 51px; transition: all 1s ease; background: url("../images/home-block.jpg"); }

.returnButton:hover { background: url("../images/home-block-hover.jpg"); }

.code { position: relative; width: 50px; height: 51px; transition: all .5s ease; background: url("../images/code.jpg"); }

.code:hover { background: url("../images/code-hover.jpg"); }

.codeShow { width: 142px; display: none; height: 168px; position: fixed; bottom: 156px; right: 110px; z-index: 999; padding: 10px; background: #fff; border-radius: 5px; font-size: 13px; color: #545454; text-align: center; }

.codeShow img { width: 100%; padding-bottom: 10px; }

.banner.inside { width: 100%; position: relative; height: 165px; background-repeat: no-repeat; background-size: cover !important; }

.sideWrap { position: relative; width: 100%; padding-top: 12px; background: url("../images/into-bg.jpg") repeat-x; }

.wp1200 { position: relative; width: 1200px; margin: 0 auto; display: block; }

.position { padding-bottom: 12px; }

.position a { display: inline; color: #38404b; font-size: 15px; }

.sideLeft { position: relative; width: 195px; float: left; }

.sideLeft h6 { width: 100%; height: 58px; line-height: 58px; font-size: 17px; padding-left: 40px; color: #fff; font-weight: bold; box-sizing: border-box; background: url("../images/into-tie.png"); }

.sideLeft ul { width: 100%; position: relative; }

.sideLeft ul li { position: relative; height: 50px; line-height: 50px; background: #0064b3; transition: all 1s ease; border-bottom: solid 1px #2b82c2; }

.sideLeft ul li a { width: 100%; display: block; padding-left: 40px; color: #fff; font-size: 15px; }

.sideLeft ul li a:before { display: none; position: absolute; width: 17px; height: 17px; content: ""; top: 16px; left: 40px; margin-right: 20px; background: url("../images/into-logo.png"); }

.sideLeft ul li:last-child { width: 195px; height: 135px; }

.sideLeft ul li:last-child a { padding-left: 0; }

.sideLeft ul li:last-child img { width: 100%; }

.sideLeft ul li:hover, .sideLeft ul li.on { background: #fff; }

.sideLeft ul li:hover a, .sideLeft ul li.on a { color: #0064b3; padding-left: 63px; }

.sideLeft ul li:hover a:before, .sideLeft ul li.on a:before { display: block; }

.sideRight { width: 976px; float: right; border: solid 1px #d0eaff; padding: 40px 70px 70px 70px; box-sizing: border-box; background: #fff; }

.sideRight.text img { max-width: 100%; margin: 0 auto; padding-bottom: 50px; }

.sideRight.text p { font-size: 14px; line-height: 30px; color: #717d90; padding-bottom: 50px; }

.newsList { position: relative; padding-top: 30px; height: 150px; overflow: hidden; padding-bottom: 30px; border-bottom: solid 1px #DCE2EA; }

.newsList .newsImg { width: 200px; height: 150px; float: left; }

.newsList .newsImg img { width: 100%; height: 100%;}

.newsList .newsWrap { margin-left: 235px; }

.newsList .newsWrap span { font-size: 12px; color: #717D90; }

.newsList .newsWrap h5 { font-size: 22px; color: #000; padding-top: 16px; padding-bottom: 30px; }

.newsList .newsWrap p { font-size: 14px; line-height: 24px; color: #717D90; padding-bottom: 30px; }

.newsList:hover h5 { color: #004E9E; }

.newsDetail { position: relative; width: 100%; }

.newsDetail .newsDetail-tit { position: relative; text-align: center; padding-bottom: 35px; border-bottom: solid 1px #DCE2EA; margin-bottom: 48px; }

.newsDetail .newsDetail-tit h5 { font-size: 26px; color: #000; padding-bottom: 13px; }

.newsDetail .newsDetail-tit span { font-size: 12px; color: #717D90; }

.newsDetail p { font-size: 14px; line-height: 30px; color: #717D90; }

.newsDetail img { max-width: 100%; padding-bottom: 45px; }

.newsDetail .newsNext { width: 100%; position: relative; border: solid 1px #bfccd8; border-radius: 5px; height: 60px; margin-top: 20px; }

.newsDetail .newsNext a { display: block; width: 50%; float: left; height: 60px; line-height: 60px; box-sizing: border-box; background: #ebf4fc; padding-left: 30px; transition: all .5s ease; padding-right: 20px; color: #2d3a47; font-size: 14px; }

.newsDetail .newsNext a span { color: #000; }

.newsDetail .newsNext a img { float: right; margin-top: 22px; right: 0; }

.newsDetail .newsNext a:first-child { border-right: solid 1px #bfccd8; }

.newsDetail .newsNext a:hover { background: #fbfdff; }

.recruitWrap { position: relative; width: 100%; }

.recruitHead { width: 100%; padding-left: 18px; box-sizing: border-box; position: relative; padding-bottom: 40px; border-bottom: solid 1px #cfdbe5; }

.recruitHead h6 { float: left; width: 177px; font-size: 14px; color: #333333; font-weight: bold; }

.recruitHead h6:first-child { width: 265px; }

.recruitTit { position: relative; width: 100%; height: 60px; line-height: 60px; padding-left: 18px; border-bottom: dashed 1px #e3e3e3; box-sizing: border-box; }

.recruitTit h5 { float: left; height: 60px; line-height: 60px; width: 175px; font-size: 14px; color: #333333; }

.recruitTit h5:first-child { width: 265px; }

.recruitTit i { cursor: pointer; }

.recruitTit i img { vertical-align: middle; }

.recruitTit i.on img { transform: rotate(180deg); }

.recruitText { display: none; position: relative; width: 100%; background: #f3f7fb; padding: 10px 52px 40px 53px; box-sizing: border-box; }

.recruitText h4 { border-radius: 4px; background: #0191da; color: #fff; font-size: 14px; margin-top: 30px; line-height: 23px; height: 23px; text-align: center; margin-bottom: 20px; width: 76px; }

.recruitText p { font-size: 14px; line-height: 30px; color: #717d90; }

.recruitText .links { width: 680px; height: 45px; display: block; position: relative; line-height: 45px; padding-left: 30px; background: #d2dfeb; color: #2d3a47; border-radius: 4px; margin-top: 30px; border: solid 1px #bfccd8; }

.recruitList:last-child .recruitText { display: block; }

.sideRight.honors { margin-bottom: 40px; }

.honorsWrap { position: relative; width: 100%; }

.honorsWrap h5 { font-size: 26px; color: #56657c; font-weight: bold; padding-bottom: 10px; }

.honorsWrap h6 { font-size: 29px; color: #56657c; font-weight: bold; padding-bottom: 30px; }

.honorsWrap p { font-size: 14px; line-height: 30px; color: #717d90; }

.honorsWrap .quality { position: relative; padding-bottom: 50px; border-bottom: solid 1px #ebebeb; }

.honorsWrap .quality img { width: 464px; float: left; margin-right: 30px; margin-bottom: 20px; }

.honorsWrap .labor { position: relative; padding-top: 64px; }

.honorsWrap .labor img { float: right; width: 422px; margin-left: 47px; margin-bottom: 20px; }

.product-center { position: relative; width: 100%; }

.productList { position: relative; width: 253px; float: left; text-align: center; margin-right: 30px; }

.productList img { width: 253px; height: 204px; }

.productList h5 { width: 100%; height: 30px; line-height: 30px; background: #0064b3; font-size: 15px; margin-bottom: 20px; margin-top: 30px; }

.productList h5 a { color: #f2f9ff; }

.productList p > a { font-size: 13px; line-height: 27px; color: #595959; }

.productList p > a:hover { color: #0064b3; }

.productList:nth-child(3n) { margin-right: 0; }

.sideRight.pro-det { padding: 20px 70px 70px 70px; }

.productDetail { position: relative; }

.productDetail h4 { width: 100%; height: 40px; font-size: 17px; color: #56657c; }

.productDetail .pro-text { padding-top: 40px; width: 100%; border-top: solid 1px #e8e8e8; }

.productDetail .pro-text > img { width: 230px; height: 220px; float: left; }

.productDetail .pro-text-info { position: relative; margin-left: 260px; min-height: 235px; }

.productDetail .pro-text-info h6 { font-size: 16px;display:inline-block; height: 30px; line-height: 30px; padding-left: 12px; padding-right: 12px; margin-bottom: 12px; color: #f2f9ff; background: #0064b3; }

.productDetail .pro-text-info p { font-size: 13px; line-height: 27px; color: #595959; }

.productDetail .pro-text-info a { display: block; padding-top: 20px; color: #0064b3; }

.productDetail .pro-text-info a img { margin-left: 10px; margin-top: 3px; transition: all .5s ease; transform: translateY(0); }

.productDetail .pro-text-info a:hover img { transform: translateY(5px); }

.sideRight.indus { padding: 60px 53px 128px 70px; }

.industryWrap { position: relative; width: 100%; }

.industryWrap .industry-text { float: left; width: 390px; position: relative; }

.industryWrap .industryRightimg { width: 405px; height: 360px; float: right; margin-bottom: 20px; }

.industryWrap h5 { font-size: 26px; color: #56657c; font-weight: bold; padding-bottom: 10px; }

.industryWrap h6 { font-size: 29px; color: #56657c; font-weight: bold; padding-bottom: 30px; }

.industryWrap p { font-size: 15px; line-height: 36px; color: #717d90; }

.techText { position: relative; }

.techText img { width: 420px; height: 342px; float: left; margin-right: 55px; margin-bottom: 20px; }

.techText .techDat { position: relative; margin-left: 475px; }

.techText .techDat h5 { font-size: 26px; color: #56657c; font-weight: bold; padding-bottom: 10px; }

.techText .techDat h6 { font-size: 29px; color: #56657c; font-weight: bold; padding-bottom: 30px; }

.techText .techDat p { font-size: 14px; line-height: 30px; color: #717d90; }

.techText .techDat a { display: block; position: relative; width: 110px; height: 30px; border-radius: 4px; background: #2498e9; line-height: 30px; padding-left: 30px; color: #fff; margin-top: 20px; }

.techText .techDat a img { width: 12px; float: right; height: 12px; margin-right: 15px; margin-top: 9px; transition: all .5s ease; transform: translateY(-1px); }

.techText .techDat a:hover img { transform: translateY(5px); }


/*新增*/
.sideWrap .wp1200 .position  a + a:before { -ms-transform: translate(0, -50%); transform: translate(0, -50%); content: " > ";  }
.productDetail .pro-text-info a{width:87px;}
.productDetail .pro-text-info{margin-bottom: 20px}
/*修改*/
.sideRight.text img { max-width: 100%; margin: 0 auto; padding-bottom: 10px; }
.sideRight.text p { font-size: 14px; line-height: 30px; color: #717d90; padding-bottom: 40px; }
.newsDetail p { font-size: 14px; line-height: 30px; color: #717D90; }
.newsDetail img { max-width: 100%; padding-bottom: 20px; }
.industryWrap img{height:auto;max-width: 100%;}