/*内容*/
.banner .listbox { position: relative; }
.banner .listbox::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #fff; opacity: 0.9; filter: alpha(opacity=90); }
.banner .listbox .list,
.banner .listbox .ewm,
.banner .listbox .ewm-txt { position: relative; z-index: 3; }
.banner .listbox .list { margin: 8% auto 0; }
.banner .listbox .link { padding-top: 0.75em; }
.banner .listbox .ewm { margin: 0 auto 0; max-width: 80%; font-size: 0; }
.banner .listbox .ewm .img { max-width: 100%; }
.banner .listbox .ewm-txt { margin: 0 auto; max-width: 80%; font-size: 14px; color: #000; }

.menut { margin-top: 3.64%; color: #fff; }
.menut a { color: #fff; }
.menut .comwrap { padding: 28px 0; background-color: #003399; }
.menut .menu { width: 58.33%; font-size: 0; }
.menut .menu .col { position: relative; margin-left: 3.14%; }
.menut .menu .col::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; margin: 2px auto 0; width: 12px; height: 7px; background: url(../img/icon-arrow-menu.png) 0 0 no-repeat; opacity: 0; filter: alpha(opacity=0); transform: all .3s; }
.menut .menu .link { font-size: 18px; color: #fff; }
.menut .menu .txt { display: block; }
.menut .menu .col:hover .txt { transform: translate3d(0, -3px, 0); }
.menut .menu .cur::before { top: 100%; opacity: 1; filter: alpha(opacity=100); }
.menut .menu .cur .txt, .menut .menu .cur:hover .txt { transform: translate3d(0, -8px, 0); }
.menut .position { margin-right: 1.83%; width: 27%; text-align: right; opacity: 0.3; filter: alpha(opacity=30); }

.menut-bg { padding: 0.1px 0; background-color: #0e2371; }

.container-side { padding: 3.65% 0 2.6%; }
.menut-side { position: relative; width: 22.08%;/*265*/ text-align: center; color: #fff; background-color: #003399; }
.menut-side .wrap { padding: 24.52% 13.2% 9.43%;/*65 35 25 195*/ }
.menut-side .tit { font-size: 24px; }
.menut-side .stit { margin-top: 6px; font-size: 12px; opacity: 0.2; filter: alpha(opacity=20); }
.menut-side .menu { margin-top: 30px; text-align: left; }
.menut-side .menu .col-t { margin-top: 12px; }
.menut-side .menu .link-t { display: block; position: relative; padding: 14px 0; font-size: 18px; color: #003399; background-color: #fff116; border-radius: 9px; }
.menut-side .menu .link-t .txt { margin-right: 16px; padding: 0 15.38%; }
.menut-side .menu .link-t .icon { position: absolute; top: 0; right: 0; margin: 14px 15.38% 0 0; }
.menut-side .menu .link-t:hover .icon { transform: translate3d(6px, 0, 0); }
.menut-side .menu .cur .link-t { font-weight: bold; text-shadow: 0 0 2px #fff; }
.menut-side .menu .son { display: block; padding: 10px 15.38%; }
.menut-side .menu .col-s { margin: 6px 0; }
.menut-side .menu .link-s { display: block; position: relative; }
.menut-side .menu .link-s .icon { position: absolute; top: 7px; left: 0; width: 8px; height: 8px; border: 1px solid #fff; border-radius: 100%; }
.menut-side .menu .link-s .txt { margin-left: 22px; font-size: 18px; color: #fff; }
.menut-side .menu .link-s:hover .txt { margin-left: 28px; }
.menut-side .menu .col-s.cur .icon { background-color: #fff; }
.menut-side .position,
.menut-side .position a { color: #c9caca; }
.menut-side .position { position: relative; margin-top: 20.5%; padding-top: 10px; font-size: 14px; opacity: 0.3; filter: alpha(opacity=30); }
.menut-side .position::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; }

.menut-side { width: 20.4166%;/*245*/ color: #003399; background-color: #fff; }
.menut-side .wrap { padding: 14.28% 10.2% 8.16%;/*35 25 20*/ }
.menut-side .tit { font-weight: bold; }
.menut-side .stit { color: #999; opacity: 1; filter: alpha(opacity=100); }
.menut-side .menu { margin-top: 0; }
.menut-side .menu .col-t { margin-top: 22px; padding-top: 20px; border-top: 1px solid #dcdcdc; }
.menut-side .menu .link-t { font-weight: bold; background: none; border-radius: 0; }
.menut-side .menu .link-t .txt { padding: 0 10px; }
.menut-side .menu .link-t .icon { margin-right: 10px; }
.menut-side .menu .son { padding: 10px 15.38% 0; }
.menut-side .menu .col-s { margin: 5px 0; }
.menut-side .menu .link-s .icon { border-color: #003399; }
.menut-side .menu .link-s .txt { font-size: 16px; color: #003399; }
.menut-side .menu .col-s.cur .icon { background-color: #003399; }
.menut-side .position,
.menut-side .position a { color: #999; }
.menut-side .position { font-size: 12px; opacity: 1; filter: alpha(opacity=100); }
.menut-side .position::before { background-color: #dcdcdc; }

.content-side { width: 77%; }

.pagelist { margin: 5% auto; font-size: 0; text-align: center; }
.pagelist a, .pagelist b { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 5px 5px 0; padding: 0 8px; font-size: 18px; line-height: 28px; text-align: center; color: #4d4d4d; letter-spacing: 0.1em; }
.pagelist a:hover { color: #003399; }
.pagelist b, .pagelist .this, .pagelist .this:hover { font-weight: normal; color: #fff; background-color: #003399; }
.pagelist a b { display: inline; margin: 0; padding: 0; font-weight: normal; color: #4d4d4d; vertical-align: initial; }
.pagelist a.home, .pagelist a.last { background-color: #c9caca; }
.pagelist a.home:hover, .pagelist a.last:hover { color: #fff; background-color: #003399; }
.pagelist a[title="Total record"] { display: none; background-color: #e5e5e5; }
.pagelist a[title="Total record"]:hover, .pagelist a[title="Total record"]:hover, .pagelist a[title="Total record"]:hover, .pagelist a.all:hover { color: #4d4d4d; background-color: #e5e5e5; }
.pagelist a.plbtn { display: none; }
.pagelist a.show { display: inline-block; }

.body p { margin: 0.9em 0; }
.body p:first-child { margin-top: 0; }
.body video, .artcon-main .content .body source { margin: 0 auto; max-width: 100%; }
.body blockquote { margin: 0; }
.body ul, .artcon .body li { list-style: disc inside; }
.body img { margin: 0.5em 0; }
.imgha-table-box { position: relative; }
.imgha-table-box .txt { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; margin-top: 5%; font-size: 14px; line-height: 24px; text-align: center; color: #fff; }
.imgha-table-box .txt::before { content: '<--'; }
.imgha-table-box .txt::after { content: '-->'; }
.imgha-table-box .mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); }
.imgha-table-box:hover .txt, .imgha-table-box:hover .mask { visibility: hidden; }
.body .loadblank { min-height: 305px; background: url(../img/loading-b.gif) center no-repeat; }

/*简介*/
.about-jj { margin: 2.5% auto; font-size: 0; }
.about-jj .imgbox { width: 50%; }
.about-jj .imgbox .img { display: block; width: 100%; }
.about-jj .conbox { margin-left: 2.29%; width: 45.42%; }
.about-jj .conbox .tit { padding-left: 39px; }
.about-jj .conbox .tit::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -1px; width: 24px; height: 2px; background-color: #003399; }
.about-jj .conbox .tit .img { display: block; max-width: 100%; }
.about-jj .conbox .con { margin-top: 6.24%; font-size: 16px; line-height: 30px; color: #4d4d4d; }

.about-wh { margin: 2.5% auto; padding: 5.83% 5%; background-color: #f5f5f5; }
.about-wh .tit { font-size: 24px; }
.about-wh .stit { font-size: 16px; }
.about-wh .con { font-size: 16px; line-height: 30px; color: #4d4d4d; }
.about-wh .item-1 { text-align: center; }
.about-wh .item-1 .tit { font-size: 24px; color: #003399; }
.about-wh .item-1 .stit { margin-top: 8px; color: #aeaeae; }
.about-wh .item-1 .imgwr { margin-top: 32px; padding: 6px; background-color: #fff; }
.about-wh .item-1 .img { display: block; width: 100%; }
.about-wh .item-1 .con { margin-top: 30px; }
.about-wh .item-2 { margin-top: 40px; padding-top: 45px; font-size: 0; border-top: 1px solid #c9caca; }
.about-wh .item-2 .conwr { margin-left: 6.4%; width: 35.82%; }
.about-wh .item-2 .tit { color: #4d4d4d; }
.about-wh .item-2 .stit { margin-top: 16px; text-transform: uppercase; color: #c9caca; }
.about-wh .item-2 .con { position: relative; margin-top: 18px; padding-top: 12.8%; }
.about-wh .item-2 .con::before { content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 1px; background-color: #bfbfbf; }
.about-wh .item-2 .imgwr { margin-left: 1.85%; width: 55.93%; text-align: right; }
.about-wh .item-2 .imgwr .img { max-width: 100%; }

.about-lc { margin-top: 40px; padding: 45px 1.85% 0 6.48%; border-top: 1px solid #c9caca; overflow: hidden; }
.about-lc .tit { color: #4d4d4d; }
.about-lc .stit { position: relative; margin-top: 8px; padding-bottom: 8px; text-transform: uppercase; color: #c9caca; }
.about-lc .stit::before { content: ''; position: absolute; bottom: 0; left: 0; width: 25px; height: 1px; background-color: #bfbfbf; }
.about-lc .conbox { position: relative; margin-top: 10px; padding-top: 55px; }
.about-lc .conbox .conwr { position: relative; z-index: 2; width: 50%; max-width: 335px; font-size: 0; text-align: right; }
.about-lc .conbox .img { width: 24.77%; }
.about-lc .conbox .slide { padding-top: 30px; text-align: left; }
.about-lc .conbox .slide::before { content: ''; position: absolute; top: 30px; right: 35px; z-index: 2; width: 25px; height: 27px; background: url(../img/icon-about-lc.png) 0 0 no-repeat; }
.about-lc .conbox .col { background-color: #fff; border-radius: 4px; }
.about-lc .conbox .tit { position: absolute; top: -34px; left: 35px; font-weight: bold; font-size: 48px; color: #003399; }
.about-lc .conbox .con { padding: 47px 35px; font-size: 18px; line-height: 32px; color: #003399; }
.about-lc .conbox .bg { position: absolute; top: 0; left: 0; z-index: 1; max-width: 100%; }
.about-lc .timebox { position: relative; }
.about-lc .timebox::before { content: ''; position: absolute; top: 60px; left: 0; z-index: 1; left: -450%; width: 1000%; height: 1px; background-color: #999; }
.about-lc .timebox .slide { position: relative; z-index: 1; margin: 0 57px; padding-top: 55px }
.about-lc .timebox .col { width: 12.5%; font-size: 0; text-align: center; }
.about-lc .timebox .dot { width: 11px; height: 11px; background-color: #959595; border-radius: 100%; }
.about-lc .timebox .tit { margin-top: 15px; padding: 0 6px; font-weight: bold; font-size: 24px; color: #999; cursor: pointer; }
.about-lc .timebox .cur .tit { color: #003399; }
.about-lc .timebox .slide .icon { position: absolute; top: -50px; left: 0; width: 12.5%; min-width: 34px; height: 50px; background: url(../img/icon-about-lc2.png) center no-repeat; }
.about-lc .timebox .btn { position: absolute; top: 32px; z-index: 2; width: 57px; height: 57px; cursor: pointer; }
.about-lc .timebox .btn .icon { width: 57px; height: 57px; background: url(../img/icon-btn-ablc.png) 0 0 no-repeat; }
.about-lc .timebox .prev { left: 0; }
.about-lc .timebox .prev:hover { transform: translate3d(-6px, 0, 0); }
.about-lc .timebox .next { right: 0; }
.about-lc .timebox .next .icon { background-position: -63px 0; }
.about-lc .timebox .next:hover { transform: translate3d(6px, 0, 0); }

.about-ry { margin: 5.83% auto; }
.about-ry .title { text-align: center; }
.about-ry .title .tit { font-size: 24px; color: #003399; }
.about-ry .title .stit { margin-top: 12px; font-size: 16px; color: #aeaeae; }
.about-ry .main { position: relative; margin-top: 3.33%; padding: 0 32px; }
.about-ry .slide { margin: 0 2.46%; }
.about-ry .slide .col { margin-right: 1.625%; width: 18.7%; overflow: hidden; cursor: pointer; }
.about-ry .slide .imgwr { padding-bottom: 135.15%; background-color: #fff; }
.about-ry .slide .img { max-width: 90%; max-height: 90%; }
.about-ry .slide .tit { position: absolute; top: 70%; left: 0; right: 0; z-index: 3; padding: 0 5%; width: 90%; font-size: 16px; text-align: center; color: #fff; opacity: 0; filter: alpha(opacity=0); }
.about-ry .slide .mask { position: absolute; top: -20%; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.about-ry .slide .col:hover .tit { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.about-ry .slide .col:hover .mask { top: 0; opacity: 0.7; filter: alpha(opacity=70); }
.about-ry .main .btn { position: absolute; top: 0; left: 0; width: 32px; height: 100%; }
.about-ry .main .next { left: auto; right: 0; }
.about-ry .btn .wrap { position: absolute; top: 50%; left: 0; margin-top: -16px; width: 30px; height: 30px; font-size: 0; line-height: 30px; text-indent: 9px; border: 1px solid #8e8e8e; border-radius: 100%; cursor: pointer; }
.about-ry .next .wrap { text-indent: 11px; }
.about-ry .btn .icon { width: 9px; height: 16px; background: url(../img/icon-arrow-btn.png) 0 0 no-repeat; }
.about-ry .next .icon { background-position: -45px 0; }
.about-ry .prev .wrap:hover { transform: translate3d(-6px, 0, 0); }
.about-ry .next .wrap:hover { transform: translate3d(6px, 0, 0); }

/*产品*/
.prolist .list { margin: -2% -2% 0;/*18 936*/ font-size: 0; }
.prolist .list .col { margin: 1.92% 0 0 1.92%; width: 30.7733%; background-color: #fff; vertical-align: top; }
.prolist .col .inbox { display: block; padding: 4.16%; }
.prolist .col .imgwr { padding-bottom: 70.45%; }
.prolist .col .conwr { margin: 10.6% auto 6.06%; max-width: 170px; text-align: center; border-top: 1px solid #c9caca; }
.prolist .col .tit { margin-top: 8px; font-size: 18px; color: #4d4d4d; }
.prolist .col .btn { margin-top: 10px; width: 70px; font-size: 14px; line-height: 22px; text-align: center; color: #c9caca; border: 1px solid #c9caca; border-radius: 1px; }
.prolist .col:hover .img { transform: scale(1.06); }
.prolist .col .btn:hover { color: #fff; background-color: #003399; border-color: #003399; }

.procon { margin-bottom: 5%; }

.procon-js { margin-top: 10px; background-color: #fff; overflow: hidden; }
.procon-js .conbox { position: relative; padding: 5.83% 0 5% 8.75%; width: 43.33%; color: #222; }
//.procon-js .conbox::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 1000%; height: 100%; background-color: #4d4d4d; }
.procon-js .conbox .tit { position: relative; z-index: 2; font-size: 38px; }
.procon-js .conbox .stit { position: relative; z-index: 2; font-size: 24px; }
.procon-js .conbox .con { position: relative; z-index: 2; margin-top: 30px; font-size: 16px; line-height: 24px; text-align: justify; }
.procon-js .conbox .con ul { margin: 1.2em 0 -0.4em; }
.procon-js .conbox .con li { position: relative; margin: 0.4em 0; padding-left: 1.2em; }
.procon-js .conbox .con li::before { content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: #222; border-radius: 100%; }
.procon-js .imgbox { position: relative; z-index: 2; margin: 5% 8.33% 4.17% 0; width: 34.5833%; background-color: #fff;/* box-shadow: 0 0 14px 0 rgba(9, 5, 6, 0.48);*/ }
.procon-js .imgbox .imgwr { padding: 4.8%; font-size: 0; text-align: center; }
.procon-js .imgbox .img { max-width: 100%; max-height: 600px; }
.procon-js .listbox { margin: 4.16% 0 0 8.75%; width: 40.4166%; }
.procon-js .listbox .tit { font-size: 18px; color: #4d4d4d; }
.procon-js .listbox .slide { margin-top: 16px; }
.procon-js .listbox .col { margin-right: 3.1%; width: 17.52%; cursor: pointer; }
.procon-js .listbox .imgwr { padding-bottom: 100%; border-radius: 10px; }
.procon-js .listbox .col:hover .img { transform: scale(1.1); }

.procon-menu { margin-top: 20px; padding: 1.5833% 0; color: #fff; background-color: #003399; }
.procon-menu .icon { float: left; margin: 3px 0 0 2%; width: 23px; height: 27px; background: url(../img/icon-menu-procon.png) 0 0 no-repeat; }
.procon-menu .list { margin: 0 2% 0 4%; padding-left: 23px; font-size: 0; text-align: right; overflow: hidden; }
.procon-menu .list .col { position: relative; margin-left: 25px; font-size: 18px; line-height: 33px; color: #c9caca; }
.procon-menu .list .col::before { content: ''; position: absolute; top: 8px; right: 0; margin-right: -13px; width: 2px; height: 19px; background-color: #c9caca; }
.procon-menu .list .col:hover { color: #fff; }
.procon-menu .list .cur { color: #fff116; }

.procon-box { padding: 0.1px 0; background-color: #fff; }

.procon-xg { margin: 25px; }
.procon-fg { margin: 3.33% 1.83%; padding-top: 3.75%; border-top: 2px solid #c9caca; }

.procon-cs .title,
.procon-pj2 .title { padding: 1.5833% 0; color: #fff; background-color: #003399; }
.procon-cs .title .tit,
.procon-pj2 .title .tit { margin: 0 3.75%; width: 42.5%; font-size: 24px; line-height: 32px; }
.procon-cs .title .stit,
.procon-pj2 .title .stit { position: relative; margin: 4px 7.5%; padding-bottom: 6px; width: 35%; font-size: 12px; text-align: right; text-transform: uppercase; opacity: 0.5; filter: alpha(opacity=50); }
.procon-cs .title .stit::after,
.procon-pj2 .title .stit::after { content: ''; position: absolute; bottom: 0; right: 0; width: 18px; height: 1px; background-color: #fff; }
.procon-cs .body,
.procon-pj2 .body { padding: 2.08% 1.83%; background-color: #fff; }

.procon-pj { position: relative; padding: 0.1px 0; font-size: 0; color: #fff; background: url(../img/bg-procon.jpg) top center repeat; }
.procon-pj .title { position: absolute; top: 0; right: 0; margin: 10.83% 9.58% 0 0; text-align: right; text-transform: uppercase; }
.procon-pj .title .tit { font-size: 12px; opacity: 0.5; filter: alpha(opacity=50); }
.procon-pj .title .line { margin-top: 12px; width: 20px; height: 1px; background-color: #fff; opacity: 0.5; filter: alpha(opacity=50); }
.procon-pj .title .stit { margin-top: 14px; font-weight: bold; font-size: 24px; }
.procon-pj .main { margin: 9.16% 8.33% 6.66%; }
.procon-pj .main .row { margin-top: 5%; max-width: 695px; }
.procon-pj .main .row-c2 { margin-left: 7.2%; }
.procon-pj .main .row-c3 { margin-left: 18.6%; }
.procon-pj .main .row-c4 { margin-left: 30.6%; }
.procon-pj .row .imgwr { padding-bottom: 25.32%; width: 25.32%; background-color: #fff; border-radius: 100%; }
.procon-pj .row .img { max-width: 100%; max-height: 100%; }
.procon-pj .row .conwr { margin-left: 7.19%; width: 67.49%; }
.procon-pj .row .line { display: block; width: 29px; height: 3px; background-color: #ffcc66; }
.procon-pj .row .tit { margin-top: 12px; font-weight: bold; font-size: 24px; }
.procon-pj .row .con { margin-top: 30px; font-size: 16px; line-height: 23px; }

.procon-pj2 { margin-top: 1px; background-color: #fff; }

.procon-ys { margin-top: 1px; padding: 2.08% 1.83% 6.78%; background-color: #fff; }
.procon-pj2 img,
.procon-ys img { vertical-align: top; }

.img-iframe,
.img-iframe::before,
.img-iframe .box { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; }
.img-iframe::before { content: ''; position: absolute; z-index: 9998; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }
.img-iframe .box { z-index: 9999; height: calc(100% - 50px); font-size: 0; text-align: center; overflow-y: scroll; }
.img-iframe .box img { max-width: 100%; }
.img-iframe .btn { position: absolute; bottom: 0; right: 0; z-index: 10000; width: 50px; height: 50px; font-size: 0; line-height: 50px; text-align: center; background-color: #003399; cursor: pointer; }
.img-iframe .btn .icon { width: 27px; height: 27px; background: url(../img/icon_close.png) 0 0 no-repeat; }
.img-iframe .btn:hover .icon { transform: rotateZ(180deg); }
.img-iframe-hide { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }

/*加盟*/
.join { margin-bottom: 2.35%; }

.join-ys { padding: 45px; font-size: 0; background-color: #fff; }
.join-ys .title { text-align: center; }
.join-ys .title .tit { font-size: 24px; color: #003399; }
.join-ys .title .line { margin-top: 14px; width: 55px; height: 1px; background-color: #003399; }
.join-ys .main { margin-top: 35px; }
.join-ys .main .imgbox { width: 38.73%; }
.join-ys .main .conbox { margin-bottom: -18px; width: 58.55%; }
.join-ys .conbox .col { padding: 22px 0 18px; width: 49.23%; vertical-align: top; }
.join-ys .conbox .imgwr { width: 18.125%; border: 2px solid #4d4d4d; border-radius: 100%; }
.join-ys .conbox .imgwr-ilm { padding-bottom: 100%; }
.join-ys .conbox .img { max-width: 70%; max-height: 70%; }
.join-ys .conbox .conwr { margin-left: 5.625%; width: 75%; }
.join-ys .conbox .tit { font-weight: bold; font-size: 18px; color: #4d4d4d; }
.join-ys .conbox .con { font-size: 16px; line-height: 24px; color: #666; }
.join-ys .conbox .col-c1 { margin-left: 1.54%; }
.join-ys .conbox .col-c1 .conwr { width: 60.9375%; }

.join-tit { padding: 1.5833% 0; color: #fff; background-color: #003399; }
.join-tit .tit { margin: 0 3.75%; width: 42.5%; font-size: 24px; line-height: 32px; }
.join-tit .con { position: relative; margin: 3px 3.75%; padding-bottom: 5px; width: 42.5%; font-size: 16px; text-align: right; }
.join-tit .con::after { content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 1px; background-color: #fff; }

.join-zc .main { position: relative; overflow: hidden; }
.join-zc .main .list { position: relative; z-index: 2; padding: 1px 0; font-size: 0; overflow: hidden; }
.join-zc .main .list::before,
.join-zc .main .list::after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.6; filter: alpha(opacity=60); }
.join-zc .main .list::before { top: 0; }
.join-zc .main .list::after { bottom: 0; }
.join-zc .main .col { position: relative; width: 25%; text-align: center; }
.join-zc .main .col::before,
.join-zc .main .col::after { content: ''; position: absolute; top: 50%; margin-top: -450%; width: 1px; height: 1000%; background-color: #fff; opacity: 0.6; filter: alpha(opacity=60); }
.join-zc .main .col::before { left: 0; }
.join-zc .main .col::after { right: 0; }
.join-zc .main .col .titwr { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; margin: 0 auto; width: 90%; color: #fff; transform: translate3d(0, -50%, 0); }
.join-zc .main .col .titwr .tit { font-size: 18px; }
.join-zc .main .col .titwr .stit { margin-top: 5.55%; font-size: 12px; color: #999; }
.join-zc .main .col .titwr .icon { display: block; margin-top: 3.7%; font-size: 16px; }
.join-zc .main .col .titwr .line { margin-top: 3.7%; width: 28.88%; height: 1px; background-color: #fff; }
.join-zc .main .col .conwr { position: relative; z-index: 3; padding: 18.33% 5% 21.66%; color: #003399; opacity: 0; filter: alpha(opacity=0); transform: translate3d(0, 10%, 0); }
.join-zc .main .col .conwr .num { font-weight: bold; font-size: 36px; }
.join-zc .main .col .conwr .tit { margin-top: 11.11%; font-size: 18px; }
.join-zc .main .col .conwr .con { margin-top: 5.92%; font-size: 16px; color: #888; }
.join-zc .main .col .mask { position: absolute; top: 50%; left: 0; z-index: 1; margin-top: -450%; width: 100%; height: 1000%; background-color: #fff; opacity: 0; filter: alpha(opacity=0); }
.join-zc .main .col:hover .titwr { top: 40%; opacity: 0; filter: alpha(opacity=0); }
.join-zc .main .col:hover .conwr { opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0); }
.join-zc .main .col:hover .mask { opacity: 1; filter: alpha(opacity=100); }
.join-zc .main .bg { position: absolute; top: 0; left: 0; padding-bottom: 0; width: 100%; height: 100%; }
.join-zc .main .list-m { display: none; }
.join-zc .main .col { width: 20%; }

.join-tj .main { padding: 3.75% 4.16%; font-size: 0; background-color: #fff; }
.join-tj .main .list { position: relative; width: 49.54%; overflow: hidden; }
.join-tj .main .list::before { content: ''; position: absolute; top: 5%; left: 0; margin-left: 3.67%; width: 1px; height: 90%; background-color: #003399; }
.join-tj .list .row { position: relative; z-index: 2; margin-top: 6.42%; }
.join-tj .list .row-c1 { margin-top: 0; }
.join-tj .row .icowr { padding-bottom: 7.34%; width: 7.34%; background-color: #fff; }
.join-tj .row .img { max-width: 100%; max-height: 90%; }
.join-tj .row .conwr { margin-left: 2.76%; width: 89.9%; }
.join-tj .row .tit { font-size: 16px; line-height: 24px; color: #4d4d4d; }
.join-tj .row .con { margin-top: 0.5em; font-size: 14px; line-height: 22px; color: #999; }
.join-tj .main .imgwr { margin-left: 2.27%; width: 47.27%; }
.join-tj .imgwr .img { display: block; width: 100%; }

.join-al { position: relative; padding: 3.33%; }
.join-al .title { position: relative; z-index: 2; font-size: 0; text-align: center; color: #fff; }
.join-al .title .tit { font-size: 24px; }
.join-al .title .line { margin-top: 4px; width: 24px; height: 1px; background-color: #fff; }
.join-al .main { position: relative; z-index: 2; margin: 2.65% auto 0; padding: 0 32px; max-width: 996px; }
.join-al .main .slide .col { margin-right: 0.9466%; width: 24.29%; cursor: pointer; }
.join-al .main .slide .imgwr { padding-bottom: 83.88%; }
.join-al .main .slide .tit { margin-top: 15px; font-size: 16px; text-align: center; color: #fff; }
.join-al .main .slide .col:hover .img { transform: scale(1.06); }
.join-al .main .btn { position: absolute; top: 0; left: 0; width: 32px; height: 100%; cursor: pointer; }
.join-al .main .btn .icon { position: absolute; top: 50%; left: 0; margin-top: -30px; width: 14px; height: 24px; background: url(../img/icon_btn_l_w.png) 0 0 no-repeat; }
.join-al .main .btn:hover .icon { transform: translate3d(-6px, 0, 0); }
.join-al .main .next,
.join-al .main .next .icon { left: auto; right: 0; }
.join-al .main .next .icon { background-image: url(../img/icon_btn_r_w.png); }
.join-al .main .next:hover .icon { transform: translate3d(6px, 0, 0); }
.join-al .bg { position: absolute; top: 0; left: 0; padding-bottom: 0; width: 100%; height: 100%; }

.join-sq .main { padding: 3.75% 0; font-size: 0; background-color: #fff; }
.join-sq .main .conbox { margin-left: 8.75%; width: 22.5%; }
.join-sq .conbox .img { max-width: 100%; }
.join-sq .conbox .txt-1 { margin-top: 18.51%; font-size: 24px; color: #4d4d4d; }
.join-sq .conbox .txt-2 { margin-top: 1.48%; font-size: 16px; color: #c9caca; }
.join-sq .conbox .tellink { display: block; margin-top: 5.18%; font-weight: bold; font-size: 30px; color: #fff116; }
.join-sq .main .listbox { margin-left: 7.08%; width: 52.9166%; }
.join-sq .listbox .row { position: relative; margin-bottom: 3.77%; width: 49.215%; }
.join-sq .listbox .row-full { width: 100%; }
.join-sq .listbox .marl { margin-left: 1.57%; }
.join-sq .listbox .txt { position: absolute; top: 0; left: 12px; font-size: 16px; line-height: 42px; color: #c9caca; }
.join-sq .listbox .inbox { position: relative; z-index: 2; padding: 0 11px; border: 1px solid #dfdfdf; }
.join-sq .listbox .intxt { display: block; margin: 0 -11px; padding: 0 11px; width: 100%; height: 40px; font-size: 16px; background: none; }
.join-sq .listbox .intxt-ta { max-width: 100%; min-width: 100%; height: 150px; min-height: 150px; line-height: 40px; transition: background .3s; }
.join-sq .listbox .btn { display: block; margin: 0 auto; width: 100%; max-width: 180px; height: 44px; font-size: 24px; line-height: 42px; text-align: center; color: #fff; background-color: #003399; border-radius: 3px; -webkit-appearance: none; }
.join-sq .listbox .btn:hover { background-color: #fff116; cursor: pointer; }

/*服务*/
.service { margin-bottom: 3.65%; }

.service-ln { position: relative; }
.service-ln .main { position: relative; z-index: 2; padding: 8.75% 0 10%; font-size: 0; text-align: center; }
.service-ln .main .tit { padding: 0 5%; font-size: 48px; text-transform: uppercase; color: #003399; -webkit-box-reflect: below -20px -webkit-linear-gradient(transparent,transparent 40%,rgba(0,51,102,.5)); }
.service-ln .main .con { margin-top: 35px; font-size: 18px; color: #003399; }
.service-ln .main .list { margin: 0 auto; max-width: 1014px; text-align: left; }
.service-ln .main .col { margin: 4.43% 0.98% 0; width: 31.37%; text-align: center; color: #fff; background: url(../img/bg-service-idea.png) center repeat; background-size: auto 100%; border-radius: 10px; overflow: hidden; vertical-align: top; }
.service-ln .main .col .colin { padding: 25px 5px; }
.service-ln .main .col .imgwr { padding-bottom: 58px; }
.service-ln .main .col .ctit { margin-top: 16px; font-size: 18px; }
.service-ln .main .col .line { margin-top: 4px; width: 22px; height: 1px; background-color: #fff; }
.service-ln .main .col .ccon { margin-top: 12px; font-size: 16px; line-height: 21px; }
.service-ln .bg { position: absolute; top: 0; left: 0; padding-bottom: 0; width: 100%; height: 100%; }

.service-tit { font-size: 0; text-align: center; }
.service-tit .wrap { position: relative; padding: 0 4px; overflow: hidden; }
.service-tit .wrap::before,
.service-tit .wrap::after { content: ''; position: absolute; top: 15px; left: 0; width: 1px; height: 30px; background-color: #003399; }
.service-tit .wrap::after { left: auto; right: 0; }
.service-tit .tit { position: relative; padding: 0 6px; font-size: 24px; color: #003399; }
.service-tit .stit { position: relative; margin-top: 6px; padding: 0 6px; font-size: 12px; text-transform: uppercase; color: #4d4d4d; opacity: 0.5; filter: alpha(opacity=50); }
.service-tit .tit::before,
.service-tit .tit::after,
.service-tit .stit::before,
.service-tit .stit::after { content: ''; position: absolute; bottom: 8px; left: 100%; width: 100%; height: 1px; background-color: #003399; }
.service-tit .tit::after,
.service-tit .stit::before { left: auto; right: 100%; }
.service-tit .tit::before,
.service-tit .tit::after { bottom: 16px; }

.service-zc { position: relative; padding: 5.4166% 0; }
.service-zc .service-tit,
.service-zc .body { position: relative; z-index: 2; }
.service-zc .body { margin: 8.33% 5% 0; }
.service-zc .bg { position: absolute; top: 0; left: 0; padding-bottom: 0; width: 100%; height: 100%; }

.service-bz { padding-top: 5.83%; background-color: #f5f5f5; }
.service-bz .main { margin-top: 5.83%; }
.service-bz .main .list { font-size: 0; }
.service-bz .main .list .col { width: 33.33%; vertical-align: top; }
.service-bz .main .col .imgwr,
.service-bz .main .col .blank { padding-bottom: 70.2%; }
.service-bz .main .col .imgwr,
.service-bz .main .col .conwr { margin-top: 1px; }
.service-bz .main .col .conwr { position: relative; margin: 1px 1px 0; border: 1px solid #333; }
.service-bz .main .col .conin { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 90%; text-align: center; transform: translate3d(0, -50%, 0); }
.service-bz .main .col .icowr { padding-bottom: 8.43%; opacity: 0.8; filter: alpha(opacity=80); }
.service-bz .main .col .tit { margin-top: 10px; font-size: 18px; color: #4d4d4d; }
.service-bz .main .col .stit { margin-top: 2px; font-size: 12px; color: #c9caca; }
.service-bz .main .col .con { margin-top: 12px; font-size: 14px; line-height: 20px; color: #999; }
.service-bz .main .col-odd .imgwr-b,
.service-bz .main .col-even .imgwr-t { display: none; }

/*文章*/
.article { margin: 30px auto 40px; }
.article .pagelist { margin-bottom: 0; }
.article .content { width: 78.33%;/*940*/ }
.article .sidebar { position: relative; width: 20.58%;/*257*/ }

.article-list { margin-top: -1.27%; }
.article-list .row { position: relative; margin-top: 1.27%; padding: 40px; font-size: 0; background-color: #fff; border: 1px solid #bfbfbf; }
.article-list .row .inbox { display: block; position: relative; padding-right: 94px; }
.article-list .row .time { padding: 25px 0; width: 15.78%; text-align: center; background-color: #f4f4f4; }
.article-list .row .time .d { display: block; font-size: 30px; color: #003399; }
.article-list .row .time .ym { display: block; margin-top: 4px; font-size: 14px; color: #4d4d4d; }
.article-list .row .imgwr { margin-left: 5.26%; padding-bottom: 113px; width: 20.65%; }
.article-list .row .conwr { margin-left: 3.05%; width: 55.26%; }
.article-list .row .tit { font-size: 18px; color: #000; }
.article-list .row .con { margin-top: 18px; font-size: 16px; line-height: 22px; color: #4d4d4d; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article-list .row .more { position: absolute; bottom: 0; right: 0; font-size: 14px; color: #003399; }
.article-list .row:hover .img { transform: scale(1.06); }
.article-list .row:hover .tit { color: #003399; }
.article-list .row .more:hover { color: #000; }

.article .sidebar .box { margin-bottom: 6px; padding: 24px; font-size: 0; text-align: center; background-color: #fff; border: 1px solid #bfbfbf; }
.article .sidebar .box .tit { font-size: 18px; color: #003399; }
.article .sidebar .box .line { margin-top: 8px; width: 32px; height: 2px; background-color: #003399; }
.article .sidebar .list-p .col { margin-top: 16px; }
.article .sidebar .list-p .imgwr { padding-bottom: 64.28%; }
.article .sidebar .list-p .col .tit { margin-top: 14px; font-size: 16px; color: #4d4d4d; }
.article .sidebar .list-p .col:hover .img { transform: scale(1.06); }
.article .sidebar .list-p .col:hover .tit { color: #003399; }
.article .sidebar .cont .icon { width: 20.91%; }
.article .sidebar .cont .con { margin-left: 6.12%; max-width: 72.97%; text-align: left; }
.article .sidebar .cont .txt { font-size: 16px; color: #4d4d4d; }
.article .sidebar .cont .tellink { font-weight: bold; font-size: 16px; color: #003399; }
.article .sidebar .list-t .list { margin-top: 14px; }
.article .sidebar .list-t .ltit { position: relative; padding-left: 12px; font-size: 16px; line-height: 27px; color: #4d4d4d; }
.article .sidebar .list-t .ltit::before { content: ''; position: absolute; top: 11px; left: 0; width: 5px; height: 5px; background-color: #4d4d4d; border-radius: 100%; }
.article .sidebar .list-t .ltit:hover { color: #003399; }

.article-con { margin: 30px auto; }
.article-con .main { padding: 5%; background-color: #fff; border: 1px solid #bfbfbf; }
.article-con .main .wrap { margin: 0 auto; max-width: 1020px; }
.article-con .main .tit { font-size: 24px; text-align: center; color: #000; }
.article-con .main .info { margin-top: 14px; font-size: 0; text-align: center; }
.article-con .main .info .txt { margin: 0 1.47%; font-size: 14px; color: #c9caca; }
.article-con .main .body { margin: 10px auto 0; padding-top: 5.88%; max-width: 915px; font-size: 16px; line-height: 27px; color: #000; border-top: 1px solid #c9caca; }
.article-con .pagepn { position: relative; margin-top: 10px; padding: 2.75% 0 10px; font-size: 0;/* border-top: 1px dashed #c9caca;*/ }
.article-con .pagepn .row { margin-right: 2.94%; padding: 0 1.76%; max-width: 28.82%; font-size: 16px; line-height: 36px; color: #c9caca; border: 1px solid #c9caca; }
.article-con .pagepn .row a { color: #c9caca; }
.article-con .pagepn .row:hover,
.article-con .pagepn .row:hover a { color: #000; }
.article-con .pagepn .bshare-custom { position: absolute; top: 0; right: 0; margin-top: 2.75%; padding-top: 8px; }
.banner-ad { margin-top: 2.75%; padding: 2.75% 0; border-top: 1px dashed #c9caca; border-bottom: 1px dashed #c9caca; }

.rcmdart { margin-top: 2.75%; padding-top: 2.75%; border-top: 1px dashed #c9caca; }
.rcmdart .title { font-size: 18px; color: #000; }
.rcmdart .list { margin: 0 -2.36%;/*24 1068*/ font-size: 0; }
.rcmdart .list .col { margin: 2.25% 0 0 2.25%; width: 30.33%;/*324*/ vertical-align: top; }
.rcmdart .list .col-c4 { display: none; }
.rcmdart .list .imgwr { padding-bottom: 70%; height: 0; overflow: hidden; }
.rcmdart .list .img { display: block; width: 100%; }
.rcmdart .list .conwr { padding: 7.71%; background-color: #f8f8f8; }
.rcmdart .list .tit { height: 60px; font-size: 16px; line-height: 30px; text-align: left; color: #232323; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rcmdart .list .con { margin-top: 0.5em; padding-top: 1em; height: 40px; font-size: 14px; line-height: 20px; color: #939393; border-top: 1px solid #c5c5c5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rcmdart .list .col:hover .img { transform: scale(1.06); }
.rcmdart .list .col:hover .tit { color: #003399; }

#shareTool { font-size: 0; }
#shareTool #bshare-shareto { margin-right: 0; height: auto; font-weight: normal; font-size: 16px; line-height: normal; color: #000; vertical-align: middle; }
#shareTool a { margin: 0 0 0 6px; padding: 0; width: 21px; height: 21px; background: url(../img/icon-share.png) 0 0 no-repeat; vertical-align: middle; }
#shareTool .bshare-qqim { background-position: -27px 0; }
#shareTool .bshare-sinaminiblog { background-position: -54px 0; }
#shareTool .style2 { background-position: -81px 0; }

.commore { margin: 30px auto; }
.commore .title { padding: 13px 1em; font-size: 18px; text-align: center; color: #fff; background-color: #003399; }
.commore .main { position: relative; margin-top: 8px; padding: 1.83% 0; font-size: 0; background-color: #fff; border: 1px solid #bfbfbf; overflow: hidden; }
.commore .main::before { content: ''; position: absolute; top: 10%; left: 49.16%; height: 80%; border-right: 1px dashed #c9caca; }
.commore .main .list-pro { float: left; margin-left: 1.33%; width: 47.07%;/*564*/ }
.commore .main .list-pro .col { margin: 0 2.48%;/*14*/ width: 28.3733%;/*160*/ vertical-align: top; }
.commore .main .list-pro .col-c4 { display: none; }
.commore .main .list-pro .imgwr { padding-bottom: 160px; }
.commore .main .list-pro .tit { display: none; margin-top: 0.5em; font-size: 14px; color: #666; text-align: center; }
.commore .main .list-pro .col:hover .img { transform: scale(1.06); }
.commore .main .list-art { float: right; margin-right: 2.5%; width: 46.32%;/*555*/ }
.commore .main .list-art .row-c2 { margin-top: 8px; }
.commore .main .list-art .inbox { display: block; position: relative; padding-right: 82px; }
.commore .main .list-art .imgwr { padding-bottom: 76px; width: 28.75%;/*138*/ }
.commore .main .list-art .conwr { margin-left: 4.16%; width: 67.09%; }
.commore .main .list-art .tit { font-size: 16px; color: #000; }
.commore .main .list-art .con { margin-top: 4px; font-size: 14px; line-height: 19px; color: #c9caca; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.commore .main .list-art .more { position: absolute; bottom: 0; right: 0; font-size: 12px; color: #003399; }
.commore .main .list-art .row:hover .img { transform: scale(1.06); }
.commore .main .list-art .row:hover .tit { color: #003399; }
.commore .main .list-art .row .more:hover { color: #000; }

.article-list-2 { margin: 30px 0; padding: 5.83% 0; background-color: #fff; border: 1px solid #bfbfbf; }
.article-list-2 .list { margin: -2.91% auto 0; max-width: 1130px; font-size: 0; }
.article-list-2 .list .col { margin: 3.09% 0 0 3.09%; width: 29.2133%; background-color: #f4f4f4; vertical-align: top; }
.article-list-2 .list .inbox { display: block; padding: 9.09%;/*270*/ }
.article-list-2 .list .tit { height: 48px; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article-list-2 .list .imgwr { margin-top: 12px; padding-bottom: 66.66%; }
.article-list-2 .list .con { margin-top: 14px; font-size: 16px; line-height: 21px; color: #4d4d4d; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.article-list-2 .list .line { margin-top: 10px; width: 20px; height: 2px; background-color: #003399; }
.article-list-2 .list .info { margin-top: 18px; font-size: 12px; text-align: right; color: #c9caca; }
.article-list-2 .list .col:hover .tit { color: #003399; }
.article-list-2 .list .col:hover .img { transform: scale(1.06); }

.commore-pro { margin: 30px auto 70px; }
.commore-pro .title { padding: 1.25% 1.66%; font-size: 16px; line-height: 20px; color: #fff; background-color: #003399; }
.commore-pro .main { padding: 2.33% 0; background-color: #fff; }
.commore-pro .main .list { margin: 0 auto; max-width: 1165px; font-size: 0; }
.commore-pro .main .col { margin-left: 1.11%; width: 23.6125%; vertical-align: top; }
.commore-pro .main .imgwr { padding-bottom: 80%; }
.commore-pro .main .tit { margin-top: 5.81%; font-size: 16px; text-align: center; color: #000; }
.commore-pro .main .col:hover .img { transform: scale(1.06); }
.commore-pro .main .col:hover .tit { color: #003399; }

/*视频*/
.videolist .col .imgwr { background-color: #000; }
.videolist .col .img { opacity: 0.6; filter: alpha(opacity=50); }
.videolist .col .icon { position: absolute; top: 50%; left: 0; right: 0; margin: -30px auto 0; width: 60px; height: 61px; background: url(../img/icon-play-w.png) 0 0 no-repeat; }
.videolist .col .tit { font-size: 16px; }
.videolist .col .movhtml { display: none; }
.videolist .col:hover .tit { color: #003399; }
.videolist .col:hover .img { opacity: 0.9; filter: alpha(opacity=90); }
.videolist .col:hover .icon { opacity: 0; filter: alpha(opacity=0); transform: scale(1.5); }

.video-list { padding: 3.4% 0 4.4%; background-color: #0e2371; }
.video-list .list { margin-top: -1.875%; font-size: 0; }
.video-list .list .col { margin: 3% 3% 0 0; width: 22.75%; vertical-align: top; overflow: hidden; }
//.video-list .list .col-c0 { margin-right: 0; }
.video-list .list .col:nth-child(4n) { margin-right: 0; }
.video-list .col .imgwr { padding-bottom: 131.57%; }
//.video-list .col .conwr { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; background-color: rgba(0, 0, 0, 0.1); }
//.video-list .col .tit { padding: 6%; font-size: 14px; color: #fff; }
.video-list .col .tit { margin-top: 0.6em; font-size: 14px; text-align: center; color: #aaa; }
.video-list .col .movhtml { display: none; }
.video-list .col:hover .img { transform: scale(1.06); }
//.video-list .col:hover .conwr { transform: translate3d(0, 100%, 0); }

.video-con .body .vbox { position: relative; padding-bottom: 56.25%; height: 0; }
.video-con .body .vbox iframe,
.video-con .body .vbox video { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }

.single-full { margin: 30px auto; }

@media screen and (max-width: 640px) {
  .menut { margin-top: 3%; }
  .menut .comwrap { padding: 0; background: none; }
  .menut .position { float: none; margin: 0 0 3%; width: auto; font-size: 12px; text-align: left; color: #999; opacity: 1; }
  .menut .position a { color: #999; }
  .menut .menu { float: none; padding: 6px 0; width: auto; background-color: #003399; overflow: hidden; }
  .menut .menu .col { position: relative; margin-left: 0; width: 33.33%; }
  .menut .menu .col::before { display: none; }
  .menut .menu .col::after { content: ''; position: absolute; top: 6px; left: 100%; width: 1px; height: 14px; background-color: #eee; }
  .menut .menu .link { display: block; padding: 0 8px; font-size: 15px; line-height: 26px; text-align: center; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  .menut .menu .cur .link { color: #fff116; }
  .menut .menu .cur .txt,
  .menut .menu .cur:hover .txt { transform: translate3d(0, 0, 0) }

  .pagelist { margin: 8.3% auto; }
  .pagelist a, .pagelist b { margin: 4px 2px 0; padding: 0 6px; font-size: 13px; line-height: 23px; }

  .commore-pro .title { padding: 4%; }
  .commore-pro { margin: 0 auto 10%; }
  .commore-pro .main { padding: 0 0 4%; }
  .commore-pro .main .col { margin: 4% 0 0 4%; width: 44%; }
  .commore-pro .main .tit { margin-top: 6px; font-size: 14px; }

  .container-side { padding: 5% 0 10%; }
  .menut-side,
  .content-side { float: none; width: auto; }
  .menut-side .wrap { padding: 0; }
  .menut-side .tit,
  .menut-side .stit { display: none; }
  .menut-side .menu { margin-top: 0; padding: 3% 0 5%; font-size: 0; }
  .menut-side .menu .col-t { display: inline-block; position: relative; margin: 2% 0 0 2%; width: 29.33%; vertical-align: top; }
  .menut-side .menu .col-t:nth-child(3n+1) { margin-left: 4%; }
  .menut-side .menu .link-t { position: relative; padding: 6px; font-size: 15px; text-align: center; }
  .menut-side .menu .link-t .txt { margin-right: 0; padding: 0; }
  .menut-side .menu .link-t .icon { display: none; margin: 6px 6px 0 0; }
  .menut-side .menu .son { display: none; margin-top: 12px; padding: 4% 0 6%; width: 313.67%; background-color: #fff; border-radius: 5px; }
  .menut-side .menu .col-t:nth-child(3n-1) .son { margin-left: -106.835%; }
  .menut-side .menu .col-t:nth-child(3n) .son { margin-left: -213.67%; }
  .menut-side .menu .col-s { display: inline-block; vertical-align: top; margin: 2% 0 0 3%; width: 29.33%; }
  .menut-side .menu .link-s .icon { left: 4px; width: 4px; height: 4px; border-color: #003399; }
  .menut-side .menu .link-s .txt { margin-left: 14px; font-size: 14px; line-height: 20px; color: #003399; }
  .menut-side .menu .cur .link-t::before { content: ''; position: absolute; top: 100%; left: 50%; margin: 6px 0 0 -4px; width: 0; height: 0; border-style: solid; border-color: #fff #003399; border-width: 0 4px 6px; }
  .menut-side .menu .cur .link-t { background-color: #fff; }
  .menut-side .menu .cur .son { display: block; }
  .menut-side .menu .col-s.cur .icon { background-color: #003399; }
  .menut-side .position { display: none; }

  .about-jj,
  .about-ry { margin: 10% auto; }
  .about-jj .imgbox,
  .about-jj .conbox { display: block; width: auto; }
  .about-jj .conbox { margin-top: 6%; }
  .about-jj .conbox .tit .img { max-height: 15px; }
  .about-jj .conbox .con { margin-top: 3%; font-size: 15px; line-height: 26px; }
  .about-wh { margin: 10% auto; padding: 5%; }
  .about-wh .tit,
  .about-wh .item-1 .tit,
  .about-ry .title .tit { font-size: 20px; }
  .about-wh .con { font-size: 15px; line-height: 26px; }
  .about-wh .item-1 .stit,
  .about-ry .title .stit { margin-top: 6px; }
  .about-wh .item-1 .imgwr,
  .about-wh .item-1 .con { margin-top: 20px; }
  .about-wh .item-2 { margin-top: 30px; padding-top: 10px; }
  .about-wh .item-2 .conwr,
  .about-wh .item-2 .imgwr { display: block; margin: 20px 0 0; width: auto; }
  .about-wh .item-2 .stit { margin-top: 8px; font-size: 14px; }
  .about-wh .item-2 .con { margin-top: 20px; padding-top: 12px; }
  .about-lc { margin-top: 30px; padding: 30px 0 10px; }
  .about-lc .stit { font-size: 14px; }
  .about-lc .conbox { margin: 30px 0 10px; padding-top: 0; overflow: hidden; }
  .about-lc .conbox .conwr { float: none; margin: 0 auto; width: 100%; max-width: none; }
  .about-lc .conbox .img { display: none!important; }
  .about-lc .conbox .slide { padding-top: 0; }
  .about-lc .conbox .slide::before { top: 0; right: 15px; }
  .about-lc .conbox .tit { position: relative; top: 0; left: 0; padding: 15px 15px 5px; font-size: 22px; }
  .about-lc .conbox .con { padding: 5px 15px; font-size: 15px; line-height: 25px; }
  .about-lc .conbox .bg { display: none!important; }
  .about-lc .timebox::before { top: 40px; }
  .about-lc .timebox .slide { margin: 0 30px; padding-top: 35px }
  .about-lc .timebox .col { width: 25%; }
  .about-lc .timebox .tit { margin-top: 6px; font-size: 15px; }
  .about-lc .timebox .slide .icon { top: -25px; width: 25%; height: 25px; background-size: auto 100%; }
  .about-lc .timebox .btn { top: 12px; transform: scale(0.5); }
  .about-lc .timebox .prev { transform-origin: left center; }
  .about-lc .timebox .prev:hover { transform: scale(0.5) translate3d(-6px, 0, 0); }
  .about-lc .timebox .next { transform-origin: right center; }
  .about-lc .timebox .next:hover { transform: scale(0.5) translate3d(6px, 0, 0); }
  .about-ry .main { margin-top: 20px; padding: 0; }
  .about-ry .slide { margin: 0 10px; }
  .about-ry .slide .col { margin-right: 4%; width: 48%; }
  .about-ry .main .btn { display: none; width: 20px; }
  .about-ry .btn .wrap { margin-top: -13px; width: 18px; height: 26px; line-height: 26px; text-indent: 5px; border-radius: 0; }

  .prolist .list .col { margin: 6% 0 0; width: 48%; }
  .prolist .list .col:nth-child(2n) { margin-left: 4%; }
  .prolist .col .inbox { padding: 4%; }
  .prolist .col .conwr { margin: 4% 0; }
  .prolist .col .tit { font-size: 15px; }
  .prolist .col .btn { display: none; font-size: 12px; }
  .procon-js { margin: 10% 0; padding: 0 5% 8%; }
  .procon-js .conbox,
  .procon-js .imgbox,
  .procon-js .listbox { float: none; margin: 8% 0 0; padding: 0; width: auto; }
  .procon-js .conbox { margin-top: 5%; padding: 15px; }
  .procon-js .conbox::before { width: 100%; }
  .procon-js .conbox .tit { font-size: 18px; text-align: center; }
  .procon-js .conbox .stit { margin-top: 4px; font-size: 16px; text-align: center; }
  .procon-js .conbox .con { margin-top: 1.5em; font-size: 14px; line-height: 24px; }
  .procon-js .conbox .con li { padding-left: 1em; }
  .procon-js .conbox .con li::before { top: 9px; width: 6px; height: 6px; }
  .procon-js .imgbox .img { margin: 0 auto; max-width: 70%; }
  .procon-js .listbox .tit { font-size: 16px; }
  .procon-js .listbox .slide { margin-top: 12px; }
  .procon-js .listbox .col { margin-right: 2%; width: 23.5%; }
  .procon-menu { position: relative; margin-top: 10%; padding: 10px; }
  .procon-menu .icon { position: absolute; top: 12px; left: 10px; margin: 0; width: 18px; height: 21px; background-size: auto 100%; }
  .procon-menu .list { margin-left: 18px; padding: 0; }
  .procon-menu .list .col { margin-left: 11px; font-size: 15px; line-height: 25px; }
  .procon-menu .list .col:nth-child(n+3) { display: none; }
  .procon-menu .list .col::before { top: 6px; margin-right: -6px; width: 1px; height: 13px; }
  .procon-xg,
  .procon-fg { margin: 6%; }
  .procon-fg { padding-top: 8%; }
  .procon-cs .title { padding: 10px 0; }
  .procon-cs .title .tit { font-size: 18px; line-height: 26px; }
  .procon-cs .body { padding: 8% 4%; }
  .procon-pj { padding: 8% 4%; }
  .procon-pj .title { position: relative; margin: 0; text-align: center; }
  .procon-pj .title .line { margin-top: 8px; }
  .procon-pj .title .stit { margin-top: 8px; font-size: 18px; }
  .procon-pj .main { margin: 0; }
  .procon-pj .main .row { margin: 10% 0 0; max-width: none; }
  .procon-pj .row .imgwr { vertical-align: top; }
  .procon-pj .row .tit { margin-top: 6px; font-size: 15px; }
  .procon-pj .row .con { margin-top: 10px; font-size: 13px; line-height: 20px; }
  .procon-ys { margin-bottom: 10%; padding-bottom: 5%; }

  .join { margin-bottom: 10%; }
  .join-ys { padding: 10% 5%; }
  .join-ys .title .tit { font-size: 18px; }
  .join-ys .title .line { margin-top: 8px; }
  .join-ys .main { margin-top: 0; }
  .join-ys .main .imgbox { display: none; }
  .join-ys .main .conbox { float: none; margin-bottom: 0; width: auto; }
  .join-ys .conbox .col { margin: 8% 0 0; padding: 0; width: 47%; }
  .join-ys .conbox .col:nth-child(2n) { margin-left: 6%; }
  .join-ys .conbox .imgwr { display: block; margin: 0 auto; width: 35%; }
  .join-ys .conbox .img { max-width: 50%; max-height: 50%; }
  .join-ys .conbox .conwr,
  .join-ys .conbox .col-c1 .conwr { display: block; margin: 10px 0 0; width: auto; text-align: center; }
  .join-ys .conbox .tit { font-size: 15px; }
  .join-ys .conbox .con { margin-top: 4px; font-size: 13px; line-height: 20px; }
  .join-tit { padding: 8% 5%; text-align: center; }
  .join-tit .tit,
  .join-tit .con { float: none; margin: 0; width: auto; }
  .join-tit .tit { font-size: 18px; line-height: normal; }
  .join-tit .con { margin-top: 8px; padding-bottom: 10px; font-size: 14px; text-align: center; }
  .join-tit .con::after { left: 0; margin: 0 auto; }
  .join-zc .main .list::before, .join-zc .main .list::after { display: none; }
  .join-zc .main .col { width: 50%; border-top: 1px solid rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.6); overflow: hidden; }
  .join-zc .main .col .titwr .tit,
  .join-zc .main .col .conwr .tit { font-size: 16px; }
  .join-zc .main .col .conwr .num { font-size: 20px; }
  .join-zc .main .col .conwr .con { font-size: 14px; }
  .join-zc .main .list { display: none; }
  .join-zc .main .list-m { display: block; }
  .join-tj .main { padding: 10% 5%; }
  .join-tj .main .list,
  .join-tj .main .imgwr { display: block; margin: 0; width: auto; }
  .join-tj .main .imgwr { margin-top: 7%; }
  .join-tj .row .tit { font-size: 15px; }
  .join-al { padding: 10% 5%; }
  .join-al .title .tit { font-size: 18px; }
  .join-al .main { margin-top: 6%; padding: 0; }
  .join-al .main .slide .col { margin-right: 0; width: 100%; }
  .join-al .main .slide .tit { margin-top: 8px; font-size: 15px; }
  .join-al .main .btn { display: none; }
  .join-sq .main { padding: 10% 5%; }
  .join-sq .main .conbox,
  .join-sq .main .listbox { display: block; margin: 0; width: auto; }
  .join-sq .conbox .img { display: none; height: 0; visibility: hidden; }
  .join-sq .conbox .txt-1 { margin-top: 0; font-size: 18px; }
  .join-sq .conbox .txt-2 { font-size: 14px; }
  .join-sq .conbox .tellink { margin-top: 3%; font-size: 22px; }
  .join-sq .main .listbox { margin-top: 6%; }
  .join-sq .listbox .txt,
  .join-sq .listbox .intxt { font-size: 15px; }
  .join-sq .listbox .btn { max-width: 120px; height: 35px; font-size: 15px; line-height: 34px; }

  .service { margin-bottom: 10%; }
  .service-ln .main,
  .service-zc { padding: 10% 5%; }
  .service-ln .main .tit { margin: 0; font-size: 24px; -webkit-box-reflect: below -10px -webkit-linear-gradient(transparent,transparent 40%,rgba(0,51,102,.5)); }
  .service-ln .main .con { margin-top: 20px; font-size: 15px; }
  .service-ln .main .col { display: block; margin: 8% 0 0; width: auto; }
  .service-ln .main .col .colin { padding: 8% 5%; }
  .service-ln .main .col .imgwr { padding-bottom: 40px; }
  .service-ln .main .col .ctit { margin-top: 15px; font-size: 15px; }
  .service-ln .main .col .ccon { margin-top: 15px; font-size: 13px; line-height: 18px; }
  .service-tit .tit { font-size: 18px; }
  .service-tit .tit::before, .service-tit .tit::after { bottom: 12px; }
  .service-tit .wrap::before, .service-tit .wrap::after { top: 12px; height: 26px; }
  .service-zc .body { margin: 7% 0 0; }
  .service-bz { padding-top: 10%; }
  .service-bz .main { margin-top: 7%; }
  .service-bz .main .list .col { display: block; width: auto; }
  .service-bz .main .col-odd .imgwr-t,
  .service-bz .main .col-even .imgwr-b,
  .service-bz .main .col .conwr { display: inline-block; width: 50%; }
  .service-bz .main .col .imgwr { padding-bottom: 40%; }
  .service-bz .main .col .blank { padding-bottom: 80%; }
  .service-bz .main .col .conwr { margin: 0; box-sizing: border-box; }
  .service-bz .main .col .icowr { padding-bottom: 25px; }
  .service-bz .main .col .tit { margin-top: 15px; font-size: 14px; }
  .service-bz .main .col .stit { font-size: 12px; }

  .article { margin: 6% auto 10%; }
  .article .content,
  .article .sidebar { float: none; width: auto; }
  .article-list .row { margin-top: 3%; padding: 4%; }
  .article-list .row .inbox { padding-right: 0; }
  .article-list .row .time { display: none; }
  .article-list .row .imgwr { margin-left: 0; padding-bottom: 80px; width: 35%; }
  .article-list .row .conwr { margin-left: 5%; width: 60%; }
  .article-list .row .tit { font-size: 15px; }
  .article-list .row .con { margin-top: 10px; font-size: 13px; line-height: 18px; }
  .article-list .row .more { display: none; }
  .article .sidebar .box { margin: 7% 0 0; padding: 4%; }
  .article .sidebar .list-p .col { display: inline-block; vertical-align: top; margin: 4% 0 0; width: 48%; }
  .article .sidebar .list-p .col:nth-child(2n) { margin-left: 4%; }
  .article .sidebar .list-p .col .tit { margin-top: 6px; font-size: 14px; }
  .article .sidebar .list-t .ltit { font-size: 14px; line-height: 24px; text-align: left; }
  .article .sidebar .cont { display: none; }

  .article-list-2 { margin: 6% auto 10%; padding: 5%; }
  .article-list-2 .list { margin: -6% 0 0; }
  .article-list-2 .list .col { display: block; margin: 6% 0 0; width: auto; }
  .article-list-2 .list .inbox { padding: 5%; }
  .article-list-2 .list .tit { font-size: 15px; }
  .article-list-2 .list .con { font-size: 13px; line-height: 20px; }
  .article-con { margin: 6% auto 10%; }
  .article-con .main { padding: 6%; }
  .article-con .main .tit { font-size: 18px; }
  .article-con .main .info { margin-top: 10px; }
  .article-con .main .info .txt { font-size: 13px; }
  .article-con .main .body { margin-top: 15px; padding-top: 15px; font-size: 15px; line-height: 25px; }
  .article-con .pagepn { padding-top: 10px; }
  .article-con .pagepn .row { display: block; margin: 5px 0 0; padding: 0 5px; max-width: none; font-size: 14px; line-height: 28px; }
  #shareTool { display: none; }

  .rcmdart { margin: 8% auto; padding-top: 8%; }
  .rcmdart .list { margin: 0; }
  .rcmdart .list .col { margin: 6% 0 0; width: 100%; }
  .rcmdart .list .col-c3 { display: none; }
  .rcmdart .list .conwr { padding: 5%; }
  .rcmdart .list .tit { height: auto; font-size: 15px; line-height: 25px; }
  .rcmdart .list .con { height: auto; font-size: 13px; line-height: 18px; }

  .commore { margin: 10% auto; }
  .commore .main { margin-top: 10px; padding: 0 0 5%; }
  .commore .main::before { display: none; }
  .commore .main .list-pro,
  .commore .main .list-art { float: none; margin: 1% 4% 0; width: auto; }
  .commore .main .list-pro .col { margin: 4% 0 0; width: 48%; }
  .commore .main .list-pro .col-c4 { display: inline-block; }
  .commore .main .list-pro .col:nth-child(2n) { margin-left: 4%; }
  .commore .main .list-pro .imgwr { padding-bottom: 80%; }
  .commore .main .list-pro .tit { display: block; margin-top: 4px; }
  .commore .main .list-art .row { margin-top: 8%; }
  .commore .main .list-art .inbox { padding-right: 0; }
  .commore .main .list-art .tit { font-size: 15px; }
  .commore .main .list-art .con { font-size: 13px; line-height: 18px; }
  .commore .main .list-art .more { display: none; }

  .videolist .col .icon { margin-top: -15px; width: 30px; height: 30px; background-size: 100% 100%; }
  .videolist .col .tit { font-size: 14px; }

  .video-list { padding: 10% 0; }
  .video-list .list { margin-top: -4%; }
  .video-list .list .col { margin: 4% 0 0; width: 48%; }
  .video-list .list .col:nth-child(2n) { margin-left: 4%; }
  .video-list .col .tit { padding: 5%; }

  .single-full { margin: 0; }
  .single-full img { margin-left: -20%; width: 140%!important; max-width: none; }
}