@charset "utf-8";
/* CSS Document */
.Detailbanner { overflow: hidden; }
.Detailbanner .ban { position: relative; }

/****** location--style ******/
.location { }
.location i { font-size: 22px; color: #999999; }
.location span.title { display: none; }
.location span.space { font-size: 14px; color: #999999; display: inline-block; }
.location span.space a { font-size: 14px; color: #999999; line-height: 60px; display: inline-block; margin: 0 10px; text-transform: uppercase; }
.location span.space a:hover { color: #0053a3; }
.location span.space span { font-size: 14px; color: #999999; line-height: 60px; display: inline-block; margin: 0 15px; text-transform: uppercase; }

/****** Detail-share-style ******/
.Detail-share { text-align: center; }
.share { text-align: center; margin: 0 auto; margin-bottom: 50px; 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('../images/more.jpg') no-repeat center center !important; }
.share .bds_tsina { background: url('../images/webo.jpg') no-repeat center center !important; }
.share .bds_weixin { background: url('../images/weixin.jpg') no-repeat center center !important; }
.share .bds_qzone { background: url('../images/qq.jpg') no-repeat center center !important; }
.share .bds_tqq { background: url('../images/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: 36px; font-weight: bold; border: 1px solid #cccccc; cursor: pointer; padding: 0 10px; border-radius: 3px; }
#dcms_pager .pages a.pgnext, #dcms_pager .pages a.pgnext { padding: 0 10px; font-weight: 100; font-family: "宋体"; }
#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: #0053a3; }
.Detail-page .switch a:hover span { color: #0053a3; }
.Detail-page .switch a:hover i { color: #0053a3; }
.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('../images/Icon-return.png') no-repeat left 20px center; }

/****** Detail-public-style ******/
.Detail-more { padding: 30px 0; }
.Detail-more p { font-size: 14px; color: #333; line-height: 24px; font-family: 微软雅黑, 'Microsoft YaHei'; }
.Up-Down-page { position: relative; border-top: 1px solid #eee; padding: 15px; width: 100%; margin: 20px 0; box-sizing: border-box; margin-bottom: 0; }
.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('../images/icon/icon_left.png') no-repeat left center; padding-left: 20px; }
.Up-Down-page .next a { background: url('../images/icon/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('../images/icon/icon_menu01.png') no-repeat center center; }
.Up-Down-page .Return:hover { background: url('../images/icon/icon_menu02.png') no-repeat center center; }
.Up-Down-page .prev a:hover { background: url('../images/icon/icon_left01.png') no-repeat left center; color: #86134e; }
.Up-Down-page .next a:hover { background: url('../images/icon/icon_right01.png')no-repeat right center; color: #86134e; }

/****** Detail-public--style ******/
.Detail-conten { position: relative; padding: 30px 0; }
.Detail-Top { border-bottom: 1px solid #e3e2e2; }
.Detail-Top .fl { float: left; width: 40%; position: relative; }
.Detail-Top h2 { font-size: 24px; color: #113f8d; line-height: 60px; cursor: pointer; display: inline-block; }
.Detail-Top .iconfont { font-size: 20px; line-height: 60px; margin-left: 5px; color: #666; display: inline-block; padding: 0 10px; }
.Detail-Top h2:hover .iconfont { color: #113f8d; }
.Detail-Top .Detail-nav { z-index: 98; position: absolute; left: 0; top: 63px; width: 185px; background: #fafafa; border: 1px solid #eee; box-shadow: 0 0 5px 1px #eeeeee; display: none; }
.Detail-nav li a { font-size: 14px; color: #333; line-height: 40px; text-align: center; display: block; transition: all 0.3s linear; }
.Detail-nav li.cur a, .Detail-nav li:hover a { background: #113f8d; color: #fff; }
.Detail-Top .Prodown { display: none; }

/****** Detail-About--style ******/
.About .fl { float: left; width: 37%; }
.About .fr { float: right; width: 61%; }

/****** Detail-Course--style ******/
.Course { margin-top: 30px; }
.Course h1 { font-size: 42px; color: #e1e1e1; text-align: center; font-weight: 500; line-height: 60px; }
.Course .Develop { position: relative; overflow: hidden; margin-top: 30px; }
.Develop .line { position: absolute; left: 50%; top: 0; width: 3px; height: 100%; background: #e1e1e1; display: block; }
.Develop .Item { width: 50%; padding: 20px 45px; position: relative; }
.Develop .Item .point { position: absolute; width: 16px; height: 16px; border-radius: 50%; overflow: hidden; top: 50%; margin-top: -8px; background: url('../images/cous-dit.png') no-repeat center center; }
.Develop .Item .box { border: 1px solid #e3e2e2; border-radius: 5px; padding: 25px; position: relative; }
.Develop .Item .box:after { position: absolute; content: ""; display: block; width: 10px; height: 13px; top: 50%; margin-top: -6px; }
.Develop .Item h3 { font-size: 18px; color: #113f8d; line-height: 30px; }
.Develop .Item p { font-size: 14px; color: #666; line-height: 26px; }
.Develop .ItemA { float: right; text-align: left; margin-left: 50%; }
.Develop .ItemB { float: left; text-align: right; margin-right: 50%; }
.Develop .ItemA .point { left: -6px; }
.Develop .ItemA .box:after { left: -9px; background: url('../images/cousL.png') no-repeat center center; }
.Develop .ItemB .point { right: -10px; }
.Develop .ItemB .box:after { right: -9px; background: url('../images/cousR.png') no-repeat center center; }
.Develop li:first-child .Item { margin-top: 0; }
.Develop li:nth-child(2) .Item { margin-top: -180px; }
.Develop li:nth-child(3) .Item { margin-top: -180px; }
.Develop li:nth-child(4) .Item { margin-top: 0; }
.Develop li:nth-child(5) .Item { margin-top: -330px; }
.Develop li:nth-child(6) .Item { margin-top: 0; }
.Develop li:nth-child(7) .Item { margin-top: -250px; }
.Develop li:nth-child(8) .Item { margin-top: 0; }
.Develop li:nth-child(9) .Item { margin-top: -320px; }

/****** Detail-Manage--style ******/
.Manage { }
.Manage .Item { border-bottom: 1px solid #eeeeee; padding: 40px 0; }
.Manage .Item .fl { float: left; width: 20%; }
.Manage .Item .fr { float: right; width: 80%; }
.Manage .Item .Title h3 { font-size: 20px; color: #113f8d; line-height: 40px; }
.Manage .Item .Title p { font-size: 14px; color: #666666; line-height: 26px; }
.Manage .Item .Intro p { font-size: 14px; color: #666666; line-height: 26px; }

/****** Detail-Culture--style ******/
.Culture { margin: 50px 0; }
.Culture .Item { overflow: hidden; border: 1px solid #eaeaea; position: relative; }
.Culture .Item .pic { overflow: hidden; width: 50%; }
.Culture .Item .pic img { width: 100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Culture .Item .Intro { text-align: center; width: 50%; position: absolute; top: 50%; margin-top: -80px; }
.Culture .Item .Intro:after { position: absolute; top: 50%; width: 18px; height: 20px; display: block; content: ""; }
.Culture .Item .Intro .con { width: 80%; margin: 0 auto; }
.Culture li:last-child .Item .Intro { margin-top: -80px; }
.Culture li:last-child .Item .Intro .con { width: 85%; }
.Culture .Item h4 { font-size: 14px; color: #999999; line-height: 26px; position: relative; font-weight: 500; text-align: left; }
.Culture .Item h4 .line { position: absolute; left: 50%; bottom: 0; width: 50px; height: 1px; background: #ccc; margin-left: -20px; }
.Culture .Item h4 .iconfont { color: #666; line-height: 50px; margin-right: 15px; font-size: 16px; }
.Culture .Item h4 .icon-sm { font-size: 20px; color: #666; font-weight: bold; }
.Culture .Item h2 { font-size: 18px; color: #113f8d; line-height: 30px; text-align: center; text-align: left; }
.Culture .ItemA .pic { float: right; }
.Culture .ItemA .Intro { float: left; left: 0; margin-top: -90px; }
.Culture .ItemA .Intro .con { width: 90%; }
.Culture .ItemA .Intro:after { right: -17px; background: url('../testimg/culR.png') no-repeat center center; }
.Culture .ItemB .pic { float: left; }
.Culture .ItemB .Intro { float: right; right: 0; }
.Culture .ItemB .Intro:after { left: -17px; background: url('../testimg/culL.png') no-repeat center center; }
.Culture .Item:hover .pic img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

/****** Detail-Honor--style ******/
.Honor { padding: 20px 0; }
.Honor li { float: left; width: 25%; text-align: center; border-bottom: 1px solid #e5e5e5; padding: 20px 30px; }
.Honor li h3 { font-size: 14px; color: #000; line-height: 25px; height: 50px; text-align: center; font-weight: 500; }
.Honor li:hover h3 { color: #113f8d; }

/****** Detail-Product--style ******/
#Product { background-image: url('../testimg/probg.jpg'); position: relative; background-attachment: fixed; background-repeat: no-repeat; background-position: top 80px center; padding: 80px 0; }
#Product h2 { font-size: 30px; color: #113f8d; line-height: 60px; font-weight: 500; text-align: center; padding-bottom: 10px; margin-bottom: 40px; position: relative; display: none; }
#Product h2 .line { position: absolute; left: 50%; bottom: 0; width: 40px; height: 2px; background: #113f8d; margin-left: -20px; }
#Product .main { overflow: hidden; }
#Product .main > ul > li { float: left; position: relative; width: 254px; height: 450px; overflow: hidden; border-right: 1px solid #81b0e1; }
#Product .main .Item { position: absolute; left: -127px; top: 0; text-align: center; height: 450px; }
#Product .main .Item .pic img { width: 510px; max-width: none; height: 350px; }
#Product .main .Item .Title { background: #fff; position: absolute; top: 350px; width: 100%; text-align: center; padding: 5px 10px; }
#Product .main .Item .Title .Icon { width: 60px; height: 60px; position: relative; margin: 0 auto; overflow: hidden; }
#Product .main .Item .Title .Icon img { position: absolute; left: 0; top: 0; transition: all 0.5s; }
#Product .main .Item .Title h3 { font-size: 16px; color: #333; font-weight: 500; line-height: 30px; }
#Product .main .Item .Intro { height: 100px; background: #113993; position: absolute; bottom: -100px; left: 0; width: 100%; text-align: center; padding: 10px; }
#Product .main .Item .Intro li { float: left; width: auto; }
#Product .main .Item .Intro a { font-size: 14px; color: #fff; line-height: 25px; margin: 0 10px; background: url('../testimg/sj.jpg') no-repeat left center; padding-left: 10px; }
#Product .main li:last-child .Item { border: none; }
#Product .main li.cur .Title { top: 0; left: 0; height: 350px; background: url('../images/hsbg.png') center center; padding: 150px 0; transition: all 0.5s; }
#Product .main li.cur .Title .Icon img { top: -60px; }
#Product .main li.cur .Title h3 { color: #fff; }
#Product .main li.cur .Intro { bottom: 0; transition: all 0.5s; }

/****** Detail-Product--style ******/
.Detail-left { float: left; width: 20%; }
.Detail-right { float: right; width: 78%; }
.Detail-Lnav .first { border-bottom: 1px solid #fff; position: relative; background: #eaeff6; }
.Detail-Lnav .first > a { font-size: 14px; color: #000; line-height: 60px; display: block; padding: 0 15px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Detail-Lnav .first .Icon { position: absolute; top: 0; width: 40px; height: 60px; display: block; right: 0; background: url('../testimg/Icon-Hide.png') no-repeat right 15px center; transition: all 0.3s linear; cursor: pointer; }
.Detail-Lnav .first:hover, .Detail-Lnav .first.cur { background: #113f8d; }
.Detail-Lnav .first:hover > a, .Detail-Lnav .first.cur > a { color: #fff; }
.Detail-Lnav .first:hover > .Icon, .Detail-Lnav .first.cur > .Icon { background: url('../testimg/Icon-show.png') no-repeat right 15px center; }
.Detail-Lnav .first ul { display: none; }
.Detail-Lnav .secd > a { font-size: 14px; color: #333; line-height: 50px; display: block; border-bottom: 1px solid #e7e7e7; padding: 0 20px; background: #fff url('../testimg/Icon-R01.png') no-repeat right 15px center; }
.Detail-Lnav .secd:hover > a, .Detail-Lnav .secd.cur > a { color: #113f8d; background: #fff url('../testimg/Icon-R02.png') no-repeat right 15px center; }
#ProductInfo .Detail-main { padding: 30px 0; }
.ProductInfo .Pro-Tit h2 { font-size: 24px; color: #113f8d; line-height: 50px; font-weight: 500; }
.ProductInfo .sub-nav { background: #f7f7f7; margin-bottom: 20px; padding: 10px 0; }
.ProductInfo .sub-nav li { float: left; padding: 0 5px; font-size: 14px; line-height: 30px; display: block; margin: 0 5px; font-family: 微软雅黑, 'Microsoft YaHei'; }
.ProductInfo .sub-nav a { text-decoration: underline; }
.ProductInfo .sub-nav a:hover { color: #113f8d; }
.ProductInfo .Pro-main { }
.ProductInfo .Pro-Tab-Tit { border-bottom: 1px solid #eaeaea; }
.Pro-Tab-Tit a { font-size: 14px; line-height: 32px; border-radius: 5px 5px 0 0; background: #f7f7f7; border: 1px solid #eaeaea; border-bottom: none; display: inline-block; padding: 0 25px; text-align: center; margin-right: 20px; color: #113f8d; transition: all 0.3s linear; }
.Pro-Tab-Tit a.cur { background: #113f8d; color: #fff; }
.Pro-Tab-Tit a:hover { background: #113f8d; color: #fff; }

/****** Detail-Pro-case--style ******/
.Pro-case .Item { border-bottom: 1px dashed #b2b2b2; padding: 30px 0; position: relative; }
.Pro-case .Item .pic { float: left; width: 23%; overflow: hidden; }
.Pro-case .Item .pic img { width: 100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Pro-case .Item .Intro { float: right; width: 75%; padding-bottom: 30px; }
.Pro-case .Item .Intro h3 { font-size: 14px; color: #333333; line-height: 30px; height: 30px; overflow: hidden; }
.Pro-case .Item p { font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden; }
.Pro-case .Item .More { position: absolute; left: 25%; bottom: 30px; font-size: 14px; color: #b2b2b2; line-height: 20px; }
.Pro-case .Item .More .iconfont { font-size: 16px; color: #666; line-height: 30px; margin-right: 10px; }
.Pro-case .Item:hover .pic img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.Pro-case .Item:hover h3 { color: #113f8d; }
.Pro-case .Item:hover .More { color: #113f8d; }
.Pro-case .Item:hover .More .iconfont { color: #113f8d; }

/****** Detail-Newslist--style ******/
.Newslist { margin: 30px 0 30px 0; }
.Newslist .Item { overflow: hidden; }
.Newslist .Item .pic { overflow: hidden; }
.Newslist .Item .pic img { width: 100%; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Newslist .Item:hover .pic img { transform: scale(1.1); }
.Newslist .Item .More .icon-right { margin-left: 10px; }
.Hostnews { margin-bottom: 40px; }
.Hostnews .Item { position: relative; }
.Hostnews .Item .pic { float: left; width: 39%; }
.Hostnews .Item .Intro { float: right; width: 59%; padding-bottom: 42px; }
.Hostnews .Item .Intro h3 { font-size: 20px; color: #000; line-height: 40px; font-weight: 500; }
.Hostnews .Item .Intro .date { font-size: 14px; color: #999999; line-height: 30px; }
.Hostnews .Item .Intro p { color: #666; font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; }
.Hostnews .Item .More { position: absolute; left: 41%; bottom: 0; font-size: 14px; color: #333; line-height: 40px; border-radius: 5px; padding: 0 30px; border: 1px solid #e0e0e0; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Hostnews .Item:hover .Intro h3 { color: #0053a3; }
.Hostnews .Item:hover .More { background: #0053a3; color: #fff; border-color: #0053a3; }
.Newslist li .Item { position: relative; border-bottom: 1px dashed #e0e0e0; padding: 30px 0; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Newslist li:first-child .Item { border-top: 1px dashed #e0e0e0; }
.Newslist li .Item .pic { float: left; width: 22%; }
.Newslist li .Item .Intro { float: right; width: 76%; padding-bottom: 42px; }
.Newslist li .Item .Intro h3 { font-size: 16px; color: #333; line-height: 30px; font-weight: 600; }
.Newslist li .Item .Intro .date { color: #999; font-size: 14px; color: #999; line-height: 30px; }
.Newslist li .Item .Intro p { font-size: 14px; color: #999999; line-height: 26px; height: 52px; overflow: hidden; }
.Newslist li .Item .Intro .More { position: absolute; left: 24%; bottom: 30px; font-size: 14px; color: #333; line-height: 40px; border-radius: 5px; padding: 0 30px; border: 1px solid #e0e0e0; transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Newslist li .Item:hover .Intro h3 { color: #0053a3; }
.Newslist li .Item:hover .Intro .More { background: #0053a3; color: #fff; border-color: #0053a3; }

/****** Detail-DetailNews--style ******/
.DetailNews .Title { text-align: center; padding-bottom: 20px; border-bottom: 1px solid #dadada; padding-top: 20px; }
.DetailNews .Title h2 { font-size: 20px; color: #0053a3; line-height: 50px; }
.DetailNews .Title span { text-align: center; display: inline-block; font-size: 14px; color: #999; line-height: 30px; margin: 0 5px; }
.DetailNews .Title .iconfont { margin-right: 5px; }

/****** Detail-System--style ******/
.System { }
.System .Detail-more h3 { font-size: 16px; color: #113f8d; line-height: 30px; }
.System .Detail-more li { float: left; width: 33.33%; text-align: center; }

/****** Detail-System--style ******/
.System1 .Box { }
.System1 .Box .fl { float: left; width: 40%; }
.System1 .Box .fl li { font-size: 14px; color: #333; line-height: 24px; position: relative; padding-left: 15px; }
.System1 .Box .fl .dit { width: 6px; height: 6px; border-radius: 50%; display: block; position: absolute; left: 0; top: 12px; margin-top: -3px; background: #113f8d; }
.System1 .Box .fr { float: right; width: 60%; }
.System1 .Box .fr li { float: left; width: 33.33%; text-align: center; }

/****** Detail-Investor--style ******/
#Investor .Box { padding: 40px 0; border-bottom: 1px solid #ebebeb; }
#Investor .Box h2 { font-size: 20px; color: #113f8d; line-height: 40px; margin-bottom: 10px; }
#Investor .Box .More { width: 110px; font-size: 12px; color: #666666; line-height: 40px; display: block; border-radius: 3px; border: 1px solid #ebebeb; text-align: center; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
#Investor .Box .More .iconfont { margin-left: 10px; font-size: 12px; position: relative; top: 2px; }
#Investor .Box .More:hover { background: #113f8d; color: #fff; }
#Investor .Box .Tit { overflow: hidden; margin-bottom: 20px; }
#Investor .Box .Tit h2 { float: left; }
#Investor .Box .Tit .More { float: right; }
#Investor .Box p { font-size: 14px; color: #333; line-height: 26px; text-align: justify; }
#Investor .Box h3 { font-size: 14px; color: #000; line-height: 30px; }
#Investor .company { position: relative; }
#Investor .company .fl { float: left; width: 60%; }
#Investor .company .fr { float: right; width: 36%; }
#Investor .company .More { position: absolute; left: 0; bottom: 40px; }
#Investor .Notice .main { margin: 0 -20px; }
#Investor .Notice .main li { float: left; width: 25%; }
#Investor .Notice .Item { border: 1px solid #ebebeb; margin: 0 20px; padding: 20px; position: relative; padding-top: 80px; }
#Investor .Notice .Item .date { position: absolute; left: 0; top: 0; background: #113f8d; color: #fff; text-align: center; display: block; padding: 5px 10px; }
#Investor .Notice .Item strong { display: block; font-size: 24px; line-height: 30px; text-align: center; }
#Investor .Notice .Item .date span { display: block; font-size: 14px; line-height: 20px; }
#Investor .Notice .Item h3 { font-size: 14px; color: #666666; line-height: 30px; height: 60px; margin: 10px 0 20px 0; font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
#Investor .Notice .Item .Down { overflow: hidden; }
#Investor .Notice .Item .Down span { font-size: 14px; color: #8e8f8f; line-height: 60px; display: inline-block; float: left; margin-right: 10px; }
#Investor .Notice .Item .Down .iconfont { font-size: 40px; float: left; }
#Investor .Notice .Item:hover h3, #Investor .Notice .Item:hover .Down span { color: #113f8d; }
#Investor .Notice .Item:hover { border: 1px solid #113f8d; }
#Investor .prospectus { position: relative; }
#Investor .prospectus .fl { float: left; width: 75%; }
#Investor .prospectus .fr { float: right; width: 22%; }
#Investor .prospectus .pic { text-align: right; }
#Investor .prospectus .Down { width: 110px; font-size: 12px; color: #666; line-height: 40px; display: block; border-radius: 3px; border: 1px solid #ebebeb; text-align: center; position: absolute; left: 0; bottom: 40px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
#Investor .prospectus .Down .iconfont { font-size: 20px; color: #8e8f8f; margin-right: 5px; }
#Investor .prospectus .Down:hover { background: #113f8d; color: #fff; }
#Investor .prospectus .Down:hover .iconfont { color: #fff; }
#Investor .prospectus p a { text-decoration: underline; color: #0053a3; }
#Investor .Corporate .main { margin: 0 -10px; }
#Investor .Corporate .main li { float: left; width: 33.33%; }
#Investor .Corporate .Item { margin: 0 10px; /*border: 1px solid #ebebeb;*/ padding: 20px 30px; padding-bottom: 40px; background: #f1f1f1; }
/*#Investor .Corporate .Item:hover { border: 1px solid #113f8d; }*/
#Investor .Investors .main { margin: 0 -15px; }
#Investor .Investors .main li { float: left; width: 25%; }
#Investor .Investors .main .Item { margin: 0 15px; /*border: 1px solid #ebebeb;*/ padding: 60px 30px; text-align: center; background: #f1f1f1; }
#Investor .Investors .main .Item h3 { height: 30px; overflow: hidden; }
#Investor .Investors .main .Item p { height: 52px; overflow: hidden; text-align:center;}
/*#Investor .Investors .main .Item:hover { border: 1px solid #113f8d; }*/

/****** Detail-Enterprise--style ******/
.Enterprise { margin: 12px -12px; }
.Enterprise li { float: left; width: 33.33%; }
.Enterprise .Item { border: 1px solid #ebebeb; padding: 20px 15px; margin: 12px; }
.Enterprise .Item h3 { font-size: 14px; color: #000; line-height: 25px; height: 50px; margin-bottom: 5px; overflow: hidden; }
.Enterprise .Item p { font-size: 14px; color: #666; line-height: 25px; }
.Enterprise li .Item .Intro { height: 125px; overflow: hidden; }
.Enterprise li:last-child { width: 100%; }
.Enterprise li:last-child .Item p { height: auto; }

/****** Detail-Prospectus--style ******/
.Prospectus { }
.Prospectus .main { background: url('../testimg/zgsbg.jpg') no-repeat top center; margin: 40px 0; padding: 40px 60px; position: relative; }
.Prospectus .main .fl { width: 30%; float: left; }
.Prospectus .main .fr { float: right; width: 68%; }
.Prospectus .main .pic { text-align: center; }
.Prospectus .main p { font-size: 14px; color: #fff; line-height: 26px; }
.Prospectus .main .Down { position: absolute; left: 34%; bottom: 40px; font-size: 14px; color: #fff; line-height: 40px; border: 1px solid #fff; padding: 0 30px; display: block; }
.Prospectus .main .Down .iconfont { font-size: 30px; margin-right: 10px; line-height: 40px; position: relative; top: 5px; }

/****** Detail-Query--style ******/
.Query { margin: 40px 0; border: 1px solid #ebebeb; }
.Query .fl { float: left; width: 50%; }
.Query .fr { float: right; width: 50%; }
.Query .Intro { padding: 40px; position: relative; }
.Query .Intro:after { position: absolute; width: 18px; height: 20px; display: block; content: ""; background: url('../testimg/culR.png') no-repeat center center; top: 20%; right: -17px; }
.Query .Intro p { font-size: 14px; color: #000; line-height: 40px; }

/****** Detail-Notice--style ******/
.Notice .NoticeTit { border-bottom: 1px solid #ebebeb; }
.Notice .NoticeTit li { float: left; }
.Notice .NoticeTit a { font-size: 16px; color: #000; line-height: 80px; padding: 0 30px; font-weight: 600; display: block; position: relative; }
.Notice .NoticeTit .line { position: absolute; bottom: -1px; height: 3px; width: 0; background: #113f8d; display: block; transition: all 0.3s linear; }
.Notice .NoticeTit .line_1 { right: 50%; }
.Notice .NoticeTit .line_2 { left: 50%; }
.Notice .NoticeTit li.cur .line { width: 50%; }
.Notice .NoticeTit li:hover .line { width: 50%; }
.Notice .NoticeM .Item { border-bottom: 1px solid #eaeaea; padding: 30px 0; }
.Notice .NoticeM .Item .fl { float: left; width: 70%; position: relative; }
.Notice .NoticeM .Item .fr { float: right; width: 30%; text-align: right; }
.Notice .NoticeM .Item .Icon { position: absolute; left: 0; top: 50%; margin-top: -20px; }
.Notice .NoticeM .Item .Icon .iconfont { font-size: 40px; color: #969696; line-height: 40px; }
.Notice .NoticeM .Item .Intro { border-left: 2px solid #eaeaea; margin-left: 60px; padding-left: 20px; }
.Notice .NoticeM .Item h3 { font-size: 14px; color: #333; line-height: 30px; font-weight: 500; }
.Notice .NoticeM .Item .date { font-size: 14px; color: #999; line-height: 20px; }
.Notice .NoticeM .Item .fr a { margin-left: 20px; }
.Notice .NoticeM .Item .fr .iconfont { font-size: 20px; color: #999; line-height: 40px; margin-right: 10px; }
.Notice .NoticeM .Item .fr .name { font-size: 14px; color: #666; line-height: 40px; }
.Notice .NoticeM .Item .icon-eyes { position: relative; top: 3px; }
.Notice .NoticeM .Item .fr a:hover span { color: #113f8d; }
.Notice .NoticeM .Item .fr a:hover .iconfont { color: #113f8d; }
.Notice .NoticeM .Item:hover h3 { color: #113f8d; }

/****** Detail-Contact--style ******/
.Contact { }
.Contact li { float: left; width: 33.33%; border-bottom: 1px solid #ebebeb; padding: 40px 0; }
.Contact li:last-child { border: none; }
.Contact .Item { height: 162px; }
.Contact .Item h3 { font-size: 14px; color: #113f8d; line-height: 30px; }
.Contact .Item .iconfont { font-size: 20px; color: #999; line-height: 30px; margin-left: 10px; }
.Contact .Item p { font-size: 12px; color: #666666; line-height: 26px; }

/****** Detail-Message--style ******/
.Message { margin: 30px 0; }
.Message h3 { font-size: 14px; color: #999; line-height: 40px; font-weight: 500; }
.Message input { border: 1px solid #ebebeb; font-size: 14px; color: #999; line-height: 40px; height: 40px; padding: 0 10px; width: 100%; }
.Message input:focus { border: 1px solid #113f8d; }
.Message .line1 { margin: 0 -10px; }
.Message .line1 li { float: left; width: 33.33%; }
.Message .line1 .field { margin: 10px; }
.Message .line2 .field { margin: 10px 0; }
.Message textarea { border: 1px solid #ebebeb; font-size: 14px; color: #999; line-height: 30px; width: 100%; margin: 10px 0; padding: 10px; }
.Message textarea:focus { border: 1px solid #113f8d; }
.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: #113f8d; }
.Message .bottom .btn:hover { background: #113f8d; }

/****** Detail-Recruitment--style ******/
#Recru .Detail-main { padding: 40px 0; }
.Talent-Title { text-align: center; margin-bottom: 30px; }
.Talent-Title a { font-size: 16px; color: #333; line-height: 36px; margin: 0 20px; display: inline-block; position: relative; background: #f1f1f1; padding: 0 30px; border-radius: 20px; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.Talent-Title a .line { position: absolute; height: 3px; background: #d8d5d5; width: 100%; display: none; }
.Talent-Title a.cur { color: #fff; background: #113f8d; }
.Talent-Title a.cur .line { background: #113f8d; }
.Talent-Title a:hover { color: #fff; background: #113f8d; }
.Talent-Title a:hover .line { background: #113f8d; }
.Recruitment { margin-bottom: 50px; }
.Recruitment a { color: #004098; }
.Recruitment .note { font-size: 14px; color: #000; line-height: 40px; font-weight: 500; }
.Recruitment .Item { border: 1px solid #e0e0e0; margin-bottom: 20px; }
.Recruitment .Item .Title { padding: 5px 20px; overflow: hidden; width: 100%; 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('../images/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: 30px; }
.Recruitment .Item.cur .Title { background: #f8f8f8; color: #113f8d; }
.Recruitment .Item.cur .Title strong { color: #113f8d; }
.Recruitment .Item.cur .Title .name { color: #113f8d; }
.Recruitment .Item.cur .Title .Icon { background: url('../images/IconRe02.png') no-repeat center center; }

/****** Detail-Staff--style ******/
.Staff { margin: 20px -20px; }
.Staff li { float: left; width: 33.33%; }
.Staff .Item { margin: 20px; border: 7px solid #f1f1f1; }
.Staff .Item .pic { overflow: hidden; }
.Staff .Item .pic img { width: 100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Staff .Item h3 { font-size: 16px; color: #000; line-height: 60px; text-align: center; font-weight: 500; }
.Staff .Item:hover .pic img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.Staff .Item:hover h3 { color: #113f8d; }

/****** Detail-Career--style ******/
.Career { margin: 40px 0; }
.Career .Paper p { font-size: 14px; color: #333; line-height: 26px; }
.Career .Item { padding: 30px 0; border-bottom: 1px dashed #e5e5e5; position: relative; }
.Career .Item .fl { float: left; width: 22%; }
.Career .Item .fr { float: right; width: 76%; }
.Career .Item .pic { position: relative; overflow: hidden; }
.Career .Item .pic img { width: 100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Career .Item .pic h3 { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 14px; color: #fff; line-height: 40px; background-image: url('../images/black.png'); text-align: center; font-weight: 500; }
.Career .Item .Intro { padding-bottom: 40px; }
.Career .Item .Intro h3 { font-size: 18px; color: #333333; line-height: 40px; font-weight: 500; }
.Career .Item .Intro .date { font-size: 12px; color: #999; line-height: 30px; }
.Career .Item .Intro p { font-size: 14px; color: #999; line-height: 26px; }
.Career .Item .More { position: absolute; left: 24%; bottom: 30px; border: 1px solid #e3e3e3; padding: 0 20px; border-radius: 5px; font-size: 14px; display: inline-block; font-size: 14px; color: #333; line-height: 36px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.Career .Item .More .iconfont { margin-left: 10px; font-size: 12px; font-weight: 600; }
.Career .Item:hover .pic img { transform: scale(1.1); }
.Career .Item:hover .Intro h3 { color: #113f8d; }
.Career .Item:hover .More { background: #113f8d; color: #fff; }

/****** Detail-Career--style ******/
.Training { margin: 30px 0; }
.Training .main { }
.Training .main h3 { font-size: 14px; color: #333; line-height: 40px; }
.Training .main p { font-size: 14px; color: #333; line-height: 30px; }
.Training .main .Box { margin-bottom: 20px; }
.Training .main .Box ul { margin: 0 -10px; }
.Training .main .pxjg li { float: left; width: 20%; }
.Training .main .pxjg .pic { border: 1px solid #ececec; margin: 10px; }
.Training .main .Jnts li { float: left; width: 25%; }
.Training .main .Jnts .pic { margin: 10px; }
.Training .main .Zypx { border: 1px solid #ececec; }
.Training .main .Zypx .fl { float: left; width: 51%; }
.Training .main .Zypx .fr { float: right; width: 49%; }
.Training .main .Zypx .Intro { padding: 20px; position: relative; }
.Training .main .Zypx .Intro:after { position: absolute; width: 18px; height: 20px; display: block; content: ""; background: url('../testimg/culR.png') no-repeat center center; top: 20%; right: -17px; }
.Training .main .Zypx .Intro h3 { position: relative; padding-bottom: 5px; margin-bottom: 5px; }
.Training .main .Zypx .Intro h3 .line { position: absolute; left: 0; bottom: 0; width: 40px; height: 1px; background: #ececec; }



@media (min-width: 1024px) {
}

@media (min-width: 768px) {
}

@media (max-width: 1800px) {
}

@media (max-width: 1400px) {
    #Product .container { width: 1200px; }
    #Product .main > ul > li { width: 239px; }
    #Product .main .Item { left: -135px; }
}

@media (max-width: 1300px) {
    #Product .container { width: 1100px; }
    #Product .main > ul > li { width: 219px; }
    #Product .main .Item { left: -145px; }
}

@media (max-width: 1200px) {
    .Develop .line { left: 10px; }
    .Develop .Item { float: none; text-align: left; margin-left: 10px; width: 100%; }
    .Develop .Item .point { left: -6px; }
    .Develop .Item .box:after { left: -9px; background: url('../images/cousL.png') no-repeat center center; }
}

@media (max-width: 1025px) {
    .Detailbanner { position: relative; }
    .Detailbanner .ban .pic { position: relative; height: 200px; }
    .Detailbanner .ban .pic img { max-width: initial; width: auto; position: absolute; height: 100%; left: 50%; margin-left: -711px; }
    .Detail-conten { padding: 20px 0; }
    .Career { margin: 20px 0; }
    .Career .Item .Intro p { display: none; }


    .Detail-Top .Prodown { display: inline-block; }
    .Detail-left { position: absolute; background: #fff; z-index: 98; width: 300px; display: none; }
    .Detail-right { width: 100%; margin-top: 20px; }
    .Detail-more p { font-size: 14px; }
    #ProductInfo .Detail-main { padding: 0; position: relative; }
    .ProductInfo .Pro-Tit h2 { font-size: 18px; line-height: 40px; }
    .Pro-case .Item { padding: 15px 0; }
    .Pro-case .Item .Intro { padding: 0; }
    .Pro-case .Item .More { display: none; }
    .Enterprise { margin: 5px -5px; }
    .Enterprise .Item { padding: 15px; margin: 5px; }
    .Enterprise li:last-child { width: 50%; }
    .Enterprise li:last-child .Item p { height: 100px; }
    .Honor li { padding: 10px 15px; }
    #Investor .Box { padding: 20px 0; }
    #Investor .Notice .main { margin: 0 -5px; }
    #Investor .Notice .Item { margin: 5px; padding: 10px 5px; padding-top: 70px; }
    #Investor .company .More { position: relative; bottom: 0; }
    #Investor .prospectus .Down { position: relative; bottom: 0; }
    #Investor .Corporate .main { margin: 0 -5px; }
    #Investor .Corporate .Item { padding: 10px 15px; margin: 5px; }
    #Investor .Investors .main { margin: 0 -5px; }
    #Investor .Investors .main .Item { padding: 30px 10px; margin: 5px; }
    .Query .Intro { padding: 10px 15px; }
    .Query .Intro p { line-height: 30px; }
    .Manage .Item { padding: 20px 0; }
    .Message .line1 { margin: 0 -5px; }
    .Message .line1 .field { margin: 5px; }
    .Message .line2 .field { margin: 5px 0; }
    .Message textarea { margin: 5px 0; }
    .Message .bottom .btn { margin: 5px 10px 5px 0; }
    .Newslist li .Item .Intro p { display: none; }
    .Newslist li .Item { padding: 15px 0; }
    .Hostnews { margin-bottom: 15px; }
    .Hostnews .Item .More { padding: 0 15px; }
    .Newslist li .Item .Intro .More { bottom: 15px; padding: 0 15px; }
    .Notice .NoticeM .Item { padding: 15px 0; }
    .ProductInfo .sub-nav a { margin: 0; font-size: 14px; }
    .Prospectus .main .Down { position: relative; display: inline-block; float: right; bottom: 0; left: auto; }
    .Prospectus .main { padding: 20px 30px; margin: 20px 0; }
    .Staff { margin: 10px -10px; }
    .Staff .Item { margin: 10px; }
    .Training { margin: 15px 0; }
    .DetailNews .Title h2 { font-size: 16px; line-height: 30px; }
    .Develop .Item { padding: 10px 25px; }
}

@media (max-width: 768px) {
    .Detailbanner .ban .pic { height: 180px; }
    .Detailbanner .ban .pic img { margin-left: -640px; }
    .Detail-Top h2 { font-size: 20px; line-height: 50px; display: block; }
    .Detail-Top .iconfont { float: right; margin-right: 5px; line-height: 50px; }
    .Detail-Top .fl { float: none; width: 100%; }
    .Detail-Top .fr { float: none; display: none; }
    .Detail-Top .Detail-nav { top: 50px; left: auto; right: 0; }
    .location span.space a { line-height: 50px; }
    .Talent-Title { margin-bottom: 15px; }
    .Career { margin: 10px 0; }
    .Career .Item { padding: 15px 0; }
    .Career .Item .fl { width: 30%; }
    .Career .Item .fr { width: 68%; }
    .Career .Item .More { left: 32%; line-height: 26px; }
    .Detail-left { left: auto; right: 0; }
    .Contact li { width: 50%; padding: 20px 0; }
    .Career .Item .Intro { padding-bottom: 30px; }
    .Culture .Item h2 { font-size: 14px; }
    .Enterprise li { width: 50%; }
    .Honor li { width: 33.33%; }
    #Investor .Notice .Item h3 { margin: 0; height: 60px; }
    #Investor .company .More { float: right; }
    #Investor .Box .Tit { margin-bottom: 10px; }
    .Query .fl { width: 100%; }
    .Query .fr { width: 100%; }
    .Query .Intro:after { display: none; }
    .Hostnews .Item .Intro { padding: 0; }
    .Hostnews .Item .Intro p { display: none; }
    .Newslist li .Item .Intro { padding: 0; }
    .Newslist li .Item .Intro .More { display: none; }
    .Hostnews .Item .More { display: none; }
    .Hostnews .Item .Intro h3 { font-size: 16px; line-height: 26px; }
    .Newslist li .Item .Intro h3 { font-size: 14px; line-height: 25px; }
    .Notice .NoticeM .Item { padding: 10px 0; }
    .Notice .NoticeM .Item .fl { width: 60%; }
    .Notice .NoticeM .Item .fr { width: 40%; }
    .Notice .NoticeM .Item .fr a { margin-left: 10px; }
    .Notice .NoticeTit a { padding: 0 15px; line-height: 50px; }
    .Notice .NoticeM .Item .Intro { padding-left: 10px; margin-left: 0px; }
    .Notice .NoticeM .Item { position: relative; padding-left: 50px; }
    .Notice .NoticeM .Item .fl { position: initial; width: 100%; }
    .Notice .NoticeM .Item .fr { float: none; width: 100%; text-align: left; border-left: 2px solid #eaeaea; }
    .ProductInfo .sub-nav li { padding: 0; }
    .System .Detail-more li { width: 50%; }
    .System1 .Box .fl { width: 100%; }
    .System1 .Box .fr { width: 100%; }
    #Recru .Detail-main { padding: 20px 0; }
    .Training { margin: 10px 0; }
    .Training .main .Box ul { margin: 0 -5px; }
    .Training .main .Box li { width: 33.33%; }
    .Training .main .pxjg .pic { margin: 5px; }
    .Training .main .Jnts .pic { margin: 5px; }
    .Training .main .Zypx .Intro { padding: 10px; }
    .Training .main p { line-height: 25px; }
    .Develop .Item .box { padding: 15px; }
    .Course h1 { font-size: 30px; line-height: 40px; }
}

@media (max-width: 640px) {
    .Detailbanner .ban .pic { height: 140px; }
    .Detailbanner .ban .pic img { margin-left: -498px; }
    .Detail-conten { padding: 10px 0; }
    .Detail-more { padding: 15px 0; }

    .Career .Item .Intro h3 { font-size: 16px; line-height: 30px; }
    .Career .Item .Intro { padding-bottom: 0; }
    .Career .Item .More { display: none; }
    .Career .Item .pic h3 { position: relative; font-size: 12px; line-height: 26px; background: #333; }
    .Pro-case .Item { padding: 10px 0; }
    .Pro-case .Item p { font-size: 12px; line-height: 20px; height: 40px; }
    .Culture .Item { margin-bottom: 20px; }
    .Culture .Item .pic { width: 100%; }
    .Culture .Item .Intro { width: 100%; position: relative; margin-top: 0; }
    .Enterprise li { width: 100%; }
    .Enterprise li .Item h3 { height: auto; }
    .Enterprise li .Item p { font-size: 12px; line-height: 20px; height: auto; }
    .Enterprise li:last-child { width: 100%; }
    .Enterprise li:last-child .Item p { height: auto; }
    .Honor { padding: 10px 0; }
    .Honor li { width: 50%; padding: 0 5px; }
    .Honor li h3 { font-size: 12px; line-height: 20px; height: 40px; overflow: hidden; }
    #Investor .Box { padding: 15px 0; }
    #Investor .Box h2 { margin-bottom: 0; }
    #Investor .company .fl { width: 100%; }
    #Investor .company .fr { width: 100%; }
    #Investor .Notice .main li { width: 50%; }
    #Investor .prospectus .fl { width: 100%; }
    #Investor .prospectus .fr { width: 100%; }
    #Investor .prospectus .Down { margin-bottom: 10px; }
    #Investor .Corporate .main li { width: 50%; }
    #Investor .Investors .main li { width: 50%; }
    .Manage .Item { padding: 10px 0; }
    .Manage .Item .fl { width: 100%; float: none; }
    .Manage .Item .fr { width: 100%; float: none; }
    .Manage .Item .Title h3 { font-size: 16px; }
    .Message { margin: 15px 0; }
    .Newslist li .Item .Intro .date { display: none; }
    .Newslist li .Item { padding: 10px 0; }
    .Newslist li .Item .Intro h3 { font-weight: 500; }
    .Prospectus .main { padding: 10px; }
    .Prospectus .main p { font-size: 13px; line-height: 22px; }
    .Prospectus .main .Down { padding: 0 15px; line-height: 30px; font-size: 14px; }
    .Prospectus .main .Down .iconfont { line-height: 30px; font-size: 20px; top: 2px; }
    .System .Detail-more li { width: 100%; }
    .System1 .Box .fr li { width: 50%; }
    #Recru .Detail-main { padding: 10px 0; }
    .Recruitment .Item .Intro { padding: 15px 10px; }
    .Recruitment .Item { margin-bottom: 10px; }
    .Staff { margin: 5px -5px; }
    .Staff .Item { margin: 5px; }
    .Staff li { width: 50%; }
    .Staff .Item { border: 2px solid #f1f1f1; }
    .Staff .Item h3 { font-size: 14px; line-height: 40px; }
    .Training .main .Zypx .fl { width: 100%; }
    .Training .main .Zypx .fr { width: 100%; }
    .Training .main .Jnts li { width: 50%; }
    .DetailNews .Title h2 { font-size: 14px; line-height: 30px; }
    .Detail-more p { font-size: 12px; }
    .Course { margin-top: 15px; }
    .Course .Develop { margin-top: 15px; }
    .Course h1 { font-size: 20px; }
    .Develop .Item { padding: 5px 0; padding-left: 25px; }
    .Develop .Item .box { padding: 10px; }
    .Contact li { width: 100%; padding: 10px 0; }
}

@media (max-width: 480px) {
    .Detailbanner .ban .pic { height: 120px; }
    .Detailbanner .ban .pic img { margin-left: -426px; }
    .Pro-case .Item p { height: 20px; white-space: nowrap; text-overflow: ellipsis; }
    .Message .line1 li { width: 100%; }
    .Message .bottom .btn { width: 120px; line-height: 40px; height: 40px; border-radius: 5px; }
    .System1 .Box .fr li { width: 100%; }
    .Training .main .Box ul li { width: 50%; }
}

@media (max-width: 420px) {
    #Investor .Corporate .main li { width: 100%; }
    .Staff li { width: 100%; }
}

@media (max-width: 380px) {
    .Prospectus .main p { font-size: 12px; line-height: 20px; }
}

@media (max-width: 320px) {
}