@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; }
.over{ overflow: hidden; }
.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.1rem; height: .68rem; 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: #c90000; background: #c90000; 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: #c90000; border: none; color: #fff; position: absolute; right: 0; border-radius: 0 .1rem .1rem 0;}

/*footer*/
footer .top{ font-size: .37rem; padding: 0 .3rem; height: 1.2rem; line-height: 1.2rem; border-top: 1px solid #eee; box-sizing: border-box; }
footer .bot{ font-size: 0; 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; border-left: 1px solid rgba(255,255,255,.5); }
footer .bot li:first-child{ border-left: none; }
footer .bot a{ vertical-align: middle; font-size: .3rem; color: #fff; opacity: .5; padding: 0 .16rem; }
footer .bot a:hover{ opacity: 1; }
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: 2.48rem; 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: #c90000; }
.i_toplist{ margin: 0 .2rem; min-height: 3.2rem; padding-bottom: .5rem; box-sizing: border-box; }
.i_toplist li{ float: left; padding-top: .37rem; width: 1.42rem; text-align: center; }
.i_toplist li:hover h2{ color: #e60011; }
.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 .swiper-pagination-bullet{ border-color: #e2e2e2; background: #fff; }
.i_toplist .swiper-pagination-bullet-active{ background: #d8d8d8; }
.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; padding: .2rem; }
.i_midlist .left a:first-child .box p{ margin-bottom: .1rem; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.i_midlist .left a:first-child .box .more{ width: 1rem; height: .32rem; line-height: .32rem; text-align: center; color: #fff; text-transform: uppercase; font-size: .22rem; background: #e60011; border-radius: .16rem; display: block; }
.i_midlist .left a:first-child .box .more span{ display: inline-block; vertical-align: middle; transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); }
.i_midlist .left a:last-child .box h2{ color: #e60011; }
.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: .22rem; }
.i_botlist{ background: #f7f7f7; padding: 0 0 .42rem; }
.i_botlist > h2{ text-transform: uppercase; 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: .22rem; }
.i_bot_con .box:hover h2,.i_midlist .box:hover h2{ color: #e60011; }

/*关于我们*/
.in_title{ font-size: .48rem; color: #2b3845; padding: .8rem .3rem .85rem; }
.in_title:after{ content: ''; display: inline-block; width: .42rem; height: .03rem; background: #c90000; 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: #c90000; }
.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: #c90000; }
.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; }
.about_main{ min-height: 3.5rem; padding: 0 .3rem .5rem; background: #b4bbc2 url(../images/bg1.png) top center no-repeat; background-size: contain; position: relative; }
.jma_tit{ text-transform: uppercase; padding: .55rem 0 .22rem; font-size: .3rem; color: #000; }
.jma_tit img{ width: .54rem; margin-right: .2rem; vertical-align: text-top; }
.base_con{ padding: .3rem .2rem .5rem; color: #666; font-size: .24rem; background: #fff; }
.base_con p{ line-height: .44rem; }
.base_con h2{ text-transform: uppercase; position: relative; padding-left: .2rem; font-size: .24rem; color: #333; line-height: .42rem; margin: .1rem 0; }
.base_con h2:before{ content: ''; position: absolute; left: 0; top: .1rem; width: .05rem; height: .22rem; background: #c90000; }
.base_con img,.con_con img,.rec_con img{ max-width: 100%!important; height: auto!important; }

/*联系我们*/
.con_main{ padding: 0 .1rem .5rem; font-size: .27rem; line-height: .42rem; color: #666; background: url(../images/bg2.jpg) top center no-repeat; background-size: cover; }
.con_main .jma_tit{ padding: .55rem .2rem .22rem; }
#allmap{ width: 100%; height: 3.1rem; margin-bottom: .3rem; }
.con_main .con_con{ padding: 0 .3rem; }
.con_main .info{ line-height: .6rem; }

/*人才招聘*/
.rec_main{  background: url(../images/bg3.jpg) top center no-repeat; }
.rec_con{ background: #fff; padding: .4rem .2rem .5rem; }
.rec_list li{ margin-bottom: .3rem; }
.rec_list li .top{ background-color: #f8f8f8; background-image: url(../images/icon30.png); background-position: 98% center; background-repeat: no-repeat; background-size: .24rem; border-radius: .08rem; padding: .1rem .5rem .1rem .2rem; height: .44rem; line-height: .44rem; font-size: .3rem; color: #333; }
.rec_list li .bot{ display: none; padding: .2rem .1rem 0; color: #999; font-size: .28rem; line-height: .42rem; }
.rec_list li.on .top{ background-image: url(../images/icon30on.png); }
.rec_info{ font-size: .27rem; line-height: .36rem; color: #666; }

/*发展历程*/
.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: #c90000; }
.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: #d32e2e; padding: .38rem 0 .28rem; }
.his_box h2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: .45rem; height: .02rem; background: #d32e2e; }
.his_box .text p{ line-height: .42rem; font-size: .3rem; color: #666; }

/*新闻资讯*/
.news_tit li{ box-sizing: border-box; width: 50%; float: left; height: .86rem; line-height: .86rem; 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: #c90000; }
.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: .56rem; 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: .12rem; 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: #c90000; }
.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: #c90000; color: #fff!important; }
.pages a:hover,.pages a.on{ color: #c90000; }

/*新闻资讯详情*/
.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.5rem; 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; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.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: #c90000; }
.news_more .more_btn{ margin: .45rem auto 0; width: 2.46rem; height: .68rem; line-height: .68rem; background: #c90000; 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; }

/*二级菜单*/
.menu_swrap{ background: #f6f6f6; }
.menu_swrap{ padding: 0 .35rem; }
.menu_swrap .swiper-container{ overflow: visible; }
.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: #c90000;  }
.menu_slide .swiper-button-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 .swiper-button-next{ right: -.35rem; width: .32rem; height: .61rem; top: 50%; margin-top: -.305rem; background: url(../images/right.png) center no-repeat; background-size: .28rem; }

/*研发能力*/
.cap_gotop{ background: #f8f8f8; padding: .5rem 0; }
.cap_gotop .btn{ width: 2.86rem; height: .76rem; line-height: .76rem; color: #fff; background: #ff000c; color: #fff; border-radius: .38rem; display: block; margin: 0 auto; text-align: center; }
.capl_main .part{ box-sizing: border-box; background: url(../images/icon52.png) center 94% no-repeat; background-size: .56rem; text-align: center; }
.capl_main .part.bg_eee{ background: #f8f8f8 url(../images/icon52.png) center 94% no-repeat; background-size: .56rem; }
.capl_main h1{ font-size: .98rem; color: #ec0101; margin-bottom: .1rem; line-height: 1rem; }
.capl_main h2{ font-size: .4rem; color: #000; line-height: .45rem; margin: .2rem 0; }
.capl_main p{ font-size: .24rem; color: #999; line-height: .38rem; width: 6.4rem; margin: 0 auto .2rem;} 
.capl_main .part0 h1{ margin-bottom: .05rem; }
.capl_main .part0 p{ color: #000; }
.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: #c90000!important; border-color: #c90000; 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 .part0{ padding: .4rem .75rem 1.3rem; }
.capl_main .part1{ padding: .82rem .75rem 1.3rem; }
.capl_main .part2{ padding: .8rem .75rem 1.3rem; }
.capl_main .part3{ padding: 1rem .75rem 1.3rem; }
.capl_main .part4{ padding: 1.5rem .75rem 1.3rem; }
.capl_main .part5{ padding: .75rem .75rem 1.3rem; }
.capl_main .part6{ padding: .6rem .75rem 1.3rem; }
.capl_main .part7{ padding: .6rem .75rem 1.3rem; }
.capl_main .part8{ padding: .8rem .75rem 1.3rem; }
.cap_pic{ position: relative; margin: 0 auto; overflow: hidden; }
.cap_pic0{ margin-bottom: .28rem; }
.cap_pic0 img{ width: 4.4rem; }
.part0_top{ font-size: .36rem; color: #000; line-height: .5rem; margin-bottom: .2rem; }
.cap_pic1{ margin-bottom: .5rem; }
.cap_pic1 img{ width: 6.5rem; }
.cap_pic2{ margin-bottom: .25rem; width: 2.94rem; height: 5.29rem; margin-left: 2.7rem; }
.cap_pic2 .cap_pwrap{ position: absolute; left: 50%; top: 50%; margin-left: -170px; margin-top: -307.5px; width: 340px; height: 615px; background-image: url(../images/cpic5.png); animation: water 8s steps(29) infinite; }
@keyframes water {
  from {
    background-position: 0px; }

  to {
    background-position: -9860px; } 
}
.cap_pic3{ margin-bottom: .55rem; width: 4.7rem; height: 4.5rem; margin-left: 2.5rem; }
.cap_pic3 .cap_pwrap{ position: absolute; left: 50%; margin-left: -235px; top: 50%; margin-top: -225px; width: 470px; height: 450px; background-image: url(../images/cpic6.png); animation: down 5s steps(20) infinite; }
@keyframes down {
  from {
    background-position: 0px; }

  to {
    background-position: -9400px; } 
}
.cap_pic4{ margin-bottom: .55rem; width: 3.52rem; height: 2.73rem; }
.cap_pic4 .cap_pwrap{ position: absolute; left: 50%; top: 50%; margin-left: -219px; margin-top: -170px; width: 438px; height: 340px; background-image: url(../images/cpic7.png); animation: together 2.5s steps(12) infinite;  }
@keyframes together {
  from {
    background-position: 0px; }

  to {
    background-position: -5256px; } 
}
.cap_pic5{ overflow: hidden; margin-bottom: .6rem; position: relative; width: 6rem; height: 3.91rem; }
.cap_pic5 .cap_pwrap{ position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -195.5px; width: 600px; height: 391px; background-image: url(../images/cpic8.png); animation: go_center 1.5s steps(4) infinite; -webkit-animation: go_center 1.5s steps(4) infinite; -moz-animation: go_center 1.5s steps(4) infinite; -o-animation: go_center 1.5s steps(4) infinite; }
@keyframes go_center {
  from {
    background-position: 0px; }

  to {
    background-position: -2400px; } 
}
.cap_pic6{ margin-bottom: .55rem; width: 5.04rem; height: 3.3rem; }
.cap_pic6 .cap_pwrap{ position: absolute; left: 50%; top: 50%; margin-left: -292px; margin-top: -191px; width: 584px; height: 382px; background-image: url(../images/cpic9.png); animation: be_blue 6s steps(21) infinite; }
@keyframes be_blue {
  from {
    background-position: 0px; }

  to {
    background-position: -12264px; } 
}
.cap_pic7{ margin-bottom: .55rem; }
.cap_pic7 img{ width: 6.9rem; }
.cap_pic8{ margin-bottom: .4rem; }
.cap_pic8 img{ width: 5.5rem; }