/*初始化*/
body, ul, li, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd { margin: 0; padding: 0; }
body { margin: 0 auto; min-width: 1300px; font-family: Verdana, arial, sans-serif; font-size: 14px; color: #666; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea { font-family: Verdana, arial; font-size: 14px; color: #666; border: none; }
img { border: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
i { font-style: normal; }
a { color:#666;text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }
a:hover { color: #005ca1; }

/*通用*/
.fl-l { float: left; }
.fl-r { float: right; }
.d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.cl-baf { *zoom: 1; }
.cl-baf:after { content: ""; display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.clear { display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.trs2s { -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s; }
.trs1s { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.trs06s { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.trs03s { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.trsnone { -webkit-transition: none; -o-transition: none; transition: none; }
.icon { background-image: url(../img/icon.png); background-repeat: no-repeat; }
.comwrap { position: relative; margin: 0 auto; width: 100%; max-width: 1200px; }
.imgha img { max-width: 100%; }

/*头部*/
.header { position: relative; padding: 10px 0; }
.header .logo .img { vertical-align: top; }
.header .tools { position: absolute; right: 0; top: 50%; margin-top: -10px; font-size: 0; line-height: 20px; }
.header .tools .txt { font-family: arial; font-size: 14px; color: #333; }
.header .tools .icon { margin-left: 10px; width: 15px; height: 13px; }
.header .tools .icon-2 { background-position: -42px 0; }
.header .tools .line { margin: 0 20px; width: 1px; height: 10px; background-color: #333; }
.header .tools .col:hover .txt { color: #005ca1; }
.nav { height: 50px; font-size: 0; text-align: center; background-color: #005ca1; }
.nav .col { position: relative; width: 12.5%; }
.nav .col .link { display: block; padding: 0 5px; font-size: 14px; line-height: 50px; color: #fff; }
.nav .col .link:hover, .nav .cur .link { color: #005ca1; background-color: #fff; }

/*底部*/
.footer { padding-top: 95px; background-color: #fff; }
.footer .tit { display: block; font-size: 15px; color: #333; }
.footer .menu { margin-right: 30px; }
.footer .menu-1, .footer .menu-3, .footer .menu-5 { display: none; }
.footer .menu .son { margin-top: 20px; }
.footer .menu .link { display: block; font-size: 13px; line-height: 25px; color: #999; }
.footer .menu .link:hover { color: #005ca1; }
.footer .ewm { margin-left: 60px; }
.footer .ewm .imgwr { margin-top: 28px; padding: 4px; border: 1px solid #ddd; }
.footer .ewm .img { display: block; height: 90px; }
#bdshare { margin-top: 28px; }
#bdshare a { margin: 0 10px 0 0; padding: 0; width: 30px; height: 30px; background: #bbb url(../img/icon.png) 0 -27px no-repeat; }
#bdshare a:hover { background-color: #005ca1; opacity: 1; filter: alpha(opacity=100); }
#bdshare .bds_tsina { background-position: -36px -27px; }
#bdshare .bds_sqq { background-position: -72px -27px; }
.footer .copyr { margin-top: 40px; padding: 18px 0; font-size: 13px; line-height: 24px; background-color: #222329; }
.footer .copyr a { color: #808080; }
.footer .copyr a:hover { color: #eee; }
.footer .copyr .tel { font-family: arial; font-size: 0; }
.footer .copyr .icon { margin-right: 10px; width: 10px; height: 10px; background-position: -293px 0; }
.footer .copyr .txt { font-size: 14px; }
/* 右侧工具条 */
.floatright { position: fixed; right: 0; bottom: 40px; z-index: 99; width: 40px; height: 163px; font-size: 14px; color: #fff; }
.floatright:hover, .floatright.fr-is-visible { visibility: visible; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.floatright .fr-box { position: relative; z-index: 99; width: 100%; height: 40px; background-color: #242729; cursor: pointer; }
.floatright .fr-box .txt { position: absolute; left: 40px; top: 0; line-height: 40px; }
.floatright .fr-box:hover { background-color: #ff0000; }
.floatright .fr-box .icon { display: block; width: 40px; height: 40px; background-position: -125px -191px; }
.floatright .fr-box .icon-qq { background-position: -171px -191px; }
.floatright .fr-box .icon-call { background-position: -216px -191px; }
.floatright .fr-box .icon-code { background-position: -261px -191px; }
.floatright .fr-top { z-index: 100; cursor: pointer; }
.floatright .fr-qq { display: none; position: absolute; top: 41px; right: 0; }
.floatright .fr-qq .link { position: absolute; top: 0; height: 0; width: 100%; height: 100%; }
.floatright .fr-qqbox { position: absolute; right: -100px; bottom: 0; z-index: 98; padding: 10px 0; background-color: #fff; border: 1px solid #ccc; opacity: 0; filter: alpha(opacity=0); background-color: #242729; visibility: hidden; }
.floatright .fr-qqbox .qlink { display: block; width: 140px; height: 30px; line-height: 30px; text-align: center; color: #fff; }
.floatright .fr-qqbox .qlink:hover { background-color: #666; }
.floatright .fr-qqbox.on { right: 45px; opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.floatright .fr-call { position: absolute; top: 41px; right: 0; z-index: 100; overflow: hidden; }
.floatright .fr-call:hover { width: 150px; }
.floatright .fr-code { position: absolute; top: 82px; right: 0; z-index: 100; }
.fr-codeinfo { display: none; position: absolute; right: 45px; bottom: 8px; padding: 5px; font-size: 0; background: #fff none repeat scroll 0 0; border: 1px solid #ccc; }
.fr-codeinfo .img { width: 120px; }
/*移动端工具条*/
.mFoot-nav { display: none; position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; margin: 0 auto; width: 100%; background-color: #0165a1; }
.mFoot-nav .col { float: left; display: block; width: 33.33%; height: 50px; font-size: 12px; color: #eee; text-align: center; background: url(../img/pfnav.png) center -10px no-repeat; border-right: 1px solid #0067b5; box-sizing: border-box; }
.mFoot-nav .col:hover { background-color: #333; }
.mFoot-nav .col-2 { display: none; background-position: center -60px; }
.mFoot-nav .col-3 { background-position: center -110px; }
.mFoot-nav .col-4 { background-position: center -160px; }
.mFoot-nav .ico { display: block; height: 30px; }
  /* 地图 */
.mMap-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); -webkit-transform: translate3d(0, 150%, 0); transform: translate3d(0, 150%, 0); }
.mMap-show { z-index: 99; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mMap-box p { position: relative; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background-color: #005CA1; }
.mMap-box p i { position: absolute; left: 2%; line-height: 50px; }
  /*qq列表*/
.mqq-l { display: none; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); }
.mqq-l .link { position: absolute; top: 50%; width: 44%; line-height: 30px; color: #fff; text-align: center; background-color: #0165a1; }
.mqq-l .link:nth-child(1) { left: 4%; margin-top: -55px; }
.mqq-l .link:nth-child(2) { right: 4%; margin-top: -55px; }
.mqq-l .link:nth-child(3) { left: 4%; margin-top: -15px; }
.mqq-l .link:nth-child(4) { right: 4%; margin-top: -15px; }
.mqq-l .link:nth-child(5) { left: 4%; margin-top: 25px; }
.mqq-l .link:nth-child(6) { right: 4%; margin-top: 25px; }
.mqq-l p { position: absolute; top: 50%; margin-top: -15px; width: 100%; font-size: 16px; line-height: 30px; color: #fff; text-align: center; }


/*内容*/
.banner { overflow: hidden; }
.banner .img { display: block; width: 100%; }
.container { padding: 0.1px 0; background-color: #f7f7f7; overflow: hidden; }
.menut { margin-top: 90px; font-size: 0; text-align: center; }
.menut .wrap { position: relative; padding: 0 75px; }
.menut .wrap:before, .menut .wrap:after { content: ''; position: absolute; top: 50%; width: 960px; height: 1px; background-color: #dedede; }
.menut .wrap:before { right: 100%; }
.menut .wrap:after { left: 100%; }
.menut .type { display: none; }
.menut .on { display: inline-block; *display: inline; *zoom: 1; }
.menut .wrap .link { margin: 5px; padding: 0 5px; width: 130px; font-size: 14px; line-height: 40px; background-color: #fff; border-radius: 20px; }
.menut .wrap .txtoe { font-size: 14px; }
.menut .wrap .cur { color: #fff; background-color: #005ca1; }
.menut-s .wrap .link { width: 110px; font-size: 14px; }
.pagelist { margin-top: 10px; max-width: 50%; font-size: 0; text-align: center; }
.pagelist li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 5px 5px 0; font-family: arial; font-size: 14px; }
.pagelist li a, .pagelist li span { display: block; padding: 0 10px; line-height: 28px; border: 1px solid #e6e6e6; }
.pagelist li a:hover { color: #005ca1; }
.pagelist li.thisclass,
.pagelist li.active { padding: 0 10px; line-height: 28px; color: #fff; background-color: #005ca1; border: 1px solid #005ca1; }
.pagelist li.thisclass a,
.pagelist li.active a { display: inline; padding: 0; color: #fff; border: none; }
.pagelist li.noa, .pagelink, .loading { display: none; }
.loading { margin: 10px auto 0; }
.readmore { display: block; margin: 0 auto; width: 160px; font-size: 14px; line-height: 38px; text-align: center; color: #005ca1; border: 1px solid #005ca1; border-radius: 20px; }
.readmore:hover { color: #fff; background-color: #005ca1; }
.pagepn { position: relative; padding: 20px 0; color: #999; }
.pagepn a { color: #999; }
.pagepn a:hover { color: #005ca1; }
.pagepn .col { width: 48%; }
.pagepn .next { text-align: right; }

/*弹出灯箱*/
.commask { position: fixed; top: 0; left: 0; z-index: 998; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.commask.on { visibility: visible; opacity: 0.8; filter: alpha(opacity=80); }
.swiperpf { display: none; position: fixed; top: 0; left: 0; z-index: 999; margin: 0 auto; width: 100%; height: 100%; text-align: center; overflow: hidden; }
.swiperpf .swiper-container { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; }
.swiperpf .swiper-slide { position: relative; }
.swiperpf .img { position: absolute; top: 0; left: 0; right: 0; z-index: 1000; margin: 0 auto; max-width: 100%; max-height: 100%; }
.swiperpf .swiper-lazy-preloader { z-index: 999; }
.swiperpf .tit { position: absolute; top: 100%; left: 0; margin-top: 8px; width: 100%; text-align: center; }
.swiperpf .close { position: absolute; top: 0; right: 0; z-index: 1000; width: 70px; height: 70px; background-color: #fff; }
.swiperpf .close .icon { position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -14px; width: 27px; height: 27px; background-position: -286px -27px; }
.swiperpf .close:hover .icon { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.swiperpf .btnwr { position: absolute; top: 50%; left: 0; right: 0; margin-top: -31px; }
.swiperpf .btn { position: relative; z-index: 1001; width: 32px; height: 62px; }
.swiperpf .prev { background-position: 0 -129px; }
.swiperpf .prev:hover { background-position: -38px -129px; }
.swiperpf .next { background-position: -114px -129px; }
.swiperpf .next:hover { background-position: -76px -129px; }

/*关于*/
.about { padding-bottom: 80px; }
.about-jj { margin-top: 95px; }
.about-jj .tit { font-size: 20px; color: #005ca1; text-align: center; }
.about-jj .con { margin-top: 26px; font-size: 14px; line-height: 1.9; }
.about-ry { position: relative; margin-top: 90px; }
.about-ry .img { display: block; width: 100%; }
.about-ry .con { position: absolute; top: 17.33%; left: 0; right: 0; margin: 0 auto; font-size: 14px; line-height: 1.8; color: #fff; }
.about-ys { margin-top: 90px; font-size: 14px; line-height: 1.8; text-align: justify; }
.about-hj { margin-top: 95px; }
.about-hj .img { display: block; width: 100%; }
.about-hj .list { font-size: 0; }
.about-hj .list .col { position: relative; margin-top: -53px; margin-right: 3.33%; width: 22.5%; background-color: #000; vertical-align: top; overflow: hidden; cursor: pointer; }
.about-hj .list .col-3 { margin-right: 0; }
.about-hj .col .img { opacity: 0.6; filter: alpha(opacity=60); }
.about-hj .col .tit { position: absolute; top: 50%; left: 3%; z-index: 2; margin-top: -11px; width: 94%; font-size: 16px; color: #fff; text-align: center; }
.about-hj .col:hover .img, .about-hj .cur .img { opacity: 1; filter: alpha(opacity=100); }
.about-hj .col:hover .tit, .about-hj .cur .tit { opacity: 0; filter: alpha(opacity=0); }
.about-sc { margin-top: 100px; padding-top: 95px; border-top: 1px solid #dedede; }
.about-sc .con { margin-top: 12px; }
.about-sc .list { margin-top: 34px; font-size: 0; }
.about-sc .list .img { display: block; width: 100%; }
.about-sc .list .col-f { position: relative; margin-bottom: 40px; }
.about-sc .col-f .txt { position: absolute; bottom: 6%; left: 0; padding: 0 2.5%; width: 95%; font-size: 16px; color: #fff; }
.about-sc .list .col { margin-bottom: 26px; width: 48.33%; }
.about-sc .list .col-0 { margin-left: 3.33%; }
.about-sc .col .imgwr { overflow: hidden; }
.about-sc .col .txt { margin-top: 8px; font-size: 16px; color: #333; text-align: center; }

/*荣誉*/
.honor { margin: 100px auto 95px; font-size: 0; }
.honor .col { margin-right: 1.6%; margin-bottom: 40px; width: 23.8%; cursor: pointer; }
.honor .marr0 { margin-right: 0; }
.honor .col .imgwr { position: relative; padding-bottom: 70%; height: 0; background-color: #fff; border: 1px solid #dedede; overflow: hidden; }
.honor .col .img { position: absolute; top: 5%; left: 0; right: 0; z-index: 1; margin: 0 auto; max-width: 90%; max-height: 90%; }
.honor .col .mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #005ca1; opacity: 0; filter: alpha(opacity=0); }
.honor .col .icon { position: absolute; top: 53%; left: 50%; z-index: 3; margin: -24px 0 0 -24px; width: 47px; height: 47px; background-position: -213px -129px; opacity: 0; filter: alpha(opacity=0); }
.honor .col .conwr { margin-top: 8px; font-size: 14px; color: #333; text-align: center; }
.honor .col b { font-weight: normal; }
.honor .col:hover .mask { opacity: 0.6; filter: alpha(opacity=60); }
.honor .col:hover .icon { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.honor .col:hover .conwr { color: #005ca1; }

/*加盟*/
.buess-ban { position: relative; overflow: hidden; }
.buess-ban .img { display: block; width: 100%; }
.buess-ban .conwr { position: absolute; top: 50%; left: 0; right: 0; margin: -105px auto 0; color: #fff; }
.buess-ban .conwr .title { font-size: 0; text-align: center; }
.buess-ban .conwr .txt { font-weight: bold; font-size: 46px; text-transform: uppercase; }
.buess-ban .conwr .ico { margin: 0 45px; }
.buess-ban .conwr .con { margin-top: 40px; line-height: 1.65; }
.buess-tit { text-align: center; }
.buess-tit .cn { font-weight: bold; font-size: 24px; color: #005ca1; background-color: #fff; letter-spacing: 2px; text-transform: uppercase; }
.buess-tit .line { margin: 18px auto 0; width: 50%; max-width: 300px; height: 1px; background-color: #ddd; }
.buess-tit .sline { display: block; position: relative; top: -1px; margin: 0 auto; width: 30px; height: 3px; background-color: #005ca1; }
.buess-jmys { margin-top: 90px; }
.buess-jmys .list { font-size: 0; }
.buess-jmys .list .col { margin-top: 60px; width: 33.33%; text-align: center; vertical-align: top; }
.buess-jmys .col .ico { max-width: 80%; vertical-align: top; }
.buess-jmys .col .txt { margin: 18px 10% 0; font-size: 16px; color: #999; }
.buess-jmys .col:hover .ico { -webkit-transform: translate3d(0, -6px, 0); -moz-transform: translate3d(0, -6px, 0); -ms-transform: translate3d(0, -6px, 0); -o-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); }
.buess-jmys .col:hover .txt { color: #005ca1; }
.buess-jmtj { margin-top: 100px; padding-top: 90px; background: #f8f7f6 url(../img/bg_jtj.jpg) center bottom no-repeat; }
.buess-jmtj .buess-tit .en { color: #ededed; }
.buess-jmtj .buess-tit .cn { background-color: #f8f7f6; }
.buess-jmtj .con { margin-top: 50px; font-size: 14px; line-height: 1.9; color: #999; }
.buess-jmtj .img { display: block; margin-top: 90px; width: 100%; }
.buess-dltj { margin-top: 95px; }
.buess-dltj .conwr { position: relative; padding-top: 18px; }
.buess-dltj .conwr .item { position: relative; z-index: 2; margin-top: 50px; }
.buess-dltj .conwr .tit { font-size: 18px; color: #333; }
.buess-dltj .conwr .con { margin-top: 16px; font-size: 14px; line-height: 1.8; color: #999; }
.buess-dltj .conwr .img { position: absolute; right: 0; bottom: 0; z-index: 1; max-width: 48%; }
.buess-jmlc { margin-top: 100px; padding: 95px 0 100px; background: center no-repeat; background-attachment: fixed; }
.buess-jmlc .buess-tit .en { color: #fff; opacity: 0.1; filter: alpha(opacity=10); }
.buess-jmlc .buess-tit .cn { color: #fff; background: none; }
.buess-jmlc .buess-tit .sline { background-color: #fff; }
.buess-jmlc .list { margin: 0 auto; padding-top: 50px; width: 74%; min-width: 1300px; font-size: 0; }
.buess-jmlc .list .col { margin-top: 1%; width: 49.5%; background-color: #fff; vertical-align: top; }
.buess-jmlc .list .col-r { margin-left: 1%; }
.buess-jmlc .col .d-ib { vertical-align: top; }
.buess-jmlc .col .imgwr { width: 50%; overflow: hidden; }
.buess-jmlc .col .img { display: block; width: 100%; }
.buess-jmlc .col .conwr { margin-left: 4%; padding: 36px 0 26px; width: 43.5%; }
.buess-jmlc .col .tit { font-size: 18px; color: #333; }
.buess-jmlc .col .line { display: block; margin: 38px 0 20px; width: 30px; height: 2px; background-color: #ccc; }
.buess-jmlc .col .con { font-size: 14px; line-height: 1.6; color: #999; }
.buess-jmlc .swiper-container { display: none; margin-top: 20px; }
.buess-jmlc .swiper-container .swiper-slide { background-color: #fff; }
.buess-jmlc .swiper-slide .img { display: block; width: 100%; }
.buess-jmlc .swiper-slide .conwr { padding: 15px 10px; }
.buess-jmlc .swiper-slide .tit { font-size: 16px; color: #333; text-align: center; }
.buess-jmlc .swiper-slide .line { display: block; margin: 14px auto 10px; width: 30px; height: 2px; background-color: #ccc; }
.buess-jmlc .swiper-slide .con { font-size: 14px; line-height: 1.6; color: #999; }
.buess-ly { margin-top: 95px; padding-bottom: 100px; border-bottom: 1px solid #dedede; }
.buess-ly .con { text-align: center; }
.buess-ly .con .tit { margin-bottom: 18px; font-size: 22px; color: #005ca1; }
.buess-ly .con .icon { width: 32px; height: 26px; background-position: -248px -27px; }
.buess-ly .con .txt { margin-left: 18px; font-family: arial; font-weight: bold; font-size: 34px; color: #005ca1; }
.buess-ly .list { margin-top: 55px; font-size: 0; }
.buess-ly .list .row { position: relative; margin-right: 1.5%; width: 25%; }
.buess-ly .list .row-time { display: none; }
.buess-ly .list .row-3 { margin-right: 0; width: 19% }
.buess-ly .row .txt { position: absolute; top: 0; left: 3%; z-index: 1; font-size: 14px; line-height: 50px; color: #bbb; }
.buess-ly .row .intxt {
  position: relative; z-index: 2; padding: 0 3%; width: 92%; height: 48px; line-height: 48px; background: none; border: 1px solid #ddd; vertical-align: top;
}
.buess-ly .row .intxt:focus { border-color: #005ca1; }
.buess-ly .row .intxt-2 { width: 50%; }
.buess-ly .row .vdimg { display: none; margin-top: 13px; margin-left: 10px; }
.buess-ly .row .btn { display: block; margin: 0 auto; width: 100%; line-height: 50px; text-align: center; color: #fff; background-color: #005ca1; -webkit-appearance:none; }
.buess-ly .row .btn:hover { background-color: #333; cursor: pointer; }

/*新闻*/
.artlist { margin: 40px auto; }
.artlist .row { padding: 45px 0; font-size: 0; }
.artlist .row:hover { background-color: #fff; }
.artlist .row .comwrap { display: block; }
.artlist .row .imgwr { margin-right: -250px; width: 250px; }
.artlist .row .img { display: block; width: 100%; }
.artlist .row .conwr { margin-left: 280px; font-size: 14px; color: #666; }
.artlist .row .tit { font-size: 18px; color: #333; }
.artlist .row .con { margin: 14px 0 44px; line-height: 22px; }
.artlist .row .icon { width: 55px; height: 10px; background-position: -61px -63px; }
.artlist .row .comwrap:hover .tit { color: #005ca1; }
.artlist .row .comwrap:hover .icon { background-position: 0 -63px; }

.artcon { margin: 50px auto 100px; }
.artcon .left { padding: 35px 30px; width: 840px; background-color: #fff; }
.artcon .left .tit { font-size: 20px; color: #333; text-align: center; }
.artcon .left .info { margin-top: 10px; padding-bottom: 18px; font-size: 14px; color: #999; text-align: center; border-bottom: 1px solid #e6e6e6; }
.artcon .left .con { margin-top: 18px; font-size: 14px; line-height: 1.9; }
#ncshare { margin-top: 30px; }
#ncshare .txt { margin: 6px 0; line-height: 16px; }
.artcon .pagepn { position: relative; margin-top: 12px; padding: 10px 180px 0 0; line-height: 2.14; color: #666; border-top: 1px solid #e6e6e6; }
.artcon .pagepn a { color: #666; }
.artcon .pagepn a:hover { color: #005ca1; }
.artcon .left .btn { position: absolute; right: 0; bottom: 0; width: 140px; font-size: 14px; line-height: 40px; text-align: center; color: #fff; background-color: #005ca1; }
.artcon .left .btn:hover { color: #fff; background-color: #333; }
.artcon .right { width: 280px; }
.artcon .right .img { display: block; width: 100%; }
.artcon .right .box { margin-bottom: 20px; padding: 0 20px; background-color: #fff; }
.artcon .right .title { position: relative; font-size: 16px; color: #333; line-height: 55px; border-bottom: 1px solid #e6e6e6; }
.artcon .right .title .txt { font-size: 16px; }
.artcon .right .title .line { position: absolute; right: 100%; top: 50%; margin: -8px 18px 0 0; width: 2px; height: 15px; background-color: #005ca1; }
.artcon .list-new .row, .artcon .list-case .row { padding: 20px 0; font-size: 0; border-top: 1px solid #e6e6e6; }
.artcon .list-new .row-1, .artcon .list-case .row-1 { border-top: none; }
.artcon .list-new .imgwr { width: 90px; }
.artcon .list-new .conwr { margin-left: 18px; width: 120px; }
.artcon .list-new .tit, .artcon .list-case .tit { font-size: 14px; color: #333; }
.artcon .list-new .time { margin-top: 2px; font-family: arial; font-size: 14px; color: #999; }
.artcon .list-new .row:hover .tit, .artcon .list-case .row:hover .tit { color: #005ca1; }
.artcon .list-case .tit { margin-top: 8px; text-align: center; }
.artcon .right .cont { padding-bottom: 20px; }
.artcon .right .cont .img { display: block; margin: 20px auto 0; width: auto; max-width: 100%; }
.artcon .right .cont .list { padding-top: 14px; }
.artcon .right .cont .row { position: relative; margin-top: 12px; padding-left: 25px; }
.artcon .right .cont .icon { position: absolute; left: 0; top: 2px; width: 14px; height: 16px; background-position: -63px 0; }
.artcon .right .cont .icon-2 { background-position: -83px 0; }
.artcon .right .cont .icon-3 { background-position: -103px 0; }
.artcon .right .cont .txt { font-size: 14px; line-height: 20px; }

/*产品*/
.product { margin: 100px auto 60px; }
.product .list { font-size: 0; }
.product .list .col { margin-right: 3.75%; margin-bottom: 3.75%; width: 30.83%; vertical-align: top; cursor: pointer; }
.product .list .marr0 { margin-right: 0; }
.product .col .wrap { display: block; padding: 13.5% 16%; background-color: #fff; }
.product .col .imgwr { position: relative; padding-bottom: 86%; height: 0; overflow: hidden; }
.product .col .img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 100%; max-height: 100%; }
.product .col .conwr { margin-top: 20px; font-size: 16px; color: #333; text-align: center; }
.product .col .btnwr { margin: 18px auto 0; width: 133px; height: 34px; border: 1px solid #ddd; }
.product .col .icon { display: block; margin: 12px auto 0; width: 55px; height: 10px; background-position: -183px -63px; }
.product .col:hover .wrap { box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.product .col:hover .conwr { color: #005ca1; }
.product .col:hover .btnwr { background-color: #005ca1; border-color: #005ca1; }
.product .col:hover .icon { background-position: -122px -63px; }

.pron-top { padding: 100px 0 60px; }
.pron-top .wrap { width: 630px; }
.pron-top .slidewr { width: 80px; }
.pron-top .slidewr .icon { display: block; margin: 0 auto; width: 36px; height: 18px; background-position: -116px -79px; }
.pron-top .slidewr .prev:hover { background-position: -116px -103px; }
.pron-top .slidewr .next { margin-top: 21px; background-position: -158px -103px; }
.pron-top .slidewr .next:hover { background-position: -158px -79px; }
.pron-top .slidewr .swiper-container { margin-top: 21px; height: 322px; }
.pron-top .slidewr .swiper-slide { position: relative; max-height: 70px; overflow: hidden; cursor: pointer; }
.pron-top .slidewr .img { display: block; width: 100%; }
.pron-top .slidewr .line, .pron-top .slidewr .mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; border: 1px solid #dedede; box-sizing: border-box; }
.pron-top .slidewr .mask { z-index: 3; background-color: #005ca1; border: none; opacity: 0; filter: alpha(opacity=0); }
.pron-top .slidewr .swiper-slide:hover .mask, .pron-top .slidewr .cur .mask { opacity: 0.6; filter: alpha(opacity=60); }
.pron-top .imgwr { position: relative; width: 498px; height: 398px; background: #fff url(../img/loading.gif) center no-repeat; border: 1px solid #dedede; }
.pron-top .imgwr .img { position: absolute; top: 3%; left: 0; right: 0; z-index: 1; margin: 0 auto; max-width: 94%; max-height: 94%; }
.pron-top .imgwr .icon { position: absolute; right: 8px; bottom: 8px; z-index: 2; width: 21px; height: 21px; background-position: -172px 0; }
.pron-top .imgwr .icon:hover { cursor: pointer; -webkit-transform: translate3d(-3px, -3px, 0); -moz-transform: translate3d(-3px, -3px, 0); -ms-transform: translate3d(-3px, -3px, 0); -o-transform: translate3d(-3px, -3px, 0); transform: translate3d(-3px, -3px, 0); }
.pron-top .conwr { width: 470px; }
.pron-top .conwr .tit { font-size: 20px; color: #005ca1; }
.pron-top .conwr .stit { margin-top: 36px; font-size: 16px; color: #333; }
.pron-top .conwr .con { margin-top: 10px; font-size: 14px; line-height: 1.8; }
.pron-top .conwr .tools { margin-top: 20px; padding-top: 40px; border-top: 1px solid #dedede; }
.pron-top .conwr .tel { padding-left: 25px; font-size: 0; line-height: 40px; color: #fff; background-color: #fff; border-radius: 20px; overflow: hidden; }
.pron-top .conwr .tel .icon { width: 16px; height: 18px; background-position: -150px 0; }
.pron-top .conwr .tel .txt { margin-left: 17px; padding: 0 25px 0 17px; font-family: arial; font-size: 18px; background-color: #005ca1; }
.pron-top .conwr .tel:hover .txt { color: #005ca1; background-color: #fff; }
.pron-top .conwr .list { font-size: 0; }
.pron-top .conwr .col { margin-left: 20px; margin-top: 5px; cursor: pointer; }
.pron-top .conwr .col .icon, #bdsharePN a { display: block; width: 29px; height: 29px; opacity: 0.4; filter: alpha(opacity=40); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
#bdsharePN a { margin: 5px 0 0 20px; padding: 0; background: url(../img/icon.png) 0 0 no-repeat; }
.pron-top .conwr .col .icon-1, #bdsharePN .bds_weixin { background-position: -108px -27px; }
.pron-top .conwr .col .icon-2, #bdsharePN .bds_sqq { background-position: -143px -27px; }
.pron-top .conwr .col .icon-3, #bdsharePN .bds_tsina { background-position: -178px -27px; }
.pron-top .conwr .col:hover .icon, #bdsharePN a:hover { opacity: 1; filter: alpha(opacity=100); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); }
#bdsharePN .bds_weixin { position: relative; overflow: visible; }
#bdsharePN .bds_weixin .ewm { position: absolute; left: 50%; bottom: 94%; margin-left: -51px; padding-bottom: 5px; width: 102px; height: 108px; background: url(../img/bg_pnewm.jpg) 0 0 no-repeat; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
#bdsharePN .bds_weixin .img { display: block; margin: 6px auto 0; width: 88px; height: 88px; }
#bdsharePN .bds_weixin:hover .ewm { bottom: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.pron-middle { padding: 50px 0 55px; background-color: #fff; }
.pron-middle .tit, .pron-bottom .tit { font-size: 20px; color: #333; }
.pron-middle .con { margin-top: 18px; font-size: 14px; line-height: 1.8; }
.pron-bottom { margin: 55px auto 100px; text-align: center; }
.pron-bottom .product { margin-top: 36px; }
.pron-bottom .product .list .col { margin: 0 3.33% 0 0; width: 22.5%; }
.pron-bottom .product .list .marr0 { margin-right: 0; }
.product .col .wrap { padding: 13.5%; }

/*方案*/
.solution { margin: 100px auto; }
.solution .menut { display: none; }
.sidebar { width: 260px; }
.sidebar .title { position: relative; padding: 19px 50px 19px 30px; background-color: #005ca1; }
.sidebar .title .txt { font-size: 16px; line-height: 22px; color: #fff; }
.sidebar .title .ico { position: absolute; right: 30px; top: 24px; width: 0; height: 0; border-style: solid; border-color: #005ca1 #fff; border-width: 6px 0 6px 8px; }
.sidebar .menu { margin-bottom: 60px; background-color: #fff; }
.sidebar .menu .link { display: block; padding: 0 29px; line-height: 50px; color: #333; border-top: 1px solid #f7f7f7; border-left: 1px solid #005ca1; }
.sidebar .menu .link:hover { color: #005ca1; }
.sidebar .menu .link.cur { color: #fff; background-color: #005ca1; text-align: center; }
.sidebar .menu .son { padding: 10px 0; border-top: 1px solid #f7f7f7; }
.sidebar .menu .slink { display: block; padding: 0 30px; font-size: 14px; line-height: 34px; }
.sidebar .menu .slink.cur { color: #005ca1; }
.sidebar .menu .txt { display: inline; font-size: 14px; }
.sidebar .cont { margin-bottom: 20px; padding: 18px 28px 24px; background-color: #fff; }
.sidebar .cont .img { display: block; margin: 0 auto; max-width: 100%; }
.sidebar .cont .list { padding-top: 14px; }
.sidebar .cont .row { position: relative; margin-top: 16px; padding-left: 25px; }
.sidebar .cont .icon { position: absolute; left: 0; top: 2px; width: 14px; height: 16px; background-position: -63px 0; }
.sidebar .cont .icon-2 { background-position: -83px 0; }
.sidebar .cont .icon-3 { background-position: -103px 0; }
.sidebar .cont .txt { font-size: 14px; line-height: 20px; }
.sidebar .ad .img { display: block; width: 100%; }
.solution .content { width: 880px; background-color: #fff; }
.solution .content .menu { border-bottom: 1px solid #005ca1; }
.content .menu .col { margin-right: 10px; padding: 18px 55px; font-size: 14px; color: #333; cursor: pointer; }
.content .menu .col:hover { color: #005ca1; }
.content .menu .cur, .content .menu .cur:hover { color: #fff; background-color: #005ca1; }
.solution .content .item { display: none; margin: 0; padding: 40px; }
.solution .content .titem { display: block; }
.content .titem .conwr { margin-top: 30px; padding-top: 40px; border-top: 1px solid #dedede; }
.content .titem .conwr-1 { margin-top: 0; padding-top: 0; border-top: none; }
.content .titem .tit { font-size: 16px; color: #005ca1; }
.content .titem .con { margin-top: 28px; font-size: 14px; line-height: 1.9; }
.content .titem strong { font-size: 16px; color: #333; }
.content .product .col-2 { margin-right: 0; }
.content .product .col .wrap { border: 1px solid #dedede; }

/*案例*/
.case { margin: 100px auto 90px; font-size: 0; }
.case .col { margin-right: 3.75%; margin-bottom: 36px; width: 30.83%; vertical-align: top; cursor: pointer; }
.case .marr0 { margin-right: 0; }
.case .col .imgwr { position: relative; padding-bottom: 64.86%; height: 0; overflow: hidden; }
.case .col .img, .case .col .mask { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; }
.case .col .mask { z-index: 2; height: 100%; background-color: #005ca1; opacity: 0; filter: alpha(opacity=0); }
.case .col .icon { position: absolute; top: 53%; left: 50%; z-index: 3; margin: -24px 0 0 -24px; width: 47px; height: 47px; background-position: -213px -129px; opacity: 0; filter: alpha(opacity=0); }
.case .col .conwr { margin-top: 18px; font-size: 14px; color: #333; text-align: center; }
.case .col:hover .mask { opacity: 0.6; filter: alpha(opacity=60); }
.case .col:hover .icon { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.case .col:hover .conwr { color: #005ca1; }

.case-txt-t { padding: 60px 0; }
.case-txt-t .item { margin: 40px 0; padding: 0 0 0.1px; background-color: #fff; }
.case-txt-t .item .title { display: block; position: relative; padding: 24px 70px 24px 30px; }
.case-txt-t .title .txt { font-size: 16px; color: #333; }
.case-txt-t .title .ico { position: absolute; right: 30px; top: 50%; margin-top: -9px; width: 18px; height: 18px; }
.case-txt-t .title .line { position: absolute; top: 0; left: 0; font-size: 0; background-color: #333; }
.case-txt-t .title .line-s { left: 8px; width: 2px; height: 100%; }
.case-txt-t .title .line-h { top: 8px; width: 100%; height: 2px; }
.case-txt-t .title:hover .txt, .case-txt-t .cur .txt { color: #005ca1; }
.case-txt-t .title:hover .line, .case-txt-t .cur .line { background-color: #005ca1; }
.case-txt-t .cur .line-s { opacity: 0; filter: alpha(opacity=0); }
.case-txt-t .item .wrap { display: none; margin-top: 0; margin-bottom: 30px; }

.case-txt { margin: 60px auto; padding: 30px 0; background-color: #fff; }
.case-txt .tit { margin: 0 30px; font-size: 16px; color: #005ca1; }
.case-txt .wrap { margin: 26px 30px 0; border: 1px solid #e6e6e6; }
.case-txt .wrap .list { position: relative; }
.case-txt .wrap .row { font-size: 0; border-bottom: 1px solid #e6e6e6; }
.case-txt .wrap .row-t { background-color: #005ca1; }
.case-txt .wrap .bgfa { background-color: #fafafa; }
.case-txt .wrap .col { width: 25%; }
.case-txt .wrap .col-2 { width: 50%; }
.case-txt .wrap .txt { padding: 15px 6px; font-size: 13px; text-align: center; word-wrap: break-word; word-break: break-all; }
.case-txt .wrap .row-t .txt { font-size: 16px; color: #fff; }
.case-txt .wrap .line { position: absolute; left: 25%; top: 0; width: 1px; height: 100%; background-color: #e6e6e6; }
.case-txt .wrap .line-2 { left: 75%; }
.case-txt .wrap .line-3 { display: none; }
.case-txt .pagelist { margin: 0; padding: 15px 15px 20px; max-width: 40%; }

/*视频*/
.mov .col .icon { top: 50%; margin: -28px 0 0 -28px; width: 55px; height: 55px; background-position: -152px -129px; opacity: 1; filter: alpha(opacity=100); }
.mov .col:hover .icon { left: 53%; }

/*技术*/
.technical { margin: 95px auto; }
.technical .tit { font-size: 20px; color: #005ca1; text-align: center; }
.technical .con { margin-top: 30px; font-size: 15px; line-height: 1.9; }

/*下载*/
.download { margin: 40px auto; overflow: hidden; }
.download .row { position: relative; margin-top: -1px; padding: 60px 0; font-size: 0; border-top: 1px solid #dedede; }
.download .row .imgwr { margin-left: 2%; width: 20.8%; font-size: 14px; }
.download .row .img { display: block; width: 100%; }
.download .row .conwr { margin-left: 3%; width: 58%; }
.download .row .tit { font-size: 18px; color: #333; }
.download .row .tit:hover { color: #005ca1; }
.download .row .con { margin-top: 10px; max-width: 675px; font-size: 14px; line-height: 1.7; }
.download .row .btnwr { margin-left: 6.5%; width: 7.5%; }
.download .row .ewmwr { padding: 5px; background-color: #fff; border: 1px solid #dedede; }
.download .row .ewmb { display: block; position: relative; padding-bottom: 100%; }
.download .row .ewm { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.download .row .btn { position: relative; display: block; padding-bottom: 100%; width: 100%; height: 0; background-color: #444; }
.download .row .icon { position: absolute; left: 0; right: 0; top: 50%; margin: -13px auto 0; width: 29px; height: 27px; background-position: -213px -27px; }
.download .row:hover { background-color: #fff; }
.download .btnwr:hover .btn { background-color: #005ca1; }
.download .btnwr:hover .icon { -webkit-transform: translate3d(0, 6px, 0); -moz-transform: translate3d(0, 6px, 0); -ms-transform: translate3d(0, 6px, 0); -o-transform: translate3d(0, 6px, 0); transform: translate3d(0, 6px, 0); }

/*招聘*/
.hr { margin-top: 95px; font-size: 14px; line-height: 2.14; }
.hr-list { margin-top: 55px; padding: 50px 0; font-size: 0; text-align: center; background: url(../img/bg_hr.jpg) center no-repeat; background-attachment: fixed; }
.hr-list .col { margin: 40px; width: 230px; }
.hr-list .col .link { display: block; padding: 0 5px; font-size: 14px; line-height: 55px; color: #333; background-color: #fff; }
.hr-list .col b { font-weight: normal; color: #ff0000; }
.hr-list .col .link:hover { color: #fff; background-color: #005ca1; }
.hr-list .col .link:hover b { color: #fff; }
.hr-con .title { padding: 100px 0; text-align: center; }
.hr-con .title .tit { font-size: 30px; }
.hr-con .title .info { margin-top: 12px; font-size: 0; color: #999; }
.hr-con .info .icon { width: 15px; height: 15px; background-position: -245px -63px; }
.hr-con .info .txt { margin-left: 10px; font-size: 14px; }
.hr-con .conwr { padding: 120px 0; background-color: #fff; }
.hr-con .conwr .body { font-size: 15px; line-height: 1.9; }
.hr-con .conwr .btn { display: block; margin-top: 50px; width: 320px; font-size: 0; line-height: 45px; text-align: center; color: #fff; background-color: #005ca1; }
.hr-con .conwr .btn:hover { background-color: #333; }
.hr-con .btn .icon { width: 21px; height: 14px; background-position: -123px 0; }
.hr-con .btn .txt { margin-left: 10px; font-size: 14px; }
.hr-con .pagepn { padding: 55px 0; }

html.open, html.open body { overflow: hidden; }
.fixedframe { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; }
.fixedframe.hide { visibility: hidden; }
.fixedframe .distable { display: table; width: 100%; height: 100%; }
.fixedframe .distc { display: table-cell; vertical-align: middle; }
.fixedframe .wrap { position: relative; width: 72.5%; background-color: #ededed; }
.fixedframe .hr-con .comwrap { padding-left: 9%; padding-right: 9%; width: 82%; }
.fixedframe .hr-con .title { text-align: left; }
.fixedframe.hide .wrap { overflow: hidden; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.fixedframe .close { position: absolute; right: 72.5%; top: 50%; margin-top: -40px; padding: 10px 17px 10px 21px; width: 42px; font-size: 16px; line-height: 30px; text-align: center; color: #fff; background-color: #005ca1; letter-spacing: 2px; cursor: pointer; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.fixedframe.hide .close, .fixedframe .close:hover { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.fixedframe.hide .close { opacity: 0; filter: alpha(opacity=0); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.fixedframe .close:hover { background-color: #333; }

/*联系*/
.contact { margin-top: 100px; }
.contact .tit { font-size: 20px; color: #005ca1; text-align: center; }
.contact .list { margin-top: 36px; font-size: 0; background-color: #fff; }
.contact .list .col { width: 25%; height: 200px; text-align: center; }
.contact .col .icon { margin: 54px auto 38px; width: 36px; height: 39px; background-position: 0 -191px; vertical-align: top; }
.contact .col .icon-dh { background-position: -42px -191px; }
.contact .col .icon-cz { background-position: -83px -191px; }
.contact .col .txt { padding: 0 10px; font-size: 14px; word-wrap: break-word; word-break: break-all; }
.contact .col .ewm { margin: 25px auto 0; padding: 14px; max-width: 250px; border: 1px solid #ddd; }
.contact .col .img { display: block; height: 120px; }
.contact .list .line { margin-left: -1px; width: 1px; height: 200px; background-color: #dedede; }
.map { position: relative; margin-top: 60px; }
.map .link { position: absolute; left: 0; bottom: 18px; width: 80px; height: 36px; z-index: 6; }
.map .box { padding: 0; width: 100%; height: 500px; }
.map img { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.continfo { margin: 60px auto 80px; line-height: 2.14; }
.continfo strong { font-weight: normal; font-size: 18px; color: #333; }

/*动画*/
.yt, .yb, .xl, .xr, .anime-t { opacity: 0; }
.anime-r .yt, .anime-r.yt { -webkit-animation: yt 1s forwards; -moz-animation: yt 1s forwards; -o-animation: yt 1s forwards; animation: yt 1s forwards; }
.anime-r .yb, .anime-r.yb { -webkit-animation: yb 1s forwards; -moz-animation: yb 1s forwards; -o-animation: yb 1s forwards; animation: yb 1s forwards; }
.anime-r .xl, .anime-r.xl { -webkit-animation: xl 1s forwards; -moz-animation: xl 1s forwards; -o-animation: xl 1s forwards; animation: xl 1s forwards; }
.anime-r .xr, .anime-r.xr { -webkit-animation: xr 1s forwards; -moz-animation: xr 1s forwards; -o-animation: xr 1s forwards; animation: xr 1s forwards; }
.anime-r .yt:nth-child(1), .anime-r .yb:nth-child(1), .anime-r .xl:nth-child(1), .anime-r .xr:nth-child(1) {
  -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;
}
.anime-r .yt:nth-child(2), .anime-r .yb:nth-child(2), .anime-r .xl:nth-child(2), .anime-r .xr:nth-child(2) {
  -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;
}
.anime-r .yt:nth-child(3), .anime-r .yb:nth-child(3), .anime-r .xl:nth-child(3), .anime-r .xr:nth-child(3) {
  -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;
}
.anime-r .yt:nth-child(4), .anime-r .yb:nth-child(4), .anime-r .xl:nth-child(4), .anime-r .xr:nth-child(4) {
  -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s;
}
.anime-r .yt:nth-child(5), .anime-r .yb:nth-child(5), .anime-r .xl:nth-child(5), .anime-r .xr:nth-child(5) {
  -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;
}
.anime-r .yt:nth-child(6), .anime-r .yb:nth-child(6), .anime-r .xl:nth-child(6), .anime-r .xr:nth-child(6) {
  -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;
}
.anime-r .yt:nth-child(7), .anime-r .yb:nth-child(7), .anime-r .xl:nth-child(7), .anime-r .xr:nth-child(7) {
  -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s;
}
.anime-r .yt:nth-child(8), .anime-r .yb:nth-child(8), .anime-r .xl:nth-child(8), .anime-r .xr:nth-child(8) {
  -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s;
}
.anime-r .yt:nth-child(9), .anime-r .yb:nth-child(9), .anime-r .xl:nth-child(9), .anime-r .xr:nth-child(9) {
  -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;
}
/*.anime-r .yt:nth-child(10), .anime-r .yb:nth-child(10), .anime-r .xl:nth-child(10), .anime-r .xr:nth-child(10) {
  -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -o-animation-delay: 1.0s; animation-delay: 1.0s;
}
.anime-r .yt:nth-child(11), .anime-r .yb:nth-child(11), .anime-r .xl:nth-child(11), .anime-r .xr:nth-child(11) {
  -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;
}
.anime-r .yt:nth-child(12), .anime-r .yb:nth-child(12), .anime-r .xl:nth-child(12), .anime-r .xr:nth-child(12) {
  -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;
}*/
@keyframes yt {
  0% { -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes yt { 0% { -webkit-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes yt { 0% { -moz-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes yt { 0% { -o-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes yb {
  0% { -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes yb { 0% { -webkit-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes yb { 0% { -moz-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes yb { 0% { -o-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes xl {
  0% { -webkit-transform: translate3d(-30px, 0, 0); -ms-transform: translate3d(-30px, 0, 0); -o-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes xl { 0% { -webkit-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes xl { 0% { -moz-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes xl { 0% { -o-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes xr {
  0% { -webkit-transform: translate3d(30px, 0, 0); -ms-transform: translate3d(30px, 0, 0); -o-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes xr { 0% { -webkit-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes xr { 0% { -moz-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes xr { 0% { -o-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }

@media screen and (max-width: 640px) {
  body { min-width: 0; }
  .header { padding: 10px 3%; width: 94%; }
  .header .logo { padding: 0; }
  .header .logo .img { height: 40px; }
  .header .tools { position: relative; margin-top: 13px; line-height: normal; text-align: right; }
  .header .tools .d-ib { display: block; }
  .header .tools .col .d-ib { display: inline-block; *display: inline; *zoom: 1; }
  .header .tools .txt { font-size: 12px; }
  .header .tools .line { margin: 5px 0; width: 100%; height: 1px; background-color: #ddd; }
  .header .tools .icon { margin-left: 5px; }
  .nav { height: auto; }
  .nav .col { width: 25%; border-right: 1px solid #0067b5; border-top: 1px solid #0067b5; box-sizing: border-box; }
  .nav .col .link { line-height: 35px; }
  .footer { padding: 20px 0 50px; }
  .footer .menu, .footer .share { display: none; }
  .footer .comwrap { padding: 0 3%; width: 94%; }
  .footer .ewm { float: none; margin: 0 auto; text-align: center; }
  .footer .tit { font-size: 14px; }
  .footer .ewm .imgwr { margin: 6px auto 0; width: 100px; }
  .footer .ewm .img { height: 100px; }
  .footer .copyr { margin-top: 15px; padding: 10px 0; font-size: 12px; line-height: 20px; text-align: center; }
  .footer .copyr .tel, .footer .copyr .info { float: none; }
  .footer .copyr .txt { font-size: 12px; }
  .floatright { display: none; }
  .mFoot-nav { display: block; }
  .banner .img { margin-left: -25%; width: 150%; }
  .menut { margin-top: 20px; }
  .menut .wrap { display: block; padding: 0 3%; }
  .menut .wrap.type { display: none; }
  .menut .wrap .link { margin: 5px 2% 0 0; width: 32%; font-size: 12px; line-height: 34px; border-radius: 17px; box-sizing: border-box; }
  .menut .wrap .link:nth-child(3n) { margin-right: 0; }
  .menut .wrap-l4 .link { width: 23.5%; }
  .menut .wrap-l4 .link:nth-child(3n) { margin-right: 2%; }
  .menut .wrap-l4 .link:nth-child(4n) { margin-right: 0; }
  .menut .wrap .txtoe { font-size: 12px; }
  .pagelist li { margin: 5px 2px 0; }
  .pagelist li a, .pagelist li span, .pagelist li.thisclass { padding: 0 8px; line-height: 24px; }
  .pagepn .col { display: block; width: 100%; line-height: 24px; }
  .pagepn .next { text-align: left; }
  .swiperpf .swiper-container { left: 0; top: 0; width: 100%; height: 100%; }
  .swiperpf .close { top: auto; bottom: 0; width: 40px; height: 40px; }
  .swiperpf .btn { -webkit-transform: scale(0.6); transform: scale(0.6); }
  .about { padding-bottom: 30px; }
  .about-jj, .about-ys, .buess-jmys, .buess-jmtj .con, .buess-dltj { margin: 30px 3% 0; width: 94%; }
  .about-jj .con { margin-top: 15px; line-height: 1.8; }
  .about-ry { margin-top: 30px; overflow: hidden; }
  .about-ry .img { position: absolute; top: 0; left: 50%; z-index: 1; width: auto; height: 100%; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; }
  .about-ry .con { position: relative; z-index: 2; padding: 25px 0; width: 94%; line-height: 1.8; }
  .about-ys { line-height: 1.8; }
  .about-hj { margin-top: 30px; }
  .about-hj .list { width: 94%; }
  .about-hj .list .col { margin-right: 2%; width: 23.5%; }
  .about-hj .list .col-3 { margin-right: 0; }
  .about-hj .col .tit { margin-top: -9px; font-size: 13px; }
  .about-sc { padding-top: 30px; }
  .about-sc .list { margin-top: 20px; }
  .about-sc .list .col-f { margin-bottom: 20px; }
  .about-sc .col-f .txt { font-size: 14px; }
  .about-sc .list .col { margin-bottom: 16px; }
  .about-sc .col .txt { font-size: 15px; }
  .buess-ban .img { margin-left: -25%; width: 150%; }
  .buess-ban .conwr { margin-top: -54px; }
  .buess-ban .conwr .txt { font-size: 12px; }
  .buess-ban .conwr .ico { margin: 0 5px; height: 20px; }
  .buess-ban .conwr .con { margin-top: 15px; }
  .buess-ban .conwr .con span { font-size: 12px!important; }
  .buess-tit .en { font-size: 18px; }
  .buess-tit .cn { margin-top: 0; font-size: 18px; }
  .buess-tit .line { margin-top: 15px; }
  .buess-jmys .list .col, .buess-jmtj .img { margin-top: 20px; }
  .buess-jmys .col .ico { max-width: 60%; }
  .buess-jmys .col .txt { margin-top: 10px; font-size: 12px; }
  .buess-jmtj { margin-top: 30px; padding-top: 30px; }
  .buess-jmtj .buess-tit .cn { background: none; }
  .buess-jmtj .con { font-size: 13px; line-height: 1.6; }
  .buess-dltj .conwr .img { display: none; }
  .buess-dltj .conwr .item { margin-top: 25px; }
  .buess-dltj .conwr .tit { font-size: 16px; }
  .buess-dltj .conwr .con { margin-top: 14px; font-size: 13px; line-height: 1.6; }
  .buess-jmlc { margin-top: 30px; padding: 30px 3%; }
  .buess-jmlc .list { display: none; }
  .buess-jmlc .swiper-container { display: block; }
  .buess-jmlc .swiper-slide .con { font-size: 13px; }
  .buess-ly { margin-top: 30px; padding: 0 3% 30px; width: 94% }
  .buess-ly .con .tit { margin-bottom: 10px; font-size: 16px; }
  .buess-ly .con .txt { font-size: 24px; }
  .buess-ly .list { margin-top: 0; padding-top: 10px; }
  .buess-ly .list .row { display: block; margin-right: 0; margin-top: 10px; width: 100%; }
  .buess-ly .list .row-time { display: none; }
  .buess-ly .row .txt { line-height: 40px; }
  .buess-ly .row .intxt { height: 38px; line-height: 38px; }
  .buess-ly .row .vdimg { margin-top: 8px; }
  .buess-ly .row .btn { line-height: 40px; }
  .artlist { margin: 10px auto 30px; }
  .artlist .row { padding: 20px 3%; border-top: 1px dashed #eaeaea; }
  .artlist .row:nth-child(1) { border-top: none; }
  .artlist .row .imgwr { display: none; }
  .artlist .row .conwr { display: block; margin-left: 0; }
  .artlist .row .tit { font-size: 15px; }
  .artlist .row .con { margin: 10px 0 15px; max-height: 44px; font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .artlist .row .time { font-size: 12px; }
  .artlist .row .icon { margin-top: 2px; }
  .artcon { margin: 30px auto; width: 94%; }
  .artcon .left { float: none; padding: 15px 10px; width: auto; }
  .artcon .pagepn { padding-right: 0; }
  .artcon .left .btn { display: block; position: static; margin: 20px auto 0; }
  .artcon .right { display: none; }
  .honor, .product, .case, .technical, .download, .pron-bottom { margin: 30px auto; width: 94%; }
  .honor .col, .product .list .col, .pron-bottom .product .list .col, .case .col { margin: 0 0 20px 0; width: 48%; }
  .honor .col:nth-child(2n), .product .list .col:nth-child(2n), .pron-bottom .product .list .col:nth-child(2n), .case .col:nth-child(2n) { margin-left: 4%; }
  .product .col .wrap { padding: 10%; }
  .product .col .conwr, .case .col .conwr { margin-top: 10px; }
  .product .col .btnwr { margin-top: 15px; padding: 10px 0; width: 100%; height: auto; }
  .product .col .icon { margin-top: 0; }
  .pron-top { padding: 30px 3%; width: 94%; }
  .pron-top .wrap, .pron-top .imgwr, .pron-top .slidewr, .pron-top .conwr { float: none; width: 100%; }
  .pron-top .imgwr { padding-bottom: 80%; height: auto; }
  .pron-top .slidewr .icon { display: none; }
  .pron-top .slidewr .swiper-container { margin-top: 10px; height: auto; }
  .pron-top .slidewr .swiper-slide { position: relative; max-height: none; }
  .pron-top .slidewr .img { position: absolute; left: 0; top: 0; }
  .pron-top .conwr .tit { margin-top: 20px; text-align: center; }
  .pron-top .conwr .stit { margin-top: 15px; }
  .pron-top .conwr .con { line-height: 1.8; }
  .pron-top .conwr .tools { padding-top: 20px; text-align: center; }
  .pron-top .conwr .tel { float: none; display: inline-block; vertical-align: top; padding-left: 15px; line-height: 36px; border-radius: 18px; }
  .pron-top .conwr .tel .txt { margin-left: 10px; padding: 0 15px 0 10px; }
  #bdsharePN { display: none; }
  .pron-middle { padding: 30px 3%; }
  .pron-middle .tit, .pron-bottom .tit { font-size: 16px; }
  .pron-middle .con { margin-top: 14px; line-height: 1.8; }
  .pron-bottom .product { margin: 15px 0 0; width: 100%; }
  .solution { margin: 20px auto 30px; width: 94%; }
  .solution .menut { display: block; }
  .sidebar, .solution .content { float: none; width: 100%; }
  .sidebar, .sidebar .title, .sidebar .cont, .sidebar .ad { display: none; }
  /*.sidebar .menu { margin-bottom: 20px; }
  .sidebar .menu .row { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 33.33%; }
  .sidebar .menu .link { padding: 0 5px; line-height: 34px; }
  .sidebar .menu .son { display: none; }*/
  .solution .content { margin-top: 20px; }
  .content .menu .col { margin-right: 0; padding: 10px 5%; width: 40%; text-align: center; }
  .solution .content .item { padding: 10px; }
  .content .titem .con { margin-top: 20px; line-height: 1.8; }
  .content .titem .conwr { margin-top: 20px; padding-top: 20px; }
  .content .titem .conwr-1 { margin-top: 0; padding-top: 0; }
  .case-txt-t { padding: 10px 3%; width: 94%; }
  .case-txt-t .item { margin: 20px 0; width: 100%; }
  .case-txt-t .item .title { padding: 15px 40px 15px 10px; }
  .case-txt-t .title .ico { right: 10px; }
  .case-txt { margin: 30px auto; padding: 20px 0; width: 94%; }
  .case-txt .tit { margin: 0 3%; text-align: center; }
  .case-txt .wrap { margin: 15px 10px 0; }
  .case-txt .wrap .txt { padding: 10px 4px; }
  .case-txt .wrap .row-t .txt { font-size: 15px; }
  .case-txt .pagelist { float: none; padding: 15px 10px; max-width: 100%; }
  .case-txt .pagelr { margin-top: -5px; padding-top: 0; padding-bottom: 20px; }
  .technical .con { margin-top: 20px; font-size: 14px; line-height: 1.6; }
  .download { margin-top: 10px; }
  .download .row { padding: 20px 0; }
  .download .row .imgwr { display: none; }
  .download .row .conwr { display: block; margin-left: 0; width: 100%; }
  .download .row .tit { font-size: 16px; }
  .download .row .con { margin-top: 6px; line-height: 1.6; }
  .download .row .btnwr { display: block; margin: 15px 0 0; width: 100%; }
  .download .row .btn { padding: 0; height: auto; }
  .download .row .icon { display: block; position: static; margin-top: 0; -webkit-transform: scale(0.6); transform: scale(0.6); }
  .download .row .ewmwr { display: none; }
  .contact { margin: 30px auto 0; width: 94%; }
  .contact .tit { font-size: 18px; }
  .contact .list { margin-top: 20px; }
  .contact .list .col { width: 33.33%; height: auto; vertical-align: top; }
  .contact .list .col-e { display: none; width: 100%; text-align: center; border-top: 1px solid #dedede; }
  .contact .col .icon { margin: 15px auto; -webkit-transform: scale(0.8); transform: scale(0.8); }
  .contact .list .line { height: 140px; }
  .contact .col .ewm { margin: 20px 0; padding: 10px; }
  .contact .col .img { height: 100px; }
  .map { margin-top: 25px; }
  .map .link { display: none; }
  .map .box { height: 200px; }
  .continfo { margin: 30px auto; width: 94%; font-size: 13px; line-height: 1.6; }
  .continfo td { display: block; width: 100% !important; }
  .continfo strong { display: block; margin-bottom: -1em; font-size: 15px; text-align: center; }
  .hr { margin: 30px auto 0; width: 94%; }
  .hr-list { margin-top: 30px; padding: 30px 3%; }
  .hr-list .col { margin: 4% 0 0 0; width: 48%; }
  .hr-list .col:nth-child(1), .hr-list .col:nth-child(2) { margin-top: 0; }
  .hr-list .col:nth-child(2n) { margin-left: 4%; }
  .hr-list .col .link { line-height: 35px; }
  .hr-con .title, .hr-con .conwr, .hr-con .pagepn { padding: 20px 0; }
  .hr-con .comwrap, .fixedframe .hr-con .comwrap { padding-left: 3%; padding-right: 3%; width: 94%; }
  .hr-con .title .tit { font-size: 18px; }
  .hr-con .title .info { margin-top: 8px; }
  .hr-con .conwr .body { line-height: 1.9; }
  .hr-con .conwr .btn { margin-top: 25px; width: 100%; line-height: 35px; }
  .fixedframe .wrap { margin-bottom: 35px; width: 100%; }
  .fixedframe .hr-con .title { text-align: center; }
  .fixedframe .close { position: fixed; right: 0; top: auto; bottom: 0; margin: 0; padding: 0; width: 100%; font-size: 14px; line-height: 35px; letter-spacing: 0; }
}