﻿@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
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,b,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;color: #333;}
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}
button,input[type=submit],input[type=text],input[type=button],select,div{-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())}
body{ padding-top: 1.25rem; color:#333;line-height:1.3;font-size:.26rem;opacity: 0;overflow-x: hidden;background:#fff}
a,.nav_wrap,.search_wrap{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.txt_overflow{display:inline-block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.ellipsis{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.w{ width: 100%; }
.fl { float: left; }
.fr { float: right; }
.db { display: block; }
.d_ib { display: inline-block; }
.pr { position: relative; }
.pa { position: absolute; }
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.vm { vertical-align: middle; }
.vt { vertical-align: top;}
.none { display: none; }
.img_box{ display: block; overflow: hidden; }
.img_box img{ width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.img_box:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.bg_f7f7f7{ background: #f7f7f7; }
.bg_f4f3f3{ background: #f4f3f3; }

/*header*/
header{ border-bottom: 1px solid #eee; z-index: 999; text-align: center; position: fixed; height: 1.25rem; line-height: 1.25rem; font-size: 0; padding: 0 .2rem; top: 0; width: 100%; background: #fff; box-sizing: border-box;}
header .logo{ width: 1.6rem; height: .49rem; margin: 0 auto; }
.nav-skip {z-index: 999; position:absolute;top: calc((100% - 0.78rem)/2);left: .15rem;width:0.52rem;height:0.38rem;font-size:0.4rem;text-align:center;padding: .2rem;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#2b3845; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0); -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.nav-search{ position: absolute; top: calc((100% - 1rem)/2); right: .07rem; background: url(../images/icon1.png) center no-repeat; width: 1rem; height: 1rem; background-size: .42rem; }
.nav_bg{ display: none; background: rgba(0,0,0,.2); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 666; }
.nav_wrap{ display: none; opacity: 0; transform: translateX(-100%); border-radius: .1rem; box-shadow: 0 0 20px #ccc; min-width: 3.55rem; text-align: center; padding-top: .27rem; box-sizing: border-box; position: fixed; left: .26rem; top: 1.2rem; background: #fff; z-index: 999; }
.nav_wrap.active{ opacity: 1; transform: translateX(0); }
.nav_wrap ul{ padding-bottom: .36rem; }
.nav_wrap li{ font-size: .3rem; line-height: .76rem; padding: 0 .2rem; }
.nav_wrap li a{ display: block; color: #888; }
.nav_wrap li:hover a,.nav_wrap li.on a{ color: #000; }
.nav_wrap .tit{ display: block; z-index: 999; position: absolute; top: -.08rem; width: .13rem; height: .08rem; background: url(../images/icon13.png) center no-repeat; background-size: contain; left: .3rem; }
.nav_wrap .bottom{ border-radius: 0 0 .1rem .1rem; /* background: #f8f8f8 url(../images/icon12.png)  */.3rem center no-repeat; background-size: .39rem; font-size: 0; height: .98rem; line-height: .98rem; }
.nav_wrap .bottom .box{ border-left: 1px solid #eee; height: 100%; /* margin-left: .97rem;  */}
.nav_wrap .bottom a{ margin: 0 .07rem; vertical-align: middle; display: inline-block; border-radius: .25rem; min-width: .95rem; height: .54rem; line-height: .54rem; border: 1px solid #ddd; font-size: .26rem; }
.nav_wrap .bottom a.on{ border-color: #fb6c15; background: #fb6c15; color: #fff; }
.search_wrap{ display: none; opacity: 0; transform: translateX(100%); font-size: 0; border-radius: .1rem; box-shadow: 0 0 20px #ccc; width: 4rem; text-align: center; height: 1rem; box-sizing: border-box; position: fixed; right: .26rem; top: 1.2rem; background: #fff; z-index: 999; }
.search_wrap.active{ opacity: 1; transform: translateX(0); }
.search_wrap .tit{ display: block; z-index: 999; position: absolute; top: -.08rem; width: .13rem; height: .08rem; background: url(../images/icon13on.png) center no-repeat; background-size: contain; right: .3rem; }
.search_wrap .box{ overflow: hidden; border-radius: .1rem; display: block; }
.search_input{ font-size: .26rem; vertical-align: top; height: 1rem; border: none; padding: 0 .2rem; box-sizing: border-box; width: 80%; }
.search_sub[type="submit"]{ font-size: .26rem; vertical-align: top; height: 1rem; width: 20%; background: #fb6c15; border: none; color: #fff; position: absolute; right: 0; border-radius: 0 .1rem .1rem 0;}

/*footer*/
footer .top{ padding: 0 .3rem; height: 1.2rem; line-height: 1.2rem; border-top: 1px solid #eee; box-sizing: border-box; }
footer .bot{ box-sizing: border-box; padding: .4rem 0.2rem .35rem; text-align: center; background: #2b3845; }
footer .bot ul{ margin-bottom: .3rem; line-height: .4rem; }
footer .bot li{ display: inline-block; }
footer .bot a{ font-size: .3rem; color: #fff; opacity: .5; padding: 0 .54rem; }
footer .bot p{ font-size: .258rem; color: #aaa; line-height: .4rem; }
.share_list{ font-size: .327rem; color: #333; }
.share_list a{ width: .52rem; height: .5rem; display: inline-block; vertical-align: middle; margin-left: .25rem; background-size: contain; background-repeat: no-repeat; background-position: center; }
.share_list a.weibo{ background-image: url(../images/icon9.png); }
.share_list a.weibo.on{ background-image: url(../images/icon9on.png); }
.share_list a.youku{ background-image: url(../images/icon10.png); }
.share_list a.youku.on{ background-image: url(../images/icon10on.png); }
.share_list a.wechat{ background-image: url(../images/icon11.png); }
.share_list a.wechat.on{ background-image: url(../images/icon11on.png); }

/*首页*/
.banner{ width: 100%; height: 3.8rem;}
.banner img{ width: 100%; }
.i_news{ border-bottom: 1px solid #e5e5e5; width: 100%; height: 1.16rem; line-height: 1.16rem; padding: 0 .2rem; box-sizing: border-box; }
.i_news a{ font-size: .32rem; color: #5b5b62; }
.i_news font{ vertical-align: top; padding-right: .19rem; margin-right: .19rem; border-right: 1px solid #999; }
.i_news span{ max-width: 4.4rem; background: url(../images/icon3.png) left center no-repeat; background-size: .34rem; padding-left: .45rem; font-size: .36rem; color: #b8b8b8; }
.i_news .swiper-container{ display: inline-block; *display: inline; *zoom: 1; width: calc(100% - 2.48rem); vertical-align: top; }
.i_news .swiper-slide{ box-sizing: border-box; background: url(../images/icon4.png) 97% center no-repeat; background-size: .26rem; padding-right: .7rem; }
.i_news a:hover{ color: #fb5f01; }
.i_toplist{ margin: 0 .2rem; min-height: 3.1rem; padding-bottom: .5rem; box-sizing: border-box; }
.i_toplist li{ float: left; padding-top: .37rem; width: 1.42rem; text-align: center; }
.i_toplist .img{ margin: 0 auto .21rem; width: 1.42rem; height: 1.42rem; line-height: 1.42rem; font-size: 0; text-align: center; background: #fff; border-radius: 50%; }
.i_toplist .img img{ max-width: .9rem; max-height: .9rem; }
.i_toplist h2{ font-size: .3rem; color: #666; line-height: 1.1; }
.i_toplist li.on h2{ color: #fb6c15; }
.i_midlist{ padding: .3rem .2rem .35rem; }
.i_midlist .left,.i_midlist .right{ width: calc(50% - .07rem); }
.i_midlist .left .box{ padding-left: .2rem; padding-top: .6rem; width: 100%; height: 2.04rem; }
.i_midlist .left a:first-child .box{ margin-bottom: .12rem; }
.i_midlist .left a:last-child .box h2{ /* color: #fd6901; */ }
.i_midlist .left a:last-child .box p{ color: #fff; }
.i_midlist .right .box{ padding-top: 1.15rem; padding-left: .5rem; height: 4.18rem; }
.i_midlist .box{ box-shadow: 0 0 10px #e5e5e5; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; border-radius: 4px; }
.i_midlist .box h2{ margin-bottom: .12rem; text-transform: uppercase; font-size: .36rem; color: #000; }
.i_midlist .box p{ text-transform: uppercase; font-size: .14rem; }
.i_botlist{ background: #f7f7f7; padding: 0 0 .42rem; }
.i_botlist > h2{ height: .9rem; line-height: .9rem; color: #333; font-size: .3rem; font-weight: bold; text-align: center; }
.i_bot_con .box{ box-sizing: border-box; float: left; width: 50%; height: 2.31rem; background-size: cover; background-repeat: no-repeat; }
.i_bot_con .box:first-child{ border-right: 2px solid #f7f7f7; }
.i_bot_con .box .text{ padding-left: .3rem; box-sizing: border-box; }
.i_bot_con .box h2{ font-size: .32rem; color: #000; margin-bottom: .16rem; padding-top: .3rem; box-sizing: border-box; }
.i_bot_con .box p{ color: #666666; font-size: .14rem; }
.i_bot_con .box:hover h2,.i_midlist .box:hover h2{ color: #fb6c15; }

/*关于我们*/
.in_title{ font-size: .48rem; color: #2b3845; padding: .8rem .3rem .85rem; }
.in_title:after{ content: ''; display: inline-block; width: .42rem; height: .03rem; background: #fb5f01; margin-left: .18rem; }
.in_list{ padding-bottom: .65rem; }
.in_list ul{ border-radius: .1rem; }
.in_list li{ background: url(../images/bg3.png) no-repeat;position: relative; background-size: cover; height: 4.84rem; }
.in_list li.odd{ background: url(../images/bg4.png) right no-repeat; background-size: cover; }
.in_list li .text{ padding: 0 .4rem; }
.in_list li .text h2{ font-size: .3rem; color: #000; padding: .12rem 0 .18rem; line-height: .34rem; margin-bottom: .15rem; border-bottom: 1px solid #efefef; }
.in_list li .text p{ margin-bottom: .16rem; height: .62rem; overflow: hidden; color: #666; font-size: .24rem; line-height: .32rem; }
.in_list li .ml_more{ background: url(../images/icon27.png) right center no-repeat; background-size: .1rem; font-size: .24rem; padding-right: .2rem; color: #666; }
.in_list li .ml_more:hover,.m_list li h2:hover{ color: #fb5f01; }
.in_list li img{ width: 100%; height: 2.3rem; margin-top: .36rem; }
.in_list li:before{ pointer-events: none; content: ''; width: 100%; height: .6rem; background: url(../images/sd1.png) no-repeat; background-size: cover; display: block; position: absolute; top: .36rem; left: 0 }
.in_list li.odd:before{ pointer-events: none; background: url(../images/sd3.png) no-repeat; background-size: cover; }
.in_list li:after{pointer-events: none;content: '';width: 100%;height: .67rem;background: url(../images/sd2.png) no-repeat;background-size: cover;display: block;position: absolute;top: 2rem;left: 0;}
.in_list li.odd:after{ pointer-events: none; background: url(../images/sd4.png) no-repeat; background-size: cover; }
.in_list li:hover .ml_more{ color: #fb5f01; }
.in_list .swiper-button-prev{ left: 0px; width: .35rem; background-size: contain; z-index: 666; }
.in_list .swiper-button-next{ right: 0px; width: .35rem; background-size: contain; z-index: 666; }
.in_list .swiper-pagination{ bottom: 0; }

/*公共*/
.main{ box-sizing: border-box; }
.wbanner{ position: relative; }
.wbanner .txt{ position: absolute; left: .46rem; top: 1.4rem; font-size: .62rem; }

/*企业简介*/
.about_main{ min-height: 3.5rem; padding: 0 .3rem .5rem; background: #e4e4e4 url(../images/bg1.png) top center no-repeat; background-size: contain; position: relative; }
.ac_con table{ width: 100%!important; table-layout: fixed; }
.ac_con img{ max-width: 100%!important; height: auto!important; }
.jma_tit{ padding: .64rem 0; font-size: .44rem; color: #000; }
.jma_tit img{ width: 1.29rem; margin-right: .2rem; }
.ai_text{ background: #fff; padding: .45rem .3rem; }
.ai_text .ai_h2{ margin-bottom: .22rem; padding-bottom: .24rem; font-size: .36rem; color: #000; position: relative; }
.ai_text .ai_h2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: .42rem; height: .04rem; background: #fb5f01; }
.ai_text p{ font-size: .28rem; line-height: .42rem; color: #333; }
.ai_text .ai_h3{ padding: .32rem .22rem; line-height: .42rem; font-size: .28rem; color: #000; position: relative; border-top: 1px solid #eee; margin-top: .42rem; }
.ai_text .ai_h3:before{ content: ''; position: absolute; left: 0; top: .49rem; width: .08rem; height: .08rem; background: #fb5f01; display: block; }
.ai_box{ border: 1px solid #eee; padding: .37rem .2rem 3.14rem; background: url(../images/icon15.png) right bottom no-repeat; background-size: 6.1rem; line-height: .66rem; font-size: .24rem; color: #000; }
.ai_box span{ width: 1.75rem; background: url(../images/icon14.png) right center no-repeat; box-sizing: border-box; display: inline-block; vertical-align: top; }
.ai_box font{ padding-left: .3rem; box-sizing: border-box; width: calc(100% - 1.75rem); display: inline-block; vertical-align: top; }
.ai_box ul{ line-height: .4rem; }
.ai_box li{ margin-bottom: .3rem; }

/*企业文化*/
.ac_top{ padding: .7rem .4rem; text-align: center; background: url(../images/pic7.jpg) no-repeat; background-size: cover; }
.ac_top h2{ margin-bottom: .4rem; font-size: .52rem; color: #000; }
.ac_top h2 em{ color: #fb5f01; }
.ac_top p{ font-size: .24rem; color: #000; line-height: .34rem; }
.ac_bot{ background: #fff; text-align: center; }
.cul_list{ margin: .62rem 0; width: 100%; padding: 0 .3rem; box-sizing: border-box; }
.cul_list li{ display: inline-block; *display: inline; *zoom: 1; width: 100%; height: 1.8rem; margin-bottom: .2rem; box-sizing: border-box; border: 1px solid #eee; border-radius: .12rem; box-shadow: 0 2px 10px #eee; }
.cul_list li i.img{ display: block; margin: 0 auto .12rem; width: .19rem; height: 2px; background: url(../images/icon16.png) no-repeat; background-size: contain; }
.cul_list li h2{ line-height: .3rem; text-transform: uppercase; font-size: .28rem; margin: .22rem auto .1rem; }
.cul_list li h2 em{ font-size: .32rem; color: #fb5f01; }
.cul_list li h3{ font-size: .22rem; line-height: .26rem; margin-bottom: .24rem; }
.cul_list li p{ font-size: .24rem; color: #666; }
.cul_list li:hover h2{ color: #fb5f01; }

/*发展历程*/
.ah_con{ background: #fff; padding-top: .72rem; overflow: hidden; }
.ah_top{ margin: 0 1.15rem .38rem; background: url(../images/icon19.png) center .68rem repeat-x; overflow: visible; }
.his_list li{ width: 1.9rem; height: 1.1rem; background: url(../images/icon20.png) center .62rem no-repeat; background-size: .14rem; cursor: pointer; float: left; text-align: center; color: #999; font-size: .34rem;}
.his_list li.on,.his_list li:hover{ background: url(../images/icon21.png) center .52rem no-repeat; background-size: .33rem; color: #fb5f01; }
.ah_top:after{ content: ''; position: absolute; top: 0; right: -1.15rem; width: 1.15rem; height: 1.1rem; background: #fff; z-index: 2; }
.ah_top:before{ content: ''; position: absolute; top: 0; left: -1.15rem; width: 1.15rem; height: 1.1rem; background: #fff; z-index: 2; }
.ah_top .swiper-button-prev{ top: .35rem; margin-top: 0; left: -.86rem; width: .68rem; height: .68rem; background: url(../images/icon17.png) no-repeat; background-size: contain; }
.ah_top .swiper-button-next{ top: .35rem; margin-top: 0; right: -.86rem; width: .68rem; height: .68rem; background: url(../images/icon18.png) no-repeat; background-size: contain; }
.ah_top .swiper-button-prev:hover{ background: url(../images/icon17on.png) no-repeat; background-size: contain; }
.ah_top .swiper-button-next:hover{ background: url(../images/icon18on.png) no-repeat; background-size: contain; }
.his_wrap .his_box{ display: none; opacity: 0.5; }
.his_wrap .his_box:first-child{ display: block; opacity: 1; }
.his_box{ padding: 0 1rem 1.2rem; }
.his_box img{ max-width: 100%; }
.his_box h2{ margin-bottom: .24rem; line-height: .32rem; position: relative; font-size: .38rem; color: #fb5f01; padding: .38rem 0 .28rem; }
.his_box h2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: .45rem; height: .02rem; background: #fb5f01; }
.his_box .text p{ line-height: .42rem; font-size: .3rem; color: #666; }

/*发展愿景*/
.abd_list{ margin-top: .7rem; }
.abd_list li{ float: left; padding: 0 .05rem; text-align: center; margin-bottom: .4rem; position: relative; width: 3.4rem; height: 3.4rem; box-sizing: border-box; border: 1px solid #fb5f01; overflow: hidden; border-radius: .14rem; }
.abd_list li:nth-child(2n+1){ margin-right: calc(100% - 6.82rem); }
.abd_list li h3{ position: relative; z-index: 1; padding-top: .68rem; font-size: .32rem; color: #000; } 
.abd_list li i.line{ position: relative; z-index: 1; width: 28px; height: 2px; background: #fb5f01; display: block; margin: .27rem auto; }
.abd_list li p{ position: relative; z-index: 1; font-size: .24rem; color: #444; line-height: .36rem; }

/*荣誉资质*/
.ahn_con{ background: #fff; padding: .4rem 0; }
.ahn_list{ font-size: 0; margin-bottom: .4rem; }
.ahn_list li{ background: #fff; text-align: center; margin: 0 .2rem; cursor: pointer; font-size: .32rem; line-height: .32rem; display: inline-block; vertical-align: middle; border-radius: 50%; padding: .4rem .2rem; width: 2rem; height: 2rem; box-sizing: border-box; border: 1px solid #e9e9e9; }
.ahn_list li i{ margin: 0 auto .16rem; display: block; width: .48rem; height: .48rem; }
.ahn_list li.on,.hon_list li:hover{ background: #fb5f01; color: #fff; }
.ahn_list .li1 i{ background: url(../images/icon22.png) center no-repeat; background-size: contain; }
.ahn_list .li1:hover i,.ahn_list .li1.on i{ background: url(../images/icon22on.png) center no-repeat; background-size: contain; }
.ahn_list .li2 i{ background: url(../images/icon23.png) center no-repeat; background-size: contain; }
.ahn_list .li2:hover i,.ahn_list .li2.on i{ background: url(../images/icon23on.png) center no-repeat; background-size: contain; }
.ahn_list .li3 i{ background: url(../images/icon24.png) center no-repeat; background-size: contain; }
.ahn_list .li3:hover i,.ahn_list .li3.on i{ background: url(../images/icon24on.png) center no-repeat; background-size: contain; }
.ahn_wrap{ padding: 0 .3rem; }
.ahn_wrap h2{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: .35rem 0; line-height: .4rem; font-size: .36rem; color: #000; }
.ahn_top{ background: url(../images/icon26.png) .09rem repeat-y; padding: .3rem 0 0; margin-bottom: 1.1rem; margin-left: .2rem; }
.ahn_top li{ padding-left: .4rem; line-height: .46rem; background: url(../images/icon25.png) left .12rem no-repeat; background-size: .19rem; }
.ahn_top li span{ vertical-align: top; min-width: 1.7rem; padding-right: .1rem; display: inline-block; }
.ahn_top li font{ width: calc(100% - 1.8rem); display: inline-block; }
.ahn_bot{ padding: 0 .2rem; padding-bottom: .4rem; }
.ahn_bot .swiper-button-prev{ margin-top: 0; top: calc((3.54rem - 44px)/2); left: 0px; width: .35rem; background-size: contain; }
.ahn_bot .swiper-button-next{ margin-top: 0; top: calc((3.54rem - 44px)/2); right: 0px; width: .35rem; background-size: contain; }
.ahn_bot li{ text-align: center; }
.ahn_bot .wrap{ margin: 0 auto; width: 2.9rem; height: 3.54rem; line-height: 3.54rem; border: 1px solid #eee; }
.ahn_bot .img{ display: inline-block; width: 2.5rem; line-height: 2.6rem; height: 2.6rem; font-size: 0; }
.ahn_bot .img img{ max-width: 100%; max-height: 100%; }
.ahn_bot p{ color: #000; padding: .25rem; width: 100%; box-sizing: border-box; }
.ahn_bot .swiper-pagination{ bottom: 0; }

/*新闻资讯*/
.news_tit li{ box-sizing: border-box; width: 50%; float: left; height: 1rem; display: flex; align-items: center; justify-content: center; padding: 0 .1rem; box-sizing: border-box; text-align: center; font-size: .3rem; background: #f6f6f6; }
.news_tit li{ border-left: 1px solid #e5e5e5; }
.news_tit li:first-child{ border-left: none; }
.news_tit li a{ color: #666; display: block; }
.news_tit li.on{ background: #fb5f01; }
.news_tit li.on a{ color: #fff; }
.news_wrap{ padding: .4rem .3rem .95rem; box-sizing: border-box; margin: .3rem; border-radius: .08rem; overflow: hidden; border: 1px solid #eee; box-shadow: 0 0 10px #eee; }
.news_list{ margin-bottom: .12rem; }
.news_list li{ margin-bottom: .55rem; float: left; width: 3.3rem; }
.news_list li:nth-child(2n+1){ margin-right: calc(100% - 6.62rem); }
.news_list li img{ margin-bottom: .26rem; }
.news_list li h2{ margin-bottom: .13rem; font-size: .3rem; color: #000; width: 100%; }
.news_list li p{ font-size: .24rem; color: #666; line-height: .32rem; height: .62rem; overflow: hidden; margin-bottom: .22rem; }
.news_list li .more{ background: url(../images/icon27.png) right center no-repeat; padding-right: .2rem; background-size: .1rem; font-size: .24rem; color: #666; }
.news_list li:hover h2{ color: #fb5f01; }
.pages{ text-align: center; font-size: 0; margin: 0 auto; }
.pages a,.pages span{ margin: 0 .12rem .2rem; color: #666; overflow: hidden; display: inline-block; font-size: 0.3rem; height: 0.7rem; line-height: 0.7rem; box-sizing: border-box; }
.pages a.prev,.pages a.next{ color: #fff; width: 1.8rem; height: .7rem; line-height: .7rem; background: #7a7a7a; border-radius: .06rem; }
.pages a.prev:hover,.pages a.next:hover{ background: #fb5f01; color: #fff!important; }
.pages a:hover,.pages a.on{ color: #fb5f01; }

/*新闻资讯详情*/
.news_detail{ padding: .52rem .3rem .8rem; }
.news_detail .info_h2{ margin-bottom: .2rem; line-height: .5rem; text-align: center; font-size: .4rem; color: #000; }
.news_detail .info{ text-align: center; font-size: .2rem; color: #666; line-height: .3rem; }
.news_detail .text{ margin-top: .35rem; padding: .33rem 0; border-top: 1px solid #eee; }
.news_detail .text p{ color: #2f353b; line-height: .42rem; font-size: .28rem; }
.news_detail .text img{ max-width: 100%!important; height: auto!important; }
.news_more .title{ line-height: .32rem; color: #2f353b; font-size: .34rem; padding: .25rem 0; border-bottom: 3px solid #eee; }
.news_more{ padding: .15rem 0 0; }
.news_more li{ padding: .25rem 0; }
.news_more li img{ margin-top: .06rem; border: 1px solid #eee; box-sizing: border-box; width: 2.5rem; height: 1.37rem; float: left; }
.news_more .detail{ width: calc(100% - 2.72rem); float: right; }
.news_more .detail h2{ line-height: .4rem; margin-bottom: .06rem; }
.news_more .detail h2 font{ display: inline-block; width: calc(100% - 65px); font-size: .28rem; color: #000; }
.news_more .detail h2 .fr{ color: #666; font-size: .2rem; }
.news_more .detail p{ margin-bottom: .14rem; line-height: .3rem; font-size: .24rem; color: #666; overflow: hidden; height: .58rem; }
.news_more .detail .more{ font-size: .24rem; color: #666; line-height: .28rem; background: url(../images/icon27.png) right center no-repeat; background-size: .1rem; padding-right: .2rem; }
.news_more li:hover h2 font{ color: #fb5f01; }
.news_more .more_btn{ margin: .45rem auto 0; width: 2.46rem; height: .68rem; line-height: .68rem; background: #fb5f01; font-size: .3rem; color: #fff; text-align: center; border-radius: .3rem; }
.news_more .more_btn i{ width: .25rem; height: .68rem; vertical-align: top; display: inline-block; background: url(../images/icon28.png) center no-repeat; background-size: contain; margin-left: .2rem; }

/*联系方式*/
.cont_main{ padding: .55rem .5rem 1.45rem; background: url(../images/bg2.jpg) no-repeat; background-size: cover; }
.cont_h2{ line-height: .5rem; margin-bottom: .15rem; text-align: center; font-size: .46rem; color: #000; }
.cont_h3{ line-height: .36rem; margin-bottom: .45rem; text-align: center; font-size: .25rem; color: #888; }
#allmap{ width: 100%; height: 3.1rem; overflow: hidden; }
.cont_text{ padding-top: .45rem; }
.cont_text p{ font-size: .3rem; color: #000; line-height: .76rem; min-height: 0!important; }
.cont_text font{ width: 1.2rem; display: inline-block; vertical-align: top; }
.cont_text span{ width: calc(100% - 1.2rem); display: inline-block; }
.cont_text .main span{ line-height: .3rem; padding-top: .25rem; }
.cont_text i{ display: block; font-size: .2rem; margin-top: .1rem; }
.msg_btn{ width: 2.5rem; height: .66rem; line-height: .66rem; color: #f9ffff; border-radius: .3rem; background: #fa5f01; margin: .6rem auto 0; text-align: center; display: block; }
.msg_btn i{ width: .3rem; height: .66rem; vertical-align: top; display: inline-block; margin-right: .18rem; background: url(../images/icon29.png) center no-repeat; background-size: contain; }

/*联系方式-留言*/
.cont_form{ border: 1px solid #eee; background: #fff; padding: .25rem .85rem .7rem; }
.cont_form p{ line-height: .52rem; color: #3d3d3d; }
.cont_form input{ font-size: .26rem; width: 100%; box-sizing: border-box; border: 1px solid #ddd; height: .7rem; padding: 0 .1rem; margin-bottom: .12rem; }
.cont_form textarea{ -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()); font-size: .26rem; width: 100%; height: 2rem; box-sizing: border-box; border: 1px solid #ddd; padding: .1rem; outline: none; }

/*产品*/
.prol_main{ padding: .5rem 0 0; overflow: hidden; margin: 0 .15rem; }
.prol_tit{ padding: 0 .15rem 0 .7rem; margin-bottom: .42rem; line-height: .4rem; background-repeat: no-repeat; background-size: .36rem; background-position: .15rem center; font-size: .4rem; color: #000; }
.prol_list.swiper-container{ padding-bottom: .7rem; margin-bottom: .7rem; overflow: visible; }
.prol_list .swiper-pagination{ bottom: 0; }
.prol_list li{ padding: .15rem; box-sizing: border-box; }
.prol_list li:hover h2{ color: #fb5f01; }
.prol_list li a{ display: block; box-shadow: 0 1px 5px #eee; border: 1px solid #eee; border-radius: .06rem; box-sizing: border-box; padding: .35rem; text-align: center;  }
.prol_list img{ width: 1.23rem; height: 1.23rem; margin: 0 auto .22rem; }
.prol_list h2{ font-size: .36rem; color: #000; line-height: .4rem; margin-bottom: .14rem; height: .7rem; }
.prol_list p{ font-size: .24rem; color: #666; line-height: .3rem; height: .58rem; overflow: hidden; }
.prol_list .more{ width: 2rem; height: .62rem; line-height: .62rem; border: 1px solid #d0d0d0; border-radius: .3rem; margin: .28rem auto 0; }
.prol_list .more i{ height: .6rem; width: .15rem; background: url(../images/icon35.png) center no-repeat; display: inline-block; vertical-align: top; background-size: contain; }

/*设计开发*/
.prod_main{ border: 1px solid #eee; box-sizing: border-box; border-radius: .1rem; padding: .6rem .45rem .8rem; background: #fff; margin: .3rem .3rem .8rem; }
.prod_main img{ max-width: 100%!important; height: auto!important; margin-top: .2rem; }
.prod_main h2{ position: relative; margin-top: .25rem; line-height: .42rem; padding: .45rem 0 .48rem; margin-bottom: .42rem; font-size: .46rem; color: #000; }
.prod_main h2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: .38rem; height: .03rem; background: #ff9703; }
.prod_main p{ font-size: .3rem; color: #696969; line-height: .42rem; }
.prod_main p.tit{ background: url(../images/icon36.png) left .16rem no-repeat; background-size: .11rem; padding-left: .2rem; }

/*环保责任*/
.res_tit li{ width: 33.3%; }
.res_main{ margin: .3rem; padding: .3rem .3rem .6rem; box-sizing: border-box; background: #e9e9e9 url(../images/bg5.png) left top no-repeat; background-size: contain; }
.res_main h2{ margin-bottom: .2rem; padding: .16rem 0 .32rem; position: relative; font-size: .34rem; color: #000; }
.res_main h2:after{ content:''; position: absolute; display: block; background: #fb5f01; bottom: 0; left: 0; width: .41rem; height: .02rem; }
.res_main p{ font-size: .28rem; color: #666; line-height: .44rem; }
.res_main img{ max-width: 100%; }
.res_more{ padding: .1rem .3rem; }
.res_more li{ padding: .4rem 0; border-bottom: 1px solid #eee; }
.res_more li img{ margin-top: 0; width: 2.86rem; height: 1.92rem; border: 1px solid #eee; box-sizing: border-box; }
.res_more .detail{ width: calc(100% - 3.1rem); }
.res_more .detail h2{  width: 100%; margin: .06rem 0 .15rem; font-size: .32rem; }
.res_more .detail p{ margin-bottom: .2rem; line-height: .34rem; height: .66rem; }
.res_more li:hover h2{ color: #fb5f01; }
.res_more .btn_list{ margin: .6rem auto; font-size: 0; text-align: center; }
.res_more .btn_list a{ background: #7a7a7a; border: 1px solid #eee; width: 2.08rem; height: .7rem; line-height: .7rem; box-sizing: border-box; display: inline-block; text-align: center; color: #fff; border-radius: .08rem; margin: 0 .25rem; font-size: .3rem; }
.res_more .btn_list a:hover{ background: #fb5f01; }
.res_more .pages{ margin: .6rem auto .48rem; }
.res_buttombox{width: 100%;text-align: center;padding-top: 30px;}
.res_buttom{display: inline-block;vertical-align: middle;cursor: pointer;color: #fff; padding: 0 .5rem;font-size: .3rem;line-height: 1rem;border-radius: .5rem;background-color: #fb5f01;}


/*社会公益*/
.res_main2{ padding-bottom: 0; background: #fff; border: 1px solid #eee; }

/*发展前景*/
.car_main{ background: url(../images/bg6.jpg) no-repeat; background-size: cover; padding: .5rem .3rem .75rem; }
.bg_white{ background: #fff; padding: .55rem .3rem; }
.cdev_info h2{ font-size: .4rem; color: #000; line-height: .5rem; }
.cdev_info .line{ width: .28rem; height: .03rem; background: #fb5f01; display: block; margin: .18rem auto .2rem; }
.cdev_info p{ max-width: 6rem; margin: 0 auto .45rem; font-size: .24rem; color: #444; line-height: .32rem; }
.cdev_info p em{ color: #fb5f01; }
.cdev_list{ font-size: 0; padding-bottom: .5rem; border-bottom: 1px solid #e9e9e9; }
.cdev_list li{ cursor: pointer; margin: 0 .03rem; height: .54rem; line-height: .52rem; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border-radius: .25rem; min-width: 1.4rem; box-sizing: border-box; padding: 0 .12rem; border: 1px solid #e9e9e9; font-size: .24rem; color: #000; }
.cdev_list li.on,.cdev_list li:hover{ background: #fb5f01; color: #fff; border-color: #fb5f01; }
.cdev_box{ padding-top: .5rem; }
.cdev_box img{ max-width: 100%!important; height: auto!important; }
.cdev_box .line{ width: .41rem; height: .03rem; background: #fb5f01; display: block; margin: .2rem 0 .22rem; }
.cdev_box h2{ margin-top: .54rem; font-size: .42rem; color: #000; }
.cdev_box p{ font-size: 14px; line-height: .4rem; }
.cdev_wrap .cdev_box{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.cdev_wrap .cdev_box:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }

/*员工风采*/
.staff_slide{ margin-top: .6rem; }
.staff_slide img{ max-width: 100%!important; height: auto!important; }
.staff_slide .box{ width: 5.8rem; margin: 0 auto; }
.staff_slide .text{ line-height: .4rem; }
.staff_slide .text h2{ margin: .46rem auto .22rem; font-size: .36rem; color: #000; }
.staff_slide .text p{ font-size: .3rem; color: #666; }
.staff_slide .swiper-button-prev{ width: .3rem; height: .67rem; margin-top: 0; top: 1rem; background-size: contain; left: 0; }
.staff_slide .swiper-button-next{ width: .3rem; height: .67rem; margin-top: 0; top: 1rem; background-size: contain; right: 0; }

/*职位招聘*/
.rec_main{ background: url(../images/bg7.jpg) no-repeat; background-size: cover; padding: .5rem .3rem .75rem; }
.rec_slide{ padding-bottom: .65rem; margin-bottom: 1.35rem; }
.rec_slide a{ box-sizing: border-box; display: block; border-radius: .1rem; text-align: center; height: 2.4rem; border: 1px solid #e7e7e9; }
.rec_slide li{ padding: 0 .01rem; box-sizing: border-box; }
.rec_slide li:nth-child(2n+1){ padding-right: .15rem; }
.rec_slide li:nth-child(2n){ padding-left: .15rem; }
.rec_slide .img{ margin: .45rem auto .22rem; height: .95rem; }
.rec_slide .img img{ max-height: 100%; }
.rec_slide p{ font-size: .3rem; color: #000; line-height: .36rem; }
.rec_slide .swiper-pagination{ bottom: 0; }
.rec_text{ padding: .25rem 0; border-top: 1px solid #eee; }
.rec_text p{ font-size: .24rem; color: #444; line-height: .32rem; }

/*职位招聘详情*/
.recd_tit{ background: url(../images/icon41.png) left center no-repeat; padding-left: 1.04rem; background-size: .74rem; font-size: .38rem; color: #000; height: .84rem; line-height: .84rem; }
.recd_con{ padding-bottom: .95rem; }
.recd_con .box h2{ margin: .35rem 0 .25rem; width: 100%; height: .64rem; line-height: .64rem; background: #f8f8f8; font-size: .3rem; color: #fb5f01; border-radius: .08rem; padding: 0 .2rem; box-sizing: border-box; }
.recd_con .box p{ background: url(../images/icon42.png) left .18rem no-repeat; background-size: .08rem; padding-left: .2rem; margin-bottom: .15rem; font-size: .28rem; color: #333; line-height: .42rem; } 
.show_rec{ width: 2.28rem; height: .65rem; line-height: .65rem; text-align: center; background: #fb5f01; color: #fff; font-size: .28rem; margin: .25rem auto; border-radius: .3rem; }
.rec_bg{ display: none; background: rgba(0,0,0,.4); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }
.rec_wrap{ border: 1px solid #eee; padding: .35rem .5rem .5rem; /*box-sizing: border-box; */position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 6.65rem; height: 4.95rem; background: #fff; }
.rec_wrap h2{ line-height: .4rem; font-size: .34rem; color: #000; text-align: center; }
.rec_wrap .line{ width: .36rem; height: .03rem; background: #fb5f01; display: block; margin: .16rem auto .14rem; }
.rec_wrap p{ font-size: .26rem; color: #3d3d3d; }
.rec_wrap span{ vertical-align: middle; color: #3d3d3d; font-size: .24rem; }
.rec_wrap input[type="text"]{ width: 100%; height: .62rem; box-sizing: border-box; border: 1px solid #ddd; padding: 0 .1rem; }
.rec_wrap font{ vertical-align: middle; font-size: .22rem; color: #3d3d3d; }
.rec_wrap .item{ font-size: 0; line-height: .62rem; margin-bottom: .25rem; }
.rec_wrap .close{ width: .33rem; height: .33rem; background: url(../images/icon43.png) center no-repeat; background-size: contain; position: absolute; right: .22rem; top: .22rem; }
.upload_file{ vertical-align: middle; margin: 0 .2rem; width: 1.2rem; height: .52rem; line-height: .52rem; background: #2b3845; overflow: hidden; text-align: center; font-size: .24rem; color: #fff; position: relative; }
.upload_file input{ opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.rec_sub[type="submit"]{ display: block; border: none; width: 2.1rem; height: .6rem; line-height: .6rem; text-align: center; background: #fb5f01; color: #fff; font-size: .28rem; margin: 0 auto; border-radius: .3rem; }

/*研发能力详情*/
.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; 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; 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;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-dots { position: absolute; width: 100%; bottom: -15px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ border-radius: 3px; cursor: pointer; width: 15px; overflow: hidden; height: 7px; background: #c9c9c9; display: inline-block; zoom: 1; *display: inline; margin: 0 4px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ width: 25px; overflow: hidden; background: #004ea2; border: none;}
.slick-arrow{background-color: rgba(0,0,0,0); outline: none;border: none;width: 9px; height: 15px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.tit_wrap{ position: fixed; top: 1.25rem; left: 0; width: 100%; background: #fff; z-index: 555; }
.capd_tit{ z-index: 444; height: 1.86rem; line-height: 1.86rem; margin: 0 .4rem; }
.capd_tit li{ font-size: 0; text-align: center; box-sizing: border-box; }
.capd_tit li:nth-child(2n+1){ padding-left: .3rem; }
.capd_tit li:nth-child(2n){ padding-right: .3rem; }
.capd_tit .img{ display: inline-block; vertical-align: middle; margin: 0 auto; width: 1.1rem; text-align: center; height: .9rem; line-height: .9rem; font-size: 0; }
.capd_tit .img img{ max-width: 100%; max-height: 100%; }
.capd_tit .text{ margin-left: .1rem; line-height: .38rem; display: inline-block; vertical-align: middle; max-width: 1.8rem; font-size: .3rem; color: #666; }
.capd_tit .swiper-button-prev,.capd_tit .slick-prev{ left: 0px; width: .32rem; height: .61rem; background-size: contain; z-index: 666; }
.capd_tit .swiper-button-next,.capd_tit .slick-next{ right: 0px; width: .32rem; height: .61rem; background-size: contain; z-index: 666; }
.capd_tit .slick-prev{ top: 50%; margin-top: -.305rem; background: url(../images/left.png) no-repeat; background-size: contain; }
.capd_tit .slick-next { top: 50%; margin-top: -.305rem; background: url(../images/right.png) no-repeat; background-size: contain; }
.capd_tit li.active .text,.capd_tit li.on .text{ color: #fb5f01; }
.cap_wrap{ padding-top: 1.86rem; }
.cap_wrap .cap_box{ border-top: 2px solid #fff; padding: 0 .25rem; height: 13.14rem; background-size: cover; background-position: center; background-repeat: no-repeat; }
.cap_box .cap_con{ border: 1px solid rgba(255,255,255,.3); width: 100%; height: 10.55rem; box-sizing: border-box; background: rgba(0,0,0,.6);}
.cap_box .cap_con.bg{ background: rgba(255,255,255,.8); }
.cap_title{ padding: .65rem 0 .5rem; }
.cap_title h2{ font-size: .46rem; color: #fff; line-height: .55rem; margin-bottom: .23rem; text-shadow: 0 0 10px rgba(0,0,0,.6); }
.cap_title .line{ width: .43rem; height: .04rem; background: #fb5f01; display: block; margin: 0 auto; }
.cap_slist{ text-align: center; padding: .5rem 0; }
.cap_slist li{ cursor: pointer; font-size: .28rem; height: .6rem; line-height: .6rem; text-align: center; display: inline-block; *display: inline; *zoom: 1; border-radius: .3rem; margin: 0 .05rem .2rem; padding: 0 .1rem; min-width: 2rem; background: #acaba9; color: #fff; }
.cap_slist li.on,.cap_slist li:hover{ background: #fb5f01; }
.cap_text{ padding: 0 .5rem; }
.cap_text.pt{ padding-top: .6rem; }
.cap_text img{ max-width: 100%!important; height: auto!important; max-height: 3.8rem; }
.cap_text .details{ height: 3.46rem; overflow: auto; margin-top: .6rem; line-height: .58rem; font-size: .28rem; color: #fff; }
.cap_box .cap_con.bg .cap_text .details{ color: #444; }
.cap_box .cap_con.bg .cap_text .swiper-slide{ max-width: 5rem; max-height: 4.35rem; line-height: 4.35rem; }
.cap_box .cap_con.bg .cap_text img{ max-height: 4.35rem; }
.cap_box .cap_con.bg .details{ line-height: .42rem; height: 4.2rem; }
.cap_con.bg .swiper-slide{ width: auto; }
.cap_con .details h2{ margin-bottom: .26rem; line-height: .45rem; font-size: .38rem; color: #000; }
.cap_con .pl_tit p{ background: url(../images/icon50.jpg) .1rem .25rem no-repeat; background-size: .08rem; padding-left: .4rem; }
.cap_con.bg.one_pic .cap_text .swiper-slide{ max-width: 100%!important; height: auto; line-height: 1; }
.cap_con.bg.one_pic .cap_text img{ max-height: 3rem; }
.cap_gotop{ background: #f8f8f8; padding: .8rem 0; }
.cap_gotop .btn{ width: 2.86rem; height: .75rem; line-height: .75rem; color: #fff; background: #fb5f01; color: #fff; border-radius: .38rem; display: block; margin: 0 auto; text-align: center; }

/*二级菜单*/
.menu_swrap{ background: #f6f6f6; }
.menu_swrap ul{ margin: 0 .35rem; }
.menu_slide li{ padding: 0 .1rem; box-sizing: border-box; float: left; height: .86rem; line-height: .86rem; text-align: center; font-size: .3rem; }
.menu_slide li a{ color: #666; display: block; }
.menu_slide li.on a{ color: #fff; background: #fb5f01;  }
.menu_slide .slick-prev{ left: -.35rem; width: .32rem; height: .61rem; top: 50%; margin-top: -.305rem; background: url(../images/left.png) center no-repeat; background-size: .28rem; }
.menu_slide .slick-next { right: -.35rem; width: .32rem; height: .61rem; top: 50%; margin-top: -.305rem; background: url(../images/right.png) center no-repeat; background-size: .28rem; }

/*研发能力*/
.capl_main .part{ box-sizing: border-box; background: url(../images/icon52.png) center 98% no-repeat; background-size: .56rem; min-height: 13.14rem; text-align: center; }
.capl_main .part.bg_eee{ background: #eee url(../images/icon52.png) center 98% no-repeat; background-size: .56rem; }
.capl_main h1{ font-size: 1.1rem; color: #fb5f01; margin-bottom: .1rem; line-height: 1rem; }
.capl_main h2{ font-size: .52rem; color: #000; line-height: .6rem; margin-bottom: .32rem; }
.capl_main p{ font-size: .38rem; color: #000; line-height: .52rem; width: 6.9rem; margin: 0 auto;} 
.capl_main .more{ border-radius: .35rem; width: 2.76rem; height: .74rem; line-height: .72rem; font-size: .32rem; color: #2f353b; text-align: center; border: 1px solid #eee; display: block; margin: .62rem auto; }
.capl_main .more i{ margin-right: .12rem; width: .38rem; height: .72rem; vertical-align: top; display: inline-block; background: url(../images/icon51.png) center no-repeat; background-size: contain; }
.capl_main .more:hover{ background: #fb5f01!important; border-color: #fb5f01; color: #fff!important; }
.capl_main .more:hover i{ background: url(../images/icon51on.png) center no-repeat; background-size: contain; }
.capl_main .part.bg_eee .more{ background: #fff; color: #2f353b; }
.capl_main .part_title{ font-size: .4rem; color: #000; line-height: .6rem; width: 6.9rem; margin: .65rem auto; text-align: center; font-weight: bold; }
.capl_main .part0{ padding: 0 .75rem 1.58rem; min-height: 11.4rem; }
.capl_main .part1{ padding: .75rem; }
.capl_main .part2{ padding: 1.05rem .75rem; }
.capl_main .part3{ padding: .5rem .75rem; }
.capl_main .part4{ padding: 1.05rem .75rem; }
.capl_main .part5{ padding: .85rem .75rem; }
.capl_main .part6{ padding: 1.4rem .75rem 0; }
.capl_main .part7{ padding: 1.5rem .25rem;  min-height: 0rem; }
.cap_pic{ position: relative; margin: 0 auto; overflow: hidden; }
.cap_pic0{ margin-top: 1rem; }
.cap_pic0,.cap_pic0 img{ width: 6.86rem; height: 3.58rem; }
.part0 .move1{ animation: fadeIn 2.5s 1.5s linear infinite normal; position: absolute; left: .27rem; top: 1.26rem; width: 1.1rem; height: 1.2rem; background: url(../images/move1.png) no-repeat; background-size: contain; }
.part0 .move2{ animation: fadeIn 2.5s 1s linear infinite normal; position: absolute; left: 2.83rem; top: 0; width: 1.07rem; height: 1.2rem; background: url(../images/move2.png) no-repeat; background-size: contain; }
.part0 .move3{ animation: fadeIn 2.5s .5s linear infinite normal; position: absolute; left: 2.9rem; top: 2.37rem; width: 1.1rem; height: 1.22rem; background: url(../images/move3.png) no-repeat; background-size: contain; }
.part0 .move4{ animation: fadeIn 2.5s 0s linear infinite normal; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 5.5rem; top: 1.25rem; width: 1.07rem; height: 1.2rem; background: url(../images/move4.png) no-repeat; background-size: contain; }
.cap_pic1{ margin-bottom: .4rem; }
.cap_pic1,.cap_pic1 img{ width: 7.14rem; height: 5.22rem; }
.cap_pic2{ margin-top: .88rem; }
.cap_pic2,.cap_pic2 img{ width: 302.5px; height: 198.5px; }
.cap_pic3{ margin-bottom: -.3rem; }
.cap_pic3,.cap_pic3 img{ width: 198.45px; height: 344.25px; }
.cap_pic4{ margin-top: 1.15rem; }
.cap_pic4,.cap_pic4 img{ width: 261.5px; height: 158.5px; }
.cap_pic5{ margin-bottom: .6rem; padding: 0 50px; box-sizing: border-box; }
.cap_pic5{ width: 278.5px; height: 296px; }
.cap_pic5 img{ width: 100%; }
.cap_pic6{ padding-left: 1.4rem; padding-top: 1.1rem; }
.cap_pic6,.cap_pic6 img{ width: 6.21rem; height: 5.96rem; }
.cap_pic7{ margin-bottom: 1rem; }
.cap_pic7,.cap_pic7 img{ width: 274.75px; height: 100.1px; }
.part2 .wrap3{ position: absolute; left: 69.5px; top: 0; width: 17.5px; height: 51.5px; overflow: hidden; }
.part2 .move3{ animation: goBottom 6s 0s linear infinite normal; position: absolute; left: 0; top: -56.5px; width: 17.5px; height: 108px; background: url(../images/move5.png) no-repeat; background-size: contain; }
.part2 .wrap4{ position: absolute; left: 247.5px; top: 110.5px; width: 110px; height: 24px; overflow: hidden; }
.part2 .move4{ animation: goRight3 6s 0s linear infinite normal; position: absolute; left: -60px; width: 115px; height: 24px; background: url(../images/move6.png) no-repeat; background-size: contain; }
.part2 .wheel1{ animation: rotate 4s 0s linear infinite normal; position: absolute; top: 110.5px; left: 86.5px; width: 26px; height: 23.5px; background: url(../images/move7.png) no-repeat; background-size: contain; }
.part2 .wheel2{ animation: rotate 4s 0s linear infinite normal; position: absolute; top: 102.5px; left: 108px; width: 17.5px; height: 17.5px; background: url(../images/move8.png) no-repeat; background-size: contain; }
.part2 .wheel3{ animation: rotate 4s 0s linear infinite normal; position: absolute; top: 119px; left: 118.5px; width: 17.5px; height: 17.5px; background: url(../images/move9.png) no-repeat; background-size: contain; }
/*.part3 .move1{ animation: fadeOut 4s 0s linear infinite normal; position: absolute; left: 153.9px; top: 171.9px; z-index: 10; width: 14.85px; height: 165.6px; background: url(../images/move10.png) repeat-x; background-size: contain; }
.part3 .move1 i{ animation: fadeIn3 4s 0s linear infinite normal; opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; top: 0; left: 0; height: 36px; background: url(../images/move12.png) no-repeat; background-size: contain; }
.part3 .move2{ animation: rotate1 4s 0s linear infinite normal; position: absolute; left: 117.9px; top: 166.5px; width: 36px; height: 11.7px; background: url(../images/move11.png) no-repeat; background-size: contain; }
.part4 .wrap1{ position: absolute; left: 26px; top: .5px; width: 197px; height: 147.5px; overflow: hidden; }
.part4 .move1{ animation: goRight4 2s 0s linear infinite normal; position: absolute; left: -27px; width: 242.5px; height: 195.5px; background: url(../images/move13.png) repeat-x; background-size: 27px; }
.cap_pic5 img{ position: relative; z-index: 1; }
.part5 .move1{ animation: p8move1 18s 0s infinite linear normal; position: absolute; left: 149px; top: 35.5px; width: 28px; height: 126.5px; background: url(../images/move14.png) no-repeat; background-size: contain; }
.part5 .move2{ animation: p8move2 18s 0s infinite linear normal; position: absolute; left: 50.75px; top: 45px; width: 51.5px; height: 135px; background: url(../images/move15.png) no-repeat; background-size: contain; }
.part5 .move3{ animation: p8move3 18s 0s linear infinite normal; position: absolute; left: 71px; top: 182px; width: 28px; height: 126.5px; background: url(../images/move16.png) no-repeat; background-size: contain; }
.part5 .move4{ animation: p8move4 18s 0s linear infinite normal; z-index: 2; position: absolute; left: 68px; bottom: 52px; width: 65.5px; height: 38px; background: url(../images/move17.png) no-repeat; background-size: contain; }
.part5 .move5{ animation: p8move5 18s 0s linear infinite normal; z-index: 2; position: absolute; left: 138px; bottom: 53px; width: 66px; height: 38.5px; background: url(../images/move18.png) no-repeat; background-size: contain;}
.part5 .move6{ animation: p8move6 18s 0s linear infinite normal; z-index: 2; position: absolute; left: 75px; bottom: 20.5px; width: 54px; height: 31.5px; background: url(../images/move19.png) no-repeat; background-size: contain;}
.part5 .move7{ animation: p8move7 18s 0s linear infinite normal; z-index: 2; position: absolute; left: 127px; bottom: 20.5px; width: 53.5px; height: 31px; background: url(../images/move20.png) no-repeat; background-size: contain;}
.part6 .more{ margin-bottom: 0; }
.part6 .move1{ animation: p10_m1 3s 0s linear infinite normal; position: absolute; left: 2.07rem; top: 3.1rem; width: .61rem; height: .62rem; background: url(../images/move21.png) no-repeat; background-size: contain; }
.part6 .move2{ animation: p10_m2 3s 0s linear infinite normal; position: absolute; left: 2.95rem; top: 1.35rem; width: .76rem; height: .33rem; background: url(../images/move22.png) no-repeat; background-size: contain; }
.part6 .move3{ animation: p10_m3 3s 0s linear infinite normal; position: absolute; left: 4.01rem; top: 2.3rem; width: .53rem; height: .52rem; background: url(../images/move23.png) no-repeat; background-size: contain; }
.part6 .move4{ animation: p10_m4 3s 0s linear infinite normal; position: absolute; left: 3.02rem; top: 3.32rem; width: .65rem; height: .65rem; background: url(../images/move24.png) no-repeat; background-size: contain; }
*/.part7 .wheel{ position: absolute; width: 16.1px; height: 15.75px; background: url(../images/move25.png) no-repeat; background-size: contain; background-size: contain; }
.part7 .wheel1{ left: 6.3px; top: 52.85px; animation: rotate 2s 0s linear infinite normal;}
.part7 .wheel2{ left: 36.75px; top: 52.85px; animation: rotate 2s .2s linear infinite normal;}
.part7 .wheel3{ left: 191.1px; top: 52.85px; animation: rotate 2s .4s linear infinite normal;}
.part7 .wheel4{ left: 221.55px; top: 52.85px; animation: rotate 2s 0s linear infinite normal;}
.part7 .wheel5{ left: 252px; top: 52.85px; animation: rotate 2s .2s linear infinite normal;}
.part7 .wrap1{ position: absolute; left: 11.2px; top: 28.7px; width: 56px; height: 18.9px; overflow: hidden; }
.part7 .move1{ animation: goRight1 10s 0s linear infinite normal; position: absolute; left: -35.6px; width: 89.95px; height: 18.9px; background: url(../images/move26.png) no-repeat; background-size: contain; }
.part7 .wrap2{ position: absolute; left: 187.95px; top: 22.75px; width: 56px; height: 21.35px; overflow: hidden; }
.part7 .move2{ animation: goRight2 10s 0s linear infinite normal; position: absolute; left: -63px; width: 169.75px; height: 21.35px; background: url(../images/move27.png) no-repeat; background-size: contain; }

/*animate*/
@-webkit-keyframes p10_m1{
    0%{ -webkit-transform: translate(-2.07rem,1.95rem); opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ -webkit-transform: translate(0,0); opacity: 1; }
}
@keyframes p10_m1{
    0%{ transform: translate(-2.07rem,1.95rem); opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ transform: translate(0,0); opacity: 1; }
}
@-webkit-keyframes p10_m2{
    0%{ -webkit-transform: translate(-2.35rem,-2.95rem); opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ -webkit-transform: translate(0,0); opacity: 1; }
}
@keyframes p10_m2{
    0%{ transform: translate(-2.35rem,-2.95rem); opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ transform: translate(0,0); opacity: 1; }
}
@-webkit-keyframes p10_m3{
    0%{ -webkit-transform: translate(2.51rem,2.11rem); opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ -webkit-transform: translate(0,0); opacity: 1; }
}
@keyframes p10_m3{
    0%{ transform: translate(2.51rem,2.11rem); opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ transform: translate(0,0); opacity: 1; }
}
@-webkit-keyframes p10_m4{
    0%,20%{ -webkit-transform: translate(1.4rem,3rem); opacity: 0; }
    40%{ opacity: 1; }
    70%,100%{ -webkit-transform: translate(0,0); opacity: 1; }
}
@keyframes p10_m4{
    0%,20%{ transform: translate(1.4rem,3rem); opacity: 0; }
    40%{ opacity: 1; }
    70%,100%{ transform: translate(0,0); opacity: 1; }
}
@-webkit-keyframes rotate{
    100% { -webkit-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
}
@keyframes rotate{
    100% { transform:rotate(360deg); transform:rotate(360deg);}
}
@-webkit-keyframes goRight1{
	0%{ left: -40.95px; }
    100% { left: 8.4px; }
}
@keyframes goRight1{
	0%{ left: -40.95px; }
    100% { left: 8.4px; }
}
@-webkit-keyframes goRight2{
	0%{ left: -63px; }
    100% { left: 0; }
}
@keyframes goRight2{
	0%{ left: -63px; }
    100% { left: 0; }
}
@-webkit-keyframes goBottom{
	0%{ -webkit-transform: translate(0,0); }
    100% { transform: translate(0,55.5px); }
}
@keyframes goBottom{
	0%{ transform: translate(0,0); }
    100% { transform: translate(0,55.5px); }
}
@-webkit-keyframes goRight3{
	0%{ -webkit-transform: translate(0,0); }
    100% { transform: translate(59px,0); }
}
@keyframes goRight3{
	0%{ transform: translate(0,0); }
    100% { transform: translate(59px,0); }
}
@-webkit-keyframes goRight4{
	0%{ transform: translate(-27px,0); }
    100% { -webkit-transform: translate(0,0); }
}
@keyframes goRight4{
	0%{ transform: translate(-27px,0); }
    100% { transform: translate(0,0); }
}
@-webkit-keyframes fadeIn{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    100% { opacity: 1; filter: alpha(opacity=100); }
}
@keyframes fadeIn{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    100% { opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes fadeOut{
    0%,50%{ top: 171.9px; opacity: 1; }
    80%{ top: 0; opacity: 1; }
    100%{ top: 0; opacity: 0; }
}
@keyframes fadeOut{
    0%,50%{ top: 171.9px; opacity: 1; }
    80%{ top: 0; opacity: 1; }
    100%{ top: 0; opacity: 0; }
}
@-webkit-keyframes fadeIn2{
	0%{ opacity: 0.3; filter: alpha(opacity=30); }
    100% { opacity: 1; filter: alpha(opacity=100); }
}
@keyframes fadeIn2{
	0%{ opacity: 0.3; filter: alpha(opacity=30); }
    100% { opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes fadeIn3{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    50%,100%{ opacity: 1; filter: alpha(opacity=100); }
}
@keyframes fadeIn3{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    50%,100%{ opacity: 1; filter: alpha(opacity=100); }
}
@-webkit-keyframes rotate1{
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    50% { -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
}
@keyframes rotate1{
	0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    50% { -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
}



.capl_main{ overflow: hidden; }

.part3 .cap_pic{ width: 5.14rem; height: 7.65rem; position: relative; }
.cap_pwrap6 .cap_pwrap{position: absolute; left: 50%; top: 50%; margin-left: -257px; margin-top: -382.5px; width: 514px; height: 765px; overflow: hidden; }
.cap_pwrap6 .cap_pwrap img{ width: 100%; position: relative; z-index: 1; }
.cap_pwrap6 .cap_txt{top: 380px;right: 8px;}
.cap_pwrap6 .wrap1{ position: absolute; top: 0; right: 0; width: 65px; height: 765px; }
.cap_pwrap6 .wrap1 .wheel{ position: absolute; z-index: 1; left: 14px; width: 37px; height: 37px; background: url(../images/nmove31.png) center no-repeat; }
.cap_pwrap6 .wrap1 .wheel1{ top: 20px; animation: rotate 2s 0s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel2{ top: 95px; animation: rotate 2s .2s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel3{ top: 171px; animation: rotate 2s .4s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel4{ top: 248px; animation: rotate 2s 2s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel5{ top: 325px; animation: rotate 2s .2s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel6{ top: 400px; animation: rotate 2s .4s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel7{ top: 477px; animation: rotate 2s 0s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel8{ top: 553px; animation: rotate 2s .2s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel9{ top: 630px; animation: rotate 2s .4s linear infinite normal; }
.cap_pwrap6 .wrap1 .wheel10{ top: 705px; animation: rotate 2s 0s linear infinite normal; }
.cap_pwrap6 .move1{ animation: n_fadeOut 4s 0s linear infinite normal; position: absolute; left: 415px; top: 382px; z-index: 10; width: 33px; height: 368px; background: url(../images/nmove16.png) repeat-x; }
.cap_pwrap6 .move1 i{ animation: n_fadeIn3 4s 0s linear infinite normal; opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; top: 0; left: 0; /*height: 80px;*/ height: 100%; background: url(../images/nmove30.png) no-repeat; }
.cap_pwrap6 .p6_wrap{ position: absolute; left: 24px; top: 345px; width: 288px; height: 208px; }
.cap_pwrap6 .move2{ position: absolute; left: 262px; top: 28px; width: 128px; height: 30px; background: url(../images/nmove17.png) no-repeat; z-index: 0; }
.cap_pwrap6 .move3{ position: absolute; left: 0; top: 0; width: 288px; height: 208px; background: url(../images/nmove35.png) no-repeat; z-index: 1; }

@-webkit-keyframes n_fadeOut{
    0%{ top: 382px; opacity: 0; }
    5%,40%{ top: 382px; opacity: 1; }
    70%{ top: 14px; opacity: 1; }
    90%{ top: 14px; opacity: 0; }
    100%{ top: 382px; opacity: 0; }
}
@keyframes n_fadeOut{
    0%{ top: 382px; opacity: 0; }
    5%,40%{ top: 382px; opacity: 1; }
    70%{ top: 14px; opacity: 1; }
    90%{ top: 14px; opacity: 0; }
    100%{ top: 382px; opacity: 0; }
}
@-webkit-keyframes n_fadeIn3{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    60%,100%{ opacity: 1; filter: alpha(opacity=100); }
}
@keyframes n_fadeIn3{
	0%{ opacity: 0; filter: alpha(opacity=0); }
    60%,100%{ opacity: 1; filter: alpha(opacity=100); }
}


.cap_pwrap7 .cap_pic{ width: 5.23rem; height: 3.16rem; top: 1.2rem; overflow: visible; }
.cap_pwrap7 .cap_pic img{ position: relative; z-index: -1;}
.cap_pwrap7 .cap_txt{left: 17px;top: 140px;}
.cap_pwrap7 .wrap1{ animation: goRight4 20s 0s linear infinite normal; position: absolute; left: -110px;top: -120px; width: 200px; height: 295px; overflow: hidden; padding: 0 60px; background: url(../images/nmove32.png) top center no-repeat; }
.cap_pwrap7 .move1{ position: absolute; left: 100px; width: 106px; height: 296px; background: url(../images/nmove9.png) repeat-x; }
.cap_pwrap7 .wrap2{ position: absolute; bottom: 11px; left: 52px; width: 400px; height: 110px; }
.cap_pwrap7 .wrap2 .box{ width: 33.3%; float: left; height: 100%; }
.cap_pwrap7 .wrap2 .box1{ background: #b4b4b4; opacity: .6; filter: alpha(opacity=60); }
.cap_pwrap7 .wrap2 .box2{ background: #094ac5; opacity: .6; filter: alpha(opacity=60); }
.cap_pwrap7 .wrap2 .box3{ background: #710b0b; opacity: .6; filter: alpha(opacity=60); }
.cap_pwrap7 .cap_pwrap{ position: absolute; left: 50%; top: 50%; width: 523px; height: 316px; margin-left: -261.5px; margin-top: -158px; }

@-webkit-keyframes goRight4{
	0%{ left: -140px;top: -120px; opacity: 1; }
	9%{ left: -48px; top: -120px; }
	16%{ left: -48px; top: 0; }
	23%{ left: 16px; top: 0; }
	30%{ left: 16px; top: -120px; }
	37%{ left: 85px; top: -120px; }
	44%{ left: 85px; top: 0; }
	51%{ left: 150px; top: 0; }
	58%{ left: 150px; top: -120px; }
	65%{ left: 220px; top: -120px; }
	72%{ left: 220px; top: 0; }
	79%{ left: 280px; top: 0; }
	86%{ left: 280px; top: -120px; }
	98%{ left: 390px; top: -120px; opacity: 1; }
	100%{ left: 400px; top: -120px; opacity: 0; }
}
@keyframes goRight4{
	0%{ left: -140px;top: -120px; opacity: 1; }
	9%{ left: -48px; top: -120px; }
	16%{ left: -48px; top: 0; }
	23%{ left: 16px; top: 0; }
	30%{ left: 16px; top: -120px; }
	37%{ left: 85px; top: -120px; }
	44%{ left: 85px; top: 0; }
	51%{ left: 150px; top: 0; }
	58%{ left: 150px; top: -120px; }
	65%{ left: 220px; top: -120px; }
	72%{ left: 220px; top: 0; }
	79%{ left: 280px; top: 0; }
	86%{ left: 280px; top: -120px; }
	98%{ left: 390px; top: -120px; opacity: 1; }
	100%{ left: 400px; top: -120px; opacity: 0; }
}




.cap_pwrap8 .cap_pic{ position: relative; width: 3.57rem; height: 5.94rem; }
.cap_pwrap8 .cap_pwrap{ position: absolute; left: 50%; top: 50%; margin-left: -278.5px; margin-top: -297px; width: 557px; height: 594px; overflow: visible; }
.cap_pwrap8 .cap_pic img{ position: relative; z-index: 1; }
.cap_pwrap8 .cap_txt{right: 0;top: 335px;}
.cap_pwrap8 .move1{ animation: p8move1 10s 0s infinite linear normal; position: absolute;/* display: none;*/ left: 298px; top: 71px; width: 56px; height: 253px; background: url(../images/nmove21.png) repeat-x; }
.cap_pwrap8 .move2{ animation: p8move2 10s 0s infinite linear normal; position: absolute; left: 192px; top: 90px; width: 103px; height: 270px; background: url(../images/nmove18.png) repeat-x; }
.cap_pwrap8 .move3{ animation: p8move3 10s 0s linear infinite normal; position: absolute; left: 220px; top: 364px; width: 56px; height: 253px; background: url(../images/nmove19.png) repeat-x; }
.cap_pwrap8 .move4{ animation: p8move4 10s 0s ease-in-out infinite normal; z-index: 2; position: absolute; left: 0; bottom: 150px; width: 131px; height: 76px; background: url(../images/nmove26.png) repeat-x; }
.cap_pwrap8 .move5{ animation: p8move5 10s 0s ease-out infinite normal; z-index: 2; position: absolute; left: 54px; bottom: 100px; width: 132px; height: 77px; background: url(../images/nmove27.png) repeat-x;}
.cap_pwrap8 .move6{ animation: p8move6 10s 0s ease-in infinite normal; z-index: 2; position: absolute; left: 100px; bottom: 145px; width: 108px; height: 63px; background: url(../images/nmove28.png) repeat-x;}
.cap_pwrap8 .move7{ animation: p8move7 10s 0s linear infinite normal; z-index: 2; position: absolute; left: 100px; bottom: 40px; width: 107px; height: 62px; background: url(../images/nmove29.png) repeat-x;}
.cap_pwrap8 .move8{ animation: p8move8 10s 0s ease-in-out infinite normal; z-index: 2; position: absolute; right: 95px; bottom: 105px; width: 107px; height: 62px; background: url(../images/nmove29.png) repeat-x;}
.cap_pwrap8 .move9{ animation: p8move9 10s 0s ease-out infinite normal; z-index: 2; position: absolute; right: 50px; bottom: 150px; width: 107px; height: 62px; background: url(../images/nmove29.png) repeat-x;}
.cap_pwrap8 .move10{ animation: p8move10 10s 0s ease-in infinite normal; z-index: 2; position: absolute; right: 150px; bottom: 20px; width: 107px; height: 62px; background: url(../images/nmove29.png) repeat-x;}
.cap_pwrap8 .move11{ animation: p8move11 10s 0s linear infinite normal; z-index: 2; position: absolute; left: 254px; bottom: 140px; width: 107px; height: 62px; background: url(../images/nmove29.png) repeat-x;}


@-webkit-keyframes p8move1{
    0%{ left: 298px; top: 71px; opacity: 1; }
    10%{ left: 220px; top: 71px; }
    30%{ left: 220px; top: 364px; opacity: 1; }
    40%{ left: 220px; top: 364px; opacity: 0; }
    90%{ left: 298px; top: 71px; opacity: 0; }
    100%{ left: 298px; top: 71px; opacity: 1; }
}
@keyframes p8move1{
    0%{ left: 298px; top: 71px; opacity: 1; }
    10%{ left: 220px; top: 71px; }
    30%{ left: 220px; top: 364px; opacity: 1; }
    40%{ left: 220px; top: 364px; opacity: 0; }
    90%{ left: 298px; top: 71px; opacity: 0; }
    100%{ left: 298px; top: 71px; opacity: 1; }
}
@-webkit-keyframes p8move2{
    0%{ left: 271px; top: -175px; }
    10%{ left: 192px; top: -175px; }
    30%,40%{ left: 192px; top: 118px; }
    55%{ left: 192px; top: -175px; }
    75%{ left: -8px; top: -175px; }
    100%{ left: 271px; top: -175px; }
}
@keyframes p8move2{
    0%{ left: 271px; top: -175px; }
    10%{ left: 192px; top: -175px; }
    30%,40%{ left: 192px; top: 118px; }
    55%{ left: 192px; top: -175px; }
    75%{ left: -8px; top: -175px; }
    100%{ left: 271px; top: -175px; }
}
@-webkit-keyframes p8move3{
    0%,30%{ left: 220px; top: 364px; opacity: 0; }
    40%{ left: 220px; top: 364px; opacity: 1; }
    55%{ left: 220px; top: 71px; opacity: 1; }
    75%{ left: 20px; top: 71px; opacity: 0; }
    100%{ left: 220px; top: 364px; opacity: 0; }
}
@keyframes p8move3{
    0%,30%{ left: 220px; top: 364px; opacity: 0; }
    40%{ left: 220px; top: 364px; opacity: 1; }
    55%{ left: 220px; top: 71px; opacity: 1; }
    75%{ left: 20px; top: 71px; opacity: 0; }
    100%{ left: 220px; top: 364px; opacity: 0; }
}
@-webkit-keyframes p8move4{
    0%,20%{ left: 0; bottom: 150px; }
    40%{  left: 165px; bottom: 120px; }
    50%,100%{ left: 0; bottom: 150px; }
}
@keyframes p8move4{
    0%,20%{ left: 0; bottom: 150px; }
    40%{  left: 165px; bottom: 120px; }
    50%,100%{ left: 0; bottom: 150px; }
}
@-webkit-keyframes p8move5{
    0%,28%{ left: 54px; bottom: 100px; }
    40%{  left: 130px; bottom: 81px; }
    35%{  left: 180px; bottom: 120px; }
    60%,100%{ left: 54px; bottom: 100px; }
}
@keyframes p8move5{
    0%,28%{ left: 54px; bottom: 100px; }
    40%{  left: 130px; bottom: 81px; }
    45%{  left: 180px; bottom: 120px; }
    60%,100%{ left: 54px; bottom: 100px; }
}
@-webkit-keyframes p8move6{
    0%,29%{ left: 100px; bottom: 145px; }
    40%{  left: 120px; bottom: 100px; }
    46%{  left: 170px; bottom: 60px; }
    50%,100%{ left: 100px; bottom: 145px; }
}
@keyframes p8move6{
    0%,29%{ left: 100px; bottom: 145px; }
    40%{  left: 120px; bottom: 100px; }
    46%{  left: 170px; bottom: 60px; }
    50%,100%{ left: 100px; bottom: 145px; }
}
@-webkit-keyframes p8move7{
    0%,28%{ left: 100px; bottom: 40px; }
    40%{ left: 120px; bottom: 78px;  }
    50%,100%{ left: 100px; bottom: 40px; }
}
@keyframes p8move7{
    0%,28%{ left: 100px; bottom: 40px; }
    40%{ left: 120px; bottom: 78px;  }
    50%,100%{ left: 100px; bottom: 40px; }
}
@-webkit-keyframes p8move8{
    0%,20%{ right: 95px; bottom: 105px; }
    33.4%{  right: 200px; bottom: 80px; }
    50%,100%{ right: 95px; bottom: 105px; }
}
@keyframes p8move8{
    0%,20%{ right: 95px; bottom: 105px; }
    33.4%{  right: 200px; bottom: 80px; }
    50%,100%{ right: 95px; bottom: 105px; }
}
@-webkit-keyframes p8move9{
    0%,28%{  right: 50px; bottom: 150px; }
    40%{  right: 130px; bottom: 80px; }
    35%{  right: 240px; bottom: 120px; }
    60%,100%{  right: 50px; bottom: 150px; }
}
@keyframes p8move9{
    0%,28%{  right: 50px; bottom: 150px; }
    40%{  right: 130px; bottom: 80px; }
    35%{  right: 240px; bottom: 120px; }
    60%,100%{  right: 50px; bottom: 150px; }
}
@-webkit-keyframes p8move10{
    0%,29%{ right: 150px; bottom: 20px; }
    40%{  right: 270px; bottom: 40px; }
    46%{  right: 190px; bottom: 60px; }
    50%,100%{ right: 150px; bottom: 20px; }
}
@keyframes p8move10{
    0%,29%{ right: 150px; bottom: 20px; }
    40%{  right: 270px; bottom: 40px; }
    46%{  right: 190px; bottom: 60px; }
    50%,100%{ right: 150px; bottom: 20px; }
}
@-webkit-keyframes p8move11{
    0%,28%{ left: 254px; bottom: 140px; }
    33.4%{ left: 190px; bottom: 78px;  }
    50%,100%{ left: 254px; bottom: 140px; }
}
@keyframes p8move11{
    0%,28%{ left: 254px; bottom: 140px; }
    33.4%{ left: 190px; bottom: 78px;  }
    50%,100%{ left: 254px; bottom: 140px; }
}



.cap_pwrap10 .cap_pic{ width: 6.87rem; height: 5rem; margin-left: 1.45rem; overflow: visible; }
.cap_pwrap10 .cap_pwrap{ position: absolute; left: 50%; top: 50%; margin-left: -343.5px; margin-top: -250px; width: 687px; height: 600px; }
.cap_pwrap10 .move1{ animation: p10_m1 3s 0s linear infinite normal; position: absolute; left: 58px; top: 194px; width: 75px; height: 103px; background: url(../images/nmove22.png) no-repeat; }
.cap_pwrap10 .move2{ animation: p10_m2 3s 0s linear infinite normal; position: absolute; left: 172px; top: 20px; width: 49px; height: 48px; background: url(../images/nmove23.png) no-repeat; }
.cap_pwrap10 .move3{ animation: p10_m3 3s 0s linear infinite normal; position: absolute; left: 250px; top: 192px; width: 77px; height: 42px; background: url(../images/nmove24.png) no-repeat; }
.cap_pwrap10 .move4{ animation: p10_m4 3s 0s linear infinite normal; position: absolute; left: 164px; top: 230px; width: 68px; height: 65px; background: url(../images/nmove25.png) no-repeat; }


@-webkit-keyframes p10_m1{
    0%{ left: -143px; top: 394px; opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ left: 58px; top: 194px; opacity: 1; }
}
@keyframes p10_m1{
    0%{ left: -143px; top: 394px; opacity: 0; }
    30%{ opacity: 1; }
    55%,100%{ left: 58px; top: 194px; opacity: 1; }
}
@-webkit-keyframes p10_m2{
    0%{ left: 101px; top: -110px; opacity: 0; }
    30%{ opacity: 1; }
    20%,100%{ left: 172px; top: 20px; opacity: 1; }
}
@keyframes p10_m2{
    0%{ left: 101px; top: -110px; opacity: 0; }
    30%{ opacity: 1; }
    20%,100%{ left: 172px; top: 20px; opacity: 1; }
}
@-webkit-keyframes p10_m3{
    0%{ left: 412px; top: 227px; opacity: 0; }
    10%{ opacity: 1; }
    40%,100%{ left: 250px; top: 192px; opacity: 1; }
}
@keyframes p10_m3{
    0%{ left: 412px; top: 227px; opacity: 0; }
    10%{ opacity: 1; }
    40%,100%{ left: 250px; top: 192px; opacity: 1; }
}
@-webkit-keyframes p10_m4{
    0%,20%{ left: 204px; top: 391px; opacity: 0; }
    40%{ opacity: 1; }
    70%,100%{ left: 164px; top: 230px; opacity: 1; }
}
@keyframes p10_m4{
    0%,20%{ left: 204px; top: 391px; opacity: 0; }
    40%{ opacity: 1; }
    70%,100%{ left: 164px; top: 230px; opacity: 1; }
}




/*搜索结果*/
.m_newsl{ background: #fff; }
.m_newsl .pages{ padding: .4rem 0; }
.sea_count{ padding: 15px 3%; border-bottom: 1px solid #eee; font-size: 14px; color: #666; }
.sea_count em{ color: #333; }
.sea_list{ padding: 0 3%; }
.sea_list li{ font-size: 0; padding: 15px 0; border-bottom: 1px dotted #ccc; }
.sea_list li .text{ display: inline-block; vertical-align: middle; width: 100%; }
.sea_list li h2{ line-height: 20px; font-size: 14px; color: #555; }
.sea_list li h2 em{ color: #fb5f01; margin-right: 5px; }
.sea_list li p{ margin: 5px 0; font-size: 12px; color: #555; line-height: 20px; }
.sea_list li span{ font-size: 12px; color: #999; line-height: 24px; }
.sea_list li:hover h2{ color: #fb5f01; }
.sea_list strong{ background: #ffe200; }











