/* CSS Document */
*{ margin:0; padding:0;}
.clear{ clear:both;}
.h1, .h2, .h3, h1, h2, h3,.h4, .h5, .h6, h4, h5, h6, p, ol, ul{ margin:0;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none; outline:none;}
.ellipsis{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bd_weixin_popup{ height:auto !important;}
body,html{ font-family:Arial,"微软雅黑"; margin:0 auto; /*position:absolute;*/ width:100%; min-height:100%; background:#FFFFFF; max-width:750px; min-width:320px;}
body{ background-position:center center; background-repeat:no-repeat; background-size:cover; font-size:14px; color:#303030; line-height:24px;}
body.active,html.active{ overflow:hidden; height:100%;}
.corRed{ color:#e45050;}
select,option{ background:none; -webkit-background:none; -moz-background:none;}
.grayBg{ background:#f6f6f6;}
.cor_red{ color:#e45050;}
.showsIn{ display:inline;}
.hideIn{ display:none;}
.whiterBg{ background:#FFFFFF;}
.mb15{ margin-bottom:0.15rem;}
.mtb20{ margin:0.2rem 0;}
.static{ position:static !important;}
.overHide{ overflow:hidden;}
.flexBox{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-pack:center; -webkit-flex-flow:column wrap; -ms-flex-flow:column wrap; flex-flow:column wrap; align-items:center;}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}
.wow{ opacity:0;}
.container-fluid{ padding:0 0.3rem;}

/*首页*/
.headerBg{ width:100%; max-width:750px; overflow:hidden; transition:all 0.3s linear;}
.logo{ float:left; width:6rem; padding-left:0.28rem;}
.logo img{ height:50px}
.logoImg{ float:left;  margin-right:0.5rem;}
.logoText{ float:left; width:4.5rem; white-space:nowrap; overflow:hidden; font-size:0.32rem; color:#333333; line-height:0.7rem;}
.menuBtn{ float:right; display:block; width:1rem; height:1rem; background:#FF9000; cursor:pointer;}
.menuLine{ width:0.2rem; margin:0.44rem auto 0;}
.menuLine span{ display:block; width:100%; height:0.03rem; background:#FFFFFF; font-size:0; transition:all 0.5s ease 0s;}
.menuLine span:first-child + span{ margin:0.04rem 0;}
.menuShadow{ position:fixed; left:50%; top:0; width:100%; height:100%; max-width:7.5rem; margin-left:-3.75rem; background:#000000; opacity:0; z-index:-1; visibility:hidden;}
.menuShadow.active{ opacity:0.7; z-index:2; visibility:visible;}
.menuBg{ position:fixed; right:50%; top:0; width:5.05rem; margin-right:-3.75rem; height:100%; z-index:3; background:#1f324b; transform:translate(100%,0); visibility:hidden; transition:all 0.5s linear 0s;}
.menuBg a,.menuBg a:hover,.menuBg:focus{ color:#FFFFFF;}
.menuClose{ display:block; width:1rem; height:1rem; background:url(../images/menuclose.png) center center #000000 no-repeat; background-size:0.25rem auto; position:absolute; right:100%; top:0; cursor:pointer;}
.menu{ position:relative; width:100%; height:100%; margin:0 auto; overflow-y:auto;}
.homeLink{ color:#FFFFFF; font-size:0.26rem; line-height:0.6rem; padding:0.2rem 0.5rem; text-align:right; border-bottom:1px solid #233956;}
.homeLink img{ width:0.27rem; height:auto; margin:0 0.1rem 0.04rem 0; vertical-align:middle;}
.menuList > li{ border-bottom:1px solid #233956;}
.menuList > li > a{ display:block; padding:0.2rem 0.5rem 0.2rem 0.4rem; font-size:0.26rem; line-height:0.5rem; transition:all 0.5s ease 0s;}
.menuList > li.drop > a:after{ display:block; content:"\e258"; font-family:'Glyphicons Halflings'; float:right;}
.menuList > li.active > a{ background:#ff9000;}
.menuList > li.active > a:after{ content:"\e259";}
.menuSub{ display:none; background:#114a98;}
.menuSub a{ padding:0.2rem 0.5rem 0.2rem 0.7rem; position:relative; font-size:0.24rem;}
.menuSub a:before{ display:block; content:""; width:0.11rem; height:0.11rem; background:#ff9000; position:absolute; left:0.4rem; top:50%; margin-top:-0.05rem;}
.menuSub a.active{ background:#1763cb;}
.menuBg.active{ transform:translate(0,0); visibility:visible;}

.banner{  height:4.4rem; overflow:hidden;}
.banImg{ height:100%;}
.banner img{ width:100%;}
.banner .banImg{}
.banner .swiper-pagination{ text-align:left; padding:0 0.3rem; bottom:0.2rem;}
.banner .swiper-pagination-bullet{ width:0.36rem; height:0.03rem; border-radius:0; background:#FFFFFF; opacity:1; transition:all 0.3s linear;}
.banner .swiper-pagination-bullet-active{ background:#ff9c00;}

.navBg{ background:url(../images/navbg.jpg) repeat;}
.navList{ font-size:0; margin:0 -0.1rem; padding:0.2rem 0;}
.navList li{ padding:0.1rem; font-size:0.24rem; width:33.33%; text-align:center;}
.navList li a{ display:block; color:#FFFFFF; background:#1663cb; height:1.45rem; padding:0.25rem 0 0;}
.navList img{ width:0.44rem; height:0.44rem; margin:0.1rem auto;}

.boxTit{ font-size:0.3rem; color:#333333; margin:0.1rem 0;}
.boxTit img{ max-width:0.34rem; margin-right:0.1rem; vertical-align:middle; margin-bottom:0.04rem;}
.boxTit span{ font-size:0.32rem; color:#d5d5d5; font-family:Arial; margin-left:0.1rem;}
.boxTit p{ overflow:hidden; margin-bottom:0.1rem;}
.boxTit p i{ display:inline-block; vertical-align:middle; font-style:normal; position:relative;}
.boxTit p i:before,.boxTit p i:after{ display:block; content:""; width:2.38rem; height:0.13rem; position:absolute; top:50%; margin-top:-0.06rem;}
.boxTit p i:before{ right:100%; margin-right:0.25rem; background:url(../images/boxtitbg1.png) right center no-repeat;}
.boxTit p i:after{ left:100%; margin-left:0.25rem; background:url(../images/boxtitbg2.png) left center no-repeat;}
.boxText{ font-size:0.22rem; color:#666666; line-height:0.44rem;}

.box1Bg{ padding:0.5rem 0;}
.box1Bot{ font-size:0; min-height:4.04rem; background:url(../images/box1botbg.png) center center no-repeat; background-size:100% auto; overflow:hidden; padding:0 0.3rem; margin-bottom:-0.3rem;}
.box1Bot li{ vertical-align:top; width:50%; padding:0 0.35rem; margin-top:-1px; position:relative;}
.box1Bot li:nth-child(2n+1):after{ display:block; content:""; width:1px; height:60%; background:#D2D2D2; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.box1Con{ border-top:1px solid #D2D2D2; padding:0.3rem 0;}
.box1Num{ display:block; font-size:0.4rem; color:#ff9000; font-family:Arial; line-height:140%; margin-bottom:0.05rem;}
.box1Brief{ font-size:0.22rem; color:#666666; line-height:0.32rem; max-width:2.6rem; margin:0 auto;}

.box2Bg{ padding:0.6rem 0; color:#FFFFFF; background:#1663cb;}
.box2 h3{ font-size:0.28rem; font-weight:bold; line-height:160%;}
.box2 p{ font-size:0.22rem; font-family:Arial; line-height:180%; word-spacing:0.05rem; letter-spacing:0.04rem;}
.box2More{ display:block; color:#FFFFFF; font-size:0.22rem; line-height:180%; margin:0.2rem auto 0;}
.box2More img{ display:block; margin:0.05rem auto 0;}
.box2More:hover,.box2More:focus{ color:#FFFFFF;}

.boxLink{ display:block; height:100%; position:relative; overflow:hidden;}
.boxMore{ width:100%; max-width:6.9rem; line-height:0.7rem; font-size:0.22rem; background:#0068b7; margin:0.45rem auto 0.2rem; border-radius:0.35rem; text-align:center; position:relative; padding:0 1.65rem;}
.boxMore a{ display:block; width:100%; color:#FFFFFF;}
.boxPrev,.boxNext{ display:block; position:absolute; top:0; line-height:0.7rem; color:#FFFFFF; z-index:1; cursor:pointer;}
.boxPrev{ left:0.48rem; padding-left:0.4rem; background:url(../images/boxprev.png) left center no-repeat; background-size:0.28rem auto;}
.boxNext{ right:0.48rem; padding-right:0.4rem; background:url(../images/boxnext.png) right center no-repeat; background-size:0.28rem auto;}
.boxMore span.swiper-button-disabled{ opacity:0.5;}

.box3Bg{ padding:0.6rem 0; background:url(../images/navbg.jpg) repeat;}
.box3List{ margin:0 -0.15rem;}
.box3List .swiper-slide{ padding:0.15rem;}
.box3Img{ width:100%; height:2.43rem;}
.box3Tit{ font-size:0.26rem; color:#FFFFFF; background:rgba(22,99,203,0.8); position:absolute; left:0; bottom:0; width:100%; line-height:0.4rem; padding:0.15rem;}

.box4Bg{ padding:0.6rem 0;}
.box4List{ margin:0.13rem -0.02rem;}
.box4List .swiper-slide{ padding:0.02rem;}
.box4Img{ height:1.17rem; background:#f3f3f3; padding:0.1rem;}
.box4Img span{ width:100%; max-height:100%;}
.box4Img span img{ margin:0 auto; max-height:100%;}

.box5Bg{ padding:0.6rem 0; background:url(../images/box5bg.jpg) center center no-repeat; background-size:cover;}
.box5List{ margin:0.05rem -0.1rem;}
.box5List .swiper-slide{ padding:0.1rem;}
.box5Img{ width:100%; height:1.64rem;background-size: contain;}
.box5Tit{ font-size:0.26rem; color:#333333; background:#e6e6e6; line-height:0.4rem; padding:0.1rem;}

.box6Bg{ padding:0.6rem 0; background:#2a66b7; color:#FFFFFF;}
.box6Tit{ font-size:0.3rem; line-height:160%;}
.box6Brief{ font-size:0.22rem; line-height:0.36rem; opacity:0.8; text-align:center; max-width:5.8rem; margin:0.1rem auto;}
.box6Brief + .box6List{ margin-top:0.3rem;}
.box6List{ font-size:0; margin:0 -0.1rem;}
.box6List li{ font-size:0.24rem; vertical-align:bottom; min-width:30%; margin-top:0.2rem; padding:0 0.1rem; position:relative;}
.box6List li:after{ display:block; content:""; width:1px; height:0.84rem; background:#FFFFFF; opacity:0.3; position:absolute; right:0; top:50%; margin-top:-0.42rem;}
.box6List li:last-child:after{ display:none;}
.box6List li a{ display:block; color:#FFFFFF;}
.box6List li a h3{ font-size:0.24rem;}
.box6Ico{ width:0.4rem; margin:0 auto 0.2rem;}

.footBg{ padding:0.5rem 0 0.3rem; font-size:0.22rem; line-height:0.4rem; color:#8b8b8b; background:#2b3038; padding-bottom:1.3rem;}
.footBg span{ display:inline-block; vertical-align:middle; padding:0 0.2rem;}
.ftTel{ color:#FFFFFF;}
.ftTel img{ width:0.2rem; margin-bottom:0.04rem; margin-right:0.1rem; vertical-align:middle;}
.ftTel a{ color:#FFFFFF; font-size:0.26rem; font-family:Arial; padding:0 4px;}

.onTel{ position:fixed; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.9); line-height:1rem; text-align:center; font-family:Arial; font-size:0.32rem;}
.onTel .ftTel img{ width:0.52rem;}
.onTel .ftTel a{ font-size:0.32rem;}

.banInner{ position:relative; height:3.7rem;}
.mainBg{ min-height:50vh;margin-bottom: 10px;}
.mainBg .boxTit{ margin:0.5rem 0 0.2rem; padding:0 0.3rem;}
.navSub{ font-size:0; margin:0.2rem 0 0.4rem;}
.navSub li{ vertical-align:middle; padding:0 0.15rem; margin:0.1rem 0;}
.navSub li a{ display:block; background:#1663cb; color:#FFFFFF; font-size:0.24rem; line-height:0.4rem; padding:0.12rem 0.2rem;}
.navSub li a.active{ background:#ff9000; font-weight:bold;}

.wrapper {position:relative; height:0.84rem; width:100%; overflow: hidden; margin:0 auto 0.5rem; background:#f4f4f4;}
.wrapper .scroller { position:absolute}
.wrapper .scroller li { height:0.84rem; color:#333333; float:left; line-height:0.84rem; font-size:0.24rem; text-align:center}
.wrapper .scroller li a{ display:block; position:relative; color:#333333; margin:0 0.24rem; transition:all 0.3s linear;}
.wrapper .scroller li a:after{ display:block; content:""; width:0; height:1px; background:#1763cb; position:absolute; left:0; bottom:0;}
.wrapper .scroller li.active a{ color:#1663cb; padding-left:0.2rem;}
.wrapper .scroller li.active a:after{ width:100%; transition:all 0.3s linear;}
.wrapper .scroller li.active a:before{ display:block; content:""; width:0.08rem; height:0.08rem; background:#1763cb; position:absolute; left:0; top:50%; margin-top:-0.04rem;}

.more{ display:block; font-size:0.24rem; color:#333333; border:1px solid #d8d8d8; line-height:0.5rem; padding:0.2rem; text-align:center; margin:0.8rem auto;}
.more:hover,.more:focus{ color:#333333;}
.more.active{ background:#1663cb; border-color:#1663cb; color:#FFFFFF;}
/*prolist*/
.proList{ margin:0 -0.15rem 0.8rem;}
.proList li{ padding:0 0.15rem; margin-top:0.3rem;}
/*product*/
.proTit{ font-size:0.32rem; color:#333333; line-height:160%; border-bottom:1px solid #d9d9d9; padding:0.2rem 0;}
.boxTit.proTit{ padding:0.2rem 0; margin:0.3rem 0 0;}
.proMax{ position:relative; overflow:hidden;}
.proMin{ margin:0.3rem; position:relative; padding:0 0.6rem;}
.proMin .swiper-slide{ width:1.29rem; margin-right:0.18rem;}
.proMinImg{ height:0.96rem;}
.proMin .swiper-slide.active .proMinImg:after{ display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #ff9000;}
.proPrev,.proNext{ display:block; position:absolute; top:0; height:0.96rem; line-height:0.96rem; width:0.4rem; background:#e1e1e1; color:#8a8a8a; font-size:0.28rem; text-align:center; cursor:pointer;}
.proPrev{ left:0;}
.proNext{ right:0;}
.proText{ font-size:0.28rem; color:#999999; line-height:200%; padding:0.3rem 0; border-bottom:1px solid #D9D9D9; margin-bottom:-1px;}
.proBot{ background:#1663cb; padding:0.4rem 0.3rem; font-size:0.28rem; color:#FFFFFF; line-height:200%; text-transform:uppercase;}
/*factory*/
.factory{ margin:0 -0.1rem 0.8rem;}
.factory li{ padding:0 0.1rem; margin-top:0.2rem;}
.partner{ margin:0 -0.02rem; margin-top:0.1rem;}
.partner li{ padding:0 0.02rem; margin-top:0.04rem;}
/*onepage*/
.oneText{ font-size:0.28rem; color:#999999; line-height:200%; padding:0.3rem 0 0.8rem;}
.oneText img{ max-width:100% !important; height:auto !important; margin:0 auto;}
.oneText p{ margin:0.2rem 0;}
.comNameCn,.comNameEn{ text-align:center;}
.comNameCn{ font-size:0.28rem; color:#333333; line-height:200%;}
.comNameEn{ font-size:0.28rem; color:#d5d5d5; font-family:Arial; text-transform:uppercase;}
/*picList*/
.picList .boxLink{ border:1px solid #cdcdcd;}
.picImg{ height:4.37rem; height:2.42rem; background-size:contain; border-bottom:1px solid #cdcdcd;}
.picTit{ font-size:0.28rem; color:#333333; line-height:0.4rem; padding:0.2rem; height:0.8rem;}
/*arList*/
.arList{}
.arList li{ border-bottom:1px solid #eaeaea;}
.arTop{ overflow:hidden; margin:0.6rem 0 0.3rem;}
.arList li:first-child .arTop{ margin-top:0;}
.arImg{ width:2.98rem; height:1.9rem; margin-right:0.3rem;}
.arRig{ overflow:hidden;}
.arTit{ font-size:0.26rem; color:#333333; line-height:0.46rem; height:0.92rem; overflow:hidden;}
.arInfor{ border-top:1px solid #eaeaea; font-size:0.22rem; color:#777777; line-height:0.26rem; padding-top:0.2rem; margin-top:0.2rem;}
.arInfor img{ vertical-align:middle; margin:0 0.05rem; margin-bottom:0.04rem; width:0.17rem;}
.arInfor span{ display:inline-block; vertical-align:middle;}
.arInfor span:first-child{ min-width:2.2rem; margin-right:0.2rem; color:#1663cb;}
.arBrief{ font-size:0.22rem; color:#999999; line-height:0.42rem; max-height:0.84rem; overflow:hidden; margin:0.2rem 0 0.3rem;}

.videoList li:last-child .videoBot{ padding-bottom:0;}
.videoImg{ height:4.42rem; position:relative; overflow:hidden;}
.videoShadow{ position:absolute; left:0; bottom:0; width:100%; height:50%;
background-color: rgba(0, 0, 0, 0);
background-image: -webkit-linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.6) 100%);
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0,0.6) 100%);
}
.videoIco{ position:absolute; left:0.3rem; bottom:0.36rem; width:0.57rem; height:0.57rem; background:url(../images/videoico.png) center center no-repeat; background-size:cover;}
.videoBot{ padding:0.3rem 0 0.35rem;}
.videoInfor{ font-size:0.22rem; line-height:160%; color:#ff9000;}
.videoInfor span{ margin-right:0.36rem;}
.videoInfor span:last-child{ color:#1663cb;}
.videoTit{ font-size:0.28rem; color:#333333; line-height:160%;}

.artilce{ padding:0.6rem 0 0;}
.arName{ font-size:0.28rem; color:#333333; line-height:0.4rem; text-align:center; margin-bottom:0.06rem;}
.arClock{ font-size:0.22rem; color:#ff9000; text-align:center; padding-bottom:0.3rem; border-bottom:1px solid #eaeaea; margin-bottom:0.3rem;}
.arClock span{ margin:0 0.18rem;}
.arClock span:last-child{ color:#1663cb;}
.arCon{ font-size:14px; color:#999999; line-height:0.42rem;}
.arCon img{ max-width:100% !important; height:auto !important; margin:0.3rem auto;}
.pageBox{ padding:0.8rem 0; border-top:1px solid #eaeaea; margin:0 -0.15rem; margin-top:0.5rem;}
.pageBox li{ padding:0 0.15rem; text-align:center;}
.pageBox li a{ display:block; border:1px solid #d8d8d8; font-size:0.24rem; line-height:0.5rem; padding:0.2rem; color:#333333;}

.contact{ padding-bottom:0.8rem;}
.conText{ font-size:0.24rem; color:#666666; line-height:200%; padding:0.4rem 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin-top:0.4rem;}
.conText p{ margin:0.04rem 0;}
.wechat{ font-size:0.24rem; color:#666666; line-height:160%; text-align:center; padding:0.8rem 0 0.6rem;}
.wechat img{ max-width:2.06rem; border:1px solid #cdcdcd; padding:0.15rem; margin:0 auto 0.2rem;}
.conMap{ height:4.8rem; border:1px solid #e7e7e7;}
#dituContent{ height:100%;}
.anchorBL{ display:none;} 

@media (max-width:460px){
	.menuLine{ width:0.3rem;}
	.menuLine span{ height:2px;}
	.menuLine span:first-child + span{ margin:2px 0;}
}

/*分页样式*/
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;}
.pglist a,.pglist span{display: inline-block;color: #fff;padding: 0 12px;margin: 0 5px;line-height: 32px;background: #ccc;}
.pglist a:hover,.pglist span{background: #ff9000;}
.pglist a.page-num-current{background: #ff9000;}

#maximg img{ max-width:100%; height:auto !important}