@charset "utf-8";
/* CSS Document */
html { font-size: 20px; }
body { font-size: 16px; color: #000; font-family: 'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif; }
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: #0080ff; -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; }
 .blod{font-weight:bold;}
.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; }
.left{text-align:left;}
.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; }

.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: 1400px; margin: auto; padding: 0; }
.wrap2 { width: 1300px; margin: 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(../images/beijing.png) center bottom no-repeat; }

.p-top-10 { padding-top: 10px; }
.p-top-15 { padding-top: 15px; }
.p-top-40 { padding-top: 40px; }
.p-top-80 { padding-top: 80px; }
.p-top-100 { padding-top: 100px; }

.p-bot-10 { padding-bottom: 10px; }
.p-bot-15 { padding-bottom: 15px; }
.p-bot-20 { padding-bottom: 20px; }
.p-bot-40 { padding-bottom: 40px; }
.p-bot-80 { padding-bottom: 80px; }
.p-bot-100 { padding-bottom: 100px; }

.m-top-5 { margin-top: 5px; }
.m-top-10 { margin-top: 10px; }
.m-top-15 { margin-top: 15px; }
.m-top-20 { margin-top: 15px; }
.m-top-30 { margin-top: 15px; }
.m-top-40 { margin-top: 40px; }
.m-top-80 { margin-top: 80px; }
.m-top-100 { margin-top: 100px; }

.m-bot-10 { margin-bottom: 10px; }
.m-bot-20 { margin-bottom: 20px; }
.m-bot-15 { margin-bottom: 15px; }
.m-bot-40 { margin-bottom: 40px; }
.m-bot-80 { margin-bottom: 80px; }
.m-bot-100 { margin-bottom: 100px; }

.m-rig-5 { margin-right: 5px; }
.m-rig-10 { margin-right: 10px; }
.m-rig-15 { margin-right: 15px; }
.m-rig-40 { margin-right: 40px; }
.m-rig-80 { margin-right: 80px; }
.m-rig-100 { margin-right: 100px; }

.m-lef-5 { margin-left: 5px; }
.m-lef-10 { margin-left: 10px; }
.m-lef-15 { margin-left: 15px; }
.m-lef-40 { margin-left: 40px; }
.m-lef-80 { margin-left: 80px; }
.m-lef-100 { margin-left: 100px; }


