@charset "utf-8";
/* CSS Document */
html { font-size: 20px; }
body { font-size: 14px; color: #333333; font-family: 'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif; background: #ffffff !important; }
html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; }
html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
img { border: none; max-width: 100%; display: inline-block; line-height: 0; font-size: 0; vertical-align: bottom; }
div, ul, li, dl, dt, dd, p, form { margin: 0; padding: 0; }
ul, li, dl, dt, dd { list-style: none; }
a { font-size: inherit; text-decoration: none; color: #333; }
a:hover,
a:focus { text-decoration: none; color: #325dcd; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a:active { color: inherit; text-decoration: none; }
i, em { font-style: normal; }
select, input, textarea, button { font-family: inherit; font-size: inherit; }
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }
.fff { background: #fff; }
.show { display: block; }
.none { display: none; }

.blod{font-weight:bold;}
.tright{text-align:right;}
.tleft{text-align:left;}

.relative { position: relative; }
.clearfix:before,
.clearfix:after { display: table; content: " "; clear: both; }
.tbl-type { display: table; width: 100%; table-layout: fixed }
.tbl-cell { display: table-cell; vertical-align: top; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.center { text-align: center; }
.right { text-align: right; }
.valign * { display: inline-block; vertical-align: middle; }
.ellipsis { display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
.shadow { box-shadow: 0 7px 30px rgba(103, 103, 103, .1); }
.shadow-s2 { box-shadow: 2px 7px 10px rgba(103, 103, 103, .3); }
.hide { display: none; }
.btn { display: inline-block; padding: 10px 30px; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; touch-action: manipulation; -ms-touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn-default { color: #333333; background-color: #ffffff; width: auto; border-radius: 0; border: #dddddd 2px solid; line-height: normal; }
.btn-submit { color: #ffffff; background-color: #ee7700; width: auto; border-radius: 0; border: 0; line-height: normal; font-size: .9rem; padding: 10px 40px; }
.btn-reset { color: #333333; background-color: #dddddd; width: auto; border-radius: 0; border: 0; line-height: normal; font-size: .9rem; padding: 10px 40px; }

.btn-view { color: #666666; background-color: transparent; border: #666666 1px solid; width: auto; border-radius: 30px; height: 30px; line-height: 30px; padding: 0 25px; }
.btn-view:hover { background-color: #ee7700; color: #ffffff; border: #ee7700 1px solid; }

.flex_row { display: flex; flex-direction: row; flex-wrap: nowrap;width:100%; }
.flex_row_wrap { display: flex; flex-direction: row; flex-wrap: wrap; }

.justify_content_cneter { justify-content: center; }
.justify_content_span { justify-content: space-between; }
.align_items_center { align-items: center; }

.news_bg { position: absolute; z-index: -1; }
.index_news_div { height: 776px; }
.index_news_div .wrap { padding: 80px 0px; }
.index_news_div .comm_title { color: #fff; }
.index_news_nav ul li { float: left; padding: 10px 30px; color: #fff; border-top-right-radius: 5px; border-bottom-left-radius: 5px; cursor: pointer; }
.index_news_nav ul li.cur, .index_news_nav ul li:hover { background: #325dcd; }

.news_item { margin: 50px 0px; align-items: flex-end;  box-sizing:border-box; height:430px; }
.news_item > div {  width: 23%; border-top-right-radius: 15px; border-bottom-left-radius: 10px; height: 290px; cursor: pointer; margin-right: 32px; position: relative; }
.news_item > div:last-child { margin-right: 0px; }
.news_item > div.cur, .news_item > div:hover { height: 440px; }
/*.news_item > div > a > div { padding: 20px; line-height: 150%; font-size: 14px; color: #939090; }*/
/*.news_item > div > a > img { display: none; border-top-right-radius: 10px; }
.news_item > div.cur > a > img, .news_item > div:hover > a > img { display: block; }*/
/*.news_item > div:hover > p { display: none; }*/
/*.news_item > div > a > p { color: #000; font-weight: bold; margin: 0px 20px; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; padding: 30px 0px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news_item > div > div p.date {   }*/
.news_item .comm_btn {   padding: 5px 10px; margin-bottom: 30px; display: none;  position:absolute;bottom:10px;}
.news_item > div:hover .comm_btn, .news_item > div.cur .comm_btn { display: block; }
.news_item .comm_btn img { margin-left: 0px; }
.news_item .blue { display: block;  position: absolute; bottom: 40px; }
.news_item > div:hover img.blue { display: none; }
/*.news_item > div.cur > a > p, .news_item > div:hover > a > p { color: #fff; margin-top: -100px; height: 100px; }*/
.news_item > div.cur::before, .news_item > div.newsItem:hover::before { content: ""; border-bottom: 4px solid #325dcd; height: 416px; border-left: 4px solid #325dcd; position: absolute; width: 340px; top: 5px; left: -4px; border-bottom-left-radius: 10px; }
.news_item > div.cur .show_img, .news_item > div.newsItem:hover .show_img { display:block; }
.news_item .show_img{border-top-left-radius:10px;border-top-right-radius:10px; display:none;}

.news_item .newsInfo { height: 209px; padding: 20px; position: relative; border-bottom-left-radius: 6px; }
.news_item .newsTop { background: #fff; border-bottom: 1px solid #f1f1f1; position: relative; overflow: hidden; }
.news_item .newsTop img {height:212px; width:100%;}
.news_item .newsTop p{ padding:20px; font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;  }
.news_item > div.cur .newsTop, .news_item > div:hover .newsTop { background: none; border-bottom: 1px solid #f1f1f1; }
.news_item > div.cur .newsTop p, .news_item > div:hover .newsTop p { position: absolute;  bottom:50px; color: #fff; white-space:normal;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  height:62px; }

.lines > div { width: 25%; border-bottom: 1px solid #f1f1f1; }
.lines > div:nth-child(1) { border-bottom: 1px solid #0e1722; }

.table { width: 100%; max-width: 100%; }
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 5px; word-break: break-all; }

.form-control { display: inline-block; width: 100%; padding: 10px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius: 0; border-radius: 0; }
.form-control[type="radio"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: .4em; border-radius: 50%; border: 4px solid #dddddd; text-indent: .15em; line-height: 1; background-color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.form-control[type="radio"]:checked + label::before { width: 15px; height: 15px; border: 4px solid #dddddd; background-color: #ee7700; }
.form-control[type="radio"] { width: 0; height: 0; margin: 0; padding: 0; position: absolute; clip: rect(0, 0, 0, 0); }
.form-control[type="checkbox"] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

.red { color: #ee7700; }

body { background-color: #ffffff; }
.wrap { width: 1500px; margin:0 auto; padding: 0; }
.wrap2 { width: 1300px; margin:0 auto; padding: 0; }

.iconfont { font-size: .7rem; }
.wp { padding: 15px; }
.wp-h { padding-left: 15px; padding-left: 15px; }
.wp-v { padding-top: 15px; padding-bottom: 15px; }
.bg-white { background-color: #ffffff; }
.video_zndex { text-align: center; margin-top: 40px; }
.bg-advantage { background-color: #f6f6f6; }
.bg-partner { background: #ffffff url(/com/images/beijing.png) center bottom no-repeat; }

.p-top-xs { padding-top: 15px; }
.p-top-s { padding-top: 40px; }
.p-top-m { padding-top: 80px; }
.p-top-l { padding-top: 100px; }

.p-bot-xs { padding-bottom: 15px; }
.p-bot-s { padding-bottom: 40px; }
.p-bot-m { padding-bottom: 80px; }
.p-bot-l { padding-bottom: 100px; }

.m-top-xx { margin-top: 5px; }
.m-top-x { margin-top: 10px; }
.m-top-xs { margin-top: 15px; }
.m-top-s { margin-top: 40px; }
.m-top-m { margin-top: 80px; }
.m-top-l { margin-top: 100px; }

.m-bot-x { margin-bottom: 10px; }
.m-bot-xs { margin-bottom: 15px; }
.m-bot-s { margin-bottom: 40px; }
.m-bot-m { margin-bottom: 80px; }
.m-bot-l { margin-bottom: 100px; }

.m-rig-x { margin-right: 10px; }
.m-rig-xs { margin-right: 15px; }
.m-rig-s { margin-right: 40px; }
.m-rig-m { margin-right: 80px; }
.m-rig-l { margin-right: 100px; }

.m-lef-x { margin-left: 10px; }
.m-lef-xs { margin-left: 15px; }
.m-lef-s { margin-left: 40px; }
.m-lef-m { margin-left: 80px; }
.m-lef-l { margin-left: 100px; }

header { width: 100%; margin: 0px 0px;display:inline-block; }
.header{width:100%;}
.header .logoDiv{padding-top:27px;}
.header ul {   }
.header ul li { float: left; padding: 0px 20px; }
.header ul li.cur, .header ul li.cur a { color: #325dcd; position: relative; font-weight: bold; }
.nav_img { position: absolute; bottom: 24px; left: 50%; margin-left: -10px; display: none; }
.header ul li.cur .nav_img { display: block; }

.header img.search { margin-left: 10px; position: relative; top: -24px }



.about_info { padding: 80px 0px; }
.video img { width: 752px; height: 410px; }
.video video, .video iframe {   height: 410px; }

.about_div > div { width: 50%; }
.about_div > div:nth-child(1) { padding-right: 120px; }

.comm_title { line-height: 200%; }
.comm_title h2 { font-size: 30px; font-weight: bold; }
.comm_title h2 span { color: #325dcd; }
.comm_title p { font-size: 14px; color: #a7a8ac; }

.about_info .contents { margin: 30px 0px; line-height: 200%; font-size: 14px; height: 200px; overflow: hidden; text-align:justify; }
.about_info .contents p, .about_info .contents div { background: transparent !important; }

.comm_btn { background: #325dcd; color: #fff; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border: 0px; padding: 15px 30px; }
.comm_btn img { margin-left: 40px; position: relative; top: -8px; }

.about_line { box-shadow: 0px 0px 43px #f1f1f1; }
.about_line > div { width: 25%; text-align: center; margin: 40px 0px; border-right: 1px solid #dbdbdb; box-sizing: border-box; }
.about_line > div:last-child { border-right: 0px; }
.about_line > div p { color: #a7a8ac; }
.about_line > div p span { color: #000; }
.about_line > div p b { font-size: 34px; font-weight: bold; color: #000; margin-right: 5px; }

.news_bg { width: 100%; height: 938px; }
.about_bg { width: 100%; height: 938px; position: absolute; z-index: -1; }

.panter_divs { height: 576px; overflow: hidden; }
.parbg { position: absolute; z-index: -1; }
.panter_divs .more { border: 1px solid #ddd; border-radius: 20px; padding: 10px 40px; background: #f2f3f8; font-size: 14px; }

.panter_divs .par_contents { padding: 80px 0px; }
.panter_divs .par_cy { margin: 40px 0px; align-items: center; vertical-align: middle; }
.panter_divs .par_cy > div { width:24%;  }



.panter_divs .parInfo { padding: 20px; border-bottom-left-radius: 10px; background: #fff; line-height: 200%; }
.panter_divs .parInfo:hover {  background:#325dcd;color:#fff; }
.panter_divs .par_cy > div img {  border-top-right-radius: 10px; }
/*.panter_divs .par_cy > div div {  }*/
.panter_divs .par_cy > div p{ border-bottom:1px solid #f1f1f1;}
.panter_divs .par_cy .jt{position:relative;top:-8px; left:5px;}

/*.panter_divs .par_cy > div { padding: 50px 30px; text-align: center; border-top-right-radius: 10px; border-bottom-left-radius: 10px; width: 18%; background: #fff; margin-bottom: 30px; cursor: pointer; height: 140px; }
.panter_divs .par_cy > div p {*/ /* height:50px;  */ /*}
.panter_divs .par_cy > div.cur, .panter_divs .par_cy > div:hover { background: #325dcd; color: #fff; }
.panter_divs .par_cy > div.cur p, .panter_divs .par_cy > div:hover p { color: #fff; }*/


.complany_div { background: url("/com/images/bottom_bg.jpg") no-repeat; color: #fff; padding: 80px 0px; line-height: 200%; }
.complany_div p:nth-child(1) { font-size: 14px; }
.complany_div p:nth-child(2) { font-size: 22px; }


footer { background: #222222; color: #fff; width: 100%; padding: 60px 0px; font-size: 14px; box-sizing: border-box; line-height: 200%; }
footer h2 { font-size: 16px; position:relative; margin-bottom:30px;}
footer h2::after{ content:"";display:inline-block;width:20px;height:2px;background:#fff;position:absolute; bottom:-10px;left:0px;}
footer p { color: #c7c1c1; }
footer p a{ color: #fff; }
  
.comm_top_title { position: absolute; left: 0px; bottom: 0px; background: #325dcd; color: #fff; padding: 30px 50px 30px 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; line-height: 200%; }
.comm_top_title h2 { font-weight: bold; font-size: 26px; }
.comm_top_title p { }


.navs { width: calc(100%-1200px) }
.comm_nav ul li { float: left; padding: 20px 30px; cursor: pointer; }
.comm_nav ul li.cur a { color: #325dcd; }

.gray { color: #ababab; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f12 { font-size: 12px; }

.over1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.over2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.over3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.line { width: calc((100% - 1500px)/2 + 104px); border-bottom: 2px solid #325dcd; }



.news { margin: 60px 0px; }
.news > div { border-bottom: 1px solid #ddd; }
.news > div:hover { background: #fff; box-shadow: 0px 0px 20px #f1f1f1; border-bottom: 0px; }
.news > div:hover a { color: #333; }

.news_news { padding: 20px 0px; }
.news_news a { color: #333; }
.news_news > div:nth-child(1) { width: 25%; }
.news_news > div:nth-child(1) img { width: 280px; }
.news_news > div:nth-child(2) { width: 65%; text-align: left; font-size: 14px; }
.news_news > div:nth-child(2) p:nth-child(1) { font-weight: bold; margin-bottom: 20px; }
.news_news > div:nth-child(3) { width: 10%; text-align: right; }
.news_news span.add { background: #ddd; padding: 5px 10px; border-radius: 49px; color: #fff; display: inline-block; }
.news > div:hover span.add { background: #325dcd; }
.news_news .date { margin-bottom: 20px; font-size: 20px; }

.newContes { min-height: 300px; font-size: 14px; line-height: 200%; padding: 20px 0px; }
.newContes img { width: 100%; }

.news_title { text-align: center; font-size: 24px; font-weight: bold; margin: 50px 0px; }
.news_foot { padding: 20px 0px; }
.news_info { padding: 20px 0px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }



.groups { margin: 50px 0px; }
.groups > div { width: 31.3333%; margin-right: 2%; padding: 20px; font-size: 14px; margin-bottom: 20px; box-shadow: 0px 0px 45px #f1f1f1; }

.groups > div h2 { font-weight: bold; font-size: 20px; margin: 10px 0px 20px 0px; padding-bottom: 15px; position: relative; }
.groups > div h2:after { content: ""; width: 42px; border-block: 1px solid #325dcd; position: absolute; bottom: 0px; left: 0px; display: inline-block; }
.groups > div p { height: 120px; }

.acts { margin-top: 50px; }
.acts > div { margin-bottom: 30px; width: 31.3333%; margin-right: 2%;  }
.acts > div > a div { height: 270px; overflow: hidden; border-radius: 5px; }
.acts > div p { padding: 5px 0px; }

.acts > div p:last-child { line-height: 180%; height: 60px; overflow: hidden; }
.acts > div img { width: 100%; border-radius: 5px; }


.stafs { padding: 50px 0px; }
.stafs > div { margin-bottom: 30px; width: 23%; margin-right: 2%; }
.stafs > div:hover p { background: #325dcd; color: #fff; }
.stafs > div img { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.stafs > div p { background: #f7f7f7; text-align: center; padding: 10px 0px; font-size: 14px; }



.joins { padding: 50px 0px; }
.joins .search_div { position: relative; box-sizing: border-box; }
.joins .search_div input, .joins .search_div select { width: 100%; background: #f1f1f1; border: 0px; padding: 10px; }
.joins .search_div select { width: 90%; }
.joins .search_div > div:nth-child(1) { width: 30%; }
.joins .search_div > div:nth-child(2) { width: 70%; }




/*.joins .search_div > div:nth-child(3) { width: 70%; }*/
.joins .search_div img { position: absolute; right: 10px; top: 12px; }
.joins table { width: 100%; text-align: center; margin-top: 20px; }
.joins table tr td { padding: 15px 0px; border-bottom: 1px solid #f7f5f5; }
.joins table tr th { padding: 15px 0px; text-align: center; }
.joins table tr td a { padding: 5px 10px; display: inline-block; background: #cccccc; color: #fff; }
.joins table tr:hover td { background: #f1f1f1; }
.joins table tr:hover td a { background: #325dcd; }


.join_detail { padding: 50px 0px; }
.view-title { margin-top: 10px; margin-bottom: 30px; font-size: 30px; text-align: center; }
.view-content { line-height: 2; padding: 0 0 0 100px !important; box-sizing: border-box !important; text-align:justify; }
.yxBtn { text-align: center; margin-top: 30px; }
.yxBtn > a { display: inline-block; padding: 10px 20px; background: #0094ff; color: #fff; }


.join_table { margin: 0px 100px; width: 400px; }
.join_table tr td { padding: 10px 0px; }


.connect { padding: 50px 0px; font-size: 14px; }
.contact_comm { border-bottom: 1px solid #f1f1f1; color: #325dcd; font-size: 20px; font-weight: bold; height: 40px; }
.contact_comm img { height: 40px; }
.contact_comm span { border-bottom: 2px solid #325dcd; display: inline-block; height: 40px; }
.connect .connItems { margin: 30px 0px; }

.contactItem{margin-bottom:20px;}
.jtitem { width: 70%; }
.join_contents { padding: 30px 0px; min-height: 200px; }


.connItems .conn_item { width: 18%; margin-right: 2%; margin-bottom: 30px; }
.jtitem .conn_item { width: 18%; margin-right: 7%; margin-bottom: 30px; }

.conn_item { font-weight: bold; line-height: 200%; }
.conn_item p:nth-child(2) { border-bottom: 1px solid #f1f1f1; }


.about_fz { background: url(/com/images/develop_bg.jpg) no-repeat; height: 687px; background-size: cover; width: 100%; background-position: bottom; }

.section_item { padding: 50px 0px; }

.about_title { font-size: 28px; font-weight: bold; position: relative; height: 50px; }
.about_title:after { width: 46px; content: ""; border-bottom: 3px solid #325dcd; position: absolute; left: 0px; bottom: 0px; }


.section1 { font-size: 14px; }
.section1 > div > div:nth-child(1) { width: 20%; }
.section1 > div > div:nth-child(2) { width: 80%; }


.section2 { color: #fff; }
.section2 .about_title:after { border-bottom-color: #fff; }
.section2 .FZ_div > div:nth-child(1) { padding-top: 100px; }
.section2 .FZ_div > div:nth-child(1) img { margin-left: 80px; }
.section2 .FZ_div > div:nth-child(2) { text-align: center; cursor: pointer; font-size: 26px; margin-top: 250px; position: relative;  }
/*#section2 .FZ_div > div:nth-child(2) p { padding:20px 30px;background:#698795; display:inline-block;}*/


.section2 .FZ_div > div:nth-child(2) .span_line { width: 120px; margin: 0px 30px; height: 1px; background: #fff; margin-top: 18px; }
.section2 .FZ_div > div div.cur { font-weight: bold; position: relative; }
.section2 .FZ_div > div div.cur:after { content: ""; height: 6px; width: 6px; border-radius: 7px; position: absolute; bottom: -12px; left: 40%; display: inline-block; background: #fff; }
.section2 .FZ_div > div div.cur .show { display: block; }


.section2 .show { text-align: center; padding: 20px 30px; background: #7b8d97; display: inline-block; position: absolute; bottom:66px; display: none; width: 568px;  left: -262px; font-weight: normal; font-size: 20px; }
.section2 .arrow_down { position: absolute; left: 50%; bottom: -8px; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #7b8d97; }


#SwiperContent1 { position: relative; }
#SwiperContent1 .swiper-wrapper .swiper-slide { background: #fff; padding: 20px; cursor: pointer; }
#SwiperContent1 .swiper-wrapper .swiper-slide:hover { color: #325dcd; }
#SwiperContent1 .swiper-wrapper .swiper-slide > p { padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; }
#SwiperContent1 .swiper-wrapper .swiper-slide > p img { float: right; }
#SwiperContent1 .swiper-wrapper .swiper-slide > p .years { font-size: 26px; font-weight: bold; }
#SwiperContent1 .swiper-wrapper .swiper-slide > div { line-height: 200%; height: 96px; overflow: hidden; }



#SwiperContainer1 { width: 100%; }
#SwiperContainer1 img { width: 100%; }


.QYRYDIV .swiper-button-prev { position: absolute !important; left: -60px !important; background-image: url("/com/images/jiantouf.png") !important; }
.QYRYDIV .swiper-button-next { position: absolute !important; right: -60px !important; background-image: url("/com/images/jiantoul.png") !important; }

.ye_div > div:nth-child(1) { width: 30%; }
.ye_div > div:nth-child(2) { width: 70%; }
.ye_div > div:nth-child(2) > div { padding: 20px 0px; border-bottom: 1px solid #f1f1f1; }
.ye_div > div:nth-child(2) > div img { position: relative; top: 5px; margin-right: 20px; }




.banner-box { position: relative; }
.banner-box .swiper-container-horizontal > .swiper-pagination-bullets,
.banner-box .swiper-pagination-custom,
.banner-box .swiper-pagination-fraction { bottom: 20px; }
.banner-box .swiper-pagination { z-index: 999; }
.banner-box .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #ffffff; opacity: 1; }
.banner-box .swiper-pagination-bullet-active { background: #fb7921; }
.banner-box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.banner-box .swiper-button-prev { left: 50px; right: auto; }
.banner-box .swiper-button-next { left: auto; right: 50px; }
.banner-box .swiper-button-next,
.banner-box .swiper-button-prev { padding: 40px; border-radius: 6px; }


.qewh_div > div:first-child { width: 30%; font-weight: bold; font-size: 16px; }


.nav { width: auto; float: right;  }
.nav ul li { float: left; width: auto; display: block; position: relative;  height:96px;line-height:96px; }
.nav ul li .tit { display: block; text-align: center; font-size: .8rem; height: 96px; line-height: 96px; padding: 0 26px; position: relative; color: #333333; }
.nav ul li .tit.hasChild::after { display: inline-block; content: ""; background: url(/com/images/arrow.png) center no-repeat; width: .8rem; height: .8rem; vertical-align: middle; margin-left: 5px; }
.nav ul li:hover .tit,
.nav ul li.on .tit { color: #325dcd; }

.nav ul li .child { background-color: rgba(0, 0, 0, .5); display: none; position: absolute; top: 96px; left: 0; width: 100%; z-index: 99; text-align: center; }
.nav ul li:hover .child { display: block; }
.nav ul li .child a { display: block; line-height: 1.5; font-size: .8rem; color: #fff; padding: 10px 0; border-bottom: 1px solid rgba(46,46,46,.3); margin: 0 10px; }
.nav ul li .child a:hover { color: #ee7700; }


.hour { text-align: center; width: 100%; background: #f1f1f1; color: #335dcd; padding: 20px 0px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; margin: 40px 0px; font-size: 16px; }
.hour img { width: 20px; height: 20px; margin-right: 10px; }
.hour .tel { font-weight: bold; }
.contactItem .commItem { font-size: 20px; color: #335ccf; font-weight: bold; position: relative; border-bottom: 1px solid #f1f1f1; }
.contactItem .commItem p { width: 100px; border-bottom: 2px solid #335ccf; padding-bottom: 15px; }
.contactItem .commItem img { position: absolute; right: 0px; bottom: 0px; height: 40px; width: 40px; }
.contactInfo > div { width: 18%; margin-right: 20px; padding: 20px 0px; }
.contactInfo > div p { padding: 10px 0px; }
.contactInfo > div p:nth-child(1) { border-bottom: 1px solid #f1f1f1; }

.businessItem { margin: 40px 0px; }
.businessItem .info { height:60px;overflow:hidden;}
.businessItem > div { border-top-right-radius: 20px; border-bottom-left-radius: 20px; width: 30%; padding: 20px; }
.businessItem > div:nth-child(1) { background: #f9f2ec; }
.businessItem > div:nth-child(2) { background: #f4f4fc; }
.businessItem > div:nth-child(3) { background: #fdefef; }
.businessItem h2 { font-size: 16px; font-weight: bold; position: relative; padding: 10px 0px; margin-bottom: 40px }
.businessItem h2::after { content: ""; position: absolute; bottom: 0px; width: 30px; height: 3px; left: 0px; background: #fff; }
.businessItem img { position: absolute; right: 0px; top: 0px; width: 70px; }
.businessItem > div:nth-child(1) h2:after { background: #8c7b67; }
.businessItem > div:nth-child(2) h2:after { background: #325dcd; }
.businessItem > div:nth-child(3) h2:after { background: #e64741; }
.businessItem > div:nth-child(1) .busTel { background: #8c7b67; }
.businessItem > div:nth-child(2) .busTel { background: #325dcd; }
.businessItem > div:nth-child(3) .busTel { background: #e64741; }

.busTel { background: #8c7b67; color: #fff; border-top-right-radius: 5px; border-bottom-left-radius: 5px; padding: 10px 10px; text-align: center; margin: 30px 0px; }
.phoneDiv{display:none;}

.PhoneShow{display:none;}

#bdshare span { float: left; margin-right: 15px; position: relative; top: 10px; }
.bdshare-button-style1-24 a { margin-right: 15px; }
.copyright { padding: 20px 0px; border-top: 1px solid #4a4646;margin-top:20px; }
footer p a {color: #c7c1c1}

.menu-button { display: none; position: absolute; top: 8px; right: 15px; z-index: 999; padding: 10px 0; border-radius: 5px; }
.menu-button button { display: block; background: none; overflow: hidden; cursor: pointer; z-index: 1000; border: 0; width: 40px; height: 30px; padding: 0; outline: 0; position: relative; -webkit-appearance: none; -webkit-transition: .3s all; transition: .3s all; }
.menu-button button::before,
.menu-button button::after,
.menu-button button span { background: #414141; border-radius: 3px; }
.menu-button button::before,
.menu-button button::after { content: ''; position: absolute; height: 3px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .25s; transition: transform .25s; }
.menu-button button span { display: block; position: absolute; height: 3px; width: 80%; left: 0; top: 50%; margin-top: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity .25s; transition: opacity .25s }
.menu-button button::before { -webkit-transform: translate3d(0,-12px,0); transform: translate3d(0,-12px,0); }
.menu-button button::after { -webkit-transform: translate3d(0,12px,0); transform: translate3d(0,12px,0); width: 93%; }
.menu-button.open button span { opacity: 0; background: #fff; }
.menu-button.open button::before { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); background: #fff; }
.menu-button.open button::after { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); background: #fff; width: 100%; }

.ppDiv{height:222px; overflow:hidden; background:#fff;}
.loveDiv > div { width: 49%; margin-bottom: 40px; height: 230px; overflow: hidden; border-top-right-radius: 10px; border-bottom-left-radius: 10px; }
.loveDivItem > div { width: 50%;  }
.loveDivItem>div:nth-child(2) {background:#f5f5f5; padding:40px; line-height:150%; position:relative;}
.loveDiv .aixin { position:absolute; bottom:0px;right:0px; z-index:1;}

/*pad: w< 992*/
@media screen and (max-width: 992px) { 
     .logo{width:52%;}
    .wrap { width: 100%; padding-left: 10px; padding-right: 10px; }
    .about_fz{height:auto;}
    .index_news_nav ul li { padding: 5px 10px }
    .video img { width: 100%; height: auto; }
    .ppDiv { height: auto; }
    .businessItem .info { height: auto;   }
    .comm_top_title{display:none;}
    .PCShow{display:none;}
    .PhoneShow{display:block;}
    .title-s1 a { padding: 10px; }
    header .nav { display: none; }
    .menu-button { display: block; }
    .comm_nav ul{width:100%;}
    .comm_nav ul li { width: 100%; float: none; }

    .banner-box .swiper-button-next { right: auto; left: 4% !important; display:none; }
    .banner-box .swiper-button-prev { left: 0 !important; display:none; }

    .loveDiv > div{width:100%; height:120px; }
    .loveDivItem > div:nth-child(2) { background: #f5f5f5; padding: 10px; line-height: 150%; position: relative; text-align:justify; }
    .loveDiv .aixin { position: absolute; bottom: 60px; right: 0px; z-index: 1; height:60px;height:60px; }

    #SwiperContainer2 .swiper-button-next, .swiper-button-prev {  display:none;}


    .header .logoDiv{padding:20px 0px;}
    .smart-nav { display: block; }
    .smart-nav { position: fixed; width: 70%; z-index: 998; left: auto; right: -70%; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); padding-top: 88px; overflow: hidden; -webkit-transition: .3s all; transition: .3s all; }
    .smart-nav.open { right: 0; }
    .smart-nav ul { display: block; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, .5); overflow-y: auto; }
    .smart-nav ul li { float:none; position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; color:#fff;font-size:16px; padding:20px; }
    .smart-nav ul li a{color:#fff;}
    .smart-nav ul li.cur .nav_img{display:none;}
    .smart-nav ul li .tit { font-size: 1rem; text-indent: 1em; display: block; padding: 20px 0; color: #ffffff; }
    .smart-nav ul li .tit.ignore { background: none; }
    .smart-nav ul li .child { border-top: 1px solid rgba(206,206,206,0.5); display: none; }
    .smart-nav ul li .child a { display: block; padding: 5px 0; font-size: .9rem; line-height: 2; color: #eeeeee; text-indent: 2em; }
    .smart-nav ul li .child a:first-child { padding-top: 10px; }
    .smart-nav ul li .child a:last-child { padding-bottom: 10px; }

    .smart-nav ul li .tit:hover,
    .smart-nav ul li .child a:hover { background-color: #ffffff; color: #c91f20; }

    .news_item{height:auto;}
    .about_div, .news_item, .navs, .ye_div, .news_news, .businessItem { flex-wrap: wrap }
    .about_div > div, .news_item > div, .navs > div, .ye_div > div, .news_news > div, .acts > div, .stafs > div, .businessItem >div{ width: 100% !important; }
    .businessItem > div{margin-bottom:20px;}
    .contactInfo>div{width:50%; margin-right:0px;}

    .acts > div>a div{height:auto;}
    .joins table tr th { text-align: center; width:16%; }
    .joins table tr td{font-size:12px;}
    .joins table tr td a{padding:2px;}

    .ye_div > div:nth-child(1){margin-bottom:40px;}
    .ye_div .huanqiu { position: absolute; bottom: 0px;   right: 0px; height: 50px;   left:auto;}


    .news_news > div:nth-child(1) img { width: 100%; height: auto; }
    .news_news > div:nth-child(2) p:nth-child(1){margin-top:10px;}

    .navs > div:nth-child(2) { padding: 10px 0px; text-align: right; }
    .fzlc_div, .left_nav, .right_nav { display: none; }
    .phoneDiv{display:block;}
    .section2 .FZ_div > div:nth-child(1){padding-top:20px;}
    .phoneDiv > div { margin-top: 20px; border-bottom: 1px solid #687193; padding-bottom: 10px; }
    .phoneDiv > div:last-child {   border-bottom: 0px;  }
    .phoneDiv p.title { font-weight: bold; }

    .about_info { padding: 58px 10px; }
    .about_div > div:nth-child(1) { padding-right: 10px; }
    .about_div  .video{width:100%; margin-top:40px;}
    .video video, .video iframe{width:100%;}
    .about_line{display:none;}
    .index_news_nav { flex-wrap: wrap }
    .index_news_nav > div { width: 100%; }

    .news_bg{height:auto;}
    .index_news_div .wrap{padding-left:10px; padding-right:10px; padding-top:40px;padding-bottom:40px;}
    .news_nav{margin-top:20px;}
    .index_news_div{height:auto;}
    .news_item > div { margin-right: 0px; }

    .news_item > div{margin-bottom:20px; border:1px solid #f1f1f1; }
    .lines{display:none;}

    
    .panter_divs{height:auto;}
    .panter_divs .par_contents { padding-top:40px; padding-bottom:0px; }
    .parbg { width: 100%; height: auto; }
    .panter_divs .par_cy{margin-top:80px; margin-bottom:0px;}
    .panter_divs .par_cy > div{margin-bottom:20px; width:100%; }

    .complany_div{padding:20px; 0px;}
    .complany_div p:nth-child(2){font-size:14px;}
    .comm_nav ul li{ border-bottom:1px solid #f1f1f1;}

    .section_item > div { flex-wrap: wrap; }
    .section_item>div div  { width:100% !important;  }
    .view-content{margin-top:40px;}

    .QYRYItem{  background:#fff; margin-bottom:20px ; padding:10px;}
    .QYRYItem p img{float:right;}
    .QYRYItem .ryDiv img{height:30px;}

    .search-box { display: none; }
    .language { right: 65px; }

    .servlist ul li { width: 16.66%; }

    .footer .botnav { width: 100%; margin-top: 30px; }
    .footer .tbl-cell { display: block; text-align: center; }
    .guanzhu { padding-top: 25px; }
    .footer .contact.m-top-m { margin-top: 20px; }
    #SwiperContent video { width: 100% !important; height: auto !important; object-fit: fill; }
    .AboutbgImg1 { display: none !important; }
    .GSJSContent { width: 100% !important; }

    .PCShow { display: none !important; }
    .MobileShow { display: block !important; }
    .view-content { padding: 0px !important; box-sizing: border-box !important; }
    .view-content img { width: 100% !important; height: auto !important; left: auto !important; margin-left: auto !important; }
    .copyright{text-align:center;}

}







/*.menu-button { display: none; position: absolute; top: 20px; right: 15px; z-index: 999; padding: 10px 0; border-radius: 5px; }
.menu-button button { display: block; background: none; overflow: hidden; cursor: pointer; z-index: 1000; border: 0; width: 40px; height: 30px; padding: 0; outline: 0; position: relative; -webkit-appearance: none; -webkit-transition: .3s all; transition: .3s all; }
.menu-button button::before,
.menu-button button::after,
.menu-button button span { background: #414141; border-radius: 3px; }
.menu-button button::before,
.menu-button button::after { content: ''; position: absolute; height: 3px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .25s; transition: transform .25s; }
.menu-button button span { display: block; position: absolute; height: 3px; width: 80%; left: 0; top: 50%; margin-top: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity .25s; transition: opacity .25s }
.menu-button button::before { -webkit-transform: translate3d(0,-12px,0); transform: translate3d(0,-12px,0); }
.menu-button button::after { -webkit-transform: translate3d(0,12px,0); transform: translate3d(0,12px,0); width: 93%; }
.menu-button.open button span { opacity: 0; background: #fff; }
.menu-button.open button::before { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); background: #fff; }
.menu-button.open button::after { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); background: #fff; width: 100%; }
 */ .pagination-container { text-align: center; margin-top: 50px; display: inline-block; width: 100%; }
.pagination-container ul { display: inline-block; margin-left: 0px; margin-right: 0px; }
.pagination-container ul li { display: inline-block; float: none; width: auto; padding: 2px 8px; background: #f2f2f2; color: #000; }
.pagination-container ul li.active { background: #2e60d1; color: #fff; }
.pagination-container ul li.active a { background: #325dcd; color: #fff; }
.pagination-container, .pagers strong { display: inline-block; padding: 5px 15px; margin: 0 4px; border-radius: 5px; }
.pagination-container a:hover, .pagers strong { background: #325dcd; color: #fff; border: 1px solid #325dcd; }


.pagers { text-align: center; margin-top: 50px; display: inline-block; width: 100%;   }
.pagers ul { display: inline-block; margin-left: 0px; margin-right: 0px; }
.pagers ul li { display: inline-block; float: none; width: auto; padding: 2px 8px; color: #000; }
.pagers ul li.active { background: #2e60d1; color: #fff; }
.pagers ul li.active a { background: #325dcd; color: #fff; }
/*.pagers, .pagers strong { display: inline-block; padding: 5px 15px; margin: 0 4px; border-radius: 5px; }*/
.pagers a:hover, .pagers strong { background: #325dcd; color: #fff; border: 1px solid #325dcd; }