@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: "微软雅黑"; -webkit-font-smoothing: antialiased; - webkit-text-size-adjust: 100%;
background: #fff; }
a, article, body, canvas, div, em, figcaption, figure, footer, h1, h2, hgroup, input, li, ol, p, section, small, span, ul { padding: 0; margin: 0 }
div, form, img, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font- family: '\5FAE\8F6F\96C5\9ED1';
}
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
fieldset, img, input { border: 0 none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style: none; }
i { font-style: normal; }
fieldset, img { border: 0px; }
textarea { resize: vertical }
input, textarea, select, option, button { outline: none; }
a { text-decoration: none; color: #333; blr:exPRession(this.onFocus=this.blur ());
-webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus { outline: 0; }
a:hover { text-decoration: none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.clear:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.main { width: 90%; margin: 0 auto; }
.top2 { display: none; }
.top1 {  }
.logo { float: left; padding-top: 10px; margin-bottom: 10px }
.navBar { width: 60%;/* display: block; *//* margin: 0 auto; */ height: 71px; float: right; }
.nav { position: relative; width: 100%; }
.nav a { color: #333; }
.nav h3 { font-size: 18px; font-weight: normal; }
.nav .m { float: left; position: relative; z-index: 3; line-height: 71px; width: 14.2%; }
.nav h3 a { display: block; line-height: 80px; text-align: center; }
.nav h3 a:hover, .nav h3 a.on, .navBar ul li a.current { color: #fff; background-color: #003f6a; }
.nav .sub { display: none; position: absolute; left: 0; z-index: 3; width: 100%;/* border: 1px solid #E6E4E3; */ border-top: 0; background-color: #003f6a; }
.nav .sub li { text-align: center; margin-bottom: -1px; }
.nav .sub li a { display: block; padding: 8px 0; height: 28px; line-height: 28px; color: #fff; font-size: 14px; }
.nav .sub li a:hover { background-color: #bd2121; color: #fff }
.nav .block { height: 8px; width: 120px; background: #003f6a; position: absolute; left: 0; top: 42px; overflow: hidden; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 1; clear: both; }
.slides { position: relative; }
.slides li img { display: block; width: 100% \9; width: 100%; height: auto; }
.flex-control-nav { position: absolute; bottom: 20px; z-index: 2;/* width: 5%; */ margin: 0 auto; display: block; clear: both; padding: 15px 30px; border-radius: 30px; margin-left: 47.2%; overflow: hidden; text-align: center; background-color: rgba(0,0,0,0.3); }
.flex-control-nav li { display: inline-block; width: 10px; height: 10px; margin: 0 7px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; border-radius: 100px; overflow: hidden; cursor: pointer; background-color: #003f6a; }
.flex-control-nav .flex-active { background-position: 0 0; background-color: #fff }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform }
.paracard img { display: block; width: 100%; max-width: 100%; }
.swiper-slide { background: url(../images/bg1.jpg) center center no-repeat; /*display: flex;*/ background-size: cover; padding: 8vh 0 }
.swiper-slide .main { display: flex; justify-content: space-between; top: 50px; flex-wrap: wrap; }
.homeIntroL { width: 45%; }
.homeIntroR { width: 50%; }
.homeIntroR ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.homeIntroR ul li { width: 49%; position: relative; margin-right: 2%; -webkit-transition: all .5s; margin-bottom: 20px; }
.homeIntroR ul li a { position: relative; display: block; perspective: 500px; }
.trigger { position: absolute; height: 33.333333%; width: 33.333333%; display: block; z-index: 2; transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1); }
.trigger:nth-child(1) { left: 0%; top: 0%; }
.trigger:nth-child(1):hover~.paracard { transform: rotateY(8deg) rotateX(-5deg); background-position: top left; }
.trigger:nth-child(2) { left: 33.333333%; top: 0%; }
.trigger:nth-child(2):hover~.paracard { transform: rotateY(0deg) rotateX(-5deg); background-position: top center; }
.trigger:nth-child(3) { left: 66.666666%; top: 0%; }
.trigger:nth-child(3):hover~.paracard { transform: rotateY(-8deg) rotateX(-5deg); background-position: top right; }
.trigger:nth-child(4) { left: 0%; top: 33.333333%; }
.trigger:nth-child(4):hover~.paracard { transform: rotateY(8deg); background-position: center left; }
.trigger:nth-child(5) { left: 33.333333%; top: 33.333333%; }
.trigger:nth-child(5):hover~.paracard { transform: rotateY(0deg) rotateX(0deg); background-position: center center; }
.trigger:nth-child(6) { left: 66.666666%; top: 33.333333%; }
.trigger:nth-child(6):hover~.paracard { transform: rotateY(-8deg) rotateX(0deg); background-position: center right; }
.trigger:nth-child(7) { left: 0%; top: 66.666666%; }
.trigger:nth-child(7):hover~.paracard { transform: rotateY(8deg) rotateX(5deg); background-position: bottom left; }
.trigger:nth-child(8) { left: 33.333333%; top: 66.666666%; }
.trigger:nth-child(8):hover~.paracard { transform: rotateY(0deg) rotateX(5deg); background-position: bottom center; }
.trigger:nth-child(9) { left: 66.666666%; top: 66.666666%; }
.trigger:nth-child(9):hover~.paracard { transform: rotateY(-8deg) rotateX(5deg); background-position: bottom right; }
.paracard { width: 100%; display: block; transform-style: preserve-3d; transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1); box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25); background-size: 110% 110%; background-position: center center; }
.paracard::before { width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; content: ''; }
.homeIntroR ul li:nth-child(2n) { margin-right: 0%; }
.homeIntroR ul li .thum { position: relative; overflow: hidden; }
.homeIntroR ul li .thum .pic { width: 100%; background: center center no-repeat; background-size: cover; -webkit-transition: all .5s; }
.homeIntroR ul li:hover .thum .pic { -webkit-transform: scale(1.05); }
.homeIntroR ul li .info { width: 100%; -webkit-transition: all .5s; position: absolute; height: 100%; left: 0px; bottom: 0px; color: #000; }
.homeIntroR ul li .info .name { position: absolute; width: calc(100% - 60px); bottom: 30px; left: 30px; }
.homeIntroR ul li .info::after { width: calc(100% - 40px); border: 2px solid rgba(255, 255, 255, 0.5); height: calc(100% - 40px); content: ""; display: block; left: 20px; top: 18px; position: absolute; transform: translateZ(30px); }
.homeIntroR ul li .info b { font-size: 1.6rem; font-weight: normal; text-transform: uppercase; }
.homeIntroR ul li .info p { opacity: .7; text-transform: uppercase; }
.commonTitle { width: 100%; height: auto; text-transform: uppercase; padding-bottom: 50px; margin-top: 80px }
.commonTitle.pos { position: absolute; left: 5%; top: 10%; }
.commonTitle.c { text-align: center; }
.commonTitle.w { color: #fff; }
.commonTitle.w b { color: #fff; }
.commonTitle p { font-size: 20px; font-family: montserrat; opacity: .7; }
.commonTitle b { font-size: 2.5rem; line-height: 1.4; color: #003f6a; font-weight: normal; }
.homeIntroL .txt { width: 100%; font-size: 30px; color: #333; }
.homeIntroL .txt b { font-weight: normal; }
.homeIntroL .txt p { text-transform: uppercase; font-size: 18px;/* opacity: .2; */ margin-top: 10px; color: #666666; line-height: 36px; }
.more1 { width: 160px; height: 40px; line-height: 40px; text-align: center; background-color: #003f6a; color: #fff; font-size: 15px; display: block; margin-top: 50px }
.more1:hover { background-color: #bd2121; }
.yw span p img { width: 23%; }
.yw p  span span img{width:70%}
.title1 { text-align: center; margin: 50px 0 30px 0; display: block; overflow: hidden }
.title1 h3 { font-size: 32px; color: #333333; font-weight: bold; }
.title1 h4 { font-size: 18px; color: #999999; text-transform: uppercase; padding-top: 5px }
.title2 { text-align: left; margin: 50px 0 30px 0; display: block; overflow: hidden }
.title2 h3 { font-size: 32px; color: #fff; font-weight: bold; }
.title2 h4 { font-size: 18px; color: #fff; text-transform: uppercase; padding-top: 5px }
#pro_div2 { margin-top: 40px; overflow: hidden; position: relative; }
#pro_div2 .mr_frBtnL { position: absolute; left: 0%; top: 46%; width: 43px; height: 81px; z-index: 100; cursor: pointer; }
#pro_div2 .mr_frBtnR { position: absolute; right: 0%; top: 46%; width: 43px; height: 81px; z-index: 100; cursor: pointer; }
#pro_list2 { width: 88%; margin: 0 auto; display: block; overflow: hidden }
#pro_list2 ul li { loat: left; position: relative; width: 23%; margin-right: 40px; height: 400px; border-bottom-right-radius: 40px; border-top-left-radius: 40px; background-color: #f1f1f1; }
#pro_list2 ul li img { margin: 50px auto 15px auto; display: block; text-align: center }
#pro_list2 ul li p { text-align: center; font-size: 22px; color: #333; line-height: 40px }
#pro_list2 ul li .x { width: 40px; height: 2px; background-color: #003f6a; margin: 5px auto 10px auto; }
#pro_list2 ul li h3 { font-size: 16px; color: #777777; text-transform: uppercase; text-align: center; font-weight: bold }
#pro_list2 ul li .more2 { text-align: center; color: #003f6a; font-size: 14px; margin-top: 50px }
#pro_list2 ul li:hover .more2 { color: #bd2121; }
#pro_div3 { margin-top: 40px; overflow: hidden; position: relative; margin-bottom: 60px }
#pro_div3 .mr_frBtnL { position: absolute; left: 0%; top: 30%; width: 43px; height: 81px; z-index: 100; cursor: pointer; }
#pro_div3 .mr_frBtnR { position: absolute; right: 0%; top: 30%; width: 43px; height: 81px; z-index: 100; cursor: pointer; }
#pro_list3 { width: 88%; margin: 0 auto; display: block; overflow: hidden }
#pro_list3 ul li { loat: left; position: relative; width: 23%; margin-right: 40px; }
#pro_list3 ul li img { width: 100% }
.new { display: block; overflow: hidden; }
.new ul { padding-bottom: 10px; display: block; overflow: hidden; }
.new ul li a { width: 22.4%; margin: 20px 1.3% 10px 1.3%; float: left; padding-bottom: 10px; }
.new_t { margin-top: 2rem; }
.new ul li img { width: 100%; }
.new ul li h2 { font-size: 1rem; color: #333; margin-top: 15px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new ul li .time { font-size: 0.8rem; color: #999; margin: 5px 0 15px 0; padding: 0 10px }
.new ul li p { font-size: 0.85rem; color: #666; line-height: 1.5rem; ; padding: 0 10px; height: 50px; overflow: hidden; }
.new ul li .new_icon img { width: auto; float: right; margin-top: 10px; padding: 0 10px }
.new ul li a:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .4); box-shadow: 0 0 20px rgba(0, 0, 0, .4); display: block; padding-bottom: 10px }
.newn { display: block; overflow: hidden; }
.newn ul { padding-bottom: 10px; display: block; overflow: hidden; }
.newn ul li a { width: 22.3%; margin: 20px 1.3% 10px 1.3%; float: left; padding-bottom: 10px; }
.newn_t { margin-top: 2rem; }
.newn ul li img { width: 100%; }
.newn ul li h2 { font-size: 1rem; color: #333; margin-top: 15px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newn ul li .time { font-size: 0.8rem; color: #999; margin: 5px 0 15px 0; padding: 0 10px }
.newn ul li p { font-size: 0.85rem; color: #666; line-height: 1.5rem; padding: 0 10px; height: 50px; overflow: hidden; }
.newn ul li .new_icon img { width: auto; float: right; margin-top: 10px; padding: 0 10px }
.newn ul li a:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .4); box-shadow: 0 0 20px rgba(0, 0, 0, .4); display: block; padding-bottom: 10px }
.learn a { margin-bottom: 5rem; display: block; }
.more7 a {width: 140px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #003f6a;color: #003f6a;font-size: 0.8rem;display: block;margin: 4rem auto 1rem auto;}
.more7 a:hover { background-color: #003f6a; color: #fff; }
.more3 { width: 140px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #003f6a; color: #003f6a; font-size: 0.8rem; display: block; }
.more3:hover { background-color: #003f6a; color: #fff; }
.customer { display: block; overflow: hidden; }
.customer ul { margin-right: -1.4% }
.customer ul li { width: 14%; padding: 0.5%; margin-right: 1.4%; float: left; border: 1px solid #cccccc; border-radius: 20px; margin-top: 1.4% }
.customer ul li img { width: 100%; }
.footer_bj { background-color: #333333; padding: 40px 0 20px 0; display: block; overflow: hidden }
.footer_l { width: 65%; float: left; }
.footer_l { margin-left: 5%; }
.foot_nav { float: left; margin-right: 8%; color: #fff; text-align: center }
.foot_nav h3 a { font-size: 1rem; margin-bottom: 10px; color: #fff; display: block }
.foot_nav p a { font-size: 0.8rem; line-height: 1.4rem; color: #fff; }
.foot_nav p a:hover { color: #bd2121; }
.link { display: block; overflow: hidden; clear: both; color: #d8d7d7; padding-top: 20px; font-size: 0.8rem }
.link a { color: #fff; margin-right: 2%; color: #d8d7d7; font-size: 0.8rem }
.link a:hover { color: #bd2121; }
.footer_r { float: right; margin-right: 5%; }
.footer_r .foot_1 { text-align: right; font-size: 14px; color: #fff; float: left; margin-top: 30px; margin-right: 20px; }
.footer_r .foot_1 em { font-size: 30px; }
.footer_r .foot_2 { float: right; margin-left: 10px }
.footer_r .foot_2 p { text-align: center; line-height: 30px; color: #fff; }
.dz { clear: both; color: #fff; font-size: 0.85rem; text-align: right; padding-top: 15px }
.copy { display: block; clear: both; text-align: center; padding-top: 15px; color: #fff; font-size: 0.8rem }
.copy a { color: #fff; }
.footer2 { display: none; }
.banner_ny img { width: 100%; }
.subnav_bj { width: 100%; height: 60px; background-color: #f1f1f1; line-height: 60px; text-align: center }
.subnav a { padding: 0 1.5%; font-size: 16px; color: #003f6a; font-weight: bold; display: inline-block; }
.subnav a:hover, .subnav a.on2 { background-color: #003f6a; color: #fff }
.jxxq { margin-top: 50px; }
.jxxq ul li { margin-bottom: 3rem; display: block; overflow: hidden }
.new_img { width: 20%; float: left; display: block; overflow: hidden; }
.new_img img { width: 100%; transition: .2s transform; transform: translateZ(0); }
.jxxq li:hover .new_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.jxxq ul li:hover .new_img img { transform: scale(1.1, 1.1); transition: .4s transform; }
.news_t { float: right; width: 77%; }
.news_t h3 { font-size: 20px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px }
.news_t p { font-size: 16px; color: #666; line-height: 1.7rem; margin: 2% 0 2.5% 0; height: 50px; overflow: hidden; }
.more3 { width: 140px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #003f6a; color: #003f6a; font-size: 0.8rem; display: block; }
.jxxq li:hover .more3 { background-color: #003f6a; color: #fff; }
/* 分页 */
.page { text-align: center; font-size: 12px; font-family: '\5b8b\4f53'; clear: both; padding-top: 0; margin: 50px 0 }
.page a {display: inline-block;margin: 0 5px 10px 5px;height: 35px;line-height: 35px;padding: 0 14px;border: #a3a3a3 solid 1px;color: #a3a3a3;}
.page i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 12px; }
.page .first { padding-left: 20px !important; position: relative; }
.page .last { padding-right: 20px !important; position: relative; }
.page .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page .on { color: #FFF !important; border: #a3a3a3 solid 1px; background: #a3a3a3; }
/* 分页 */
.page1 { text-align: center; font-size: 12px; font-family: '\5b8b\4f53'; clear: both; padding-top: 0; margin: 50px 0 }
.page1 a { display: inline-block; margin: 0 5px; height: 35px; line-height: 35px; padding: 0 14px; border: #a3a3a3 solid 1px; color: #a3a3a3; background-color: #fff }
.page1 i { width: 0; height: 0; line-height: 0; display: block; border-width: 5px; border-style: solid; Filter: Chroma(color=color); position: absolute; top: 12px; }
.page1 .first { padding-left: 20px !important; position: relative; }
.page1 .last { padding-right: 20px !important; position: relative; }
.page1 .first i { border-color: transparent #a3a3a3 transparent transparent; left: 5px; }
.page1 .last i { border-color: transparent transparent transparent #a3a3a3; right: 5px; }
.page1 a:hover { color: #a3a3a3; border: #a3a3a3 solid 1px; text-decoration: none; }
.page1 .on { color: #FFF !important; border: #a3a3a3 solid 1px; background: #333; }
/* 新闻详情  */
.pic_list_xq { display: block; overflow: hidden; margin-top: 1.5rem; }
.pic_list_xq img, .pic_list_xq p img { text-align: center; display: block; margin: 0 auto; padding: 10px 0; }
.pic_list_xq h2 { font-size: 1.2rem; text-align: center; color: #333; line-height: 1.5rem; padding: 1.5rem 0 }
.pic_list_xq h3 { font-size: 0.8rem; color: #999; text-align: center; line-height: 60px; border-top: 1px solid #f3f3f3; }
.pic_list_details { padding-top: 30px; }
.pic_list_details p { font-size: 0.85rem; color: #666; text-indent: 2em; text-align: left; line-height: 28px; }
.pic_list_details h5 { font-size: 18px; color: #007cc2; text-indent: 1.5em; padding: 15px 0 10px 0; font-weight: bold }
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 3rem; color: #333; margin-bottom: 4rem }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; }
.page_text p a { color: #666; font-weight: normal; }
.page_text p a:hover { color: #008cd6; }
.jy_bj { background: url(../images/bj2.jpg) no-repeat; height: 1049px; }
.jy { margin-right: 5%; float: right; width: 56%; margin-top: 90px }
.jy p { font-size: 18px; color: #333333; line-height: 48px; text-indent: 2em; }
.jy img { display: none; }
.bj2 { background-color: #003f6a; height: 80px; }
.about { width: 90%; margin: 0 auto; display: block; overflow: hidden }
.about p { text-align: center; font-size: 18px; color: #666666; line-height: 36px }
.about_t:last-child { margin-right: 0; }
.about_t {/* width:360px; */ text-align: center; float: left; margin-right: 8%; margin-top: 9vh; margin-bottom: 40px }
.about_t h3 { color: #003f6a; text-shadow: 0 1px #050101; font-size: 30px; text-shadow: 9px 6px 9px rgba(37, 60, 154, .17); font-family: LaoMN; font-weight: bold }
.about_t h4 { font-size: 1vw; color: #333333; padding-top: 5px }
#pro_div1 { margin: 30px auto 0 auto; position: relative; height: 395px; padding-top: 37px }
#pro_div1 .mr_frBtnL { position: absolute; left: 43%; bottom: -110px; width: 67px; height: 66px; cursor: pointer; }
#pro_div1 .mr_frBtnR { position: absolute; right: 43%; bottom: -110px; width: 67px; height: 66px; cursor: pointer; }
#pro_list1 { width: 90%; margin: 0 auto; }
#pro_list1 .fzlc1 { margin-top: 127px }
#pro_list1 .fzlc2 { margin-top: 77px }
#pro_list1 ul li { float: left; width: 25%; }
#pro_list1 ul li img { float: left; }
#pro_list1 ul li .fzlc_t { padding-left: 30px; margin-right: 10px; }
#pro_list1 ul li .fzlc_t h2 { font-size: 30px; color: #003f6a; }
#pro_list1 ul li .fzlc_t h2 span { font-size: 18px; }
#pro_list1 ul li .fzlc_t p { font-size: 0.85rem; line-height: 1.5rem; color: #666; }
.fz { border-bottom: 1px solid #003f6a }
.qywh_bj { background: url(../images/bj5.jpg) 50% 0 no-repeat; height: 1000px; margin-top: 200px; }
.qywh_l { float: left; width: 40%; background-color: rgba(0,0,0,0.6); height: 1000px; padding-left: 5%; padding-right: 5% }
.qywh_l_t { border: 2px solid #fff; padding: 5%; }
.qywh_t1 { margin-bottom: 60px; }
.qywh_t1 h3 { font-size: 28px; color: #fff; margin-bottom: 15px }
.qywh_t1 p { font-size: 16px; color: #fff; line-height: 30px; }
.qywh_r { width: 40%; float: right; padding: 0 5%; }
.qywh_r_t ul li { color: #333; margin-bottom: 30px; margin-top: 60px; }
.qywh_r_t ul li h3 { font-size: 24px; font-weight: bold; padding: 10px 0 }
.qywh_r_t ul li p { font-size: 16px; }
.cus { margin: 40px 0 60px 0 }
.cus1 { margin: 40px 0 40px 0 }
.news2 { width: 100%; display: block; overflow: hidden; border-top: 5px solid #f1f1f1; padding-top: 30px; margin-bottom: 30px }
.news2 ul li { border-bottom: 1px dashed #eee; padding: 20px 0; display: block; overflow: hidden }
.news2 ul li span { width: 80%; float: left; font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news2 ul li span img { margin-right: 10px; }
.news2 ul li i { width: 70px; float: right; }
.news2 ul li a:hover span { color: #003f6a; display: block }
.xq_l { width: 74%; float: left; margin-right: 3%; margin-top: 5vh }
.xq_l h2 { font-size: 32px; color: #333; }
.xq_l h3 { font-size: 0.8rem; color: #999; line-height: 30px; }
.pic_list_details { margin-top: 15px; padding-top: 30px; }
.pic_list_details p { font-size: 0.85rem; color: #666; text-indent: 2em; text-align: left; line-height: 28px; }
.pic_list_details p img, .pic_list_details img { max-width: 80%; margin: 10px auto; display: block }
.page_text { border-top: #b6b6b6 dotted 1px; border-bottom: #b6b6b6 dotted 1px; font-size: 14px; padding: 10px 0px; margin-top: 3rem; color: #333; margin-bottom: 4rem }
.page_text p { line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; }
.page_text p a { color: #666; font-weight: normal; }
.page_text p a:hover { color: #008cd6; }
.xq_r { width: 18%; float: left; border-left: 1px solid #f1f1f1; padding-left: 4%; margin-top: 5vh }
.title3 { background: url(../images/icon15.png) 0 bottom no-repeat; font-size: 20px; line-height: 50px; color: #333333; }
.news_r p { font-size: 16px; color: #666; vertical-align: middle; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_r p a:hover { color: #e70012; }
.news_r p img { margin-right: 5px; }
.aj { margin-right: -3.3% }
.aj li { float: left; width: 25%; padding: 2%; margin-right: 3.3%; margin: 20px 3.3% 45px 1%; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4); box-shadow: 0 0 10px rgba(0, 0, 0, .4); }
.hh { height: 110px }
.aj li h3 { font-size: 20px; color: #333333; line-height: 36px; }
.aj li p { font-size: 16px; color: #666666; line-height: 30px; }
.more2 a { font-size: 14px; color: #003f6a; display: block; margin-top: 10px; margin-bottom: 20px; }
.mt3 { margin-top: 30px; }
.join { background: url(../images/bj6.jpg) center center no-repeat; background-size: cover; }
.joinList { padding-top: 40px; }
.joinList .swiper-slide { width: 26%; position: relative; height: 280px; margin-right: 2%; margin-bottom: 25px; background: #fff; cursor: pointer; padding: 4% 3%; border-radius: 30px 0px 30px 0px; }
.joinList .swiper-slide:nth-child(3n) { margin-right: 0%; }
.joinList { height: 0px; overflow: hidden; }
.joinList .swiper-wrapper { flex-wrap: wrap; }
.joinList.active { height: auto; padding-bottom: 50px; }
.jboxs { padding-bottom: 50px; }
.joinList .swiper-slide .title { font-size: 22px; line-height: 1.4; position: relative; margin-bottom: 15px; padding-bottom: 10px; min-height: 46px; font-weight: bold; }
.joinList .swiper-slide .title::after { width: 15%; height: 2px; position: absolute; left: 0px; bottom: 0px; content: ''; background: #003f6a; -webkit-transition: all .5s; }
.joinList .swiper-slide:hover .title { color: #003f6a; }
.joinList .swiper-slide:hover .title::after { width: 100%; }
.joinList .swiper-slide .des { width: 100%; height: auto; position: relative; line-height: 2; height: 200px; overflow: hidden; }
.join_xq { background: #fff; padding: 5%; }
.join_xq p { font-size: 16px; color: #333; line-height: 34px }
.pt { padding: 70px 0; }
.yw { margin: 50px 5% 10px 5% }
.yw p { font-size: 0.85rem; color: #666; text-indent: 2em; text-align: left; line-height: 28px; }
.yw img { width: 100%; }
.yw_warp { display: none; }
.con1 { display: block; overflow: hidden; margin-top: 50px }
.con1 .con_li { float: left; width: 21.8%; margin: 0 1.6% 30px 1.6%; }
.con1 .con_li .img1 img { width: 100%; }
.con1 .con_li p, .ve_p { text-align: center; height: 40px; line-height: 40px; font-size: 18px; color: #333; }
.videolist { position: relative; }
.con1 h3 { font-size: 1.2rem; color: #333; margin: 2rem 0 }
#video { width: 640px }
.videolist img { width: 100%; }
.videolist:hover { cursor: pointer; }
.videoed { display: none; width: 50px; height: 50px; position: absolute; left: 45%; top: 45%; z-index: 99; border-radius: 100%; }
.er{ float:right; width:450px;z-index:99999999; height:400px; right:0; bottom:0; position:fixed; _position:absolute; _top:expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);}
 @media screen and ( max-width:1850px ) {
#pro_list2 ul li { margin-right: 30px; }
}
@media screen and ( max-width:1700px ) {
.commonTitle { margin-top: 50px; padding-bottom: 30px }
.jy { margin-right: 5%; float: right; width: 52%; margin-top: 80px }
.jy p { font-size: 18px; color: #333333; line-height: 36px; text-indent: 2em; }
}
@media screen and ( max-width:1600px ) {
.news_t h3 { margin-top: 10px }
}
@media screen and ( max-width:1500px ) {
.commonTitle { margin-top: 30px; padding-bottom: 20px }
.more1 { margin-top: 30px }
#pro_list2 ul li { height: 350px; }
#pro_list2 ul li img { margin: 30px auto 15px auto; }
#pro_list2 ul li { margin-right: 20px; }
#pro_list2 ul li .more2 { margin-top: 30px }
.news_t p { margin: 1.5% 0 2% 0; }
.jy { margin-right: 5%; float: right; width: 46%; margin-top: 80px }
}
@media screen and ( max-width:1450px ) {
.jy_bj { background: url(../images/bj2.jpg) 10% 0 no-repeat; height: 1049px; }
}
@media screen and ( max-width:1300px ) {
.nav h3 {font-size: 16px;}
.logo {padding-top: 5px;margin-bottom: 5px;}
.nav h3 a {line-height: 71px;}
.commonTitle b {font-size: 24px;}
.commonTitle p {font-size: 14px;}
.homeIntroL .txt p {font-size: 14px;line-height: 30px;}
.more1 {width: 120px;height: 35px;line-height: 35px;font-size: 14px;}
.homeIntroR ul li .info b {font-size: 1.1rem;}
.homeIntroR ul li .info p {font-size: 12px;}
.title1 h3 {font-size: 24px;}
.title1 h4 { font-size: 14px;padding-top: 0}
#pro_list2 ul li p {font-size: 18px;}
#pro_list2 ul li h3 {font-size: 13px;}
#pro_list2 ul li img {width: 30%;margin: 30px auto 5px auto;}
#pro_list2 ul li {height: 280px;}
.new ul li h2 {font-size: 16px;}
.new ul li .time {font-size: 12px;margin: 5px 0 10px 0;}
.new ul li p {font-size: 14px;line-height: 20px;height: 40px;}
.more7 a {width: 120px;height: 35px;line-height: 35px;margin: 2rem auto 1rem auto;}
.more3 { width: 120px; height: 35px; line-height: 35px; }
.customer ul li {width: 11.7%;}
.foot_nav h3 a {font-size: 14px;}
.foot_nav p a {font-size: 12px;line-height: 22px;}
.footer_r .foot_2 p {font-size: 12px;}
.footer_r .foot_2  img{width:70%; margin:0 auto; display:block}
.jy p {font-size: 16px;line-height: 32px;}
.about p {font-size: 14px;line-height: 24px;}
.about_t h3 {font-size: 40px;}
.about_t h4 {font-size: 14px;}
.about_t {margin-right: 8%;}
.jy_bj {background: url(../images/bj2.jpg) 18% 0 no-repeat;height: 675px;background-size: 100%;}
.jy {width: 60%;margin-top: 40px;}
.title2 h3 {font-size: 24px;}
.title2 h4 { font-size: 14px;}
.qywh_t1 h3 {font-size: 18px;margin-bottom: 10px;}
.qywh_t1 p {font-size: 14px;line-height: 24px;}
.qywh_t1 {margin-bottom: 20px;}
.qywh_l_t {padding: 5% 5% 0 5%;}
.title2 {margin: 30px 0 15px 0;}
.qywh_r_t ul li {margin-bottom: 30px;margin-top: 40px;}
.qywh_r_t ul li h3 {font-size: 18px;padding: 5px 0;}
.qywh_r_t ul li p {font-size: 14px;}
.qywh_r_t ul li img{width:7%;}
.qywh_r_t ul li {margin-bottom: 20px;margin-top: 20px;}
.qywh_bj {height: 600px;margin-top:180px}
.qywh_l {height: 600px;}
.subnav a {font-size: 14px;padding: 0 1%; }
#pro_list3 ul li {width: 22%;}
#pro_div1 { padding-top: 0 ;height: 368px;}
#pro_list1 .fzlc1 { margin-top: 100px }
.news2 ul li span {font-size: 14px;}
.news2 ul li {padding: 10px 0;}
.xq_l h2 {font-size: 24px;}
.news_r p {font-size: 14px;line-height: 30px;}
.title3 {font-size: 18px;}
.joinList .swiper-slide .title {font-size: 20px;}
.joinList .swiper-slide {height: 270px;padding: 2% 3%;}
.join_xq p {font-size: 14px;line-height: 30px;}
.aj li h3 {font-size: 18px;color: #333333;line-height: 36px;}
.aj li p { font-size: 14px; color: #666666; line-height: 24px; }
.hh { height: 150px }
.aj li {  padding: 1% 2%;}
}
@media screen and ( max-width:820px ) {
.ba1, .banner_ny1 { display: none; }
.fw1 { display: none; }
.sampleRoom { display: none; }
.main { width: 90%; margin: 0 auto; display: block; overflow: hidden }
.top1 { display: none; }
.top2 { display: block; }
.hidden { display: none; }
.logo1 { padding-right: 0; padding-left: 10px; margin-top: 12px }
.logo1 img { float: left; width: 40%; }
.logo1 .menu { float: right; margin-bottom: 10px; }
.logo1 .menu a { display: block; }
.logo1 .menu a img { width: 70%; }
.tc_twonav .black_bg { background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; }
.tc_twonav .back_scz { position: fixed; left: 0; top: 0; width: 55%; height: 100%; z-index: 999; background-size: 40% auto; }
.tc_twonav .right_nav {position: fixed;background: #fff;left: 55%;top: 0;width: 45%;height: 100%;z-index: 999;}
.tc_twonav .right_nav ul li a { height: 3rem; line-height: 3rem; width: 100%; border-bottom: 1px solid #ddd; display: block; text-align: center; font-size: 1rem; color: #333; }
.flex-control-nav { padding: 10px 20px; margin-left: 40%; }
.banner { position: relative; overflow: hidden; width: 100%; z-index: 1; clear: both; padding-top: 7px; }
.homeIntroL { width: 100%; margin-bottom: 6vh; }
.homeIntroR { width: 100%; }
.homeIntroR ul li .info b {font-size: 0.9rem;}
.homeIntroR ul li .info .name {bottom: 20px;}
.swiper-slide { padding: 0 }
#pro_list2 { width: 100%; }
#pro_list2 ul li { loat: left; position: relative; width: 47%; margin-right: 40px; height: 400px; }
#pro_div2 .mr_frBtnL { left: 2%; }
#pro_div2 .mr_frBtnR { right: 2%; }
.footer_bj { display: none; }
.footer2 { display: block; }
/*底部*/
.foot { padding: 10px 10px 50px 10px; background-color: #242a36; color: #fff; font-size: 12px; text-align: center; line-height: 20px; display: block }
.toolbar { height: 45px; background: #121212; position: fixed; width: 100%; bottom: 0; left: 0; display: block; z-index: 999999 }
.toolbar ul li { float: left; width: 50%; }
.toolbar ul li a { display: block; width: 100%; height: 20px; padding-top: 25px; text-align: center; font-size: 14px; color: #fff; background-size: 18%; background-repeat: no-repeat; background-position: center 5px; border-right: #fff solid 1px; position: relative; }
.toolbar ul li .tooldh { background-image: url(../images/a3.png); }
.toolbar ul li .tooldt { background-image: url(../images/a4.png); }
.toolbar ul li .toolfx { background-image: url(../images/a2.png); }
.toolbar ul li .toolly { background-image: url(../images/a1.png); border: 0 none; }
.toolbar .fenxiang { position: absolute; width: 100%; height: 25px; top: -35px; left: 0; background: #CCC; padding: 5px 0 5px 20%; }
.toolbar .fenxiang a { float: none !important; }
.new ul li a { width: 100%; margin: 20px 0; float: none; display: block; overflow: hidden }
.new ul li a:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.customer ul { margin-right: -3.2% }
.customer ul li {width: 18.2%;padding: 1.5%; margin-right: 3.2%; margin-top: 2% }
.new_img { width: 100%; float: none; display: block; overflow: hidden; }
.news_t { float: none; width: 100%; }
.more3 { margin-top: 20px; }
.jxxq ul { margin-top: 30px; }
.subnav a { padding: 0 4%; font-size: 14px; }
.jy_bj { background: none; height: auto; }
.jy { margin-right: 5%; margin-left: 5%; float: none; width: 90%; margin-top: 50px; }
.jy img { width: 50%; margin-bottom: 10px; display: block }
#pro_list1 ul li { float: left; width: 110%; }
#pro_div1 { margin: 0 auto; position: relative; height: 375px; padding-top: 0 }
#pro_list1 .fzlc1 { margin-top: 107px }
#pro_list1 .fzlc2 { margin-top: 57px }
#pro_div1 .mr_frBtnL { position: absolute; left: 20%; bottom: -110px; width: 67px; height: 66px; z-index: 100; cursor: pointer; }
#pro_div1 .mr_frBtnR { position: absolute; right: 20%; bottom: -110px; width: 67px; height: 66px; z-index: 100; cursor: pointer; }
#pro_div3 .mr_frBtnL { position: absolute; left: 3%; top: 30%; width: 43px; height: 81px; z-index: 100; cursor: pointer; }
#pro_div3 .mr_frBtnR { position: absolute; right: 3%; top: 30%; width: 43px; height: 81px; z-index: 100; cursor: pointer; }
#pro_list3 { width: 96%; margin: 0 auto; display: block; overflow: hidden }
#pro_list3 ul li { loat: left; position: relative; width: 110%; margin-right: 40px; }
.qywh_l { float: none; width: 90%; padding-top: 1px }
.qywh_t1 { margin-bottom: 30px; }
.qywh_l { /*height: 650px;*/ padding-bottom:20px}
.qywh_r { width: 90%; float: none; padding: 0 5%; }
.qywh_bj { background: url(../images/bj5.jpg) 50% 0 no-repeat; height: 1210px; margin-top: 200px; background-size: 780%; }
.qywh_r_t ul li { color: #333; margin-bottom: 0; margin-top: 0 }
.about_t { margin-left: 2.5%; margin-right: 2.5%; margin-top: 20px; margin-bottom: 20px; width: 45%; display: inline-block }
.about { width: 100% }
.about_t h3 { font-size: 20px; }
.about_t h4 { font-size: 14px; }
.news2 ul li i { width: 30px; margin-top: 3px }
.newn ul li a { width: 100%; }
.cus1 { margin: 20px 0 10px 0; }
.xq_l { width: 100%; float: none; margin-right: 0 }
.xq_r { display: none; }
.aj { margin-right: 0 }
.hh { height: auto }
.aj li { float: none; width: 93%; padding: 2%; margin-right: 0; margin: 20px 3.3% 45px 1%; height: auto }
.joinList .swiper-slide { width: 89%; height: auto; padding: 20px 15px; border-radius: 20px 0px 20px 0px; }
.joinList .swiper-slide .title { font-size: 18px; }
.pt { padding: 40px 0; }
.yw { display: none; }
.yw_warp p { font-size: 0.85rem; color: #666; text-indent: 2em; text-align: left; line-height: 28px; }
.yw_warp img { width: 100%; }
.yw_warp { display: block; margin:50px 10px }
.more7 a {margin: 2rem auto 1rem auto;}
.subnav_bj {width: 100%;height: auto;background-color: #f1f1f1;line-height: 40px;text-align: center;}
.con1 .con_li {float: left;width: 46.8%;margin: 0 1.6% 10px 1.6%;}
.con1 { margin-top: 30px; }
.slideTxtBox .bd ul { margin-bottom: 30px; }
.con1 ul .con_li { float: none; width: 98%; margin: 0 0 30px 0; padding: 0 1% }
.videos { display: none; border: 0; position: fixed; left: 10%; top: 70%; margin-left: 0; margin-top: -210px; z-index: 100; width: 80%; height: 360px; }
.vclose { position: absolute; right: 1%; top: -10%; border-radius: 100%; cursor: pointer; }
#video { width: 100% }
#pro_list1 { width: 90%; margin: 0 auto; overflow:hidden }
.yw_warp span p img { width: 100%; text-indent:0}
.yw_warp span p{text-indent:0}
.yw_warp p  span span img{width:100%; display:block}
}
@media screen and ( max-width:640px ) {
#pro_list2 { width: 100%; }
#pro_list2 ul li { loat: left; position: relative; width: 100%; margin-right: 40px; height: 400px; }
#pro_div2 .mr_frBtnL { left: 2%; }
#pro_div2 .mr_frBtnR { right: 2%; }
#pro_list2 ul li img {width: 30%;margin: 55px auto 15px auto;}
#pro_list2 ul li .more2 { margin-top: 40px }
.xq_l h2 {font-size: 18px;}
#pro_list1 ul li .fzlc_t {padding-left: 40px;margin-right: 30px;}
}
@media screen and ( max-width:420px ) {
.qywh_l {/*height: 850px;*/padding-bottom:40px}
.qywh_bj {background: url(../images/bj5.jpg) 50% 0 no-repeat;height: 1120px;margin-top: 200px;background-size: 900%;}
}
@media screen and ( max-width:380px ) {
.qywh_l {/*height: 850px;*/padding-bottom:40px}
.qywh_bj {background: url(../images/bj5.jpg) 50% 0 no-repeat;height: 1120px;margin-top: 200px;background-size: 900%;}
.customer ul li {width: 18.2%;padding: 1.5%;margin-right: 3.1%;margin-top: 2%;}
}