/*.header .logo { float: left; width: auto; padding: 28px 0; }*/
.header { display: inline-block;   background:#fff; border-radius:5px;   position:relative;margin-top:50px;width:100% !important;   z-index:99;}
.header .logoDiv { background: #ba9489; padding: 0px 20px; }
.header .logo { width: auto;  margin-top:15px; }


.flex_row { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; }
.flex_row1 { 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; }

.gray { color: #898686; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f12 { font-size: 12px; }
.f30 { font-size: 30px; }
.f25 { font-size: 25px; }
.f35 { font-size: 35px; }
.f40 { font-size: 40px; }



.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; }

.lh_150 { line-height: 150%; }
.lh_200{line-height:200%;}


.search-box { position: absolute; right: 50px; top: 50%; width: 40px; height: 40px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.language { position: absolute; right: 0; top: 32px; width: 100px; height: 30px; background: #f7f7f7; text-align: center; line-height: 30px; border-radius: 20px; }
.language a { color: #7f7f7f }
.search-box .form-control { position: absolute; right: 50px; top: 0; overflow: hidden; width: 0; opacity: 0; background: #eee; transition: 0.3s; z-index: 99; }
.search-box .btn-search { position: absolute; right: 50px; top: 0; height: 40px; border: none; cursor: pointer; width: 40px; background: url(../images/sou.png) center center no-repeat; z-index: 98; }
.search-box:hover .form-control { width: 200px; opacity: 1; }

.nav { width: 100%; float: right;  }
.nav ul li { float: left; width: 12.5%; display: block; position: relative; text-align:center; padding:25px 0px; }
.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(../images/arrow.png) center no-repeat; width: .8rem; height: .8rem; vertical-align: middle; margin-left: 5px; }
.nav ul li.cur a { color: #ba9489;font-weight:bold; }
.nav ul>li.cur>a::after { content: ""; width: 26px; height: 4px; background: #ba9489; display: inline-block; position: absolute; left: 42%; bottom: 13px; border-radius: 5px; }  

.nav ul li .child { background-color: rgba(0, 0, 0, .5); display: none; position: absolute; top: 72px; 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: #ba9489; }

.top_img{margin-top:-120px;}
.comm_bg { position: absolute; z-index: -1; width: 100%; height: 100%; top:0px; }
.member_info{padding:60px 0px; height:460px; overflow:hidden;}

.member_info > div { width: 50%; }
.member_info > div:nth-child(1) { padding-right: 100px; }
.member_info > div:nth-child(2) { padding-left:100px; }
.member_info div .title {font-weight:bold; margin:20px 0px;}
.member_info button { width: 200px; border-radius: 5px; border:1px solid #ba9489;  padding:15px 0px; cursor:pointer; }
.member_info  button.btn1 { background: #ba9489; color: #fff;}
.member_info button.btn2 { background:none; color: #ba9489; }

.memer_icon > div { width: 50%; text-align: center; margin-bottom:20px; }
.memer_icon>div img{ height:80px;}

.index_news_div{height:540px; overflow:hidden;}
.commplay_div { padding: 60px 0px; }
.commplay_div .title { font-weight: bold; font-size: 25px; }
.commplay_div > div { width: 50%; }
.commplay_div button { width: 200px; border-radius: 5px; border: 1px solid #ba9489; padding: 15px 0px; background: #ba9489; color: #fff;  cursor:pointer;}
.commplay_div .videoImg img, .commplay_div .videoImg video{width:565px;height:400px; border-radius:10px;}

.jdppDiv .titles, .jtdtDiv .titles { text-align: center; font-size: 25px; position: relative; padding: 80px 0px; font-weight: bold; }
.jdppDiv .titles::after, .jtdtDiv .titles::after { position: absolute; content: ""; width: 30px; height: 4px; background: #bc968b; bottom: 65px; left: 50%; margin-left: -15px; }
.jdppDiv .ppImg{border-radius:10px; width:100%;height:auto;}
/*.jdppItem > div:nth-child(1) { width: 60%; }
.jdppItem > div:nth-child(2) { width: 40%; }*/
.jdppItem{margin-bottom:100px;}
.jdppItem > div.j1 { width: 60%; }
.jdppItem > div.j2 { width: 40%;  margin-top:30px;}
.jdppItem .line { position: relative;  z-index: 9; }
.jdppItem .line1 { left: -30px; }
.jdppItem .line2 { right: -30px; }
.jdppItem .j2 > .div1 { margin-left: 60px; margin-top: 60px; }
.jdppItem .j2 > .div2 { margin-right: 60px; margin-top: 60px; }
.jdppItem .j2 > div .title { font-size: 25px; font-weight: bold; margin-bottom: 30px; }
.jdppItem .j2 > div button { width: 150px;   border: 1px solid #ba9489; padding: 14px 0px; background:#ba9489;color:#fff;  border-radius:50px;margin-top:40px; }


.jtdtDiv{height:756px; position:relative; }
.jtNews > div { border-radius: 5px; height: 470px; overflow: hidden; }
.jtNews > div:nth-child(1) { width: 28%; background: #fff; padding: 20px; }
.jtNews > div:nth-child(1):hover img { transform: scale3d(1.04, 1.04, 1); transition: .5s ease-in-out; }
.jtNews > div:nth-child(1) img { width: 100%; border-radius: 5px; transition: .5s ease-in-out;  max-height:370px;}
.jtNews > div:nth-child(2) { width:25%; }
.jtNews > div:nth-child(3) { width: 44%; background: #fff; padding: 20px; }


.jtNews .newsCenter { background: #fff; margin-bottom: 20px; padding: 20px; border-radius: 5px; }
.jtNews .newsCenter > div { border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; }
.jtNews .newsCenter p.title { margin: 20px 0px; }
/*.jtNews .newsCenter p.des {height:80px; }*/

.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; }
  .newsRight { border-bottom: 1px solid #f1f1f1; margin-bottom: 25px; padding-bottom: 25px; cursor:pointer; }
.jtNews > div:nth-child(3) a:last-child  div.newsRight { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; }
/*.newsRight:last-child { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; }*/
.newsRight > div:nth-child(1) { background: #f7f7f7; padding: 20px; width: 20%; border-radius: 10px; text-align: center; margin-right: 20px; }
.newsRight  > div:nth-child(2) {  width: 80%;   }
.newsRight .title{margin:10px 0px;}

.newsRight:hover > div:nth-child(1) { background: #ba9489; color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.newsRight:hover .title { color: #ba9489; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }


.comNav { background: #f0ebe7; }
.comm_nav ul li { float: left; padding: 25px 30px; cursor: pointer; }
.comm_nav ul li.cur { background: #ba9489;  color:#fff;}
.comm_nav ul li.cur a { color: #fff; }






/*新闻资讯*/

.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: 30px 0px; }
.news_news a { color: #333; }
.news_news > div:nth-child(1) { width: 25%; }
.news_news > div:nth-child(1) img { width: 280px;  border-radius:5px; max-height:300px;}
.news_news > div:nth-child(2) { width: 67%; text-align: left;   }
.news_news > div:nth-child(2) p:nth-child(1) { font-weight: bold; margin-bottom: 20px; }
.news_news > div:nth-child(3) { width: 8%; background: #f1f1f1; text-align: center; border-radius: 10px;   height:100px;  padding-top:10px;}
.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; }



/*新闻资讯*/


/*合作加盟*/
.hzDiv { border-radius: 10px; height: 416px; overflow: hidden; margin-top: 100px; }
.hzDiv > div { width: 50%; }
.hzDiv > div:nth-child(1) { background: #f3f3f3; padding: 40px 80px; height: 100%; }
.hzDiv > div:nth-child(1) div p { margin-bottom: 20px; }
.hzTitle { font-size: 30px; font-weight: bold; position: relative; margin-bottom: 40px }
.hzTitle:after { height: 4px; background: #bc968b; content: ""; width: 50px; display: inline-block; position: absolute; left: 0px; bottom: -15px; }
.jmysDiv { padding: 80px 0px; height: 778px; }
.jmysDiv .hzTitle, .ppzlDiv .hzTitle, .jjwyDiv .hzTitle, .jdtzDiv .hzTitle, .jmtjDiv .hzTitle, .jmlcDiv .hzTitle { text-align: center; margin-bottom: 80px; }
.jmysDiv .hzTitle::after, .ppzlDiv .hzTitle::after, .jjwyDiv .hzTitle::after, .jdtzDiv .hzTitle::after, .jmtjDiv .hzTitle::after, .jmlcDiv .hzTitle::after { left: 50%; margin-left: -20px; }


.jmItem { margin-top: 80px; }
.jmItem > div { background: #fff; padding: 20px; border-radius: 10px; width: 19%; margin-bottom:20px; }
.jmItem > div img { margin: 20px 0px; }
.jmItem > div p { padding-left: 20px; position: relative; line-height: 150%; margin-bottom: 10px; }
.clo { height: 10px; width: 10px; border-radius: 10px; display: inline-block; margin-right: 5px; background: #ddd; position: absolute; left: 0px; top: 8px; }
.jmItem > div:nth-child(1) .clo { background: #2a6df0; }
.jmItem > div:nth-child(2) .clo { background: #5dce8c; }
.jmItem > div:nth-child(3) .clo { background: #f0886b; }
.jmItem > div:nth-child(4) .clo { background: #ec414a; }
.jmItem > div:nth-child(5) .clo { background: #9030f4; }
.jmtjDivItem > div > div{padding:10px;}


.ppzlDiv { padding: 80px 0px; }
.jjwyDivItem > div { border-radius: 10px; padding: 60px 40px; }
.jjwyDivItem > div h2 { text-align: center; font-size: 25px; }
.jjwyDivItem > div:nth-child(1) { width: 59%; background: #f0ebe7; }
.jjwyDivItem > div:nth-child(2) { width: 39%; background: #f6f6f6; }
.jjwyDivItem input[type="text"] { background: #fff; border: 0px; height: 50px; line-height: 50px; width: 100%; border-radius: 5px; position: relative; top: -10px; }
.formItem { margin-top: 40px; }
.formItem > div { margin-bottom: 20px; }
.jmButton { width: 100%; background: #5177f4; color: #fff; border-radius: 5px; padding: 15px 0px; border: 0px; }
.fItem > div:nth-child(1) { width: 10%; }
.fItem > div:nth-child(2) { width: 90%; }

.jdtzDiv { margin-top: 60px; margin-bottom: 60px; }
.jjwyDivItem .infos { margin-top: 40px; }
.jjwyDivItem .infos p { margin-top: 40px }

.jdtzDiv .tzItem > div:nth-child(1) { width: 49%; background: #f6f6f6; padding: 40px; border-radius: 10px; }
.jdtzDiv .tzItem > div:nth-child(2) { width: 49%; }
.jdtzDiv .tzItem > div:nth-child(2) img { width: 59%; width: 100%; height: auto; }
.tzItems > div { margin-bottom: 20px; }
.tzItems > div input { background: #fff; border: 1px solid #f1f1f1; height: 50px; line-height: 50px; width: 100%; border-radius: 5px; padding-left: 20px; position: relative; top: -10px; }
.tzItems > div > div:nth-child(1) { width: 20%; }
.tzItems > div > div:nth-child(2) { width: 65%; }
.tzItems > div > div:nth-child(3) { width: 15%; text-align: right; }
.jmtjDivItem > div { width: 48%; border-radius: 10px; border: 1px solid #58cbaa; line-height:200%; margin-bottom:20px; margin-bottom:40px; }
.jmtjDivItem > div:nth-child(1) { border: 2px solid #58cbaa; }
.jmtjDivItem > div:nth-child(2) { border: 2px solid #5177f4; }
.jmtjDivItem > div:nth-child(3) { border: 2px solid #ff9630; }
.jmtjDivItem > div:nth-child(4) { border: 2px solid #d7ab4c; }

.jmtjDivItem .topTitle{font-size:30px;font-weight:bold;color:#fff;padding:20px 0px; text-align:center;}
.jmtjDivItem > div:nth-child(1) .topTitle {background:#58cbaa ; }
.jmtjDivItem > div:nth-child(2) .topTitle { background: #5177f4; }
.jmtjDivItem > div:nth-child(3) .topTitle { background: #ff9630; }
.jmtjDivItem > div:nth-child(4) .topTitle { background: #d7ab4c; }

.jmtjDivItem > div>div{padding:30px;}
.jmtjDivItem .title {   margin-bottom: 30px; font-size: 20px; }
.jmtjDivItem table {   width:100%;  margin-bottom:30px; }
.jmtjDivItem table tr th { border: 1px solid #fff; background: #58cbaa; color: #fff; padding: 10px 0px; text-align: center; }
.jmtjDivItem > div:nth-child(2) table tr th { background: #5177f4; }
.jmtjDivItem > div:nth-child(3) table tr th { background: #ff9630; }
.jmtjDivItem > div:nth-child(4) table tr th { background: #d7ab4c; }
.jmtjDivItem table tr th:nth-child(1) { border-top-left-radius: 5px; }
.jmtjDivItem table tr th:nth-child(2) { border-top-right-radius: 5px; }


.jmtjDivItem table tr td { border: 1px solid #ddd; background: #f3f3f3; padding: 10px 0px; text-align: center; }

.jmlcDivItem1 { margin-bottom: 180px; }
.jmlcDivItem > div { border-radius: 10px; padding: 20px; position: relative; text-align: center; line-height: 200%; height: 280px; }
.jmlcDivItem > div p.nums { position:absolute; width:80px;height:80px; line-height:80px;font-size:30px; left:50%;margin-left:-40px; border-radius:80px;  text-align:center;background:#ff4948;color:#fff; top:-40px;}
.jmlcDivItem > div.item { width: 30%; background: #fff; }
.jmlcDivItem .jiantou {  margin-top:100px; }
.jmlcDivItem > div h2 { font-size:20px;margin-top:60px; font-weight:bold;margin-bottom:20px;}
.jmlcDiv .xiamian { position: absolute; bottom: -90px; height: 80px; line-height: 80px; text-align: right; left: 50%; margin-left: -10px; }


.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; margin-bottom:20px; }
.contactItem .commItem p { width: 240px; border-bottom: 2px solid #335ccf; padding-bottom: 15px; }
.contactItem .commItem img { position: absolute; right: 0px; bottom: 0px; height: 40px; width: 40px; }

.contactInfo > div { width: 20%;  padding: 20px 0px; text-align:center; margin-bottom:40px; }
.contactInfo > div img { width:150px;height:auto; }
.contactInfo > div p { padding: 10px 0px; color: #000; font-size:16px; }
 
.contactInfo > div:hover p{color:#335ccf;}



/*商旅客户*/
.comStep > div { margin-bottom: 40px; line-height: 150%; }
.comStep > div.stepItem { width: 20%; background: #f8f8f8; border-radius: 10px; padding: 40px; text-align:center; height:300px;}
.comStep > div.stepRight { width: 5%; text-align:center; }
.comStep p.num { width: 50px; height: 50px; border-radius: 50px; background: #fff; font-weight: bold; color: #ba9489; display: inline-block; line-height: 50px; text-align: center; font-size:30px; margin-bottom:40px; }
.comStep .downLoad{background:#ba9489;color:#fff;width:150px; padding:10px 0px; border-radius:5px; display:inline-block;margin-top:30px; }
.mdInfo{background:#f8f8f8; text-align:center; padding:40px; margin-top:40px; margin-bottom:80px;}

.joinDiv{margin:80px 0px;}
.joinDivItem { margin-top: 40px; }
.joinDivItem .nums{position:absolute;right:0px; font-weight:bold; font-size:30px; top:10px;  color:#fff; right:15px; }
.joinDivItem > div { position: relative; width: 31%; height: 300px; margin-bottom: 30px;  }
.aboutZZH .aboutContent { padding-right: 40px; }
.joinDivItem .kuang { position: absolute; top:0px; }

.joinDivItem .itemTop { margin: 80px 40px 60px 40px; }
 
.joinDivItem .itemBottom { padding:0px 40px; }

.video img{border-radius:10px;}
#allmap { width: 100%; height: 500px; margin-top: 20px;  }
.section_item>div:nth-child(1){padding-right:40px;}
.connDivItem>div{ border-radius:10px;border:2px solid #f1f1f1; width:23%; text-align:center; padding:20px; margin-bottom:20px;}
.joins table tr th{width:16%;}
.contactInfo > div{width:20%;}


.joins { padding: 50px 0px; }
.joins .search_div { position: relative; box-sizing: border-box;   }
.joins .search_div input, .joins .search_div select { width: 100%; border: 1px solid #f1f1f1; border-radius:5px; padding: 15px; }
.joins .search_div select { width: 90%;  }
.joins .search_div > div:nth-child(1) { width: 30%; }
.joins .search_div > div:nth-child(2) { width: 70%; }
#search { position: absolute; right: 0px; background: #ba9489; color: #fff; border: 0px; height: 50px; width: 80px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }


/*.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 { border: 1px solid #f7f5f5; border-radius: 5px; }
.joins table tr td { padding: 20px 0px;  }
.joins table tr th { padding: 20px 0px; text-align: center; background:#f5f5f5; }
.joins table tr td a { padding: 5px 20px; display: inline-block; background: #cccccc; color: #fff; border-radius:5px;}
.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; }



.txDivItem { margin-top: 140px; }
.txDivItem > div { box-shadow: 1px 5px 20px rgb(206, 201, 201); padding: 10px; border-radius: 10px; width: 23%; }
.txDivItem > div:hover, .joinCustomDivItem > div:hover, .gsjjItem > div:hover, .jmItem > div:hover, .jmtjDivItem > div:hover, .jmlcDivItem > div.item:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); -webkit-transform: scale(1.01); transform: scale(1.01); }
.customDivItem > div:hover img, .member_info button:hover, .img_show > img:hover, .commplay_div button:hover, .jmlcDivItem > div.item:hover .nums, .jdppItem button:hover{ -webkit-transform: scale(1.05); transform: scale(1.05); } 


.txDivItem > div img { margin-top: -80px; }
.txDivItem > div > div { margin-top: 40px; padding: 0px 20px; line-height: 200%; }
.scal { height: 6px; width: 6px; border-radius: 6px; background: #3893e6; display: inline-block; margin-right: 10px; }
.txDivItem > div:nth-child(1) .scal { background: #3893e6; }
.txDivItem > div:nth-child(2) .scal { background: #aebfd3; }
.txDivItem > div:nth-child(3) .scal { background: #f3974a; }
.txDivItem > div:nth-child(4) .scal { background: #edb67e; }
.customDiv { margin-top: 100px; }
.customDivItem > div { width: 23%; background: #f7ede3; padding: 40px 20px; border-radius: 10px; text-align: center;  margin-bottom:20px;}
.customDivItem > div img { height: 76px; width: 76px; }
.customDivItem > div > div:nth-child(1) { width: 50%; }
.customDivItem > div > div:nth-child(2) { width: 50%; }

.joinCustomDiv { margin-top: 100px; }
.joinCustomDivItem > div { box-shadow: 1px 5px 20px rgb(206, 201, 201); padding: 20px; width: 23%; text-align: center; border-radius: 10px;  margin-bottom:20px;}



.gsjjDIv > div:nth-child(1) { width: 20%; }
.gsjjDIv > div:nth-child(2) { width: 80%; }

.gsjjItem > div { width: 23%; border-radius: 10px; text-align: center; overflow: hidden; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3); cursor: pointer;  margin-bottom:20px;}
.gsjjItem > div:nth-child(1) div.topItem { background: #28c7b3; }
.gsjjItem > div:nth-child(2) div.topItem { background: #0080ff; }
.gsjjItem > div:nth-child(3) div.topItem { background: #ff8448; }
.gsjjItem > div:nth-child(4) div.topItem { background: #fb5d5c; }
.gsjjItem div.topItem { color: #fff; padding: 40px 0px; }
.gsjjItem div.botItem { padding: 40px; height: 150px; }
.fzlcDiv { color: #fff; height: 580px; vertical-align: middle; }
.fzlcDiv .line{height:1px ;  position:absolute; top:50%;width:100%; background:#fff;}
.fzlcDivItem { justify-content: center; position: absolute; top: 50%; margin-top: -110px; }
.fzlcDivItem > div { width: 10%; text-align: center; }
.fzTop, .fzBom { height: 60px; width: 100%; overflow: hidden; }
.fzlcDiv h2.hzTitle { text-align: center; padding-top: 40px; }
.fzlcDiv .hzTitle::after { left: 50%; margin-left: -20px; background: #fff; }
.qyryDivs .hzTitle::after { left: 50%; margin-left: -20px; background: #0081ff; }
.gsjjDIv .hzTitle::after { background: #0081ff; }

.fzlcDivItem p.cacle span { height: 25px; width: 25px; border-radius: 25px; display: inline-block; background: #fff; }

.qyryDivsItem > div { background-image: url(/com/images/kuan.jpg); background-size: cover; background-repeat: no-repeat; width: 23%; margin-bottom: 20px; text-align: center; height: 166px; margin-bottom: 30px; align-items: center; line-height: 200%; padding-top: 50px; }
.qyryDivsItem > div > p:last-child { color: #0080ff; }
.imgDivs img { width: 100%; height:auto; }

.fzlcDivItem > div:hover p { color: #ba9489; }
.fzlcDivItem > div:hover p.cacle span { background: #ba9489; -webkit-transform: scale(1.10); transform: scale(1.10);  transition-duration: 0.2s; }



.PhoneShow { display: none; }




.menu-button { display: none; position: absolute; top: 7px; 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%; }

.banner-box { position: relative; z-index:1;margin-top:-120px; }
.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; }

.nbanner-box { position: relative; overflow: hidden; }
.nbanner-box .box { position: absolute; left: 50%; margin-left: -960px; width: 1920px; }
.nbanner-box h3 { position: absolute; left: 45%; top: 50%; color: #fff; font-size: 36px; }

.n2banner-box { background-color: #333333; padding: 120px 0; }
.n2banner-box h3 { color: #fb7921; font-size: 1.6rem; }
.n2banner-box p { color: #ffffff; font-size: 1.3rem; margin-top: 20px; line-height: 1.5; }

.tianjia_zi { overflow: hidden; position: absolute; bottom: 0; left: 0; margin-left: 40px; margin-bottom: 30px; }
.tianjia_zi h4 { color: #fff; font-size: 24px; }
.tianjia_zi span.bottom_ling { color: #fff; width: 35px; height: 2px; background: #fff; margin-top: 15px; }

.title-box-s1 .tabs-s1 { position: absolute; right: 0; bottom: 0; }

.title_linek { display: block; width: 30px; height: 3px; background: #c0c0c0; }
.horizontal { margin-bottom: 40px; }
.title-s1 { position: relative; text-align: center; }
.title-s1 a { padding: 30px; font-size: 20px; border-bottom: 1px solid #b3b3b3; }
.title-s1 a.on { border-bottom: 3px solid #0080ff; color: #0080ff; }
.title-s1 a:hover { color: #0080ff; }
.title-s1 h2 { font-size: 30px; }
.title-s1 span { display: inline-block; font-size: .7rem; color: #999999; margin-left: 5px; }
.title-s1 p { color: #999999; line-height: 2; }

.title-s2 { text-align: center; margin-bottom: 40px; }
.title-s2 span { font-size: .7rem; display: block; color: #999999; margin-bottom: 5px; text-align: center; }
.title-s2 h2 { display: inline-block; font-size: 1.6rem; text-align: center; position: relative; }
.title-s2 h2 i { display: inline-block; background-color: #ffffff; padding: 0 10px; position: relative; z-index: 9; }
.title-s2 h2::after { content: ""; display: block; position: absolute; top: 50%; left: -30px; right: -30px; border-bottom: #ccc 1px solid; z-index: 8; }
.title-s2 p { color: #999999; line-height: 2; }

.title-s3 { padding-bottom: 20px; position: relative; text-align: center; }
.title-s3 h2 { font-size: 1.8rem; color: #fb7921; }
.title-s3 span { display: block; font-size: .8rem; color: #999999; }


.tabs-s1 ul { margin-left: -10px; margin-top: 5px; }
.tabs-s1 ul li { display: block; float: left; padding-left: 10px; padding-top: 5px; }
.tabs-s1 ul li a { display: block; background-color: #f6f6f6; padding: 10px 30px; text-align: center; }
.tabs-s1 ul li a.on { background-color: #fb7921; color: #ffffff; }

.list-s1 ul { margin-left: -30px; margin-top: 20px; }
.list-s1 ul li { width: 33.333333%; float: left; padding-left: 30px; padding-top: 30px; }
.list-s1 ul li a { border: #e5e5e5 1px solid; background-color: #ffffff; transition: 0.3s; -webkit-transition: 0.3s; }
.list-s1 ul li a:hover { box-shadow: 1px 15px 30px rgba(0, 0, 0, 0.1); }
.list-s1 ul li .img-box { display: block; }
.list-s1 ul li .img-box img { width: 100%; display: block; }
.list-s1 ul li a:hover .img-box img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; }
.list-s1 ul li .txt-box { padding: 10px 20px; }
.list-s1 ul li span { display: block; line-height: 2; font-weight: 700; }
.list-s1 ul li em { display: block; line-height: 2; border-top: #e5e5e5 1px solid; font-size: .7rem; color: #999; margin-top: 5px; padding-top: 5px; }
.list-s1 ul li a:hover span { color: #ee7700; }

.list-s2 { overflow: hidden; }
.list-s2 ul { margin-left: -30px; margin-top: 20px; }
.list-s2 ul li { width: 33.333%; float: left; padding-left: 30px; padding-top: 30px; }
.list-s2 ul li a { display: block; background-color: #ffffff; }
.list-s2 ul li .img-box { display: block; height: 266px; overflow: hidden }
.list-s2 ul li .img-box img { width: 100%; display: block; }
.list-s2 ul li .txt-box { padding: 10px 20px; }
.list-s2 ul li .txt-box h1 { font-size: 14px; color: #666; padding-top: 10px; padding-bottom: 10px; }
.list-s2 ul li em { display: block; line-height: 2; font-size: .9rem; color: #2f2f2f; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-s2 ul li p { display: block; line-height: 1.5; font-size: .7rem; color: #999; padding-top: 10px; padding-bottom: 10px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; }
.list-s2 ul li time { display: block; margin-top: 20px; padding-top: 20px; line-height: 2; border-top: #dfdfdf 1px solid; font-size: .7rem; color: #999; }
.list-s2 ul li a:hover { background-color: #0080ff; }
.list-s2 ul li a:hover h1 { color: #ffffff; }
.list-s2 ul li a:hover em { color: #ffffff; }
.list-s2 ul li a:hover time span { background: url(../images/huyt.png) right no-repeat; }
.list-s2 ul li a:hover p,
.list-s2 ul li a:hover time { color: rgba(255,255,255,.8); }
.list-s2 ul li time { border-top: #f2f2f2 2px solid; }
.list-s2 ul li time span { display: block; background: url(../images/arrows.png) right no-repeat; }

.info-thumbnail { position: relative; padding: 0 0 1px 0; border: 0; color: inherit; margin-bottom: 0; background-color: transparent; }
.info-thumbnail .service { opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); text-align: center; color: #fff; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.info-thumbnail .service:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.info-thumbnail .service .service-name { display: inline-block; text-align: center; vertical-align: middle; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s; width: 90%; line-height: 2; }
.info-thumbnail .service .service-name h2 { font-size: 20px; font-weight: bold; padding-bottom: 15px; }
.service-name p { font-size: 0.86em; padding-left: 50px; padding-right: 50px; }
.info-thumbnail .service .service-name .btn-service { background-color: transparent; border-color: #fff; color: #fff; padding: 5px 40px; margin-top: 20px; display: inline-block; border-radius: 5px; }
.info-thumbnail .service .service-name .btn-service:hover { background-color: rgba(255, 255, 255, 0.3); }
.info-thumbnail-link:hover .tianjia_zi { display: none; opacity: 0; }
.info-thumbnail .tianjia_zi:before { display: none; opacity: 0; width: 0; height: 100%; }
.info-thumbnail-link:hover .info-thumbnail .service { opacity: 1; filter: alpha(opacity=100); }
.info-thumbnail-link:hover .info-thumbnail .service .service-name { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }

.list-s3 ul { display: block; margin-left: -15px; margin-top: -15px; }
.list-s3 ul li { width: 16.66%; float: left; padding-left: 15px; padding-top: 15px; }
.list-s3 ul li img { border: #dfdfdf 1px solid; border-radius: 4px; }

.list-s4 { overflow: hidden; }
.list-s4 ul { margin-left: -30px; margin-top: 20px; }
.list-s4 ul li { width: 25%; float: left; padding-left: 30px; padding-top: 30px; }
.list-s4 ul li a { display: block; border: #e5e5e5 1px solid; }
.list-s4 ul li .img-box { display: block; overflow: hidden; }
.list-s4 ul li .img-box img { width: 100%; display: block; -webkit-transform: rotate(0deg) scale(1) translate(0px, 0px); -ms-transform: rotate(0deg) scale(1) translate(0px, 0px); transform: rotate(0deg) scale(1) translate(0px, 0px); transition: all 0.5s ease; }
.list-s4 ul li a:hover .img-box img { -webkit-transform: rotate(0deg) scale(1.15) translate(0px, 0px); -ms-transform: rotate(0deg) scale(1.15) translate(0px, 0px); transform: rotate(0deg) scale(1.15) translate(0px, 0px); transition: all 0.5s ease; }
.list-s4 ul li .txt-box { padding: 10px 20px; text-align: center; }

.list-s5 ul li { position: relative; margin-bottom: 50px; border-bottom: #dfdfdf 1px solid; padding-bottom: 50px; }
.list-s5 ul li .img-box { float: left; width: 360px; margin-right: 40px; }
.list-s5 ul li .img-box img { width: 100%; }
.list-s5 ul li::after { content: ''; display: table; clear: both; }
.list-s5 ul li h3 { display: block; font-size: 1rem; }
.list-s5 ul li p { line-height: 1.75; color: #888; margin-top: 20px; }
.list-s5 ul li time { display: block; color: #999; margin-top: 10px; font-size: .7rem; }
.list-s5 ul li .btn-view { display: inline-block; padding: 0 20px; width: auto; height: 33px; line-height: 30px; text-align: center; border: #dddddd 1px solid; font-size: .7rem; margin-top: 30px; }
.list-s5 ul li .btn-view:hover { color: #ffffff; }

.servlist ul { margin-top: -15px; }
.servlist ul li { float: left; width: 12.5%; padding-top: 15px; color: #666666; text-align: center; }


.more-box { display: block; text-align: center; }
.more-box a { display: inline-block; padding: 0 30px; background-color: #fb7921; color: #ffffff; border-radius: 36px; height: 36px; line-height: 36px; }
.more-box a::after { content: ""; display: inline-block; width: 17px; height: 9px; background: url(../images/left_arrow.png) center no-repeat; vertical-align: middle; margin-left: 20px; }

.advantage { padding-right: 700px; }
.advantage .niuniu { width: 620px; height: 620px; position: absolute; top: 0; right: 0; background: url(../images/dong.gif) center no-repeat; }
.advantage .advlist .listbox { margin-left: -20px; margin-top: -20px; }
.advantage .advlist .item { width: 50%; padding-left: 20px; padding-top: 20px; float: left; }

.advantage .advlist .item .box { background-color: #ffffff; width: 100%; height: 300px; padding: 30px; overflow: hidden; position: relative; text-align: center; transition: 0.5s; }
.advantage .advlist .item .tit-box h6 { font-size: 1rem; color: #1c1c1c; margin-top: 40px; }
.advantage .advlist .item .tit-box2 h6 { color: #fff; }
.advantage .advlist .item .tit-box .icon-box { width: 100%; height: 77px; margin: 30px 0; }
.advantage .advlist .item .tit-box1 { position: absolute; top: 0; width: 100%; left: 0; transition: 0.5s; }
.advantage .advlist .item .tit-box2 { position: absolute; top: 0; width: 100%; left: -100%; transition: 0.5s; }

.advantage .advlist .item .txt-box1 { position: absolute; width: 100%; left: 0; top: 200px; transition: 0.5s; }
.advantage .advlist .item .txt-box2 { position: absolute; width: 100%; right: -100%; top: 200px; transition: 0.5s; }

.advantage .advlist .item .txt-box ul { padding: 0 0 0 17%; }
.advantage .advlist .item .txt-box li { text-align: left; font-size: .7rem; color: #595959; width: 50%; float: left; margin-bottom: 3%; padding-left: 0%; }
.advantage .advlist .item .txt-box2 li { color: #fff; }

.advantage .advlist .item:hover .box { background-color: #fb7921; }
.advantage .advlist .item:hover .tit-box1 { left: 100%; }
.advantage .advlist .item:hover .tit-box2 { left: 0; }
.advantage .advlist .item:hover .txt-box1 { left: -100%; }
.advantage .advlist .item:hover .txt-box2 { right: 0; }

.niuniu { position: relative; }
.niuniu .item { position: absolute; color: #ffffff; top: 0; left: 0; }
.niuniu .item i { display: block; position: absolute; background: url(../images/quan.png) center no-repeat; width: 20px; height: 20px; }
.niuniu .item.arr-down { padding-bottom: 25px; }
.niuniu .item.arr-down i { left: 50%; margin-left: -10px; bottom: 0; }
.niuniu .item.arr-right { padding-right: 30px; }
.niuniu .item.arr-right i { top: 50%; margin-top: -10px; right: 0; }
.niuniu .item.arr-up { padding-top: 25px; }
.niuniu .item.arr-up i { left: 50%; margin-left: -10px; top: 0; }
.niuniu .item.arr-left { padding-left: 30px; }
.niuniu .item.arr-left i { top: 50%; margin-top: -10px; left: 0; }

.niuniu .item1 { left: 41%; top: 12%; }
.niuniu .item2 { left: 14%; top: 26%; }
.niuniu .item3 { left: 0%; top: 45%; }
.niuniu .item4 { left: 8%; top: 61%; }
.niuniu .item5 { left: 31%; top: 76%; }
.niuniu .item6 { left: 60%; top: 76%; }
.niuniu .item7 { left: 71%; top: 60%; }
.niuniu .item8 { left: 78%; top: 43%; }
.niuniu .item9 { left: 68%; top: 24%; }


.footer { padding: 60px 0 0; overflow: hidden; background-color: #292929;  color:#fff;}
.footer .footInfo > div:nth-child(1) { width: 30%;  }
.footer .footInfo > div:nth-child(2) { width: 70%; }
.footer .footnav { border-bottom: 1px solid #3c3c3c;  padding:20px 0px;}
.footer .footnav a {  color:#fff; }
.footer .ydInfo { margin-top: 50px; }
.footer .ydInfo a{color:#fff;}


.contact a { display: block; line-height: 2; font-size: .7rem; color: #ccc; }
.contact a:hover { color: #ffffff; }

.botnav { width: 55%; }
.botnav ul { margin-left: -30px; }
.botnav ul li { float: left; width: 20%; padding-left: 30px; }
.botnav ul li a { display: block; color: #999; line-height: 2; }
.botnav ul li a:hover { color: #fff; }
.botnav ul li a.tit { font-size: .8rem; margin-bottom: 10px; color: #ffffff; }

.guanzhu { display: block; width: 110px; float: left; color: #cccccc; line-height: 2; margin-top: 20px; }
.guanzhu img { width: 100%; }
.guanzhu span { display: block; font-size: .8rem; text-align: center; }

.copyright { width: 100%; margin-top: 40px; color: #818181; line-height: 2; padding: 15px 0; border-top: #3c3c3c 1px solid; font-size: 14px; }
.copyright a { color: #818181; }

.pager { text-align: center; margin-top: 50px; }
.pager a, .pager strong { display: inline-block; border: 1px solid #dfdfdf; padding: 5px 15px; margin: 0 4px; border-radius: 5px; }
.pager a:hover, .pager strong { background: #0080ff; color: #fff; border: 1px solid #0080ff; }

.cate-list { padding: 15px 20px; background-color: #f6f6f6; margin-top: 1px; }
.cate-list span,
.cate-list a { display: inline-block; line-height: 2; color: #666666; }
.cate-list span { padding: 0 10px; }
.cate-list a.on { color: #fb7921; }

.n-content { line-height: 2; color: #666666; }
.n-content a { color: #666666; }
.n-content p { margin-bottom: 15px; }

.detail-box { /*padding:20px 0 30px 0;*/ }
.view-title { margin-top: 10px; margin-bottom: 30px; font-size: 30px; text-align: left; }
.view-element { text-align: right; color: #888888; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; margin: 0 0 20px; padding: 15px 0; }
.view-element em { text-align: left; float: left; }
.view-element a { color: #333; }
.view-element #bdshare, .view-element #bdshare .bdshare-button-style1-24 { display: inline; padding-left: 5px; }
.view-element #bdshare .bdshare-button-style1-24 a, .view-element #bdshare .bdshare-button-style1-24 .bds_more { float: none; margin: 0; background: url(../images/share_icons.png) no-repeat; }
.view-element #bdshare .bdshare-button-style1-24 .bds_tsina { background-position: 0 -98px; }
.view-element #bdshare .bdshare-button-style1-24 .bds_weixin { background-position: 0 -162px; }
.view-element #bdshare .bdshare-button-style1-24 .bds_qzone { background-position: 0 -47px; }
.view-element #bdshare .bdshare-button-style1-24 .bds_sqq { background-position: 0 -260px; }
.view-content { line-height: 2; padding: 0 100px !important; box-sizing: border-box !important; }

.view-content img { width: 500px !important; position: relative !important; left: 50% !important; margin-left: -250px !important; display: flex !important; height: auto; }


.view-assoc { margin-top: 40px; border-top: 1px solid #dddddd; padding-top: 20px; }
.view-assoc div { margin: 12px 5px; }
.view-assoc a { color: #888888; letter-spacing: 1px; font-size: 14px; }

.view-assoc .prev { float: left; }
.view-assoc .next { float: right; }
.newsbg { background: #f6f6f6; width: 100%; }
.newsbg .wrap2 p { padding: 15px 1px; font-size: 14px; color: #666; }

.MobileShow { display: none; }
.MobileShow .QYRYItem, .MobileShow .fzlItem { margin-bottom: 10px; }

#SwiperContainer1 { width: 100%; height: 800px;  overflow:hidden;}
#SwiperContainer1 .swiper-slide {   height: 100%; text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#SwiperContainer1 .swiper-slide a { width: 100%; height: 100%; display: inline-block; }
#SwiperContainer1 .swiper-slide a img { width: 100%; height: 100%; }
#SwiperContainer1 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

#SwiperContainer1 .swiper-button-next, #SwiperContainer1 .swiper-button-prev { position: absolute; bottom: -8px; top: auto; left: 10%; background-size: 12px 30px; }
#SwiperContainer1   .swiper-button-next { right: auto; left: 13%; }
#SwiperContainer1  .swiper-button-prev { left: 10%; }



/*中等屏幕   w<1530*/
@media screen and (max-width: 1530px) {
	.wrap2 { width: 100%; padding-left: 15px; padding-right: 15px; }
	.advantage { padding-right: 660px; }
}

/*中等屏幕   w<1200*/
@media screen and (max-width: 1200px) {
	.wrap { width: 1000px; }
	.nav ul li .tit { padding: 0 20px; }
	.advantage { padding-right: 0; }
	.advantage .niuniu { width: 100%; height: 620px; position: relative; top: 0; right: 0; }
	.AboutbgImg1 { display: none; }
	.GSJSContent { width: 100%; }
}

/*pad: w< 992*/
@media screen and (max-width: 992px) {
	.wrap { width: 100%; padding-left: 15px; padding-right: 15px; }
	.flex_row1 { flex-wrap :wrap;}
	.flex_row1>div{width:100% !important;}
	#SwiperContainer1 { height: 180px; }
	.PCShow { display: none; }
	.PhoneShow { display: block; }
	.comm_bg{height:100%;}
	.header .logoDiv { width: 100%; }
	.title-s1 a { padding: 10px; }
	.header .nav { display: none; }
	.menu-button { display: block; }
	.header { margin-top: 0px; }
	header .logo { margin: 10px 0px; }
	header .wrap { padding: 0px; }
	.banner-box { margin-top: 0px; }
	.top_img{margin-top:0px;}
	.iframe { }
	.comNav .wrap{padding:0px;}
	.comm_nav ul{width:100%; overflow-x:scroll; }
	.comm_nav ul li { float: none; display:inline-block; width:100%; padding:15px 30px; }
	.navs > div:last-child { padding: 10px 30px; background: #fff; border-bottom: 1px solid #f1f1 ;}
	.news_news > div:nth-child(1) img { width: 100%; max-height: initial ;}
	.news_news > div:nth-child(2){margin:20px 0px;}
/*	.news_news > div:nth-child(3) p{float:left;}*/

	.smart-nav ul li { padding: 20px 20px; color: #fff; }
	.smart-nav ul li a{  color:#fff; }

	.member_info, .index_news_div, .jtdtDiv, .jtNews > div, .hzDiv, .jmysDiv { height: auto; }
	.fzlcDiv{height:360px;}
	.fzlcDiv .line { top: 60%; }
	.fzlc{position:absolute;top:60%; margin-top:-91px; width:100%;}
	.fzlc p.cacle span { height: 25px; width: 25px; border-radius: 25px; display: inline-block; background: #fff; }
	.fzlc p{white-space:normal;}
	.fzTop, .fzBom { height: 40px; }
	.member_info { padding: 0px; }
	.member_info > div:nth-child(1){padding-right:0px;}
	.member_info > div:nth-child(2){padding-left:0px; margin-top:40px;}
	.member_info div .title { margin: 40px 0px; }
	.member_info button{width:150px;}
	.member_info button.btn2{float:right;}
	.commplay_div .videoImg img, .commplay_div .videoImg video{width:100%;height:auto; margin-top:40px;}
	.commplay_div .videoImg img{height:auto;}

	.jdppItem > div.j1 { width: 100%; }
	.jdppItem > div.j2 { width: 100%; }
	.jdppItem .j2 > .div1{margin-left:0px;}
	.jdppItem .j2 > .div2{margin-right:0px;}
	.jdppItem .line2{right:0px;}
	.jdppItem .line1{left:0px;}
	.jdppItem{margin-bottom:40px;}
	.ppImg1{margin:40px 0px;}
	.jtNews>div{margin-bottom:20px;}
	.newsRight > div:nth-child(1) { width:30%; }
	.newsRight > div:nth-child(2){width:70%; overflow:hidden;}
	.jmtjDivItem > div > div{padding:10px;}
	.comStep > div.stepItem{width:100%;}
	.joinDivItem > div{width:100%;}
	.qyryDivsItem > div { width: 48%; background-size: contain; height: 84px; background-size: contain; padding-top: 10px; margin-bottom: 20px; }
	.fItem > div:nth-child(1) { width: 20%; }
	.fItem > div:nth-child(2){width:80%;}
	.jdtzDiv .tzItem > div:nth-child(1){padding:10px; margin-bottom:20px; padding-top:20px;}
	.joinDivItem .itemTop { margin: 50px 40px 60px 40px ;}

	.contactInfo > div { width: 44%; }

	.txDivItem > div { margin-bottom: 100px; }
	.txDivItem > div:last-child{margin-bottom:0px;}
	.section_item > div:nth-child(1){padding-right:0px; margin-bottom:20px;}
	.section_item .contents{padding-right:0px;  text-align:justify;}
	.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 { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; }
	.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; }

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

	.servlist ul li { width: 16.66%; }

 
	#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; }
}
/*mobile: w < 768*/
@media screen and (max-width: 768px) {
	.list-s1 ul li { width: 50%; }

	.list-s2 ul li { width: 50%; }

	.list-s4 ul li { width: 50%; }

	.list-s5 ul li .img-box { float: none; width: 100%; margin-right: 0; }
	.list-s5 ul li .img-box img { width: 100%; }
	.list-s5 ul li .txt-box { margin-top: 10px; }

	.servlist ul li { width: 33.33%; }

	.title-box-s1 .tabs-s1 { position: relative; bottom: 0; top: 0; right: 0; left: 0; margin-top: 20px; }
	.tabs-s1 ul li { width: 33.33%; margin-bottom: 10px; }
	.tabs-s1 ul li a { padding: 10px; }

	.footer .contact,
	.footer .botnav { display: none; }

	.footer { padding: 40px 0 0; }
	.footer .copyright span.fr { float: none; }
	.footer .copyright span { display: block; }
	.footer .guanzhu { width: 130px; margin: auto; float: none; text-align: center; }
	#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; }
	.huoban > .huoItem div img { width: 170px !important; }
	.huoban > .huoItem div img { width: 170px !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; }
}
/*mobile: w < 640*/
@media screen and (max-width: 640px) {
	.advantage .advlist .item { width: 100%; }

	.list-s1 ul li { width: 100%; }
	.list-s2 ul li { width: 100%; }
	.list-s3 ul li { width: 33.33%; }
	.list-s4 ul li { width: 100%; }

	#SwiperContent video { width: 100% !important; height: auto !important; object-fit: fill; }
	.DIVZP { display: inline-block !important; }
	.DIVZP > div { width: 100% !important; }
	#TableZP table { font-size: 12px; }
	#TableZP table, #TableZP table tr th { font-size: 12px !important; }
	#TableZP table tr td a { padding: 5px !important; }
	.AboutbgImg1 { display: none !important; }
	.GSJSContent { width: 100%; !important }
	.PCShow { display: none !important; }
	.MobileShow { display: block !important; }
	.huoban > .huoItem div img { width: 170px !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; }
}
/*mobile: w < 480*/
@media screen and (max-width: 480px) {
}

 

.pagers { text-align: center; margin-top: 50px; display: inline-block; width: 100%;  margin-bottom:50px;}
.pagers ul { display: inline-block; margin-left: 0px; margin-right: 0px; }
.pagers ul li { display: inline-block; float: none; width: auto; padding-left: 0px; padding-right: 0px; }
.pagers ul li.active a { background: #0080ff; color: #fff; }
.pagers a, .pagers strong { display: inline-block; border: 1px solid #dfdfdf; padding: 5px 15px; margin: 0 4px; border-radius: 5px; }
.pagers a:hover, .pagers strong { background: #0080ff; color: #fff; border: 1px solid #0080ff; }