@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=reset],input[type=text],input[type=number],input[type=button],select,div,textarea,em{-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.06rem; color:#333;line-height:1.3;font-size:.28rem;opacity: 0;overflow-x: hidden;background:#fff}
a,li,h2,.more,.menu_bg,.i_plist li:before,.pro_list li:before
{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.tover{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; }
.zoom{ position: relative; display: block; overflow: hidden; }
.zoom img,.zoom span{ position: absolute; left: 0; top: 0; width: 100%; height: 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; background-repeat: no-repeat; background-position: center; background-size: cover; }
.zoom:hover img,.zoom:hover span,li:hover .zoom span,li:hover .zoom 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_white{ background: #fff; }
.bg_eee{ background: #eee; }
.swiper-slide img{ width: 100%; }

/*header*/
header{ position: fixed; top: 0; left: 0; width: 100%; height: 1.06rem; line-height: 1.06rem; font-size: 0; background: #fff; z-index: 999; box-shadow: 0 2px 4px rgba(0,0,0,.04); }
header .logo{ position: absolute; left: .2rem; top: calc((1.06rem - .88rem)/2); height: .88rem; }
header .htxt{ text-align: center; }
header .htxt span{ display: inline-block; vertical-align: middle; text-align: center; font-size: .2rem; color: #777; }
header .htxt font{ display: inline-block; vertical-align: middle; font-size: .32rem; color: #db0f17; font-weight: bold; }
header .hsearch{ position: absolute; top: 0; right: 1.22rem; width: .6rem; height: 1.06rem; background: url(../images/icon1.png) center no-repeat; background-size: .45rem; }
header .hsearch.on{ background: url(../images/icon1_b.png) center no-repeat; background-size: .45rem; }
.nav-skip { z-index: 999; box-sizing: border-box; position:absolute; top: 0; padding: .38rem 0; right: .3rem; width:0.6rem; height: 1.06rem; font-size:0.4rem; text-align:center;}
.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:3px; background-color:#3e3a39; 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);}
.menu_bg{ position: fixed; top: 1.06rem; left: auto; right: -100%; width: 6rem; height: 100%; box-sizing: border-box; padding-bottom: 1.06rem; padding-bottom: 1rem; background: #00433b; z-index: 666; }
.menu_bg.show{ right: 0; }
.menu_wrap{ height: 100%; overflow: auto; }
.menu_nav li{ border-bottom: 1px solid rgba(255,255,255,.12); }
.menu_nav li > a{ background-image: url(../images/icon10.png); background-repeat: no-repeat; background-position: 7.85rem center; background-size: .16rem; display: block; height: 1.4rem; line-height: 1.4rem; padding: 0 .84rem; font-size: .36rem; color: #fff; box-sizing: border-box; }
.menu_nav li img{ width: .55rem; margin-right: .45rem; }
.menu_nav li.on > a,.menu_nav li:hover > a{ background-color: rgba(0, 0, 0, .4); }
.search_form{ display: none; position: fixed; top: 1.06rem; width: 100%; left: 0; background: #00433b; z-index: 999; padding: .2rem .3rem; box-sizing: border-box; height: 1.5rem; line-height: 1.5rem; box-shadow: 0 6px 16px rgba(0,0,0,.25); }
.search_input{ width: 90%; color: rgba(255,255,255,.6); font-size: .34rem; height: 1.1rem; float: left; border: none; background: none; }
.search_btn{ width: 10%; border: none; background: url(../images/icon1_w.png) center no-repeat; background-size: .45rem; height: 1.1rem; float: right; }

/*footer*/
footer{ background: #00433b; position: relative; }
footer:before{ pointer-events: none; content: ''; position: absolute; left: 0; top: -.54rem; width: 100%; height: .54rem; background: url(../images/fbg.png) center no-repeat; background-size: contain; }
.ftop{ padding: .42rem 0 .2rem; }
.fshare{ width: 50%; }
.fshare h2{ font-size: .26rem; color: #fff; opacity: .5; line-height: .2rem; margin-bottom: .16rem; }
.fshare .clearfix a{ background-repeat: no-repeat; background-position: center; background-size: contain; display: block; float: left; width: .62rem; height: .62rem; margin-right: .4rem; }
.fshare .clearfix a:last-child{ margin-right: 0; }
.fshare .clearfix a.wechat{ background-image: url(../images/icon22.png); }
.fshare .clearfix a.wechat:hover{ background-image: url(../images/icon22on.png); }
.fshare .clearfix a.weibo{ background-image: url(../images/icon23.png); }
.fshare .clearfix a.weibo:hover{ background-image: url(../images/icon23on.png); }
.fshare .clearfix a.qqzone{ background-image: url(../images/icon24.png); }
.fshare .clearfix a.qqzone:hover{ background-image: url(../images/icon24on.png); }
.fewm{ font-size: 0; width: 50%; }
.fewm .box{ display: inline-block; vertical-align: top; width: 1.3rem; margin-left: .4rem; }
.fewm .box:first-child{ margin-right: 0; }
.fewm .box .pic{ margin-bottom: .08rem; background: #fff; max-width: 100%; padding: .04rem; box-sizing: border-box; }
.fewm .box .pic img{ width: 1.22rem; }
.fewm .box p{ font-size: .2rem; opacity: .5; color: #fff; }
.fbot{ border-top: 1px solid rgba(255,255,255,.12); opacity: .5; padding: .32rem 0 .26rem; text-transform: uppercase; text-align: center; font-size: .2rem; line-height: .34rem; color: #fff; }

/*首页*/
.banner{ width: 100%; border-bottom: 1px solid #d5d5d6; }
.banner img{ width: 8.4rem; }
.swiper-pagination-bullet{ background: #fff; }
.swiper-pagination-bullet-active{ background: #ed1b24; }
.pd3{ padding: 0 .3rem; box-sizing: border-box; }
.i_atxt{ padding-top: .06rem; color: #666; line-height: .52rem; text-align: center; }
.i_alist{ padding: .48rem 0 .7rem; }
.i_alist li{ text-align: center; float: left; width: 1.5rem; margin-right: calc((100% - 6.01rem)/3); }
.i_alist li:nth-child(4n){ margin-right: 0; }
.i_alist li .img{ width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0; border-radius: 50%; margin-bottom: .14rem; border: 1px solid #d5d5d5; box-sizing: border-box; }
.i_alist li img{ width: .65rem; }
.i_alist li p{ line-height: .48rem; color: #666; white-space: pre; }
.i_alist li.active .img{ background-color: #1e3585; border-color: #1e3585; }
.i_alist li.active p{ color: #1e3585; }
.i_product{ padding-bottom: .8rem; background: #00433b url(../images/bg1.jpg) center no-repeat; }
.i_plist{ margin-bottom: .15rem; }
.i_plist li{ position: relative; margin-right: calc((100% - 7.51rem) / 2); margin-bottom: .15rem; font-size: .22rem; color: #fff; font-weight: bold; float: left; width: 2.5rem; height: 1.1rem; line-height: 1.1rem; background-image: url(../images/icon14.png); background-size: 1.25rem; background-position: right bottom; background-repeat: no-repeat; }
.i_plist li span{ display: block; padding: 0 .16rem 0 .2rem; white-space: pre; background: url(../images/icon15.png) calc(100% - .16rem) center no-repeat; background-size: .26rem; }
.i_plist li:nth-child(1){ background-color: #dc6a83; }
.i_plist li:nth-child(2){ background-color: #36c786; }
.i_plist li:nth-child(3){ background-color: #c63d8b; }
.i_plist li:nth-child(4){ background-color: #ff8a00; }
.i_plist li:nth-child(5){ background-color: #0abfc6; }
.i_plist li:nth-child(6){ background-color: #0e62c2; }
.i_plist li:nth-child(3n){ margin-right: 0; }
.i_plist li:before{ content: ''; border: 1px solid transparent; box-sizing: border-box; position: absolute; left: .05rem; top: .05rem; width: calc(100% - .1rem); height: calc(100% - .1rem); }
.i_plist li.on:before,.i_plist li:hover:before{ border-color: rgba(255,255,255,.5); }
.i_pbox{ position: relative; background: #fff; min-height: 5.65rem; }
.i_pbox .left,.i_pbox .right{ width: 50%; }
.i_pbox .left{ padding: .6rem .38rem .3rem .32rem; box-sizing: border-box; }
.i_pbox .left h2{ max-height: 1.08rem; overflow: hidden; font-size: .38rem; color: #2f2f2f; line-height: .56rem; }
.i_pbox .left .line{ width: .4rem; height: .02rem; background: #1e3585; display: block; margin: .2rem 0; }
.i_pbox .left .text_p{ margin-bottom: .5rem; max-height: 2.4rem; overflow: hidden; font-size: .24rem; color: #6f6f6f; line-height: .4rem; }
.i_pbox .left .more{ text-transform: uppercase; display: block; margin: 0 auto; text-align: center; color: #fff; font-size: .24rem; width: 2.7rem; height: .62rem; line-height: .62rem; background: #efc21a ; border-radius: .31rem; }
.i_pbox .right{ position: absolute; right: 0; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_pbox:hover .left h2{ color: #1e3585; }
.i_pbox:hover .left .more{ background: #ed1b24; }
.i_pwrap .i_pbox{ display: none; opacity: .6; }
.i_pwrap .i_pbox:first-child{ display: block; opacity: 1; }
.i_clist{ border-bottom: 1px solid #e0e0e0;/* margin: .4rem .2rem .1rem;*/ width: 100%; box-sizing: border-box; }
.i_clist .swiper-slide .zoom{ width: 96%; z-index:1; position: relative; margin-bottom: .4rem; border-radius: 0 .28rem 0 .28rem; overflow: hidden; /*width: 3.5rem;*/ height: 4.9rem; float: left;/* margin-right: calc(100% - 7.01rem);*/ }
.i_clist .swiper-slide:nth-child(2n) .zoom{ float: right; }
.i_clist .swiper-slide .shadow{ font-weight: bold; color: #fff; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: .8rem; line-height: .8rem; }
.i_clist .swiper-slide .shadow h2{ width: 100%; padding: 0 .2rem; box-sizing: border-box; }
.i_clist .swiper-slide:nth-child(1) .shadow,.i_clist .swiper-slide:nth-child(9) .shadow{ background-color: #1e7fc6; }
.i_clist .swiper-slide:nth-child(2) .shadow,.i_clist .swiper-slide:nth-child(10) .shadow{ background-color: #37c684; }
.i_clist .swiper-slide:nth-child(3) .shadow,.i_clist .swiper-slide:nth-child(11) .shadow{ background-color: #c63d8b; }
.i_clist .swiper-slide:nth-child(4) .shadow,.i_clist .swiper-slide:nth-child(12) .shadow{ background-color: #e4475a; }
.i_clist .swiper-slide:nth-child(5) .shadow,.i_clist .swiper-slide:nth-child(13) .shadow{ background-color: #5862c5; }
.i_clist .swiper-slide:nth-child(6) .shadow,.i_clist .swiper-slide:nth-child(14) .shadow{ background-color: #2197e0; }
.i_clist .swiper-slide:nth-child(7) .shadow,.i_clist .swiper-slide:nth-child(15) .shadow{ background-color: #57a659; }
.i_clist .swiper-slide:nth-child(8) .shadow,.i_clist .swiper-slide:nth-child(16) .shadow{ background-color: #405da8; }
.i_clist .swiper-slide:nth-last-child(2).swiper-slide-active .zoom{ float: left; }
.i_clist .swiper-slide:last-child .zoom{ float:right;}
.i_client{ padding: .34rem 0 .3rem; }
.i_client h2{ margin-bottom: .34rem; font-size: .34rem; color: #444; text-align: center; }
.i_cllist li{ margin-bottom: .4rem; float: left; margin-right: calc((100% - 7.21rem)/2); width: 2.4rem; height: 1.64rem; line-height: calc(1.64rem - 2px); font-size: 0; text-align: center; border: 1px solid #e9e9e9; box-sizing: border-box; }
.i_cllist li:nth-child(3n){ margin-right: 0; }
.i_cllist li img{ max-width: 1.7rem; max-height: 1.05rem; }
.i_cllist li.active{ border-color: #FFFFFF; box-shadow: 0 0 20px rgba(0,0,0,.1); -moz-box-shadow: 0 0 20px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1); }
.i_nlist{ margin-top: .25rem; padding-bottom: .68rem; }
.i_nlist li{ padding: .3rem 0; border-bottom: 1px dashed #d0d0d0; }
.i_nlist li:last-child{ border-bottom: none; }
.i_nlist li .zoom{ width: 2.9rem; height: 1.68rem; float: left; }
.i_nlist li .text{ float: right; width: calc(100% - 3.18rem); }
.i_nlist li .text p{ margin-bottom: .42rem; max-height: .84rem; overflow: hidden; font-size: .3rem; line-height: .42rem; }
.i_nlist li:hover .text p{ color: #00433b; }
.i_nlist li .text span{ line-height: .36rem; }

/*公共*/
.i_title{ text-align: center; padding: .6rem 0 .3rem; }
.i_title .line{ width: .48rem; height: .04rem; background: #d53649; margin: 0 auto .15rem; }
.i_title h2{ text-transform: uppercase; line-height: .6rem; font-weight: bold; font-size: .48rem; }
.i_title h3{ opacity: .8; font-size: .3rem; color: #666; line-height: .48rem; }
.i_title.white .line{ background: #fff; }
.i_title.white h2,.i_title.white h3{ color: #fff; }
.base_pro li{ height: 1rem; line-height: 1rem; float: left; background: #eee; text-align: center; font-size: .24rem; font-weight: bold; width: calc((100% - 3px)/3); margin-right: 1.5px; margin-bottom: 1.5px; }
.base_pro li a{ color: #00433b; }
.base_pro li:nth-child(3n){ margin-right: 0; }
.base_pro li img{ display: inline-block; vertical-align: middle; width: .46rem; margin-right: .12rem; }
.base_pro li span{ display: inline-block; vertical-align: top; }
.base_pro li.active,.base_pro li.on{ background: #00433b; }
.base_pro li.active a,.base_pro li.on a{ color: #fff; }
.m_title h2{ padding-top: .34rem; line-height: .6rem; font-size: .38rem; color: #00433b; font-weight: bold; }
.m_title p{ line-height: .4rem; margin-bottom: .22rem; font-size: .24rem; color: #888; }
.m_tit{ margin-bottom: .2rem; }
.m_tit li{ margin-bottom: .1rem; box-sizing: border-box; border: 1px solid #dfdfdf; text-align: center; font-size: .24rem; float: left; width: 2.5rem; margin-right: calc((100% - 7.51rem)/2); height: .65rem; line-height: calc(.65rem - 2px); }
.m_tit li a{ display: block; color: #666; }
.m_tit li:nth-child(3n){ margin-right: 0; }
.m_tit li:hover,.m_tit li.on{ background: #00433b; border-color: #00433b; }
.m_tit li:hover a,.m_tit li.on a{ color: #fff; }
.pages a,.pages .current{ border: 1px solid #dcdcdc; vertical-align: middle; margin: 0 .07rem; color: #666; background: #fff; display: inline-block; min-width: 0.72rem; padding: 0 .1rem; box-sizing: border-box; height: 0.72rem; line-height: calc(0.72rem - 2px); }
.pages .current,.pages a:hover{ background: #1b3c85; border-color: #1b3c85; color: #fff; }
.pages .prev{ background: #fff url(../images/icon32.png) center no-repeat; background-size: .28rem; }
.pages .prev:hover{ background: #1b3c85 url(../images/icon32on.png) center no-repeat; background-size: .28rem; }
.pages .next{ background: #fff url(../images/icon33.png) center no-repeat; background-size: .28rem; }
.pages .next:hover{ background: #1b3c85 url(../images/icon33on.png) center no-repeat; background-size: .28rem; }
.pages .prev,.pages .next{ font-size: 0; }
.pages font{ height: .72rem; line-height: .72rem; display: inline-block; vertical-align: middle; font-size: .26rem; color: #666; margin: 0 .07rem; min-width: .42rem; }

/*秀珀概况*/
.abo_main{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; padding: .46rem .3rem .35rem; }
.abo_num{ margin-bottom: .4rem; }
.abo_num dd{ float: left; width: 33.3333%; font-size: .22rem; color: #888; text-align: center; }
.abo_num dd:first-child{ text-align: left; }
.abo_num dd:last-child{ text-align: right; }
.abo_num dd h3{ font-size: .52rem; color: #00433b; position: relative; display: inline-block; padding-right: .3rem; height: .76rem; line-height: .76rem; overflow: hidden; }
.abo_num dd h3 em{ font-size: .72rem; font-weight: bold; }
.abo_num dd h3 b{width: .21rem; height: .21rem; background: url(../images/icon31.png) center no-repeat; background-size: contain; position: absolute; top: .13rem; right: 0;}
.abo_num dd p{ line-height: .34rem; }
.abo_main .txt_box{ font-size: .26rem; color: #666; line-height: .46rem; }
.abo_main .txt_box img{ max-width: 100%!important; height: auto!important; }
.abo_main .i_client{ padding: .4rem 0 0; overflow: hidden; }
.abo_main .i_client .swiper-slide{ box-sizing: border-box; }
.abo_main .i_client h2{ margin-bottom: .24rem; text-align: left; }
.abo_main .i_client li{ width: 31.3%; height: 1.54rem; margin: 0 1% .24rem; }
.abo_main .i_cllist li img{ max-height: 1rem; max-width: 1.6rem; }

/*秀珀荣誉*/
.hon_main{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; padding: .2rem .2rem .7rem; }
.hon_list{ margin-bottom: .3rem; }
.hon_list li{ float: left; margin-bottom: 0.3rem; background: #fff; width: 3.5rem; margin-right: calc(100% - 7.01rem); }
.hon_list li a{ display: block; }
.hon_list li img{ max-width: 100%; max-height: 100%; width: 100%; }
.hon_list li:nth-child(2n){ margin-right: 0; }
.hon_list .img_box{ border: 1px solid #dfdfdf; margin-bottom: 0.1rem; display: inline-block; width: 100%; height: 2.52rem; line-height: calc(2.52rem - 2px); padding: 0 .16rem; box-sizing: border-box; font-size: 0; }
.hon_list li p{ width: 100%; height: 0.44rem; line-height: 0.44rem; color: #666; font-size: .24rem; }

/*秀珀大事件*/
.his_main{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; padding: .4rem .3rem .72rem; }
.his_list{ position: relative; padding-bottom: .44rem; margin-bottom: .06rem; }
.his_list:before{ content: ''; position: absolute; ; left: 1.58rem; top: .06rem; width: 1px; height: 100%; background: #565a5c; }
.his_list li{ margin-bottom: .34rem; }
.his_list .year{ position: relative; float: left; display: block; text-align: center; width: 1.3rem; height: .64rem; line-height: .64rem; background: #00433b; font-size: .32rem; color: #fff; }
.his_list .year:after{ content: ''; position: absolute; right: -.08rem; top: 50%; margin-top: -.07rem; width: .08rem; height: .14rem; background: url(../images/icon34.png) center no-repeat; background-size: contain; }
.his_list .txt_box{ position: relative; padding-top: .11rem; padding-left: .78rem; box-sizing: border-box; float: right; width: calc(100% - 1.58rem); font-size: .26rem; color: #666; line-height: .42rem; }
.his_list .txt_box:before{ content: ''; position: absolute; left: 0; top: .32rem; width: .6rem; height: 1px; background: #565a5c; }
.his_load_more{ padding: 0 .4rem; margin-left: .5rem; width: 1.36rem; text-align: center; }
.his_load_more i{ margin: 0 auto .1rem; width: .8rem; height: .8rem; display: block; background: url(../images/icon35.png) center no-repeat; background-size: contain; }
.his_load_more p{ font-size: .24rem; color: #999; line-height: .36rem; }

/*产品中心列表*/
.pro_nav{ width: 100%; box-sizing: border-box; position: absolute; bottom: -1px; padding: 0 .3rem; border-bottom: 1px solid #d2d2d2; }
.pro_nav li{ box-sizing: border-box; border-right: 1px solid #d2d2d2; background: #fff; height: .8rem; line-height: .8rem; float: left; width: 25%; text-align: center; }
.pro_nav li:first-child{ border-left: 1px solid #d2d2d2; }
.pro_nav li a{ display: block; font-size: .26rem; color: #444; }
.pro_nav li.on{ background: #eee; }
.pro_nav li.on a{ color: #00433b; font-weight: bold; background: #eee; height: calc(.8rem + 1px); }
.pro_nav li:hover a{ color: #00433b; font-weight: bold; }
.pro_main{ padding: .86rem .3rem; }
.pro_list{ margin-bottom: .4rem; }
.pro_list li{ margin-bottom: .4rem; position: relative; padding-top: .36rem; width: 3.6rem; height: 5.42rem; float: left; margin-right: calc(100% - 7.21rem); background: #fff; }
.pro_list li:nth-child(2n){ margin-right: 0; }
.pro_list li:before{ z-index: 0; content: ''; position: absolute; top: 0; width: 100%; height: .05rem; }
.pro_list li:before{ background-color: #c63d8b; }
.pro_list li:nth-child(2n):before{ background-color: #e4475a; }
.pro_list li:nth-child(1):before{ background-color: #00433b; }
.pro_list li:nth-child(2):before{ background-color: #37c684; }
.pro_list .top,.pro_list .bot{ position: relative; z-index: 1; padding: 0 .3rem; }
.pro_list .top{ height: 4.74rem; border-bottom: 1px solid #e3e3e3; }
.pro_list .bot{ height: .66rem; line-height: .66rem; font-size: .22rem; color: #888; }
.pro_list .bot span{ display: block; background: url(../images/icon38.png) right center no-repeat; background-size: .18rem; } 
.pro_list li h2{ width: 100%; margin-bottom: .1rem; font-size: .32rem; color: #00433b; }
.pro_list li .text_p{ margin-bottom: .4rem; font-size: .2rem; color: #999; line-height: .32rem; max-height: .64rem; overflow: hidden; }
.pro_list li .zoom{ overflow: visible; height: 2.4rem; line-height: 2.4rem; font-size: 0; text-align: center; }
.pro_list li .zoom img{ position: static; max-width: 100%; max-height: 100%; width: auto; height: auto; display: inline-block; }
.pro_list li:hover:before{ height: 100%; }
.pro_list li:hover .bot span{ background: url(../images/icon38on.png) right center no-repeat; background-size: .18rem; }
.pro_list li:hover h2{ color: #fff; }
.pro_list li:hover .text_p{ color: rgba(255,255,255,.56); }
.pro_list li:hover .bot{ color: rgba(255,255,255,.8); }

/*产品中心详情*/
.pro_dmain{ padding-bottom: 1.16rem; }
.pro_dtop{ margin: .6rem .2rem; }
.pro_dtop .left{ text-align: center; width: 3.4rem; height: 3.4rem; line-height: calc(3.4rem - 2px); font-size: 0; border: 1px solid #d2d2d2; box-sizing: border-box; }
.pro_dtop .left img{ max-width: 2.6rem; max-height: 2.5rem; }
.pro_dtop .right{ width: calc(100% - 3.76rem); }
.pro_dtop .right h2{ font-size: .36rem; color: #000; line-height: .4rem; }
.pro_dtop .right h3{ font-size: .24rem; color: #888; line-height: .36rem; margin: .1rem 0; }
.pro_dtop .right .text_p{ font-size: .22rem; color: #555; line-height: .38rem; margin-bottom: .2rem; }
.pro_dtop .right .text_box{ background: #f6f6f6; color: #00433b; font-weight: bold; font-size: .2rem; line-height: .38rem; padding: .16rem .18rem; box-sizing: border-box; }
.pro_dbot{ margin: 0 .25rem; line-height: .38rem; color: #666; }
.pro_dbot img{ max-width: 100%!important; height: auto!important; }

/*工程案例列表*/
.case_main{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; padding: .4rem .2rem .8rem; }
.case_main .i_clist{ padding: 0; border: none; margin-bottom: .4rem; }
.mnav_bg{ overflow: hidden; }
.mnav{ text-align: center; font-size: .3rem; margin: 0 .5rem .4rem; background: #fff; width: calc(100% - 1rem); height: .6rem; }
.mnav.swiper-container{ text-align: left; overflow: visible; }
.mnav .swiper-slide span{ display: block; width: 100%; text-align: center; }
.mnav .swiper-slide a{ background: #fcfcfc; border: 1px solid #fcfcfc; color: #444; font-size: .24rem; display: inline-block; padding: 0 .2rem; box-sizing: border-box; width: 2rem; height: .6rem; line-height: calc(.6rem - 2px); }
.mnav .swiper-slide.on a,.mnav .swiper-slide a:hover{ color: #fff; border-color: #00433b; background: #00433b; }
.mnav .swiper-button-prev{ top: 0; height: 100%; margin-top: 0; background-color: #fff; z-index: 999; width: .5rem; left: -.5rem; background-size: .14rem; background-image: url(../images/icon40on.png); }
.mnav .swiper-button-next{ top: 0; height: 100%; margin-top: 0; background-color: #fff; z-index: 999; width: .5rem; right: -.5rem; background-size: .14rem; background-image: url(../images/icon41on.png); }
.mnav .swiper-button-prev.swiper-button-disabled{ opacity: 1; background-image: url(../images/icon40.png); }
.mnav .swiper-button-next.swiper-button-disabled{ opacity: 1; background-image: url(../images/icon41.png); }

/*施工视频*/
.vid_main{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; padding: .2rem .2rem .8rem; }
.video_list{ margin-bottom: .4rem; }
.video_list li{ margin-bottom: .4rem; float: left; width: 3.5rem; margin-right: calc(100% - 7.01rem); }
.video_list li:nth-child(2n){ margin-right: 0; }
.video_list li .zoom{ position: relative; }
.video_list li .zoom:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon44.png) center no-repeat; background-size: .58rem; }
.video_list li img{ position: static; width: 100%; }
.video_list .text{ padding: .2rem; border: 1px solid #e5e5e5; box-sizing: border-box; width: 100%; }
.video_list .text h2{ width: 100%; }
.video_list .text span{ font-size: .22rem; color: #999; line-height: .38rem; }
.video_list li:hover .text h2{ color: #00433b; }

/*新闻动态列表*/
.news_main{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; padding: 0 .2rem .8rem; }
.news_main .i_nlist{ margin-top: 0; padding-bottom: .7rem; }
.news_main .i_nlist li:first-child{ padding-top: .2rem; }
.news_main .i_nlist li:last-child{ border-bottom: 1px dashed #d0d0d0; }

/*新闻动态详情*/
.news_dmain{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; padding: 0 .2rem .2rem; }
.news_dtop{ padding: .5rem 0 .3rem; border-bottom: 1px solid #ccc; text-align: center; }
.news_dtop h2{ line-height: .5rem; font-size: .36rem; color: #302d2d; margin-bottom: .1rem; }
.news_dtop p span{ color: #999; font-size: .2rem; margin: 0 .22rem; line-height: .36rem; }
.news_dbot{ }
.news_dbot .content{ font-size: .26rem; color: #444; line-height: .5rem; padding: .26rem 0 .48rem; border-bottom: 1px solid #e5e5e5; }
.news_dbot img{ max-width: 100%!important; height: auto!important; }
.news_dlink{ padding: .32rem 0 .46rem; }
.news_dlink p{ line-height: .54rem; color: #666; font-size: .26rem; }
.news_dlink p a{ width: 100%; }
.news_dlink p a:hover{ color: #00433b; }
.news_dback{ display: block; margin: 0 auto .46rem; text-align: center; width: 2.4rem; height: .7rem; line-height: calc(.7rem - 2px); border: 1px solid #ccc; box-sizing: border-box; border-radius: .35rem; color: #302d2d; }
.news_dback:hover{ background: #00433b; border-color: #00433b; color: #fff; }

/*加盟流程*/
.join_main{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; padding: .5rem .2rem .6rem; }
.join_flist li{ position: relative; margin-bottom: .2rem; }
.join_flist li .tit{ position: absolute; top: 50%; margin-top: -.405rem; text-align: center; color: #fff; background: #3368ba; width: 1.8rem; height: .8rem; line-height: .8rem; float: left; }
.join_flist li .tit:after{ content: ''; position: absolute; bottom: -.1rem; left: 50%; margin-left: -.11rem; width:0; height:0;  border-left: .1rem solid transparent; border-right: .1rem solid transparent; border-top: .11rem solid #0066cc; }
.join_flist li:nth-child(3n-1) .tit{ background: #37c684; }
.join_flist li:nth-child(3n-1) .tit:after{ border-top-color: #37c684; }
.join_flist li:nth-child(3n) .tit{ background: #df394c; }
.join_flist li:nth-child(3n) .tit:after{ border-top-color: #df394c; }
.join_flist li:last-child .tit:after{ display: none; }
.join_flist li .tit:before{ content: ''; position: absolute; left: 100%; top: 50%; width: .6rem; height: 1px; background: #dcdcdc; }
.join_flist li .txt_box{ padding: .2rem; box-sizing: border-box; font-size: .24rem; color: #666; line-height: .38rem; float: right; width: calc(100% - 2.4rem); background: #f8f8f8; border: 1px solid #dcdcdc; box-sizing: border-box; }

/*在线加盟*/
.join_form{ border: 1px solid #dfdfdf; margin: 0 .3rem 1.16rem; }
.join_form .top{ border-bottom: 1px solid #ddd; padding: .3rem; box-sizing: border-box; height: .9rem; line-height: .9rem; }
.join_form .top span{ height: .32rem; line-height: .32rem; display: block; text-indent: .2rem; color: #444; font-size: .34rem; position: relative; }
.join_form .top span:before{ content: ''; position: absolute; left: 0; top: 0; width: .04rem; height: .32rem; border-radius: .01rem; background: #00433b; }
.join_form .bot{ padding: .35rem .3rem .5rem; }
.join_form .item{ margin-bottom: .2rem; }
.join_form input{ font-size: .28rem; background: #fcfcfc; width: 100%; box-sizing: border-box; border: 1px solid #ccc; height: .8rem; padding: 0 .14rem; }
.join_form textarea{ font-size: .28rem; background: #fcfcfc; width: 100%; box-sizing: border-box; border: 1px solid #ccc; height: 3.5rem; padding: .2rem .14rem; }
.join_form .w50{ float: left; }
.join_form .item .w50:first-child{ margin-right: calc(100% - 6.9rem); }
.join_form .w50 input{ width: 3.45rem; }
.join_form .w50 .code_img{ width: 3.25rem; }
.join_fbtn{ margin-top: .5rem; }
.join_fbtn input{ background: #b3b3b3; border: none; color: #fff; }
.join_fbtn input[type="submit"]{ background: #00433b; }

/*联系方式*/
.con_main{ border: 1px solid #dfdfdf; padding: 0 .4rem .4rem; box-sizing: border-box; margin: 0 .3rem 1.16rem; }
.con_main img{ max-width: 100%!important; height: auto!important; }
.con_main .box{ border-bottom: 1px solid #e5e5e5; padding: .36rem 0 .42rem; }
.con_main .box h2{ line-height: .56rem; font-size: .34rem; color: #333; background: url(../images/icon42.png) left center no-repeat; background-size: .34rem; text-indent: .5rem; }
.con_main .box:first-child{ padding: .3rem 0 .42rem; }
.con_main .box:first-child img{ margin-bottom: .24rem; }
.con_main .box:first-child h2{ color: #00433b; }
.con_main .box:last-child{ border-bottom: none; }
.con_main .box h3{ color: #333; line-height: .46rem; margin-top: .08rem; margin-bottom: -.08rem; }
.con_main .text_p{ margin-top: .14rem; color: #777; line-height: .38rem; font-size: .24rem; }
.con_info{ margin-top: .38rem; }
.con_info span.fl{ display: block; line-height: .6rem; min-width: 1.35rem; max-width: 1.65rem; padding-right: .1rem; font-size: .26rem; color: #333; }
.con_rbox{ max-width: calc(100% - 1.75rem); float: left; }
.con_rbox select{ font-size: .26rem; color: #888; padding: 0 .35rem 0 .2rem; box-sizing: border-box; width: 2.2rem; height: .6rem; border: 1px solid #d2d2d2; background: url(../images/icon43.png) 95% center no-repeat; background-size: .12rem; margin-bottom: .22rem; }
.con_rbox p{ font-size: .26rem; color: #666; line-height: .42rem; }
.sel_con .cbox{ display: none; opacity: .6; }
.sel_con .cbox:first-child{ display: block; opacity: 1; } 

/*电子地图*/
.cmap_main{ border: 1px solid #dfdfdf; padding: .2rem; box-sizing: border-box; margin: 0 .3rem 1.16rem; }
#allmap{ border: 1px solid #dcdcdc; overflow: hidden; height: 6.25rem; width: 100%; }
.BMap_bubble_title .map_h2{ font-size: 15px; color: #00433b; }
.BMap_bubble_content p{ color: #666; line-height: 18px; font-size: 12px; }


@media screen and (max-width: 350px){
.con_info span.fl{ max-width: 1.75rem; }
.con_rbox{ max-width: calc(100% - 1.85rem); }
.base_pro li img{ width: .3rem; margin-right: .1rem; }
.abo_num dd h3{ font-size: .46rem; }
.abo_num dd h3 em{ font-size: .6rem; }
}

.case_main .i_clist li{ z-index:1; position: relative; margin-bottom: .4rem; border-radius: 0 .28rem 0 .28rem; overflow: hidden; float: left; width: 3.5rem; height: 4.9rem; margin-right: calc(100% - 7.01rem); }
.case_main .i_clist li:nth-child(2n){ margin-right: 0; }
.case_main .i_clist li .shadow{ font-weight: bold; color: #fff; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: .8rem; line-height: .8rem; }
.case_main .i_clist li .shadow h2{ width: 100%; padding: 0 .2rem; box-sizing: border-box; }
.case_main .i_clist li:nth-child(1) .shadow{ background-color: #1e7fc6; }
.case_main .i_clist li:nth-child(2) .shadow{ background-color: #37c684; }
.case_main .i_clist li:nth-child(3) .shadow{ background-color: #c63d8b; }
.case_main .i_clist li:nth-child(4) .shadow{ background-color: #e4475a; }
.case_main .i_clist li:nth-child(5) .shadow{ background-color: #5862c5; }
.case_main .i_clist li:nth-child(6) .shadow{ background-color: #2197e0; }
.case_main .i_clist li:nth-child(7) .shadow{ background-color: #57a659; }
.case_main .i_clist li:nth-child(8) .shadow{ background-color: #405da8; }
/*企业概况的图片轮播*/
.i_clist .zoom span{ background-size: cover; }