@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:offression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:offression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
button,input[type=search],input[type=submit],input[type=reset],input[type=text],input[type=button],input[type='password'],textarea,input[type='number']{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FF0000,endColorstr=#00FF0000); outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline : 0; } 
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#333;}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font: 14px/1.3  "Arial","Microsoft YaHei"; color:#333; }
body{ min-width: 1200px; }
a,a:after,p:after,.i_ptxt h2,.i_sol_list li p,.i_avan_slick .slick-slide,.i_avan_slick .slick-slide em,.i_avan_slick .slick-slide .line,.i_avan_slick .slick-slide .text_p,
.i_case table img,.i_news_top .shadow,.flink,.flink_more,.news_list .text,.news_list .zoom:after,.news_list .zoom:before,
.news_list .text h2,.news_list .text span,.news_list .text p,.pages *,.cont_list li,
.bc_fun_list li .pic_bg,.bc_fun_list li .pic_rd,.xi_list li,.bbc_avan_list .text,.nc_bar li,
.bc_log_top span,.bc_log_list li,.header,.ban_b2c .btn span,.bbc_avan_list .shadow,.bbc_fun_list li,.cont_list li,
.case_list li .shadow,.state_btn,.i_sol_txt .btn,.case_list li,.case_list li .txt,.n_case_list li .pic .shadow,.i_ap3_list li .info h2,.i_ap3_list li,.i_ap3_list li .time:before
{ transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; }
.baseWidth{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.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; }
.tover{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.mb50{ margin-bottom: 50px; }
.bg_white{ background: #fff; }
.zoom{ display:block; overflow:hidden;}
.zoom img,.zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: block; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;}
.zoom img:hover,.zoom span:hover,li:hover .zoom span,li:hover .zoom img{webkit-transform: scale(1.05);-moz-transform: scale(1.05); -o-transform: scale(1.05);transform: scale(1.05); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;}
.over{ overflow: hidden; }
.bg_f6f6f6{ background: #f6f6f6; }
.bg_fcfcfc{ background: #fcfcfc; }

/*header*/
.header{ box-shadow: 0 5px 10px rgba(0,0,0,.1); -webkit-transform: translateZ(0); position: fixed; top: 0; background: #fff; z-index: 999; width: 100%; padding: 20px 0 0; }
.header .logo{ margin-top: 10px; display: inline-block; *display: inline; *zoom: 1; }
.nav{ position: relative; z-index: 2; }
.nav li{ position: relative; float: left; margin: 0 10px; }
.nav li:last-child{ margin-right: 0; }
/*.nav li:first-child{ margin-left: 24px; }*/
.nav li > a{ padding: 0 16px; position: relative; height: 52px; line-height: 50px; font-size: 16px; display: block; box-sizing: border-box; }
.nav li.on > a,.nav li:hover > a{ color: #c01414; }
.nav li dl{ box-shadow: 0 0 10px rgba(0,0,0,.4); left: calc(50% - 2px); box-sizing: border-box; border: 2px solid rgba(0,0,0,.1); border-top: none; line-height: 30px; min-width: 100%; font-size: 14px; padding: 10px; display: none; position: absolute; left: 50%; top: 52px; text-align: center; width: auto; line-height: 35px; z-index: 999; background: #a80b28; }
.nav li dl a{ font-size: 14px; height: 35px; line-height: 35px; display: block; color: #fff; opacity: .8; white-space: nowrap; }
.nav li dl a:hover{ opacity: 1; }
.nav li:hover dl{ display: block; }
.header.small{ padding: 10px 0 0; }
.header.small .nav li > a{ height: 46px; line-height: 44px; }
.header.small .hr_box{ margin-bottom: 6px; }
.header.small .logo{ margin-top: 8px; }
.header.small .nav li dl{ top: 46px; }
#nav span{width:100px; height:2px; background: #c01414; position:absolute; bottom:-1px; left:0; opacity:0; filter:alpha(opacity=0);}
.hr_box{ height: 34px; line-height: 34px; margin-bottom: 14px; }
.hr_box .phone{ padding-left: 30px; background: url(../images/icon101.png) left center no-repeat; font-size: 14px; color: #333; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.hr_box .phone em{ font-weight: bold; margin-left: 5px; font-size: 24px; color: #a80b28; }
.hr_box .search_form{ margin-left: 20px; width: 200px; height: 34px; border: 1px solid #ddd; border-radius: 2px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; box-sizing: border-box; }
.hr_box .search_input{ float: left; padding: 0 14px; width: 166px; box-sizing: border-box; height: 32px; line-height: 32px; _line-height: 32px; *line-height: 32px; border: none; }
.hr_box .search_sub{ float: right; width: 32px; height: 32px; border: none; background: url(../images/icon102.png) center no-repeat; }
.state_btn{ width: 100px; height: 34px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 34px; color: #fff; font-size: 14px; background: #a80b28; border-radius: 2px; margin-left: 20px; text-align: center; cursor: pointer; }
.state_btn:hover{ background: #c20e2f; }
.state_btn a{color: #fff;}


/*footer*/
.footer{ background: #393943; }
.ftop{ padding: 54px 0 58px; }
.local li{ padding-right:1.3%; float:left; width:25%; box-sizing: border-box; }
.local li i{float:left; padding-top: 64px; font-size:12px; width: 70px; text-align: center; color:#fff; background-position: top center; background-repeat:no-repeat; line-height: 20px; }
.local li .i1{ background-image:url(../images/f_gz.png)}
.local li .i2{ background-image:url(../images/f_sz.png)}
.local li .i3{ background-image:url(../images/f_sh.png)}
.local li .i4{ background-image:url(../images/f_fs.png);background-size:28px}
.local li.last{ padding-right:0;}
.local li h5{line-height: 36px;color: #fff;font-size: 24px;font-family: '微软雅黑';font-weight: 100;margin-bottom: 2px;}
.local li p{width: 90%;font-size: 12px;color: #777;line-height: 24px;}
.fline{ height: 1px; width: 100%; background: #fff; opacity: .05; filter: alpha(opacity=5); }
.fmid{ padding: 20px 0 24px; }
.fmid h2{ margin-bottom: 16px; font-size: 16px; color: #fff; line-height: 30px; }
.flink_more{ cursor: pointer; float: right; width: 30px; height: 30px; background-image: url(../images/icon38.png); background-position: right center; background-repeat: no-repeat; } 
.flink_more:hover{ background-image: url(../images/icon38_w.png); }
.flink_more.active{ background-image: url(../images/icon38on.png); }
.flink_more.active:hover{ background-image: url(../images/icon38on_w.png); }
.flink{ overflow: hidden; font-size: 12px; color: #777; line-height: 26px; }
.flink a{ color: #777; float: left; }
.flink span{ margin: 0 18px; float: left; }
.flink a:hover{ color: #fff; }
.fmid .left{ width: 1030px; }
.fmid .right{ width: 110px; height: 110px; background: #fff; border-radius: 4px; padding: 10px; box-sizing: border-box; }
.fmid .right img{ max-width: 100%; }
.fbot{ font-size: 12px; color: #999; padding: 24px 0; line-height: 30px; }

/*首页*/
.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{position: relative; display: block; overflow: hidden; margin: 0; padding: 0}
.slick-list:focus{outline: 0}
.slick-list.dragging{cursor: pointer; cursor: hand}
.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track{position: relative; top: 0; left: 0; display: block}
.slick-track:after,
.slick-track:before{display: table; content: ''}
.slick-track:after{clear: both}
.slick-loading .slick-track{visibility: hidden}
.slick-slide{display: none; float: left; outline: 0 none; height: 100%; min-height: 1px}
[dir=rtl] .slick-slide{float: right}
.slick-slide img{display: block}
.slick-slide.slick-loading img{display: none}
.slick-slide.dragging img{pointer-events: none}
.slick-initialized .slick-slide{display: block; z-index: 0!important;}
.slick-loading .slick-slide{visibility: hidden}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent}
.slick-arrow.slick-hidden{display: none}
.slick-dots li{cursor: pointer; cursor: hand}
.slick-dots button{display: none}
.slick-arrow{ background-color: transparent; outline: none;border: none;width: 50px; height: 60px; top: 50%; margin-top: -30px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute;}
.banner{ height: 760px; overflow: hidden; position: relative; z-index: 1; }
.banner-bg{ height: 760px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.banner-bg > a{ display: block; width: 100%; height: 100%; }
.banner-bg .baseWidth{ padding-top: 100px; }
.banner.w1400{ height: 600px; }
.banner.w1400 .banner-bg{ height: 600px; }
.banner.w1400 .ban_b2c h2{ margin: 20px 0 5px; font-size: 40px; }
.banner.w1400 .ban_b2c h2 i{ font-size: 54px; }
.banner.w1400 .ban_b2c .text_p{ margin-bottom: 15px; }
.banner.w1400 .ban_b2b2c h2{ margin: 60px 0 20px; }
.banner.w1400 .ban_b2b2c .text_p{ margin-bottom: 40px; }
.ban_b2c h2{ margin: 54px 0 15px; font-size: 48px; color: #fff; text-shadow: 0 4px 8px rgba(0,0,0,.14); }
.ban_b2c h2 i{ font-size: 62px; }
.ban_b2c .text_p{ max-width: 900px; margin: 0 auto 42px; color: #fff; font-size: 12px; line-height: 30px; height: 90px; overflow: hidden; }
.ban_b2c .btn{ font-size: 0; } 
.ban_b2c .btn a{ overflow: hidden; display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; border-radius: 2px; box-shadow: 0 10px 20px rgba(0,0,0,.1); width: 160px; height: 50px; line-height: 50px; background: #fff; text-align: center; color: #0f72c3; font-size: 18px; }
.ban_b2c .btn a.play i{ width: 11px; height: 50px; background: url(../images/icon59.png) center no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 28px; }
.ban_b2c .btn a.play{ background: #ff7700; color: #fff; } 
.ban_b2c .btn a span{ display: inline-block; *display: inline; *zoom: 1; position: relative; }
.ban_b2c .btn a:hover span{ -webkit-animation: fadeInLeft .8s; animation: fadeInLeft .8s; }
.ban_b2b2c{ text-align: left; width: 560px; margin-right: 30px; float: right; }
.ban_b2b2c h2{ font-size: 60px; margin: 110px 0 36px; }
.ban_b2b2c h2 i{ font-size: 72px; }
.ban_b2b2c .text_p{ font-size: 14px; line-height: 36px; height: 144px; margin-bottom: 70px; }
.slick-dots { z-index: 999; height: 10px; text-align: center; width: 100%; bottom: 20px; position: absolute; width: 100%; list-style: none; display: block; box-sizing: border-box; }
.slick-dots li{ cursor: pointer; width: 10px; overflow: hidden; height:10px; background: url(../images/tit2.png) center no-repeat; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ background: url(../images/tit2on.png) center no-repeat; }
.i_part{ text-align: center; padding: 15px; padding-left: 0; box-sizing: border-box; }
.i_part .box{ float: left; width: 50%; }
.i_part .wrap{ overflow: hidden; padding: 50px 0 60px; margin-left: 15px; box-sizing: border-box; background: #fafafa; }
.i_ptxt h2{ font-size: 42px; color: #a80b28; }
.i_ptxt h2:hover{ color: #c20e2f; }
.i_ptxt .text_p{ display: block; margin: 25px auto 22px; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; color: #999; width: 600px; max-width: 80%; }
.i_pbtn{ box-shadow: 0 4px 8px rgba(0,0,0,.14); display: block; margin: 0 auto 74px; width: 150px; height: 50px; line-height: 50px; background: #a80b28; color: #fff; border-radius: 2px; }
.i_pbtn i{ display: inline-block; *display: inline; *zoom: 1; width: 9px; height: 50px; vertical-align: top; background: url(../images/icon1.png) center no-repeat; margin-left: 25px; }
.i_pbtn:hover{ background: #c20e2f; }
.i_pbtn:hover i{ animation: fadeInLeft 500ms 0s ease-out normal; -webkit-animation: fadeInLeft 500ms 0s ease-out normal; }
.i_pimg{ position: relative; width: 100%; max-width: 500px; margin: 0 auto; height: 265px; }
.i_pimg a{ position: relative; z-index: 1; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; }
.i_pimg:after{ content: ''; position: absolute; left: 50%; bottom: -15px; z-index: 0; width: 884px; height: 40px; margin-left: -442px; background: url(../images/icon4.png) center no-repeat; }
.i_title{ text-align: center; }
.i_title h2{ margin-bottom: 5px; font-size: 48px; color: #21212c; font-weight: 100; font-family: '微软雅黑'; }
.i_title h3{ margin-bottom: 10px; font-size: 18px; color: #999; font-weight: 100; font-family: '微软雅黑'; }
.i_title p{ font-size: 18px; color: #999; line-height: 35px; }
.i_title.white h2{ color: #fff; }
.i_title.white h3{ color: #fff; opacity: .5; filter: alpha(opacity=50); }
.i_npart{ padding-bottom: 0; }
.i_npart .box:first-child .wrap{ background: #a80b28;}
.i_npart .box .i_ptxt h2{ color: #fff; }
.i_npart .box .i_ptxt .text_p{ color: #fff; }
.i_npart .box:first-child .btn{ margin: 0 auto 74px; }
.i_npart .box:first-child .btn a{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 10px; }
.i_npart .i_pbtn:hover{ background-color: #fff!important; color: #a80b28; }
.i_npart .i_pbtn:hover i{ background: url(../images/icon1_r.png) center no-repeat; }
.i_npart .i_pbtn2 i{ width: 20px; background: url(../images/icon103.png) center no-repeat; }
.i_npart .i_pbtn2:hover i{ background: url(../images/icon103_r.png) center no-repeat; }
.i_npart .i_pimg:after{ display: none; }
.i_npart .box:last-child .wrap{ background: #393943;}
.i_npart .box:last-child .i_pbtn{ background: #393943; }
.i_sol{ padding: 42px 0 60px; background-color: #fafafa; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_sol .i_title{ margin-bottom: 72px; }
.i_sol_list{ text-align: center; }
.i_sol_list li{ margin-bottom: 56px; float: left; padding: 0 50px; width: 200px; box-sizing: border-box; }
.i_sol_list li .pic{ margin-bottom: 15px; width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_sol_list li p{ max-width: 100%; display: inline-block; *display: inline; *zoom: 1; position: relative; line-height: 24px; }
.i_sol_list li p:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #666; }
.i_sol_list li:hover .pic{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.i_sol_list li:hover p:after{ width: 100%; }
.i_sol_txt{ margin-top: -18px; text-align: center; }
.i_sol_txt h2{ font-size: 24px; color: #333; }
.i_sol_txt h2 em{ font-size: 48px; color: #a80b28; margin: 0 15px; }
.i_sol_txt .btn{ cursor: pointer; width: 180px; height: 60px; line-height: 60px; background: #a80b28; box-shadow: 0 4px 8px rgba(0,0,0,.14); color: #fff; border-radius: 2px; display: block; margin: 8px auto 0; font-size: 18px; }
.i_sol_txt .btn:hover{ background: #c20e2f; }
.i_avan{ padding: 42px 0 80px; background-color: #393943; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_avan .i_title{ margin-bottom: 68px; }
.i_avan_slick{ text-align: center; }
.i_avan_slick .slick-slide{ border-radius: 2px; position: relative; padding: 46px 20px 40px; box-sizing: border-box; }
.i_avan_slick .slick-slide:before{ width: 1px; content: ''; position: absolute; left: 0; top: 50%; margin-top: -130px; height: 260px; background: #fff; opacity: .1; filter: alpha(opacity=10); }
.i_avan_slick em{ display: block; margin: 0 auto 30px; width: 100%; height: 46px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.i_avan_slick h2{ font-size: 18px; color: #fff; }
.i_avan_slick .line{ width: 20px; height: 2px; background: #fff; display: block; margin: 32px auto 26px; opacity: .2; filter: alpha(opacity=20); }
.i_avan_slick .text_p{ width: 220px; display: block; margin: 0 auto; font-size: 12px; color: #fff; opacity: .5; line-height: 30px; height: 90px; }
.i_avan_slick .slick-current:before{ display: none; }
.i_avan_slick .slick-prev{ opacity: .3; filter: alpha(opacity=30); left: -82px; width: 44px; height: 44px; margin-top: -22px; background: url(../images/icon21.png) center no-repeat; }
.i_avan_slick .slick-next{ opacity: .3; filter: alpha(opacity=30); right: -82px; width: 44px; height: 44px; margin-top: -22px; background: url(../images/icon22.png) center no-repeat; }
.i_avan_slick .slick-prev:hover,.i_avan_slick .slick-next:hover{ opacity: 1; filter: alpha(opacity=100); }
.i_avan_slick .slick-slide:hover{ background: #a80b28; }
.i_avan_slick .slick-slide:hover *{ opacity: 1; filter: alpha(opacity=100); }
.i_avan_slick .slick-slide:hover em{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.i_avan_slick.w1400 .slick-prev{ left: -44px; }
.i_avan_slick.w1400 .slick-next{ right: -44px; }
.i_avan_slick .slick-dots{ bottom: -30px; }
.i_case{ padding: 42px 0 70px; }
.i_case .i_title{ margin-bottom: 54px; }
.i_case table{ width: 100%; text-align: center; }
.i_case table td{ width: 240px; height: 120px; line-height: 120px; border: 1px solid #e5e5e5; }
.i_case table td img{ max-width: 220px; max-height: 100px; }
.i_case table img:hover{ -webkit-transform: scale(.95); transform: scale(.95); }
.i_news{ padding: 42px 0; }
.i_news .i_title{ margin-bottom: 20px; }
.i_news .i_case{ margin-bottom: 50px; }
.i_news_list .box{ width: 380px; float: left; margin-left: 30px; }
.i_news_list .box:first-child{ margin-left: 0; }
.i_news_list .i_news_top{ margin-bottom: 16px; width: 100%; height: 180px; position: relative; }
.i_news_list .i_news_top .shadow{ padding: 0 20px; box-sizing: border-box; background-image: url(../images/sbg5.png); position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 16px; }
.i_news_list .i_news_top:hover .shadow{ background: #a80b28; }
.i_news_list ul a{ color: #555; line-height: 40px; }
.i_news_list ul li a{ display: block; padding-left: 30px; box-sizing: border-box; background-image: url(../images/tit1.png); background-position: 10px center; background-repeat: no-repeat; }
.i_news_list ul li a:hover{ color: #a80b28; background-image: url(../images/tit1on.png); }
.i_ap2_nav{ margin: 20px auto 40px; width: 1200px; text-align: center; font-size: 0; }
.i_ap2_nav a{ text-align: center; background: #f6f6f6; margin-right: 10px; width: 140px; height: 50px; line-height: 50px; display: inline-block; vertical-align: top; font-size: 14px; }
.i_ap2_nav a.on{ background: #a80b28; color: #fff!important; } 
.i_ap2_nav a:hover{ color: #a80b28; }
.i_ap2_nav a.more{ border: 1px solid #a80b28; color: #a80b28; background: #fff; box-sizing: border-box; }
.i_ap2_wrap .i_ap2_box{ display: none; opacity: .6; }
.i_ap2_wrap .i_ap2_box:first-child{ display: block; opacity: 1; }

/*注册*/
.shadow_bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 999; }
.reg_wrap{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 840px; height: 440px; background: #a0102a; border-radius: 2px; }
.reg_main{ box-shadow: 0 24px 48px rgba(0,0,0,.2); position: absolute; left: 40px; width: 400px; height: 520px; top: 50%; margin-top: -260px; background: #fff; border-radius: 2px; padding: 38px 40px; box-sizing: border-box; }
.reg_main h2{ margin-bottom: 36px; line-height: 46px; font-size: 30px; color: #333; font-weight: 100; font-family: "微软雅黑"; }
.reg_main h2 .close{ width: 20px; height: 46px; background: url(../images/icon108.png) center no-repeat; cursor: pointer; }
.reg_main .item input{ font-size: 16px; height: 60px; line-height: 58px; border: 1px solid #ddd; border-radius: 2px; padding: 0 60px; box-sizing: border-box; width: 100%; }
.reg_main .item input:focus{ border-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,.05); }
.reg_main .item .tips{ opacity: 0; background: url(../images/icon113.png) 20px center no-repeat; font-size: 12px; color: #da092f; padding: 10px 20px 10px 45px; height: 20px; line-height: 20px; }
.reg_main .item .tips.show{ opacity: 1; }
.reg_main .item .r_box{ position: relative; }
.reg_main .item.code_item input{ padding-right: 140px; }
.reg_main .item.code_item .state{ right: 120px; }
.reg_main .item .get_code{ padding: 0 20px; cursor: pointer; position: absolute; right: 0; top: 0; height: 60px; line-height: 60px; font-size: 16px; color: #a80b28; }
.reg_main .item .state{ opacity: 0; width: 15px; height: 60px; background: url(../images/icon112.png) center no-repeat; position: absolute; top: 0; right: 30px; }
.reg_main .item.right .state{ opacity: 1; }
.reg_main .item .icon1{ background: url(../images/icon109.png) 18px center no-repeat; }
.reg_main .item .icon2{ background: url(../images/icon110.png) 18px center no-repeat; }
.reg_main .item .icon3{ background: url(../images/icon111.png) 18px center no-repeat; }
.reg_main .item input.sub{ padding: 0; text-align: center; background: #a80b28; color: #fff; font-size: 18px; border: none; }
.reg_other{ padding: 40px; width: 400px; position: absolute; right: 0; top: 0; color: #fff; box-sizing: border-box; }
.reg_other h2{ font-weight: 100; margin-top: 60px; font-size: 30px; line-height: 40px; margin-bottom: 30px; }
.reg_other .btn{ width: 160px; height: 50px; line-height: 50px; background: #fff; font-size: 16px; color: #a80b28; border-radius: 2px; text-align: center; cursor: pointer; }
.reg_other .other_login{ margin-top: 54px; }
.reg_other .other_login p{ line-height: 20px; margin-bottom: 16px; }
.reg_other .icon_list a{ border: 1px solid #fff; box-sizing: border-box; display: block; float: left; width: 40px; height: 40px; border-radius: 50%; margin-right: 30px; background-repeat: no-repeat; background-position: center; background-size: 40px; }
.reg_other .icon_list a.weibo{ background-image: url(../images/icon114.png); }
.reg_other .icon_list a.weibo:hover{ background-image: url(../images/icon114on.png); }
.reg_other .icon_list a.wechat{ background-image: url(../images/icon115.png); }
.reg_other .icon_list a.wechat:hover{ background-image: url(../images/icon115on.png); }
.reg_other .icon_list a.qq{ background-image: url(../images/icon116.png); }
.reg_other .icon_list a.qq:hover{ background-image: url(../images/icon116on.png); }

/*登录*/
.login_wrap{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 840px; height: 420px; background: #a0102a; border-radius: 2px; }
.login_other{ padding: 40px; width: 400px; position: absolute; left: 0; top: 0; color: #fff; box-sizing: border-box; }
.login_other h2{ font-weight: 100; margin-top: 60px; font-size: 30px; line-height: 40px; margin-bottom: 30px; }
.login_other .btn{ width: 160px; height: 50px; line-height: 50px; border: 1px solid #fff; font-size: 16px; color: #fff; box-sizing: border-box; border-radius: 2px; text-align: center; cursor: pointer; }
.login_other .show_forget{ display: inline-block; color: #fff; margin-top: 74px; line-height: 25px; text-decoration: underline; }
.login_main{ box-shadow: 0 24px 48px rgba(0,0,0,.2); position: absolute; right: 40px; width: 400px; height: 520px; top: 50%; margin-top: -260px; background: #fff; border-radius: 2px; padding: 38px 40px; box-sizing: border-box; }
.login_main h2{ margin-bottom: 36px; line-height: 46px; font-size: 30px; color: #333; font-weight: 100; font-family: "微软雅黑"; }
.login_main h2 .close{ width: 20px; height: 46px; background: url(../images/icon108.png) center no-repeat; cursor: pointer; }
.login_main .item input{ font-size: 16px; height: 60px; line-height: 58px; border: 1px solid #ddd; border-radius: 2px; padding: 0 60px; box-sizing: border-box; width: 100%; }
.login_main .item input:focus{ border-color: #fff; box-shadow: 0 4px 8px rgba(0,0,0,.05); }
.login_main .item .tips{ opacity: 0; background: url(../images/icon113.png) 20px center no-repeat; font-size: 12px; color: #da092f; padding: 10px 20px 10px 45px; height: 20px; line-height: 20px; }
.login_main .item .r_box{ position: relative; }
.login_main .item.code_item input{ padding-right: 140px; }
.login_main .item.code_item .state{ right: 120px; }
.login_main .item .get_code{ padding: 0 20px; cursor: pointer; position: absolute; right: 0; top: 0; height: 60px; line-height: 60px; font-size: 16px; color: #a80b28; }
.login_main .item .state{ opacity: 0; width: 15px; height: 60px; background: url(../images/icon112.png) center no-repeat; position: absolute; top: 0; right: 30px; }
.login_main .item .icon1{ background: url(../images/icon109.png) 18px center no-repeat; }
.login_main .item .icon2{ background: url(../images/icon110.png) 18px center no-repeat; }
.login_main .item .icon3{ background: url(../images/icon111.png) 18px center no-repeat; }
.login_main .item input.sub{ padding: 0; text-align: center; background: #a80b28; color: #fff; font-size: 18px; border: none; }
.login_main .icon_list{ margin-top: 40px; text-align: center; }
.login_main .icon_list a{ border: 1px solid #fff; box-sizing: border-box; display: inline-block; vertical-align: top; width: 42px; height: 42px; border-radius: 50%; margin: 0 15px; background-repeat: no-repeat; background-position: center; background-size: 40px; }
.login_main .icon_list a.weibo{ background-image: url(../images/icon117.png); }
.login_main .icon_list a.weibo:hover{ background-image: url(../images/icon117on.png); }
.login_main .icon_list a.wechat{ background-image: url(../images/icon118.png); }
.login_main .icon_list a.wechat:hover{ background-image: url(../images/icon118on.png); }
.login_main .icon_list a.qq{ background-image: url(../images/icon119.png); }
.login_main .icon_list a.qq:hover{ background-image: url(../images/icon119on.png); }










/*公共*/
@-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)}}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@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}
}
.bounceInLeft{animation-name:bounceInLeft}

.wbanner{ height: 760px; clear: both; background-size: cover; background-position: center; background-repeat: no-repeat; }
.wbanner.w1400{ height: 600px; }

.numm{background-image:url(../images/num.png);width:30px;height:50px;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:3s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:3s;-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 1500px}}
@-webkit-keyframes ip0{100%{background-position:0 2500px}}
@keyframes ip1{100%{background-position:center 1450px}}
@-webkit-keyframes ip1{100%{background-position:center 1450px}}
@keyframes ip2{100%{background-position:center 2400px}}
@-webkit-keyframes ip2{100%{background-position:center 1400px}}
@keyframes ip3{100%{background-position:center 1350px}}
@-webkit-keyframes ip3{100%{background-position:center 1350px}}
@keyframes ip4{100%{background-position:center 1300px}}
@-webkit-keyframes ip4{100%{background-position:center 1300px}}
@keyframes ip5{100%{background-position:center 1250px}}
@-webkit-keyframes ip5{100%{background-position:center 1250px}}
@keyframes ip6{100%{background-position:center 1200px}}
@-webkit-keyframes ip6{100%{background-position:center 1200px}}
@keyframes ip7{100%{background-position:center 1150px}}
@-webkit-keyframes ip7{100%{background-position:center 1150px}}
@keyframes ip8{100%{background-position:center 1100px}}
@-webkit-keyframes ip8{100%{background-position:center 1100px}}
@keyframes ip9{100%{background-position:center 1050px}}
@-webkit-keyframes ip9{100%{background-position:center 1050px}}
.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 1500px}
.nz1{background-position:center 1450px}
.nz2{background-position:center 1400px}
.nz3{background-position:center 1350px}
.nz4{background-position:center 1300px}
.nz5{background-position:center 1250px}
.nz6{background-position:center 1200px}
.nz7{background-position:center 1150px}
.nz8{background-position:center 1100px}
.nz9{background-position:center 1050px}
.n0.numm0{animation-duration:3s;animation-timing-function:ease-in-out;animation-delay:.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:3s;-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:3s;animation-timing-function:ease-in-out;animation-delay:1s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:3s;-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:3s;animation-timing-function:ease-in-out;animation-delay:1.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:3s;-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:3s;animation-timing-function:ease-in-out;animation-delay:2s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;-webkit-animation-duration:3s;-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}
.ban_txt1{ font-size: 0; width: 100%; text-align: center; color: #ccc; position: absolute; top: 548px; }
.ban_txt1 h2{ font-size: 48px; color: #fff; margin-bottom: 2px; height: 50px; line-height: 50px; }
.ban_txt1 p{ line-height: 25px; font-size: 18px; }
.ban_txt1 .box{ padding: 12px 0; min-width: 200px; border-left: 1px solid #716f75; display: inline-block; vertical-align: top; }
.ban_txt1 .box:first-child{ border-left: none; }
.ban_txt1 .box b{ vertical-align: bottom; font-size: 18px; font-family: '微软雅黑'; font-weight: 100; }
.ban_txt1 .box b.plus{ font-size: 36px; }
.banner.w1400 .ban_txt1{ top: 430px; }

.pages{ font-size: 0; margin: 0 auto; }
.pages a,.pages span{ border-radius: 2px; text-align: center; border: 1px solid #eee; color: #555; height: 40px; display: inline-block; margin: 0 5px 5px; font-size: 16px; min-width: 40px; box-sizing: border-box; line-height: 38px; padding: 0 5px; }
.pages .current{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; border-color: #a50422!important; background-color: #a50422!important; color: #fff; }
.pages .prev,.pages .next{ font-size: 0; vertical-align: top; font-weight: normal; background-repeat: no-repeat; background-position: center; }
.pages .prev{ background-color: #fff!important; background-image: url(../images/icon40.png); }
.pages .next{ background-color: #fff!important; background-image: url(../images/icon41.png); }
.pages a:hover{ border-color: #393943; color: #fff; background-color: #393943; }
.pages .prev:hover{ border-color: #393943; background-image: url(../images/icon40on.png); }
.pages .next:hover{ border-color: #393943; background-image: url(../images/icon41on.png); }
.path{ padding: 15px 0; line-height: 30px; }
.path i{ margin: 0 10px; }
.path a{ color: #999; }
.path a:hover{ color: #a80b28; }









/*b2c*/
.bc_fun{ padding: 42px 0 50px; }
.bc_fun .i_title{ margin-bottom: 56px; }
.bc_fun_list{ border-top: 1px solid #eee; border-left: 1px solid #eee; box-sizing: border-box; }
.bc_fun_list li{ overflow: hidden; height: 240px; text-align: center; position: relative; padding: 0 25px; float: left; width: 20%; box-sizing: border-box; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
.bc_fun_list li .pic_bg{ z-index: -1; opacity: .05; filter: alpha(opacity=5); position: absolute; left: 50%; top: 40px; margin-left: -50px; width: 100px; height: 100px; border-radius: 50%; }
.bc_fun_list li .pic_rd{ position: relative; z-index: 1; width: 100px; height: 100px; line-height: 100px; text-align: center; margin: 40px auto 25px; }
.bc_fun_list li h2{ font-size: 16px; line-height: 26px; margin-bottom: 18px; }
.bc_fun_list li p{ opacity: 0; filter: alpha(opacity=0); font-size: 12px; line-height: 22px; height: 96px; overflow: hidden; color: #fff; }
.bc_fun_list li:hover p{ opacity: 1; filter: alpha(opacity=100); }
.bc_fun_list li:hover .pic_bg{ opacity: 1; filter: alpha(opacity=100); top: 0; left: 0; margin-left: 0; width: 100%; height: 100%; border-radius: 0; }
.bc_fun_list li:hover .pic_rd{ margin: 10px auto -6px; }
.bc_fun_list li:hover h2{ color: #fff; }
.bc_avan{ background-color: #393943; padding: 42px 0 30px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.bc_avan .i_title{ margin-bottom: 45px; }
.xi_list{ width: 1240px; }
.xi_list li{ text-align: center; background: #fff; float: left; width: 580px; height: 200px; line-height: 200px; margin-bottom: 40px; margin-right: 40px; transition: all .25s; -webkit-transition: all .25s; }
.xi_list li:nth-child(2n){ margin-right: 0; }
.xi_list li a{ display: block; }
.xi_list li .xi_dostext{ text-align: left; width: 315px; }
.xi_list li h2{ font-size: 24px; font-weight: 100; margin-bottom: 14px; line-height: 36px; }
.xi_list li .xi_text_p{ font-size: 14px; color: #999; line-height: 24px; max-height: 72px; overflow: hidden; } 
.xi_dosicon,.xi_dostext{ line-height: 1; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.xi_list li .xi_dosicon{ margin-right: 40px; width: 120px; height: 120px; line-height: 120px; font-size: 0; border-radius: 50%; }
.xi_list li:hover *{ color: #fff; }
.xi_list li:hover .xi_dosicon{ background-color: #fff; } 
.xi_list li:hover .xi_dosicon img{ -webkit-animation: bounceInLeft .8s; animation: bounceInLeft .8s; }
.xi_tela1 .xi_dosicon,.xi_tela1:hover{ background-color: #25b49b; }
.xi_tela2 .xi_dosicon,.xi_tela2:hover{ background-color: #b4c524; }
.xi_tela3 .xi_dosicon,.xi_tela3:hover{ background-color: #3b99f0; }
.xi_tela4 .xi_dosicon,.xi_tela4:hover{ background-color: #ff9a16; }
.bc_log{ padding: 42px 0 95px; }
.bc_log .i_title{ margin-bottom: 20px; }
.bc_log_list{ border: 1px solid #eee; margin-bottom: 10px;}
.bc_log_list li{ border-top: 1px solid #eee; }
.bc_log_list li:first-child{ border-top: none; }
.bc_log_top{ cursor: pointer; font-size: 16px; padding: 0 30px; height: 60px; line-height: 60px; box-sizing: border-box; }
.bc_log_top span{ max-width: 900px; float: left; }
.bc_log_top .fr{ color: #999; padding-right: 46px; background-image: url(../images/icon38.png); background-position: right center; background-repeat: no-repeat; }
.bc_log_bot{ display: none; padding: 20px 30px; box-sizing: border-box; line-height: 30px; }
.bc_log_list li:hover .bc_log_top span{ color: #a80b28; }
.bc_log_list li.on .bc_log_top{ background-color: #a80b28; }
.bc_log_list li.on .bc_log_top *{ color: #fff!important; }
.bc_log_list li.on .bc_log_top .fr{ background-image: url(../images/icon38on_w.png); }

/*b2b2c*/
.bbc_avan{ padding: 42px 0 20px; }
.bbc_avan .i_title{ margin-bottom: 30px; }
.bbc_avan_list{ width: 1230px; }
.bbc_avan_list .box{ margin-bottom: 30px; float: left; width: 380px; margin-right: 30px; }
.bbc_avan_list .icon{ overflow: hidden; position: relative; width: 100%; height: 200px; padding-top: 30px; box-sizing: border-box; }
.bbc_avan_list .text{ padding: 0 20px; box-sizing: border-box; height: 80px; line-height: 80px; text-align: center; font-size: 18px; background: #fff; }
.bbc_avan_list .icon_pic{ display: block; margin: 0 auto; width: 140px; height: 140px; background: url(../images/icon60.png) center no-repeat; background-size: cover; }
.bbc_avan_list .icon_pic em{ background-repeat: no-repeat; background-position: center; width: 60px; height: 60px; margin: 0 auto; display: block; padding: 40px 0; }
.bbc_avan_list .shadow{ text-align: center; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: url(../images/sbg8.png); color: #fff; }
.bbc_avan_list .shadow:before{ content: ''; width: 1px; height: 100%; margin-left: -1px; display: inline-block; text-align: center;  *display: inline; *zoom: 1; vertical-align: middle; }
.bbc_avan_list .shadow .text_p{ max-height: 120px; overflow: hidden; line-height: 30px; max-width: 320px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.bbc_avan_list .box:hover .shadow{ top: 0; }
.bbc_avan_list .box:hover .text{ color: #a80b28; }
.bbc_avan_list .slick-prev{ top: 180px; margin-top: 0; left: -78px; width: 36px; height: 38px; background-image: url(../images/icon67.png); background-position: center; background-repeat: no-repeat; }
.bbc_avan_list .slick-prev:hover{ background-image: url(../images/icon67on.png); } 
.bbc_avan_list .slick-next{ top: 180px; margin-top: 0; right: -48px; width: 36px; height: 38px; background-image: url(../images/icon68.png); background-position: center; background-repeat: no-repeat; }
.bbc_avan_list .slick-next:hover{ background-image: url(../images/icon68on.png); } 
.bbc_avan_list .slick-dots{ bottom: 0; }
.bbc_avan_list .slick-dots li{ background: #ccc; border-radius: 50%; }
.bbc_avan_list .slick-dots li.slick-active{ background: #c01414; } 
.bbc_fun{ padding: 42px 0 85px; }
.bbc_fun .i_title{ margin-bottom: 35px; }
.bbc_fun_list{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
.bbc_fun_list li{ overflow: hidden; position: relative; float: left; border-left: 1px solid #eee; padding-top: 50px; padding-left: 30px; padding-right: 30px; height: 340px; box-sizing: border-box; text-align: center; width: 200px; box-sizing: border-box; }
.bbc_fun_list li.active{ width: 399px; }
.bbc_fun_list .icon{ width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%; margin: 0 auto 38px; }
.bbc_fun_list h2{ line-height: 26px; margin-bottom: 10px; font-size: 18px; }
.bbc_fun_list p{ max-width: 120px; height: 54px; overflow: hidden; margin: 0 auto 28px; font-size: 12px; color: #999; line-height: 18px; text-transform: uppercase; }
.bbc_fun_list .text_p{ position: absolute; top: 100%; width: 300px; margin: 0 auto;/* display: none;*/ font-size: 12px; line-height: 30px; height: 120px; overflow: hidden; color: #fff; }
.bbc_fun_list .line{ display: block; width: 20px; height: 2px; display: block; margin: 0 auto; }
.bg_ff9000 .icon,.bg_ff9000 .line,.bbc_fun_list li.active.bg_ff9000{ background-color: #ff9000; }
.bg_3b99f0 .icon,.bg_3b99f0 .line,.bbc_fun_list li.active.bg_3b99f0{ background-color: #3b99f0; }
.bg_25b49b .icon,.bg_25b49b .line,.bbc_fun_list li.active.bg_25b49b{ background-color: #25b49b; }
.bg_38caee .icon,.bg_38caee .line,.bbc_fun_list li.active.bg_38caee{ background-color: #38caee; }
.bg_8680e4 .icon,.bg_8680e4 .line,.bbc_fun_list li.active.bg_8680e4{ background-color: #8680e4; }
.bbc_fun_list li.active{ padding-top: 40px; box-shadow: 0 16px 32px rgba(0,0,0,.1); }
.bbc_fun_list li.active .icon{ background-color: #fff; width: 100px; height: 100px; line-height: 100px; margin-bottom: 18px; }
.bbc_fun_list li.active *{ color: #fff; }
.bbc_fun_list li.active .text_p{ position: static; display: block; }
.bbc_fun_list li.active p{ display: none; }
.bbc_fun_list li.active .line{ display: none; }

/*关于我们*/
.about_main .baseWidth{ padding: 40px 50px 120px; box-sizing: border-box; color: #393943; line-height: 36px; }
.about_main .baseWidth img{margin: 0 auto; display: block; max-width: 100%;}


/*新闻动态列表*/
.news_main{ padding: 50px 0 25px; }
.news_list{ width: 1230px; }
.news_list li{ margin-bottom: 30px; float: left; width: 380px; margin-right: 30px; }
.news_list .zoom{ position: relative; width: 100%; height: 225px;background-image: url(../images/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 60px; }
.news_list .text{ line-height: 24px; padding: 26px 30px 34px; box-sizing: border-box; background: #fcfcfc; }
.news_list .text h2{ font-size: 18px; height: 48px; overflow: hidden; color: #393943; margin-bottom: 4px; }
.news_list .text span{ color: #999; font-size: 12px; display: block; margin-bottom: 6px; } 
.news_list .text p{ color: #999; font-size: 12px; height: 96px; overflow: hidden; }
.news_list li:hover .zoom:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/sbg52.png); z-index: 1; }
.news_list li:hover .zoom:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon39.png) center no-repeat; z-index: 1; }
.news_list li:hover .text{ background-color: #a80b28; }
.news_list li:hover .text h2,.news_list li:hover .text span,.news_list li:hover .text p{ color: #fff; }
.i_ap2_wrap .i_ap2_box{ display: none; opacity: .6; }
.i_ap2_wrap .i_ap2_box:first-child{ display: block; opacity: 1; }

/*新闻动态详情*/
.news_dmain img,.about_main img{ max-width: 100%!important; height: auto!important; }
.news_dmain .info h2{ font-size: 24px; text-align: center; padding: 42px 0 34px; border-bottom: 1px solid #eee; line-height: 32px; }
.news_dmain .info .time{ color: #999; text-align: center; display: block; padding: 26px 0 28px; }
.news_dmain .content{ padding: 0 50px 70px; border-bottom: 1px solid #eee; box-sizing: border-box; line-height: 36px; font-size: 16px; }
.forum_link{ padding: 10px 50px 80px; line-height: 40px; }
.forum_link a{ max-width: 100%; box-sizing: border-box; display: block; }
.forum_link a:hover{ color: #a80b28; }
.forum_link .fl{ width: 80%; }
.forim_p{ padding-left: 18px; background: url(../images/icon42.png) left center no-repeat; }
.forim_n{ padding-left: 18px; background: url(../images/icon43.png) left center no-repeat; }
.forum_link .fr{ margin-top: 20px; width: 40px; height: 40px; background-image: url(../images/icon44.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
.forum_link .fr:hover{ background-image: url(../images/icon44on.png); }

/*联系我们*/
.cont_top{ border: 1px solid #eee; box-sizing: border-box; margin: 50px auto; }
.cont_list{ border-bottom: 1px solid #eee; }
.cont_list li{ color: #393943; font-size: 18px; width: 25%; height: 78px; line-height: 78px; position: relative; float: left; padding: 0 30px; box-sizing: border-box; }
.cont_list li img{ margin-right: 20px; }
.cont_list li:after{ content: ''; position: absolute; right: -1px; top: 0; height: 100%; width: 1px; background: #eee; z-index: 1; }
.cont_list li.on,.cont_list li:hover{ background: #a80b28; color: #fff; cursor: pointer; }
.cont_box .text{ padding: 56px 50px; box-sizing: border-box; width: 50%; }
.cont_box .text h2{ margin-bottom: 30px; font-size: 24px; }
.cont_box .text p{ font-size: 12px; line-height: 40px; }
.cont_box .text span{ display: inline-block; *display: inline; *zoom: 1; color: #999; margin: 0 18px; }
.cont_box .text font{ vertical-align: top; display: inline-block; *display: inline; *zoom: 1; width: 360px; }
.cont_box .allmap{ width: 50%; height: 420px; overflow: hidden; }
.cont_bot{ background: #fcfcfc; margin-bottom: 60px; padding: 50px; box-sizing: border-box; }
.cont_bot h2{ line-height: 1; margin-bottom: 40px; font-size: 30px; color: #000; font-weight: 100; }
.cont_form .item{ margin-bottom: 42px; }
.cont_form .item .ibox{ position: relative; }
.cont_form .item input{ padding: 0 70px; border-radius: 2px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; width: 530px; height: 60px; line-height: 58px; _line-height: 58px; *line-height: 58px; }
.cont_form .item textarea{ display: block; width: 100%; height: 120px; line-height: 25px; padding: 24px 10px 24px 70px; border-radius: 2px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; }
.cont_form .item .in_state{ width: 20px; height: 60px; position: absolute; right: 30px; top: 0; }
.cont_form .item .in_tips{ position: absolute; bottom: -30px; line-height: 20px; color: #e11137; font-size: 12px; padding-left: 71px; }
.cont_form .in_company{ background: url(../images/icon84.png) 30px center no-repeat; }
.cont_form .in_phone{ background: url(../images/icon85.png) 30px center no-repeat; }
.cont_form .in_name{ background: url(../images/icon86.png) 30px center no-repeat; }
.cont_form .in_qq{ background: url(../images/icon87.png) 30px center no-repeat; }
.cont_form .in_textarea{ background: url(../images/icon88.png) 30px 29px no-repeat; }
.cont_form .in_code{ background: url(../images/icon89.png) 30px center no-repeat; }
.cont_form .code_box input{ padding-right: 162px; }
.cont_form .code_box .code_img{ overflow: hidden; position: absolute; right: 18px; top: 10px; width: 84px; height: 40px; line-height: 40px; font-size: 0; text-align: center; }
.cont_form .code_box .code_img img{ max-width: 100%; max-height: 100%; }
.cont_form .code_box .in_state{ right: 122px; }
.cont_form .item input.in_sub{ padding: 0; background-color: #a80b28; color: #fff; font-size: 16px; border: none; }
.cont_form .ibox.wrong .in_state{ background-image: url(../images/wrong.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.cont_form .ibox.wrong input,.cont_form .ibox.wrong textarea{ border-color: #e11137; }
.cont_form .ibox.right .in_state{ background-image: url(../images/right.png); background-repeat: no-repeat; background-position: center; background-size: contain; }






.bgcolor_1{background: #3b99f0;}
.bgcolor_2{background: #ff9a16;}
.bgcolor_3{background: #57be5b;}
.bgcolor_4{background: #8680e4;}
.bgcolor_5{background: #ff6868;}
.bgcolor_6{background: #25b49b;}
.bgcolor_0{background: #25b49b;}

.news_nav{ text-align: center; border-bottom: 1px solid #e3e3e3; height: 65px; font-size: 0; margin-bottom: 30px;}
.news_nav li{ position: relative; height: 66px; line-height: 66px; padding: 0 18px; 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: 65px; font-size: 16px; color: #666; min-width: 100px; padding: 0 9px; display: inline-block; *display: inline; *zoom: 1; border-bottom: 1px solid transparent; }
.news_nav li.on a,.news_nav li:hover a{ color: #a80b28; border-color: #a80b28; }


/*select*/
.sod_select,.sod_select *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.sod_select{ font-size: 14px; vertical-align: middle; display: inline-block; position: relative; line-height: 1; width: 150px; padding: 18px 35px 18px 20px; background: #f6f6f6 url(../images/icon90.png) 125px center no-repeat; text-align: left; outline: 0; outline-offset: -2px; /* Opera */ cursor: default; }
.sod_select.disabled{border-color: #828282; color: #b2b2b2; cursor: not-allowed;}
.sod_select .sod_label{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*padding-right: 15px;*/}
.sod_select .sod_list{position: absolute; top: 100%; left: 0; display: none; height: auto; width: 100%; background: #f6f6f6; z-index: 1; max-height: 200px; overflow: auto;}
.sod_select.open{ border-radius: 10px 10px 0 0; }
.sod_select.open .sod_list{display: block;}
.sod_select.disabled.open .sod_list{display: none;}
.sod_select.above .sod_list{top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none;}
.sod_select .sod_list ul{overflow-y: auto; padding: 0; margin: 0;}
.sod_select .sod_list li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 0 20px; list-style-type: none; line-height: 35px!important; width: 100%;}
.sod_select .sod_list .optgroup,.sod_select .sod_list .optgroup.disabled{background: inherit; color: #939393; font-size: 10px; font-style: italic;}
.sod_select .sod_list .groupchild{padding-left: 20px;}
.sod_select .sod_list .disabled{background: inherit; color: #cccccc;}
.sod_select .sod_list .active{background: #a80b28; color: #fff;}
.sod_select .sod_list .selected:before{content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);}
.sod_select.no_highlight .sod_list .selected:before{display: none;}
.sod_select select{display: none !important;}
.sod_select.touch select{-webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1;}

/*案例列表*/
.case_main{ padding-bottom: 35px; }
.case_top{ text-align: center; padding: 40px 0; font-size: 0; }
.case_top a{ text-align: center; background: #f6f6f6; margin-right: 10px; width: 140px; height: 50px; line-height: 50px; display: inline-block; vertical-align: top; font-size: 14px; }
.case_top a.on{ background: #a80b28; color: #fff!important; } 
.case_top a:hover{ color: #a80b28; }
.case_top a.more{ border: 1px solid #a80b28; color: #a80b28; background: #fff; box-sizing: border-box; }
.case_top .sod_select{ vertical-align: top; }

.nc_bar{ height: 100px; line-height: 100px; background: #f6f6f6; }
.nc_bar li{ float: left; width: 20%; text-align: center; font-size: 18px; }
.nc_bar li a{ display: block; color: #333; }
.nc_bar li img{ margin-right: 20px; }
.nc_bar li.on,.nc_bar li:hover{ background: #fff; }
.nc_bar li.on a,.nc_bar li:hover a{ color: #a80b28; }
.nc_choose{ margin: 20px auto 40px; }
.nc_choose .baseWidth{ background: #f6f6f6; padding: 15px 30px; box-sizing: border-box; }
.nc_choose .left{ width: 800px; font-size: 12px; line-height: 30px; color: #333; }
.nc_choose .left li{ float: left; margin-right: 28px; }
.nc_choose .left li a{ display: block; border-bottom: 1px solid transparent; }
.nc_choose .left li.on a,.nc_choose .left li:hover a{ color: #a80b28; border-bottom: 1px solid #a80b28; }
.nc_choose .right{ margin-top: 20px; }
.nc_choose .search_form{ font-size: 0; width: 300px; height: 50px; border: 1px solid #ddd; box-sizing: border-box; background: #fff; }
.nc_choose .search_input{ width: 210px; padding: 0 20px; border: none; height: 48px; line-height: 48px; _line-height: 48px; *line-height: 48px; }
.nc_choose .search_btn{ border: none; width: 48px; height: 48px; background: url(../images/icon125.png) center no-repeat; cursor: pointer; }

.n_case_list{ font-size: 0; }
.n_case_list li{ margin-bottom: 40px; position: relative; margin-right: 40px; text-align: center; background: url(../images/icon106.png) center no-repeat; background-size: cover; width: 270px; height: 554px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px; }
.n_case_list li .pic{ position: relative; width: 240px; height: 422px; background-repeat: no-repeat; background-position: center; background-size: contain; margin: 66px auto 0; border-radius: 6px; overflow: hidden; }
.n_case_list li .txt{ width: 100%; height: 66px; line-height: 66px; }
.n_case_list li:hover{ background: url(../images/icon106on.png) center no-repeat; background-size: cover; }
.n_case_list li:hover .txt{ color: #fff; }
.n_case_list li .pic .shadow{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.n_case_list li .pic .ewm_box{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 140px; height: 140px; line-height: 140px; text-align: center; background: #a80b28; border-radius: 4px; box-shadow: 0 0 2px rgba(0,0,0,.14); }
.n_case_list li .pic .ewm_box img{ max-width: 120px; max-height: 120px; }
.n_case_list li:hover .pic .shadow{ opacity: 1; }

.i_case_box{ overflow: hidden; padding: 0 30px; }
.over_box{ overflow: hidden; }

.case_list_new{ text-align: center; overflow: auto; font-size: 0; white-space: nowrap; }
.case_list_new li{ position: relative; margin: 0 21px 40px; text-align: center; background: url(../images/icon106.png) center no-repeat; background-size: cover; width: 270px; height: 554px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px; }
.case_list_new li .pic{ width: 240px; height: 422px; background-repeat: no-repeat; background-position: center; background-size: contain; margin: 66px auto 0; border-radius: 6px; overflow: hidden; }
.case_list_new li .txt{ width: 100%; height: 66px; line-height: 66px; }
.case_list_new li:hover{ background: url(../images/icon106on.png) center no-repeat; background-size: cover; }
.case_list_new li:hover .txt{ color: #fff; }
.case_list_new .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: 1200px; margin: 0 auto; }

.small_new .case_top a{ width: 130px; }
.small_new .case_list_new{ padding: 0 30px; }
.small_new .case_list_new li .text{ padding: 0 60px 0 20px; height: 50px; line-height: 50px; font-size: 16px; }
.small_new .case_list_new li .text i{ height: 50px; right: 20px; }
.small_new .case_list_new li .shadow h2{ font-size: 22px; }
.small_new .case_list_new li .shadow .view{ height: 35px; line-height: 35px; }
.small_new .case_list_new li .shadow p{ line-height: 22px; max-height: 66px; margin-bottom: 6px; }
.i_case_wrap_new .i_case_box{ display: none; opacity: .6; }
.i_case_wrap_new .i_case_box:first-child{ display: block; opacity: 1; }
.i_case_new{ padding: 50px 0; } 

.case_list{ padding: 0 4.16%; min-width: 1200px; box-sizing: border-box; }
.case_list li{ overflow: hidden; position: relative; width: 31.8%; margin-right: 2.3%; float: left; margin-bottom: 40px; }
.case_list li .pic{ width: 100%; height: 0; padding-bottom: 70%; background-image: url(../images/loading.gif); background-position: center; background-repeat: no-repeat; background-size: 60px; }
.case_list li span{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.case_list li .text{ height: 74px; line-height: 74px; padding: 0 100px 0 50px; box-sizing: border-box; font-size: 18px; color: #fff; background-image: url(../images/sbg5.png); position: absolute; bottom: 0; left: 0; width: 100%; }
.case_list li .text i{ position: absolute; right: 50px; top: 0; height: 74px; width: 30px; background: url(../images/icon92.png) 92% center no-repeat; }
.case_list li .shadow{ box-sizing: border-box; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; color: #fff; padding: 0 8.9%; background-image: url(../images/sbg9.png); }
.case_list li .shadow h2{ margin-top: 11%; width: 100%; font-size: 24px; }
.case_list li .shadow p{ margin-bottom: 14px; width: 320px; max-width: 100%; line-height: 26px; max-height: 78px; }
.case_list li .shadow .bot{ position: absolute; left: 8.9%; bottom: 12%; width: 100%; padding-right: 17.8%; box-sizing: border-box; }
.case_list li .shadow .view{ text-transform: uppercase; height: 45px; line-height: 45px; }
.case_list li .shadow .view:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 1px; background: #fff; }
.case_list li:hover .text{ display: none; }
.case_list li:hover .shadow{ top: 0; }
.small .case_top a{ width: 130px; }
.small .case_list{ padding: 0 30px; }
.small .case_list li .text{ padding: 0 60px 0 20px; height: 50px; line-height: 50px; font-size: 16px; }
.small .case_list li .text i{ height: 50px; right: 20px; }
.small .case_list li .shadow h2{ font-size: 22px; }
.small .case_list li .shadow .view{ height: 35px; line-height: 35px; }
.small .case_list li .shadow p{ line-height: 22px; max-height: 66px; margin-bottom: 6px; }
.i_case_wrap .i_case_box{ display: none; opacity: .6; }
.i_case_wrap .i_case_box:first-child{ display: block; opacity: 1; }

/*案例详情*/
.case_dmain{ padding-bottom: 150px; }
.case_dmain .blue{ position: absolute; width: 100%; background: #0081cd; height: 760px; }
.case_dtop{ padding: 50px 0 54px; position: relative; color: #fff; }
.case_dtop .left .pic{ display: inline-block; vertical-align: top; margin-right: 30px; width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-color: #fff; border-radius: 50%; }
.case_dtop .left .text{ display: inline-block; vertical-align: top; width: 700px; }
.case_dtop .left h2{ margin-top: 28px; font-size: 36px; font-weight: 100; }
.case_dtop .left .info{ margin: 24px 0; line-height: 20px; }
.case_dtop .left .info span{ margin-right: 38px; }
.case_dtop .left .info .time{ background: url(../images/icon98.png) left center no-repeat; padding-left: 26px; }
.case_dtop .left .info .date{ background: url(../images/icon99.png) left center no-repeat; padding-left: 26px; }
.case_dtop .left .info .txt{ font-size: 12px; line-height: 24px; }
.case_dtop .right{ font-size: 0; }
.case_dtop .right a{ margin-left: 10px; width: 50px; height: 50px; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center; background-size: cover; }
.case_dtop .right .prev{ background-image: url(../images/icon94.png); }
.case_dtop .right .menu{ background-image: url(../images/icon95.png); }
.case_dtop .right .next{ background-image: url(../images/icon96.png); }
.case_dtop .right .link{ margin-left: 20px; background-image: url(../images/icon97.png); }
.case_dbot{ overflow: hidden; border-radius: 7px; box-shadow: 0 0 20px rgba(0,0,0,.14); position: relative; }
.case_dbot img{ max-width: 100%!important; height: auto!important; }
.case_dbot { line-height: 30px;}

.n_main{ padding-top: 120px; }
/*小程序*/
.fm{ width:100%; height:400px; background-repeat: no-repeat; background-position: center; background-size: cover; }

.wx-advantages{vertical-align: middle;text-align: center;}
.wx-advantages .p_h1{padding:80px 0 40px 0;color:333;font-weight:normal;font-size: 30px;}
.advantages{width:100%;height:400px;background:url("../images/xpic1.jpg") no-repeat center 100%;padding-bottom:20px}

.wx-flow{background-color:#eee;padding-top:75px;padding-bottom:75px;}
.wx-flow .p_h1{ font-size: 30px; }
.tit_p-new{ padding-top: 18px; color: #666; }
.Marketing_item ul li{z-index: 10; display: block;float: left; width: 175px; height: 165px; cursor: pointer; text-align: center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;  border-right:0; border-bottom:0;padding-left:74px;}
.Marketing_item ul li {padding-left:48px}
.Marketing_item ul.Marketing_ul li i.flow{ background: url("../images/xicon.png") no-repeat center; width: 100px;height: 100px; display: block; margin: 30px auto 10px;  display: block; transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;  -moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;}
.Marketing_item ul.Marketing_ul li:first-child i.flow{background-position:0 0 }
.Marketing_item ul.Marketing_ul li:nth-child(2) i.flow{background-position:-225px 0   }
.Marketing_item ul.Marketing_ul li:nth-child(3) i.flow{background-position:-450px 0   }
.Marketing_item ul.Marketing_ul li:nth-child(4) i.flow{background-position:-677px 0   }
.Marketing_item ul.Marketing_ul li:nth-child(5) i.flow{background-position:-905px 0   }
.Marketing_item ul.Marketing_ul li:nth-child(6) i.flow{background-position:0px -165px   }
.Marketing_item ul.Marketing_ul li:nth-child(7) i.flow{background-position:-226px -165px}
.Marketing_item ul.Marketing_ul li:nth-child(8) i.flow{ background-position:-450px -165px}
.Marketing_item ul.Marketing_ul li:nth-child(9) i.flow{ background-position: -677px -165px}
.Marketing_item ul.Marketing_ul li:nth-child(10) i.flow{background-position: -905px -165px }
.Marketing_item ul li.syhy{ z-index: 10; display: block;float: left; width: 175px; height: 175px; cursor: pointer; text-align: center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;  border-right:0; border-bottom:0;padding-left:74px;padding-bottom: 71px}
.Marketing_item ul li.first{padding-left:0px;}
.Marketing_item ul li i{ background: url("../images/xpic11.png") no-repeat center; z-index: 10; display: block; width: 42px;height: 42px; display: block;  display: block; transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;  -moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;}
.Marketing_item ul li span{ z-index: 10; display: block; margin-bottom: 18px;margin-top: 14px; display: block;}
.Marketing_item ul li:hover i{z-index: 10; display: block; cursor: pointer; transform: rotate(360deg); transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;  -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  -o-transform: rotate(360deg);  -ms-transform: rotate(360deg); cursor: pointer;}
.use-industry .Marketing_item ul li:first-child i{ background: url("../images/xpic11.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.use-industry .Marketing_item ul li:nth-child(2) i{ background: url("../images/xpic12.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.use-industry .Marketing_item ul li:nth-child(3) i{ background: url("../images/xpic13.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.use-industry .Marketing_item ul li:nth-child(4) i{ background: url("../images/xpic14.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.use-industry .Marketing_item ul li:nth-child(5) i{ background: url("../images/xpic15.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.use-industry .Marketing_item ul li:nth-child(6) i{ background: url("../images/xpic16.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.use-industry .Marketing_item ul li:nth-child(7) i{ background: url("../images/xpic17.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100%}
.use-industry .Marketing_item ul li:nth-child(8) i{ background: url("../images/xpic18.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.use-industry .Marketing_item ul li:nth-child(9) i{ background: url("../images/xpic19.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100% }
.use-industry .Marketing_item ul li:nth-child(10) i{ background: url("../images/xpic20.png") no-repeat center; z-index: 10; display: block;background-size:100% 100%;width:100%;height:100%}
.DIVT{width:1185px !important;padding-top:54px;margin: 0 auto}
.DIVP{width:1175px !important;margin: 0 auto; height:340px;}

.routine{background-color:#fff;padding-top:75px;width:100%; text-align: center;}
.routine .p_h1{ font-size: 30px; }
.routine .tit_p-new{ padding-top: 18px; padding-bottom: 41px; }
.routine-infos{width:1200px;margin:0 auto; padding-bottom: 65px;}
.routine-info{margin-right:15px;margin-bottom: 15px;width:286px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; border: 1px solid #eee;position:relative;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.routine-info:first-child{ float: left; }
.routine-info:last-child{ float: right; }
.routine-info:hover .details{display:block;}
.routine-info:hover .desc{display:none;}
.routine .details {padding: 12px 0px;}
.routine .blue{border-color:#63b8ee;box-shadow:0 0 35px rgba(0,0,0,.3);}
.routine .pink{border-color:#ff8084;box-shadow:0 0 35px rgba(0,0,0,.3);}
.routine .green{border-color:#1bc7cc;box-shadow:0 0 35px rgba(0,0,0,.3);}
.routine .purple{border-color:#9185f9;box-shadow:0 0 35px rgba(0,0,0,.3);}
.routine .green{border-color:#bbe172;box-shadow:0 0 35px rgba(0,0,0,.3);}

.routine .purple{border-color:#9185f9;box-shadow:0 0 35px rgba(0,0,0,.3);}
.routine .green{border-color:#bbe172;box-shadow:0 0 35px rgba(0,0,0,.3);}
.routine .shallowred{border-color:#ffa99a;box-shadow:0 0 35px rgba(0,0,0,.3);}
.routine .shallowpurple{border-color:#f77fe3;box-shadow:0 0 35px rgba(0,0,0,.3);}
.routine .yelloworange{box-shadow:0 0 35px rgba(0,0,0,.3);}

.shallowred{border-color:#ffa99a;box-shadow:0 0 35px rgba(0,0,0,.3);}
.shallowpurple{border-color:#f77fe3;box-shadow:0 0 35px rgba(0,0,0,.3);}
.replace{width:auto;height:200px;background-position: 100px 110px;background-repeat:no-repeat;border:0;position:relative;}
.replace:before{content:'';height:155px;width:100%;position:absolute;left:0;top:0;background: linear-gradient(to right, #1bc7cc, #63b8ee);}
.replace2:before{background: linear-gradient(to right, #ffb87d, #ff8084);}
.replace3:before{background: linear-gradient(to right, #7be8b3, #1bc7cc);}
.replace4:before{background: linear-gradient(to right, #83c0fe, #9185f9);}
.replace5:before {
    background: linear-gradient(to right, #bbe172, #80c133);
}
.replace6:before {
    background: linear-gradient(to right, #ffa99a, #f05f88);
}
.replace7:before {
    background: linear-gradient(to right, #f77fe3, #c145d7);
}
.replace8:before {
    background: linear-gradient(to right, #f7b15d, #f78582);
}
.replace9:before {
    background: linear-gradient(to right, #64dcec, #63b7f1);
}

.waiting{    line-height: 136px;font-size: 26px;color: #666;}        
.ico{position: absolute; left: 100px; bottom: 0;}      
.routine-info-title{ font-size: 22px;color: #FC7839; position: absolute;top: 50px; left: 110px;color: #fff;}	                        
.details{ line-height: 2;display:none; }
.details>li{list-style: disc;color:#ccc;float: left;list-style-position: inside;width:30%;line-height:1.7;font-size:12px;}
.details>li span{color:#666;position: relative;left: -22px;-webkit-margin-start:10px;}
.desc{padding: 15px 25px; color: #666; line-height: 1.5;font-size: 12px;letter-spacing: 1.5px;} 
.desc.evel {padding: 10px 25px 0px 25px;}
.details.pd-10{padding: 11px 0px; }
.originaPrice{font-size: 20px;margin: 5px 0 20px 0; min-height: 60px; }
.routine-infos .routine-info .originaPrice .d_ib{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.routine-infos .routine-info .originaPrice p{ font-size: 16px; }
.routine-infos .routine-info .originaPrice p font{ font-size: 14px; }
.tipor{ font-size: 12px;padding: 15px 25px 23px;color: #999;text-align: left;line-height: 1.5; border-top: 1px solid #f1f1f1;}	                                 	           
.button-m.resetBtn{    border-radius: 0; border: 1px solid #fc7839; width: 100px;color:#fc7839; padding: 0;height: 35px; line-height: 34px;margin-left: 10px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}      
.button-m.resetBtn:hover{background-color:#fc7839;color:#fff}
.year{font-size:14px;color:#666;    letter-spacing: 1px;padding-left: 5px;}      
.originaPrice-bottom{border-top:1px solid #eee;color:#999;padding:15px;}  
.asset{
	margin-left: 5px;
    cursor: pointer;
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    width: 55px;
    height: 20px;
    border-radius: 15px;
    display: inline-block;
    line-height: 20px;
    float: right;
}
.free{
	font-size: 14px;
    color: #666;
    float: left;
    /* font-size: large; */
    margin-right: 5px;
}      
.asset:hover{background:#fc7839;color:#fff;border-color:#fc7839;}  
.routine-info>img{}
/*.routine-info div{height:265px;width:290px;float:left;margin-top:50px}*/
.routine-info div h2{text-align:left;font-size: 24px;font-weight: normal;}
.routine-info div ul li.newShow{box-sizing: border-box;-webkit-box-sizing:border-box;border-bottom: 1px solid #f2f2f2}
.routine-info div h2 img{margin-right:14px;}
/*.routine-info div ul{width:100%;padding-top:26px;text-align: left;}*/
.routine-info div ul li{float:left;padding-right:20px;padding-bottom:16px}
.routine-info div ul li.originaPrice{color:#fe780b;font-size: 30px;font-weight: bold;width: 100%;text-align: left;box-sizing: border-box;-webkit-box-sizing:border-box;line-height: 1;padding:20px 0;     display: -webkit-inline-box;}
.routine-info div ul li.originaPrice span{font-size: 18px;color:#333;font-weight:normal;padding-left: 5px}
.routine-info div ul li.originaPrice span i{color:#fe780b;font-style:normal;}; 
.routine-info div ul li img{padding-right:10px}
.button-m{display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Microsoft YaHei, Helvetica, sans-serif;padding: 0.8em 1.8em .7em;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius:4px;font-size:16px}	
.button-m:hover {text-decoration: none;}
.button-m:active {position: relative;top: 1px;}
.orange {color: #fff;background: #fc7839;}
.orange:hover {background: #ff6600;}
.orange:active{color: #fc7839;}
.emp-bott {color: #f48328;border: solid 1px #da7c0c;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
/*脝贸脪碌脨脜脧垄脮鹿脢戮*/
.company-infos{background-color:#eee;padding-top:70px;padding-bottom:135px;width:100%;height:590px;width:100%}
.picture-box{width:1200px;margin:0 auto}
.picture-wall{width:auto ;   margin: 0 auto;display: block; padding: 0 40px;}
.picture-wall li{float:left;margin-right:150px;position:relative}
.picture-wall li span{position:absolute;left: 35%; bottom: -7%; font-size: 16px; }
.picture-wall li:last-child{margin:0}
.wall{padding: 0 50px;}
.wall>li{margin-right: 175px;}
.stores-pay{background-color:#fff;padding-top:70px;padding-bottom:240px;width:100%;height:440px;}
.member{background-color:#eee;padding-top:70px;padding-bottom:120px;width:100%;}
.member .p_h1{ font-size: 30px; }
.member .tit_p-new,.stores-pay .tit_p-new{ padding-top: 18px; padding-bottom: 41px; }
.use-industry{background-color:#fff;padding-top:70px;padding-bottom:5px;width:100%;height:625px;width:100%}
.industry .industry-item{ width:1274px; margin: 0 auto; position: relative;}
.use-industry .p_h1,.stores-pay .p_h1{ font-size: 30px; }


.generate{background-color:#eee;padding-top:70px;padding-bottom:5px;width:100%;height:450px;width:100%}
.generate-infos{width:1100px;height:auto;margin:0 auto;}
.generate-con{width:100% !important;padding-left:20px;}
.generate-con h2{font-size:36px;text-align:left;}
.generate-con h2 font{color:#f56e00;padding:0 5px;font-size:48px}
.generate-con div{margin-top: 0px;padding-top:10px;}
.generate-con div img{float:left;margin-top:32px}
.generate-con div ul{float:right;width:85%;}
.generate-con div ul li{padding-bottom:38px;padding-left:10px; width:300px;}
.generate-con>img{    margin: 50px 28px 50px 115px}
/*脨隆鲁脤脨貌鲁拢录没脦脢脤芒*/
.questions{background:url('../images/xbg.jpg');padding-top:70px;padding-bottom:5px;width:100%;height:456px;color:#fff;width:100%}
.questions-infos h2{font-size:30px;font-weight:normal}
.questions-infos div{width: 100%!important;}
.questions-infos div{padding-top:50px}
.questions-infos div table tr td{text-align:left;padding-bottom: 40px;}
.questions-infos table{width: 100%;}
.questions-infos tr td{width: 33%;}
.tibu{background:#ffaf31 !important; height:136px;}
.tibu .tibu_botton{background:#fff!important;font-weight:900}
.tibu .tibu_botton:hover{font-weight:900;box-shadow:2px 2px 0px #ea9715, 0px 0px 0px #ffaf31;}
.questions-infos  div table tr td a:hover{color:#ffaf31}
.emp-bott:hover{background:#ffaf31;color:#fff !important;border-color:#ffaf31;}
.tibu .tibu_conter {width: 600px;margin: 0 auto;padding-top: 46px;position: relative;}
.tibu .tibu_botton {width: 167px;height: 52px;background: #f9750b;display: inline-block;line-height: 52px;cursor: pointer;transition: all .3s;margin-right: 20px;}
.tibu .tibu_conter .tibu_item {width: 390px;margin-top: -13px;}
.tibu .tibu_conter .tibu_item .c5{ color: #fff; font-weight: bold; }
.tibu .tibu_conter .tibu_botton .c6 { color: #f48328; font-size: 16px; font-weight: bold; }
.tibu_botton_t {position: absolute;left: 421px;top: 40px;}
.tibu .tibu_conter .tibu_item p {text-align: right;font-size: 18px;padding-top: 7px;}
.font26 {font-size: 26px;}
/*.active2{border-bottom:4px solid #ff7200;}*/
.routineDemos{padding:75px 0;width:1165px;margin:0 auto; height:900px}
.routineDemos .p_h1{ font-size: 30px; }
.routineDemos>ul>li{margin-right:32px; margin-top: 47px; }
.routineDemos>ul>li:nth-child(5n){margin-right:0;}
.routineDemos>ul>li{width:207px;height:auto;float:left;overflow:hidden;}
.routineDemos>ul>li>.pic{border: 1px solid #eee;height:197px;position:relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.routineDemos>ul>li>.pic>img{position:absolute;left: calc(50% - 80px);top: -100%;-moz-transition: all 0.5s ease .1s;-o-transition: all 0.5s ease .1s;-webkit-transition: all 0.5s ease .1s;width: 160px;}
.routineDemos>ul>li:hover img{top: calc(100% - 175px);}
.routineDemos>ul>li p{ margin-top: 10px; color: #666; text-align: center; }
.routineDemos .shadow{width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;-moz-transition: all 0.5s ease .1s;-o-transition: all 0.5s ease .1s;-webkit-transition: all 0.5s ease .1s;}
.routineDemos>ul> .items:hover .shadow{opacity:.7}
.fiveStep>li{padding-left: 10px;line-height: 40px;padding-bottom:16px !important}
.fiveStep{    padding-top: 26px; text-align: left}
.generate-con>img{    margin: 25px 28px 50px 115px;}
.disp{    height: 265px;width: 290px;float: left; padding-top: unset;margin-top: unset;}
.routine-info.generate-con{border: 0;box-shadow: unset;display: inline-block;height: 413px; border-radius: 5px;}
.routine-info.generate-con a{ font-size: 16px; color: #fff; }
.routine-temps{max-width:1250px;margin:0 auto;position:relative;}
.routine-temps .p_h1{ font-size: 30px; }
.padd-r94{padding-right:94px}
.padd-r100{padding-right:100px}

.swiper-prev:before{top: calc(50% - 17px);right: calc(50% - 20px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}       
.swiper-next:before{top: calc(50% - 17px);right: calc(50% - 27px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}    
.swiper-prev,.swiper-next{background-repeat:no-repeat;position:absolute;width:56px;height:56px;display:block;content:'';background-color:#7a7a7a;border-radius:50%;cursor:pointer;top: calc(50% + 40px);}
.swiper-prev:before,.swiper-next:before{position:absolute;width:35px;height:35px;background-repeat: no-repeat;content:'';}
.swiper-prev{left:0;}   
.swiper-next{right:0;} 
.swiper-container{width:1080px;}
.swiper-container:before,.swiper-container:after{width:415px;height:405px;content:'';background-color: #f5f5f5;display:block;position:absolute;z-index: 9999;opacity: .5;top:0;}
.swiper-container:before{left:0;}
.swiper-container:after{right:0;}
.framing{width:302px;height:559px;position:absolute;background-image:url("../images/iPhone.png"); top: calc(50% - 185px);left: calc(50% - 149px);z-index:1;opacity:0;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;}
.routine-temps .swiper-container{    margin-top: 100px;    margin-bottom: 100px;}
.row-n{height: 750px;background: #f5f5f5;/*padding: 60px 0;*/padding-top:80px;}  
.lookTemp{    position: absolute; left: calc(50% - 65px); background-color: #ff7200;color: #fff;padding: 0; width: 133px;line-height: 40px; border-radius: unset;display:none;} 
  

.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: #a80b28; }
.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: #a80b28; }
.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; }

.news_main{ background: #f5f7f8; padding: 40px 0 78px; }
.news_main .i_ap3_list{ margin: 0 auto 30px; }
.news_main .i_ap3_list li{ margin-bottom: 50px; }

.news_main .npages{ font-size: 0; text-align: center; }
.news_main .npages .prev,.news_main .npages .next{ padding: 0!important; width: 120px; }
.news_main .npages 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; }
.news_main .npages .current{ display: inline-block; *display: inline; *zoom: 1; color: #fff; background: #a80b28; }
.news_main .npages font{ color: #8e8e8e; margin-left: 7px; font-size: 16px; }
.news_main .npages .gotopage{ color: #999;}
.news_main .npages input[type='text']{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; 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;}
.news_main .npages input[type='button']{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; cursor: pointer; height: 40px; cursor: pointer; width: 58px; color: #8e8e8e; border: none; border-radius: 2px; background: #fff; }
.news_main .npages a:hover,.news_main .npages input[type='button']:hover{ color: #fff; background: #a80b28; }
.news_main .npages .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; }
.news_main .npages .prev:hover i{ background-image: url(../images/aicon20on.png); }
.news_main .npages .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; }
.news_main .npages .next:hover i{ background-image: url(../images/aicon21on.png); }
.news_main .npages a.first,.news_main .npages a.last{ width: 79px; }


@media screen and (max-width: 1500px){
.news_main .i_ap3_list li{ margin-bottom: 30px; }
}















.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}