@charset "utf-8";
html{-webkit-font-smoothing:antialiased;font-size:50px;}
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}
li{list-style: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: 1;overflow-x: hidden;background:#fff;font-family:"Microsoft YaHei";}
a,li,h2,.more,.menu_wrap,.search_wrap,.i_pro_swiper .i_pli h2:after,.i_area_swiper .i_ali,.abo_ctmain p,.abo_ctmain p .icon,
.con_main .info .text,.con_main .info .text icon
{ 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; }
.bg_f3f1f1{ background: #f3f1f1; }
.swiper-slide img{ width: 100%; }
.over{ overflow: hidden; }

/*header*/
header{ text-align: center; 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{ height: 1rem; }
header .hsearch{ position: absolute; top: 0; right: 0; width: .78rem; height: 1.06rem; background: url(../images/icon1.png) center no-repeat; background-size: .36rem; }
header .hsearch.on{ background: url(../images/icon1_b.png) center no-repeat; background-size: .36rem; }
header .back{ color: #999; font-size: .24rem; position: absolute; left: .3rem; top: 0; height: 1.06rem; background: url(../images/icon12.png) left center no-repeat; background-size: .16rem; padding: 0 .2rem 0 .4rem; }
header span{ display: block; text-align: center; font-size: .24rem; color: #333; }
.nav-skip { z-index: 999; box-sizing: border-box; position:absolute; top: 0; padding: .38rem 0; left: 0rem; width:0.78rem; 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:2px; background-color:#646464; 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_wrap{ height: calc(100% - 1.06rem); overflow: auto; opacity: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); width: 5.74rem; box-sizing: border-box; position: fixed; left: 0; top: 1.06rem; background: rgba(0,118,241,.9); z-index: 999; }
.menu_wrap.active{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
.menu_nav li{ border-bottom: 1px solid rgba(255,255,255,.4); }
.menu_nav li > a{ background-image: url(../images/icon2.png); background-repeat: no-repeat; background-position: 5.4rem center; background-size: .14rem; display: block; height: 1.08rem; line-height: 1.08rem; padding: 0 .6rem 0 .2rem; font-size: .3rem; color: #fff; box-sizing: border-box; }
.menu_nav li.on > a,.menu_nav li:hover > a{ background-color: rgba(0, 0, 0, .2); }
.menu_nav ul{display:none;}
.menu_nav ul li a{padding-left:0.8rem;}

.search_wrap{ opacity: 0; transform: translateX(100%); -webkit-transform: translateX(100%); font-size: 0; border-radius: .1rem; box-shadow: 0 0 10px rgba(0,0,0,.4); 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); -webkit-transform: translateX(0); }
.search_wrap .tit{ display: block; z-index: 999; position: absolute; top: -.08rem; width: .13rem; height: .08rem; background: url(../images/stit.png) center no-repeat; background-size: contain; right: .3rem; }
.search_wrap .box{ overflow: hidden; border-radius: .1rem; display: block; }
.search_input{ float: left; 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: #0077f0; border: none; color: #fff; position: absolute; right: 0; border-radius: 0 .1rem .1rem 0;}

/*footer*/
footer{ clear:both;font-size: 0; box-sizing: border-box; padding: .3rem 0.2rem; text-align: center; background: #035cac; }
.fnav{ margin-bottom: .14rem; line-height: .44rem; }
.fnav li{ position: relative; display: inline-block; vertical-align: middle; }
.fnav li:before{ content: ''; position: absolute; left: 0; top: .08rem; height: .28rem; width: 1px; background: #fff; }
.fnav li:first-child{ border-left: none; }
.fnav li:first-child:before{ display: none; }
.fnav li a{ vertical-align: middle; font-size: .26rem; color: #fff; opacity: 1; padding: 0 .2rem; }
.fnav li a:hover{ opacity: .8; }
footer p{ font-size: .24rem; color: #fff; opacity: .84; line-height: .36rem; }


/*棣栭〉*/
.banner{ width: 100%; }
.banner img{ /*width: 7.5rem; */}
.swiper-pagination-bullet{ background: #f1f1f1; }
.swiper-pagination-bullet-active{ background: #0077f0; }
.c-title{text-align: center; margin-bottom: .3rem; }
.c-title .inner{ min-width: 2rem; display: inline-block;vertical-align: top;position: relative;}
.c-title .zh{font-size: .3rem; line-height: .45rem; color: #000; padding-bottom: .04rem;}
.c-title .en{ text-transform: uppercase; font-size: .2rem; line-height: .24rem; color: #999899;opacity: 0.5;}
.c-title .inner:before{display: inline-block;content: "";width: .4rem;height:.02rem;background-color: #0077f0;position: absolute;left: -.38rem;top: .24rem;}
.c-title .inner:after{display: inline-block;content: "";width: .4rem;height:.02rem;background-color: #0077f0;position: absolute;right: -.38rem;top: .24rem;}
.c-title.a-title .zh{padding-bottom: 0;}
.c-title.a-title .inner:before{left: -92px;}
.c-title.a-title .inner:after{right: -92px;}
.i_pro{ padding: .48rem .2rem .34rem; }
.i_pro_swiper{ padding-bottom: .4rem; }
.i_pro_swiper .swiper-pagination{ bottom: 0; }
.i_pro_swiper .i_pli{ float: left; padding: .08rem .1rem; width: 3.38rem; height: 4.9rem; margin-bottom: .32rem; margin-right: calc(100% - 6.77rem); border: 1px solid #e5e8eb; box-sizing: border-box; }
.i_pro_swiper .i_pli:nth-child(2n){ margin-right: 0; }
.i_pro_swiper .i_pli .abtn{ background: none; display: flex; justify-content: center; align-items: center; padding-top: 0; }
.i_pro_swiper .i_pli .btn{ width: 1.6rem; height: .36rem; line-height: .36rem; background: #0077f0; color: #fff; font-size: .2rem; text-align: center; display: block; }
/*.i_pro_swiper .i_pli:nth-child(4) a{ background: none; display: flex; justify-content: center; align-items: center; padding-top: 0; }*/
/*.i_pro_swiper .i_pli:nth-child(4) .btn{ width: 1.6rem; height: .36rem; line-height: .36rem; background: #0077f0; color: #fff; font-size: .2rem; text-align: center; display: block; }*/
.i_pro_swiper .i_pli a{ padding-top: .35rem; box-sizing: border-box; position: relative; display: block; width: 100%; height: 100%; /*background: url(../images/bg1.png) repeat-x; */background-size: contain; }
.i_pro_swiper .i_pli .zoom{ overflow: hidden; margin: 0 auto; width: 2.5rem; height: 3.4rem; line-height: 3.4rem; font-size: 0; text-align: center; }
.i_pro_swiper .i_pli .zoom img{ max-width: 90%; max-width: 90%; }
.i_pro_swiper .i_pli h2{ /*position: absolute; left: .2rem; bottom: .26rem; color: #0077f0;*/ text-align: center;padding:15px 0px;}
/*.i_pro_swiper .i_pli h2:after{ content: ''; position: absolute; bottom: -.1rem; left: 0; width: .44rem; height: 1px; /*background: #0077f0;*/ }*/
.i_area{ padding: .42rem .2rem .25rem; }
.i_area_list li{ float: left; margin-bottom: .25rem; background: #fff; box-shadow: 5px 0 4px rgba(0,0,0,.05); width: 3.4rem; height: 2.28rem; margin-right: calc(100% - 6.81rem); }
.i_area_list li:nth-child(2n){ margin-right: 0; }
.i_area_list .zoom{ width: 100%; height: 1.78rem; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_area_list h2{ background: url(../images/icon5.png) 3.1rem center no-repeat; background-size: .15rem; display: block; height: .5rem; line-height: .5rem; padding: 0 .5rem 0 .2rem; }
.i_area_list li:hover{ background: #0076f1; }
.i_area_list li:hover h2{ color: #fff; background: url(../images/icon5on.png) 3.1rem center no-repeat; background-size: .15rem; }
.i_area_swiper .i_ali{ background: #fff; box-sizing: border-box; width: 3.7rem; height: 3.24rem; border: 1px solid #f2f2f2; transform: scale(.82); -webkit-transform: scale(.82); }
.i_area_swiper .i_ali .zoom{ width: 100%; height: 2.7rem; }
.i_area_swiper .i_ali h2{ background: url(../images/icon9.png) 96% center no-repeat; background-size: .12rem; }
.i_area_swiper .i_ali.swiper-slide-active{ z-index: 1; transform: scale(1); -webkit-transform: scale(1); border-color: #1f83cd; }
.i_area_swiper .i_ali.swiper-slide-active h2{ color: #0077f0; background: url(../images/icon9on.png) 96% center no-repeat; background-size: .12rem; }
.i_area_swiper .i_ali.swiper-slide-prev{ transform-origin: 300%; }
.i_area_swiper .i_ali.swiper-slide-next{ transform-origin: -200%; }
.i_abo{ padding: .4rem .2rem .45rem; }
.i_abo_con img{ width:100%; max-width: 100%!important; height: auto!important; margin-bottom: .26rem; }
.i_abo_con h2{ font-size: .32rem; color: #333; line-height: .5rem; margin-bottom: .12rem; }
.i_abo_con:hover h2{ color: #0076f1; }
.i_abo_con .p_txt{ font-size: .24rem; color: #666; line-height: .36rem; margin-bottom: .24rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;text-align:justify; }
.i_abo_con .more{ font-size: .25rem; /*background: #e53f15; */color: #11539F; /*width: 1.7rem; */height: .64rem; line-height: .64rem; text-align: right; }
.i_abo_con .more i{ width: .13rem; height: .64rem; background: url(../images/icon8.png) center no-repeat; background-size: contain; margin-left: .12rem; display: inline-block; vertical-align: top; }
.i_abo_con .more:hover{ background: #0076f1; }
.i_news{ padding: .4rem .2rem .08rem; }
.i_news_list li{ border-bottom: 1px solid #ececec; padding: .22rem 0; }
.i_news_list li .zoom{ float: left; width: 2.62rem; height: 1.76rem; }
.i_news_list li .text{ /*width: calc(100% - 2.9rem); float: right; */overflow:hidden;}
.i_news_list li .text h2{ display: block; width: 100%; font-size: .28rem; color: #3c3b3b; line-height: .42rem }
.i_news_list li .text span{ padding-left: .42rem; background: url(../images/icon7.png) left center no-repeat; background-size: .25rem; display: block; margin: .14rem 0; font-size: .24rem; color: #ccc; }
.i_news_list li .text p{ font-size: .24rem; line-height: .36rem; color: #999899; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.i_news_list li:hover .text h2{ color: #0057b6; }
.i_news_more{ height: .9rem; line-height: .9rem; color: #999; font-size: .24rem; text-align: center; }
.i_news_more i{ width: .3rem; height: .9rem; display: inline-block; vertical-align: top; background: url(../images/icon6.png) center no-repeat; background-size: contain; margin-right: .2rem; }
.i_news_more:hover{ color: #0057b6; }
.i_news_more:hover i{ background: url(../images/icon6_b.png) center no-repeat; background-size: contain; }







/*鍏叡*/
/*.pages{ margin-bottom: .56rem; }
.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: #046cd6; border-color: #046cd6; color: #fff; }
.pages .prev{ background: #fff url(../images/icon10.png) center no-repeat; background-size: .28rem; }
.pages .prev:hover{ background: #046cd6 url(../images/icon10on.png) center no-repeat; background-size: .28rem; }
.pages .next{ background: #fff url(../images/icon11.png) center no-repeat; background-size: .28rem; }
.pages .next:hover{ background: #046cd6 url(../images/icon11on.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; }*/


/*浜岀骇鑿滃崟*/
.menu_swrap{ position: relative; padding: 0 .35rem; border-bottom: 1px solid #e1e1e1; }
.menu_swrap .swiper-container:before{ content: ''; position: absolute; left: -.36rem; top: 0; width: .5rem; height: .7rem; background: #fff; z-index: 1; }
.menu_swrap .swiper-container:after{ content: ''; position: absolute; right: -.36rem; top: 0; width: .5rem; height: .7rem; background: #fff; z-index: 1; }
.menu_swrap .swiper-container{ overflow: visible; }
.menu_slide li{ padding: 0 .1rem; box-sizing: border-box; float: left; height: .7rem; line-height: .7rem; text-align: center; font-size: .3rem; }
.menu_slide li a{ color: #666; line-height: .7rem; display: inline-block; }
.menu_slide li.on a{ color: #0179f3; border-bottom: .02rem solid #0179f3; }
.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: .2rem; }
.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: .2rem; }






/*浜у搧鍒楄〃*/
.pro_list{ padding: .3rem .2rem .15rem; }
.pro_list .i_pli{ float: left; padding: .08rem .1rem; width: 3.38rem; height: 2.9rem; margin-bottom: .38rem; margin-right: calc(100% - 6.77rem); border: 1px solid #e5e8eb; box-sizing: border-box; }
.pro_list .i_pli:nth-child(2n){ margin-right: 0; }
.pro_list .i_pli a{ padding-top: .35rem; box-sizing: border-box; position: relative; display: block; width: 100%; height: 100%; background: url(../images/bg1.png) repeat-x; background-size: contain; }
.pro_list .i_pli .zoom{ overflow: visible; margin: 0 auto; width: 2.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0; text-align: center; }
.pro_list .i_pli .zoom img{ max-width: 90%; max-width: 90%; }
.pro_list .i_pli h2{ position: absolute; left: .2rem; bottom: .26rem; color: #0077f0; }
.pro_list .i_pli h2:after{ content: ''; position: absolute; bottom: -.1rem; left: 0; width: .44rem; height: 1px; background: #0077f0; }

/*浜у搧璇︽儏*/
.pro_dwrap{ padding: .4rem 0 1.125rem; }
.pro_dswiper .swiper-slide{ padding: 0 .925rem; box-sizing: border-box; }
.pro_dswiper .swiper-button-prev{ left: .2rem; width: .7rem; height: .7rem; top: 2rem; margin: 0; background: url(../images/icon13.png) center no-repeat; background-size: .2rem; }
.pro_dswiper .swiper-button-next{ right: .2rem; width: .7rem; height: .7rem; top: 2rem; margin: 0; background: url(../images/icon14.png) center no-repeat; background-size: .2rem; }
.pro_dwrap .detail{ padding: 0 .925rem; }
.pro_dwrap .detail h2{ font-size: .3rem; color: #666; text-align: center; margin: .16rem auto 1rem; line-height: .4rem; }
.pro_dwrap .detail .content{ color: #999; line-height: .36rem; font-size: .24rem; }

/*浜у搧搴旂敤*/
.m_main .i_area_list{ margin: .22rem 0 .34rem; padding: .3rem .2rem; background: #f3f1f1; }

/*宸ュ巶姒傝*/
.over_main{ padding: .3rem 0.2rem .65rem; line-height: .42rem; color: #666; }
.over_main .pro_dswiper{ margin-top: .35rem; }
.over_main .pro_dswiper .swiper-slide{ padding: 0 .5rem; }
.over_main .pro_dswiper .swiper-button-prev{ left: -.2rem; }
.over_main .pro_dswiper .swiper-button-next{ right: -.2rem; }

/*鍏充簬鎴戜滑*/
.abo_main{ padding: .46rem .2rem; }
.abo_main h2{ text-align: center; font-size: .36rem; color: #333; line-height: .5rem; }
.abo_main .abo_line{ margin: .24rem auto; display: block; width: .34rem; height: .02rem; background: #cbcbcb; }
.abo_data{ font-size: 0; padding-bottom: .16rem; }
.abo_data .box{ padding: .15rem 0; display: inline-block; vertical-align: middle; font-size: 0; width: 50%; text-align: center; }
.abo_data .box span{ line-height: .54rem; display: inline-block; vertical-align: middle; font-size: .48rem; color: #046cd6; }
.abo_data .box font{ margin-left: .15rem; display: inline-block; vertical-align: middle; position: relative; font-size: .2rem; color: #23273d; line-height: .32rem; }
.abo_data .box font:before{ content: ''; position: absolute; top: -.12rem; left: 50%; margin-left: -.05rem; width: .1rem; height: .1rem; background: url(../images/icon15.png) center no-repeat; background-size: contain; }
.abo_data .box font:after{ content: ''; position: absolute; bottom: -.12rem; left: 50%; margin-left: -.05rem; width: .1rem; height: .1rem; background: url(../images/icon15.png) center no-repeat; background-size: contain; }
.abo_data .box h4{ font-size: .24rem; color: #666; }

/*浼佷笟鏂囧寲*/
.abo_ctmain{ text-align: center; padding: .3rem .2rem .16rem; margin: .25rem auto; }
.abo_ctmain li{ padding: .36rem .2rem .18rem; box-sizing: border-box; float: left; background: #fff; width: 3.42rem; margin-right: calc(100% - 6.841rem); margin-bottom: .2rem; }
.abo_ctmain li:nth-child(2n){ margin-right: 0; }
.abo_ctmain .icon{ height: .8rem; line-height: .8rem; font-size: 0; }
.abo_ctmain .icon img{ max-height: 100%; }
.abo_ctmain h2{ font-size: .3rem; color: #333; margin: .12rem 0 .08rem; line-height: .4rem; }
.abo_ctmain p{ font-size: .24rem; color: #666; line-height: .36rem; height: .72rem; }
.abo_ctmain li.active{ background: #0179f3; }
.abo_ctmain li.active h2,.abo_ctmain li.active p{ color: #fff; }

/*鍥㈤槦灞曠ず*/
.abo_tlist{ padding: .2rem .2rem .5rem; }
.abo_tlist li{ margin-bottom: .14rem; width: 3.34rem; margin-right: calc(100% - 6.681rem); float: left; }
.abo_tlist li:nth-child(2n){ margin-right: 0; }
.abo_tlist li .pic{ width: 100%; height: 2.44rem; box-sizing: border-box; padding: .02rem; border: 1px solid #ededed; }
.abo_tlist li .zoom{ height: 100%; width: 100%; }
.abo_tlist li h2{ line-height: .54rem; text-align: center; display: block; }
.abo_tlist li:hover h2{ color: #0179f3; }

/*鏂伴椈涓績*/
.news_main{ padding: .2rem .2rem .3rem; }
.news_main .i_news_list li .zoom{ width: 2.76rem; height: 1.84rem; }
.news_main .i_news_list li .text{ width: calc(100% - 2.95rem); }
.news_main .i_news_list li .text h2{ margin: .05rem 0; }
.news_main .i_news_list li .text span{ color: #999; }
.news_main .i_news_list li:last-child{ border-bottom: none; }

/*鏂伴椈涓績璇︽儏*/
.news_main .info{ margin-bottom: .2rem; text-align: center; }
.news_main .info h2{ margin-bottom: .12rem; }
.news_main .info span{ color: #999; line-height: .34rem; }

/*鍔犲叆鎴戜滑*/
.re_main{ padding: .2rem .2rem .9rem; }
.rec_list{ padding-bottom: .5rem; }
.rec_list > li{ margin-bottom: .3rem; }
.rec_list li .top{ background-image: url(../images/icon23.png); background-position: 6.8rem center; background-repeat: no-repeat; background-size: .17rem; padding: .24rem .8rem .24rem 0; height: .5rem; line-height: .5rem; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.rec_list li .top span{ display: inline-block; vertical-align: middle; margin-right: .25rem; font-size: .3rem; color: #333;}
.rec_list li .top font{ color: #666; font-size: .2rem; }
.rec_list li .top font i{ display: inline-block; vertical-align: middle; padding: 0 .3rem; }
.rec_list li.on .top{ background-color: #0076f1; padding-left: .2rem; background-image: url(../images/icon23on.png); background-position: 6.46rem center; background-repeat: no-repeat; background-size: .32rem; }
.rec_list li.on .top span,.rec_list li.on .top font{ color: #fff; }
.rec_list li.on .top span{ margin-right: 0; }
.rec_list li .bot{ display: none; padding: .2rem .1rem .4rem; color: #666; font-size: .24rem; line-height: .4rem; }
.rec_list li .bot ul li{ min-width: 50%; float: left; font-size: .22rem; line-height: .4rem; }
.rec_list li .bot ul li span{ min-width: 1.15rem; display: inline-block; vertical-align: middle; }
.rec_list li .bot ul li font{ display: inline-block; vertical-align: middle; width: calc(100% - 1.2rem); }
.rec_list li .bot .content h2{ font-size: .253rem; color: #333; line-height: .46rem; margin-top: .16rem; }
.rec_more{ width: 3rem; height: .66rem; line-height: .66rem; text-align: center; color: #40a9eb; font-size: .253rem; box-shadow: 0 .1rem .1rem rgba(0,0,0,.07); border-radius: .05rem; margin: 0 auto; }
.rec_more:hover{ background: #0076f1; color: #fff; }

/*浜烘墠鐞嗗康*/
.re_cmain{ padding: .5rem .2rem; }
.re_cmain img{ margin-bottom: .5rem; }
.re_cmain .content{ font-size: .24rem; color: #666; line-height: .42rem; }
.re_cmain .content h2{ font-size: .38rem; color: #333; line-height: .6rem; }
.re_cmain .content .line{ width: .58rem; height: .03rem; background: #0076f1; margin: .3rem 0 .35rem; }

/*鑱旂郴鎴戜滑*/
.con_main{ padding: .32rem .35rem .52rem; }
.con_main .content{ padding-bottom: .2rem; font-size: .3rem; color: rgba(0,0,0,.7); line-height: .48rem; }
.con_main .content h2{ font-size: .36rem; color: #333; line-height: .5rem; margin-bottom: .2rem; }
.con_main .info li{ padding: 0 .1rem; box-sizing: border-box; margin-bottom: .2rem; width: 50%; float: left; text-align: center; }
.con_main .info .icon{ margin: .24rem 0 .1rem; height: .7rem; line-height: .7rem; font-size: 0; }
.con_main .info .icon img{ max-height: 100%; }
.con_main .info .text{ font-size: .24rem; color: #555; min-height: 1.18rem; line-height: .36rem; word-break: break-all; }
.con_main .info li.active .text{ color: #004b92; }
#allmap{ width: 100%; height: 5.06rem; }
@media screen and (max-width: 350px){
}
/*棣栭〉浜у搧涓績*/
.index_product li{float: left;width: 48%;margin-right: 4%;margin-bottom: 4%;}
.index_product li a{display: block;border:1px solid #ccc;}
.index_product li div{margin: 0 auto;text-align:center;overflow: hidden;border-bottom:0;padding:5px;}
.index_product li h3{padding: 10px 5px;text-align: center;border-top:2px solid #035cac;background:#f6f6f6;}
/*鏂伴椈鍒楄〃锛堟枃瀛楋級*/
.news_list_text{overflow: hidden;}
.news_list_text li{height: 46px;line-height: 46px;overflow: hidden;background: url(../images/a3.gif) no-repeat 5px center;padding-left: 20px;border-bottom: #ddd 1px dashed;}
.news_list_text span{float: right;color: #999;}
/*position*/
.list3-box{border-bottom:1px solid #eee;}
.list3{height:.9rem;line-height:.9rem;/*padding:0 .8rem;*/}
.list3 a{display:block;text-align:center;font-size:.3rem;padding:0 .2rem;}
.list3 a.on{background:#416296;color:#fff;}
.list3 .swiper-slide{width:auto !important;}
.list3 .swiper-button-next{width:.8rem;height:100%;margin-top:0;right:0;top:0;background:#fff url(../images/br.png) center no-repeat;background-size:.21rem .36rem;z-index:10;}
.list3 .swiper-button-prev{width:.8rem;height:100%;margin-top:0;left:0;top:0;background:#fff url(../images/bl.png) center no-repeat;background-size:.21rem .36rem;z-index:10;}
/*鍐呭椤?/
.content{padding:.5rem .3rem;}
.content .title{text-align: center;margin-bottom: 15px;font-size: .4rem;line-height: 1.5;font-weight: normal;}
.content .extra{text-align: center;margin-bottom: 20px;padding-bottom: 10px;font-size: 12px;color: #999;border-bottom: 1px dashed #ccc;}
.content .extra span{margin:0px 10px;}
.content img{ max-width: 100% !important;}
.content .info img{max-width: 100% !important;height:auto !important;}
.content .info table,.content .info td,.content .info th{border:1px #ccc solid;border-collapse:collapse;}
.content .info td,.content .info th{height:20px;line-height:20px;padding:5px;}
.content .info p{line-height:2;text-align:justify;}
/*鍒嗛〉*/
.pages{text-align:center;padding-top:30px;padding-bottom:30px;clear:both;}
.pages a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#333;}
.pages span{background:#ccc;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;}
.pages b{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#333;}
.pages b input{border:0;margin:0;padding:0;font-size:12px;font-weight:normal;width:12px;vertical-align:middle;text-align:center;}
/*闈㈠寘灞?/
.position{margin:0px auto;background-color: #f6f6f6;color: #999999;padding: .3rem .3rem;}
.position a,.position span{color:#999;}


.traffic-btn {position: relative;height: 0.8rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding-left: 0.3rem;padding-right: 0.3rem;background: #f6f6f6;/*background:#035cac;*/border-bottom: 1px solid #efefef;cursor: pointer;}
.traffic-btn span {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;color: #585858;/*color:white;*/font-size: 0.3rem;}
.traffic-btn i {width: 0.2rem;height: 0.15rem;background-size: 100% 100%;background-image: url(../images/jt.png);background-repeat: no-repeat;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.traffic-btn .active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.traffic-btn .nav-list { z-index: 9999; width: 100%; }
.traffic-btn .nav-list li a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.traffic-btn .nav-list li div { -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; }
.traffic-btn-active { width: 100%; position: fixed; left: 0; top: 0.41rem; box-sizing: border-box; }
.nav-list-box { width: 100%; position: absolute; left: 0; top: 0.81rem; box-sizing: border-box; display: none; /*background: #fff;*/ background:rgba(0,118,241,.9);overflow: hidden; z-index: 5;box-shadow: 0px 2px 4px #f1ebeb;}
/*@media screen and (max-width: 1200px) { .nav-list-box { height: 5.12rem; } }*/
.nav-list li { padding: 0 0.3rem; font-size: 0.3rem; color: #000000; height: 0.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #75B5F8; border-bottom: 1px solid #75B5F8; margin-top: -1px; /*background: #0076F1;*/ position: relative; }
.nav-list li a { display: block; height: 0.5rem; line-height: 0.5rem; color:white; }
.nav-list li div { text-align: right; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 0.5rem; line-height: 0.5rem; }
.nav-list li i { display: inline-block; width: 0.15rem; height: 0.15rem; background-size: 100% 100%; background-image: url(../images/icon2.png); background-repeat: no-repeat; }
