@charset "utf-8";
/* CSS Document */
*::selection { background: rgba(37, 66, 112, 0.1) }
/**{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-font-smoothing: subpixel-antialiased!important;}*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body { margin: 0 auto; padding: 0; font: normal 12px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial; color: #666; word-break: break-all; text-align: justify; width: 100%; }
.YaHei { font-family: "Microsoft YaHei" }
img, li { vertical-align: top; }
.img { display: block; }
img { max-width: 100%; }
.hidden { display: none }
.clear { clear: both; width: 0!important; height: 0!important; border: 0!important; margin: 0!important; padding: 0!important; visibility: hidden!important; font-size: 0; line-height: 0; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none; }
a { text-decoration: none; color: #666; }
a:hover { color: #801126; }
.fl { float: left !important; }
.fr { float: right !important; }
.pd25 { padding: 0 25px 25px; }
.pd30 { padding: 30px 0; }
/*img { max-width:100%; }*/
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@font-face { font-family: 'iconfont';  /* project id 398496 */ src: url('//at.alicdn.com/t/font_398496_iezezsfh9ep.eot'); src: url('//at.alicdn.com/t/font_398496_iezezsfh9ep.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_398496_iezezsfh9ep.woff') format('woff'), url('//at.alicdn.com/t/font_398496_iezezsfh9ep.ttf') format('truetype'), url('//at.alicdn.com/t/font_398496_iezezsfh9ep.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }
.wrap { max-width: 1400px; margin: 0 auto; }
.page_header {/* height: 100px; */ }
.header_sub1 { background: #fff; height: 200px; /*position: fixed;*/ /*left: 0; *//*top: 0; *//*z-index: 999;*//* width: 100%; */ }
.header_sub2 { background: #fff; padding: 20px 0; text-align: center; position: relative; }
.topLeftText { float: left; line-height: 80px; font-size: 27px; color: #233f6c; }
.logo { display: inline-block; width: 120px; height: 80px; position: absolute; left: 50%; margin-left: -60px; }
.logo img { width: 100%; }
.topTel { float: right; background: url(images/tel.png) no-repeat center left; height: 70px; line-height: 1; font-size: 20px; color: #666; padding: 9px 0 0px 75px; text-align: left; }
.topTel span { font-size: 24px; font-weight: bold; line-height: 1; color: #103058; padding: 10px 0 0 0; display: block; }
.topNavBtn { float: right; display: none; background: #095fa8; width: 60px; height: 87px; position: absolute; right: 0; color: #fff; line-height: 87px;/* font-size: 30px; */ text-align: center; }
.topNavBtn span { font-size: 35px; display: block; }
.topNavBtn.on { }
.topNavBtn span:first-of-type { display: block; }
.topNavBtn span:last-of-type { display: none; }
.topNavBtn.on span:first-of-type { display: none; }
.topNavBtn.on span:last-of-type { display: block; }
/*导航*/
.topNav { background: #abbdbb; }
.nav { text-align: center; }
.nav li.m {/* width: 171px; */ position: relative; float: left; width: 14.2%; }
.nav li.m h3 { height: 80px; padding: 20px 0; text-align: center; }
.nav li.first { width: 174px; }
.nav li.first h3 a {/* background: #f0d49b; */ }
.nav li.m:last-of-type a { background: none; }
.nav li.m1 { background: none; }
.nav li h3 a { display: block; text-align: center; color: #fff; font-size: 16px; display: inline-block; text-align: center; line-height: 40px; }
.nav li h3 a i { font-size: 12px; padding: 0 5px; }
.nav li.first h3 a i { font-size: 15px; }
.nav li h3 a:hover, .nav li.focus h3 a { color: #254270; border-bottom: 2px solid #254270; }
.nav li .sub { display: none; z-index: 999999; position: absolute; background: rgba(241, 145, 11, 0.8); border-radius: 0 0 4px 4px; padding: 0 0 10px; width: 100%; }
.nav li .sub li { line-height: 26px; color: #fff; background: none; }
.nav li .sub li a { font-size: 14px; color: #fff; display: block; padding: 0 5px; text-align: center; }
.nav li .sub li a:hover { text-decoration: underline; }
.nav li.on .sub { display: block; }
.focusBanner { background: #8f8f8f }
.focusBanner img { display: block; margin: 0 auto; }
.focusBanner .swiper-button-prev, .focusBanner .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); }
.focusBanner .swiper-button-prev:hover, .focusBanner .swiper-button-next:hover { background: #254270; border-color: #254270; }
.focusBanner .swiper-pagination-bullet { background: #fff; opacity: 1; }
.focusBanner .swiper-pagination-bullet-active { background: rgb(9, 95, 168); }
.focusBanner .pic { height: 800px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.footer_sub1 { background: #4d4d4d; padding: 40px 0; }
.footer_ADD { float: left; color: #fff; font-size: 16px; line-height: 40px; }
.footer_ADD img { margin-bottom: 30px; }
.footer_ADD p { }
.footer_nav { float: right; }
.footer_nav .m { float: left; padding: 0 0 0 80px; }
.footer_nav a { color: #fff; font-size: 14px; }
.footer_nav a:hover { }
.footer_nav h3 { padding: 0 0 10px; }
.footer_nav h3 a { font-size: 18px; line-height: 1; }
.footer_nav .sub { }
.footer_nav .sub li { }
.footer_nav .sub li a { }
.footer_sub2 { background: #1a1a1a; padding: 15px 0; color: #fff; font-size: 14px; }
.footer_sub2 a { color: #fff; font-size: 14px; }
.footer_sub2 .copy { float: left; }
.footer_sub2 .link { float: right; }
.mainTitle { padding: 40px 0 30px; }
.mainTitle img { display: block; margin: 0 auto; }
.main_sub1 { text-align: center; }
.main_sub1 .text { font-size: 16px; color: #4c4c4c; }
.main_sub1 ul { margin: 0 -80px; font-size: 14px; color: #4c4c4c; padding: 20px 0 0 0; }
.main_sub1 li { float: left; padding: 0 80px; width: 25%; }
.main_sub1 li .box { display: block; }
.main_sub1 li img { display: block; margin: 0 auto; }
.main_sub1 li p { }
.main_sub2 { padding: 0px 0 0px 0; position: relative; }
.main_sub2ScroolBox { padding: 0; }
.main_sub2ScroolBox ul { }
.main_sub2ScroolBox .swiper-button-prev, .main_sub2ScroolBox .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); top: 35%; }
.main_sub2ScroolBox .swiper-button-prev:hover, .main_sub2ScroolBox .swiper-button-next:hover { background: #254270; border-color: #254270; }
.main_sub2ScroolBox .swiper-pagination-bullet { background: #fff; opacity: 1; }
.main_sub2ScroolBox .swiper-pagination-bullet-active { background: rgb(9, 95, 168); }
.main_sub2 li { width: 25%; padding: 0; cursor: pointer; padding: 0 0 270px; }
.main_sub2 li .box { display: block }
.main_sub2 li .pic { height: 440px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub2 li .textItemBox { position: absolute; width: 100%; bottom: 0; }
.main_sub2 li .textItem { height: 270px; text-align: center; background: #fafafa; position: relative; }
.main_sub2 li .icon { background: url(../images/002.png) no-repeat center bottom; height: 90px; display: block; }
.main_sub2 li .title { text-align: center; line-height: 1; color: #333333; position: absolute; width: 100%; left: 0; top: 125px; padding: 0; font-size: 22px; }
.main_sub2 li .title span { display: block; font-size: 16px; color: #666; line-height: 1; display: block; padding: 15px 0 0 0; }
.main_sub2 li .num { margin-top: 36px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; }
.main_sub2 li .num span { width: 130px; height: 1px; background: #9fb9b4; display: inline-block; position: relative; }
.main_sub2 li .num i { font-size: 30px; display: inline-block; line-height: 1; background: #fafafa; color: #333; padding: 0 10px; margin-top: -15px; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); }
.main_sub2 li .textList { width: 100%; padding: 0 20px; position: absolute; text-align: left; font-size: 15px; line-height: 25px; color: #666; max-height: 215px; overflow: hidden; top: 110px; opacity: 0; }
.main_sub2 li .textList p { position: relative; padding: 0 0 10px 15px; }
.main_sub2 li .textList p:before { content: ''; background: #a3b4b2; width: 10px; height: 10px; position: absolute; border-radius: 10px; left: 0; top: 7px; }
.main_sub2 li:hover .textItem { background: #f5f5f5; height: 400px;/* top: -130px; */ }
.main_sub2 li:hover .icon { opacity: 0; }
.main_sub2 li:hover .num i { background: #f5f5f5; }
.main_sub2 li:hover .title { top: 36px; }
.main_sub2 li:hover .textList { opacity: 1; }
.main_sub3 { padding: 0 60px; position: relative; text-align: center; }
.main_sub3ScroolBox { padding: 0;/* position: relative; */ }
.main_sub3ScroolBox ul { }
.main_sub3ScroolBox .swiper-button-prev, .main_sub3ScroolBox .swiper-button-next { background: none; color: rgb(124, 124, 124); font-size: 30px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.main_sub3ScroolBox .swiper-button-prev:hover, .main_sub3ScroolBox .swiper-button-next:hover { color: #334051; }
.main_sub3ScroolBox .swiper-button-prev { left: 0; }
.main_sub3ScroolBox .swiper-button-next { right: 0; }
.main_sub3 li { width: 25%; padding: 0 10px; cursor: pointer; }
.main_sub3 li a { display: block; text-align: center; }
.main_sub3 li a .img {   height: 254px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.main_sub3 li a p { color: #666; font-size: 16px; line-height: 1; padding: 15px 0 0; }
.main_sub3 li a:hover p { color: #334051; }
.main_sub3 .more { width: 160px; height: 60px; background: #abbdbb; display: inline-block; color: #fff; line-height: 60px; text-align: center; font-size: 16px; border-radius: 8px; margin-top: 30px; }
.main_sub3 .more:hover { background: #233f6c }
.main_AD { margin: 40PX 0 0 0; height: 350px; background-position: center center; background-repeat: no-repeat;/* background-size: cover;*/ }
.main_sub4 { }
.main_sub4 dl { margin: 20px -25px; text-align: center; background: url(../images/005_shadow.jpg) no-repeat center bottom; padding: 0 0 30px; position: relative; overflow: hidden; }
.main_sub4 dd { position: absolute; background: #abbdbb; border-radius: 95px; padding: 2px; z-index: 2; left: 50%; transform: translateX(-50%); color: #fff; font-size: 16px; }
.main_sub4 dd span { border-radius: 90px; width: 90px; height: 90px; border: 1px solid #fff; display: block; line-height: 90px; }
.main_sub4 dl:before { content: ''; width: 1px; height: 100%; position: absolute; top: -30px; left: 50%; border-right: 1px dotted #d5dbe4; }
.main_sub4 dt { float: left; width: 50%; padding: 0 25px; }
.main_sub4 dt h3 { font-size: 20px; font-weight: bold; color: #abbdbb; line-height: 2; }
.main_sub4 dt .text { font-size: 16px; color: #6e6e6e; padding: 0 90px; max-height: 96px; overflow: hidden; }
.main_sub4 dt img { padding: 15px 0 0 0; }
.main_sub5 { padding: 0 0 20px; }
.main_sub5 dl { }
.main_sub5 dd { float: left; width: 50%; }
.main_sub5 dt { float: left; width: 50%; }
.main_sub5 li { padding: 20px 0; }
.main_sub5 .hd { position: relative; padding: 0 0 0 80px; font-size: 30px; color: #333; font-weight: bold; line-height: 1; }
.main_sub5 .hd em { background: url(../images/006-01.jpg) no-repeat center center; color: #fff; width: 65px; height: 56px; font-size: 30px; position: absolute; left: 0; top: 0; text-align: center; font-style: italic; line-height: 56px; }
.main_sub5 .hd span { display: block; line-height: 1; font-size: 14px; color: #ccc; font-weight: normal; padding: 10px 0 0 0; }
.main_sub5 .line { height: 6px; border: 1px dotted #b9b9b9; border-width: 1px 0; margin: 15px 0; }
.main_sub5 .text { font-size: 16px; color: #666; }
.main_sub5 .text span { color: #ff4343; }
.mainTabList { height: 56px; border-bottom: 1px solid #cdcece; margin-bottom: 15px; }
.mainTabList a.more { float: right; font-size: 14px; font-weight: bold; color: #2e4974; line-height: 55px; }
.mainTabList ul { }
.mainTabList li { float: left; line-height: 53px; height: 55px; font-size: 16px; color: #4c4c4c; margin-right: 20px; cursor: pointer; }
.mainTabList li.on { color: #2e4974; border-bottom: 2px solid #2e4974; }
.main_sub6 { float: left; width: 60%; }
.main_sub6 .left { width: 40%; float: left; padding: 0; }
.main_sub6 .left a { display: block; }
.main_sub6 .left a .pic { height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub6 .left a h2 { font-size: 16px; color: #4c4c4c; line-height: 1; padding: 10px 0 0 0; }
.main_sub6 .left a span { font-size: 12px; color: #8c8c8c; line-height: 1; display: block; padding: 10px 0; }
.main_sub6 .left a .t { font-size: 14px; color: #4c4c4c; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 25px; height: 50px; }
.main_sub6 .left a:hover .t { color: #2e4974; }
.main_sub6 .right { width: 60%; float: right; padding: 0 0 0 35px; overflow: hidden; }
.main_sub6 .right li { border-top: 1px solid #e4e4e4; margin-top: -1px; line-height: 50px; }
.main_sub6 .right a { display: block; padding: 0 80px 0 0; }
.main_sub6 .right a p { float: left; width: 100%; font-size: 16px; color: #4c4c4c; }
.main_sub6 .right a span { float: right; width: 80px; margin-right: -80px; text-align: right; font-size: 14px; color: #848484; }
.main_sub6 .right a:hover p { color: #2e4974; }
.main_sub7 { float: right; width: 30%; }
.main_sub7 .list { overflow: hidden; }
.main_sub7 .list li { padding: 20px 0; border-top: 1px solid #e4e4e4; margin-top: -1px; }
.main_sub7 .list i { width: 30px; height: 30px; background: #c6c6c6; position: absolute; left: 0; top: 0; text-align: center; color: #fff; border-radius: 2px; font-size: 16px; }
.main_sub7 .list .hd { position: relative; padding: 0 0 10px; }
.main_sub7 .list h2 { font-size: 15px; color: #666666; line-height: 30px; padding: 0 0 0 40px; }
.main_sub7 .list .bd { position: relative; padding: 0 0 0 40px; }
.main_sub7 .list .text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 25px; color: #8a8a8a; height: 50px }
/*==框架==========*/
.ADbanner { height: 500px; background-position: center center; background-repeat: no-repeat;/* background-size: cover; */ }
.ADbanner img { display: block; margin: 0 auto; }
.breadBox { font-size: 14px; color: #666; line-height: 60px; border-bottom: 1px solid #e6e6e6; }
.breadBox a { color: #666; }
.breadBox .left { float: left; color: #233f6c; }
.breadBox .right { float: right; overflow: hidden; }
.breadBox .right li { float: left; font-size: 16px; padding: 0 20px; margin-left: -1px; position: relative; }
.breadBox .right li a { display: block; line-height: 58px; }
.breadBox .right li:before { content: ''; width: 1px; height: 14px; position: absolute; left: 0; top: 25px; background: rgb(182, 182, 182); }
.breadBox .right li.on a { border-bottom: 2px solid #233f6c; color: #233f6c; }
.breadBdTitle { font-size: 35px; color: #0b4199; line-height: 70px; font-weight: bold; border-bottom: 1px solid #b2b2b2; margin: 20px 0; }
.pageConTitle { text-align: center; padding: 50px 0 30px; }
.pageConTitle h3 { font-size: 35px; font-weight: bold; color: #abbdbb; line-height: 1; }
.pageConTitle span { display: inline-block; width: 60px; height: 3px; background: #233f6c; margin-top: 12px; }
.page { padding: 20px 0 30px; text-align: center; }
.page a { display: inline-block; line-height: 38px; font-size: 16px; color: #666; border: 1px solid #cacaca; padding: 0 15px; border-radius: 5px; margin: 0 3px; }
.page .off { cursor: text; background: #f0f0f0; color: #e4e4e4; border-color: #f0f0f0; line-height: 38px; font-size: 16px; padding: 0 15px; border-radius: 5px; display: inline-block; cursor: text; }
.page .off { cursor: text; background: #fff; color: #666; border: 1px solid #cacaca; line-height: 38px; font-size: 16px; padding: 0 15px; border-radius: 5px; display: inline-block; cursor: text; }
.page .fenyeon { background: #233f6c; color: #fff; border-color: #233f6c; }
/*==/框架==========*/
/*==产品==========*/
.proList { margin: 0 -7px; }
.proList li { padding: 7px; float: left; width: 25%; }
.proList a { }
.proList a .pic { height: 330px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proList a p { text-align: center; font-size: 16px; color: #233f6c; background: #f2f2f2; line-height: 50px; }
.proList a:hover p { color: #233f6c; }
/*详情*/
.proDetailWrap { padding: 40px 100px; }
.proDetailFocusBox { width: 40%; float: left; }
.proDetailFocuBig { border: 1px solid #ededed; }
.proDetailFocuBig ul { }
.proDetailFocuBig li { }
.proDetailFocuBig li img { display: block; margin: 0 auto; }
.proDetailFocuSmall { position: relative; padding: 0 40px; }
.proDetailFocuSmall ul { padding: 0; }
.proDetailFocuSmall li { width: 33.3333%; padding: 10px; }
.proDetailFocuSmall li img { border: 1px solid #ededed; cursor: pointer; }
.proDetailFocuSmall li.swiper-slide-active img { border-color: #233f6c; }
.proDetailFocuSmall .swiper-button-prev, .proDetailFocuSmall .swiper-button-next { background: none; color: rgb(124, 124, 124); font-size: 30px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.proDetailFocuSmall .swiper-button-prev:hover, .proDetailFocuSmall .swiper-button-next:hover { color: #ff8b36; }
.proDetailFocuSmall .swiper-button-prev { left: 0; }
.proDetailFocuSmall .swiper-button-next { right: 0; }
.proDetailInfo { width: 50%; float: left; padding: 0 0 0 5%; }
.proDetailInfo h2 { font-weight: bold; color: #666; line-height: 1.5; padding-bottom: 5px; font-size: 25px; }
.proDetailInfo .text { font-size: 16px; color: #666; line-height: 30px; }
.proDetailInfo .text p { padding: 5px 0; }
.proDetailInfo .t2 { font-size: 20px; color: #abbdbb; font-weight: bold; padding: 16px 0; line-height: 1; border-top: 1px solid #ddd; margin-top: 10px; }
.proDetailInfo .t3 a { line-height: 40px; background: #abbdbb; color: rgb(255, 255, 255); margin-right: 10px; display: inline-block; padding: 0 20px; border-radius: 5px; font-size: 16px; }
.proDetail_sub1 { padding: 0 100px; padding-bottom: 30px; }
.proDetail_sub1 ul { margin: 0 -7px; }
.proDetail_sub1 li { float: left; width: 33.3333%; padding: 7px; }
.proDetail_sub1 .box { position: relative; }
.proDetail_sub1 .pic { height: 426px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub1 .t { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: rgba(171, 189, 187, 0.6); font-size: 18px; color: #233f6c; font-weight: bold; }
.proDetail_sub2 { padding-bottom: 30px; }
.proDetail_sub2 ul { margin: 0 -7px; }
.proDetail_sub2 li { float: left; width: 25%; padding: 7px; }
.proDetail_sub2 .box { position: relative; }
.proDetail_sub2 .pic { height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub2 .t { position: inherit; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: #abbdbb; font-size: 16px; color: #fff; font-weight: normal; text-align: center; }
.proDetail_sub3 { padding-bottom: 30px; }
.proDetail_sub3 ul { margin: 0 -7px; }
.proDetail_sub3 li { float: left; width: 33.33333%; padding: 7px; }
.proDetail_sub3 .box { position: relative; }
.proDetail_sub3 .pic { height: 278px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub3 .t { position: inherit; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: none; font-size: 16px; color: #666; font-weight: normal; text-align: center; }
.proDetail_sub4 { padding: 0 0 30px; }
.proDetail_sub4 img { display: block; margin: 0 auto; }
.proDetail_sub5 { }
.proDetail_sub5 .pic { height: 426px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub5 .t { font-size: 18px; color: #fff; text-align: center; }
.proDetail_sub6 { padding: 0 100px; }
.proDetail_sub6 ul { margin: 0 -10px; }
.proDetail_sub6 li { float: left; width: 50%; padding: 10px; }
.proDetail_sub6 .box { background: #f5f5f5; }
.proDetail_sub6 .pic { height: 260px; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; width: 50%; }
.proDetail_sub6 .text { float: left; width: 50%; height: 250px; overflow: hidden; padding: 20px; }
.proDetail_sub6 h2 { font-size: 20px; color: #abbdbb; font-weight: bold; }
.proDetail_sub6 .con { font-size: 16px; color: #666; }
.proDetail_sub7 { padding: 0 100px; }
/*==/产品==========*/
/*==加盟==========*/
.jiameng_sub1 { padding: 0 0 30px; }
.jiameng_sub1 ul { margin: 0 -10px; }
.jiameng_sub1 li { float: left; width: 25%; padding: 0 10px; }
.jiameng_sub1 li .box { display: block; text-align: center; }
.jiameng_sub1 img { }
.jiameng_sub1 .text { padding: 15px 0 0; }
.jiameng_sub1 h2 { font-size: 16px; color: #666; line-height: 1; font-weight: bold; }
.jiameng_sub1 span { display: inline-block; width: 40px; height: 3px; background: #abbdbb; }
.jiameng_sub1 .con { font-size: 14px; color: #666; line-height: 28px; padding: 0 40px; min-height: 112px; }
.jiameng_sub2 { padding: 0 0 60px; background: url(../images/011-bg.jpg) no-repeat center center; background-size: cover; }
.jiameng_sub2 ul { margin: 0 -6px; }
.jiameng_sub2 li { float: left; width: 20%; padding: 0 6px; }
.jiameng_sub2 li .box { display: block; text-align: center; background: #fff; border-radius: 8px; }
.jiameng_sub2 img { padding: 60px 0 40px; }
.jiameng_sub2 p { font-size: 16px; color: #666; line-height: 28px; padding: 0 25px; min-height: 140px; }
.jiameng_sub3 .text { padding: 15px 0 0; background: #fafafa; }
.jiameng_sub4 { padding: 0 0 30px; }
.jiameng_sub4 ul { margin: 0 -5px; }
.jiameng_sub4 li { float: left; width: 33.3333%; padding: 0 5px; }
.jiameng_sub4 li .box { display: block; text-align: center; background: url(../images/011-bg.jpg) no-repeat center center; background-size: cover; height: 296px; color: #fff; }
.jiameng_sub4 img { padding: 70px 0 30px; }
.jiameng_sub4 p { font-size: 20px; }
/*==/加盟==========*/

/*==案例==========*/
.caseList { padding: 0 100px; }
.caseList ul { margin: 0 -7px; }
.caseList li { padding: 7px; float: left; width: 33.333%; }
.caseList a { }
.caseList a .pic { height: 330px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.caseList a p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.caseList a:hover p { color: #233f6c; }
.caseDetailBox { padding: 0 100px; }
.caseDetail_sub1 { background: #f5f5f5; }
.caseDetail_sub1 .pic { width: 60%; height: 426px; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; }
.caseDetail_sub1 .text { float: left; width: 40%; padding: 40px; }
.caseDetail_sub1 h2 { font-size: 20px; font-weight: bold; color: #233f6c; }
.caseDetail_sub1 span { width: 60px; height: 3px; display: inline-block; background: #233f6c; }
.caseDetail_sub1 .con { font-size: 16px; line-height: 25px; color: #666; max-height: 250px; overflow: hidden; }
.caseDetail_sub2 { margin-bottom: 30px; padding: 40px 0 0 0; }
.caseDetail_sub2 ul { margin: 0 -7px; }
.caseDetail_sub2 li { padding: 7px; float: left; width: 33.333%; }
.caseDetail_sub2 .box { }
.caseDetail_sub2 .box .pic { height: 308px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.caseDetail_sub2 .box p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.caseDetail_sub2 a:hover p { color: #233f6c; }
/*==/案例==========*/
/*==关于==========*/
.about_sub1 { font-size: 16px; color: #666; }
.about_sub1 .left { float: left; width: 65%; padding: 0 20px 0 0; }
.about_sub1 img { float: right; width: 35%; }
.about_sub1 p { text-indent: 32px; padding: 0 0 8px }
.about_sub2 { padding: 30px 0; }
.about_sub2 ul { margin: 0 -12px; }
.about_sub2 li { float: left; width: 33.33333%; padding: 0 12px; }
/*==/关于==========*/
/*==资讯==========*/
.newsWrap { padding: 0 100px 30px; }
.newsList { padding: 30px 0 00px; }
.newsList ul { margin-top: -30px; }
.newsList li { padding: 10px 0; }
.newsList li a { display: block; padding: 0 20px 0 410px; background: #f5f5f5; }
.newsList li .pic { width: 385px; height: 305px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 0 0 -410px; float: left; }
.newsList li .text { }
.newsList li a h2 { font-size: 16px; color: #000; line-height: 1.5; padding: 20px 0 0 0; }
.newsList li a em { font-size: 14px; color: #292929; display: block; padding: 10px 0 20px 0; }
.newsList li a span { DISPLAY: INLINE-BLOCK; WIDTH: 140PX; height: 40px; background: #abbdbb; color: #fff; border-radius: 5px; text-align: center; line-height: 40px; font-size: 15px; }
.newsList li a .con { font-size: 14px; color: #1D1D1D; height: 112px; overflow: hidden; margin-bottom: 20px; }
.newsList li a:hover span { background: #233f6c }
.newsDetailWrap { }
.newsDetailHd { text-align: center; padding: 20px 0 0; }
.newsDetailHd h2 { font-size: 27px; color: #000; }
.newsDetailHd p { font-size: 14px; color: #999; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; }
.newsDetailCon { font-size: 16px; color: #666; padding: 0 0 15px; }
.newsDetailCon p { padding: 8px 0; text-indent: 32px; }
.newsDetailBack { text-align: center; padding: 0 0 30px; }
.newsDetailBack a { width: 150px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #b5b5b5; color: #000; font-size: 16px; border-radius: 5px; }
.newsDetailBack a:hover { background: rgb(35, 63, 108); color: #fff; }
.newsDetailPages { border: 1px dashed #d7d7d7; border-width: 1px 0; line-height: 30px; padding: 5px 0; margin-top: 10px; color: #666; margin-bottom: 40px; }
.newsDetailPages ul { width: 80%; float: left; }
.newsDetailPages strong { color: rgb(52, 52, 52); }
.VideoList { }
.VideoList ul { margin: 0 -7px; }
.VideoList li { padding: 7px; float: left; width: 33.333%; }
.VideoList a { }
.VideoList a .pic { height: 308px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.VideoList a .pic .icon { background: url(../images/020.png) no-repeat center center rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; }
.VideoList a p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.VideoList a:hover p { color: #233f6c; }
.VideoList a:hover .pic .icon { background: url(../images/020.png) no-repeat center center rgba(0, 0, 0, 0); }
.newsDetailCon { width: 96%;height: auto;margin: 0 auto; }
/*==/ width: 800px;  height: 400px; ==========*/
.video, .willesPlay, .playContent { width: 100%;/* height:100%;*/ position: relative; }
.video .playPause { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.video .playIcon, .videoIconBtn { background: url(images/video.png) no-repeat center center rgba(0, 0, 0, 0); background-size: 80px 80px; cursor: pointer; position: absolute; width: 100%; height: 100%; }
/*==/资讯==========*/
/*==联系==========*/
.contact_sub1 { position: relative; }
.contact_sub1 .text { position: absolute; width: 30%; right: 0; top: 0; height: 100%; background: rgba(252, 252, 252, 0.8); font-size: 16px; color: #4c4c4c; padding: 40px; }
.contact_sub1 .text h2 { font-size: 25px; color: #233f6c; }
.contact_sub1 .text ul { padding: 20px 0 0 0; }
.contact_sub1 .text li { line-height: 40px; }
.contact_sub1 .text i { color: #233f6c; font-size: 20px; margin-right: 10px; }
.mess { }
.mess .form { padding: 0 260px; background-size: contain; margin-bottom: 40px; }
.mess .form p { font-size: 20px; line-height: 35px; color: #737373; text-align: center; font-weight: bold; padding: 0 0 30px; }
.mess .form dl { margin: 0 -5px 10px; }
.mess .form dd { width: 50%; padding: 0 5px; float: left; }
.mess .form dt { padding: 0 5px; }
.mess .form .box { width: 100%; position: relative; border: 1px solid #ccc; border-radius: 8px; height: 65px; padding: 0 10px 0 50px; background: #fff; }
.mess .form i { width: 50px; line-height: 65px; text-align: center; position: absolute; left: 0; top: 0; font-size: 25px; color: #254270; }
.mess .form .text { width: 100%; line-height: 63px; font-size: 15px; }
.mess .form .text2 { width: 100%; position: relative; border: 1px solid #ccc; border-radius: 8px; height: 65px; padding: 0 20px 0 20px; font-size: 15px; font-family: 微软雅黑; resize: none; line-height: 30px; height: 150px; }
.mess .form .btn { margin: 0 auto; display: block; background: #254270; width: 200px; color: #fff; line-height: 50px; font-size: 15px; border-radius: 10px; cursor: pointer; }

/*==/联系==========*/


@media (max-width: 1300px) {
}

@media (max-width: 1024px) {/*PAD横屏*/
body { overflow-x: hidden; }
.wrap { padding-left: 10px; padding-right: 10px; }
.page_header {/* height: 100px; */ }
.header_sub1 { background: #fff; height: 200px; /*position: fixed;*/ /*left: 0; *//*top: 0; *//*z-index: 999;*//* width: 100%; */ }
.header_sub2 { background: #fff; padding: 20px 0; text-align: center; position: relative; }
.topLeftText { float: left; line-height: 80px; font-size: 20px; color: #233f6c; }
.logo { display: inline-block; width: 120px; height: 80px; position: absolute; left: 50%; margin-left: -60px; }
.logo img { width: 100%; }
.topTel { float: right; background: url(images/tel.png) no-repeat center left; height: 70px; line-height: 1; font-size: 20px; color: #666; padding: 9px 0 0px 75px; text-align: left; }
.topTel span { font-size: 24px; font-weight: bold; line-height: 1; color: #103058; padding: 10px 0 0 0; display: block; }
.topNavBtn { float: right; display: none; background: #095fa8; width: 60px; height: 87px; position: absolute; right: 0; color: #fff; line-height: 87px;/* font-size: 30px; */ text-align: center; }
.topNavBtn span { font-size: 35px; display: block; }
.topNavBtn.on { }
.topNavBtn span:first-of-type { display: block; }
.topNavBtn span:last-of-type { display: none; }
.topNavBtn.on span:first-of-type { display: none; }
.topNavBtn.on span:last-of-type { display: block; }
/*导航*/
.topNav { background: #abbdbb; }
.nav { text-align: center; }
.nav li.m {/* width: 171px; */ position: relative; float: left; width: 14.2%; }
.nav li.m h3 { height: 80px; padding: 20px 0; text-align: center; }
.nav li.first { width: 174px; }
.nav li.first h3 a {/* background: #f0d49b; */ }
.nav li.m:last-of-type a { background: none; }
.nav li.m1 { background: none; }
.nav li h3 a { display: block; text-align: center; color: #fff; font-size: 16px; display: inline-block; text-align: center; line-height: 40px; }
.nav li h3 a i { font-size: 12px; padding: 0 5px; }
.nav li.first h3 a i { font-size: 15px; }
.nav li h3 a:hover, .nav li.focus h3 a { color: #254270; border-bottom: 2px solid #254270; }
.nav li .sub { display: none; z-index: 999999; position: absolute; background: rgba(241, 145, 11, 0.8); border-radius: 0 0 4px 4px; padding: 0 0 10px; width: 100%; }
.nav li .sub li { line-height: 26px; color: #fff; background: none; }
.nav li .sub li a { font-size: 14px; color: #fff; display: block; padding: 0 5px; text-align: center; }
.nav li .sub li a:hover { text-decoration: underline; }
.nav li.on .sub { display: block; }
.focusBanner { background: #8f8f8f }
.focusBanner img { display: block; margin: 0 auto; }
.focusBanner .swiper-button-prev, .focusBanner .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); }
.focusBanner .swiper-button-prev:hover, .focusBanner .swiper-button-next:hover { background: #254270; border-color: #254270; }
.focusBanner .swiper-pagination-bullet { background: #fff; opacity: 1; }
.focusBanner .swiper-pagination-bullet-active { background: rgb(9, 95, 168); }
.focusBanner .pic { height: 800px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.footer_sub1 { background: #4d4d4d; padding: 40px 0; }
.footer_ADD { float: left; color: #fff; font-size: 16px; line-height: 40px; }
.footer_ADD img { margin-bottom: 30px; }
.footer_ADD p { }
.footer_nav { float: right; }
.footer_nav .m { float: left; padding: 0 0 0 40px; }
.footer_nav a { color: #fff; font-size: 14px; }
.footer_nav a:hover { }
.footer_nav h3 { padding: 0 0 10px; }
.footer_nav h3 a { font-size: 18px; line-height: 1; }
.footer_nav .sub { }
.footer_nav .sub li { }
.footer_nav .sub li a { }
.footer_sub2 { background: #1a1a1a; padding: 15px 0; color: #fff; font-size: 14px; }
.footer_sub2 a { color: #fff; font-size: 14px; }
.footer_sub2 .copy { float: left; }
.footer_sub2 .link { float: right; }
.mainTitle { padding: 40px 0 30px; }
.mainTitle img { display: block; margin: 0 auto; }
.main_sub1 { text-align: center; }
.main_sub1 .text { font-size: 16px; color: #4c4c4c; }
.main_sub1 ul { margin: 0 -80px; font-size: 14px; color: #4c4c4c; padding: 20px 0 0 0; }
.main_sub1 li { float: left; padding: 0 80px; width: 25%; }
.main_sub1 li .box { display: block; }
.main_sub1 li img { display: block; margin: 0 auto; }
.main_sub1 li p { }
.main_sub2 { padding: 0px 0 0px 0; position: relative; }
.main_sub2ScroolBox { padding: 0; }
.main_sub2ScroolBox ul { }
.main_sub2ScroolBox .swiper-button-prev, .main_sub2ScroolBox .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); top: 35%; }
.main_sub2ScroolBox .swiper-button-prev:hover, .main_sub2ScroolBox .swiper-button-next:hover { background: #254270; border-color: #254270; }
.main_sub2ScroolBox .swiper-pagination-bullet { background: #fff; opacity: 1; }
.main_sub2ScroolBox .swiper-pagination-bullet-active { background: rgb(9, 95, 168); }
.main_sub2 li { width: 33.3333%; padding: 0; cursor: pointer; padding: 0 0 270px; }
.main_sub2 li .box { display: block }
.main_sub2 li .pic { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub2 li .textItemBox { position: absolute; width: 100%; bottom: 0; }
.main_sub2 li .textItem { height: 270px; text-align: center; background: #fafafa; position: relative; }
.main_sub2 li .icon { background: url(../images/002.png) no-repeat center bottom; height: 90px; display: block; }
.main_sub2 li .title { text-align: center; line-height: 1; color: #333333; position: absolute; width: 100%; left: 0; top: 125px; padding: 0; font-size: 22px; }
.main_sub2 li .title span { display: block; font-size: 16px; color: #666; line-height: 1; display: block; padding: 15px 0 0 0; }
.main_sub2 li .num { margin-top: 36px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; }
.main_sub2 li .num span { width: 130px; height: 1px; background: #9fb9b4; display: inline-block; position: relative; }
.main_sub2 li .num i { font-size: 30px; display: inline-block; line-height: 1; background: #fafafa; color: #333; padding: 0 10px; margin-top: -15px; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); }
.main_sub2 li .textList { width: 100%; padding: 0 20px; position: absolute; text-align: left; font-size: 14px; line-h;
line-height: 20px; #666max-height: 215pxoverflow: hiddentop: 110pxopacity: 0
}
.main_sub2 li .textList p { position: relative; padding: 0 0 5px 15px; }
.main_sub2 li .textList p:before { content: ''; background: #a3b4b2; width: 10px; height: 10px; position: absolute; border-radius: 10px; left: 0; top: 7px; }
.main_sub2 li:hover .textItem { background: #f5f5f5; height: 400px;/* top: -130px; */ }
.main_sub2 li:hover .icon { opacity: 0; }
.main_sub2 li:hover .num i { background: #f5f5f5; }
.main_sub2 li:hover .title { top: 36px; }
.main_sub2 li:hover .textList { opacity: 1; }
.main_sub3 { padding: 0 60px; position: relative; text-align: center; }
.main_sub3ScroolBox { padding: 0;/* position: relative; */ }
.main_sub3ScroolBox ul { }
.main_sub3ScroolBox .swiper-button-prev, .main_sub3ScroolBox .swiper-button-next { background: none; color: rgb(124, 124, 124); font-size: 30px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.main_sub3ScroolBox .swiper-button-prev:hover, .main_sub3ScroolBox .swiper-button-next:hover { color: #334051; }
.main_sub3ScroolBox .swiper-button-prev { left: 0; }
.main_sub3ScroolBox .swiper-button-next { right: 0; }
.main_sub3 li { width: 25%; padding: 0 10px; cursor: pointer; }
.main_sub3 li a { display: block; text-align: center; }
.main_sub3 li a img { }
.main_sub3 li a p { color: #666; font-size: 16px; line-height: 1; padding: 15px 0 0; }
.main_sub3 li a:hover p { color: #334051; }
.main_sub3 .more { width: 160px; height: 60px; background: #abbdbb; display: inline-block; color: #fff; line-height: 60px; text-align: center; font-size: 16px; border-radius: 8px; margin-top: 30px; }
.main_sub3 .more:hover { background: #233f6c }
.main_AD { margin: 40PX 0 0 0; height: 350px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub4 { }
.main_sub4 dl { margin: 20px -25px; text-align: center; background: url(../images/005_shadow.jpg) no-repeat center bottom; padding: 0 0 30px; position: relative; overflow: hidden; }
.main_sub4 dd { position: absolute; background: #abbdbb; border-radius: 95px; padding: 2px; z-index: 2; left: 50%; transform: translateX(-50%); color: #fff; font-size: 16px; }
.main_sub4 dd span { border-radius: 90px; width: 90px; height: 90px; border: 1px solid #fff; display: block; line-height: 90px; }
.main_sub4 dl:before { content: ''; width: 1px; height: 100%; position: absolute; top: -30px; left: 50%; border-right: 1px dotted #d5dbe4; }
.main_sub4 dt { float: left; width: 50%; padding: 0 25px; }
.main_sub4 dt h3 { font-size: 20px; font-weight: bold; color: #abbdbb; line-height: 2; }
.main_sub4 dt .text { font-size: 16px; color: #6e6e6e; padding: 0 90px; max-height: 96px; overflow: hidden; }
.main_sub4 dt img { padding: 15px 0 0 0; }
.main_sub5 { padding: 0 0 20px; }
.main_sub5 dl { }
.main_sub5 dd { float: left; width: 50%; }
.main_sub5 dt { float: left; width: 50%; }
.main_sub5 li { padding: 20px 0; }
.main_sub5 .hd { position: relative; padding: 0 0 0 80px; font-size: 30px; color: #333; font-weight: bold; line-height: 1; }
.main_sub5 .hd em { background: url(../images/006-01.jpg) no-repeat center center; color: #fff; width: 65px; height: 56px; font-size: 30px; position: absolute; left: 0; top: 0; text-align: center; font-style: italic; line-height: 56px; }
.main_sub5 .hd span { display: block; line-height: 1; font-size: 14px; color: #ccc; font-weight: normal; padding: 10px 0 0 0; }
.main_sub5 .line { height: 6px; border: 1px dotted #b9b9b9; border-width: 1px 0; margin: 15px 0; }
.main_sub5 .text { font-size: 16px; color: #666; }
.main_sub5 .text span { color: #ff4343; }
.mainTabList { height: 56px; border-bottom: 1px solid #cdcece; margin-bottom: 15px; }
.mainTabList a.more { float: right; font-size: 14px; font-weight: bold; color: #2e4974; line-height: 55px; }
.mainTabList ul { }
.mainTabList li { float: left; line-height: 53px; height: 55px; font-size: 16px; color: #4c4c4c; margin-right: 20px; cursor: pointer; }
.mainTabList li.on { color: #2e4974; border-bottom: 2px solid #2e4974; }
.main_sub6 { float: left; width: 60%; }
.main_sub6 .left { width: 40%; float: left; padding: 0; }
.main_sub6 .left a { display: block; }
.main_sub6 .left a .pic { height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub6 .left a h2 { font-size: 16px; color: #4c4c4c; line-height: 1; padding: 10px 0 0 0; }
.main_sub6 .left a span { font-size: 12px; color: #8c8c8c; line-height: 1; display: block; padding: 10px 0; }
.main_sub6 .left a .t { font-size: 14px; color: #4c4c4c; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 25px; height: 50px; }
.main_sub6 .left a:hover .t { color: #2e4974; }
.main_sub6 .right { width: 60%; float: right; padding: 0 0 0 35px; overflow: hidden; }
.main_sub6 .right li { border-top: 1px solid #e4e4e4; margin-top: -1px; line-height: 50px; }
.main_sub6 .right a { display: block; padding: 0 80px 0 0; }
.main_sub6 .right a p { float: left; width: 100%; font-size: 16px; color: #4c4c4c; }
.main_sub6 .right a span { float: right; width: 80px; margin-right: -80px; text-align: right; font-size: 14px; color: #848484; }
.main_sub6 .right a:hover p { color: #2e4974; }
.main_sub7 { float: right; width: 30%; }
.main_sub7 .list { overflow: hidden; }
.main_sub7 .list li { padding: 20px 0; border-top: 1px solid #e4e4e4; margin-top: -1px; }
.main_sub7 .list i { width: 30px; height: 30px; background: #c6c6c6; position: absolute; left: 0; top: 0; text-align: center; color: #fff; border-radius: 2px; font-size: 16px; }
.main_sub7 .list .hd { position: relative; padding: 0 0 10px; }
.main_sub7 .list h2 { font-size: 15px; color: #666666; line-height: 30px; padding: 0 0 0 40px; }
.main_sub7 .list .bd { position: relative; padding: 0 0 0 40px; }
.main_sub7 .list .text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 25px; color: #8a8a8a; height: 50px }
/*==框架==========*/
.ADbanner {height: 300px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.ADbanner img { display: block; margin: 0 auto; }
.breadBox { font-size: 14px; color: #666; line-height: 60px; border-bottom: 1px solid #e6e6e6; }
.breadBox a { color: #666; }
.breadBox .left { float: left; color: #233f6c; }
.breadBox .right { float: right; overflow: hidden; }
.breadBox .right li { float: left; font-size: 16px; padding: 0 20px; margin-left: -1px; position: relative; }
.breadBox .right li a { display: block; line-height: 58px; }
.breadBox .right li:before { content: ''; width: 1px; height: 14px; position: absolute; left: 0; top: 25px; background: rgb(182, 182, 182); }
.breadBox .right li.on a { border-bottom: 2px solid #233f6c; color: #233f6c; }
.breadBdTitle { font-size: 35px; color: #0b4199; line-height: 70px; font-weight: bold; border-bottom: 1px solid #b2b2b2; margin: 20px 0; }
.pageConTitle { text-align: center; padding: 50px 0 30px; }
.pageConTitle h3 { font-size: 35px; font-weight: bold; color: #abbdbb; line-height: 1; }
.pageConTitle span { display: inline-block; width: 60px; height: 3px; background: #233f6c; margin-top: 12px; }
.page { padding: 20px 0 30px; text-align: center; }
.page a { display: inline-block; line-height: 38px; font-size: 16px; color: #666; border: 1px solid #cacaca; padding: 0 15px; border-radius: 5px; margin: 0 3px; }
.page .off { cursor: text; background: #f0f0f0; color: #e4e4e4; border-color: #f0f0f0; line-height: 38px; font-size: 16px; padding: 0 15px; border-radius: 5px; display: inline-block; cursor: text; }
.page .off { cursor: text; background: #fff; color: #666; border: 1px solid #cacaca; line-height: 38px; font-size: 16px; padding: 0 15px; border-radius: 5px; display: inline-block; cursor: text; }
.page .fenyeon { background: #233f6c; color: #fff; border-color: #233f6c; }
/*==/框架==========*/
/*==产品==========*/
.proList { margin: 0 -7px; }
.proList li { padding: 7px; float: left; width: 33.333%; }
.proList a { }
.proList a .pic { height: 330px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proList a p { text-align: center; font-size: 16px; color: #233f6c; background: #f2f2f2; line-height: 50px; }
.proList a:hover p { color: #233f6c; }
/*详情*/
.proDetailWrap { padding: 40px 100px; }
.proDetailFocusBox { width: 50%; float: left; }
.proDetailFocuBig { border: 1px solid #ededed; }
.proDetailFocuBig ul { }
.proDetailFocuBig li { }
.proDetailFocuBig li img { display: block; margin: 0 auto; }
.proDetailFocuSmall { position: relative; padding: 0 40px; }
.proDetailFocuSmall ul { padding: 0; }
.proDetailFocuSmall li { width: 33.3333%; padding: 10px; }
.proDetailFocuSmall li img { border: 1px solid #ededed; cursor: pointer; }
.proDetailFocuSmall li.swiper-slide-active img { border-color: #233f6c; }
.proDetailFocuSmall .swiper-button-prev, .proDetailFocuSmall .swiper-button-next { background: none; color: rgb(124, 124, 124); font-size: 30px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.proDetailFocuSmall .swiper-button-prev:hover, .proDetailFocuSmall .swiper-button-next:hover { color: #ff8b36; }
.proDetailFocuSmall .swiper-button-prev { left: 0; }
.proDetailFocuSmall .swiper-button-next { right: 0; }
.proDetailInfo { width: 50%; float: left; padding: 0 0 0 5%; }
.proDetailInfo h2 { font-weight: bold; color: #666; line-height: 1.5; padding-bottom: 5px; font-size: 25px; }
.proDetailInfo .text { font-size: 16px; color: #666; line-height: 30px; }
.proDetailInfo .text p { padding: 5px 0; }
.proDetailInfo .t2 { font-size: 20px; color: #abbdbb; font-weight: bold; padding: 16px 0; line-height: 1; border-top: 1px solid #ddd; margin-top: 10px; }
.proDetailInfo .t3 a { line-height: 40px; background: #abbdbb; color: rgb(255, 255, 255); margin-right: 10px; display: inline-block; padding: 0 20px; border-radius: 5px; font-size: 16px; }
.proDetail_sub1 { padding: 0; padding-bottom: 30px; }
.proDetail_sub1 ul { margin: 0 -7px; }
.proDetail_sub1 li { float: left; width: 33.3333%; padding: 7px; }
.proDetail_sub1 .box { position: relative; }
.proDetail_sub1 .pic { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub1 .t { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: rgba(171, 189, 187, 0.6); font-size: 18px; color: #233f6c; font-weight: bold; }
.proDetail_sub2 { padding-bottom: 30px; }
.proDetail_sub2 ul { margin: 0 -7px; }
.proDetail_sub2 li { float: left; width: 25%; padding: 7px; }
.proDetail_sub2 .box { position: relative; }
.proDetail_sub2 .pic { height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub2 .t { position: inherit; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: #abbdbb; font-size: 16px; color: #fff; font-weight: normal; text-align: center; }
.proDetail_sub3 { padding-bottom: 30px; }
.proDetail_sub3 ul { margin: 0 -7px; }
.proDetail_sub3 li { float: left; width: 33.33333%; padding: 7px; }
.proDetail_sub3 .box { position: relative; }
.proDetail_sub3 .pic { height: 278px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub3 .t { position: inherit; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: none; font-size: 16px; color: #666; font-weight: normal; text-align: center; }
.proDetail_sub4 { padding: 0 0 30px; }
.proDetail_sub4 img { display: block; margin: 0 auto; }
.proDetail_sub5 { }
.proDetail_sub5 .pic { height: 426px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub5 .t { font-size: 18px; color: #fff; text-align: center; }
.proDetail_sub6 { padding: 0; }
.proDetail_sub6 ul { margin: 0 -10px; }
.proDetail_sub6 li { float: left; width: 50%; padding: 10px; }
.proDetail_sub6 .box { background: #f5f5f5; }
.proDetail_sub6 .pic { height: 260px; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; width: 50%; }
.proDetail_sub6 .text { float: left; width: 50%; height: 250px; overflow: hidden; padding: 20px; }
.proDetail_sub6 h2 { font-size: 20px; color: #abbdbb; font-weight: bold; }
.proDetail_sub6 .con { font-size: 16px; color: #666; }
.proDetail_sub7 { padding: 0; }
/*==/产品==========*/
/*==加盟==========*/
.jiameng_sub1 { padding: 0 0 30px; }
.jiameng_sub1 ul { margin: 0 -10px; }
.jiameng_sub1 li { float: left; width: 25%; padding: 0 10px; }
.jiameng_sub1 li .box { display: block; text-align: center; }
.jiameng_sub1 img { }
.jiameng_sub1 .text { padding: 15px 0 0; }
.jiameng_sub1 h2 { font-size: 16px; color: #666; line-height: 1; font-weight: bold; }
.jiameng_sub1 span { display: inline-block; width: 40px; height: 3px; background: #abbdbb; }
.jiameng_sub1 .con { font-size: 14px; color: #666; line-height: 28px; padding: 0 40px; min-height: 112px; }
.jiameng_sub2 { padding: 0 0 60px; background: url(../images/011-bg.jpg) no-repeat center center; background-size: cover; }
.jiameng_sub2 ul { margin: 0 -6px; }
.jiameng_sub2 li { float: left; width: 20%; padding: 0 6px; }
.jiameng_sub2 li .box { display: block; text-align: center; background: #fff; border-radius: 8px; }
.jiameng_sub2 img { padding: 60px 0 40px; }
.jiameng_sub2 p { font-size: 16px; color: #666; line-height: 28px; padding: 0 25px; min-height: 140px; }
.jiameng_sub3 .text { padding: 15px 0 0; background: #fafafa; }
.jiameng_sub4 { padding: 0 0 30px; }
.jiameng_sub4 ul { margin: 0 -5px; }
.jiameng_sub4 li { float: left; width: 33.3333%; padding: 0 5px; }
.jiameng_sub4 li .box { display: block; text-align: center; background: url(../images/011-bg.jpg) no-repeat center center; background-size: cover; height: 296px; color: #fff; }
.jiameng_sub4 img { padding: 70px 0 30px; }
.jiameng_sub4 p { font-size: 16px; }
/*==/加盟==========*/

/*==案例==========*/
.caseList { padding: 0; }
.caseList ul { margin: 0 -7px; }
.caseList li { padding: 7px; float: left; width: 33.333%; }
.caseList a { }
.caseList a .pic { height: 330px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.caseList a p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.caseList a:hover p { color: #233f6c; }
.caseDetailBox { padding: 0; }
.caseDetail_sub1 { background: #f5f5f5; }
.caseDetail_sub1 .pic { width: 60%; height: 426px; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; }
.caseDetail_sub1 .text { float: left; width: 40%; padding: 40px; }
.caseDetail_sub1 h2 { font-size: 20px; font-weight: bold; color: #233f6c; }
.caseDetail_sub1 span { width: 60px; height: 3px; display: inline-block; background: #233f6c; }
.caseDetail_sub1 .con { font-size: 16px; line-height: 25px; color: #666; max-height: 250px; overflow: hidden; }
.caseDetail_sub2 { margin-bottom: 30px; padding: 40px 0 0 0; }
.caseDetail_sub2 ul { margin: 0 -7px; }
.caseDetail_sub2 li { padding: 7px; float: left; width: 33.333%; }
.caseDetail_sub2 .box { }
.caseDetail_sub2 .box .pic { height: 308px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.caseDetail_sub2 .box p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.caseDetail_sub2 a:hover p { color: #233f6c; }
/*==/案例==========*/
/*==关于==========*/
.about_sub1 { font-size: 16px; color: #666; }
.about_sub1 .left { float: left; width: 65%; padding: 0 20px 0 0; }
.about_sub1 img { float: right; width: 35%; }
.about_sub1 p { text-indent: 32px; padding: 0 0 8px }
.about_sub2 { padding: 30px 0; }
.about_sub2 ul { margin: 0 -12px; }
.about_sub2 li { float: left; width: 33.33333%; padding: 0 12px; }
/*==/关于==========*/
/*==资讯==========*/
.newsWrap { padding: 0 0px 30px; }
.newsList { padding: 30px 0 00px; }
.newsList ul { margin-top: -30px; }
.newsList li { padding: 10px 0; }
.newsList li a { display: block; padding: 0 20px 0 410px; background: #f5f5f5; }
.newsList li .pic { width: 385px; height: 305px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 0 0 -410px; float: left; }
.newsList li .text { }
.newsList li a h2 { font-size: 16px; color: #000; line-height: 1.5; padding: 20px 0 0 0; }
.newsList li a em { font-size: 14px; color: #292929; display: block; padding: 10px 0 20px 0; }
.newsList li a span { DISPLAY: INLINE-BLOCK; WIDTH: 140PX; height: 40px; background: #abbdbb; color: #fff; border-radius: 5px; text-align: center; line-height: 40px; font-size: 15px; }
.newsList li a .con { font-size: 14px; color: #1D1D1D; height: 112px; overflow: hidden; margin-bottom: 20px; }
.newsList li a:hover span { background: #233f6c }
.newsDetailWrap { }
.newsDetailHd { text-align: center; padding: 20px 0 0; }
.newsDetailHd h2 { font-size: 27px; color: #000; }
.newsDetailHd p { font-size: 14px; color: #999; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; }
.newsDetailCon { font-size: 16px; color: #666; padding: 0 0 15px; }
.newsDetailCon p { padding: 8px 0; text-indent: 32px; }
.newsDetailBack { text-align: center; padding: 0 0 30px; }
.newsDetailBack a { width: 150px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #b5b5b5; color: #000; font-size: 16px; border-radius: 5px; }
.newsDetailBack a:hover { background: rgb(35, 63, 108); color: #fff; }
.newsDetailPages { border: 1px dashed #d7d7d7; border-width: 1px 0; line-height: 30px; padding: 5px 0; margin-top: 10px; color: #666; margin-bottom: 40px; }
.newsDetailPages ul { width: 80%; float: left; }
.newsDetailPages strong { color: rgb(52, 52, 52); }
.VideoList { }
.VideoList ul { margin: 0 -7px; }
.VideoList li { padding: 7px; float: left; width: 33.333%; }
.VideoList a { }
.VideoList a .pic { height: 308px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.VideoList a .pic .icon { background: url(../images/020.png) no-repeat center center rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; }
.VideoList a p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.VideoList a:hover p { color: #233f6c; }
.VideoList a:hover .pic .icon { background: url(../images/020.png) no-repeat center center rgba(0, 0, 0, 0); }
.newsDetailCon { width:96%; height: auto; margin: 0 auto; }
.video, .willesPlay, .playContent { width: 100%;/* height:100%;*/ position: relative; }
.video .playPause { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.video .playIcon, .videoIconBtn { background: url(images/video.png) no-repeat center center rgba(0, 0, 0, 0); background-size: 80px 80px; cursor: pointer; position: absolute; width: 100%; height: 100%; }
/*==/资讯==========*/
/*==联系==========*/
.contact_sub1 { position: relative; }
.contact_sub1 .text { position: absolute; width: 30%; right: 0; top: 0; height: 100%; background: rgba(252, 252, 252, 0.8); font-size: 16px; color: #4c4c4c; padding: 40px; }
.contact_sub1 .text h2 { font-size: 25px; color: #233f6c; }
.contact_sub1 .text ul { padding: 20px 0 0 0; }
.contact_sub1 .text li { line-height: 40px; }
.contact_sub1 .text i { color: #233f6c; font-size: 20px; margin-right: 10px; }
.mess { }
.mess .form { padding: 0 00px; background-size: contain; margin-bottom: 40px; }
.mess .form p { font-size: 20px; line-height: 35px; color: #737373; text-align: center; font-weight: bold; padding: 0 0 30px; }
.mess .form dl { margin: 0 -5px 10px; }
.mess .form dd { width: 50%; padding: 0 5px; float: left; }
.mess .form dt { padding: 0 5px; }
.mess .form .box { width: 100%; position: relative; border: 1px solid #ccc; border-radius: 8px; height: 65px; padding: 0 10px 0 50px; background: #fff; }
.mess .form i { width: 50px; line-height: 65px; text-align: center; position: absolute; left: 0; top: 0; font-size: 25px; color: #254270; }
.mess .form .text { width: 100%; line-height: 63px; font-size: 15px; }
.mess .form .text2 { width: 100%; position: relative; border: 1px solid #ccc; border-radius: 8px; height: 65px; padding: 0 20px 0 20px; font-size: 15px; font-family: 微软雅黑; resize: none; line-height: 30px; height: 150px; }
.mess .form .btn { margin: 0 auto; display: block; background: #254270; width: 200px; color: #fff; line-height: 50px; font-size: 15px; border-radius: 10px; cursor: pointer; }
}

@media (max-width: 768px) {/*PAD竖屏*/
body { overflow-x: hidden; }
.wrap { padding-left: 10px; padding-right: 10px; }
.page_header {/* height: 100px; */ }
.header_sub1 { background: #fff; height: 200px; /*position: fixed;*/ /*left: 0; *//*top: 0; *//*z-index: 999;*//* width: 100%; */ }
.header_sub2 { background: #fff; padding: 20px 0; text-align: center; position: relative; }
.topLeftText { float: left; line-height: 80px; font-size: 20px; color: #233f6c; }
.logo { display: inline-block; width: 120px; height: 80px; position: absolute; left: 50%; margin-left: -60px; }
.logo img { width: 100%; }
.topTel { float: right; background: url(images/tel.png) no-repeat center left; height: 70px; line-height: 1; font-size: 20px; color: #666; padding: 9px 0 0px 75px; text-align: left; }
.topTel span { font-size: 24px; font-weight: bold; line-height: 1; color: #103058; padding: 10px 0 0 0; display: block; }
.topNavBtn { float: right; display: none; background: #095fa8; width: 60px; height: 87px; position: absolute; right: 0; color: #fff; line-height: 87px;/* font-size: 30px; */ text-align: center; }
.topNavBtn span { font-size: 35px; display: block; }
.topNavBtn.on { }
.topNavBtn span:first-of-type { display: block; }
.topNavBtn span:last-of-type { display: none; }
.topNavBtn.on span:first-of-type { display: none; }
.topNavBtn.on span:last-of-type { display: block; }
/*导航*/
.topNav { background: #abbdbb; }
.nav { text-align: center; }
.nav li.m {/* width: 171px; */ position: relative; float: left; width: 14.2%; }
.nav li.m h3 { height: 80px; padding: 20px 0; text-align: center; }
.nav li.first { width: 174px; }
.nav li.first h3 a {/* background: #f0d49b; */ }
.nav li.m:last-of-type a { background: none; }
.nav li.m1 { background: none; }
.nav li h3 a { display: block; text-align: center; color: #fff; font-size: 16px; display: inline-block; text-align: center; line-height: 40px; }
.nav li h3 a i { font-size: 12px; padding: 0 5px; }
.nav li.first h3 a i { font-size: 15px; }
.nav li h3 a:hover, .nav li.on h3 a {color: #254270;border-bottom: none;}
.nav li .sub { display: none; z-index: 999999; position: absolute; background: rgba(241, 145, 11, 0.8); border-radius: 0 0 4px 4px; padding: 0 0 10px; width: 100%; }
.nav li .sub li { line-height: 26px; color: #fff; background: none; }
.nav li .sub li a { font-size: 14px; color: #fff; display: block; padding: 0 5px; text-align: center; }
.nav li .sub li a:hover { text-decoration: underline; }
.nav li.on .sub { display: block; }
.focusBanner { background: #8f8f8f }
.focusBanner img { display: block; margin: 0 auto; }
.focusBanner .swiper-button-prev, .focusBanner .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); }
.focusBanner .swiper-button-prev:hover, .focusBanner .swiper-button-next:hover { background: #254270; border-color: #254270; }
.focusBanner .swiper-pagination-bullet { background: #fff; opacity: 1; }
.focusBanner .swiper-pagination-bullet-active { background: rgb(9, 95, 168); }
.focusBanner .pic { height: 320px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.footer_sub1 { background: #4d4d4d; padding: 40px 0; }
.footer_ADD { float: left; color: #fff; font-size: 16px; line-height: 40px; width: 30%; }
.footer_ADD img { margin-bottom: 30px; }
.footer_ADD p { }
.footer_nav { float: right; width: 65%; }
.footer_nav .m { float: left; padding: 0 0 20px; width: 100%; }
.footer_nav a { color: #fff; font-size: 14px; }
.footer_nav a:hover { }
.footer_nav h3 { padding: 0; }
.footer_nav h3 a { font-size: 18px; line-height: 1; }
.footer_nav .sub { }
.footer_nav .sub li { float: left; width: 33.33%; }
.footer_nav .sub li a { }
.footer_sub2 { background: #1a1a1a; padding: 15px 0; color: #fff; font-size: 14px; }
.footer_sub2 a { color: #fff; font-size: 14px; }
.footer_sub2 .copy { float: left; }
.footer_sub2 .link { float: right; }
.mainTitle { padding: 40px 0 30px; }
.mainTitle img { display: block; margin: 0 auto; }
.main_sub1 { text-align: center; }
.main_sub1 .text { font-size: 16px; color: #4c4c4c; }
.main_sub1 ul { margin: 0 -10px; font-size: 14px; color: #4c4c4c; padding: 20px 0 0 0; }
.main_sub1 li { float: left; padding: 0 10px; width: 25%; }
.main_sub1 li .box { display: block; }
.main_sub1 li img { display: block; margin: 0 auto; }
.main_sub1 li p { }
.main_sub2 { padding: 0px 0 0px 0; position: relative; }
.main_sub2ScroolBox { padding: 0; }
.main_sub2ScroolBox ul { }
.main_sub2ScroolBox .swiper-button-prev, .main_sub2ScroolBox .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); top: 35%; }
.main_sub2ScroolBox .swiper-button-prev:hover, .main_sub2ScroolBox .swiper-button-next:hover { background: #254270; border-color: #254270; }
.main_sub2ScroolBox .swiper-pagination-bullet { background: #fff; opacity: 1; }
.main_sub2ScroolBox .swiper-pagination-bullet-active { background: rgb(9, 95, 168); }
.main_sub2 li { width: 33.3333%; padding: 0; cursor: pointer; padding: 0 0 270px; }
.main_sub2 li .box { display: block }
.main_sub2 li .pic { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub2 li .textItemBox { position: absolute; width: 100%; bottom: 0; }
.main_sub2 li .textItem { height: 270px; text-align: center; background: #fafafa; position: relative; }
.main_sub2 li .icon { background: url(../images/002.png) no-repeat center bottom; height: 90px; display: block; }
.main_sub2 li .title { text-align: center; line-height: 1; color: #333333; position: absolute; width: 100%; left: 0; top: 125px; padding: 0; font-size: 22px; }
.main_sub2 li .title span { display: block; font-size: 16px; color: #666; line-height: 1; display: block; padding: 15px 0 0 0; }
.main_sub2 li .num { margin-top: 36px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; }
.main_sub2 li .num span { width: 130px; height: 1px; background: #9fb9b4; display: inline-block; position: relative; }
.main_sub2 li .num i { font-size: 30px; display: inline-block; line-height: 1; background: #fafafa; color: #333; padding: 0 10px; margin-top: -15px; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); }
.main_sub2 li .textList { width: 100%; padding: 0 20px; position: absolute; text-align: left; font-size: 14px; line-h;
line-height: 20px; #666max-height: 215pxoverflow: hiddentop: 110pxopacity: 0
}
.main_sub2 li .textList p { position: relative; padding: 0 0 5px 15px; }
.main_sub2 li .textList p:before { content: ''; background: #a3b4b2; width: 10px; height: 10px; position: absolute; border-radius: 10px; left: 0; top: 7px; }
.main_sub2 li:hover .textItem { background: #f5f5f5; height: 400px;/* top: -130px; */ }
.main_sub2 li:hover .icon { opacity: 0; }
.main_sub2 li:hover .num i { background: #f5f5f5; }
.main_sub2 li:hover .title { top: 36px; }
.main_sub2 li:hover .textList { opacity: 1; }
.main_sub3 { padding: 0 60px; position: relative; text-align: center; }
.main_sub3ScroolBox { padding: 0;/* position: relative; */ }
.main_sub3ScroolBox ul { }
.main_sub3ScroolBox .swiper-button-prev, .main_sub3ScroolBox .swiper-button-next { background: none; color: rgb(124, 124, 124); font-size: 30px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.main_sub3ScroolBox .swiper-button-prev:hover, .main_sub3ScroolBox .swiper-button-next:hover { color: #334051; }
.main_sub3ScroolBox .swiper-button-prev { left: 0; }
.main_sub3ScroolBox .swiper-button-next { right: 0; }
.main_sub3 li { width: 33.3333%; padding: 0 10px; cursor: pointer; }
.main_sub3 li a { display: block; text-align: center; }
.main_sub3 li a img { }
.main_sub3 li a p { color: #666; font-size: 16px; line-height: 1; padding: 15px 0 0; }
.main_sub3 li a:hover p { color: #334051; }
.main_sub3 .more { width: 160px; height: 60px; background: #abbdbb; display: inline-block; color: #fff; line-height: 60px; text-align: center; font-size: 16px; border-radius: 8px; margin-top: 30px; }
.main_sub3 .more:hover { background: #233f6c }
.main_AD { margin: 40PX 0 0 0; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub4 { }
.main_sub4 dl { margin: 20px -25px; text-align: center; background: url(../images/005_shadow.jpg) no-repeat center bottom; padding: 0 0 30px; position: relative; overflow: hidden; }
.main_sub4 dd { position: absolute; background: #abbdbb; border-radius: 95px; padding: 2px; z-index: 2; left: 50%; transform: translateX(-50%); color: #fff; font-size: 16px; }
.main_sub4 dd span { border-radius: 90px; width: 90px; height: 90px; border: 1px solid #fff; display: block; line-height: 90px; }
.main_sub4 dl:before { content: ''; width: 1px; height: 100%; position: absolute; top: -30px; left: 50%; border-right: 1px dotted #d5dbe4; }
.main_sub4 dt { float: left; width: 50%; padding: 0 25px; }
.main_sub4 dt h3 { font-size: 20px; font-weight: bold; color: #abbdbb; line-height: 2; }
.main_sub4 dt .text { font-size: 16px; color: #6e6e6e; padding: 0 90px; max-height: 96px; overflow: hidden; }
.main_sub4 dt img { padding: 15px 0 0 0; }
.main_sub5 { padding: 0 0 20px; }
.main_sub5 dl { }
.main_sub5 dd { float: left; width: 100%; }
.main_sub5 dt { float: left; width: 50%; display: none; }
.main_sub5 li { padding: 20px 0; }
.main_sub5 .hd { position: relative; padding: 0 0 0 80px; font-size: 30px; color: #333; font-weight: bold; line-height: 1; }
.main_sub5 .hd em { background: url(../images/006-01.jpg) no-repeat center center; color: #fff; width: 65px; height: 56px; font-size: 30px; position: absolute; left: 0; top: 0; text-align: center; font-style: italic; line-height: 56px; }
.main_sub5 .hd span { display: block; line-height: 1; font-size: 14px; color: #ccc; font-weight: normal; padding: 10px 0 0 0; }
.main_sub5 .line { height: 6px; border: 1px dotted #b9b9b9; border-width: 1px 0; margin: 15px 0; }
.main_sub5 .text { font-size: 16px; color: #666; }
.main_sub5 .text span { color: #ff4343; }
.mainTabList { height: 56px; border-bottom: 1px solid #cdcece; margin-bottom: 15px; }
.mainTabList a.more { float: right; font-size: 14px; font-weight: bold; color: #2e4974; line-height: 55px; }
.mainTabList ul { }
.mainTabList li { float: left; line-height: 53px; height: 55px; font-size: 16px; color: #4c4c4c; margin-right: 20px; cursor: pointer; }
.mainTabList li.on { color: #2e4974; border-bottom: 2px solid #2e4974; }
.main_sub6 { float: left; width: 100%; }
.main_sub6 .left { width: 40%; float: left; padding: 0; }
.main_sub6 .left a { display: block; }
.main_sub6 .left a .pic { height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub6 .left a h2 { font-size: 16px; color: #4c4c4c; line-height: 1; padding: 10px 0 0 0; }
.main_sub6 .left a span { font-size: 12px; color: #8c8c8c; line-height: 1; display: block; padding: 10px 0; }
.main_sub6 .left a .t { font-size: 14px; color: #4c4c4c; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 25px; height: 50px; }
.main_sub6 .left a:hover .t { color: #2e4974; }
.main_sub6 .right { width: 60%; float: right; padding: 0 0 0 35px; overflow: hidden; }
.main_sub6 .right li { border-top: 1px solid #e4e4e4; margin-top: -1px; line-height: 50px; }
.main_sub6 .right a { display: block; padding: 0 80px 0 0; }
.main_sub6 .right a p { float: left; width: 100%; font-size: 16px; color: #4c4c4c; }
.main_sub6 .right a span { float: right; width: 80px; margin-right: -80px; text-align: right; font-size: 14px; color: #848484; }
.main_sub6 .right a:hover p { color: #2e4974; }
.main_sub7 { float: right; width: 100%; }
.main_sub7 .list { overflow: hidden; }
.main_sub7 .list li { padding: 20px 0; border-top: 1px solid #e4e4e4; margin-top: -1px; }
.main_sub7 .list i { width: 30px; height: 30px; background: #c6c6c6; position: absolute; left: 0; top: 0; text-align: center; color: #fff; border-radius: 2px; font-size: 16px; }
.main_sub7 .list .hd { position: relative; padding: 0 0 10px; }
.main_sub7 .list h2 { font-size: 15px; color: #666666; line-height: 30px; padding: 0 0 0 40px; }
.main_sub7 .list .bd { position: relative; padding: 0 0 0 40px; }
.main_sub7 .list .text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 25px; color: #8a8a8a; height: 50px }
/*==框架==========*/
.ADbanner {height: 300px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.ADbanner img { display: block; margin: 0 auto; }
.breadBox { font-size: 14px; color: #666; line-height: 60px; border-bottom: 1px solid #e6e6e6; }
.breadBox a { color: #666; }
.breadBox .left { float: left; color: #233f6c; }
.breadBox .right { float: right; overflow: hidden; }
.breadBox .right li { float: left; font-size: 16px; padding: 0 20px; margin-left: -1px; position: relative; }
.breadBox .right li a { display: block; line-height: 58px; }
.breadBox .right li:before { content: ''; width: 1px; height: 14px; position: absolute; left: 0; top: 25px; background: rgb(182, 182, 182); }
.breadBox .right li.on a { border-bottom: 2px solid #233f6c; color: #233f6c; }
.breadBdTitle { font-size: 35px; color: #0b4199; line-height: 70px; font-weight: bold; border-bottom: 1px solid #b2b2b2; margin: 20px 0; }
.pageConTitle { text-align: center; padding: 30px 0 20px; }
.pageConTitle h3 { font-size: 35px; font-weight: bold; color: #abbdbb; line-height: 1; }
.pageConTitle span { display: inline-block; width: 60px; height: 3px; background: #233f6c; margin-top: 12px; }
.page { padding: 20px 0 30px; text-align: center; }
.page a { display: inline-block; line-height: 38px; font-size: 16px; color: #666; border: 1px solid #cacaca; padding: 0 15px; border-radius: 5px; margin: 0 3px; }
.page .off { cursor: text; background: #f0f0f0; color: #e4e4e4; border-color: #f0f0f0; line-height: 38px; font-size: 16px; padding: 0 15px; border-radius: 5px; display: inline-block; cursor: text; }
.page .off { cursor: text; background: #fff; color: #666; border: 1px solid #cacaca; line-height: 38px; font-size: 16px; padding: 0 15px; border-radius: 5px; display: inline-block; cursor: text; }
.page .fenyeon { background: #233f6c; color: #fff; border-color: #233f6c; }
/*==/框架==========*/
/*==产品==========*/
.proList { margin: 0 -7px; }
.proList li { padding: 7px; float: left; width: 50%; }
.proList a { }
.proList a .pic { height: 330px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proList a p { text-align: center; font-size: 16px; color: #233f6c; background: #f2f2f2; line-height: 50px; }
.proList a:hover p { color: #233f6c; }
/*详情*/
.proDetailWrap { padding: 40px 100px; }
.proDetailFocusBox { width: 50%; float: left; }
.proDetailFocuBig { border: 1px solid #ededed; }
.proDetailFocuBig ul { }
.proDetailFocuBig li { }
.proDetailFocuBig li img { display: block; margin: 0 auto; }
.proDetailFocuSmall { position: relative; padding: 0 40px; }
.proDetailFocuSmall ul { padding: 0; }
.proDetailFocuSmall li { width: 33.3333%; padding: 10px; }
.proDetailFocuSmall li img { border: 1px solid #ededed; cursor: pointer; }
.proDetailFocuSmall li.swiper-slide-active img { border-color: #233f6c; }
.proDetailFocuSmall .swiper-button-prev, .proDetailFocuSmall .swiper-button-next { background: none; color: rgb(124, 124, 124); font-size: 30px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.proDetailFocuSmall .swiper-button-prev:hover, .proDetailFocuSmall .swiper-button-next:hover { color: #ff8b36; }
.proDetailFocuSmall .swiper-button-prev { left: 0; }
.proDetailFocuSmall .swiper-button-next { right: 0; }
.proDetailInfo { width: 50%; float: left; padding: 0 0 0 5%; }
.proDetailInfo h2 { font-weight: bold; color: #666; line-height: 1.5; padding-bottom: 5px; font-size: 25px; }
.proDetailInfo .text { font-size: 16px; color: #666; line-height: 30px; }
.proDetailInfo .text p { padding: 5px 0; }
.proDetailInfo .t2 { font-size: 20px; color: #abbdbb; font-weight: bold; padding: 16px 0; line-height: 1; border-top: 1px solid #ddd; margin-top: 10px; }
.proDetailInfo .t3 a { line-height: 40px; background: #abbdbb; color: rgb(255, 255, 255); margin-right: 10px; display: inline-block; padding: 0 20px; border-radius: 5px; font-size: 16px; }
.proDetail_sub1 { padding: 0; padding-bottom: 30px; }
.proDetail_sub1 ul { margin: 0 -7px; }
.proDetail_sub1 li { float: left; width: 50%; padding: 7px; }
.proDetail_sub1 .box { position: relative; }
.proDetail_sub1 .pic { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub1 .t { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: rgba(171, 189, 187, 0.6); font-size: 18px; color: #233f6c; font-weight: bold; }
.proDetail_sub2 { padding-bottom: 30px; }
.proDetail_sub2 ul { margin: 0 -7px; }
.proDetail_sub2 li { float: left; width: 50%; padding: 7px; }
.proDetail_sub2 .box { position: relative; }
.proDetail_sub2 .pic { height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub2 .t { position: inherit; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: #abbdbb; font-size: 16px; color: #fff; font-weight: normal; text-align: center; }
.proDetail_sub3 { padding-bottom: 30px; }
.proDetail_sub3 ul { margin: 0 -7px; }
.proDetail_sub3 li { float: left; width: 50%; padding: 7px; }
.proDetail_sub3 .box { position: relative; }
.proDetail_sub3 .pic { height: 278px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub3 .t { position: inherit; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: none; font-size: 16px; color: #666; font-weight: normal; text-align: center; }
.proDetail_sub4 { padding: 0 0 30px; }
.proDetail_sub4 img { display: block; margin: 0 auto; }
.proDetail_sub5 { }
.proDetail_sub5 .pic { height: 426px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub5 .t { font-size: 18px; color: #fff; text-align: center; }
.proDetail_sub6 { padding: 0; }
.proDetail_sub6 ul { margin: 0 -10px; }
.proDetail_sub6 li { float: left; width: 100%; padding: 10px; }
.proDetail_sub6 .box { background: #f5f5f5; }
.proDetail_sub6 .pic { height: 260px; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; width: 50%; }
.proDetail_sub6 .text { float: left; width: 50%; height: 250px; overflow: hidden; padding: 20px; }
.proDetail_sub6 h2 { font-size: 20px; color: #abbdbb; font-weight: bold; }
.proDetail_sub6 .con { font-size: 16px; color: #666; }
.proDetail_sub7 { padding: 0; }
/*==/产品==========*/
/*==加盟==========*/
.jiameng_sub1 { padding: 0 0 30px; }
.jiameng_sub1 ul { margin: 0 -10px; }
.jiameng_sub1 li { float: left; width: 25%; padding: 0 10px; }
.jiameng_sub1 li .box { display: block; text-align: center; }
.jiameng_sub1 img { }
.jiameng_sub1 .text { padding: 15px 0 0; }
.jiameng_sub1 h2 { font-size: 16px; color: #666; line-height: 1; font-weight: bold; }
.jiameng_sub1 span { display: inline-block; width: 40px; height: 3px; background: #abbdbb; }
.jiameng_sub1 .con { font-size: 14px; color: #666; line-height: 28px; padding: 0 5px; min-height: 112px; }
.jiameng_sub2 { padding: 0 0 60px; background: url(../images/011-bg.jpg) no-repeat center center; background-size: cover; }
.jiameng_sub2 ul { margin: 0 -6px; text-align: center; }
.jiameng_sub2 li { float: none; width: 32.3333%; padding: 5px 6px; display: inline-block; }
.jiameng_sub2 li .box { display: block; text-align: center; background: #fff; border-radius: 8px; }
.jiameng_sub2 img { padding: 60px 0 40px; }
.jiameng_sub2 p { font-size: 16px; color: #666; line-height: 28px; padding: 0 25px; min-height: 140px; }
.jiameng_sub3 .text { padding: 15px 0 0; background: #fafafa; }
.jiameng_sub4 { padding: 0 0 30px; }
.jiameng_sub4 ul { margin: 0 -5px; }
.jiameng_sub4 li { float: left; width: 33.3333%; padding: 0 5px; }
.jiameng_sub4 li .box { display: block; text-align: center; background: url(../images/011-bg.jpg) no-repeat center center; background-size: cover; height: 296px; color: #fff; }
.jiameng_sub4 img { padding: 70px 0 30px; }
.jiameng_sub4 p { font-size: 16px; }
/*==/加盟==========*/

/*==案例==========*/
.caseList { padding: 0; }
.caseList ul { margin: 0 -7px; }
.caseList li { padding: 7px; float: left; width: 50%; }
.caseList a { }
.caseList a .pic { height: 330px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.caseList a p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.caseList a:hover p { color: #233f6c; }
.caseDetailBox { padding: 0; }
.caseDetail_sub1 { background: #f5f5f5; }
.caseDetail_sub1 .pic { width: 50%; height: 426px; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; }
.caseDetail_sub1 .text { float: left; width: 40%; padding: 40px; }
.caseDetail_sub1 h2 { font-size: 20px; font-weight: bold; color: #233f6c; }
.caseDetail_sub1 span { width: 60px; height: 3px; display: inline-block; background: #233f6c; }
.caseDetail_sub1 .con { font-size: 16px; line-height: 25px; color: #666; max-height: 250px; overflow: hidden; }
.caseDetail_sub2 { margin-bottom: 30px; padding: 40px 0 0 0; }
.caseDetail_sub2 ul { margin: 0 -7px; }
.caseDetail_sub2 li { padding: 7px; float: left; width: 50%; }
.caseDetail_sub2 .box { }
.caseDetail_sub2 .box .pic { height: 308px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.caseDetail_sub2 .box p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.caseDetail_sub2 a:hover p { color: #233f6c; }
/*==/案例==========*/
/*==关于==========*/
.about_sub1 { font-size: 16px; color: #666; }
.about_sub1 .left { float: none; width: auto; padding: 0 20px 0 0; }
.about_sub1 img { float: right; width: 35%; padding: 0 0 0 20px; }
.about_sub1 p { text-indent: 32px; padding: 0 0 8px }
.about_sub2 { padding: 30px 0; }
.about_sub2 ul { margin: 0 -12px; }
.about_sub2 li { float: left; width: 33.33333%; padding: 0 12px; }
/*==/关于==========*/
/*==资讯==========*/
.newsWrap { padding: 0 0px 30px; }
.newsList { padding: 30px 0 00px; }
.newsList ul { margin-top: -30px; }
.newsList li { padding: 10px 0; }
.newsList li a { display: block; padding: 0 20px 0 410px; background: #f5f5f5; }
.newsList li .pic { width: 385px; height: 305px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0 0 0 -410px; float: left; }
.newsList li .text { }
.newsList li a h2 { font-size: 16px; color: #000; line-height: 1.5; padding: 20px 0 0 0; }
.newsList li a em { font-size: 14px; color: #292929; display: block; padding: 10px 0 20px 0; }
.newsList li a span { DISPLAY: INLINE-BLOCK; WIDTH: 140PX; height: 40px; background: #abbdbb; color: #fff; border-radius: 5px; text-align: center; line-height: 40px; font-size: 15px; }
.newsList li a .con { font-size: 14px; color: #1D1D1D; height: 112px; overflow: hidden; margin-bottom: 20px; }
.newsList li a:hover span { background: #233f6c }
.newsDetailWrap { }
.newsDetailHd { text-align: center; padding: 20px 0 0; }
.newsDetailHd h2 { font-size: 27px; color: #000; }
.newsDetailHd p { font-size: 14px; color: #999; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; }
.newsDetailCon { font-size: 16px; color: #666; padding: 0 0 15px; }
.newsDetailCon p { padding: 8px 0; text-indent: 32px; }
.newsDetailBack { text-align: center; padding: 0 0 30px; }
.newsDetailBack a { width: 150px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #b5b5b5; color: #000; font-size: 16px; border-radius: 5px; }
.newsDetailBack a:hover { background: rgb(35, 63, 108); color: #fff; }
.newsDetailPages { border: 1px dashed #d7d7d7; border-width: 1px 0; line-height: 30px; padding: 5px 0; margin-top: 10px; color: #666; margin-bottom: 40px; }
.newsDetailPages ul { width: 80%; float: left; }
.newsDetailPages strong { color: rgb(52, 52, 52); }
.VideoList { }
.VideoList ul { margin: 0 -7px; }
.VideoList li { padding: 7px; float: left; width: 50%; }
.VideoList a { }
.VideoList a .pic { height: 308px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.VideoList a .pic .icon { background: url(../images/020.png) no-repeat center center rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; }
.VideoList a p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.VideoList a:hover p { color: #233f6c; }
.VideoList a:hover .pic .icon { background: url(../images/020.png) no-repeat center center rgba(0, 0, 0, 0); }
.newsDetailCon { width: 100%; height: auto; margin: 0 auto; }
.video, .willesPlay, .playContent { width: 100%;/* height:100%;*/ position: relative; }
.video .playPause { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.video .playIcon, .videoIconBtn { background: url(images/video.png) no-repeat center center rgba(0, 0, 0, 0); background-size: 80px 80px; cursor: pointer; position: absolute; width: 100%; height: 100%; }
/*==/资讯==========*/
/*==联系==========*/
.contact_sub1 { position: relative; }
.contact_sub1 .text { position: absolute; width: 50%; right: 0; top: 0; height: 100%; background: rgba(252, 252, 252, 0.8); font-size: 16px; color: #4c4c4c; padding: 40px 10px; }
.contact_sub1 .text h2 { font-size: 25px; color: #233f6c; }
.contact_sub1 .text ul { padding: 20px 0 0 0; }
.contact_sub1 .text li { line-height: 40px; }
.contact_sub1 .text i { color: #233f6c; font-size: 20px; margin-right: 10px; }
.mess { }
.mess .form { padding: 0 00px; background-size: contain; margin-bottom: 40px; }
.mess .form p { font-size: 20px; line-height: 35px; color: #737373; text-align: center; font-weight: bold; padding: 0 0 30px; }
.mess .form dl { margin: 0 -5px 10px; }
.mess .form dd { width: 50%; padding: 0 5px; float: left; }
.mess .form dt { padding: 0 5px; }
.mess .form .box { width: 100%; position: relative; border: 1px solid #ccc; border-radius: 8px; height: 65px; padding: 0 10px 0 50px; background: #fff; }
.mess .form i { width: 50px; line-height: 65px; text-align: center; position: absolute; left: 0; top: 0; font-size: 25px; color: #254270; }
.mess .form .text { width: 100%; line-height: 63px; font-size: 15px; }
.mess .form .text2 { width: 100%; position: relative; border: 1px solid #ccc; border-radius: 8px; height: 65px; padding: 0 20px 0 20px; font-size: 15px; font-family: 微软雅黑; resize: none; line-height: 30px; height: 150px; }
.mess .form .btn { margin: 0 auto; display: block; background: #254270; width: 200px; color: #fff; line-height: 50px; font-size: 15px; border-radius: 10px; cursor: pointer; }
}

@media (max-width: 600px) {/*移动*/
body { overflow-x: hidden; }
.wrap { padding-left: 10px; padding-right: 10px; }
.page_header {height: 90px;}
.header_sub1 {background: #fff;height: 90px;position: fixed;left: 0;top: 0;z-index: 999;width: 100%;}
.header_sub2 {background: #fff;padding: 5px 70px 0 0;text-align: left;position: relative;height: 90px;}
.topLeftText {float: left;line-height: 20px;font-size: 15px;color: #233f6c;width: 100%;text-align: right;}
.logo {display: inline-block;width: 80px;height: 53px;position: absolute;left: 0px;margin-left: 0;float: left;top: 10px;}
.logo img { width: 100%; }
.topTel {float: right;background: url(images/tel.png) no-repeat center left;height: 40px;line-height: 1;font-size: 12px;color: #666;padding: 9px 0 0px 45px;text-align: left;background-size: 40px;margin-top: 10px;}
.topTel span {font-size: 14px;font-weight: bold;line-height: 1;color: #103058;padding: 5px 0 0 0;display: block;}
.topNavBtn {float: right;display: block;background: #103058;width: 60px;height: 60px;position: absolute;right: 10px;color: #fff;line-height: 60px;/* font-size: 30px; */text-align: center;top: 15px;}
.topNavBtn span { font-size: 35px; display: block; }
.topNavBtn.on { }
.topNavBtn span:first-of-type { display: block; }
.topNavBtn span:last-of-type { display: none; }
.topNavBtn.on span:first-of-type { display: none; }
.topNavBtn.on span:last-of-type { display: block; }
/*导航*/
/*导航*/
.topNav {/* float: left; *//* display: none; */position: fixed;background: #103058;top: 90px;left: 0;bottom: 0;right: 0;transform: translateX(100%);}
.topNav.on{
    transform: translateX(0%);
}
.nav { text-align: center; }
.nav li.m {width: 100%;position: relative;float: none;padding: 10px 20px;border-top: 1px solid rgba(0, 0, 0, 0.2);margin-top: -1px;}
.nav li.m2 h3{
    padding: 5px 20px;
    border-top: none;
}
.nav li.m h3{
    padding: 5px 0px;
    height: auto;
}
.nav li.first { width: 174px; }
.nav li.first h3 a {/* background: #f0d49b; */ }
.nav li.m:last-of-type a { background: none; }
.nav li.m1 { background: none; }
.nav li h3 a {display: block;text-align: center;color: #fff;font-size: 14px;display: block;text-align: left;/* width:121px; */padding: 0 0px;line-height: 30px;}
.nav li h3 a i { font-size: 12px; padding: 0 5px; }
.nav li.first h3 a i { font-size: 15px; }
.nav li h3 a:hover, .nav li.on h3 a {color: #fff;}
.nav li .sub {display: none;z-index: 999999;position: absolute;background: rgba(9, 95, 168, 0.9);border-radius: 0 0 4px 4px;padding: 0 10px 10px;width: 100%;display: block!important;position: inherit;background: none;border: none;}
.nav li .sub li {line-height: 26px;color: #fff;background: none;width: 25%;float: left;}
.nav li .sub li a {font-size: 12px;color: #fff;display: block;padding: 0 5px;text-align: left;}
.nav li .sub li a:hover { text-decoration: underline; }
.nav li.on .sub { display: block; }
.focusBanner { background: #8f8f8f }
.focusBanner img { display: block; margin: 0 auto; }
.focusBanner .swiper-button-prev, .focusBanner .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); }
.focusBanner .swiper-button-prev:hover, .focusBanner .swiper-button-next:hover { background: #254270; border-color: #254270; }
.focusBanner .swiper-pagination-bullet { background: #fff; opacity: 1; }
.focusBanner .swiper-pagination-bullet-active { background: rgb(9, 95, 168); }
.focusBanner .pic { height: 320px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.footer_sub1 {background: #4d4d4d;padding: 20px 0;}
.footer_ADD {float: left;color: #fff;font-size: 12px;line-height: 2;width: 100%;}
.footer_ADD img { margin-bottom: 30px; }
.footer_ADD p { }
.footer_nav {float: right;width: 100%;margin-top: 10px;}
.footer_nav .m {float: left;padding: 10px 0;width: 100%;border-top: 1px solid rgba(0, 0, 0, 0.2);}
.footer_nav a { color: #fff; font-size: 14px; }
.footer_nav a:hover { }
.footer_nav h3 { padding: 0; }
.footer_nav h3 a { font-size: 18px; line-height: 1; }
.footer_nav .sub { }
.footer_nav .sub li {float: left;width: 50%;}
.footer_nav .sub li a { }
.footer_sub2 {background: #1a1a1a;padding: 15px 0;color: #fff;font-size: 12px;text-align: center;}
.footer_sub2 a { color: #fff; font-size: 14px; }
.footer_sub2 .copy {float: left;width: 100%;}
.footer_sub2 .link {float: right;width: 100%;}
.mainTitle {padding: 20px 0 20px;}
.mainTitle img {display: block;margin: 0 auto;width: 40%;}
.main_sub1 { text-align: center; }
.main_sub1 .text { font-size: 16px; color: #4c4c4c; }
.main_sub1 ul { margin: 0 -10px; font-size: 14px; color: #4c4c4c; padding: 20px 0 0 0; }
.main_sub1 li {float: left;padding: 0 10px;width: 50%;}
.main_sub1 li .box { display: block; }
.main_sub1 li img { display: block; margin: 0 auto; }
.main_sub1 li p { }
.main_sub2 { padding: 0px 0 0px 0; position: relative; }
.main_sub2ScroolBox { padding: 0; }
.main_sub2ScroolBox ul { }
.main_sub2ScroolBox .swiper-button-prev, .main_sub2ScroolBox .swiper-button-next { background: none; color: #fff; font-size: 30px; text-align: center;/* border: 1px solid rgba(0, 0, 0, .4); */ width: 60px; height: 60px; border-radius: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.2); top: 35%; }
.main_sub2ScroolBox .swiper-button-prev:hover, .main_sub2ScroolBox .swiper-button-next:hover { background: #254270; border-color: #254270; }
.main_sub2ScroolBox .swiper-pagination-bullet { background: #fff; opacity: 1; }
.main_sub2ScroolBox .swiper-pagination-bullet-active { background: rgb(9, 95, 168); }
.main_sub2 li {width: 100%;padding: 0;cursor: pointer;padding: 0 0 270px;}
.main_sub2 li .box { display: block }
.main_sub2 li .pic { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub2 li .textItemBox { position: absolute; width: 100%; bottom: 0; }
.main_sub2 li .textItem { height: 270px; text-align: center; background: #fafafa; position: relative; }
.main_sub2 li .icon { background: url(../images/002.png) no-repeat center bottom; height: 90px; display: block; }
.main_sub2 li .title { text-align: center; line-height: 1; color: #333333; position: absolute; width: 100%; left: 0; top: 125px; padding: 0; font-size: 22px; }
.main_sub2 li .title span { display: block; font-size: 16px; color: #666; line-height: 1; display: block; padding: 15px 0 0 0; }
.main_sub2 li .num { margin-top: 36px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; }
.main_sub2 li .num span { width: 130px; height: 1px; background: #9fb9b4; display: inline-block; position: relative; }
.main_sub2 li .num i { font-size: 30px; display: inline-block; line-height: 1; background: #fafafa; color: #333; padding: 0 10px; margin-top: -15px; position: absolute; position: absolute; left: 50%; transform: translateX(-50%); }
.main_sub2 li .textList { width: 100%; padding: 0 20px; position: absolute; text-align: left; font-size: 14px; line-h;
line-height: 20px; #666max-height: 215pxoverflow: hiddentop: 110pxopacity: 0
}
.main_sub2 li .textList p { position: relative; padding: 0 0 5px 15px; }
.main_sub2 li .textList p:before { content: ''; background: #a3b4b2; width: 10px; height: 10px; position: absolute; border-radius: 10px; left: 0; top: 7px; }
.main_sub2 li:hover .textItem { background: #f5f5f5; height: 400px;/* top: -130px; */ }
.main_sub2 li:hover .icon { opacity: 0; }
.main_sub2 li:hover .num i { background: #f5f5f5; }
.main_sub2 li:hover .title { top: 36px; }
.main_sub2 li:hover .textList { opacity: 1; }
.main_sub3 { padding: 0 60px; position: relative; text-align: center; }
.main_sub3ScroolBox { padding: 0;/* position: relative; */ }
.main_sub3ScroolBox ul { }
.main_sub3ScroolBox .swiper-button-prev, .main_sub3ScroolBox .swiper-button-next { background: none; color: rgb(124, 124, 124); font-size: 30px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.main_sub3ScroolBox .swiper-button-prev:hover, .main_sub3ScroolBox .swiper-button-next:hover { color: #334051; }
.main_sub3ScroolBox .swiper-button-prev { left: 0; }
.main_sub3ScroolBox .swiper-button-next { right: 0; }
.main_sub3 li {width: 50%;padding: 0 10px;cursor: pointer;}
.main_sub3 li a { display: block; text-align: center; }
.main_sub3 li a img { }
.main_sub3 li a p { color: #666; font-size: 16px; line-height: 1; padding: 15px 0 0; }
.main_sub3 li a:hover p { color: #334051; }
.main_sub3 .more { width: 160px; height: 60px; background: #abbdbb; display: inline-block; color: #fff; line-height: 60px; text-align: center; font-size: 16px; border-radius: 8px; margin-top: 30px; }
.main_sub3 .more:hover { background: #233f6c }
.main_AD {margin: 40PX 0 0 0;height: 130px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.main_sub4 { }
.main_sub4 dl {margin: 20px -10px;text-align: center;background: url(../images/005_shadow.jpg) no-repeat center bottom;padding: 0 0 30px;position: relative;overflow: hidden;}
.main_sub4 dd {position: initial;background: #abbdbb;border-radius: 95px;padding: 2px;z-index: 2;left: 0;transform: translateX(-0%);color: #fff;font-size: 14px;margin: 0 10px;background: none;border-bottom: 1px solid #ddd;border-radius: 0;height: 41px;}
.main_sub4 dd span {border-radius: 0;width: auto;height: 40px;border: none;display: block;line-height: 40px;background: #abbdbb;float: left;padding: 0 20px;}
.main_sub4 dl:before {content: '';width: 1px;height: 100%;position: absolute;top: -30px;left: 50%;border-right: 1px dotted #d5dbe4;opacity: 0;}
.main_sub4 dt {float: left;width: 100%;padding: 0 10px;}
.main_sub4 dt h3 { font-size: 20px; font-weight: bold; color: #abbdbb; line-height: 2; }
.main_sub4 dt .text {font-size: 16px;color: #6e6e6e;padding: 0 00px;max-height: 96px;overflow: hidden;}
.main_sub4 dt img { padding: 15px 0 0 0; }
.main_sub5 { padding: 0 0 20px; }
.main_sub5 dl { }
.main_sub5 dd { float: left; width: 100%; }
.main_sub5 dt { float: left; width: 50%; display: none; }
.main_sub5 li { padding: 20px 0; }
.main_sub5 .hd {position: relative;padding: 0 0 0 50px;font-size: 15px;color: #333;font-weight: bold;line-height: 1;}
.main_sub5 .hd em {background: url(../images/006-01.jpg) no-repeat center center;color: #fff;width: 40px;height: 34px;font-size: 20px;position: absolute;left: 0;top: 0;text-align: center;font-style: italic;line-height: 34px;}
.main_sub5 .hd span {display: block;line-height: 1;font-size: 12px;color: #ccc;font-weight: normal;padding: 10px 0 0 0;}
.main_sub5 .line {height: 6px;border: 1px dotted #b9b9b9;border-width: 1px 0;margin: 10px 0;}
.main_sub5 .text {font-size: 12px;color: #666;}
.main_sub5 .text span { color: #ff4343; }
.mainTabList { height: 56px; border-bottom: 1px solid #cdcece; margin-bottom: 15px; }
.mainTabList a.more { float: right; font-size: 14px; font-weight: bold; color: #2e4974; line-height: 55px; }
.mainTabList ul { }
.mainTabList li { float: left; line-height: 53px; height: 55px; font-size: 16px; color: #4c4c4c; margin-right: 20px; cursor: pointer; }
.mainTabList li.on { color: #2e4974; border-bottom: 2px solid #2e4974; }
.main_sub6 { float: left; width: 100%; }
.main_sub6 .left {width: 100%;float: left;padding: 0;}
.main_sub6 .left a { display: block; }
.main_sub6 .left a .pic { height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.main_sub6 .left a h2 { font-size: 16px; color: #4c4c4c; line-height: 1; padding: 10px 0 0 0; }
.main_sub6 .left a span { font-size: 12px; color: #8c8c8c; line-height: 1; display: block; padding: 10px 0; }
.main_sub6 .left a .t { font-size: 14px; color: #4c4c4c; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 25px; height: 50px; }
.main_sub6 .left a:hover .t { color: #2e4974; }
.main_sub6 .right {width: 100%;float: right;padding: 10px 0 0 0;overflow: hidden;}
.main_sub6 .right li { border-top: 1px solid #e4e4e4; margin-top: -1px; line-height: 50px; }
.main_sub6 .right a { display: block; padding: 0 80px 0 0; }
.main_sub6 .right a p {float: left;width: 100%;font-size: 14px;color: #4c4c4c;}
.main_sub6 .right a span { float: right; width: 80px; margin-right: -80px; text-align: right; font-size: 14px; color: #848484; }
.main_sub6 .right a:hover p { color: #2e4974; }
.main_sub7 { float: right; width: 100%; }
.main_sub7 .list { overflow: hidden; }
.main_sub7 .list li { padding: 20px 0; border-top: 1px solid #e4e4e4; margin-top: -1px; }
.main_sub7 .list i { width: 30px; height: 30px; background: #c6c6c6; position: absolute; left: 0; top: 0; text-align: center; color: #fff; border-radius: 2px; font-size: 16px; }
.main_sub7 .list .hd { position: relative; padding: 0 0 10px; }
.main_sub7 .list h2 { font-size: 15px; color: #666666; line-height: 30px; padding: 0 0 0 40px; }
.main_sub7 .list .bd { position: relative; padding: 0 0 0 40px; }
.main_sub7 .list .text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 25px; color: #8a8a8a; height: 50px }
/*==框架==========*/
.ADbanner {height: 200px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.ADbanner img { display: block; margin: 0 auto; }
.breadBox { font-size: 14px; color: #666; line-height: 60px; border-bottom: 1px solid #e6e6e6; }
.breadBox a { color: #666; }
.breadBox .left { float: left; color: #233f6c; }
.breadBox .right { float: right; overflow: hidden; }
.breadBox .right li { float: left; font-size: 16px; padding: 0 20px; margin-left: -1px; position: relative; }
.breadBox .right li a { display: block; line-height: 58px; }
.breadBox .right li:before { content: ''; width: 1px; height: 14px; position: absolute; left: 0; top: 25px; background: rgb(182, 182, 182); }
.breadBox .right li.on a { border-bottom: 2px solid #233f6c; color: #233f6c; }
.breadBdTitle { font-size: 35px; color: #0b4199; line-height: 70px; font-weight: bold; border-bottom: 1px solid #b2b2b2; margin: 20px 0; }
.pageConTitle {text-align: center;padding: 20px 0 15px;}
.pageConTitle h3 {font-size: 20px;font-weight: bold;color: #abbdbb;line-height: 1;}
.pageConTitle span { display: inline-block; width: 60px; height: 3px; background: #233f6c; margin-top: 12px; }
.page { padding: 20px 0 30px; text-align: center; }
.page a { display: inline-block; line-height: 38px; font-size: 16px; color: #666; border: 1px solid #cacaca; padding: 0 15px; border-radius: 5px; margin: 0 3px; }
.page .off { cursor: text; background: #f0f0f0; color: #e4e4e4; border-color: #f0f0f0; line-height: 38px; font-size: 16px; padding: 0 15px; border-radius: 5px; display: inline-block; cursor: text; }
.page .off { cursor: text; background: #fff; color: #666; border: 1px solid #cacaca; line-height: 38px; font-size: 16px; padding: 0 15px; border-radius: 5px; display: inline-block; cursor: text; }
.page .fenyeon { background: #233f6c; color: #fff; border-color: #233f6c; }
/*==/框架==========*/
/*==产品==========*/
.proList { margin: 0 -7px; }
.proList li {padding: 7px;float: left;width: 100%;}
.proList a { }
.proList a .pic { height: 330px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proList a p { text-align: center; font-size: 16px; color: #233f6c; background: #f2f2f2; line-height: 50px; }
.proList a:hover p { color: #233f6c; }
/*详情*/
.proDetailWrap { padding: 40px 100px; }
.proDetailFocusBox {width: 100%;float: left;}
.proDetailFocuBig { border: 1px solid #ededed; }
.proDetailFocuBig ul { }
.proDetailFocuBig li { }
.proDetailFocuBig li img { display: block; margin: 0 auto; }
.proDetailFocuSmall { position: relative; padding: 0 40px; }
.proDetailFocuSmall ul { padding: 0; }
.proDetailFocuSmall li { width: 33.3333%; padding: 10px; }
.proDetailFocuSmall li img { border: 1px solid #ededed; cursor: pointer; }
.proDetailFocuSmall li.swiper-slide-active img { border-color: #233f6c; }
.proDetailFocuSmall .swiper-button-prev, .proDetailFocuSmall .swiper-button-next { background: none; color: rgb(124, 124, 124); font-size: 30px; font-weight: bold; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.proDetailFocuSmall .swiper-button-prev:hover, .proDetailFocuSmall .swiper-button-next:hover { color: #ff8b36; }
.proDetailFocuSmall .swiper-button-prev { left: 0; }
.proDetailFocuSmall .swiper-button-next { right: 0; }
.proDetailInfo {width: 100%;float: left;padding: 0;}
.proDetailInfo h2 {font-weight: bold;color: #666;line-height: 1.5;padding-bottom: 5px;font-size: 20px;}
.proDetailInfo .text {font-size: 14px;color: #666;line-height: 2;}
.proDetailInfo .text p { padding: 5px 0; }
.proDetailInfo .t2 { font-size: 20px; color: #abbdbb; font-weight: bold; padding: 16px 0; line-height: 1; border-top: 1px solid #ddd; margin-top: 10px; }
.proDetailInfo .t3 a { line-height: 40px; background: #abbdbb; color: rgb(255, 255, 255); margin-right: 10px; display: inline-block; padding: 0 20px; border-radius: 5px; font-size: 16px; }
.proDetail_sub1 { padding: 0; padding-bottom: 30px; }
.proDetail_sub1 ul { margin: 0 -7px; }
.proDetail_sub1 li {float: left;width: 100%;padding: 7px;}
.proDetail_sub1 .box { position: relative; }
.proDetail_sub1 .pic { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub1 .t {position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 10px;background: rgba(171, 189, 187, 0.6);font-size: 12px;color: #233f6c;font-weight: bold;}
.proDetail_sub2 { padding-bottom: 30px; }
.proDetail_sub2 ul { margin: 0 -7px; }
.proDetail_sub2 li {float: left;width: 100%;padding: 7px;}
.proDetail_sub2 .box { position: relative; }
.proDetail_sub2 .pic { height: 230px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub2 .t { position: inherit; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: #abbdbb; font-size: 16px; color: #fff; font-weight: normal; text-align: center; }
.proDetail_sub3 { padding-bottom: 30px; }
.proDetail_sub3 ul { margin: 0 -7px; }
.proDetail_sub3 li {float: left;width: 100%;padding: 7px;}
.proDetail_sub3 .box { position: relative; }
.proDetail_sub3 .pic { height: 278px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub3 .t { position: inherit; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: none; font-size: 16px; color: #666; font-weight: normal; text-align: center; }
.proDetail_sub4 { padding: 0 0 30px; }
.proDetail_sub4 img { display: block; margin: 0 auto; }
.proDetail_sub5 { }
.proDetail_sub5 .pic { height: 426px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.proDetail_sub5 .t { font-size: 18px; color: #fff; text-align: center; }
.proDetail_sub6 { padding: 0; }
.proDetail_sub6 ul { margin: 0 -10px; }
.proDetail_sub6 li { float: left; width: 100%; padding: 10px; }
.proDetail_sub6 .box { background: #f5f5f5; }
.proDetail_sub6 .pic { height: 260px; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; width: 50%; }
.proDetail_sub6 .text {float: left;width: 50%;height: 250px;overflow: hidden;padding: 10px 20px;}
.proDetail_sub6 h2 {font-size: 16px;color: #abbdbb;font-weight: bold;}
.proDetail_sub6 .con {font-size: 12px;color: #666;}
.proDetail_sub7 { padding: 0; }
/*==/产品==========*/
/*==加盟==========*/
.jiameng_sub1 { padding: 0 0 30px; }
.jiameng_sub1 ul { margin: 0 -10px; }
.jiameng_sub1 li {float: left;width: 50%;padding: 0 10px 10px;}
.jiameng_sub1 li .box { display: block; text-align: center; }
.jiameng_sub1 img { }
.jiameng_sub1 .text { padding: 15px 0 0; }
.jiameng_sub1 h2 { font-size: 16px; color: #666; line-height: 1; font-weight: bold; }
.jiameng_sub1 span { display: inline-block; width: 40px; height: 3px; background: #abbdbb; }
.jiameng_sub1 .con { font-size: 14px; color: #666; line-height: 28px; padding: 0 5px; min-height: 112px; }
.jiameng_sub2 { padding: 0 0 60px; background: url(../images/011-bg.jpg) no-repeat center center; background-size: cover; }
.jiameng_sub2 ul { margin: 0 -6px; text-align: center; }
.jiameng_sub2 li {float: none;width: 49%;padding: 5px 6px;display: inline-block;}
.jiameng_sub2 li .box { display: block; text-align: center; background: #fff; border-radius: 8px; }
.jiameng_sub2 img { padding: 60px 0 40px; }
.jiameng_sub2 p { font-size: 16px; color: #666; line-height: 28px; padding: 0 25px; min-height: 140px; }
.jiameng_sub3 .text { padding: 15px 0 0; background: #fafafa; }
.jiameng_sub4 { padding: 0 0 30px; }
.jiameng_sub4 ul { margin: 0 -5px; }
.jiameng_sub4 li { float: left; width: 33.3333%; padding: 0 5px; }
.jiameng_sub4 li .box { display: block; text-align: center; background: url(../images/011-bg.jpg) no-repeat center center; background-size: cover; height: 296px; color: #fff; }
.jiameng_sub4 img {padding: 40px 0 30px;}
.jiameng_sub4 p {font-size: 14px;}
/*==/加盟==========*/

/*==案例==========*/
.caseList { padding: 0; }
.caseList ul { margin: 0 -7px; }
.caseList li {padding: 7px;float: left;width: 100%;}
.caseList a { }
.caseList a .pic { height: 330px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.caseList a p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.caseList a:hover p { color: #233f6c; }
.caseDetailBox { padding: 0; }
.caseDetail_sub1 { background: #f5f5f5; }
.caseDetail_sub1 .pic {width: 100%;height: 426px;background-position: center center;background-repeat: no-repeat;background-size: cover;float: left;}
.caseDetail_sub1 .text {float: left;width: 100%;padding: 20px;}
.caseDetail_sub1 h2 { font-size: 20px; font-weight: bold; color: #233f6c; }
.caseDetail_sub1 span { width: 60px; height: 3px; display: inline-block; background: #233f6c; }
.caseDetail_sub1 .con { font-size: 16px; line-height: 25px; color: #666; max-height: 250px; overflow: hidden; }
.caseDetail_sub2 { margin-bottom: 30px; padding: 40px 0 0 0; }
.caseDetail_sub2 ul { margin: 0 -7px; }
.caseDetail_sub2 li {padding: 7px;float: left;width: 100%;}
.caseDetail_sub2 .box { }
.caseDetail_sub2 .box .pic { height: 308px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.caseDetail_sub2 .box p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.caseDetail_sub2 a:hover p { color: #233f6c; }
/*==/案例==========*/
/*==关于==========*/
.about_sub1 { font-size: 16px; color: #666; }
.about_sub1 .left { float: none; width: auto; padding: 0 20px 0 0; }
.about_sub1 img {float: right;width: 100%;padding: 0;}
.about_sub1 p { text-indent: 32px; padding: 0 0 8px }
.about_sub2 { padding: 30px 0; }
.about_sub2 ul { margin: 0 -12px; }
.about_sub2 li { float: left; width: 33.33333%; padding: 0 12px; }
/*==/关于==========*/
/*==资讯==========*/
.newsWrap { padding: 0 0px 30px; }
.newsList { padding: 30px 0 00px; }
.newsList ul { margin-top: -30px; }
.newsList li { padding: 10px 0; }
.newsList li a {display: block;padding: 0 0px 0 0px;background: #f5f5f5;}
.newsList li .pic {width: 100%;height: 305px;background-position: center center;background-repeat: no-repeat;background-size: cover;margin: 0;margin: 0;left;}
.newsList li .text {width: 100%;float: left;padding: 15px;}
.newsList li a h2 { font-size: 16px; color: #000; line-height: 1.5; padding: 20px 0 0 0; }
.newsList li a em { font-size: 14px; color: #292929; display: block; padding: 10px 0 20px 0; }
.newsList li a span { DISPLAY: INLINE-BLOCK; WIDTH: 140PX; height: 40px; background: #abbdbb; color: #fff; border-radius: 5px; text-align: center; line-height: 40px; font-size: 15px; }
.newsList li a .con { font-size: 14px; color: #1D1D1D; height: 112px; overflow: hidden; margin-bottom: 20px; }
.newsList li a:hover span { background: #233f6c }
.newsDetailWrap { }
.newsDetailHd { text-align: center; padding: 20px 0 0; }
.newsDetailHd h2 { font-size: 27px; color: #000; }
.newsDetailHd p { font-size: 14px; color: #999; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; }
.newsDetailCon { font-size: 16px; color: #666; padding: 0 0 15px; }
.newsDetailCon p { padding: 8px 0; text-indent: 32px; }
.newsDetailBack { text-align: center; padding: 0 0 30px; }
.newsDetailBack a { width: 150px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #b5b5b5; color: #000; font-size: 16px; border-radius: 5px; }
.newsDetailBack a:hover { background: rgb(35, 63, 108); color: #fff; }
.newsDetailPages { border: 1px dashed #d7d7d7; border-width: 1px 0; line-height: 30px; padding: 5px 0; margin-top: 10px; color: #666; margin-bottom: 40px; }
.newsDetailPages ul { width: 80%; float: left; }
.newsDetailPages strong { color: rgb(52, 52, 52); }
.VideoList { }
.VideoList ul { margin: 0 -7px; }
.VideoList li {padding: 7px;float: left;width: 100%;}
.VideoList a { }
.VideoList a .pic { height: 308px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }
.VideoList a .pic .icon { background: url(../images/020.png) no-repeat center center rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: absolute; }
.VideoList a p { text-align: center; font-size: 16px; color: #233f6c; line-height: 50px; }
.VideoList a:hover p { color: #233f6c; }
.VideoList a:hover .pic .icon { background: url(../images/020.png) no-repeat center center rgba(0, 0, 0, 0); }
.newsDetailCon { width: 100%; height: auto; margin: 0 auto; }
.video, .willesPlay, .playContent { width: 100%;/* height:100%;*/ position: relative; }
.video .playPause { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.video .playIcon, .videoIconBtn { background: url(images/video.png) no-repeat center center rgba(0, 0, 0, 0); background-size: 80px 80px; cursor: pointer; position: absolute; width: 100%; height: 100%; }
/*==/资讯==========*/
/*==联系==========*/
.contact_sub1 { position: relative; }
.contact_sub1 .text {position: inherit;width: 100%;right: 0;top: 0;height: 100%;background: rgba(252, 252, 252, 0.8);font-size: 16px;color: #4c4c4c;padding: 20px 10px;}
.contact_sub1 .text h2 { font-size: 25px; color: #233f6c; }
.contact_sub1 .text ul { padding: 20px 0 0 0; }
.contact_sub1 .text li { line-height: 40px; }
.contact_sub1 .text i { color: #233f6c; font-size: 20px; margin-right: 10px; }
.mess { }
.mess .form { padding: 0 00px; background-size: contain; margin-bottom: 40px; }
.mess .form p { font-size: 20px; line-height: 35px; color: #737373; text-align: center; font-weight: bold; padding: 0 0 30px; }
.mess .form dl { margin: 0 -5px 10px; }
.mess .form dd {width: 100%;padding: 0 5px;float: left;margin-bottom: 10px;}
.mess .form dt { padding: 0 5px; }
.mess .form .box { width: 100%; position: relative; border: 1px solid #ccc; border-radius: 8px; height: 65px; padding: 0 10px 0 50px; background: #fff; }
.mess .form i { width: 50px; line-height: 65px; text-align: center; position: absolute; left: 0; top: 0; font-size: 25px; color: #254270; }
.mess .form .text { width: 100%; line-height: 63px; font-size: 15px; }
.mess .form .text2 { width: 100%; position: relative; border: 1px solid #ccc; border-radius: 8px; height: 65px; padding: 0 20px 0 20px; font-size: 15px; font-family: 微软雅黑; resize: none; line-height: 30px; height: 150px; }
.mess .form .btn { margin: 0 auto; display: block; background: #254270; width: 200px; color: #fff; line-height: 50px; font-size: 15px; border-radius: 10px; cursor: pointer; }
}