@charset "utf-8";
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle; }
select,textarea,button,input[type=submit],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
textarea{ font-family: Arial; }
body{ background-color: #000; min-width: 1220px; font-size: 14px; color:#333; line-height:1.3;/* background:#fff;*/ font: 14px/1.3  "Arial","Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
a,a:after,.ah_btn .text:before,.wpb_column i img,.i_ap2_more,.i_ap3_more,h2,.bp2_nav li,.bp3_box .img img,input[type='submit'],.se2_text .more{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.nav li > a{ transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms; }
.i_ap3_list li .time:before,.i_ap3_list li,.i_ap3_list li h2,.i_ap4_list li img,.i_ap4_list td:after,.sys_bg .close,.ah_btn:before,
.news_new_nav li,.con_slick .slick-slide
{ transition: all 600ms; -moz-transition: all 600ms; -webkit-transition: all 600ms; -o-transition: all 600ms; }
.parallax{ transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms; }
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.clear{ clear: both;}
.tover{ display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.over{ overflow: hidden; }
.bg_white{ background-color: #fff; }
.bg_f5f7f8{ background-color: #f5f7f8; }

/*动画*/
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@keyframes bounceInLeft{
	0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
	0%{opacity:0;transform:translate3d(-100px,0,0)}
	90%{transform:translate3d(5px,0,0)}to{transform:none}
}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
.bounceInLeft{animation-name:bounceInLeft}
@-webkit-keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/*互诺广告header*/
.aheader_wrap{ height: 95px; background: #fff; position: relative; z-index: 999999; -webkit-transition: all .25s; transition: all .25s; }
.aheader_wrap.fp-header{ position: fixed; width: 100%; height: 0; }
.aheader{ min-width: 1220px; position: fixed; background: #fff; z-index: 999999; width: 100%; left: 0; top: 0; height: 95px; line-height: 95px; -webkit-transform: translateZ(0); box-shadow: 0 2px 4px rgba(0,0,0,.04); -webkit-transition: all .25s; transition: all .25s; }
.aheader .logo{ margin-left: 3.125%; max-width: 12%; }
.aheader.scollfox { animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
.ah_box{ height: 95px; line-height: 95px; -webkit-transition: all .25s; transition: all .25s; }
.nav{ float: left; padding-right: 60px; box-sizing: border-box; }
.nav li{ font-size: 16px; float: left; padding: 0 34px; }
.nav li > a{ display: block; position: relative; }
.nav li > a:after{ content: ''; position: absolute; left: 0; width: 100%; bottom: 0; height: 2px; background: #0095e2;    transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .35s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .35s cubic-bezier(.4,0,.2,1); transition: transform .35s cubic-bezier(.4,0,.2,1); transition: transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.nav li:hover > a,.nav li.on > a{ color: #0095e2; }
.nav li:hover > a:after{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.ah_btn{ -webkit-transition: all .25s; transition: all .25s; position: relative; box-sizing: border-box; float: right; height: 95px; float: right; display: block; width: 198px; background: #0093dd; color: #fff; }
.ah_btn .text{ -webkit-transition: all .25s; transition: all .25s; position: relative; line-height: 18px; font-size: 0; padding-left: 30px; margin-top: 32px; }
.ah_btn .text:before{ content: ''; position: absolute; left: 0; top: 0; width: 21px; height: 100%; background: url(../images/aicon1.png) left center no-repeat; }
.ah_btn p{ font-size: 16px; }
.ah_btn span{ font-size: 12px; display: block; line-height: 16px; }
.ah_btn:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #0085c7; }
.ah_btn:hover:before{ width: 100%; }
.aheader_wrap.small,.aheader_wrap.small .aheader,.aheader_wrap.small .ah_box{ height: 70px; line-height: 70px; -webkit-transition: all .25s; transition: all .25s; }
.aheader_wrap.small .ah_btn{ height: 70px; }
.aheader_wrap.small .ah_btn .text{ margin-top: 18px; }

/*互诺广告footer*/
.numm{background-image:url(../images/num.png);width:35px;height:70px;margin-top:-6px;margin-left:-5px;margin-bottom:5px;display:inline-block;vertical-align:top}
.numm0,.numm1,.numm2,.numm3,.numm4,.numm5,.numm6,.numm7,.numm8,.numm9{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
@keyframes ip0{100%{background-position:center 2800px}}
@-webkit-keyframes ip0{100%{background-position:0 2800px}}
@keyframes ip1{100%{background-position:center 2730px}}
@-webkit-keyframes ip1{100%{background-position:center 2730px}}
@keyframes ip2{100%{background-position:center 2660px}}
@-webkit-keyframes ip2{100%{background-position:center 2660px}}
@keyframes ip3{100%{background-position:center 2590px}}
@-webkit-keyframes ip3{100%{background-position:center 2590px}}
@keyframes ip4{100%{background-position:center 2520px}}
@-webkit-keyframes ip4{100%{background-position:center 2520px}}
@keyframes ip5{100%{background-position:center 2450px}}
@-webkit-keyframes ip5{100%{background-position:center 2450px}}
@keyframes ip6{100%{background-position:center 2380px}}
@-webkit-keyframes ip6{100%{background-position:center 2380px}}
@keyframes ip7{100%{background-position:center 2310px}}
@-webkit-keyframes ip7{100%{background-position:center 2310px}}
@keyframes ip8{100%{background-position:center 2240px}}
@-webkit-keyframes ip8{100%{background-position:center 2240px}}
@keyframes ip9{100%{background-position:center 2170px}}
@-webkit-keyframes ip9{100%{background-position:center 2170px}}
.ipa0{ animation-name:ip0; -webkit-animation-name:ip0; }
.ipa1{ animation-name:ip1; -webkit-animation-name:ip1; }
.ipa2{ animation-name:ip2; -webkit-animation-name:ip2; }
.ipa3{ animation-name:ip3; -webkit-animation-name:ip3; }
.ipa4{ animation-name:ip4; -webkit-animation-name:ip4; }
.ipa5{ animation-name:ip5; -webkit-animation-name:ip5; }
.ipa6{ animation-name:ip6; -webkit-animation-name:ip6; }
.ipa7{ animation-name:ip7; -webkit-animation-name:ip7; }
.ipa8{ animation-name:ip8; -webkit-animation-name:ip8; }
.ipa9{ animation-name:ip9; -webkit-animation-name:ip9; }
.nz0{background-position:center 2800px}
.nz1{background-position:center 2730px}
.nz2{background-position:center 2660px}
.nz3{background-position:center 2590px}
.nz4{background-position:center 2520px}
.nz5{background-position:center 2450px}
.nz6{background-position:center 2380px}
.nz7{background-position:center 2310px}
.nz8{background-position:center 2240px}
.nz9{background-position:center 2170px}
.n0.numm0{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:.5s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.n1.numm0{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:1s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.n2.numm0{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:1.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:1.5s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.n3.numm0{animation-duration:5s;animation-timing-function:ease-in-out;animation-delay:2s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:2s;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-fill-mode:forwards}
.af_count{ height: 232px; padding-top: 70px; box-sizing: border-box; }
.af_count .box{ width: 20%; float: left; color: #fff; }
.af_count .box b{ margin-left: 5px; font-size: 26px; margin-top: 30px; display: inline-block; *display: inline; *zoom: 1;  vertical-align: top; font-weight: 100; }
.af_count .box em{ font-size: 16px; line-height: 24px; display: block; margin-top: 10px; }
.af_count .box4 b,.af_count .box5 b{ font-size: 40px; margin-top: 20px; font-family: "微软雅黑"; }
.afooter{ background: #16181a url(../images/fmap.png) right 90px no-repeat; position: fixed; bottom: 0; left: 0; right: 0; z-index: 0; }
.fp-auto-height .afooter{ position: relative; }
.fp-auto-height .afooter_fixed{ height: auto!important; }
.aftop{ padding: 65px 0; font-size: 0; }
.fnav{ width: 80%; margin-left: 3.125%; line-height: 24px; }
.fnav li{ width: 20%; padding-right: 10px; float: left; box-sizing: border-box; }
.fnav li > a{ vertical-align: top; font-size: 18px; color: #fff; font-weight: bold; display: block; }
.fnav dl{ margin-top: 26px; }
.fnav dd{ display: block; }
.fnav dd a{ font-size: 14px; color: #666; display: block; }
.fnav a:hover{ color: #fff; }
.fewm_box{ width: 13.75%; margin-right: 3.125%; }
.fewm_box h2{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 14px; }
.fewm_box .wrap{ font-size: 0; }
.fewm_box .wrap img{ width: 47.5%; }
.fewm_box .wrap img:first-child{ margin-right: 5%; }
.afmid{ margin: 15px 3.125% 50px; }
.local li{ padding-right:1.3%; float:left; width:25%; box-sizing: border-box; }
.local li i{float:left;padding-top:52px;font-size:18px;margin-right:23px;margin-bottom:5px;color:#999;background-position:center top;background-repeat:no-repeat;line-height:22px}
.local li .i1{ background-image:url(../images/png_adbg2.png)}
.local li .i2{ background-image:url(../images/png_adbg1.png)}
.local li .i3{ background-image:url(../images/home_foshan.png)}
.local li .i4{ background-image:url(../images/home-shanghai.jpg);background-size:28px}
.local li.last{ padding-right:0;}
.local li h5{ line-height:37px;color:#7f7f7f;font-size:28px}
.local li p{ width: 85%; font-size:14px;color:#666;line-height:18px}
.afbot{ padding: 20px 0 16px; font-size: 12px; color: #5f5f5f; line-height: 28px; margin: 0 3.125%; border-top: 1px solid #222528; }
.flink li{ position: relative; float: left; }
.flink li:before{ content: ''; position: absolute; top: 8px; width: 1px; height: 13px; background: #5f5f5f; }
.flink li a{ display: block; padding: 0 25px; color: #5f5f5f; }
.flink li:first-child:before{ display: none; }
.flink li:hover a{ color: #fff; }
.af_count.lazybg.mid,.section .af_count.mid{ height: 180px; padding-top: 40px; } 
.afooter_fixed.mid .aftop{ padding: 40px 0; }
.afooter_fixed.mid .afmid{ margin-bottom: 30px; }
.af_count.lazybg.small,.section .af_count.small{ height: 150px; padding-top: 30px; } 
.af_count.lazybg.small .box em,.section .af_count.small .box em{ margin-top: 0; }
.afooter_fixed.small .aftop{ padding: 25px 0; }
.afooter_fixed.small .fnav dl{ margin-top: 18px; }
.afooter_fixed.small .afmid{ margin: 5px 3.125% 20px; }
.afooter_fixed.small .afbot{ padding: 8px 0; }

/*互诺广告首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; /* box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */ -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-dots{ line-height: 1; position: absolute; width: 100%; bottom: 30px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 15px; overflow: hidden; height: 15px; background: #a0a0a0; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 7.5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ overflow: hidden; background: #fff; }
.slick-arrow{ background-color: transparent; outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; background-image: url(../images/leftimg.png) left center no-repeat; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; background-image: url(../images/rightimg.png) left center no-repeat; }
.slick-next:before { content: "\2192"; }


/*banner*/
.banner{ clear: both; height: 842px; overflow: hidden; position: relative;}
.banner-wrap{ height: 842px; position: fixed; width: 100%; z-index: 1; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 842px; display: block; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); background-position: center; background-repeat: no-repeat;}
.banner-wrap.zhide{ z-index: 0; }
.i_apart1 .box{ box-sizing: border-box; }
.i_apart1 .top .box{ float: left; width: 66.6%; height: 725px; }
.i_apart1 .top .box1{ width: 33.3%; background-repeat: no-repeat; background-position: right center; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); }
.i_apart1 .top .box2{ padding-top: 115px; }
.wpb_layout{ width: 1080px; max-width: 86%; }
.wpb_wrapper{ margin-bottom: 84px; display: inline-block; *display: inline; *zoom: 1; line-height: 50px; font-size: 33px; font-weight: 100; }
.wpb_column{ margin-bottom: 34px; width: 50%; float: left; }
.wpb_column i{ width: 52px; height: 52px; float: left; margin-right: 38px; }
.wpb_column i img{ max-width: 100%; max-height: 100%; }
.wpb_column:hover i img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.wpb_txt{ padding-right: 20px; box-sizing: border-box; }
.wpb_txt h3{ margin: 5px 0 10px; font-size: 26px; font-weight: bold; }
.wpb_txt .text_p{ line-height: 24px; color: #999; height: 72px; overflow: hidden; }
.i_title{ text-align: center; }
.i_title h2{ font-size: 36px; color: #333; font-weight: bold; }
.i_title p{ margin-top: 12px; font-size: 24px; color: #999; font-weight: 100; }
.img_loading{ position: relative; }
.img_loading:before{ z-index: -1; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 60px; }
.i_apart1 .bot .box{ position: relative; float: left; width: 33.3%; padding: 110px 4.1% 100px; color: #fff; }
.i_apart1 .bot .box1{ background: #26272d; }
.i_apart1 .bot .box2{ background: #797b7d; }
.i_apart1 .bot .box3{ background: #0093dd; }
.i_apart1 .bot .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); }
.i_apart1 .bot .box1 .pic{ opacity: .02; filter: alpha(opacity=2); }
.i_apart1 .bot .box2 .pic{ opacity: .03; filter: alpha(opacity=3); }
.i_apart1 .bot .box3 .pic{ opacity: .05; filter: alpha(opacity=5); }
.i_apart1 .bot .text{ position: relative; z-index: 1; text-align: left; }
.i_apart1 .bot .text .p_h2{ font-size: 36px; font-weight: bold; line-height: 50px; margin-bottom: 30px; }
.i_apart1 .bot .text .p_h2 a{color:#fff;}
.i_apart1 .bot .text p a{color: #fff;}
.i_apart1 .bot .text_p{ margin-bottom: 46px; line-height: 25px; height: 100px; overflow: hidden; }
.i_apart1 .bot .more{ width: 160px; height: 52px; line-height: 48px; display: block; color: #fff; text-align: center; border-radius: 26px; box-sizing: border-box; border: 2px solid #f5f5f5; }
.i_apart1 .bot .more:hover{ background: #fff; color: #1b1b1b; }
.i_apart2{ padding: 65px 0 55px; }
.i_ap2_nav{ margin: 48px auto 68px; width: 1200px; text-align: center; font-size: 0; }
.i_ap2_nav li{ margin: 0 25px; display: inline-block; vertical-align: top; font-size: 16px; }
.i_ap2_nav li a{ height: 37px; line-height: 35px; position: relative; display: block; padding: 0 15px; }
.i_ap2_nav li a:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #0093dd; }
.i_ap2_nav li a img{ margin-right: 10px; height: 11px; }
.i_ap2_nav li.on a,.i_ap2_nav li:hover a{ color: #0093dd; }
.i_ap2_nav li.on a:after,.i_ap2_nav li:hover a:after{ width: 100%; }
.i_ap2_list li{ position: relative; float: left; width: 33.3%; padding-bottom: 22.28%; height: 0; }
.i_ap2_list li img{ width: 100%; }
.i_ap2_list li[data-show=on-scroll],.brand_list li[data-show=on-scroll],.i_ap3_list li[data-show=on-scroll]{ opacity: 0; -webkit-transform: translate(0,80px); -ms-transform: translate(0,80px); transform: translate(0,80px); -webkit-transition: opacity .6s .1s,-webkit-transform .6s; transition: opacity .6s .1s,transform .6s; }
.i_ap2_list li.delay1,.brand_list li.delay1{ transition-delay: 50ms; }
.i_ap2_list li.delay2,.brand_list li.delay2{ transition-delay: 150ms; }
.i_ap2_list li.delay3,.brand_list li.delay3{ transition-delay: 200ms; }
.i_ap2_list li.delay4,.brand_list li.delay4{ transition-delay: 250ms; }
.i_ap2_list li.delay5,.brand_list li.delay5{ transition-delay: 300ms; }
.i_ap2_list li.delay6,.brand_list li.delay6{ transition-delay: 350ms; }
.i_ap2_list li.in-view,.brand_list li.in-view,.i_ap3_list li.in-view{ opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
.i_ap2_wrap .i_ap2_box,.i_ap3_wrap .i_ap3_box{ display: none; opacity: .6; }
.i_ap2_wrap .i_ap2_box:first-child,.i_ap3_wrap .i_ap3_box:first-child{ display: block; opacity: 1; }
.projects-el_img-w{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; }
.projects-el_img{ display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .6s transform; transition: .6s transform; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.projects-el_img{ background-size: cover; }
.projects-el_img-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: .4s opacity; transition: .4s opacity; -webkit-transition-duration: .6s; transition-duration: .6s; background-image: url(../images/aicon11.png); }
.projects-el_cnt{ text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.projects-el_cnt:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; }
.projects-el_h{ max-width: 99%; box-sizing: border-box; padding: 0 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 26px; line-height: 34px; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: .4s all; transition: .4s all; }
.i_ap2_list li:hover .projects-el_img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.i_ap2_list li:hover .projects-el_img-overlay { opacity: 1; filter: alpha(opacity=100); }
.i_ap2_list li:hover .projects-el_h { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.i_ap2_more{ cursor: pointer; display: block; margin: 55px auto 0; width: 160px; height: 52px; line-height: 48px; display: block; color: #0093dd; text-align: center; border-radius: 26px; box-sizing: border-box; border: 2px solid #0093dd; }
.i_ap2_more:hover{ background: #0093dd; color: #fff; }
.i_apart3{ padding: 65px 0 55px; }
.i_ap3_list{ margin-top: 60px; padding: 0 3%; box-sizing: border-box; }
.i_ap3_list li{ float: left; padding: 26px 1.7% 38px; box-sizing: border-box; background: #fff; width: 33.1%; margin: 0 .1% 3px; height: 308px; }
.i_ap3_list li .time{ position: relative; display: inline-block; *display: inline; *zoom: 1; height: 28px; line-height: 28px; margin-bottom: 28px; }
.i_ap3_list li .time:before,.i_ap3_list li .time:after{ content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #0093dd; }
.i_ap3_list li .time:before,.i_ap3_list li:hover .time:after{ width: 0; }
.i_ap3_list li .info{ margin-bottom: 25px; }
.i_ap3_list li .info .img{ position: relative; float: left; width: 37.3%; height: 112px; line-height: 110px; overflow: hidden; font-size: 0; border: 1px solid #f5f5f5; box-sizing: border-box; }
.i_ap3_list li .info .img img{ max-width: 100%; max-height: 100%; }
.i_ap3_list li .info .img:before{ z-index: -1; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 60px; }
.i_ap3_list li .info h2{ float: left; margin-left: 9.4%; width: 51%; font-size: 18px; line-height: 32px; height: 96px; overflow: hidden; }
.i_ap3_list li .text_p{ line-height: 25px; color: #666; height: 50px; overflow: hidden; }
.i_ap3_list li:hover{ position: relative; z-index: 1; box-shadow: 0 5px 20px rgba(0,0,0,.15); }
.i_ap3_list li:hover .info h2{ color: #0093dd; }
.i_ap3_list li:hover .time:before{ width: 100%; }
.i_ap3_list li.hide{ opacity: 0; -webkit-transform: translate(0,80px); -ms-transform: translate(0,80px); transform: translate(0,80px); -webkit-transition: opacity .6s .1s,-webkit-transform .6s; transition: opacity .6s .1s,transform .6s; }
.i_ap3_list li.hide.show{ opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
.i_ap3_list li.delay1{ transition-delay: 50ms; }
.i_ap3_list li.delay2{ transition-delay: 150ms; }
.i_ap3_list li.delay3{ transition-delay: 200ms; }
.i_ap3_list li.delay4{ transition-delay: 250ms; }
.i_ap3_list li.delay5{ transition-delay: 300ms; }
.i_ap3_list li.delay6{ transition-delay: 350ms; }
.i_ap3_more{ cursor: pointer; display: block; margin: 55px auto 0; width: 160px; height: 52px; line-height: 48px; display: block; color: #666; text-align: center; border-radius: 26px; box-sizing: border-box; border: 2px solid #666; }
.i_ap3_more:hover{ background: #666; color: #fff; }
.i_apart4{ padding: 65px 0 110px; }
.i_ap4_list{ margin: 80px 3.125% 0; width: 93.75%; }
.i_ap4_list td{ width: 254px; border: 1px solid #e5e5e5; position: relative; height: 160px; line-height: 138px; font-size: 0; padding: 10px; text-align: center;}
.i_ap4_list td:before{ z-index: -1; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 60px; }
.i_ap4_list td img{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-width: 98%; max-height: 100%; }
.i_ap4_list td a{ position: relative; display: block; width: 100%; height: 100%; }
.i_ap4_list td a:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 100%; width: 1px; margin-left: 1px; }
.i_ap4_list td:after{ border-color: #ebebeb; content: ''; box-sizing: border-box; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; }
.i_ap4_list td:hover:after{ border: 10px solid #ebebeb; }

/*公共*/
.wbanner{ height: 400px; clear: both; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); background-position: center center;}
.wbanner.brand_w{ height: 570px; }
.wbanner.small{ height: 300px!important; }
.wbanner.brand_w.small{ height: 350px!important; }
.pages{ font-size: 0; text-align: center; }
.pages .prev,.pages .next{ padding: 0!important; width: 120px; }
.pages a{ height: 40px; line-height: 40px; margin: 0 3px; width: 52px; font-size: 16px; color: #8e8e8e; border-radius: 2px; background: #fff; padding: 0 10px; box-sizing: border-box; display: inline-block; *display: inline; *zoom: 1; }
.pages .current{ display: inline-block; *display: inline; *zoom: 1; color: #fff; background: #0093dd; }
.pages font{ color: #8e8e8e; margin-left: 7px; font-size: 16px; }
.pages .gotopage{ color: #999;}
.pages input[type='text']{ border: 1px solid #dadada; border-radius: 2px; background: #fff; color: #8e8e8e; height: 40px; line-height: 38px; _line-height: 38px; *line-height: 38px; text-align: center; width: 58px; margin: 0 7px;}
.pages input[type='button']{ cursor: pointer; height: 40px; cursor: pointer; width: 58px; color: #8e8e8e; border: none; border-radius: 2px; background: #fff; }
.pages a:hover,.pages input[type='button']:hover{ color: #fff; background: #0093dd; }
.pages .prev i{ width: 9px; height: 40px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 12px; background-image: url(../images/aicon20.png); background-position: center; background-repeat: no-repeat; }
.pages .prev:hover i{ background-image: url(../images/aicon20on.png); }
.pages .next i{ width: 9px; height: 40px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 12px; background-image: url(../images/aicon21.png); background-position: center; background-repeat: no-repeat; }
.pages .next:hover i{ background-image: url(../images/aicon21on.png); }
.pages a.first,.pages a.last{ width: 79px; }

/*行业资讯*/
.news_nav{ text-align: center; border-bottom: 1px solid #e3e3e3; height: 65px; font-size: 0; }
.news_nav li{ position: relative; height: 66px; line-height: 66px; padding: 0 26px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.news_nav li:before{ content: ''; position: absolute; top: 25px; left: -1px; width: 1px; height: 16px; background: #e3e3e3; }
.news_nav li:first-child:before{ display: none; }
.news_nav li a{ height: 64px; font-size: 16px; color: #666; min-width: 100px; padding: 0 9px; display: inline-block; *display: inline; *zoom: 1; border-bottom: 2px solid transparent; }
.news_nav li.on a,.news_nav li:hover a{ color: #0093dd; border-color: #0093dd; }
.news_main{ padding: 50px 0 78px; }
.news_main .i_ap3_list{ margin: 0 auto 30px; }
.news_main .i_ap3_list li{ margin-bottom: 50px; }

/*行业资讯详情*/
.news_detail{ padding: 50px 0; }
.news_detail > .clearfix{ margin: 0 3.125%; }
.nd_left{ padding: 0 4.8%; box-sizing: border-box; width: 71.2%; background: #fff; }
.nd_left .info,.brand_wrap .info{ text-align: center; padding: 60px 0; }
.nd_left .info h2,.brand_wrap h2{ line-height: 40px; margin-bottom: 26px; font-size: 30px; font-weight: bold; }
.nd_left .info span{ padding-left: 28px; color: #999; margin: 0 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.nd_left .info span.time{ background: url(../images/aicon27.png) left center no-repeat; }
.nd_left .info span.view{ background: url(../images/aicon28.png) left center no-repeat; }
.nd_left .info span.type{ background: url(../images/aicon29.png) left center no-repeat; }
.nd_left .content,.brand_detail .content{ line-height: 25px; color: #666; }
.nd_left .content img,.brand_detail .content img{ max-width: 100%!important; height: auto!important; }
.nd_left .back,.brand_detail .back{ margin-top: 55px; text-align: center; }
.nd_left .back a,.brand_detail .back a{ height: 66px; line-height: 66px; color: #0093dd; font-size: 18px; border-bottom: 1px solid #0093dd; display: inline-block; *display: inline; *zoom: 1; width: 132px; }
.share_box{ text-align: center; font-size: 0; padding: 40px 0 50px; border-top: 1px solid #eee; }
.share_box a{ margin: 0 8px; }
.nd_right{ width: 26.4%; }
.nd_right .i_ap3_list{ margin: 0; padding: 0; }
.nd_right .i_ap3_list li{ height: 280px; width: 100%; margin: 0 auto 20px; padding: 26px 5.2% 38px; }
.nd_right .i_ap3_list li .info .img:before{ z-index: 0; }
.nd_right .i_ap3_list li .info .img{ height: 86px; line-height: 84px; }
.nd_right .i_ap3_list li .info .img img{ z-index: 2; position: relative; }

/*品牌设计*/
.brand_title{ text-align: center; }
.brand_title h2{ font-size: 46px; color: #333; line-height: 55px; }
.brand_title h3{ line-height: 25px; color: #999; margin-top: 15px; }
.brand_p1{ overflow: hidden; position: relative; padding: 100px 0 200px; }
.brand_p1.IE8{ padding-bottom: 100px; }
.brand_p1 .brand_title h3{ margin-top: 32px; }
.brand_count{ width: 1200px; margin: 46px auto 0; }
.brand_count .box{ width: 33.3%; color: #0093dd; }
.brand_count .numm{ background-image: url(../images/num_b.png); }
.brand_count .box em{ color: #333; }
.three_Wave{ position: absolute; top: 10%; left: 0; width: 100%; }
.three_Wave.small{ top: 20%; }
.brand_p2{ padding: 82px 0 98px; background-color: #171a1d; background-repeat: no-repeat; background-position: center; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); }
.bp2_wrap{ position: relative; }
.bp2_nav{ position: absolute; z-index: 6; left: 0; bottom: 65px; margin-left: 15%; padding-left: 70px; }
.bp2_nav li{ cursor: pointer; font-size: 16px; float: left; padding: 10px 24px; color: #fff; }
.bp2_nav li:first-child{ padding-left: 14px; }
.bp2_nav li:first-child:before{ display: none; }
.bp2_nav li.on,.bp2_nav li:hover{ color: #0eaeff; }
.bp2_nav li:before{ content: '·'; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #fff; position: relative; left: -23px; }
.bp2_slick{ width: 70%; height: 620px; padding: 60px 0; padding-right: 70px; box-sizing: border-box; border: 13px solid #0eaeff; margin: 0 auto; }
.bp2_sbox{ padding-left: 70px; width: 100%; box-sizing: border-box; height: 470px; background-repeat: no-repeat; background-position: right bottom; }
.bp2_sbox h3{ font-size: 20px; color: #0eaeff; }
.bp2_sbox h2{ max-width: 100%; max-height: 180px; overflow: hidden; margin: 12px 0 42px; font-size: 46px; color: #0eaeff; line-height: 60px; width: 790px; }
.bp2_sbox .text_p{ padding-right: 200px; font-size: 16px; color: #fff; line-height: 28px; height: 140px; overflow: hidden; }
.bp2_slick .slick-prev{ left: -18%; width: 32px; height: 56px; margin-top: -28px; background-image: url(../images/aicon12.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
.bp2_slick .slick-prev:hover{ background-image: url(../images/aicon12on.png); }
.bp2_slick .slick-next{ right: -18%; width: 32px; height: 56px; margin-top: -28px; background-image: url(../images/aicon13.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
.bp2_slick .slick-next:hover{ background-image: url(../images/aicon13on.png); }
.brand_p3{ padding: 94px 0; }
.bp3_wrap{ margin: 135px 3.125% 0 82px; }
.bp3_box{ width: 33.3%; float: left; text-align: center; padding: 0 10px; box-sizing: border-box; }
.bp3_box .img{ height: 150px; line-height: 150px; font-size: 0; }
.bp3_box .img img{ max-width: 100%; max-height: 100%; }
.bp3_box h2{ margin: 72px 0 14px; font-size: 26px; }
.bp3_box .text_p{ font-size: 16px; color: #999; line-height: 28px; min-height: 112px; }
.bp3_box:hover img{ -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);  }
.bp4_wrap{ overflow: hidden; }
.bp4_box{ padding: 90px 0 65px; text-align: center; width: 50%; float: left; }
.bp4_box h2{ text-shadow: 0 0 30px rgba(0,0,0,.7); font-size: 40px; color: #0eaeff; font-weight: 100; }
.bp4_box p{ text-shadow: 0 0 30px rgba(0,0,0,.7); margin: 8px 0 10px; font-size: 18px; color: #fff; }
.bp4_box:hover img{ animation: bounce 1s 0s linear normal; -webkit-animation: bounce 1s 0s linear normal; }

/*品牌设计*/
.brand_main{ padding-bottom: 80px; }
.news_new_nav{ padding-top: 50px; background: #f5f7f8; }
.news_new_nav ul{ display: none; opacity: .6; filter: alpha(opacity=60); }
.news_new_nav ul:first-child{ /* display: block; opacity: 1; filter: alpha(opacity=100);  */}
.news_new_nav ul.on{ display: block; opacity: 1; filter: alpha(opacity=100); }
.news_new_nav ul{ width: 1200px; margin: 0 auto; font-size: 0; text-align: center; }
.news_new_nav li{ cursor: pointer; margin: 0 10px 20px; min-width: 178px; border-radius: 2px; background: #fff; font-size: 14px; color: #333; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 50px; line-height: 50px; }
.news_new_nav li a{ color: #333; width: 100%;height: 100%; display: inline-block; }
.news_new_nav li img{ margin-right: 10px; vertical-align: text-top; }
.news_new_nav li.on,.news_new_nav li:hover{ background: #0093dd; }
.news_new_nav li.on a,.news_new_nav li:hover a{ color: #fff; }
.brand_list{ margin: 0 3.125% 38px; padding: 15px 0 50px; }
.brand_list li{ width: 33.333%; float: left; background: #fff; }
.brand_list li .img{ overflow: hidden; position: relative; padding-bottom: 68.7%; }
.brand_list li .img b{ background-repeat: no-repeat; background-position: center; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); display: block; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .6s transform; transition: .6s transform; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.brand_list li .shadow{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: .4s opacity; transition: .4s opacity; -webkit-transition-duration: .6s; transition-duration: .6s; background-image: url(../images/aicon11.png); }
.brand_list li .text{ text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.brand_list li .text:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; }
.brand_list li .text h2{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 20px; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: .4s all; transition: .4s all; background: url(../images/aicon33.png) left center no-repeat; padding-left: 42px; }
.brand_list li .bot{ padding: 36px 6.6%; }
.brand_list li .bot h2{ margin-bottom: 4px; color: #333; font-size: 20px; }
.brand_list li .bot p{ color: #999; line-height: 24px; margin-bottom: 22px; }
.brand_list li .bot .info{ line-height: 16px; }
.brand_list li .bot i.pc{ display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 16px; background: url(../images/aicon30.png); background-repeat: no-repeat; background-position: center; }
.brand_list li .bot i.wap{ display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 16px; background: url(../images/aicon31.png); background-repeat: no-repeat; background-position: center; }
.brand_list li .bot i.date{ background: url(../images/aicon32.png) left center no-repeat; padding-left: 20px; }
.brand_list li:hover .img b{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.brand_list li:hover .shadow { opacity: 1; filter: alpha(opacity=100); }
.brand_list li:hover .text h2{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.brand_list li:hover .bot h2{ color: #0093dd; }

/*品牌设计详情*/
.brand_wrap{ background: #fff; position: relative; top: -140px; width: 1400px; margin: 0 auto; max-width: 90%; margin-bottom: -90px; }
.brand_wrap .content{ margin: 0 9%; }
.brand_wrap .content video{ width: 70%; margin: 0 15%; height: 455px; }
.brand_wrap .share_box{ margin: 0 9%; }
.brand_wrap .info span{ padding-left: 16px; color: #666; margin: 0 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.brand_wrap .info span.date{ background: url(../images/aicon32.png) left center no-repeat; }
.brand_wrap .info span.mobile{ background: url(../images/aicon30.png) left center no-repeat; }
.brand_wrap .info span.web{ background: url(../images/aicon31.png) left center no-repeat; }

/*品牌设计页*/
.fp-section{ position: relative; z-index: 999; font-size: 0; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); }
.fp-tableCell{ padding-top: 70px; box-sizing: border-box; position: absolute; z-index: 999; overflow: hidden; }
.fp-tableCell:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; width: 1px; height: 100%; margin-left: -1px; vertical-align: middle; }
.sr .fooReveal { visibility: hidden; }
.se_pic img,.se_text img,.med_pic img,.act_pic img,.med_text{ max-width: 100%!important; height: auto!important; }
.se_pic,.med_pic,.act_pic{ position: relative; z-index: 1; }
.se_text{ width: 28%; min-width: 450px; position: relative; z-index: 10; }
.se_text .se_h2{ font-family: '微软雅黑'; font-size: 56px; font-weight: 100; margin-bottom: 4px; }
.se_text .se_h3{ font-family: '微软雅黑'; font-size: 30px; font-weight: 100; margin-bottom: 35px; }
.se_text .text_p p{ height: 140px; overflow: hidden; font-size: 16px; line-height: 28px; }
.se_text .more{ display: block; margin: 30px 0 74px; color: #0093dd; border: 2px solid #0093dd; width: 156px; height: 48px; line-height: 48px; font-size: 14px; border-radius: 26px; text-align: center; }
.se_text .more:hover{ background: #0093dd; color: #fff; }
.fp-blue .se_text .more{ border-color: #f5f5f5; color: #fff; }
.fp-blue .se_text .more:hover{ background: #f5f5f5; color: #0093dd;  }
.fp-blue .se_text{ color: #fff; }
.se_text .se_plist li{ position: relative; float: left; width: 25%; height: 64px; padding: 0 1.5px; margin: 1.5px auto; box-sizing: border-box; }
.se_text .se_plist li a{ margin-right: 1px; display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); background-color: #fff; }
.se_text.mid .se_h2{ font-size: 50px; }
.se_text.mid .se_h3{ font-size: 26px; }
.se_text.mid .text_p p{ height: 120px; line-height: 25px; }
.se_text.mid .more{ margin-bottom: 40px; }
.se_text.small{ min-width: 400px; }
.se_text.small .se_h2{ font-size: 44px; }
.se_text.small .se_h3{ font-size: 24px; margin-bottom: 20px; }
.se_text.small .text_p p{ height: 100px; line-height: 20px; font-size: 14px; }
.se_text.small .more{ width: 130px; margin: 20px 0 35px; height: 40px; line-height: 40px; }
.se1_pbg{ position: absolute; width: 100%; height: 100%; }
.se1_pbg .layer{ position: absolute; background-position: center; background:url(../images/fbg1.png) no-repeat center; width: 2020px; height: 1180px; left: 50%!important; top: 50%!important; margin-left: -1010px; margin-top: -590px; }
.se1_pic1{ margin-left: 8.3%; width: 25.26%; }
.se1_pic2{ position: absolute; right: 10.65%; bottom: 0; width: 37%; }
.se2_pic1{ margin-left: 4%; width: 55.3%; }
.se2_text{ margin-left: 5.4%; }
.se3_text,.se5_text{ margin-left: 8.3%; }
.se3_pic1{ position: absolute; bottom: 0; right: 9.375%; width: 36.5%; max-height: 74%; }
.se3_pbg1,.se3_pbg2{ position: absolute; right: 36.14%; bottom: -35%; width: 35%; height: 0; padding-bottom: 29.1%; z-index: 5; }
.se3_pbg1{ z-index: 0; right: 42%; width: 8.1%; bottom: -30%; }
.se3_pbg1 img,.se3_pbg2 img{ max-width: 100%; }
.se4_pbg{ position: absolute; width: 1196px; height: 984px; top: 0; left: 50%; margin-left: -1010px; margin-top: 20px; background-position: center; background:url(../images/fpic7.jpg) no-repeat center; }
.se4_text{ margin-left: 64%; }
.section5{ background-position: right center; background-repeat: no-repeat; }
.se5_pic1{ margin-left: 17.8%; width: 31.2%; }
.se6_text{ margin-left: 64.3%; }

/*新媒体设计页*/
.med1_pbg{ position: absolute; width: 100%; height: 100%; }
.med1_pbg .layer{ position: absolute; background-position: center; background:url(../images/fbg6.png) no-repeat center; width: 2020px; height: 1180px; left: 50%!important; top: 50%!important; margin-left: -1010px; margin-top: -590px; }
.med1_pic1{ width: 44%; }
.med1_pic2{ bottom: 20px; text-align: center; position: absolute; width: 100%; }
.med1_pic2 img{ width: 14.4%; min-width: 220px; }
.se2_text.med_text{ margin-left: 8.3%; }
.med_text .se_plist{ box-shadow: 0 0 80px rgba(0,0,0,.2); }
.gray_bg .med_text .se_plist{ background: #f3f3f3; }
.med_rbg{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right bottom; background-size: contain; }
.med2_pic1{ padding-top: 70px; box-sizing: border-box; position: absolute; top: 0; right: -8%; width: 57.2%; height: 100%; }
.med2_pic1:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; }
.med2_pic1 img{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.med2_pic2{ position: absolute; z-index: 0; top: 0; right: 0; width: 59.6%; height: 100%; }
.med3_pic1{ padding-top: 70px; box-sizing: border-box; position: absolute; z-index: 0; top: 0; right: 0; width: 54.8%; height: 100%; }
.med3_pic1:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; }
.med3_pic1 img{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.med3_pic2{ padding-top: 70px; box-sizing: border-box; position: absolute; z-index: 0; top: 0; right: 2.4%; width: 49.3%; height: 100%; }
.med3_pic2 .parallax{ height: 100%; }
.med3_pic2 .parallax:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; }
.med3_pic2 img{ display: inline-block!important; *display: inline; *zoom: 1; vertical-align: middle; }
.med4_pic1{ box-sizing: border-box; position: absolute; z-index: 0; top: -5%; right: -1%; width: 66.6%; height: 100%; }

/*公关活动策划页*/
.act_section .fp-tableCell{ padding-top: 0; }
.act_wrap{ display: inline-block; width: 99%; vertical-align: middle; }
.act_pic0{ width: 18.2%; min-width: 300px; }
.act_blank{ width: 100%; height: 0; padding-bottom: 8.6%; }
.act_blank.small{ padding-bottom: 4%; }
.act_scroll{ cursor: pointer; position: absolute; bottom: 0; left: 50%; width: 44px; margin-left: -22px; }
.ButtonScroll-text{ font-family: sans-serif,"微软雅黑"; margin-bottom: 6px; font-weight: 400; font-size: 12px; color: #fff; text-align: center; transition: color .6s cubic-bezier(.52,.08,.18,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-bottom: 10px; }
.ButtonScroll-line{position: relative; width: 1px; height: 40px; left: 50%; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.ButtonScroll-line:after { content: ''; display: block; width: 0; height: 100%; position: absolute; left: -1px; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: left bottom; transform-origin: left bottom; background-color: #fff; transition: opacity .6s cubic-bezier(.52,.08,.18,1),-webkit-transform .6s cubic-bezier(.52,.08,.18,1); transition: transform .6s cubic-bezier(.52,.08,.18,1),opacity .6s cubic-bezier(.52,.08,.18,1); transition: transform .6s cubic-bezier(.52,.08,.18,1),opacity .6s cubic-bezier(.52,.08,.18,1),-webkit-transform .6s cubic-bezier(.52,.08,.18,1); opacity: 0; }
.act_scroll:hover .ButtonScroll-line:after { width: 3px; -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; }
.act_play{ cursor: pointer; width: 80px; text-align: center; margin: 0 auto; }
.HomeScene1-bg{ padding-top: 70px; width: 100%; height: 100%; left: 0; top: 0; position: absolute; }
.HomeScene1-dcross { width: auto; height: 100%; left: 0; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); }
.HomeScene1-dcross-line1, .HomeScene1-dcross-line2 { opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.HomeScene1-dcross-line2.show { opacity: 1; transition: opacity 2.2s cubic-bezier(.215,.61,.355,1); }
.HomeScene1-dcross-line1.show { opacity: 1; transition: opacity 2.2s cubic-bezier(.215,.61,.355,1) 1s; }
.HomeScene1-dcross img { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); height: 100%; }
.ButtonPlay-circle-icon { position: absolute; left: 30px; top: 26px; color: #fff; line-height: 0; transition: -webkit-transform .6s cubic-bezier(.37,.16,.12,1); transition: transform .6s cubic-bezier(.37,.16,.12,1); transition: transform .6s cubic-bezier(.37,.16,.12,1),-webkit-transform .6s cubic-bezier(.37,.16,.12,1); -webkit-transform: scale(.8); transform: scale(.8); }
.ButtonPlay-circle-icon svg { width: 16px; height: 20px; }
.act_play:hover .ButtonPlay-circle-icon { -webkit-transform: scale(1); transform: scale(1); }
.ButtonPlay-circle { position: relative; width: 70px; height: 70px; margin: 0 auto 14px; border-radius: 50%; background-image: url(../images/fpic38.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
.ButtonPlay-circle::before { content: ""; display: block; position: absolute; left: -1px; top: -1px; width: 72px; height: 72px; border: 4px solid #fff; box-sizing: border-box; border-radius: 50%; opacity: 0; -webkit-transform: scale(1.4); transform: scale(1.4); transition: opacity .6s cubic-bezier(.645,.045,.355,1),border .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),opacity .6s cubic-bezier(.645,.045,.355,1),border .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),opacity .6s cubic-bezier(.645,.045,.355,1),border .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); }
.act_play:hover .ButtonPlay-circle::before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; transition: opacity .6s cubic-bezier(.215,.61,.355,1),border .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition: transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s cubic-bezier(.215,.61,.355,1),border .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s cubic-bezier(.215,.61,.355,1),border .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); }
.ButtonPlay-text { font-family: sans-serif,"微软雅黑"; font-weight: 400; font-size: 12px; color: #fff; white-space: nowrap; }
/*视频弹窗*/
.sys_bg{ z-index: -1; padding-top: 70px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.9); opacity: 0; filter: alpha(opacity=0); transition: opacity .6s cubic-bezier(.645,.045,.355,1); }
.sys_bg.js_modalShow{ z-index: 999; opacity: 1; filter: alpha(opacity=100); }
.sys_bg .close{ position: absolute; font-family: "微软雅黑"; font-size: 50px; color: #333; font-weight: 100; left: 50%; margin-left: -25px; width: 50px; text-align: center; bottom: -70px; cursor: pointer; }
.sys_bg .close:hover{ color: #0093dd; }
.sys_bg .vid_wrap{ overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 60%;/* max-height: 80%; max-width: 80%;*/ }
.sys_bg .vid_wrap:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; }
.sys_bg .vid_box{ position: relative; width: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 0; padding-bottom: 56.25%; }
.sys_bg .vid_box:before{ opacity: 0; content: ''; background: #0093dd; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; transition: all 600ms cubic-bezier(.645,.045,.355,1); -webkit-transition: all 600ms cubic-bezier(.645,.045,.355,1); }
.sys_bg.loading .vid_box:before{ opacity: 1; left: 0; }
.sys_bg.loaded .vid_box:before{ opacity: 0; left: 100%; }
.sys_bg .vid_wrap video{ background: #000; display: none; width: 100%; transition: all 100ms cubic-bezier(.645,.045,.355,1); -webkit-transition: all 100ms cubic-bezier(.645,.045,.355,1); }
.act_pic1{ padding-top: 70px; box-sizing: border-box; position: absolute; z-index: 0; top: 0; right: 0; width: 57.8%; height: 100%; }
.act_pic1:before{ content: ''; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; }
.act_pic1 img{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.act_pic2{ padding-top: 70px; box-sizing: border-box; position: absolute; z-index: -1; right: 0; top: 0; width: 63.2%; height: 100%; background-repeat: no-repeat; background-position: left center; background-size: cover; }
.act_pic2 img{ height: 100%!important; }

/*联系我们*/
.wbanner3{ height: 670px; }
.con_vtop{ width: 95.4%; margin: 0 auto; }
.con_slick{ margin-bottom: 75px; }
.con_slick .slick-slide{ /* cursor: pointer; */ margin: 75px 15px 80px; min-height: 415px; box-sizing: border-box; padding: 40px 50px; background: #f5f7f8; }
.con_slick .slick-slide img{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: auto; vertical-align: middle; margin: 0 5px; }
.con_slick .slick-slide p{ color: #333; line-height: 24px; font-size: 14px; }
.con_slick .slick-slide h2{ margin-bottom: 40px; font-weight: 100; font-size: 40px; color: #333; }
.con_slick .slick-slide .tel{ margin: 30px 0 35px; }
.con_slick .slick-slide .tel em{ font-size: 26px; font-weight: bold; font-family: '微软雅黑'; }
.con_slick .slick-slide .tel span{ color: #999; }
.con_slick .slick-dots{ bottom: 0; }
.con_slick .slick-dots li{ width: 12px; height: 12px; margin: 0 11px; background: #bdbdbd; }
.con_slick .slick-dots li.slick-active{ background: #0093dd; }
.con_slick .slick-slide:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2); background: #fff; }
.con_vbot{ padding: 90px 0; }
.con_vbot form{ margin: 0 auto; width: 100%; max-width: 1640px; }
.con_vbot form .box{ width: 49.2%; }
.con_vbot form .box:first-child{ margin-right: .6%; }
.con_vbot .cvbox,.con_vbot .text_item{ overflow: hidden; position: relative; height: 72px; line-height: 72px; font-size: 0; margin-bottom: 20px; padding: 0 40px; box-sizing: border-box; background: #fff; border-radius: 2px; }
.con_vbot .cvbox.w50{ width: 48.7%; float: left; }
.con_vbot .cvbox.w50:first-child{ margin-right: 2.6%; }
.con_vbot .cvbox span,.con_vbot .text_item span{ width: 90px; text-align: right; position: absolute; left: 40px; top: 0; height: 72px; font-size: 16px; color: #333; }
.con_vbot .cvbox span em,.con_vbot .text_item span em{ color: #ff0000; }
.con_vbot .cvbox .r_box{ width: 100%; padding-left: 100px; box-sizing: border-box; }
.con_vbot .cvbox .r_box input{ width: 100%; height: 72px; line-height: 72px; border: none; }
.con_vbot .text_item{ height: 257px; }
.con_vbot .text_item span{text-align: left; height: 57px;}
.con_vbot .text_item textarea{ margin-top: 57px; width: 100%; height: 175px; border: none; font-family: '微软雅黑'; }
.con_vbot .code_box .r_box{ max-width: 230px; }
.con_vbot .r_ewm{ position: absolute; right: 20px; top: 0; width: 90px; height: 72px; line-height: 72px; font-size: 0; text-align: center; }
.con_vbot .r_ewm img{ max-width: 100%; max-height: 100%; }
.con_vbot .con_vsub{ margin-top: 20px; cursor: pointer; float: right; width: 159px; height: 52px; border-radius: 26px; border: 2px solid #0093dd; background: none; color: #0093dd; }
.con_vbot .con_vsub:hover{ background: #0093dd; color: #fff; }

@media screen and (max-width: 1800px){
.con_vbot form{ margin: 0 auto; width: 100%; max-width: 93.5%; }
}

@media screen and (max-width: 1700px){
.nav{ padding-right: 40px; }
.nav li{ padding: 0 26px; }
.bp2_slick .slick-prev{ left: -100px; }
.bp2_slick .slick-next{ right: -100px; }
.se_text .se_h3{ font-size: 28px; }
}

@media screen and (max-width: 1650px){
.se_text .se_h2{ font-size: 50px; }
.se_text .se_h3{ font-size: 26px; }
.se3_pbg1, .se3_pbg2{ bottom: -30%; }
.three_Wave{ top: 5%; }
.con_vbot .cvbox, .con_vbot .text_item{ padding: 0 20px; }
.con_vbot .cvbox span, .con_vbot .text_item span{ left: 20px; font-size: 15px; width: 72px; }
.con_vbot .cvbox .r_box{ padding-left: 80px; }
}


@media screen and (max-width: 1700px){
    .i_apart1 .top .box{ padding-top: 60px; }
}
@media screen and (max-width: 1600px){
.i_ap4_list td{ height: 100px; line-height: 88px; }
.banner,.banner-wrap,.banner-wrap .banner-bg{ height: 650px; }
.wbanner3{ height: 600px; }
.wpb_wrapper{ font-size: 28px; margin-bottom: 60px; }
.i_apart1 .top .box{ height: 625px; padding-top: 30px; }
.wpb_txt h3{ font-size: 24px; }
.wpb_column i{ width: 45px; margin-right: 30px; }
.i_apart1 .bot .box{ padding: 60px 3% 50px; }
.i_apart1 .bot .text .p_h2{ line-height: 40px; font-size: 26px; margin-bottom: 20px; }
.i_apart1 .bot .more{ width: 120px; height: 46px; line-height: 42px; }
.i_apart1 .bot .text_p{ margin-bottom: 30px; }
.i_ap2_nav{ margin: 28px auto 48px; }
.projects-el_h{ font-size: 20px; line-height: 30px; }
.brand_p1{ padding: 60px 0 200px; }
.brand_p1 .af_count{ padding-top: 20px; height: 150px; }
.bp2_sbox h2{ font-size: 36px; line-height: 46px; max-height: 138px; margin: 10px 0 30px; }
.bp2_sbox{ height: 400px; }
.bp2_slick{ height: 550px; }
.bp2_nav{ bottom: 35px; }
.bp2_sbox{ background-size: 140px; }
.brand_p2,.brand_p3{ padding: 50px 0; }
.bp3_wrap{ margin: 60px 3.125% 0; }
.bp3_box h2{ margin-top: 40px; font-size: 24px; }
.brand_title h2{ font-size: 40px; }
.bp4_box{ padding: 60px 0 40px; }
.bp3_box .text_p{ font-size: 15px; }
.bp4_box h2{ font-size: 36px; }
.bp2_slick,.bp2_nav{ width: 75%; }
.bp2_nav{ margin-left: 12.5%; }
.brand_wrap{ width: 1100px; }
.brand_wrap .content{ margin: 0 6%; }
.wbanner.brand_w{ height: 450px; }
.nd_left .content,.brand_detail .content{ line-height: 20px; }
.con_slick .slick-slide{ padding: 40px; }
}

@media screen and (max-width: 1500px){
.nav li{ font-size: 14px; }
.nav li{ padding: 0 22px; }
.se_text{ width: 30%; }
.se1_pic2{ right: 4%; width: 40%; max-height: 80%; }
.se2_pic1{ width: 53%; }
.se2_text,.se2_text.med_text{ margin-left: 3.4%; }
.med_rbg{ right: -6%; }
.se4_text,.se6_text{ margin-left: 60%; }
.i_ap3_more{ margin: 40px auto 0; }
.i_apart1 .top .box{ height: 560px; padding-top: 60px; }
.wpb_wrapper{ margin-bottom: 50px; }
.bp3_box .img img{ max-width: 70%; max-height: 80%; }
.news_main .i_ap3_list li{ margin-bottom: 30px; }
.sys_bg iframe{ width: 70%; }
}

@media screen and (max-width: 1400px){
.i_title h2{ font-size: 30px; }
.i_title p{ font-size: 20px; margin-top: 8px; }
.i_ap4_list{ margin-top: 40px; }
.i_apart2,.i_apart3,.i_apart4{ padding: 50px 0; }
.i_ap3_list li .info h2{ font-size: 15px; line-height: 26px; height: 78px; }
.i_ap3_list li .info .img{ height: 100px; line-height: 98px; }
.i_ap3_list li .info{ margin-bottom: 20px; }
.i_ap3_list li .time{ margin-bottom: 20px; }
.i_ap3_list li{ height: 270px; padding: 25px 1.7%; }
.bp2_slick,.bp2_nav{ width: 80%; }
.bp2_nav{ margin-left: 10%; }
.bp3_box .text_p{ font-size: 14px; }
.brand_list li .bot h2,.brand_list li .text h2{ font-size: 18px; }
.brand_list li .bot{ padding: 20px 5%; }
.brand_main,.news_main{ padding-bottom: 60px; }
.brand_list{ margin-bottom: 10px; }
.nd_left .info, .brand_wrap .info{ padding: 40px 0; }
.brand_wrap .info h2{ font-size: 28px; }
.nd_right .i_ap3_list li{ height: 255px; padding: 25px 5%; }
.nd_left{ padding: 0 3.5%; }
.act_pic1{ width: 50%; }
.act_pic2{ width: 55%; }
.sys_bg iframe{ width: 80%; }
}

@media screen and (max-width: 1300px){
.nav{ padding-right: 20px; }
.nav li{ padding: 0 20px; }
.ah_btn{ width: 170px; }
.wpb_wrapper{ font-size: 28px; }
.med_rbg{ right: -12%; }
}

@media screen and (max-width: 1199px){
#fp-nav{ display: none!important; }
}




.friendLink{  margin: 5px 3.125% 20px; color: #999;}
.friendLink dl dt{ float: left; width: 72px; line-height: 30px;}
.friendLink dl dd{ float: left; width: 92%; height: 30px; overflow: hidden;-webkit-transition: all .6s;transition: all .6s;}
.friendLink dl dd a{ padding: 0 9px; background: url(../images/links_line.jpg) no-repeat right center; font-size: 12px; color: #aaa; line-height: 30px;}
.friendLink dl dd.footer-xl{ float: left; width: 3%;}
.friendLink dl dd.footer-xl span{ display: block; width: 100%; height: 30px; background: url(../images/linksIcon.jpg) no-repeat center;}


video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}












.m_wrap, .m_wrap1, .m_wrap2, div{ margin: 0 auto}
.kefu{ position: absolute; right: 0; top: 300px; z-index: 10000; width: 138px}
.kefu .kfdiv{ width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: #FFF; text-align: center; margin-right: 0; background: url(../images/kefu.png) no-repeat}
.kefu .c1{ background-position: 0 0}
.kefu .c2{ background-position: 0 0; position: relative; display: block}
.kfQQ{ width: 138px; margin-right: 0; position: relative; margin-bottom: 1px; display: none}
.kfQQ .icon_qq{ width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: #FFF; text-align: center; margin-right: 0; background: url(../images/kefu.png) no-repeat -63px -64px; position: absolute; left: -63px}
.kfQQ dt{ height: 63px; background: url(../images/keT.png) no-repeat}
.kfQQ dd{ border: 1px #dcdcdc solid; border-bottom: 3px #0896de solid; width: 138px; background: #FFF}
.kfQQ dd span{ padding-left: 14px; padding-bottom: 13px; font-size: 12px; text-align: left; display: block; color: #5c5c5c}
.kfQQ dd span img{ margin-right: 10px; width: 23px; height: 23px; vertical-align: middle}
.kfQQ dd span a{ color: #777; display: block; padding-top: 8px}
.kfQQ dd span a:hover{ color: #777}
.kefu .c3{ background-position: 0 -64px}
.kefu .c1:hover{ background-position: -63px 0}