/*黄老师于2023-04-27修改：去掉商用字体，直接不要字体，调用默认字体*/

@charset "utf-8"; body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img{ margin: 0; padding: 0}
ul, li, ol, dl, dt, dd{ list-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
table{ border-collapse: collapse; border-spacing: 0}
audio, canvas, video{ display: inline-block; *display: inline; *zoom: 1;}
fieldset, img{ border: 0}
caption, th{ text-align: left}
q:before, q:after{ content: ''}
abbr, acronym{ border: 0; font-variant: normal}
sup{ vertical-align: text-top}
sub{ vertical-align: text-bottom}
input, textarea, select{ font-size: inherit; font-weight: inherit}
input, textarea, select{ *font-size: 100%}
@media screen and (max-width: 767px){ input[type="button"], input[type="submit"], input[type="reset"], textarea, select{ -webkit-appearance: none; -webkit-tap-highlight-color: transparent;}
  }
a{ text-decoration: none; color: #666; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;}
a:hover{ text-decoration: none; cursor: pointer;}
html, body{ color: #666; width: 100%; overflow-x: hidden; overflow-y: auto;}
*{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent}
img{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}
body{ position: relative; overflow-x: hidden; min-width: 320px;}
.clear{ clear: both;}
.mt2{ margin-top: 2% !important;}
.mb2{ margin-bottom: 2% !important;}
.pt2{ padding-top: 2% !important;}
.pb2{ padding-bottom: 2% !important;}
.mt0{ margin-top: 0% !important;}
.mb0{ margin-bottom: 0% !important;}
.pt0{ padding-top: 0% !important;}
.pb0{ padding-bottom: 0% !important;}
.after:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.wrapper1440{ max-width: 1440px; margin: 0 auto; position: relative;}
.wrapper1200{ max-width: 1200px; margin: 0 auto; position: relative;}
@media only screen and (max-width:1440px){ .wrapper1440{ width: 100%; padding: 0 15px;}
  }
@media only screen and (max-width:1199px){ .wrapper1200{ width: 100%; padding: 0 15px;}
  }
.PubTopOut{ position: relative;}
.pubTop{ height: 100px; overflow: hidden;}
.pubTop .logo{ float: left; margin-top: 10px; height: 75px;}
.pubTop .logo img{ display: block; height: 100%; width: auto;}
.pubTop .right{ float: right; position: relative; padding-right: 245px;}
.pubTop .right a{ display: inline-block; font-size: 20px; color: #666666; float: right; display: block; margin-right: 15px; padding-left: 30px; height: 100px; line-height: 100px;}
.pubTop .right a.chBtn{ background: url(../images/btn_china.png) no-repeat left center;}
.pubTop .right a.enBtn{ background: url(../images/btn_en.png) no-repeat left center;}
.pubTop .right a.on{ color: #0e5ea7;}
.searchBox{ position: absolute; height: 45px; background: #f5f5f5; border-radius: 22px; right: 0; top: 50%; margin-top: -22px; overflow: hidden; font-size: 0;}
.searchBox input[type=text]{ width: 185px; border: none; height: 45px; background: none; outline: none; font-size: 14px; color: #bbbbbb; padding-left: 20px;}
.searchBox .search_btn{ width: 20px; height: 45px; background: url(../images/btn_search.png) no-repeat center; border: none; text-indent: -99999px; outline: none; margin-right: 22px; vertical-align: top;}
.pubNav{ position: relative; width: 100%; background: #084896; font-size: 16px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.pubNav li a{ color: #fff; display: inline-block; padding: 0 10px; height: 1.5em; line-height: 1.5em; width: 100%;}
.pubNav li>a{ border-left: 1px solid #4b8ed8;}
.pubNav li{ float: left; width: 11.11%; position: relative; text-align: center; height: 45px; line-height: 45px;}
.pubNav li:first-child a{ border: none;}
.pubNav dl{ position: absolute; width: 100%; background: rgba(8, 72, 150, 0.6); filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#66084896, endcolorstr=#66084896); left: 0; top: 110%; z-index: 10; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; visibility: hidden; visibility: visible\9; display: none\9;}
.pubNav dl dd{ border-top: 1px solid #094d9b;}
.pubNav ul li:hover dl{ top: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; display: block\9;}
.navMenu{ position: absolute; right: 0; margin: 0; height: 60px; width: 60px; z-index: 123456; display: none;}
.navMenu:after, .navMenu:before{ content: ""; width: 30px; height: 2px; background: #084896; position: absolute; right: 50%; top: 23px; margin: 0 -15px 0 0; -webkit-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;}
.navMenu:after{ top: auto; bottom: 23px;}
.navMenu.on:before{ top: 48%; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); background: #fff;}
.navMenu.on:after{ bottom: 50%; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); background: #fff;}
@media only screen and (max-width:1199px){ .pubNav ul dl{ display: block; opacity: 1; position: initial; background: none; filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00084896, endcolorstr=#00084896); visibility: visible;}
  .pubNav ul li{ height: auto; text-align: left; line-height: 40px;}
  .pubNav dl{ font-size: 0;}
  .pubNav dl dd{ border: none; font-size: 14px; display: inline-block; height: 25px; line-height: 25px; background: rgba(255, 255, 255, 0.3); margin-right: 2px;}
  .pubNav ul li:hover dl{ display: block;}
  .pubTop{ height: 60px; line-height: 60px;}
  .pubTop .logo{ height: 40px;}
  .pubTop .right a{ height: 60px; line-height: 60px;}
  .searchBox{ height: 35px; line-height: 35px; border-radius: 17.5px; margin-top: -17.5px;}
  .searchBox input[type=text]{ height: 35px; line-height: 35px;}
  .searchBox .search_btn{ height: 35px;}
  .pubNav{ position: absolute; top: 0; right: 0;}
  .pubTop .right{ margin-right: 50px;}
  .navMenu{ display: block; z-index: 22;}
  .pubNav ul li{ float: none; background: none; width: 100%;}
  .pubNav{ width: 60px; height: 60px; position: absolute; top: 0; right: 0; background: none;}
  .pubNav ul{ z-index: 21; padding: 20px 0; width: 300px; position: fixed; max-height: 100%; overflow-y: auto; right: 0; top: 0; background: rgba(0, 0, 0, 0.8); filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#80000000, endcolorstr=#80000000); transform: translateX(300px); -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -ms-transform: translateX(300px); -o-transform: translateX(300px); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
  .pubNav ul{ padding: 20px 30px; overflow-y: auto;}
  .pubNav ul.slider{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);}
  .pubNav ul li a:hover{ color: #084896;}
  }

/*手机*/

@media only screen and (max-width:767px){ .pubTop .right{ padding-right: 80px; width: auto;}
  .searchBox{ width: auto; display: none;}
  .searchBox input[type=text]{ width: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
  .searchBox.on input[type=text]{ width: 150px;}
  .pubTop .logo{ height: 45px; margin-top: 7px;}
  .pubTop .right{ padding-right: 0; margin-right: 40px;}
  .pubTop .right a{ padding: 0;}
  .pubTop .right a.enBtn, .pubTop .right a.chBtn{ background: none; font-size: 16px;}
  .PubTopOut{ position: fixed; width: 100%; height: 60px; top: 0; left: 0; z-index: 22; background: #fff;}
  .index_banner{ margin-top: 60px;}
  }

/*banner*/

.index_banner{ width: 100%; padding-top: 36.5%; position: relative;}
.index_banner .swiper-container{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.index_banner .swiper-container .swiper-slide{ width: 100%; position: relative; height: 100%; overflow: hidden;}
.index_banner img{ display: block; width: auto; height: 100%; margin: 0 auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.index_banner .pagination{ position: absolute; bottom: 2%; width: 100%; text-align: center; z-index: 3;}
.index_banner .pagination span{ display: inline-block; width: 40px; height: 4px; background: rgba(255, 255, 255, 0.3); margin: 0 4px; filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#30ffffff, endcolorstr=#30ffffff);}
.index_banner .pagination span.swiper-active-switch{ background: #fff; filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00ffffff, endcolorstr=#00ffffff);}
.index_one{ width: 100%; position: relative; padding-top: 39%; overflow: hidden; background: #f7f7f7;}
.index_one>div{ position: absolute; width: 50%; height: 100%; top: 0; left: 0; right: 0;}
.index_one .left>img{ width: 100%; height: 78%; display: block;}
.index_one .bottom{ width: 100%; height: 22%; position: relative;}
.index_one .bottom ul{ height: 100%; width: 100%; background: #6b9fc3;}
.index_one .bottom li{ float: left; width: 33.33%; height: 100%; display: table; table-layout: fixed; text-align: center; border-left: 1px solid #fff; cursor: pointer;}
.index_one .bottom li:first-child{ border: none;}
.index_one .bottom li .in{ display: table-cell; vertical-align: middle; color: #fff;}
.index_one .bottom li.li1{ background: #548ebd;}
.index_one .bottom li.li2{ background: #6196c1;}
.index_one .bottom li.li3{ background: #6b9fc3;}
.index_one .bottom li .in i{ display: inline-block; width: 80px; height: 80px; background: url(../images/icon1.png) no-repeat; vertical-align: top; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.index_one .bottom li.li1 .in i{ background-position: 0 0;}
.index_one .bottom li.li2 .in i{ background-position: 0 -80px;}
.index_one .bottom li.li3 .in i{ background-position: 0 -160px;}
.index_one .bottom li .in h2{ display: inline-block; text-align: left; padding-left: 5px; font-weight: normal; font-size: 26px; line-height: 1.5em;}
.index_one .bottom li:hover i{ transform: translateX(-10px); -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px);}
.index_one .bottom li .in h2 p{ font-size: 16px; position: relative; margin-bottom: 5px;}
.index_one .bottom li .in h2 p:after{ content: ''; position: absolute; width: 1.5em; height: 1px; background: #fff; bottom: 0; left: 0;}
.index_one .right{ right: 0; left: auto; padding: 3% 5% 3% 3%; background: url(../images/a1.png) no-repeat right bottom;}
.index_one .right>h2{ color: #b4d6fc; font-size: 42px; font-weight: normal; text-transform: uppercase; line-height: 1.5em; margin-bottom: 5%;}
.index_one .right>h2 p{ display: inline-block; position: relative;}
.index_one .right>h2 p:after{ content: ''; position: absolute; width: 0.8em; height: 2px; background: #27adfe; bottom: 0; left: 0;}
.index_one .right>h2 span{ color: #0b5dab; font-size: 24px; padding-left: 15px; display: inline-block; line-height: 1.5em; vertical-align: middle;}
.index_one .right .word{ font-size: 16px; color: #666; line-height: 2em; height: 12em; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box;
  /*将对象作为弹性伸缩盒子模型显示*/
  -webkit-line-clamp: 6;
  /*限制显示的文本行数*/
  -webkit-box-orient: vertical;
  /*设置或检索伸缩盒对象的子元素的排列方式 */
  padding-right: 5px;}
.index_one .right .list{ padding: 8% 0;}
.index_one .right .list li{ float: left; width: 25%;}
.index_one .right .list li a{ display: block; text-align: center;}
.index_one .right .list i{ display: block; width: 110px; height: 110px; border: 1px solid #27adfe; border-radius: 50%; margin: 0 auto; padding: 25px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; background-size: 100%; background: #f7f7f7;}
.index_one .right .list i em{ display: block; width: 60px; height: 60px; background: url(../images/icon2.png) no-repeat; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.index_one .right .list i.i1 em{ background-position: 0 0;}
.index_one .right .list i.i2 em{ background-position: 0 -60px;}
.index_one .right .list i.i3 em{ background-position: 0 -120px;}
.index_one .right .list i.i4 em{ background-position: 0 -180px;}
.index_one .right .list li:hover i{ background: url(../images/a2.png) no-repeat center; border: none; background-size: 100%;}
.index_one .right .list li:hover i.i1 em{ background-position: -60px 0;}
.index_one .right .list li:hover i.i2 em{ background-position: -60px -60px;}
.index_one .right .list li:hover i.i3 em{ background-position: -60px -120px;}
.index_one .right .list li:hover i.i4 em{ background-position: -60px -180px;}
.index_one .right .list p{ font-size: 18px; color: #333; line-height: 2em; margin-top: 10px;}
.index_one .moreBtn{ position: absolute; bottom: 8%; background: #f7f7f7;}
.moreBtn{ width: 216px; height: 60px; line-height: 60px; display: block; border-radius: 30px; color: #999999; font-size: 18px; border: 1px solid #d4d4d4; box-shadow: 0 5px 5px rgba(212, 212, 212, 0.3); text-align: center; margin: 0 auto;}
.moreBtn>i{ display: inline-block; width: 25px; height: 17px; vertical-align: middle; margin-left: 37px; background: url(../images/icon3.png) no-repeat center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.moreBtn:hover{ border: 1px solid #b8dfff; color: #219bfe;}
.moreBtn:hover i{ transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); background: url(../images/icon4.png) no-repeat center;}
@media only screen and (max-width:1680px){ .moreBtn{ height: 40px; line-height: 40px; width: 180px;}
  .index_one .right .list{ padding: 5% 0;}
  .index_one .right{ padding: 2% 4% 2% 2%;}
  .index_one .right .list i{ width: 100px; height: 100px; padding: 20px;}
  }
@media only screen and (max-width:1440px){ .index_one .bottom li .in h2{ font-size: 20px;}
  .index_one .bottom li .in h2 p{ font-size: 14px;}
  .index_one .bottom li .in i{ width: 40px; height: 40px; background: url(../images/icon1.png) no-repeat; background-size: 40px 120px;}
  .index_one .bottom li.li1 .in i{ background-position: 0 0;}
  .index_one .bottom li.li2 .in i{ background-position: 0 -40px;}
  .index_one .bottom li.li3 .in i{ background-position: 0 -80px;}
  .index_one .right .list i{ width: 80px; height: 80px; padding: 10px;}
  .moreBtn{ width: 180px;}
  .index_one .right>h2{ font-size: 36px;}
  }
@media only screen and (max-width:1360px){ .index_one .right .list p{ font-size: 16px;}
  .moreBtn{ width: 180px;}
  .index_one .right .word{ font-size: 14px; color: #666; line-height: 2em; height: 8em; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
  }
@media only screen and (max-width:1200px){ .index_one .bottom li .in h2{ font-size: 18px;}
  .index_one{ padding: 0;}
  .index_one>div{ position: inherit; width: 100%;}
  .index_one .left>img{ width: 100%; height: auto;}
  .index_one .bottom li .in{ padding: 20px 0;}
  .index_one .moreBtn{ position: static; margin-bottom: 20px;}
  .index_one .right>h2 span{ font-size: 20px;}
  .index_one .right>h2{ font-size: 30px;}
  .index_banner{ width: 100%; padding-top: 45%; position: relative;}
  }
@media only screen and (max-width:767px){ .index_one .bottom li .in i{ display: block; margin: 0 auto;}
  .index_one .right .list i{ width: 60px; height: 60px; padding: 15px;}
  .index_one .right .list i em{ width: 30px; height: 30px; background-size: 60px 120px;}
  .index_one .right{ background-size: 50% auto;}
  .index_one .right .list i.i1 em{ background-position: 0 0;}
  .index_one .right .list i.i2 em{ background-position: 0 -30px;}
  .index_one .right .list i.i3 em{ background-position: 0 -60px;}
  .index_one .right .list i.i4 em{ background-position: 0 -90px;}
  .moreBtn{ font-size: 14px; width: 150px;}
  .index_one .right .list li:hover i.i1 em{ background-position: -30px 0;}
  .index_one .right .list li:hover i.i2 em{ background-position: -30px -30px;}
  .index_one .right .list li:hover i.i3 em{ background-position: -30px -60px;}
  .index_one .right .list li:hover i.i4 em{ background-position: -30px -90px;}
  .index_banner{ width: 100%; padding-top: 50%; position: relative;}
  .index_one .left>img{ display: none;}
  .index_one .bottom li .in h2 p{ font-size: 12px;}
  .index_one .right .list p{ font-size: 14px;}
  }
.inPubtit{ font-weight: normal; color: #0b5dab; font-size: 30px; text-align: center; line-height: 1.5em;}
.inPubtit>p{ text-transform: uppercase; font-size: 16px; color: #bbbbbb;}

/*产品*/

.index_two{ width: 100%; padding: 4% 0;}
.index_two .wrapper1440{ padding: 0 90px;}
.index_two .swiperOut{ max-width: 1260px; position: relative; padding-top: 30.587%; margin: 5% auto;}
.index_two .swiperOut .swiper-containerb{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.index_two .swiper-slide{ transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.index_two .swiper-slide a{ display: block; width: 100%; height: 100%;}
.index_two .swiper-slide .in{ background: #f3f4f3; width: 94%; height: 94%; margin: 1% auto 5%; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); font-size: 20px; position: relative; overflow: hidden;}
.index_two .in .img{ width: 100%; height: 75%; text-align: center; display: table; table-layout: fixed; overflow: hidden; position: relative;}
.index_two .in .img p{ width: 100%; height: 12.6em; display: table-cell; vertical-align: middle;}
.index_two .swiperOut .paginationb{ position: absolute; width: 100%; left: 0; text-align: center; bottom: -10px; display: none;}
.index_two .swiperOut .paginationb span{ display: inline-block; width: 10px; height: 10px; border: 1px solid #ccc; border-radius: 50%; margin: 0 2px;}
.index_two .swiperOut .paginationb span.swiper-active-switch{ background: #066DCC; border: none;}
.index_two .in .img img{ max-width: 90%; max-height: 90%; width: auto; height: auto;}
.index_two .in .word{ height: 30%; width: auto; background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; display: table;}
.index_two .in .word p{ display: table-cell; vertical-align: middle; width: 100%; color: #0b5dab; font-size: 20px;}
.index_two .in .word span{ display: block; font-size: 14px; color: #999999; line-height: 2em;}
.arrow-left, .arrow-right{ display: block; position: absolute; width: 40px; height: 80px; background-color: #cccccc; background-repeat: no-repeat; background-position: center center; top: 35%; margin-top: -40px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.arrow-left{ left: 0; background-image: url(../images/icon5.png);}
.arrow-right{ right: 0; background-image: url(../images/icon6.png);}
.arrow-left:hover, .arrow-right:hover{ background-color: #219bfe;}
.index_two .swiper-slide .word1{ display: table; position: absolute; width: 100%; height: 100%; bottom: 0; background: url(../images/a4.png) no-repeat center; background-size: cover; -webkit-background-size: cover; visibility: visible; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; text-align: center; opacity: 0; fill: alpha(opacity=0); transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%);}
.index_two .swiper-slide .word1 ul{ display: table-cell; vertical-align: middle; padding: 2% 8%;}
.index_two .swiper-slide .word1 li{ padding-left: 5.5em; position: relative; font-size: 14px; color: #fff; line-height: 1.5em; margin-bottom: 0.5em;}
.index_two .swiper-slide .word1 li span{ position: absolute; top: 0; left: 0; display: block;}
.index_two .swiper-slide .word1 p{ height: 1.5em; text-align: left; display: block;}
.index_two .swiper-slide .word .xiazaiBtn{ display: block; height: 30px; line-height: 30px; text-align: center; width: 120px; font-size: 14px; color: #0c549d; background: #0c549d; color: #fff; margin: 8% auto 0;}
.index_two .swiper-slide:hover{ transform: scale(1.02) translateY(-5px); -webkit-transform: scale(1.02) translateY(-5px); -moz-transform: scale(1.02) translateY(-5px); -ms-transform: scale(1.02) translateY(-5px);}
.index_two .swiper-slide:hover .word1{ opacity: 1; fill: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
@media only screen and (max-width:1440px){ .index_two .swiper-slide .in{ font-size: 18px;}
  }
@media only screen and (max-width:1340px){ .index_two .swiper-slide .in{ font-size: 16px;}
  }
@media only screen and (max-width:1199px){ .index_two .swiper-slide .in{ font-size: 14px;}
  .index_two .in .word{ height: 25%;}
  .index_two .wrapper1440{ padding: 0 60px;}
  .index_two .swiper-slide .word1{ opacity: 1; fill: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
  }
@media only screen and (max-width:1024px){ .index_two .swiper-slide .in{ font-size: 12px;}
  .index_two .wrapper1440{ padding: 0 40px;}
  .index_two .swiper-slide .in{ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
  .arrow-left, .arrow-right{ display: none;}
  .index_two .swiper-slide:hover i{ opacity: 0; filter: alpha(opacity=0);}
  .index_two .swiper-slide:hover i em{ opacity: 0; filter: alpha(opacity=0);}
  .index_two .swiper-slide:hover .word{ border-bottom: 1px solid #219bfe;}
  .index_two .swiper-slide:hover{ transform: scale(1) translateY(0); -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0);}
  }
@media only screen and (max-width:1023px){ .index_two .swiperOut{ padding-top: 40.587%;}
  }
@media only screen and (max-width:767px){ .index_two .wrapper1440{ padding: 0 15px;}
  .index_two .swiperOut{ padding: 0; padding-top: 80.587%;}
  .index_two .swiperOut .paginationb{ display: block;}
  }
.index_three{ width: 100%; padding: 4% 0; background: url(../images/b3.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover;}
.index_three .wrapper1440{ padding-top: 4%;}
.index_three .inPubtit{ color: #fff;}
.index_three .inPubtit>p{ color: #f7f7f7;}
.index_four{ width: 100%; padding: 4% 0; background: #f6f6f6;}
.newsNav{ text-align: center; margin: 4% 0;}
.newsNav li{ display: inline-block; width: 165px; height: 45px; line-height: 45px; border-radius: 20px; background: #f0f0f0; color: #666666; margin: 0 50px; font-size: 16px; cursor: pointer;}
.newsNav li a{ color: #666666;}
.newsNav li.on a{ color: #fff;}
.newsBox{ margin-bottom: 4%;}
.newsBox .list{ display: none;}
.newsBox .list:first-child{ display: block;}
.newsNav li.on{ background: #0951a0; color: #fff;}
.picNews li{ float: left; width: 47.2%; margin-left: 5.4%; padding-top: 14.632%; position: relative; margin-bottom: 2%;}
.picNews li:first-child{ margin-left: 0;}
.picNews .box{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding-left: 43.5%;}
.picNews .box>img{ width: 43.5%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
.picNews .box .word{ padding: 6%; padding-right: 15%; width: 100%; height: 100%; background: #fff; box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.1); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.picNews .word h2{ font-size: 16px; color: #333333; font-weight: normal; line-height: 1.8em; margin-bottom: 2%; height: 3.6em; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box;
  /*将对象作为弹性伸缩盒子模型显示*/
  -webkit-line-clamp: 2;
  /*限制显示的文本行数*/
  -webkit-box-orient: vertical;
  /*设置或检索伸缩盒对象的子元素的排列方式 */
  }
.picNews .word p{ font-size: 14px; color: #999999; line-height: 1.8em; margin: 3% 0; height: 3.6em; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box;
  /*将对象作为弹性伸缩盒子模型显示*/
  -webkit-line-clamp: 2;
  /*限制显示的文本行数*/
  -webkit-box-orient: vertical;
  /*设置或检索伸缩盒对象的子元素的排列方式 */
  }
.picNews .word span, .wordNews .word span{ font-size: 12px; color: #cccccc; display: block; line-height: 1.5em;}
.picNews li:hover .word h2, .wordNews li:hover .word h2{ color: #0951a0;}
.picNews li:hover .word, .wordNews li:hover{ box-shadow: 2px 5px 20px rgba(9, 81, 160, 0.3);}
.wordNews li{ float: left; width: 32.33%; margin-left: 1.5%; background: #fff; padding: 1.5%; padding-right: 3%; box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.1); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.wordNews li:first-child{ margin: 0;}
.wordNews .word h2{ font-size: 16px; color: #333333; font-weight: normal; line-height: 1.8em; margin-bottom: 2%; height: 1.8em; width: 100%; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.wordNews .word p{ font-size: 14px; color: #999999; line-height: 1.8em; margin: 3% 0; height: 5.4em; width: 100%; text-align: justify; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box;
  /*将对象作为弹性伸缩盒子模型显示*/
  -webkit-line-clamp: 3;
  /*限制显示的文本行数*/
  -webkit-box-orient: vertical;
  /*设置或检索伸缩盒对象的子元素的排列方式 */
  }
@media only screen and (max-width:1440px){ .picNews .word h2{ line-height: 1.8em; height: 1.8em; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box;
    /*将对象作为弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 1;
    /*限制显示的文本行数*/
    -webkit-box-orient: vertical;
    /*设置或检索伸缩盒对象的子元素的排列方式 */
    }
  }
@media only screen and (max-width:1200px){ .inPubtit{ font-size: 24px;}
  .newsNav li{ width: 130px; margin: 0 10px;}
  .picNews .box .word{ padding-right: 8%;}
  .picNews .word p{ margin: 1% 0;}
  }
@media only screen and (max-width:1024px){ .picNews li{ width: 100%; padding-top: 30.8%; margin-left: 0;}
  .picNews .word h2{ margin-bottom: 2%; -webkit-line-clamp: 2;
    /*限制显示的文本行数*/
    }
  .wordNews li{ width: 100%; margin-left: 0; margin-bottom: 2%; padding: 10px;}
  .wordNews li:first-child{ margin-bottom: 2%;}
  }
@media only screen and (max-width:767px){ .inPubtit{ font-size: 20px;}
  .inPubtit>p{ font-size: 14px;}
  .newsNav li{ width: auto; padding: 0 10px; height: 35px; line-height: 35px; margin: 0 1px; font-size: 14px;}
  .picNews .box .word{ padding: 10px;}
  .picNews .word h2, .wordNews .word h2{ font-size: 14px; margin: 0;}
  .wordNews .word p, .picNews .word p{ margin: 0;}
  .picNews .word p{ font-size: 14px; color: #999999; line-height: 1.8em; height: 1.8em; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: block; -webkit-line-clamp: inherit; -webkit-box-orient: vertical;}
  }
.index_five{ width: 100%; padding: 3% 0; background: #0c549d; position: relative;}
.index_five li{ float: left; width: 14.2857%; height: 90px; text-align: center; padding: 10px; display: table; table-layout: fixed; overflow: hidden;}
.index_five li div{ max-width: 100%; max-height: 100%; height: 90px; display: table-cell; vertical-align: middle;}
.index_five li div img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
.index_five .lianxiBox{ display: table; width: 100%; margin-top: 20px;}
.index_five .lianxiBox p{ display: table-cell; color: #fff; font-size: 22px;}
.index_five .lianxiBox .p3{ text-align: right;}
.index_five .lianxiBox .p2{ text-align: right;}
.index_five .lianxiBox p i{ display: inline-block; width: 40px; height: 40px; vertical-align: middle; background: url(../images/icon8.png) no-repeat;}
.index_five .lianxiBox p.p1 i{ background-position: 0 0;}
.index_five .lianxiBox p.p2 i{ background-position: 0 -40px;}
.index_five .lianxiBox p.p3 i{ background-position: 0 -80px;}
.index_five .qqzixun{ display: block; width: 150px; height: 48px; border-radius: 4px; border: 1px solid #80a4c8; margin: 2% auto; text-align: center; line-height: 48px; color: #fff; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.index_five .qqzixun i{ display: inline-block; width: 22px; height: 23px; background: url(../images/icon9.png) no-repeat center; vertical-align: middle; margin-right: 5px;}
.index_five .qqzixun:hover{ box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px);}
.backTop{ display: block; position: absolute; left: 50%; bottom: -32px; margin-left: -32.5px; width: 65px; height: 65px; background: url(../images/icon10.png); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.backTop:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px);}
@media only screen and (max-width:1440px){ .index_five .lianxiBox p{ font-size: 20px;}
  }
@media only screen and (max-width:1200px){ .index_five .lianxiBox p{ font-size: 16px;}
  }
@media only screen and (max-width:1024px){ .index_five li{ width: 20%; height: 70px;}
  .index_five li div{ height: 70px;}
  .index_five .lianxiBox{ display: block;}
  .index_five .lianxiBox p{ display: block; text-align: left; line-height: 2em; padding: 5px 0; width: 100% !important;}
  .index_five .lianxiBox p i{ background-size: 30px; width: 30px; height: 30px;}
  .index_five .lianxiBox .p2, .index_five .lianxiBox .p3{ text-align: left;}
  .index_five .lianxiBox p.p1 i{ background-position: 0 0;}
  .index_five .lianxiBox p.p2 i{ background-position: 0 -30px;}
  .index_five .lianxiBox p.p3 i{ background-position: 0 -60px;}
  }
@media only screen and (max-width:767px){ .index_five li{ width: 25%; height: 50px;}
  .index_five li div{ width: 100%; height: 50px;}
  .index_five .qqzixun{ margin: 2% auto 7%;}
  .backTop{ display: block; position: absolute; left: 50%; bottom: -5px; margin-left: -15px; width: 30px; height: 28px; background: url(../images/icon10.png); background-size: cover; -webkit-background-size: cover; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
  }

/*公共底部*/

.pubfooter{ padding-top: 4%; border-top: 1px solid #ececec;}
.pubfooter .top{ position: relative; padding-left: 98px; margin-bottom: 3.5%;}
.pubfooter .top span{ display: block; width: 98px; height: 31px; line-height: 31px; padding-left: 15px; position: absolute; left: 0; top: 0; color: #fff; font-size: 16px; background: url(../images/a8.png) no-repeat center;}
.pubfooter .top a{ font-size: 16px; color: #666; line-height: 31px; padding: 0 12px;}
.pubfooter .top a:hover{ color: #066dcc;}
.pubfooter .center{ padding-right: 230px; position: relative; padding-bottom: 2%;}
.pubfooter .center dl{ float: left; width: 12.5%; text-align: left;}
.pubfooter .center dl dt a{ color: #666666; font-size: 18px; line-height: 2.5em; margin-bottom: 10px; border-bottom: 1px solid #ececec; position: relative;}
.pubfooter .center dl dt a:before{ content: ''; width: 1.2em; height: 2px; position: absolute; bottom: 0; left: 0; background: #0951a0;}
.pubfooter .center dl a{ display: inline-block; color: #999999; font-size: 14px; line-height: 2em;}
.pubfooter .center dl a:hover{ color: #066dcc;}
.pubfooter .center .right{ position: absolute; right: 75px; top: 0; width: 145px; text-align: center; color: #999; font-size: 16px; line-height: 1.5em;}
.pubfooter .center .right img{ width: 118px; height: 118px;}
.pubfooter .bottom{ background: #092137; height: 40px; line-height: 40px; color: #465566; font-size: 14px; overflow: hidden;}
.pubfooter .bottom .right{ float: right;}
.pubfooter .bottom .right a{ color: #465566;}
.pubfooter .bdsharebuttonbox, .pubfooter .fr{ display: inline-block; vertical-align: middle; padding-left: 20px;}
.bd_weixin_popup{ height: 290px !important;}
.pubfooter .bdshare-button-style2-16 a, .pubfooter .bdshare-button-style2-16 .bds_more{ float: none !important; background-position: 0 0 !important;}
.pubfooter .bdshare-button-style2-16 .bds_sqq{ background: url(../images/icon11.png) no-repeat;}
.pubfooter .bdshare-button-style2-16 .bds_tsina{ background: url(../images/icon12.png) no-repeat;}
.pubfooter .bdshare-button-style2-16 .bds_weixin{ background: url(../images/icon13.png) no-repeat;}
.pubfooter .bdshare-button-style2-16 .bds_bdhome{ background: url(../images/icon14.png) no-repeat;}
@media only screen and (max-width:1200px){ .pubfooter .center dl dt a{ font-size: 16px;}
  }
@media only screen and (max-width:1024px){ .pubfooter .center .left{ display: none;}
  .pubfooter .center{ padding: 0; padding-bottom: 2%;}
  .pubfooter .center .right{ position: initial; width: 100%;}
  .pubfooter .bdsharebuttonbox{ display: none;}
  .pubfooter .top span{ font-size: 14px;}
  .pubfooter .top a{ font-size: 14px;}
  .pubfooter .center .right{ font-size: 14px;}
  }
@media only screen and (max-width:767px){ .pubfooter .center, .pubfooter .top{ display: none;}
  .pubfooter{ padding-top: 0;}
  .pubfooter .bottom{ height: auto; line-height: 2em;}
  .pubfooter .bottom .right{ float: left;}
  }
.newsCenter{ padding-top: 2%;}
.newsCenter .picNews li{ width: 48%; margin: 0 1% 2%;}
.newsCenter .newsBox{ margin: 0;}
.page{ width: 100%; text-align: center; font-size: 14px; margin: 2% auto;}
.page a{ display: inline-block; height: 35px; line-height: 35px; width: 40px; text-align: center; border: 1px solid #e6e6e6; font-size: 14px; margin: 0 3px; color: #666;}
.page a.fanye{ width: 75px;}
.page a:hover, .page a.on{ background: #0c549d; color: #fff;}
.neibanner{ width: 100%; position: relative; padding-top: 17.5%;}
.neibanner .img{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; text-align: center;}
.neibanner .img img{ height: 100%; width: auto;}
.neibanner .word{ position: absolute; background: rgba(0, 0, 0, 0.1); filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000); width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #fff; padding-top: 6v.5%;}
.neibanner .word h2{ font-size: 26px; font-weight: normal; line-height: 2em; letter-spacing: 2px;}
.neibanner .word p{ font-size: 24px; line-height: 2em; text-transform: uppercase; position: relative; padding-bottom: 10px; padding-top: 6.5%;}
.neibanner .word p:before{ content: ''; width: 2em; height: 2px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -1em;}
.nei_nav{ height: 50px; line-height: 50px; font-size: 14px; color: #666666; border-bottom: 1px solid #eeeeee;}
.nei_nav a{ color: #666666;}
.nei_nav a:hover{ color: #066DCC;}
.xq_content{ padding: 4% 0;}
.xq_content>h2{ text-align: center; font-size: 24px; color: #333333; font-weight: normal; line-height: 1.5em;}
.xq_content>.share_box{ text-align: center; font-size: 14px; color: #999999; margin: 30px 0; max-width: 1200px; margin: 2% auto;}
.xq_content>.share_box>span{ float: left;}
.xq_content .share_box .right{ float: right;}
.share_box .bdsharebuttonbox{ display: inline-block; vertical-align: middle;}
.xq_content .share_box .bdshare-button-style2-16 a, .share_box .bdshare-button-style2-16 .bds_more{ padding-left: 20px;}
.xq_content .share_box .bds_weixin{ background: url(../images/b05.jpg) no-repeat; background-position: center !important;}
.bianji_word{ font-size: 16px; line-height: 2em; color: #666666; text-align: justify;}
.bianji_word *{ max-width: 100%; height: auto;}
.shitit{ font-size: 25px; color: #333333; font-weight: normal; text-align: center; line-height: 2em; margin-top: 1%;}
.shiimg{ display: block; margin: 0 auto;}
@media only screen and (max-width:1440px){ .xq_content{ padding: 4% 15px;}
  }
@media only screen and (max-width:1024px){ .newsCenter .picNews li{ width: 100%; margin: 0 0 2%;}
  .page{ margin-top: 20px;}
  .page a{ width: 30px; height: 30px; line-height: 30px;}
  .page a.fanye{ width: 60px;}
  .neibanner{ padding-top: 30%;}
  .neibanner .word h2, .neibanner .word p{ font-size: 16px; font-weight: normal; line-height: 2em;}
  .neibanner .word p{ font-size: 14px;}
  .xq_content .share_box .right{ display: none;}
  .xq_content>h2{ font-size: 18px;}
  .shiimg{ width: 70%;}
  .shitit{ font-size: 22px;}
  .neibanner .word{ padding-top: 5%;}
  }
@media only screen and (max-width:767px){ .neibanner{ margin-top: 60px; padding-top: 50%;}
  .nei_nav{
    /*display: none;*/
    }
  .xq_content>h2{ font-size: 16px;}
  .shitit{ font-size: 18px;}
  .neibanner .word p{ font-size: 12px;}
  .neibanner .word{ padding-top: 15%;}
  .page a{ margin: 0;}
  }
.zhaopin_one{ padding: 2% 0; font-size: 0;}
.zhaopin_one ul{ padding: 5% 0; text-align: center;}
.zhaopin_one li{ display: inline-block; vertical-align: top; width: 18.6%; margin: 0 0.7% 2%; font-size: 14px; border: 1px solid #f2f2f2; border-radius: 8px; padding: 0 10px; padding: 20px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.zhaopin_one li:hover{ border: 1px solid #b8cde2; box-shadow: 0 0 10px rgba(12, 84, 157, 0.3);}
.zhaopin_one li img{ max-width: 105px; height: 80px; display: block; margin: 0 auto;}
.zhaopin_one .box h2{ font-weight: normal; font-size: 20px; color: #0c549d; line-height: 2em;}
.zhaopin_one .box p{ font-size: 14px; color: #333333; line-height: 2em;}
.zhaopin_one .box span{ display: block; margin: 0 auto; height: 28px; line-height: 28px; border: 1px solid #a9cde8; text-align: center; width: 90px; margin-top: 10px;}
.zhaopin_two{ padding: 3% 0; background: #f9f9f9;}
.zhaopin_two .word, .zhaop_four .word{ font-size: 14px; color: #666666; line-height: 2em; text-align: justify; padding: 2% 0;}
.zhaop_four .word{ font-size: 16px;}
.zhaopin_two .wrapper1200>div.word{ font-size: 16px;}
.zhaopin_two .team{ position: relative; padding-top: 27.5%; overflow: hidden;}
.zhaopin_two .team img{ position: absolute; top: 0; left: 0; width: 66.66%; display: block;}
.zhaopin_two .team .word{ width: 33.34%; height: 100%; background: #fff; position: absolute; right: 0; top: 0; padding: 2%;}
.zhaopin_two .team .word h2{ font-size: 38px; color: #13abee; font-weight: normal; line-height: 1.5em; text-transform: uppercase;}
.zhaopin_two .team .word h2 p{ font-size: 14px; color: #13abee; opacity: 0.3; filter: alpha(opacity=30); line-height: 1.5em;}
.zhaopin_two .team .word p{ font-size: 14px; color: #999999; line-height: 1.8em;}
.zhaopin_three{ padding: 3% 0;}
.zhaopin_three>.wrapper1200{ padding: 2.5% 0;}
.xinchouBox{ width: 100%; position: relative; padding-top: 40%; background: url(../images/a10.png) no-repeat center; background-size: 100% 100%; -webkit-background-size: 100% 100%;}
.xinchouBox li{ position: absolute; width: 50%; height: 50%;}
.xinchouBox li.li1{ top: -1%; left: 0;}
.xinchouBox li.li2{ top: -1%; right: 0; text-align: right;}
.xinchouBox li.li3{ top: 81%; left: 0;}
.xinchouBox li.li4{ top: 81%; right: 0; text-align: right;}
.xinchouBox .word{ width: 55%; position: absolute; top: 0;}
.xinchouBox li.li2 .word{ right: 0;}
.xinchouBox li.li4 .word{ right: 0;}
.xinchouBox .word h2{ font-size: 20px; color: #333333; font-weight: normal; line-height: 2em; margin-bottom: 1%;}
.xinchouBox .word p{ font-size: 16px; color: #999999; line-height: 2em;}
.xinchouBox .word2{ position: absolute; width: 32%; right: 0; color: #fff; padding-top: 5%;}
.xinchouBox li.li1 .word2{ bottom: 25%;}
.xinchouBox li.li2 .word2{ left: 15%; top: 18%; width: 6em; text-align: center;}
.xinchouBox li.li3 .word2{ right: 10%; top: -32%; width: 6em; text-align: center;}
.xinchouBox li.li4 .word2{ left: 18%; top: -50%; width: 6em; text-align: center;}
.xinchouBox .word2 h2{ font-weight: normal; font-size: 20px;}
.xinchouBox .word2 i{ display: block; width: 50px; height: 50px; background: url(../images/icon15.png) no-repeat;}
.xinchouBox li.li3{ clear: both;}
.xinchouBox li.li1 .word2 i{ background-position: 0 0; margin-left: 1em;}
.xinchouBox li.li2 .word2 i{ background-position: 0 -50px; margin: 0 auto;}
.xinchouBox li.li3 .word2 i{ background-position: 0 -100px; margin: 0 auto;}
.xinchouBox li.li4 .word2 i{ background-position: 0 -150px; margin: 0 auto;}
.xinchouBox .word{ opacity: 0; filter: alpha(opacity=100);}
.xinchouBox li.li1 .word.cur{ animation: fadeInDown 1s forwards;}
.xinchouBox li.li2 .word.cur{ animation: fadeInDown 1s forwards;}
.xinchouBox li.li3 .word.cur{ animation: fadeInDown 1s forwards .5s;}
.xinchouBox li.li4 .word.cur{ animation: fadeInDown 1s forwards .5s;}
@keyframes fadeInDown{ from{ transform: translateY(-100px); opacity: 0;}
  to{ transform: translateY(0); opacity: 1;}
  }
.zhaop_four{ padding: 3% 0; background: #F9F9F9;}
.zhaop_four li{ float: left; text-align: center; width: 25%; padding: 5% 2%;}
.zhaop_four li img{ max-width: 100%; display: block; margin: 0 auto; cursor: pointer;}
.zhaop_four li:hover img{ animation: flip .8s; -webkit-animation: flip .8s;}
@keyframes flip{ from{ transform: rotate3d(0, 1, 0, -180deg); animation-timing-function: ease-out;}
  to{ transform: rotate3d(0, 1, 0, 0deg); animation-timing-function: ease;}
  }
@media only screen and (max-width:1199px){ .zhaopin_two .team{ padding: 0;}
  .zhaopin_two .team img{ position: static; width: 100%;}
  .zhaopin_two .team .word{ width: 100%; height: auto; background: #fff; position: static; padding: 2%;}
  .zhaopin_two .team .word h2{ font-size: 34px;}
  .zhaopin_three>.wrapper1200{ padding: 2.5% 15px;}
  .xinchouBox .word h2, .xinchouBox .word2 h2{ font-size: 18px;}
  .zhaop_four li:hover img{ animation: none; -webkit-animation: none;}
  .xinchouBox .word{ opacity: 1; filter: alpha(opacity=100);}
  }
@media only screen and (max-width:1023px){ .zhaopin_one li{ width: 48%; margin: 0 1% 2%;}
  .zhaopin_two .team .word h2{ font-size: 30px;}
  .xinchouBox{ background: none; position: static; padding: 0;}
  .xinchouBox li{ float: left; width: 50%; position: static; height: auto;}
  .xinchouBox .word{ position: static; width: 90%; text-align: left;}
  .xinchouBox li.li1 .word h2{ color: #ed311f;}
  .xinchouBox li.li2 .word h2{ color: #91c222;}
  .xinchouBox li.li3 .word h2{ color: #f39b20;}
  .xinchouBox li.li4 .word h2{ color: #23a7e3;}
  .xinchouBox li .word2{ display: none;}
  }
@media only screen and (max-width:768px){ .zhaopin_one .box h2{ font-size: 16px;}
  .zhaopin_one li img{ height: 40px;}
  .zhaopin_two .team .word h2{ font-size: 28px;}
  .zhaopin_two .team .word p{ font-size: 14px;}
  }
@media only screen and (max-width:767px){ .zhaop_four li{ width: 50%;}
  }
.zhaopinBox{ padding: 2% 0;}
.zhaopinBox .top .left{ width: 75%; float: left;}
.zhaopinBox .top h2{ color: #333333; font-size: 40px; font-weight: normal;}
.zhaopinBox .top .left ul{ margin: 2% 0;}
.zhaopinBox .top .left li{ float: left; width: 25%; color: #999999; font-size: 16px; margin-bottom: 1%;}
.zhaopinBox .top h3{ font-size: 16px; color: #0c549d; font-weight: normal;}
.zhaopinBox .top .word{ font-size: 16px; color: #666666; line-height: 2em;}
.zhaopinBox .top .touBtn{ width: 240px; height: 55px; line-height: 55px; text-align: center; color: #fff; background: #0c549d; display: block; margin: 4% 0;}
.zhaopinBox .top .touBtn i{ display: inline-block; width: 21px; height: 54px; vertical-align: top; background: url(../images/icon16.png) no-repeat center; margin-right: 10px;}
.zhaopinBox .top .right{ width: 260px; float: right; padding: 0 14px 0; border: 1px solid #ECECEC; min-height: 255px;}
.zhaopinBox .top .right h4{ font-size: 16px; color: #333333; font-weight: normal; line-height: 2em; padding: 5px 0; border-bottom: 1px solid #ECECEC;}
.zhaopinBox .top .right li{ line-height: 2em; color: #666666; font-size: 16px; padding-left: 15px; position: relative;}
.zhaopinBox .top .right li a{ color: #999999;}
.zhaopinBox .top .right li:hover a{ color: #1355cd;}
.zhaopinBox .top .right ul{ padding: 5px 0;}
.zhaopinBox .top .right li:before{ content: ''; position: absolute; width: 3px; height: 3px; background: #0c549d; left: 5px; top: 0.9em;}
.zhaopinform{ padding: 2% 0; display: none;}
.zhaopinform h2{ font-size: 16px; color: #666666; font-weight: normal; margin-bottom: 3%;}
.zhaopinform ul{ width: 1275px;}
.zhaopinform ul li{ float: left; margin-right: 75px; width: 350px; margin-bottom: 33px; position: relative; padding-left: 160px;}
.zhaopinform ul input, .zhaopinform ul select{ width: 100%; height: 44px; line-height: 44px; padding: 0 10px; font-size: 16px; color: #333; border: 1px solid #cccccc;}
.zhaopinform ul .box>p{ width: 100%; height: 44px; line-height: 40px; padding: 0 10px; font-size: 14px; color: #333;}
.zhaopinform ul span{ display: inline-block; width: 160px; text-align: right; font-size: 16px; color: #333333; margin-right: 5px; line-height: 40px; position: absolute; top: 0; left: 0; height: 40px;}
.zhaopinform ul .boxtext{ width: 100%;}
.zhaopinform ul textarea{ resize: none; width: 1110px; height: 120px; line-height: 2em; vertical-align: top; padding: 5px 10px; font-size: 16px; color: #333; border: 1px solid #cccccc;}
.zhaopinform .btnBox{ text-align: center;}
.zhaopinform .btnBox a{ display: inline-block; margin: 0 20px; width: 175px; height: 55px; line-height: 55px; background: #b7b7b7; text-align: center; color: #fff; font-size: 14px;}
.zhaopinform .btnBox a i{ display: inline-block; width: 21px; height: 54px; vertical-align: top; margin-right: 5px;}
.zhaopinform .btnBox a.tijiaobtn{ background: #0c549d;}
.zhaopinform .btnBox a.tijiaobtn i{ background: url(../images/icon16.png) no-repeat center;}
.zhaopinform .btnBox a.chongzhi i{ background: url(../images/icon17.png) no-repeat center;}
@media only screen and (max-width:1199px){ .zhaopinBox .top .left{ width: 100%;}
  .zhaopinBox .top .right{ display: none;}
  .zhaopinform ul{ width: 100%;}
  .zhaopinform ul li{ margin: 0 auto 3%; width: 33.33%; padding-right: 10px;}
  .zhaopinform ul textarea{ width: 100%;}
  .zhaopinBox .top h2{ font-size: 32px;}
  .zhaopinBox .top .left li{ width: 33.33%;}
  }
@media only screen and (max-width:767px){ .zhaopinBox .top .touBtn{ height: 35px; line-height: 35px; width: 180px;}
  .zhaopinBox .top .touBtn i{ height: 34px; background-size: 16px 16px;}
  .zhaopinform ul li{ margin: 0 auto 3%; width: 100%; padding-right: 5px;}
  .zhaopinform ul textarea{ width: 100%;}
  .zhaopinform ul input, .zhaopinform ul select, .zhaopinform ul span{ height: 30px; line-height: 30px;}
  .zhaopinform .btnBox a{ height: 35px; line-height: 35px; width: 45%; margin: 2% 2%;}
  .zhaopinform .btnBox a i{ height: 34px; background-size: 16px 16px !important;}
  .zhaopinBox .top h2{ font-size: 28px;}
  .zhaopinBox .top .left li{ width: 50%;}
  }

/*品质保障*/

.baozhang_one{ padding: 15px 0; background: #f8f8f8; width: 100%;}
.baozhang_one li{ width: 50%; float: left;}
.baozhang_one li.left{ padding-right: 10%; border-right: 1px solid #dddddd;}
.baozhang_one li.right{ padding-left: 10%;}
.baozhang_one li .box{ width: 100%; position: relative; padding-left: 90px;}
.baozhang_one li .box img{ position: absolute; top: 50%; left: 0; margin-top: -35px; height: 70px; width: auto; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.baozhang_one li:hover .box img{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
.baozhang_one li .box h2{ font-size: 20px; color: #333333; line-height: 2em;}
.baozhang_one li:hover .box h2{ color: #0c549d;}
.baozhang_one li .box p{ font-size: 16px; color: #666; line-height: 1.5em; height: 6em;}
.baozheng_two{ padding: 4% 0;}
.pubtit2{ font-size: 24px; color: #333333; line-height: 2em; padding-bottom: 10px; text-align: center; width: 14em; margin: 0 auto; border-bottom: 1px solid #efefef; position: relative; margin-bottom: 4%;}
.pubtit2:before{ content: ''; position: absolute; width: 4em; height: 4px; background: #0c549d; left: 50%; margin-left: -2em; bottom: -1px;}
.baozheng_two ul{ text-align: center; font-size: 0;}
.baozheng_two li{ display: inline-block; width: 16%; margin: 0 4%;}
.baozheng_two li .box{ width: 100%; padding-top: 136.97%; position: relative;}
.baozheng_two li img{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.baozheng_three .pubtit2{ color: #fff;}
.baozheng_three .pubtit2:before{ background: #fff;}
.baozheng_three{ padding: 5% 0 6%; background: url(../images/b10.jpg) no-repeat center; background-size: cover;}
.wrapper1140{ max-width: 1140px; margin: 0 auto; position: relative;}
.baozheng_three .swiperBox{ width: 100%; position: relative; padding-top: 32%;}
.baozheng_three .swiper-containerc{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.baozheng_three .img{ width: 36.84%; position: relative; padding-top: 49.88%; margin: 0 auto; margin-top: 10%;}
.baozheng_three .img img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block;}
.baozheng_three p{ color: #333; font-size: 14px; line-height: 2em; margin-top: 2%; position: relative; z-index: 6;}
.baozheng_three .swiper-slide{ position: relative;}
.baozheng_three .swiper-slide .box{ position: absolute; width: 100%; height: 100%; background: #fff; height: 80%; top: 10%; transition: all .5s; -webkit-transition: all .5s;}
.baozheng_three .swiper-slide .box:before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 5; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s;}
.baozheng_three .swiper-slide-active .box{ background: #fff; position: absolute; z-index: 10; height: 100%; top: 0; width: 120%; left: -10%;}
.baozheng_three .swiper-slide-active .box:before{ background: #fff;}
.baozheng_three .swiper-slide-active .img{ z-index: 6;}
.baozheng_three .prev, .baozheng_three .next{ display: block; position: absolute; width: 68px; height: 68px; background-repeat: no-repeat; background-position: center center; top: 50%; margin-top: -34px; border-radius: 50%; border: 1px solid #86878d; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; background-color: rgba(51, 51, 51, 0.5); font-size: 28px; text-align: center; line-height: 68px; color: #86878d;}
.baozheng_three .prev{ left: -90px;}
.baozheng_three .next{ right: -90px;}
.baozheng_three .prev:hover, .baozheng_three .next:hover{ background-color: rgba(250, 175, 65, 0.5); color: #fff;}
@media only screen and (max-width: 1440px){ .wrapper1140{ max-width: 1000px;}
  }
@media only screen and (max-width: 1200px){ .baozhang_one li.left{ padding-right: 5%;}
  .baozhang_one li.right{ padding-left: 5%;}
  .baozheng_two li{ width: 32%; margin: 0 9%;}
  .pubtit2{ font-size: 20px;}
  .baozheng_three .prev, .baozheng_three .next{ width: 40px; height: 40px; line-height: 40px; z-index: 5;}
  .baozheng_three .prev{ left: 0;}
  .baozheng_three .next{ right: 0;}
  }
@media only screen and (max-width:1024px){ .baozheng_three .prev, .baozheng_three .next{ display: none;}
  .baozheng_three .swiperBox{ width: 90%; margin: 0 auto; padding-top: 80%; background: #fff;}
  .baozheng_three .swiper-slide-active .box:before, .baozheng_three .swiper-slide .box:before{ display: none;}
  }
@media only screen and (max-width: 767px){ .baozhang_one li{ width: 100%; border: none !important; padding: 0 !important;}
  .baozhang_one li.left{ margin-bottom: 15px;}
  .baozhang_one li .box img{ height: 50px; margin-top: -25px;}
  .baozhang_one li .box{ padding-left: 70px;}
  .baozhang_one li .box p{ height: auto;}
  .baozhang_one li .box h2{ font-size: 16px;}
  .pubtit2{ font-size: 18px;}
  .pubtit2:before{ height: 3px;}
  .baozheng_two li{ width: 40%; margin: 0 2.5%;}
  }
.contactBox{ padding: 3% 0;}
.addr{ width: 100%; position: relative; background: #fff; margin-bottom: 5%;}
.addr:before{ width: 100%; height: 15%; content: ''; position: absolute; left: 0; bottom: -15%; z-index: 0; background: url(../images/c3.png) no-repeat center;}
.addr .left{ float: left; width: 600px; height: 410px;}
.addr .left .top{ position: relative; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px;}
.addr .left .top img{ float: left;}
.addr .left .top h2{ font-size: 24px; color: #bbbbbb; font-weight: normal; line-height: 1.5em; margin-left: 80px;}
.addr .left .top h2 p{ color: #0b5dab;}
.addr ul span{ display: inline-block; padding-left: 24px; font-size: 14px; color: #666666; width: 440px; vertical-align: middle;}
.addr ul span.tleft{ width: 5em; text-align: center; padding-left: 0; margin-right: 24px; color: #333333;}
.addr ul li{ line-height: 24px; margin-bottom: 10px;}
.addr ul li i{ display: inline-block; width: 30px; height: 30px; background: url(../images/icon18.png) no-repeat; vertical-align: middle;}
.addr ul li i.i1{ background-position: 0 0;}
.addr ul li i.i2{ background-position: 0 -40px;}
.addr ul li i.i3{ background-position: 0 -80px;}
.addr ul li i.i4{ background-position: 0 -120px;}
.addr ul li i.i5{ background-position: 0 -160px;}
.addr ul li i.i6{ background-position: 0 -200px;}
.addr ul li i.i7{ background-position: 0 -240px;}
.addr .right{ float: right; width: 520px; height: 410px; position: relative;}
.addr .right .mapBox{ width: 100%; height: 300px; position: absolute; right: 0; top: 50%; margin-top: -150px;}
.mapBox .anchorBL{ display: none;}
.mapBox .BMap_Marker.BMap_noprint{ background: url(../images/icon19.png) !important; width: 15px !important; height: 22px !important;}
@media only screen and (max-width:1180px){ .addr .left{ width: 100%;}
  .addr .right{ display: none;}
  .addr .left .top h2{ font-size: 18px; margin-left: 60px;}
  .addr .left .top img{ width: 50px;}
  .addr .left{ height: auto;}
  .addr .left .top{ padding-bottom: 10px; margin-bottom: 10px;}
  .contactBox .wrapper1200{ padding-top: 20px;}
  .addr ul span{ width: auto;}
  }
@media only screen and (max-width:767px){ .addr ul span{ padding-left: 5px;}
  .addr ul span.tleft{ margin-right: 5px;}
  .addr:before{ display: none;}
  }
.about_one .right .wordout{ padding: 15% 8% 2% 5%; font-size: 14px; color: #666; line-height: 2em; height: 100%; width: 100%; position: absolute; top: 0; right: 0; -webkit-line-clamp: initial;}
.about_one .right .wordout .word{ -webkit-line-clamp: initial; height: 100%; overflow: hidden; padding-right: 5px;}
.about_two{ width: 100%; background: url(../images/b11.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; padding: 2% 0;}
.about_two img{ display: block; max-width: 100%; margin: 0 auto;}
.about_two .img{ position: relative;}
.about_two .word{ position: absolute; top: 0; left: 0;}
.about_two h2{ font-size: 43px; text-transform: uppercase; font-weight: normal; color: #eeebe9; opacity: 0.5;}
.about_two p{ font-size: 24px; color: #fff;}
.about_three{ padding: 4% 0;}
.about_three ul{ margin-top: 3%;}
.about_three li{ float: left; width: 25%; padding: 5px;}
.about_three li .box{ padding: 15%; background: #fff; border: 1px solid #eeeeee; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.about_three li .box .img{ width: 100%; position: relative; padding-top: 130.2%;}
.about_three li .box .img img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.about_three li .box p{ font-size: 16px; color: #333; text-align: center; margin-top: 15%;}
.about_three li:hover .box{ border: 1px solid #5194d8; box-shadow: 0 0 10px rgba(205, 205, 205, 0.8);}
.about_three li:hover .box p{ color: #066dcc;}
.about_four{ width: 100%; padding: 3% 0; background: #fafafa;}
.about_four ul{ text-align: center; font-size: 0; margin-top: 3%;}
.about_four li{ display: inline-block; cursor: pointer; vertical-align: top; width: 33.33%; margin-bottom: 20px; padding: 0 10px;}
.about_four li h2{ width: 184px; height: 184px; line-height: 184px; background: url(../images/c11.png) center; font-size: 20px; color: #ffffff; font-weight: normal; background-size: 100% 100%; margin: 0 auto; border-radius: 50%;}
.about_four li.li2 h2{ background: url(../images/c12.png) center;}
.about_four li.li3 h2{ background: url(../images/c13.png) center;}
.about_four li.li4 h2{ background: url(../images/c14.png) center;}
.about_four li.li4 h2{ background: url(../images/c15.png) center;}
.about_four li p{ color: #666; font-size: 16px; line-height: 2em; margin-top: 15px;}
.about_four li:hover h2{ animation: bounce .8s; -webkit-animation: bounce .8s; -moz-animation: bounce .8s;}
@keyframes bounce{ from, 20%, 53%, 80%, to{ transform: translate3d(0, 0, 0);}
  40%, 43%{ transform: translate3d(0, -30px, 0);}
  70%{ transform: translate3d(0, -15px, 0);}
  90%{ transform: translate3d(0, -4px, 0);}
  }
@media only screen and (max-width:1199px){ .about_one .right .wordout{ position: relative; padding: 0; padding-bottom: 20px;}
  .about_one .right .wordout .word{ height: 16em;}
  .about_one .right{ padding: 15px 10px 0 15px;}
  .about_two .word{ left: 15px;}
  .about_three li .box{ padding: 10%;}
  .about_four li h2{ width: 160px; height: 160px; line-height: 160px; font-size: 18px;}
  }
@media only screen and (max-width:1024px){ .about_two .word{ position: relative; text-align: center; margin-bottom: 4%;}
  .about_four li h2{ width: 120px; height: 120px; line-height: 120px; font-size: 16px;}
  }
@media only screen and (max-width:767px){ .about_two h2{ font-size: 30px;}
  .about_two p{ font-size: 18px;}
  .about_three li{ width: 50%;}
  .about_four li{ width: 50%;}
  .about_four li h2{ font-size: 20px;}
  .about_four li p{ font-size: 14px;}
  }

/*服务支持*/

.fuwu_one{ padding: 3% 0; background: url(../images/c17.png) no-repeat bottom;}
.fuwuNav .topnav{ text-align: center; font-size: 0; padding: 4% 0; background: #fff;}
.fuwuNav .topnav li{ display: inline-block; width: 180px; height: 40px; line-height: 40px; border: 1px solid #e5e5e5; font-size: 16px; color: #333333; vertical-align: middle; cursor: pointer; margin: 5px 0;}
.fuwuNav .topnav li a{ display: block;}
.fuwuNav .topnav li.on{ background: #0e5ea7; color: #fff; border: none;}
.fuwuNav .topnav li.on a{ background: #0e5ea7; color: #fff;}
.fuwuBox>div{ float: left; width: 50%; padding-top: 2%;}
.fuwuBox .word h3{ font-size: 30px; color: #333333; font-weight: normal; margin-bottom: 8%; line-height: 2em; position: relative;}
.fuwuBox .word h3:after{ content: ''; width: 5em; height: 2px; background: #ff0000; left: 0; bottom: 0; position: absolute;}
.fuwuBox .word li{ width: 50%; margin-bottom: 20px; cursor: pointer; padding: 0 5px; display: inline-block; vertical-align: top;}
.fuwuBox .word li span{ display: block; width: 36px; height: 36px; border: 1px solid #c7c7c7; border-radius: 50%; font-size: 16px; color: #999999; text-align: center; line-height: 36px; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.fuwuBox .word li.last{ clear: both; width: 100%;}
.fuwuBox .word li p{ font-size: 16px; color: #333333; line-height: 2em; margin-top: 20px;}
.fuwuBox .word li:hover span{ background: url(../images/c16.png) no-repeat center; color: #fff; border: none;}
.fuwuBox .imgboxOut{ width: 460px; margin: 0 auto; position: relative; margin-top: 10%; margin-left: 5%;}
.fuwuBox .swiper-container{ width: 100%;}
.fuwuBox .swiper-container .img{ width: 86.9%; margin: 0 auto; position: relative; padding-top: 78.21%;}
.fuwuBox .swiper-container .img img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.fuwuBox .prev, .fuwuBox .next{ display: block; position: absolute; width: 36px; height: 36px; border: 1px solid #e0e0e0; border-radius: 50%; top: 50%; margin-top: -18px;}
.fuwuBox .prev{ left: -38px; background: url(../images/icon20.png) no-repeat center;}
.fuwuBox .next{ right: -38px; background: url(../images/icon21.png) no-repeat center;}
.fuwu_one>div{ position: relative;}
.fuwu_one{ display: block; opacity: 1; z-index: 1; filter: alpha(opacity=100); visibility: visible;}
.fuwu1, .fuwu2{ background: #f5f5f5;}
.fuwu2{ background: #fff;}
.fuwu1>div, .fuwu2>div{ padding: 0;}
.fuwu1 .fuwuBox>div{ float: right;}
.fuwu1 .fuwuBox.on, .fuwu2 .fuwuBox.on{ position: relative; width: auto; height: auto;}
@media only screen and (max-width:1199px){ .fuwu_one{ background: #fff; margin-bottom: 20px;}
  .fuwu1{ background: #f5f5f5;}
  .fuwu_one .topnav{ display: none;}
  .fuwuBox>div{ width: 100%; padding-top: 2%;}
  .fuwuBox .imgboxOut{ width: 90%;}
  .fuwu_one>div{ padding: 0 15px 0;}
  .fuwu_one .fuwuBox{ position: relative; opacity: 1;}
  .fuwuBox .imgboxOut{ margin-top: 0;}
  .fuwuBox .word h3{ margin-bottom: 3%; font-size: 24px;}
  .fuwuBox .imgboxOut {}
  .fuwuBox .next{ right: -30px;}
  .fuwuBox .prev{ left: -30px;}
  }
@media only screen and (max-width:768px){ .fuwuBox .word li{ width: 100%; position: relative; padding-left: 30px;}
  .fuwuBox .word h3{ font-size: 18px;}
  .fuwuBox .word li span{ font-size: 16px; width: 24px; height: 24px; line-height: 24px; display: inline-block; position: absolute; top: 50%; margin-top: -12px; left: 0;}
  .fuwuBox .word li p{ display: inline-block; margin-top: 0;}
  .fuwuBox .prev, .fuwuBox .next{ width: 30px; height: 30px;}
  }
.chanpin_one{ padding: 3% 0;}
.chanpin_one .topnav{ padding: 3% 10%;}
.chanpin_one .topnav li{ float: left; width: 33.33%;}
.chanpin_one .topnav a{ display: block; width: 140px; height: 40px; line-height: 40px; color: #666; font-size: 20px; margin: 0 auto;}
.chanpin_one .topnav li.on a{ color: #0c549d; border: 1px solid #93b6d1; text-align: center;}
.chanpinList .list>ul>li{ width: 24.5%; margin-left: 0.6%; position: relative; float: left; border: 1px solid #eeeeee;}
.chanpinList .list>ul>li:first-child{ margin-left: 0;}
.chanpinList .list .box .img{ position: relative; width: 100%; padding-top: 69.28%; font-size: 0; overflow: hidden; background: #fff;}
.chanpinList .list .box .img i{ display: inline-block; vertical-align: middle; height: 100%;}
.chanpinList .list .box .img p{ text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%;}
.chanpinList .list .box .img p img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;}
.chanpinList .list .word{ background: #FAFAFA; padding: 15px; padding-bottom: 30px;}
.chanpinList .list .box li{ padding-left: 5.5em; position: relative; font-size: 14px; color: #333333; line-height: 1.5em; margin-bottom: 0.5em;}
.chanpinList .list .box li span{ position: absolute; top: 0; left: 0; display: block;}
.chanpinList .list .xiazaiBtn{ display: block; position: absolute; height: 40px; line-height: 40px; text-align: center; width: 140px; font-size: 16px; color: #0c549d; border: 1px solid #0c549d; bottom: -20px; left: 50%; margin-left: -70px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;}
.chanpinList .list>ul>li:hover .xiazaiBtn{ background: #0c549d; color: #fff;}
.chanpinList .list>ul>li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.chanpinList .page{ margin-top: 5%;}
.chanpinList .list{ display: none;}
.chanpinList .list:first-child{ display: block;}
.chanpin_three{ padding: 3% 0;}
.chanpin_three img{ display: block; margin: 4% auto; max-width: 100%;}
.chanpin_four{ padding: 3% 0 6%; background: url(../images/b15.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover;}
.chanpin_four .inPubtit, .chanpin_four .inPubtit p{ color: #fff;}
.chanpin_four .word{ color: #fff; font-size: 16px; line-height: 2em; text-align: justify;}
.chanpin_four .word1{ padding: 3% 0; text-align: center;}
.chanpin_four li{ float: left; width: 32%; margin-left: 2%; border: 1px solid #99ddff; padding: 2% 1%; overflow: hidden;}
.chanpin_four li:first-child{ margin-left: 0;}
.chanpin_four .word2{ color: #fff; font-size: 16px; line-height: 2em; height: 22em; text-align: justify; overflow: hidden; padding-right: 5px;}
.chanpin_four li h2{ color: #fff; font-size: 20px; font-weight: normal; text-align: center; margin-bottom: 3%;}
.chanpin_five{ padding: 3% 0; background: #FAFAFA;}
.chanpin_five .listOut{ width: 1200px; margin: 0 auto; margin-top: 30px;}
.chanpin_five ul{ display: table; text-align: center; width: 100%; margin-bottom: 20px;}
.chanpin_five li{ display: table-cell;}
.chanpin_five li .box{ width: 280px; background: #fff; margin: 0 auto; padding: 30px;}
.chanpin_five li .img{ width: 100%; position: relative; padding-top: 131.25%;}
.chanpin_five li .img img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
.chanpin_five li p{ font-size: #333; font-size: 16px; margin-top: 30px;}
@media only screen and (max-width:1200px){ .chanpin_five .listOut{ width: 100%;}
  .chanpin_five ul{ display: block; font-size: 0;}
  .chanpin_five li{ display: inline-block; width: 50%; margin-bottom: 15px;}
  }
@media only screen and (max-width:1024px){ .chanpinList .list>ul>li{ width: 48%; margin: 0 0; margin-bottom: 40px;}
  }
@media only screen and (max-width:767px){ .chanpinList .list>ul>li{ width: 100%;}
  .chanpin_one .topnav{ padding: 3% 0;}
  .chanpin_one .topnav li a{ width: 100%; font-size: 16px; text-align: center; height: 30px; line-height: 30px;}
  .chanpinList .list .xiazaiBtn{ width: 120px; height: 30px; line-height: 30px; bottom: -15px;}
  .chanpin_four li{ width: 100%; margin: 0; margin-bottom: 15px;}
  .chanpin_four li h2{ font-size: 18px;}
  .chanpin_four li .word2{ height: auto; font-size: 14px;}
  .chanpin_four .word{ height: auto; font-size: 14px;}
  .chanpin_five li{ padding: 0 15px;}
  .chanpin_five li .box{ width: 100%; margin: 0; padding: 10px;}
  .chanpin_five li p{ margin-top: 10px;}
  }
.floatNav{ width: 50px; position: fixed; right: 0; bottom: 200px; z-index: 9999}
.floatNav li{ clear: both; width: 50px; height: 50px; position: relative; margin-bottom: 1px; border-radius: 4px; overflow: hidden;}
.floatNav li:hover{ overflow: visible;}
.floatNav li i{ position: absolute; right: -280px; top: 0; z-index: -1; display: block; width: 280px; height: 50px; background-color: #c4c4c4; font-size: 18px; line-height: 50px; padding-left: 20px; color: #fff}
.floatNav li a{ display: block; width: 50px; height: 50px; background-color: #c4c4c4; background-repeat: no-repeat; background-image: url(../images/icon_float.png);}
.floatNav li a:hover{ background-color: #219bfe}
.floatNav li.n4{ display: none;}
.floatNav li.n1 a{ background-position: center 10px}
.floatNav li.n2 a{ background-position: center -65px}
.floatNav li.n3 a{ background-position: center -144px}
.floatNav li.n4 a{ background-position: center -228px}
.floatNav li.n3 em{ display: block; width: 120px; height: 120px; position: absolute; left: -120px; top: -40px; display: none}
.floatNav li.on.n3 em{ display: block}
.qq_img{ widht: 80px; height: 100%; float: left;}
.qq_img a{ display: block; width: 80px; height: 100%; background: none !important; text-align: center;}
.floatNav li.n1 i{ width: 200px;}
.zhichenOut{ padding-top: 33.33%; position: relative;}
.zhichenOut .swiperBox{ width: 100%; position: relative; padding-top: 32%;}
.zhichenOut .swiper-containerf{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.zhichenOut .img{ width: 36.84%; position: relative; padding-top: 51.567%; margin: 0 auto; margin-top: 10%;}
.zhichenOut .img img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block;}
.zhichenOut p{ color: #333; font-size: 16px; line-height: 2em; margin-top: 5%; position: relative; z-index: 6;}
.zhichenOut .swiper-slide{ position: relative;}
.zhichenOut .swiper-slide .box{ position: absolute; width: 100%; height: 100%; background: #fff; height: 80%; top: 10%; transition: all .5s; -webkit-transition: all .5s;}
.zhichenOut .swiper-slide .box:before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 5; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s;}
.zhichenOut .swiper-slide-active .box{ background: #fff; position: absolute; z-index: 10; height: 100%; top: 0; width: 120%; left: -10%;}
.zhichenOut .swiper-slide-active .box:before{ background: #fff;}
.zhichenOut .swiper-slide-active .img{ z-index: 6;}
.zhichenOut .prev, .zhichenOut .next{ display: block; position: absolute; width: 68px; height: 68px; background-repeat: no-repeat; background-position: center center; top: 50%; margin-top: -34px; border-radius: 50%; border: 1px solid #86878d; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; background-color: rgba(51, 51, 51, 0.5); font-size: 28px; text-align: center; line-height: 68px; color: #86878d; z-index: 5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.zhichenOut .prev{ left: 0;}
.zhichenOut .next{ right: 0;}
.zhichenOut .prev:hover, .zhichenOut .next:hover{ background-color: rgba(250, 175, 65, 0.5); color: #fff; border: none;}
@media only screen and (max-width: 1200px){ .zhichenOut{ padding-top: 38%;}
  .floatNav{ display: none;}
  }
@media only screen and (max-width: 767px){ .zhichenOut{ padding-top: 82%;}
  .zhichenOut .swiper-container p{ font-size: 16px;}
  .zhichenOut .prev, .zhichenOut .next{ width: 30px; height: 30px; line-height: 30px; font-size: 16px; background: none; margin-top: -15px;}
  .zhichenOut .img{ margin-top: 5%;}
  .about_three li .box p{ font-size: 12px;}
  .zhichenOut p{ margin-top: 3%;}
  .zhichenOut .swiper-slide .box{ transition: all 0s; -webkit-transition: all 0s;}
  .zhichenOut .swiper-slide .box:before{ transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s;}
  }