
/* CSS Document */
#Detailbanner { overflow: hidden; }
#Detailbanner .ban { position: relative; }

/****** location--style ******/
.location { float: right; }
.location i { font-size: 22px; color: #9d9d9d; }
.location span.title { display: none; }
.location span.space { font-size: 14px; color: #666; display: inline-block; }
.location span.space a { font-size: 14px; color: #666; line-height: 70px; display: inline-block; margin: 0 10px; text-transform: uppercase; }
.location span.space a:hover { color: #0588ce; }
.location span.space span { font-size: 14px; color: #666; line-height: 70px; display: inline-block; margin: 0 15px; text-transform: uppercase; }

/****** Detail-share-style ******/
.Detail-share { text-align: center; }
.share { text-align: center; margin: 0 auto; width: 190px; }
.share .name { float: left; font-size: 14px; color: #333; line-height: 30px; }
.share .bdsharebuttonbox { }
.share .bdsharebuttonbox a { overflow: hidden; float: right; margin: 5px 3px; }
.share .bds_more { background: url('../image/more.jpg') no-repeat center center !important; }
.share .bds_tsina { background: url('../image/webo.jpg') no-repeat center center !important; }
.share .bds_weixin { background: url('../image/weixin.jpg') no-repeat center center !important; }
.share .bds_qzone { background: url('../image/qq.jpg') no-repeat center center !important; }
.share .bds_tqq { background: url('../image/tqq.jpg') no-repeat center center !important; }

/****** css3--transition--style ******/
.trst5s { transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.trst3s { transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }

/****** pager--style ******/
#dcms_pager { text-align: center; }
#dcms_pager .pages { margin: 20px 0; }
#dcms_pager .pages a { display: inline-block; text-align: center; font-size: 12px; line-height: 36px; color: #000; border: 1px solid #ccc; margin: 0 5px 0 0; height: 36px; min-width: 30px; font-weight: bold; border: 1px solid #cccccc; cursor: pointer; padding: 0 5px; border-radius: 3px; }
#dcms_pager .pages a.pgnext, #dcms_pager .pages a.pgnext { padding: 0 5px; font-size: 16px; font-weight: bold; font-family: "宋体"; position: relative; top: 1px; }
#dcms_pager .pages a.pgempty { display: inline-block; text-align: center; font-size: 12px; line-height: 30px; color: #333; height: 30px; border: 1px solid #d7d7d7; padding: 0 10px; cursor: pointer; }
#dcms_pager .pages .pgcurrent { background: #005aae; color: #fff; border: 1px solid #005aae; }
#dcms_pager .pages a:hover { background: #005aae; color: #fff; border: 1px solid #005aae; }
#dcms_pager .pages a:first-child, #dcms_pager .pages a:last-child { display: none; }

/****** Detail--bottom--style ******/
.Detail-page { padding-bottom: 30px; border-top: 1px solid #dadada; padding-top: 20px; }
.Detail-page .switch { }
.Detail-page .switch a { display: block; font-size: 14px; color: #424242; line-height: 40px; position: relative; padding-left: 15px; }
.Detail-page .switch a span { color: #000; }
.Detail-page .switch a i { font-size: 20px; line-height: 40px; color: #999; margin-right: 10px; }
.Detail-page .switch a:hover { color: #0588ce; }
.Detail-page .switch a:hover span { color: #0588ce; }
.Detail-page .switch a:hover i { color: #0588ce; }
.Detail-page .right { text-align: right; }
.Detail-page .share { float: right; margin-top: 15px; margin-right: 10px; }
.Detail-page a.return { float: right; font-size: 14px; color: #333; line-height: 36px; margin: 10px 0; border: 1px solid #999; display: inline-block; border-radius: 6px; padding: 0 20px; padding-left: 50px; background: url('../image/Icon-return.png') no-repeat left 20px center; }

/****** Detail-public-style ******/
.Detail-more { font-size: 14px; color: #595959; line-height: 26px; }
.Up-Down-page { position: relative; border-top: 1px solid #eee; padding: 15px; width: 100%; margin: 20px 0; box-sizing: border-box; }
.Up-Down-page .prev { float: left; }
.Up-Down-page .next { float: right; }
.Up-Down-page a { font-size: 14px; color: #666666; line-height: 26px; display: block; }
.Up-Down-page .prev a { background: url('../image/icon_left.png') no-repeat left center; padding-left: 20px; }
.Up-Down-page .next a { background: url('../image/icon_right.png') no-repeat right center; padding-right: 20px; }
.Up-Down-page .Return { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('../image/icon_menu01.png') no-repeat center center; }
.Up-Down-page .Return:hover { background: url('../image/icon_menu02.png') no-repeat center center; }
.Up-Down-page .prev a:hover { background: url('../image/icon_left01.png') no-repeat left center; color: #0588ce; }
.Up-Down-page .next a:hover { background: url('../image/icon_right01.png')no-repeat right center; color: #0588ce; }

/****** Detail-public--style ******/
.Detail-conten { position: relative; padding-bottom: 60px; }
.Detail-Top { background: #f0f2f6; margin-bottom: 40px; position: relative; }
.Detail-Top .MuTit { display: none; }
.Detail-Top .fl { float: left; width: 55%; }
.Detail-Top .fr { width: 45%; }
.Detail-Top h2 { font-size: 24px; color: #0588ce; line-height: 60px; cursor: pointer; }
.Detail-Top .iconfont { font-size: 20px; line-height: 60px; margin-left: 15px; color: #666; }
.Detail-Top h2:hover .iconfont { color: #0588ce; }
.Detail-Top .Detail-nav { }
.Detail-nav li { float: left; font-size: 16px; color: #999; line-height: 70px; }
.Detail-nav li:last-child { display: none; }
.Detail-nav li > a { font-size: 16px; color: #333; line-height: 70px; text-align: center; padding: 0 5px; margin: 0 30px; display: block; transition: all 0.3s linear; position: relative; }
.Detail-nav li .line { position: absolute; bottom: 0; height: 3px; background: #0588ce; display: block; width: 0; }
.Detail-nav li .line_1 { right: 50%; }
.Detail-nav li .line_2 { left: 50%; }
.Detail-nav li:first-child > a { margin-left: 0; }
.Detail-nav li.cur > a, .Detail-nav li > a:hover { color: #0588ce; }
.Detail-nav li.cur .line, .Detail-nav li:hover .line { width: 50%; }
.Detail-left { float: left; width: 72%; }
.Detail-right { float: right; width: 25%; }
.master .box { margin-bottom: 10px; }

/****** Detail-About--style ******/
.About { }
.About h1 { font-size: 20px; color: #0588ce; line-height: 30px; margin-bottom: 10px; }
.About .Detail-more p { margin-bottom: 10px; }

/****** Detail-About--style ******/
#Culture { background: url('../image/culturebg.jpg') no-repeat bottom 0 center; }
.Culture .Item { border-bottom: 1px dashed #dedede; padding: 30px 0; }
.Culture li:last-child .Item { border: none; }
.Culture .Item .pic { float: left; width: 13%; text-align: center; }
.Culture .Item .Intro { float: right; width: 85%; }
.Culture .Item h3 { color: #0588ce; line-height: 40px; font-size: 18px; }
.Culture .Item h3 span { font-size: 24px; margin-right: 15px; }
.Culture .Item p { }

/****** Detail-Honor--style ******/
.Honor { padding: 20px 0; padding-top: 0; }
.Honor ul { margin: 0 -12px; }
.Honor li { float: left; width: 25%; text-align: center; }
.Honor .Item { position: relative; overflow: hidden; border: 1px solid #ebebeb; margin: 12px; padding: 10px 15px; }
.Honor .Item .pic { text-align: center; height: 200px; line-height: 200px; }
.Honor .Item .pic img { vertical-align: middle; max-height: 100%; }
.Honor .Item h3 { position: absolute; left: 0; width: 100%; bottom: -50px; font-size: 14px; color: #fff; line-height: 50px; height: 50px; text-align: center; font-weight: 500; background: #0588ce; overflow: hidden; transition: all 0.3s linear; }
.Honor .Item:hover h3 { bottom: 0; }

/****** Detail-Activity--style ******/
.Activity ul { margin: 0 -15px; }
.Activity li { float: left; width: 33.33%; }
.Activity .Item { margin: 15px; }
.Activity .Item .pic { overflow: hidden; }
.Activity .Item .pic img { transition: all 0.3s linear; transition: all 0.3s linear; }
.Activity .Item h3 { font-size: 18px; color: #000; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.Activity .Item .date { display: block; font-size: 14px; color: #999; line-height: 20px; padding-left: 20px; background: url('../image/date.png') no-repeat left center; }
.Activity .Item:hover .pic img { transform: scale(1.1); }
.Activity .Item:hover h3 { color: #0588ce; }

/****** Detail-Newslist--style ******/
.Hostnews { position: relative; margin-bottom: 40px; }
.Hostnews .pic { float: left; width: 45%; overflow: hidden; }
.Hostnews .pic img { width: 100%; }
.Hostnews .Intro { float: right; width: 52%; }
.Hostnews h3 { font-size: 18px; color: #000; line-height: 40px; height: 40px; white-space: normal; text-overflow: ellipsis; display: block; overflow: hidden; }
.Hostnews .date { font-size: 14px; color: #999; line-height: 20px; }
.Hostnews p { font-size: 14px; color: #666; line-height: 26px; height: 52px; overflow: hidden; }
.Hostnews .More { position: absolute; left: 48%; bottom: 0; background: #f0f2f6; border-radius: 10px; display: block; width: 120px; line-height: 40px; font-size: 14px; color: #666; text-align: center; }
.Hostnews .More .icon-eyes { margin-right: 10px; font-size: 20px; position: relative; top: 2px; }
.Hostnews:hover .pic img { transform: scale(1.1); }
.Hostnews:hover h3 { color: #0588ce; }
.Hostnews:hover .More { background: #0588ce; color: #fff; }
.Newslist { }
.Newslist .Item { padding: 30px 0; border-bottom: 1px dashed #dedede; background: #fff; overflow: hidden; text-align: left; }
.Newslist li:first-child .Item { border-top: 1px dashed #dedede; }
.Newslist li:nth-child(2) .Item { border-top: 1px dashed #dedede; }
.Newslist .Item .date { float: left; width: 15%; color: #666; border-right: 4px solid #e7e7e7; padding-left: 5px; }
.Newslist .Item .date strong { display: block; font-size: 37px; line-height: 40px; margin-bottom: 5px; font-weight: 500; }
.Newslist .Item .date span { display: block; font-size: 18px; line-height: 30px; }
.Newslist .Item .Intro { float: right; width: 82%; }
.Newslist .Item h3 { font-size: 18px; color: #333; line-height: 20px; margin-bottom: 10px; }
.Newslist .Item p { font-size: 14px; color: #999; line-height: 20px; }
.Newslist .Item:hover { background: #fafafa; transform: translate(0px,-5px); }
.Newslist .Item:hover h3 { color: #0588ce; }
.Newslist #dcms_pager { text-align: left; }

/****** Detail-NewsInfo--style ******/
.NewsInfo { }
.News-Tit { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #eee; text-align: center; }
.News-Tit h1 { font-size: 24px; color: #0588ce; line-height: 30px; margin-bottom: 10px; }
.News-Tit .Info { font-size: 14px; color: #999999; line-height: 20px; }
.News-Tit .Info span { margin: 0 5px; }
.NewsInfo .Detail-more { font-size: 16px; }
.NewsInfo .Detail-more p { margin-bottom: 0; }

/****** Detail-Video--style ******/
.Video { text-align: center; }
.Video h1 { font-size: 24px; color: #0588ce; line-height: 40px; }
.video-box { max-width: 800px; margin: 0 auto; }
.Video .share { width: 250px; }
.Video .share .bdsharebuttonbox { float: right; }
.Video .share .name { float: right; font-size: 14px; color: #333; line-height: 40px; }

/****** Detail-Business--style ******/
.nav-second .Detail-main { padding-top: 80px; }
.Pro-nav { position: absolute; top: 100px; left: 0; width: 100%; text-align: center; display: none; z-index: 98; }
.Pro-nav a { display: inline-block; font-size: 14px; color: #007ec2; margin: 0 5px; line-height: 40px; padding: 0 30px; border: 1px solid #007ec2; border-radius: 10px; transition: all 0.3s linear; }
.Pro-nav a.cur, .Pro-nav a:hover { background: #0076c1; color: #fff; }
.Business { background: none !important; }
.Business .Item { margin-bottom: 10px; background: #f3f6fb; overflow: hidden; }
.Business .Item .pic { float: left; width: 50%; position: relative; overflow: hidden; }
.Business .Item .pic > img { width: 100%; }
.Business .Item .pic .view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../image/black.png'); z-index: 6; text-align: center; display: block; opacity: 0; filter: alpha(opacity=0); }
.Business .Item .pic .view img { position: absolute; left: 50%; top: 50%; margin-left: -29px; margin-top: -29px; }
.Business .Item .Intro { float: right; width: 50%; padding: 40px; box-sizing: border-box; }
.Business .Item h3 { font-size: 18px; color: #000; line-height: 40px; white-space: nowrap; height: 40px; overflow: hidden; text-overflow: ellipsis; }
.Business .Item .cent { font-size: 14px; color: #666; line-height: 22px; max-height: 132px; overflow: hidden; margin-bottom: 20px; }
.Business .Item .More { background: #fff; border-radius: 10px; display: block; width: 100px; line-height: 34px; font-size: 14px; color: #666; text-align: center; border: 1px solid #c8dcf0; }
.Business .Item .More .iconfont { margin-right: 5px; font-size: 18px; position: relative; top: 1px; }
.Business .ItemB .pic { float: right; }
.Business .ItemB .Intro { float: left; }
.Business .Item:hover { transform: translate(-10px,0px); }
.Business .Item:hover .pic .view { opacity: 1; filter: alpha(opacity=100); }
.Business .Item:hover h3 { color: #0588ce; }
.Business .Item:hover .More { background: #0588ce; color: #fff; }

/****** Detail-BusInfo--style ******/
.BusInfo { }
.Tit-det { font-size: 24px; color: #0588ce; padding: 20px 0; text-align: center; border-bottom: 1px dashed #ddd; }
#Biglist { margin: 40px auto; position: relative; }
.BusInfo #dlist1 .pic img { max-height: 550px; }
.swiper-content { position: relative; }
.swiper-content > a { position: absolute; display: block; top: 50%; margin-top: -20px; z-index: 8; }
.swiper-content > a .iconfont { font-size: 26px; line-height: 40px; color: #666; }
.swiper-content > a:hover .iconfont { color: #0588ce; }
.swiper-content > a.arrow-left { left: 0; }
.swiper-content > a.arrow-right { right: 0; }
.swiper-container { text-align: center; }
.swiper-nav .swiper-slide .pic { width: 100px; box-sizing: border-box; margin: 10px 5px; border: 3px solid #fff; }
.swiper-nav .swiper-wrapper { margin: 0 auto; }
.swiper-nav .active-nav .pic { border: 3px solid #2296d4; }

/****** Detail-Product--style ******/
.Product ul { margin: 0 -15px; }
.Product li { float: left; width: 33.33%; }
.Product .Item { position: relative; margin: 15px; }
.Product .Item .pic { overflow: hidden; position: relative; }
.Product .Item .pic > img { width: 100%; }
.Product .Item .view { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../image/black.png'); z-index: 6; text-align: center; display: block; opacity: 0; filter: alpha(opacity=0); }
.Product .Item .view img { position: absolute; left: 50%; top: 50%; margin-left: -29px; margin-top: -29px; }
.Product .Item h3 { font-size: 14px; color: #666666; line-height: 50px; background: #ededed; text-align: center; height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; }
.Product .Item:hover { transform: translate(0px,-5px); box-shadow: 0 0 5px #888; }
.Product .Item:hover .view { opacity: 1; filter: alpha(opacity=100); }
.Product .Item:hover h3 { background: #0588ce; color: #fff; }
.Pro-Tit { background: #f9f9f9; margin-bottom: 20px; }
.Pro-Tit span { display: block; font-size: 16px; line-height: 60px; color: #fff; text-align: center; width: 150px; background: #0588ce; border-top-right-radius: 10px; overflow: hidden; }

/****** Detail-Download--style ******/
.Download table { width: 100%; }
.Download thead { background: #f0f2f6; text-align: left; }
.Download th { font-size: 14px; color: #666; line-height: 60px; padding: 0 15px; }
.Download td { font-size: 14px; color: #666; line-height: 60px; padding: 0 15px; }
.Download .Down { text-align: center; }
.Download .Down .iconfont { font-size: 26px; }
.Download tr:nth-child(2n) { background: #f7f7f8; }
.Download td a { color: #666; display: block; }
.Download tr:hover a { color: #0588ce; }

/****** Detail-Contact--style ******/
.Contact { margin-bottom: 30px; }
.Contact h3 { font-size: 18px; color: #0588ce; line-height: 30px; margin-bottom: 10px; }
.Contact .head h3 { margin-bottom: 20px; }
.Contact .head li { float: left; width: 30%; }
.Contact .head li:first-child { width: 40%; }
.Contact .con { overflow: hidden; }
.Contact .con .pic { float: left; margin-right: 20px; }
.Contact .con .Intro { padding: 15px 0; float: left; }
.Contact .con .Intro h4 { font-size: 14px; color: #666; line-height: 22px; font-weight: 600; }
.Contact .con .Intro p { font-size: 14px; color: #666; line-height: 18px; }
.Contact .dtu { margin: 30px 0; }
.branch .Item { float: left; width: 50%; }
.branch .Item .iconfont { font-size: 20px; color: #999; line-height: 36px; margin-right: 10px; position: relative; top: 2px; }
.branch .Item p { font-size: 14px; color: #666; line-height: 36px; }
.branch .Item p span { display: inline-block; margin-right: 10px; line-height: 36px; }

/****** Detail-Message--style ******/
.Message { margin-bottom: 100px; }
.Message h3 { font-size: 14px; color: #333; line-height: 50px; font-weight: 500; }
.Message input { border: 1px solid #ebebeb; font-size: 14px; color: #999; line-height: 40px; height: 40px; padding: 0 10px; width: 100%; box-sizing: border-box; margin-bottom: 10px; font-family: "microsoft yahei"; }
.Message input:focus { border: 1px solid #0588ce; }
.Message textarea { border: 1px solid #ebebeb; font-size: 14px; color: #999; line-height: 30px; width: 100%; margin: 10px 0; padding: 10px; box-sizing: border-box; }
.Message textarea:focus { border: 1px solid #0588ce; }
.Message .bottom .btn { width: 150px; float: left; font-size: 16px; line-height: 50px; height: 50px; margin: 10px 20px 10px 0; color: #fff; background: #b1b1b1; }
.Message .bottom .btn:active { background: #0588ce; }
.Message .bottom .btn:hover { background: #0588ce; }

/****** Detail-Recruitment--style ******/
.Recruitment { }
.Recruitment a { color: #0588ce; }
.Recruitment .note { font-size: 14px; color: #000; line-height: 50px; font-weight: 500; padding-left: 35px; background: url('../image/note.jpg') no-repeat left top 12px; }
.Recruitment .Item { border: 1px solid #e0e0e0; margin-bottom: 20px; }
.Recruitment .Item .Title { padding: 5px 20px; overflow: hidden; position: relative; transition: all 0.3s linear; cursor: pointer; }
.Recruitment .Item .Title strong { font-size: 14px; color: #000; line-height: 40px; display: block; float: left; }
.Recruitment .Item .Title .name { font-size: 14px; color: #333; margin-left: 40%; line-height: 40px; display: block; float: left; }
.Recruitment .Item .Title .Icon { position: absolute; right: 20px; top: 50%; margin-top: -6px; width: 12px; height: 12px; display: block; background: url('../image/IconRe01.png') no-repeat center center; transition: all 0.3s linear; }
.Recruitment .Item .Intro { padding: 30px 20px; border-top: 1px solid #e0e0e0; display: none; }
.Recruitment .Item .Intro h3 { font-size: 14px; color: #000; line-height: 30px; }
.Recruitment .Item .Intro p { font-size: 14px; color: #333333; line-height: 24px; }
.Recruitment .Item.cur .Title { background: #0588ce; color: #fff; }
.Recruitment .Item.cur .Title strong { color: #fff; }
.Recruitment .Item.cur .Title .name { color: #fff; }
.Recruitment .Item.cur .Title .Icon { background: url('../image/IconRe02.png') no-repeat center center; }

@media (min-width: 1024px) {
}

@media (min-width: 768px) {
}

@media (max-width: 1800px) {
}

@media (max-width: 1360px) {
    .location span.space a { margin: 0 5px; }
    .Detail-Top { margin-bottom: 30px; }
    .Detail-conten { padding-bottom: 40px; }
    .Detail-nav li > a { margin: 0 10px; }
    .Culture .Item { padding: 20px 0; }
    .Honor ul { margin: 0 -10px; }
    .Honor .Item { margin: 10px; }
    .Honor .Item .pic { height: 190px; line-height: 190px; }
    .Activity ul { margin: 0 -10px; }
    .Activity .Item { margin: 10px; }
    .Activity .Item h3 { font-size: 16px; line-height: 40px; }
    .Newslist .Item .date strong { font-size: 30px; }
    .Hostnews { margin-bottom: 30px; }
    .Newslist .Item { padding: 20px 0; }
    .News-Tit h1 { font-size: 22px; }
    .Video h1 { font-size: 22px; }
    .Pro-nav { top: 90px; }
    .Business .Item .Intro { padding: 10px 20px; }
    .Business .Item h3 { font-size: 16px; }
    .nav-second .Detail-main { padding-top: 70px; }
    .Tit-det { line-height: 22px; }
    .Product ul { margin: 0 -10px; }
    .Product .Item { margin: 10px; }
    .Pro-Tit span { line-height: 50px; }
    .Contact .con .pic { margin-right: 10px; }
    .Contact .head li:first-child { width: 45%; }
    .Contact .head li:nth-child(2) { width: 25%; }
    .Contact .head h3 { margin-bottom: 15px; }
    .Contact .dtu { margin: 20px 0; }
}

@media (max-width: 1025px) {
    #Detailbanner .ban .pic { position: relative; height: 200px; }
    #Detailbanner .ban .pic img { max-width: initial; width: auto; position: absolute; height: 100%; left: 50%; margin-left: -900px; }
    .Detail-Top .fl { width: 100%; }
    .Detail-Top .fr { display: none; }
    .Detail-left { float: none; width: 100%; }
    .Detail-right { display: none; }
    .Culture .Item { padding: 15px 0; }
    .Honor li { width: 33.33%; }
    .Activity ul { margin: 0 -5px; }
    .Activity .Item { margin: 5px; }
    .News-Tit h1 { font-size: 20px; }
    .Video h1 { font-size: 20px; }
    .Business .Item .Intro { padding: 0 10px; }
    .Business .Item .cent { font-size: 12px; line-height: 20px; height: 120px; }
    .Tit-det { font-size: 20px; padding: 10px 0; }
    .Product ul { margin: 0 -5px; }
    .Product .Item { margin: 5px; }
    .Pro-Tit span { line-height: 40px; width: 120px; }
    .Download .size { display: none; }
    .Download th { padding: 0 10px; }
    .Download td { padding: 0 10px; }
    .Contact .con .pic { width: 60px; }
    .Contact .con .Intro { padding: 5px 0; }
    .Contact .head li:first-child { width: 100%; }
    .Contact .head li:nth-child(2) { width: 100%; }
    .Contact .head li { width: 100%; margin-bottom: 10px; }
    .branch .Item { width: 100%; margin-bottom: 20px; }
}

@media (max-width: 768px) {
    #Detailbanner .ban .pic { height: 180px; }
    #Detailbanner .ban .pic img { margin-left: -800px; }
    .Detail-conten { padding-bottom: 30px; }
    .Detail-Top { margin-bottom: 20px; }
    .Detail-nav li > a { font-size: 14px; }
    .Culture .Item { padding: 10px 0; }
    .Honor ul { margin: 0 -5px; }
    .Honor .Item { margin: 5px; }
    .Honor .Item .pic { height: 180px; line-height: 180px; }
    .Activity li { width: 50%; }
    .Hostnews { margin-bottom: 20px; }
    .Hostnews p { line-height: 20px; height: 40px; }
    .Newslist .Item { padding: 15px 0; }
    .Newslist .Item .date strong { font-size: 22px; margin: 0; }
    .Newslist .Item .date span { font-size: 16px; }
    .Newslist .Item h3 { font-size: 16px; }
    .Newslist .Item p { font-size: 12px; }
    .Hostnews h3 { font-size: 16px; line-height: 30px; height: 30px; }
    .Hostnews .More { font-size: 12px; line-height: 30px; width: 100px; }
    .News-Tit h1 { font-size: 18px; }
    .NewsInfo .Detail-more { font-size: 14px; line-height: 22px; }
    .Video h1 { font-size: 18px; }
    .Business .Item .pic { width: 100%; float: none; }
    .Business .Item .Intro { float: none; width: 100%; padding: 10px; }
    .Business .Item .cent { height: auto; max-height: none; }
    .Pro-nav { top: 80px; }
    .Tit-det { font-size: 18px; }
    #Biglist { margin: 20px 0; }
    #Biglist .swiper-nav { height: 80px; }
    .Product li { width: 50%; }
    .Recruitment .Item { margin-bottom: 10px; }
    .Recruitment .Item .Title { padding: 5px 10px; }
    .Recruitment .Item .Intro { padding: 10px; }
}


@media (max-width: 640px) {
    #Detailbanner .ban .pic { height: 140px; }
    #Detailbanner .ban .pic img { margin-left: -600px; }
    .Detail-conten { padding-bottom: 20px; }
    .Detail-Top { position: relative; }
    .Detail-Top .MuTit { display: block; overflow: hidden; padding: 10px 0; }
    .MuTit h3 { font-size: 16px; line-height: 40px; float: left; font-weight: 600; color: #0588ce; }
    .MuTit i.iconfont { float: right; font-size: 16px; line-height: 40px; width: 40px; text-align: center; margin: 0; transition: all 0.3s linear; }
    .MuTit i.cur { color: #0588ce; }
    .Detail-nav { position: absolute; top: 60px; left: 0; background: #fff; z-index: 8; width: 100%; box-shadow: 0 0 5px #999; display: none; }
    .Detail-nav ul { width: 100%; }
    .Detail-nav li:nth-child(2n) { display: none; }
    .Detail-nav li { float: none; width: 100%; }
    .Detail-nav li > a { line-height: 40px; margin: 0 10px; }
    .Detail-nav li:first-child > a { margin-left: 10px; }

    .About h1 { font-size: 18px; margin: 0; }
    .Culture .Item h3 { font-size: 16px; line-height: 25px; }
    .Culture .Item h3 span { font-size: 20px; }
    .Honor li { width: 50%; }
    .Newslist .Item .date { display: none; }
    .Newslist .Item .Intro { width: 100%; }
    .Hostnews p { display: none; }
    .News-Tit h1 { font-size: 16px; }
    .News-Tit .Info span { font-size: 12px; }
    .nav-second .Detail-main { padding-top: 0; }
    .Pro-nav { position: relative; left: 0; top: auto; line-height: 40px; }
    .Pro-nav a { display: block; border: none; border-radius: 0; padding: 0; margin: 0 10px; }
    .Tit-det { font-size: 16px; }
    .Download th { padding: 0 5px; }
    .Download td { padding: 0 5px; }
    .Download .sort { display: none; }
    .Recruitment .note { line-height: 20px; height: 40px; background: url('../image/note.jpg') no-repeat left top 2px; margin-bottom: 10px; }
    .Contact .con { position: relative; padding-left: 70px; height: 60px; margin-bottom: 15px; }
    .Contact .con .pic { position: absolute; left: 0; height: 60px; }
    .branch .Item p { position: relative; padding-left: 35px; }
    .branch .Item .iconfont { position: absolute; left: 0; top: 0; }
    .branch .Item p span { line-height: 22px; }
    .branch .Item p { line-height: 22px; padding: 5px 0; padding-left: 30px; margin-bottom: 5px; }
    .Contact h3 { font-size: 16px; margin-bottom: 5px; }
}

@media (max-width: 480px) {
    #Detailbanner .ban .pic { height: 120px; }
    .Culture .Item h3 span { display: block; }
    .Honor .Item .pic { height: 160px; line-height: 160px; }
    .Hostnews h3 { line-height: 22px; height: auto; }
    .Hostnews .More { display: none; }
    .Product li { width: 100%; }
}

@media (max-width: 420px) {
    .Honor .Item .pic { height: 150px; line-height: 150px; }
}

@media (max-width: 380px) {
    .Honor .Item .pic { height: 140px; line-height: 140px; }
    .Hostnews .pic { width: 100%; float: none; }
    .Hostnews .Intro { float: none; width: 100%; padding-top: 10px; }
}

@media (max-width: 320px) {
}





.pglist {
    padding: 30px 0 15px;
    width: 100%;
    text-align: center;
    clear: both;
}.pglist * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}.pglist a {
    color: #333;
    padding: 0 15px;
    margin: 0 4px;
    background: #fff;
    border: 1px solid #edebeb;
}.pglist .active a{
    display: inline-block;
    color: #fff;
    background: #0056a8;
    border-color: #0056a8;
}.pglist span{
    color: #333;
    padding: 0 15px;
    margin: 0 4px;
    background: #fff;
    border: 1px solid #edebeb;
}