html { font-family:"PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "微软雅黑", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
body { margin:0; background:#fff; overflow: auto !important; font-weight:400; font-size:14px; }
/*常用*/
.wrap { width:1200px; position:relative; margin:0 auto; }
.warpwidth { position:relative; width:1400px; margin:0 auto; }
.logo2 { float:left; background:url(../images/client_img.png) no-repeat -744px -8px; width:66px; height:40px; margin-top:25px; margin-left:120px; }
.topnav, .topnav3 { float:right; margin-top:30px; margin-right:120px; }
.topnav2 { float:left; margin-top:30px; margin-left:30px; }
.topnav li { float:left; font-size:20px; color:#666666; line-height:28px; margin-left:80px; }
.topnav2 li { float:left; font-size:16px; color:#666666; line-height:28px; margin-left:80px; }
.topnav3 li { float:left; font-size:16px; color:#666666; line-height:28px; margin-left:30px; }
/*头部*/
#main_home { margin-left: -webkit-calc(100vw - 100%); margin-left: calc(100vw - 100%); }
.lp_top { position:fixed; z-index:999; top:0; width:100%; width:100%; height:60px; background:#00c7d9; }
.lp_nav { width:700px; margin:0 auto; height:60px; line-height:60px; }
.lp_nav li { float:left; width:14.28%; text-align:center; }
.lp_nav li a { display:block; font-size:14px; color:#fff; }
.lp_nav li.active a { background:#fff; color:#00c7d9; }
.clinic-login { float:right; height:60px; line-height:60px; margin-right:60px; }
.clinic-login li { float:left; width:70px; text-align:center; }
.clinic-login li a { display:inline-block; color:#fff; font-size:14px; }
.logo a { display:block; width:53px; height:30px; background:url(../images/logo.svg) no-repeat; background-size:100%; margin-left:40px; margin-top:15px; }
.head-pt { padding-top:96px; }
.pt0 { padding-top:0; }
.warpwidth { position:relative; width:1400px; margin:0 auto; }
.text-center { text-align:center; }
* { box-sizing: border-box; }
a { text-decoration:none; color:#666; cursor:pointer; }
a:active, a:hover { outline:0; transition: color 0.1s linear; }
a.active { text-decoration:none; color:#4A90E2!important; }
a:focus, button { outline:none; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:700 }
img { vertical-align:middle }
.img-circle { border-radius:50% }
ul { list-style:none; margin:0; padding:0; }
.pr { position:relative; }
.pa-right { position:absolute; right:0; }
.fr { float:right; }
.fl { float:left; }
.vt { vertical-align:top; }
.vtt { vertical-align:text-top; }
.vb, .vbm { vertical-align:-webkit-baseline-middle!important; }
.clearfix { clear:both; overflow:hidden; }
.vm { vertical-align:middle; }
.ma { margin-left:auto; margin-right:auto; }
.cp { cursor:pointer; }
.db { display:block; }
.border { border: 1px solid #e6e6e6; }
.header-radius { -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; }
.w100 { width:100%; }
.w50 { width:50%; }
.cgray { color:#999; }
.cgray1 { color:#3c3c3c; }
.cblack { color:#000; }
.cyuge { color:#00c7d9; }
/*字体*/
.fS12 { font-size:12px; }
.fS14 { font-size:14px; }
.fS16 { font-size:16px; }
.fS20 { font-size:20px; }
.fS24 { font-size:24px; }
.fS32 { font-size:32px; }
.lh30 { line-height:30px; }
.lh75 { line-height:75px; }
/*间距*/
.m20 { margin:20px; }
.mt5 { margin-top:5px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt60 { margin-top:60px; }
.mt76 { margin-top:76px; }
.mt83 { margin-top:80px; }
.mt100 { margin-top:100px; }
.mt178 { margin-top:178px; }
.mt187 { margin-top:187px; }
.mr120 { margin-right:120px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml70 { margin-left:70px; }
.ml100 { margin-left:100px; }
.ml160 { margin-left:160px; }
.ml180 { margin-left:180px; }
.ml280 { margin-left:280px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px!important; }
.mr20 { margin-right: 20px; }
.mr40 { margin-right: 40px; }
.mb5 { margin-bottom:5px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.p12 { padding:12px; }
.pt10 { padding-top:10px; }
.pt120 { padding-top:120px; }
.pr60 { padding-right:60px; }
.pb10 { padding-bottom:10px; }
.pb100 { padding-bottom:100px; }
.pb200 { padding-bottom:200px; }
.pl42 { padding-left:42px; }
.oh { overflow: hidden; }
.mb20 { margin-bottom: 20px; }
.mt60 { margin-top: 60px; }
p { margin: 0 0 10px; }
.min1200 { min-width:1200px; }
.productshow a.abtn { position:absolute; top:225px; display:block; z-index:99; width:60px; height:60px; text-align:center; overflow:hidden; }
.productshow a.aleft { left:-80px; background:rgba(0, 0, 0, 0.20) url(../images/frame-arrows-left.svg) center center no-repeat; border-radius: 30px; }
.productshow a.agrayleft { cursor:default; }
.productshow a.aright { right:-90px; background:rgba(0, 0, 0, 0.20) url(../images/frame-arrows-right.svg) center center no-repeat; border-radius: 30px; }
.productshow a.agrayright { cursor:default; }
.productshow { width:1010px; height:480px; margin:40px auto; position:relative; text-align:center; }
.productshow .scrollcontainer { width:100%; height:680px; overflow:hidden; position:relative; margin:0 auto; }
.productshow .scrollcontainer ul { width:34400px; position:absolute; left:0px; top:0px; }
.productshow .scrollcontainer li { float:left; width:344px; height:700px; text-align:center; position:relative; }
.mask-txt { position:absolute; top:10px; left:10px; z-index:1; width:324px; height:239px; background:rgba(0, 0, 0, 0.50); display:none; color:#fff; font-size:18px; }
.scrollcontainer ul li a:hover .mask-txt { display:table; }
.scrollcontainer ul li a:hover .mask-txt span { display:table-cell; vertical-align: middle; }
.productshow .scrollcontainer li img { margin:10px; }
.productshow .scrollcontainer li div { overflow:hidden; text-align:center; position:relative; }
.productshow .scrollcontainer a:hover img { filter:alpha(opacity=86); -moz-opacity:0.86; opacity:0.86; }
.productshow .scrollcontainer li p { margin:0; line-height:32px; }
.joel-clear:after { content:"."; visibility:hidden; clear:both; height:0px; display:block; }
.hidden { display:none; }
#pagewrap { position:relative; }
img { border:0; }
.column { float:left; }
#header-outer { width:100%; background:#FFF; border-bottom:5px solid #404040; overflow:hidden; }
#header-inner { position:relative; margin:0px auto; width:960px; height:100px; }
#header-inner hgroup { position:absolute; top:25px; left:10px; }
#header-inner h1 { margin:0px; font-size:28px; line-height:33px; color:#000; letter-spacing:2px; text-transform:uppercase; font-weight:normal; }
#header-inner h6 { margin:0px; font-size:12px; line-height:14px; color:#000; letter-spacing:4px; text-transform:uppercase; font-weight:normal; }
/* NAV - BEGIN */
#nav-list { position:absolute; top:40px; right:0px; list-style:none; margin:0px; padding:0px; }
.nav-item { display:inline-block; zoom:1; *display:inline;
margin-right:20px; font-size:18px; line-height:22px; }
.nav-item.last { margin-right:0px; }
.nav-item a { color:#000; display:block; text-transform:uppercase; text-decoration:none; padding:4px 10px; font-family:'Avenir LT W01 35 Light', sans-serif; }
.nav-item:hover { background:#F6F6F6; border-radius:8px; }
.nav-item.active { background:#E8E8E8; border-radius:8px; }
/* CONTENT AREA - BEGIN */
#content-outer { width:100%; overflow:hidden; }
.content-container { overflow:hidden; }
/* FOOTER AREA - BEGIN */
#footer-outer { border-top:5px solid #1A1A1A; background:#0D0D0D; width:100%; }
#footer-inner { width:960px; height:auto; padding:30px 0px; margin:0px auto; }
#footer-left { float:left; width:70%; }
#footer-right { float:left; width:30%; text-align:right; color:#666; }
a.social { position:relative; display:inline-block; width:125px; height:40px; text-decoration:none; }
a.social .social-icon { position:absolute; top:0px; left:0px; width:25px; height:25px; background:url(social-twitter-sprite.png) no-repeat top left; }
a.social.facebook .social-icon { background-image:url(social-facebook-sprite.png); }
a.social.linkedin .social-icon { background-image:url(social-linkedin-sprite.png); }
a.social.screenr .social-icon { background-image:url(social-screenr-sprite.png); }
a.social .social-text { position:absolute; top:0px; left:34px; width:91px; height:25px; }
a.social .social-text .social-line1 { font-family:'Avenir LT W01 35 Light', sans-serif; font-size:10px; opacity:.45; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); position:absolute; top:-1px; left:0px; }
a.social .social-text .social-line2 { font-size:15px; opacity:.65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); position:absolute; top:9px; left:0px; text-transform:uppercase; }
a.social:hover .social-text .social-line1 { opacity:.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }
a.social:hover .social-text .social-line2 { opacity:.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); }
a.social .hover-overlay { display:none; position:absolute; top:0px; left:0px; width:125px; height:40px; background:url(social-glow.png) no-repeat bottom left; }
a.social .hover-overlay .color-icon { position:absolute; top:0px; left:0px; width:25px; height:25px; background:url(social-twitter-sprite.png) no-repeat 0px -25px; }
a.social.facebook .hover-overlay .color-icon { background-image:url(social-facebook-sprite.png); }
a.social.linkedin .hover-overlay .color-icon { background-image:url(social-linkedin-sprite.png); }
a.social.screenr .hover-overlay .color-icon { background-image:url(social-screenr-sprite.png); }
#footer-right a, #footer-right a:visited { color:#979797; font-weight:bold; text-decoration:none; }
#footer-right a:hover { color:#FFF; text-decoration:underline; }
a.social.linkedin { margin-left:20px; }
/* BEGIN - CONDITIONAL CSS */
@media only screen and (max-width : 1023px) {
#header-inner { width:100%; height:100px; overflow:hidden;}
#header-inner hgroup { position:relative; margin:0px auto; top:auto; left:auto;}
#header-inner h1 { text-align:center; padding-top:20px;}
#header-inner h6 { display:none;}
nav { margin:0px auto; text-align:center;}
#nav-list { position:relative; top:auto; left:auto; right:auto; margin:0px auto; margin:0px auto; padding:5px 0px 15px; width:auto; display:inline-block;}
.nav-item { font-size:14px; line-height:18px;}
#footer-inner { width:100%;}
#footer-left { width:77%; margin-left:3%;}
 #footer-right { width:17%; margin-right:3%;}
}
@media only screen and (max-width : 768px) {
 #footer-left { float:none; width:266px; text-align:center; margin:0px auto;}
 #footer-right { float:none; width:266px; text-align:center; margin:0px auto;}
 a.social.linkedin { margin-left:0px;}
 .nav-item { margin-right:5px; font-size:12px; line-height:14px;}
}
@media only screen and (max-width : 480px) {
 html { -webkit-text-size-adjust: none;}
 .nav-item { margin-right:0px; font-size:11px;}
}

.c-title { margin-top:85px; }
.c-text { width:750px; margin:30px auto 100px auto; font-size:18px; color:#666; line-height:30px; }
.sloganbg { clear:both; margin-top:130px; margin-bottom:48px; position:relative; }
.slogan { position:absolute; z-index:99; top:50%; left:50%; margin-top:-17px; margin-left:-187px; }
.color-349aff { color:#349aff; }
.color-ffcc33 { color:#ffcc33; }
.color-fe9900 { color:#fe9900; }
.pr { position: relative; }
.pa { position: absolute; }
.pd-15 { padding-bottom: 15px; }
.pb-50 { padding-bottom: 50px; }
.pt-15 { padding-top: 15px; }
.mb-50 { margin-bottom: 50px; }
.about .about-body { overflow: hidden; }
.about .about-body { display: table-cell; vertical-align: top; width:10000px; overflow: hidden; }
.about .about-body .about-title .help-block { color: #cbcbcb; font-size: 20px; }
.about .about-body .about-content { position: relative; color: #666; line-height: 180%; font-size: 16px; margin-top:40px; }
.about .about-body .about-content p { color: #666; text-indent: 2em; line-height: 180%; font-size: 16px; }
/*时间轴*/
.process-timeline { height: 650px; width: 100%; position: relative; overflow:hidden; background:#fff; }
.process-timeline:after { content:""; position:absolute; top:46%; left:0; margin-left:0; background: #F6F6F6; height:6px; width:100%; display:block }
.process-timeline .process-body { position: relative; height: 100%; margin-left: 0; }
.process-timeline .process-row { cursor:move; display: inline-block; float: left; margin: 0; position: relative; height: 650px; overflow:hidden; }
.process-timeline .process-row .process-time { position: absolute; top: 43%; left: 0; }
.process-timeline .process-row .process-time .time-con { position: relative; text-align: center; }
.process-timeline .process-row .process-time .time-con .pic { position: absolute; z-index: 1; }
.process-timeline .process-row .process-time .time-con .pic i { font-size: 100px; color: #666; }
.process-timeline .process-row .process-time .time-con .year { position: absolute; z-index: 10; font-size: 16px; color:#00c7d9; padding: 14px 5px 0 5px; font-family:Arial, Helvetica, sans-serif; }
.process-timeline .process-row .process-time .time-con .bgcolor { position: absolute; border-radius: 100%; width: 40px; height: 40px; z-index: 5; }
.process-timeline .process-row .process-time .time-con .bgcolor.red { background: #F7FDFE; width:46px; height:46px; color: #00C7D9; border-radius:50%; }
#ffebad .process-timeline .process-row .process-time .time-con .bgcolor.blue { background:url(../images/news_time_bg.png); width:46px; height:46px; }
.process-timeline .process-row .process-time .time-con .bgcolor.orange { background:url(../images/news_time_bg.png); width:46px; height:46px; }
.process-timeline .process-row .process-time .time-con .red i { color: #00c7d9; }
.process-timeline .process-row .process-time .time-con .blue i { color: #00c7d9; }
.process-timeline .process-row .process-time .time-con .orange i { color: #00c7d9; }
.process-timeline .process-row .process-noyear { position: absolute; top: 43%; width: 260px; text-align: center; font-size: 20px; }
.p-in-time { background:url(../images/Triangle.png) no-repeat; width:27px; height:21px; display:inline-block; float:left; }
.pc-txt { margin-left:-6px; overflow:hidden; }
.pc-txt .event { width:226px; padding:10px; background:#F6F6F6; border-radius:6px; float:left; }
.process-timeline .process-row .process-content .box { border-left:4px solid #F6F6F6; padding-top:10px; padding-bottom:0px; margin-left: 17px; }
.process-timeline .process-row .process-content h2 { font-size: 16px; text-align: center; }
.process-timeline .process-row .process-content p { text-indent: 0 !important; font-size: 16px !important; overflow: hidden; color: #666; white-space:normal; text-align:left; line-height:24px; }
 .process-timeline .process-row:nth-child(even) .process-time {top: 39%;}
.process-timeline .process-row:nth-child(even) .process-time .time-con .year {padding: 10px 5px 0 5px;}
.process-timeline .process-row:nth-child(even) .process-noyear {top:53%}
.process-timeline .process-row:nth-child(even) .process-content {padding-top: 300px;padding-bottom: 0;}
.process-timeline .process-row:nth-child(odd) .process-time .time-con .pic i {-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV();}
.scrollMouse i { color: #b5b5b5; display: inline-block; margin: 0 5px; vertical-align: middle; }
.scrollMouse #processLeft, .scrollMouse #processRight { cursor: pointer; }
.scrollMouse i:hover { color: #666; }
/*联系我们*/
.map_left { width:47%; float:left; text-align:right; margin-top:40px; margin-bottom:60px; }
.map_right { float: left; text-align: left; margin-top: 160px; font-size: 16px; color:#666; padding-left: 45px; width: 50%; box-sizing: border-box; }
.con-txt-right { margin-left: 161px; display: block; width:430px; }
.iw_poi_title { color:#CC5522; font-size:14px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap }
.iw_poi_content { font:12px arial, sans-serif; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word }
.zf-left { float:left; width:36%; height:500px; }
.zf-right { overflow:hidden; margin-bottom:60px; float:left; width:60%; }
.zf-box { width:326px; margin-top:150px; font-size:16px; color:#666; float:right; line-height:32px; margin-right: 40px; }
.zf-box a { display:inline-block; width:180px; height:43px; line-height:43px; text-align:center; font-size:18px; background: #00C7D9; border-radius:6px; color:#fff; }
.zf-box a:hover { color:#fff }
.main { width: 850px; margin: auto; }
.viwe { width:266px; height: 253px; float: left; margin: 15px 7px; position:relative; overflow: hidden; }
img { max-width: 100%; overflow: hidden; }
.hover { width: 266px; height: 0px; background-color:rgba(0, 0, 0, 0.5); position:absolute; overflow: hidden; top: 30px; left: 0; transform:rotate(55deg); transition: all 0.2s; z-index: 999; }
.viwe:hover .hover { height: 140px; transform:rotate(0deg); }
.viwe:hover:before { top:0; }
.viwe:hover:after { bottom: 0; }
.viwe h2 { text-align: center; margin-top: 25px; margin-bottom: 15px; padding-bottom:10px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #fff; }
.viwe p { color: #fff; text-align:center; margin-top:10px; }
#dituContent img { max-width: none; }
#dituContent-sc img { max-width: none; }
@media (min-width: 992px) .col-md-12 { width: 100%;}
@media (min-width: 992px) .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
/*asid_share*/
.asid_share { position:fixed; width:50px; height:108px; bottom:25%; right: 5%; z-index:99999; }
*html #asid_share { position:absolute; top:expression(documentElement.scrollTop + "px");
margin:300px 0 0 0; }
.asid_share .asid_share_box { width:100%; margin-bottom:3px; background:#fff; text-align:center; position:relative; }
.asid_share .asid_share_box a { display:block; height:45px; padding-top:5px; border:1px solid #eeeeee; }
.asid_share .asid_share_box a:hover { text-decoration:none; transition: color .25s linear;}
.asid_share .asid_share_box a:hover .asid_title, .asid_share .asid_share_box .asid_title { color:#666; font-size:12px; display:block; padding-left:7px; line-height:20px; width:35px; }
.asid_share { text-decoration:none; }
.asid_share .asid_sha_layer { border:1px solid #e4e3e3; background:#fff; position:absolute; right:59px; bottom:-44px; }
.asid_share_triangle { width:12px; height:40px; position:absolute; right:55px; bottom:-5px; z-index:100; }
.border_sj, .con_sj { display:block; width:18px; height:28px; font-size:18px; overflow:hidden; font-family: SimSun; }
.border_sj { color:#e4e3e3; font-style:normal; }
.con_sj { color:white; margin:-14px -2px 0 0; margin:-28px 0 0 -2px; }
.sweep_img img { width:100px; }
.scroll_horizontal { position:relative; width:660px; height:120px; padding:10px; background-color:#eee; }
.scroll_horizontal .box { overflow:hidden; position:relative; width:580px; height:120px; margin:0 auto; }
.scroll_horizontal .list { overflow:hidden; width:9999px; }
.scroll_horizontal .list li { float:left; width:200px; }
.scroll_horizontal .prev, .scroll_horizontal .next { position:absolute; top:50%; margin-top:-25px; width:40px; height:50px; background-image:url(images/control.png); background-repeat:no-repeat; font:0/0 Arial; cursor:pointer; }
.scroll_horizontal .prev { left:5px; background-position:0 0; }
.scroll_horizontal .next { right:5px; background-position:-40px 0; }
.scroll_horizontal .prev:hover { background-position:0 -50px; }
.scroll_horizontal .next:hover { background-position:-40px -50px; }
/*app*/
.h800 { height:800px; clear:both; }
.app-bluebg { background:#f5fdfd; }
.app-one-bg { background:url(../images/banner_bg.png) no-repeat; background-size:100%; overflow:hidden; height:400px; }
.downbtn { display:inline-block; border:1px solid #bfe3eb; border-radius:8.33px; font-size:16px; color:#666; width:155px; height:50px; text-align:center; line-height:50px; }
.app-title { font-size:20px; color:#3c3c3c; font-weight:bold; }
.app-txt { font-size:16px; color:#666; line-height:32px; }
.text-box { width:570px; text-align:left; margin-right:50px; float:right; }
.text-box_r { width:570px; text-align:left; }
.about-banner { background-image:url(../images/banner.png); background-size: cover; background-repeat: no-repeat; background-position: center bottom; height:400px; width:1200px; margin-top:106px; }
.about-title { width:664px; margin:0 auto; padding-top:200px; font-size: 16px; color: #F7F7F7; text-align: justify; line-height: 32px; }
.about-text { font-size:18px; color:#fff; text-align:center; width:510px; margin:20px auto; line-height:30px; }
.margin-auto { margin-left:auto; margin-right:auto; }
.widthsmall { width:950px; margin-top:20px; font-size: 16px; color: #666666; text-align: justify; line-height: 32px; }
.widthmiddle { width:996px; margin-left:auto; margin-right:auto; }
.widthbig { width:1160px; margin-left:auto; margin-right:auto; }
.width-jiu { width:1200px; margin-left:auto; margin-right:auto; }
.img-over-border { padding:2px; background:#fff; width:220px; height:220px; border-radius:50%; overflow:hidden; text-align:center; box-sizing: border-box; }
.img-over-border img { border-radius:50%; border:8px solid #fff; box-sizing: border-box; }
.img-over-border:hover { background:#00c7d9; background-image: -webkit-linear-gradient(top, #B1F1F4 0%, #00C7D9 100%); background-image: -moz-linear-gradient(top, #B1F1F4 0%, #00C7D9 100%); background-image: linear-gradient(top, #B1F1F4 0%, #00C7D9 100%); }
.member-txt { background: #F7FDFE; border-radius: 30px; font-size: 16px; color: #666666; letter-spacing: 0; text-align: justify; line-height: 32px; padding:37px 100px; margin-top:40px; min-height: 140px; }
.w-sp-mid { width:1200px; }
/*首页新闻2019/10/25*/
.landingpage-news { width:1200px; margin-left:auto; margin-right:auto; }
.landingpage-news ul { clear: both; margin-top:20px; overflow:hidden; padding-bottom: 30px; }
.landingpage-news ul li { float:left; width:275px; margin-right:33px; background: #FFFFFF; box-shadow: 0 6px 8px 0 #E6E6E6; border-radius: 4px; }
.landingpage-news ul li:last-child { margin-right:0; }
.landingpage-news ul li .images { text-align: center; border: 1px solid #e5e5e5; width: 275px; height: 178px; position: relative; overflow: hidden; border-radius:4px 4px 0 0; }
.landingpage-news ul li .images img { WIDTH: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tr { text-align:right; }
.p20 { padding:20px; }
.news-time { color:#666; font-size:12px; }
.news-txt { width:100%; margin-top:12px; margin-bottom:10px; color:#c3c3c; font-size:16px; height:72px; text-align: justify; line-height: 24px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.title-box { font-size: 24px; color: #3C3C3C; font-weight: 600; }
.mt40 { margin-top:40px; }
/*公司发展时间轴*/
.product-section { position: relative; }
.product-wrapper { width: 1280px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; position: relative }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 }
.features-item { position: relative; float: left }
/*左右按钮*/
.product-features .swiper-button-prev { width: 30px; height: 40%; left: -15px; top: 57%; background: none }
.product-features .swiper-button-prev:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 30px; background: url(../images/productBase-features-left.png) no-repeat; background-size: 100% 100%; top: 0; margin-top: -15px; left: 50%; margin-left: 0; z-index:99 }
.product-features .swiper-button-next { width: 30px; height: 40%; right: -15px; top: 57%; background: none }
.product-features .swiper-button-next:after { content: ""; display: inline-block; position: absolute; width: 15px; height: 30px; background: url(../images/productBase-features-right.png) no-repeat; background-size: 100% 100%; top: 0; margin-top: -15px; left: 0; margin-left: 0; z-index:99 }
/*新媒体聚焦*/
.scrollbox { position: relative; float: right; height: 472px; width: 51%; margin-top: 22px; }
#scrollDiv { width:100%; height:450px; overflow:hidden; }/*这里的高度和超出隐藏是必须的*/
.scroltit { height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px; }
.scroltit h3 { width:100px; float:left; }
.scroltit .updown { float:right; width:32px; height:22px; margin-left:4px }
.scroltit span { display:inline-block; width: 50px; text-align: center }
#n { margin:10px auto; width:920px; border:1px solid #CCC; font-size:12px; line-height:30px; }
#n a { padding:0 4px; color:#333 }
.width { width:1700px; margin-left:auto; margin-right:auto; }
.title { position: relative; font-size: 20px; padding-left: 2px; font-weight: bold; letter-spacing: 1.5px; }
.title:before { position: absolute; left: 0; bottom: -5px; z-index: -1; content: ""; display: inline-block; width: 150px; height: 12px; background-image: linear-gradient(270deg, rgba(87, 161, 255, 0.00) 0%, #2C68FF 100%); border-radius: 11px; }
.btn-border { background: #fff; border-radius: 4px; border: 1px solid #2C68FF; font-size: 16px; color: #2C68FF; padding: 10px 20px; }
.pa-right { position: absolute; right: 0; }
.h46 { height:46px; }
.video-list { float:left; margin-left:20px; width:282px; height:222px; font-size: 14px; line-height: 19px; }
.video-list img { width:100%; height:158px; margin-bottom:8px; }

/*新版动态新闻*/
.home-list { margin-right:-5%; }
.home-list li { width:29%; float:left; margin-right:4%; margin-top:30px; }
.home-list li .pic-shadow { box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.20); width:100%; height:340px; background-size: cover; border-radius:6px; }
/*新版培训*/
.pxjy-bg { width:100%; background:url(https://www.yugeimg.com/WEB/HomePage/images/pxjy-bg.png) no-repeat; background-size: cover; padding-top:63px; padding-bottom:80px; }
.pxjy-position { width:1130px; margin:0 auto }
.pxjy-box { background:url(https://www.yugeimg.com/WEB/HomePage/images/pxjy.gif) no-repeat; background-size:contain; width:633px; height:367px; padding:37px 23px 11px 20px; }
.cbule, a .cbule, .cbule a, .cbule:hover { color: #2C68FF; }
.newstxt { height:45px; margin-top:20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.px-txt { font-size: 24px; position: absolute; left: 660px; top: 29%; width: 490px; text-align: left; }
.hiSlider { min-height:363px; height:370px; width: 100%; position:relative; }
.hiSlider-pages { bottom: 20px; width:100%; text-align: center; }
.hiSlider-pages a { height: 20px; width: 225px; margin: 0 6px; display: inline-block; overflow: hidden; text-indent: -100px; font-size: 0; background: #FFFFFF; border: 1px solid rgba(44, 104, 255, 0.50); }
.hiSlider-pages a.active { background: #2C68FF; }
.hiSlider li { position:absolute; left:0; top:0; bottom:0; opacity:0; z-index:6 }
.hiSlider li img { width:100%; }
.switch1 { -moz-animation:cycle1 120s ease-in-out infinite; -webkit-animation:cycle1 120s ease-in-out infinite; }
.switch2 { -moz-animation:cycle2 120s ease-in-out infinite; -webkit-animation:cycle2 120s ease-in-out infinite; }
.switch3 { -moz-animation:cycle3 120s ease-in-out infinite; -webkit-animation:cycle3 120s ease-in-out infinite; }
.switch4 { -moz-animation:cycle4 120s ease-in-out infinite; -webkit-animation:cycle4 120s ease-in-out infinite; }
.switch5 { -moz-animation:cycle5 120s ease-in-out infinite; -webkit-animation:cycle5 120s ease-in-out infinite; }
.switch6 { -moz-animation:cycle6 120s ease-in-out infinite; -webkit-animation:cycle6 120s ease-in-out infinite; }
.switch7 { -moz-animation:cycle7 120s ease-in-out infinite; -webkit-animation:cycle7 120s ease-in-out infinite; }
.switch8 { -moz-animation:cycle8 120s ease-in-out infinite; -webkit-animation:cycle8 120s ease-in-out infinite; }
.switch9 { -moz-animation:cycle9 120s ease-in-out infinite; -webkit-animation:cycle9 120s ease-in-out infinite; }
.switch10 { -moz-animation:cycle10 120s ease-in-out infinite; -webkit-animation:cycle10 120s ease-in-out infinite; }
.switch11 { -moz-animation:cycle11 120s ease-in-out infinite; -webkit-animation:cycle11 120s ease-in-out infinite; }
.switch12 { -moz-animation:cycle12 120s ease-in-out infinite; -webkit-animation:cycle12 120s ease-in-out infinite; }
.switch13 { -moz-animation:cycle13 120s ease-in-out infinite; -webkit-animation:cycle13 120s ease-in-out infinite; }
.switch14 { -moz-animation:cycle14 120s ease-in-out infinite; -webkit-animation:cycle14 120s ease-in-out infinite; }
.switch15 { -moz-animation:cycle15 120s ease-in-out infinite; -webkit-animation:cycle15 120s ease-in-out infinite; }
.switch16 { -moz-animation:cycle16 120s ease-in-out infinite; -webkit-animation:cycle16 120s ease-in-out infinite; }
 @-webkit-keyframes cycle1 { 0% {
top:0px;
opacity:1;
}
 5.25% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 6.25% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 99% {
top:0px;
opacity:0;
}
 100% {
top:0px;
opacity:1;
}
}
@-webkit-keyframes cycle2 { 0% {
top:0px;
opacity:0;
}
 5.25% {
top:0px;
opacity:0;
}
 6.25% {
top:0px;
opacity:1;
}
 11.5% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 12.5% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle3 { 0% {
top:0px;
opacity:0;
}
 11.5% {
top:0px;
opacity:0;
}
 12.5% {
top:0px;
opacity:1;
}
 17.75% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 18.75% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle4 { 0% {
top:0px;
opacity:0;
}
 17.75% {
top:0px;
opacity:0;
}
 18.75% {
top:0px;
opacity:1;
}
 24% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 25% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle5 { 0% {
top:0px;
opacity:0;
}
 24% {
top:0px;
opacity:0;
}
 25% {
top:0px;
opacity:1;
}
 30.25% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 31.25% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle6 { 0% {
top:0px;
opacity:0;
}
 30.25% {
top:0px;
opacity:0;
}
 31.25% {
top:0px;
opacity:1;
}
 36.5% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 37.5% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle7 { 0% {
top:0px;
opacity:0;
}
 36.5% {
top:0px;
opacity:0;
}
 37.5% {
top:0px;
opacity:1;
}
 42.75% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 43.75% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle8 { 0% {
top:0px;
opacity:0;
}
 42.75% {
top:0px;
opacity:0;
}
 43.75% {
top:0px;
opacity:1;
}
 49% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 50% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle9 { 0% {
top:0px;
opacity:0;
}
 49% {
top:0px;
opacity:0;
}
 50% {
top:0px;
opacity:1;
}
 55.25% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 56.25% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle10 { 0% {
top:0px;
opacity:0;
}
 55.25% {
top:0px;
opacity:0;
}
 56.25% {
top:0px;
opacity:1;
}
 61.5% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 62.5% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle11 { 0% {
top:0px;
opacity:0;
}
 61.5% {
top:0px;
opacity:0;
}
 62.5% {
top:0px;
opacity:1;
}
 68% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 69% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle12 { 0% {
top:0px;
opacity:0;
}
 68% {
top:0px;
opacity:0;
}
 69% {
top:0px;
opacity:1;
}
 74.25% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 75.25% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle13 { 0% {
top:0px;
opacity:0;
}
 74.25% {
top:0px;
opacity:0;
}
 75.25% {
top:0px;
opacity:1;
}
 80.5% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 81.5% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
@-webkit-keyframes cycle14 { 0% {
top:0px;
opacity:0;
}
 80.5% {
top:0px;
opacity:0;
}
 81.5% {
top:0px;
opacity:1;
}
 86.75% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 87.75% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
 @-webkit-keyframes cycle15 { 0% {
top:0px;
opacity:0;
}
 86.75% {
top:0px;
opacity:0;
}
 87.75% {
top:0px;
opacity:1;
}
 93% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 94% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
 100% {
top:0px;
opacity:0;
}
}
 @-webkit-keyframes cycle16 { 0% {
top:0px;
opacity:0;
}
 93% {
top:0px;
opacity:0;
}
 94% {
top:0px;
opacity:1;
}
 99% {
top:0px;
opacity:1;
-webkit-transform:translateX(0)
}
 100% {
top:0px;
opacity:0;
-webkit-transform:translateX(-50px)
}
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(50px);
transform:translateX(50px)
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(50px);
-ms-transform:translateX(50px);
transform:translateX(50px)
}
 100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.content section img { margin-bottom:3px; }
@media screen and (max-width:1440px) {
.banner1-txt {font-size: 36px;line-height: 56px;}
.banner2-txt {font-size: 40px;line-height: 58px;}
}
.cblue-l, a .cblue-l, .cblue-l a { color: #2CFFEB; }
.mt36 { margin-top: 36px; }
/*新版媒体聚焦*/
.banner { position:relative; height: 494px; overflow:hidden; }
.mybox { height: 494px; width: 100%; overflow: hidden; position: absolute; right: 0; top: 0; background: #F6F6F6; }
.mybox .fPics { position:relative; float:left; height:494px; width:49%; overflow: hidden; }
.mybox .fPics a { position:absolute; width:100%; height:494px; display:block; overflow:hidden; top:0; right:0; opacity:0; z-index:1; }
.mybox .fPics a img { display: block; width: 100%; position: absolute; right: 0; top: 0; width: auto; z-index: 2; margin: 0; padding: 0; width: 100%; height: 100%; object-fit: cover; }
.mybox .fBtns li { position:relative; height:75px; border-bottom:1px solid #E6E6E6; display:table; width:96%; padding-left: 2%; padding-right: 2%; margin-left:auto; margin-right:auto; }
.mybox .fBtns li a { position:relative; height:75px; width:100%; display:block; z-index:2; font-size: 16px; color: #3C3C3C; display: table-cell; vertical-align: middle; }
.mybox .fBtns li a:hover { font-weight:bold; }
.mybox .fBtns li .txt { width: 100%; display: inline-block; overflow: hidden; }
.preview-ico { width:26px; height:16px; background:url(../images/preview.svg) no-repeat; display:inline-block; }
.mybox .fBtns li a:hover .preview-ico { width:26px; height:16px; background:url(../images/preview-hover.svg) no-repeat; display:inline-block; }
.num { margin-left:5px; font-size:16px; width:47px; display:inline-block; text-align:right; vertical-align: text-top; }
.newsbtn { float:right; display:block; width:770px; background: #00C7D9; border-radius: 6px; height:30px; line-height:30px; text-align:center; color:#fff; }
.newsbtn:hover { color:#fff; }
#but_up { position:absolute; top:-10px; left:50%; width:21px; height:12px; background:url(../images/up.svg) no-repeat; background-size:cover; }
#but_down { position:absolute; bottom:4px; left:50%; width:21px; height:12px; background:url(../images/down.svg) no-repeat; background-size:cover; }
/*新版公司动态*/
.tabbox .tab { overflow:hidden; }
.tabbox .tab a { display:block; }
.tabbox .tab a.on .img-over-border { background:#00c7d9; background-image: -webkit-linear-gradient(top, #B1F1F4 0%, #00C7D9 100%); background-image: -moz-linear-gradient(top, #B1F1F4 0%, #00C7D9 100%); background-image: linear-gradient(top, #B1F1F4 0%, #00C7D9 100%); }
.tabbox .content { overflow:hidden; }
.tabbox .content li { display:none; }
.tabbox-video .content li video { height:444px; }
.tabbox-video { width:100%; margin:30px auto; font-family:'微软雅黑'; animation:mymove 5s; animation-delay:20s; -webkit-animation-delay:20s; }
@keyframes mymove { 0% {
display:none;
}
100% {
display:block;
}
}
.tabbox-video .tab { height:444px; width:907px; float:right; }
.tabbox-video .tab a:hover { color: #2C68FF; }
.tabbox-video .tab a.on { color: #2C68FF; }
.tabbox-video .content { overflow:hidden; width:793px; height:444px; background:#000; }
.tabbox-video .content li { display:none; width:100%; }
.tabbox-video .content li video { width:100%; height:444px; object-fit:fill;}
.tabbox-video .tab::-webkit-scrollbar {
width: 8px; /*对垂直流动条有效*/
}
.tabbox-video .tab::-webkit-scrollbar-track {
background:#000;
}
.tabbox-video .tab::-webkit-scrollbar-thumb {
border-radius: 2px;
background:#00c7d9;
}
/*新网站*/
header { width:100%; height:86px; background:#fff; position: fixed; top:0; width:100%; z-index:9999; }
.toplogo { width:78px; position:absolute; left:0; top:20px; }
.rightlink { position:absolute; right:0; top:20px; font-size:20px; text-align:right }
/*头部导航*/
.nav-top { width:70%; margin-left: 10%; height:40px; list-style:none; padding-top:33px; -webkit-animation:navd 2s out-in-ease; }
@-webkit-keyframes navd { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
.nav-top li { position:relative;     float: left;   width: 13.5%;   text-align: center;}
.nav-top li:nth-child(2){ width: 19%; }
.nav-top li a span { display:inline-block; font-size:16px; color:#666; cursor:pointer; text-align:center; }
.mj_hover_menu { text-decoration:none; height:40px; }
.nav-top li.selected .submenu1 { display:block; }
.nav-top li .submenu1 { display:none; position:fixed; z-index:99999999; top:86px; left:0; right:0; width:90%; height:220px; margin: 0 auto; }
.nav-top li .submenu1 li { float:none; padding:0; background:none; height:auto; border-bottom:dotted 0px #BEBEBE; }
.nav-top > li > a { border-bottom: none!important; }
.mj_menu_pro_bg { width:100%; background: #FFFFFF; border: 1px solid #9c9c9c; border-radius: 0 0 4px 4px; }
.mj_menu_pro_main { width:100%; margin:auto; padding:0 10px 40px 10px; }
.mj_menu_pro_li { float:left; width:16.6%; font-size:16px; line-height:36px; border-right:1px solid #E6E6E6; text-align:center; margin-top:30px; }
.mj_menu_pro_li:last-child { border-right:0 }
.drop-menu-effect.active a { color: #3c3c3c; }
.drop-menu-effect.active span { color: #2C68FF; }
.mj_menu_pro_li.active a, .mj_menu_pro_li a:hover { font-weight:bold; color: #2C68FF; }
.drop-menu-effect.active .arr-down { border-bottom: 1px solid #2C68FF; border-left: 1px solid #2C68FF; }
.loginmenu { display:none; background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.30); border-radius: 0 0 4px 4px; margin-top:20px; padding-top:20px; padding-bottom:20px; }
.loginmenu li { font-size: 16px; line-height:46px; padding-left:40px; padding-right:40px; text-align:center; cursor:pointer }
.loginmenu li.active { color: #2C68FF!important; }
.rightlink:hover .loginmenu { display:block }

/*全局*/
.width { width:1700px; margin-left:auto; margin-right:auto; }
.arr-down { display:inline-block; width:6px; height:6px;     margin-top: 6px;border-bottom:1px solid #666; border-left:1px solid #666; transform:rotate(-45deg); vertical-align: text-top; transition: all 0.5s ease 0s; }
.drop-menu-effect:hover .arr-down { transform:rotate(135deg); margin-top: 9px; }
.arr-down-blue { display:inline-block; width:10px; height:10px; border-bottom:1px solid #2C68FF; border-left:1px solid #2C68FF; transform:rotate(-45deg); vertical-align: text-bottom; margin-bottom:10px; }
.title {position: relative; font-size: 20px; padding-left: 2px; font-weight: bold; letter-spacing: 1.5px; }
.title:before { position: absolute; left: 0;  bottom: -5px; z-index: -1; content: ""; display: inline-block;  width: 150px; height: 12px; background-image: linear-gradient(270deg, rgba(87, 161, 255, 0.00) 0%, #2C68FF 100%); border-radius: 11px; }
.foot { width:100%; background: #001344; position:relative; color:#fff; padding-top: 192px; overflow:hidden; }
.foot:before { position:absolute; top:0; left:-5%; background:#fff; content:""; display:block; width:110%; border: 1px solid black; border-radius: 0 0 50% 50%/0 0 100% 100%; border-top: none; height:140px; }
.foot-bottom { border-top:1px solid rgba(255, 255, 255, 0.5); padding-top:40px; padding-bottom:40px; font-size:16px; margin-top:40px; text-align:center; }
@media screen and (max-width:1680px) {
.width { width:1400px;}

}
@media screen and (max-width:1440px) {
.width {width:1288px;}

}
@media screen and (max-width:1366px) {
.width {width:1200px;}


}
@media screen and (max-width:1280px) {
.width {width:1180px;} 

}
/*翻页*/
.holder { border-left: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; border-radius: 2px; }
.holder a { border-right: 1px solid #F6F6F6; border-top: 1px solid #F6F6F6; font-size: 16px; color: #898989; padding:5px 12px; display: inline-block; }
.holder .jp-current { background: #2C68FF; color:#fff; }
.holder a:first-child { display:none; }
.holder a:last-child { display:none; }
.tabbox-video .content li:first-child { display:inline-block }
 @media screen and (max-width:1680px) {
.width {width:1400px;}
.home-list li .pic-shadow {height:278px;}
.tabbox-video .tab {	width:754px;height:362px;}
.tabbox-video .content {width: 646px;}
.video-list {width:231px;line-height:16px;}
.video-list img{height:126px;margin-bottom: 5px; }
.tabbox-video .content {height:362px;}
.tabbox-video .content li video {height:362px;}
.video-list {height:183px;}
}
@media screen and (max-width:1440px) {
.width {width:1288px;}
.scrollbox {height: 330px;}
#scrollDiv {height: 300px;}
.home-list li .pic-shadow {height:260px;}
.tabbox-video .tab {height:415px;width:590px;}
.tabbox-video .content {width: 698px;}
.video-list {width:282px;height:157px}
.tabbox-video .content {height:393px;}
.tabbox-video .content li video {height:393px;}
.video-list {height:203px;}
.video-list img {height:147px; margin-bottom: 4px;}
.video-list {font-size: 13px;line-height: 16px;}
.video-list {margin-left: 13px;}
.banner {height: 352px; }
.mybox { height: 352px;  }
.mybox .fPics {  height: 352px;  }
.mybox .fPics a {  height: 352px;  }
}
 @media screen and (max-width:1366px) {
.width {width:1200px;}
.home-list li .pic-shadow {height:240px;}
.tabbox-video .tab {width:546px;height:392px;}
.tabbox-video .content {width: 654px;}
.video-list {width:258px;height:190px}
.tabbox-video .content {height:364px;}
.tabbox-video .content li video {height:364px;}
.video-list img {height:135px;margin-bottom: 4px;}
.video-list {font-size: 12px;line-height: 15px;}
.video-list {margin-left: 15px;}
}
@media screen and (max-width:1280px) {
.width {width:1180px;}
.home-list li .pic-shadow {height:236px;}
.tabbox-video .tab {width:536px;height:392px;}
.tabbox-video .content {width: 644px;}
.video-list {width:253px;height:190px}
.tabbox-video .content {height:364px;}
.tabbox-video .content li video {height:364px;}
.video-list img {height:135px;margin-bottom: 4px;}
.video-list {font-size: 12px;line-height: 15px;}
.video-list {margin-left: 15px;}
}