* { margin: 0; padding: 0; list-style: none; } 

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; z-index: 1; } 
body { position: relative; min-width: 1530px; margin: 0 auto; background-color: #fff; font-family:"微软雅黑"; font-size:18px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; color:#313131; font-size: 18px; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 

body { margin: 0; padding: 0; font-size: 12px; background-color: #ffffff; color: #000000; /*overflow: auto; */
 -ms-overflow-style: none; overflow: -moz-scrollbars-none; } 

/* body::-webkit-scrollbar { width: 0 !important; } */


html, body { width: 100%; } 

h1, h2, h3, h4, h5, h6 { font-weight: bold; } 

ul, ol, li { list-style: none; } 

img { border: none; outline: none; } 
.pdtb60 { padding: 60px 0; } 
.pd40 { padding: 40px; } 

button { cursor: pointer !important; } 

.clear,.cl { clear: both; } 

.clearfix:after,.cl:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } 

.clearfix,.cl { *zoom: 1; } 
.w1420 { width: 1420px; margin: 0 auto; } 

.bg-f8 { background-color: #f8f8f8; } 
.bg-f9 { background-color: #f9f9f9; } 
.z-index { z-index: 999999999; } 

.absolute { position: absolute; } 

.fl { float: left; } 
.fr { float: right; } 

 
.in-blc { display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.tit-1 { font-size: 24px; color: #183883; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; } 
.tit-1 span { padding-left: 20px; border-left: 8px solid #183883; display: block; height: 30px; line-height: 30px; } 

.main { width: 100%; height: auto; margin: 0 auto; } 

.public_margin { margin: 0 auto; max-width: 1420px; } 

.public_margin-NotHeight { margin: 0 auto; width: 1400px; height: auto; } 

.public_margin-ib { margin: 0 auto; width: 1400px; display:block; } 


/* 首页 */

html.idx,html.idx body { position: relative; height: 100%; } 

.swiper-container.idx { overflow: hidden; width: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto; z-index: 99; } 

.swiper-container.idx .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 

.swiper-container.idx .swiper-slide.last { flex-direction: column; justify-content: flex-end; } 

.fullpage { width: 100%; margin: 0 auto; } 
.fullpage::-webkit-scrollbar { width: 0; display: none; } 

/*头部导航栏*/
.header { width: 100%; height: 100px; z-index: 9999999; background-color: white; white-space: nowrap; position:relative; } 

.header.fixed { position: fixed; top: 0; } 

.header.fixed .w1420 { position: relative; z-index: 999999; } 

.pc_logo_back { width: 370px; margin-top: 25px; height: auto; margin-right: 0; float: left; cursor: pointer; } 

.pc_logo_back span { font-size: 16px; color: #6a6a6a; vertical-align: bottom; } 

.pc_menus { white-space: nowrap; width: 1030px; height: 100%; margin-left: 0; float: right; z-index: 9999999; vertical-align: middle; } 

.pc_operation { width: 65px; padding:39px 0; height:22px; margin-left: 10px; display: inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: middle; z-index: 999999; } 

.pc_operation .btn { white-space:nowrap; } 

.pc_operation .btn>* { cursor: pointer; width: 50%; height: 100%; display: inline-block; font-size: 22px; color: #9d9d9d; } 
 
.pc_operation .btn>*:last-child { text-align: right; } 
.pc_operation .btn>*:hover { color: #183883; } 


.pc_column { width: 950px; z-index: 9999999; height: 100%; line-height: 100px; margin-right: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; } 

.pc_column > div { width: 118px; height: 100%; line-height: 100px; display: inline-block; float: left; font-size: 18px; text-align: center; cursor: pointer; color: #0e0e0e; z-index: 999999; position: relative; font-size:0; } 

.pc_column > div span { display: inline-block; height:97.5%; border-bottom:3px solid transparent; } 

.pc_column > div:hover span { border-bottom:3px solid #1a3984; } 

.pc_column_one { position:relative; } 
.pc_column_one>a { display: block; width: 100%; height: 100%; font-weight:bold; color:#1a3984; font-size:22px; } 

.pc_column_one:hover>a,.pc_column_one>a.on { background-color: #183883; color: white; } 

.navbg { display:none; position: absolute; top: 100px; left: 0; right: 0; width: 100%; height: 70px; z-index: 9999; background-color: rgba(255, 255, 255, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff); } 

.pc_column > div div.pc_column_two { border-bottom-left-radius:5px; border-bottom-right-radius:5px; line-height: normal; width:100%; display:none; z-index: 999999; position: absolute; top:100px; left:0; font-size: 0; background-color: rgba(255, 255, 255, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff); } 

.pc_column > div div.pc_column_two ul { display: block; position: relative; z-index: 999999; } 

.pc_column > div div.pc_column_two ul li { z-index: 999999; display: block; vertical-align: middle; cursor: pointer; font-size: 16px; color: #333333; text-align: center; position: relative; } 

/*.pc_column > div div.pc_column_two ul li i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: top; font-size: 21px; margin-right: 5px; width:20px; } */

.pc_column > div div.pc_column_two ul li i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: top; margin-top:5px; margin-left:5px; font-size:16px; } 

.pc_column > div div.pc_column_two ul li a { z-index: 999999; display: block; padding: 13px 10px; font-size:16px; } 

.pc_column > div div.pc_column_two ul li:hover>a { color: white; font-weight: bold; background-color:#1a3984; } 

.pc_column > div div.pc_column_two ul li:hover>i { color: white; font-weight: bold; } 





.pc_column > div div.pc_column_three { border-top-right-radius:5px; border-bottom-right-radius:5px; line-height: normal; width:auto; display:none; z-index: 999999; position: absolute; top:0; left:118px; font-size: 0; background-color: rgba(255, 255, 255, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff); } 

.pc_column > div div.pc_column_three ul { display: block; position: relative; z-index: 999999; } 

.pc_column > div div.pc_column_three ul li { z-index: 999999; display: block; vertical-align: middle; cursor: pointer; font-size: 16px; color: #333333; text-align: center; position: relative; } 

.pc_column > div div.pc_column_three ul li i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: top; font-size: 21px; margin-right: 5px; width:20px; } 

.pc_column > div div.pc_column_three ul li a { z-index: 999999; display: block; padding: 13px 10px; font-size:16px; } 

.pc_column > div div.pc_column_three ul li:hover a { color: white; font-weight: bold; background-color:#1a3984; } 

.pc_column > div div.pc_column_three ul li:hover i { color: white; font-weight: bold; } 


.search-area { position: fixed; display: none; width: 350px; height: 50px; line-height: normal; background-color: #f0f4fc; top:110px; right: 250px; z-index: 99999999; } 
.search-area input { width: 250px; font-size: 18px; padding: 0 20px; outline: none; border: none; height: 50px; line-height: 50px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.search-area i { font-size: 26px; color: #1a3984; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 50px; width: 60px; line-height: 50px; text-align: center !important; } 
.search-area i:hover { background-color: #1a3984; color: white; } 

/*轮播图*/
.pc_slideshow { width: 100%; height: 100%; position: relative; z-index: -1; overflow: hidden; } 

.pc_slideshow .bd { width: 100% !important; height:100% !important; z-index: -1; } 

.pc_slideshow .bd .el { width: 100% !important; height:100%; position: relative; } 
.pc_slideshow .bd .el .img { width: 100%; height: 100%; } 
.pc_slideshow .bd .el .img img { min-width: 100%; min-height: 100%; } 

.pc_slideshow_context { text-align: left; position: absolute; margin-top: -5%; left: 50%; top: 40%; margin-left: -38%; width: 820px; height: auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: auto; z-index: 1; letter-spacing: .1em; } 

.pc_slideshow-title { font-weight: normal; font-size: 65px; color: #fff; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } 

.pc_slideshow .bd .el.el1 .pc_slideshow-title { color:#1837A6 !important; } 
.pc_slideshow .bd .el.el2 .pc_slideshow-title { color:green !important; } 


.pc_slideshow-introduce { font-size: 18px; color: #fff; line-height: 45px; margin: 45px 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } 

.pc_slideshow .bd .el.el1 .pc_slideshow-introduce { color:#1837A6 !important; } 

.pc_slideshow .bd .el.el2 .pc_slideshow-introduce { color:green !important; } 

.pc_slideshow .bd .el.el1 .pc_slideshow_context button { background-color: #183883 !important; color:#fff !important; } 
.pc_slideshow .bd .el.el2 .pc_slideshow_context button { background-color: green !important; color:#fff !important; } 


.pc_slideshow_context button { transition: .3s all linear; border: none; outline: none; background-color: white; border-radius: 7px; color: #1a3984; font-size: 18px; width: 145px; height: 50px; line-height: 50px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } 

.pc_slideshow_context button i { font-size: 15px; margin-left: 1px; } 

.pc_slideshow_context button:hover { width: 200px; transition: .3s all linear; background-color: #1a3984; color: white; } 

.pc_slideshow .hd { position: absolute; bottom: 55px; width: 100%; text-align: center; } 
.pc_slideshow .hd span { cursor: pointer; width: 12px; margin: 0 15px; height: 12px; background-color: white; border-radius: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pc_slideshow .hd span.on { background-color: #1a3984; } 


/*关于我们*/
.pc_about { width: 100%; height: 100%; overflow: hidden; text-align: left; } 

.about_img { width: 55.5%; height: 100%; float: left; } 

.about_us { width:44.5%; height: 100%; float: right; } 

.about_us-padding { padding:18% 25% 0 10%; position: relative; } 

.about_title-en { font-size: 65px; color: #333333; } 

.about_title-ch { font-size: 40px; color: #1a3984; font-weight: unset; margin: 6.1728395061728395% 0 4.938271604938271604%; } 

.about_line { display: block; width: 60px; height: 3px; background-color: #333333; } 

.about_context { font-size: 18px; color: #333333; text-align:left; line-height: 35px; margin-top:10%; } 


.about_us-padding a { margin-top: 15%; text-align: center; display: block; border: none; outline: none; color: #ffffff; background-color: #1a3984; font-size: 18px; width: 195px; height: 60px; line-height: 60px; *padding-top:25px; } 

.about_us-padding a i { font-size: 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: bottom; margin-left: 1px; } 

.pc_programme { width: 100%; height: 100%; overflow: hidden; background-color: #f4f5fa; } 

/* .pc_programme .swiper-slide::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to top,rgba(0,0,0,.6),rgba(255,255,255,0)); } */

.programme_introduce { float: left; width: 32.5%; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; } 

.programme_point { background: url("../images/point.png") no-repeat center center; width: 15px; height: 18px; background-size: 100% 100%; position: absolute; left: 39.93610223642172524%; top: 24.4444444444444444%; } 

.programme_content { position: absolute; left: 45.04792332268370607%; top: 22.3691358024691358%; width: 41.05431309904153355%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.programme_content h1 { font-size: 36px; margin-bottom: 4.938271604938271604%; color: #333333; } 

.programme_content p { font-size: 18px; color: #333333; line-height: 35px; } 

.pc_programme .programme_slide { width:67.5%; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; } 
.pc_programme .programme_slide .bd { width: 100% !important; height: 100% !important; z-index: 11; } 
.pc_programme .programme_slide .bd .el { width: 100% !important; height: 100%; position: relative; overflow: hidden; } 
.pc_programme .programme_slide .bd .el .img { display: block; width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; text-align: center; } 
.pc_programme .programme_slide .bd .el .img img { min-width: 100%; min-height: 100%; } 

.pc_programme .programme_slide .hd { font-size: 0; cursor: pointer; position: absolute; top: 12.71604938271604938% !important; left: -50px !important; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 0 !important; height: 0 !important; z-index: 999999999999; } 
.pc_programme .programme_slide .hd span { width: 100px; height: 100px; text-align: center; line-height: 100px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border-radius: unset; background-color: #ffffff; opacity: 1; font-size: 25px; color: #333333; margin: 0 !important; transition: all 1s; } 
.pc_programme .programme_slide .hd span:hover { background-color: #1a3984 !important; color: #ffffff !important; } 
.pc_programme .programme_slide .hd span.on { background-color: #1a3984 !important; color: #ffffff !important; } 
.pc_programme .programme_slide .hd span { border-top: 1px solid #eaeaeb; } 
.pc_programme .programme_slide .hd span:first-child { border: none; } 

.slide_context { width: 100%; height: 66%; position: absolute; bottom: 0; left: 0; color: #ffffff; text-align: center; } 

.slide_context-info { width: 100%; height: 100%; position: relative; background-color: transparent; } 

.slide_context-info button { position: absolute; bottom: 11.21495327102804%; border: 1px solid #ffffff; font-size: 18px; height: 9.345794382523364%; width: 12.36476043276662%; line-height: 9.345794382523364%; background-color: transparent; color: #ffffff; right: 0; left: 0; margin-left: auto; margin-right: auto; cursor: pointer; } 

.slide_context-info h3 { position: absolute; bottom: 43.36448598130841%; font-size: 40px; color: #ffffff; left: 0; right: 0; margin-left: auto; margin-right: auto; } 

.slide_context-info p { width: 69.55177743431221%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: absolute; bottom: 27.10280373831776%; left: 0; right: 0; margin-left: auto; margin-right: auto; font-size: 18px; color: #ffffff; line-height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.slide_context-info button:hover { background-color:#1a3984; } 

.pc_case { width: 100%; height: 100%; overflow: hidden; position: relative; } 

.case_slide { width: 100%; height: 100%; overflow: hidden; position: relative; } 

.case_slide .bd { width: 100%; height: 100% !important; } 
.case_slide .bd .el { width: 100% !important; height: 100%; } 
.case_slide .bd .el .img { display: block; width: 100%; overflow: hidden; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; text-align: center; } 
.case_slide .bd .el .img img { min-width: 100%; min-height: 100%; } 

.pc_case .case_slide .hd { height: 58%!important; background-color: rgba(255, 255, 255, .2); padding: 1.5% 0; padding-right: 20px; width: 13% !important; position: absolute !important; left: 13.2% !important; top: 24% !important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); } 

.pc_case .case_slide .hd div { display: block; cursor: pointer; width: 100%; height: 70px; line-height: 70px; margin-left: 0 !important; margin-bottom: 15px !important; font-size: 20px; background-color: transparent !important; color: #1a3984 !important; border-radius: unset; text-align: center; opacity: 1 !important; transition: all .5s; } 
.pc_case .case_slide .hd div:hover { background-color: #ffffff !important; } 
.pc_case .case_slide .hd div.on { background-color: #ffffff !important; } 

.case_friendship { display: block; position: absolute; height: 10.49382716049383%; width: 54.79166666666667%; left: 33%; bottom: 11.11111111111111%; z-index: 999999999999; } 

.case_friendship a { width: 19.8%; height: 100%; background-color: rgba(255, 255, 255, 0.4); display: block; float: left; cursor: pointer; transition: all .5s; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff); } 

.case_friendship a:hover { background-color: rgba(255, 255, 255, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff); } 

.case_friendship a img { width: 100%; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.pc_case-context { height: 100%; width: 52%; text-align: left; position: absolute; left: 33%; top: 11%; } 


.pc_case .swiper-slide { position: relative; } 

/* .pc_case .swiper-slide::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to right,rgba(0,0,0,.9),rgba(255,255,255,0)); } */


.case_context { width: 100%; height: 49.38271604938272%; display: block; overflow: hidden; } 
.case_context h1 { font-weight: bold; font-size: 45px; color: #ffffff; text-indent: 2em; } 
.case_context h1:first-child+p { font-size: 30px; color: #ffffff; margin-top: 60px } 
.case_context h1:first-child+p+p { font-size: 18px; color: #ffffff; line-height: 35px; margin-top: 30px } 
.case_context h1:first-child+p+p+p { font-size: 18px; color: #fcffab; margin-top: 50px } 

.case_btn { transition: .3s width linear; width: 15.20912547528517%; height: 6.17283950617284%; line-height: 6.17283950617284%; background-color: white; color: #1a3984; text-align: center; border: none; outline: none; font-size: 16px; cursor: pointer; } 

.case_btn i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; transform: rotate(180deg); vertical-align: bottom; } 
.case_btn:hover { background-color: #1a3984; color: #ffffff; font-weight: bold; width: 18%; transition: .3s width linear; } 

.pc_newCenter { width: 100%; height: 810px; background: url("../images/new_bc_02.jpg") no-repeat center center; background-size: 100% 100%; overflow: hidden; } 

.pc_newCenter-title { width: 23.5954929577465%; height: 211px; line-height: 211px; color: #333333; margin: 0 auto; font-weight: bold; font-size: 45px; text-align: center; cursor: pointer; } 

.title-dot { background: url("../images/point.png") no-repeat center center; width: 15px; height: 18px; background-size: 100% 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: middle; margin-right: 20px; } 

.pc_newCenter-list { width: 100%; height: auto; } 

/*.pc_newCenter-list > div { border-radius: 8px; cursor: pointer; height: 100%; width: 450px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; overflow: hidden; background-color: #ffffff; box-shadow: 0 0 10px 2px #eaeaeb; float: left; } */

.pc_newCenter-list > div a { display: block; width: 100%; height: 100%; } 




.pc_newCenter-list1 { margin: 0 30px; } 

.pc_newCenter-img { width: 100%; height: 260px; overflow: hidden; position: relative; } 

.pc_newCenter-img img { width: 100%; height: 100%; transition: .3s all linear; } 

.pc_newCenter-img > p { position: absolute; z-index: 999; width: 27.11111111111111%; height: 30px; background-color: #1a3984; font-size: 16px; line-height: 30px; text-align: center; color: #ffffff; bottom: 8.846153846153846%; left: 6.22222222222222%; } 

.pc_newCenter-context { text-align: left; padding: 0 25px; width: 400px; height: 250px; position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.pc_newCenter-context button { position: absolute; bottom: 11.2%; width: 40.60913705583756%; height: 50px; line-height: 50px; text-align: center; border: none; outline: none; background-color: #1a3984; font-size: 16px; color: #ffffff; } 

.pc_newCenter-context button i { font-size: 12px; font-weight: normal; margin-left: 5px; } 

.pc_newCenter-context h1 { font-weight: normal; margin-top: 6.22222222222222%; font-size: 24px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.pc_newCenter-context p { font-size: 16px; color: #909090; line-height: 30px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 



.pc_newCenter-list > div:hover img { transform: scale(1.1); transition: .3s all linear; } 

.pc_newCenter-list > div:hover .pc_newCenter-context { background-color: #183883; transition: .3s all linear; } 

.pc_newCenter-list > div:hover .pc_newCenter-context p ,.pc_newCenter-list > div:hover .pc_newCenter-context h1 { color: white; } 

.pc_newCenter-list > div:hover .pc_newCenter-context button { background-color: white; color: #183883; font-weight: bold; } 


.list-margin { padding: 0 5%; width: 90%; display: block; vertical-align: middle; } 

.list-margin ul { height: 100%; width: 100%; } 

.list-margin ul li { text-align: left; padding: 13px 0; width: 100%; height:12%; display:block; border-top: 1px solid #e6e6e6; } 


.list-margin ul li a { display: block; height: 100%; width: 100%; } 

.list-margin ul li:not(:last-child) { margin-bottom: -1px; } 

.list-margin ul li p { font-size: 16px; color: #909090; margin-bottom: 2%; } 

.list-margin ul li h1 { font-size: 20px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 


.list-margin ul li:hover p,.list-margin ul li:hover h1 { color: #183883; } 

.index_news { height: 100%; width: 450px; display:block; vertical-align: middle; float: left; transition:.5s all ease; } 
.index_news.innerNews { width:695px } 
.index_news.el1 { margin: 0 30px; } 
.index_news.innerNews.el1 { margin-right:0; } 
.index_news .news_title { border-radius: 8px; width: 100%; height: 110px; line-height: 110px; color: #333333; margin: 0 auto; font-weight: bold; font-size: 35px; text-align: center; cursor: pointer; } 
.index_news.innerNews .pc_newCenter-img { height:350px; overflow:hidden; } 
.index_news.innerNews .pc_newCenter-img img { max-height:unset; height:auto; } 

.index_news .news-content-list { width:100%; background-color:white; padding-bottom:3% } 
.index_news .news-content-list:hover { box-shadow: 0 0 10px 5px #bebebe; } 
.index_news .btn a { display:block; margin:14px auto; width: 40.60913705583756%; height: 50px; line-height: 50px; text-align: center; border: none; outline: none; background-color: #1a3984; font-size: 16px; color: #ffffff; } 


.index_news .btn a:hover { background-color: #d1d7e6; color: #183883; font-weight: bold; } 

.pc_consultancy { width: 100%; height: 161px; text-align:center; overflow: hidden; background-color: #1a3984; position: relative; } 

.pc_consultancy_con { left: 50%; margin-left: -710px; } 

.pc_consultancy-list { width: 470px; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; float: left; text-align: center; color: #ffffff; font-size: 24px; cursor: pointer; } 

.pc_consultancy-list i { font-size: 47px; color: #ffffff; margin-top: 9%; margin-bottom: 10px; display: block; } 

.pc_footer { width: 100%; overflow: hidden; background-color: #f2f2f2; position: relative; } 

.pc_footer-top { width: 100%; border-bottom: 1px solid #d6d8dc; padding-top: 34px; min-height: 300px; } 

.pc_footer-top-nav { width: 100%; min-height: 320px; } 

.pc_footer-top-logo { text-align:left; height: 245px; width: 270px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; float: left; } 

.footer-logo { background: url("../images/f_logo_03.png") no-repeat center center; width: 100%; height: 36px; background-size: 100% 100%; } 

.footer-contact { width: 100%; height: 210px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.footer-contact-special { width: 100%; height: auto; margin-top: 45px; } 

.footer-contact-special p:first-child { font-size: 14px; color: #656667; } 

.pc_footer .p1 { font-size: 24px; color: #1a3984; margin: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.footer-contact-hot { width: 100%; height: auto; margin-top: 25px; } 

.footer-contact-hot p:first-child { font-size: 14px; color: #656667; } 

.footer-contact-hot p:not(:first-child) { margin-bottom: 15px; text-align: left; font-size: 24px; color: #1a3984; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.pc_footer-top-column { width: 1150px; height: auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.footer-column { width: 190px; height:auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; float: left; text-align: center; overflow: hidden; } 

.footer-column p { font-size: 18px; color: #000000; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.footer-column p:hover { color: #1a3984; cursor: pointer; } 

.footer-column ul { width: 100%; } 

.footer-column ul li { margin-bottom: 10px; font-size: 14px; color: #656667; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.footer-column ul li a { display: block; font-size: 14px; color: #656667; } 


.footer-column ul li:hover a { color: #1a3984; } 

.pc_footer-top-branch { text-align: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 66px; font-size: 0; } 

.pc_footer-top-branch span ,.pc_footer-top-branch a { font-size: 17px; font-weight:bold; color: #656667; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 66px; cursor: pointer; } 

.pc_footer-top-branch a { margin:0 25px; margin-right:25px; } 

.pc_footer-top-branch a img { height:25px } 

.pc_footer-top-branch a:hover { color: #1a3984; } 

.pc_footer-bottom { width: 100%; height:95px; } 

.pc_footer-bottom p { line-height: 96px; height: 100%; float: left; font-size: 14px; color: #656667; } 
.pc_footer-bottom p a { font-size: 14px; color: #656667; } 

.pc_footer-bottom p a:hover { font-size: 14px; color: #1a3984; } 

.pc_footer-bottom p:first-child { width: 90%; text-align:left; } 

.pc_footer-bottom p.r { width: 10%; text-align: right; } 

.pc_footer-bottom p:last-child span { cursor: pointer; } 

.pc_footer-bottom p:last-child span:hover { color: #fff; } 

.pc_footer-plug-in { position: fixed; bottom: 10%; right: 2%; transform: translate(-1%, -8%); z-index: 999999; display: block; } 
.pc_footer-plug-in .return_top { display: none; } 

.pc_footer-plug-in div { width: 50px; height: 50px; background-color: #d1d7e6; cursor: pointer; text-align: center; line-height: 50px; } 
.pc_footer-plug-in div:hover { background-color: white; } 

.pc_footer-plug-in div i { font-size: 28px; color: #1a3984; } 

.pc_footer-plug-in div:nth-child(n+2) { margin-top: 12px; } 

/*锚点*/
.pc_anchor { position: fixed; top: 50%; right: 40px !important; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; z-index: 999999; } 

.anchor { width: 23px; height: 23px; border-radius: 100%; border: 2px solid #dfdfdf; cursor: pointer; line-height: 19px; text-align: center; transition: all .5s; } 

.anchor:nth-child(n+2) { margin-top: 12px; } 

.anchor div { width: 5px; height: 5px; border-radius: 100%; background-color: #5a5a5a; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.anchor:hover { border-color: #1a3984; } 

.anchor:hover div { background-color: #1a3984; } 

.pc_anchor .anchor.on { border-color: #1a3984; } 

.pc_anchor .anchor.on div { background-color: #1a3984; } 


/*内页image*/
.pc_interior { width: 100%; height: auto; } 

.pc_interior-image { width: 100%; height: 450px; } 

/*内页二级菜单*/
.pc_interior-nav { width: 100%; margin-top: 70px; margin-bottom: 30px; text-align: center; font-size:0; } 

.pc_interior-nav p { margin-left:15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; width: 190px; height: 60px; background-color: #f8f8f8; line-height: 60px; color: #666666; font-size: 18px; cursor: pointer; transition: all .5s; } 

.pc_interior-nav p:first-child { margin-left: 0; } 

.pc_interior-nav p:hover { background-color: #1a3984; color: #ffffff; font-weight: bold; } 

.pc_interior-nav p.on { background-color: #1a3984; color: #ffffff; font-weight: bold; } 

/*公司简介*/
.interior_company-profile { width: 100%; padding-bottom: 50px; display: inline-block; *display: inline; *zoom: 1; margin-top: 40px; } 

.interior_company-profile-content { width: 100%; overflow: hidden; position: relative; } 

.interior_public-title { width: 100%; height: 85px; margin: 50px 0; margin-bottom: 30px; position: relative; } 

.interior_company-profile-content .interior_public-title { margin: 0; position: absolute; right: -705px; top: 0px; } 

.interior_public-title h1 { position: absolute; font-size: 38px; color: #333333; top: 0; left: 0; } 

.interior_public-title span { position: absolute; font-size: 14px; color: #adadad; bottom: 0; left: 0; } 

.interior_public-title button { width: 13.66197183098592%; height: 58px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border: 1px solid #acacac; font-size: 18px; background-color: transparent; color: #acacac; position: absolute; right: 0; top: 16%; } 

.interior_public-title button i { font-size: 12px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 5px; vertical-align: middle; } 

.interior_public-title button:hover { background-color: #183883; color: white; } 

.interior_public-title-line { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 60px; height: 2px; background-color: #1a3984; margin-left: 10px; vertical-align: middle; border-radius: 10px; } 

.interior_company-profile-content img { width: 650px; height: 520px; display: block; float: left; margin: 0 40px 30px 0; } 
.interior_company-profile-content p { line-height: 40px; font-size: 18px; color: #333333; text-indent: 2em; } 
.interior_company-profile-content p.mt { padding-top: 110px; } 


/*公司新闻*/
.interior_company-news { width: 100%; min-height: 520px; background-color: #f8f8f8; padding-bottom: 70px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 


/*发展历程*/
.interior_development-history { width: 100%; min-height: 520px; background-color: white; padding-bottom: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.interior_development-history-slide { width: 100%; height: calc(100% - 170px); position: relative; } 

.swiper-container3 { width: 1290px; margin: 0 auto; margin-top: 50px; height: calc(100% - 100px); overflow: hidden; --swiper-navigation-color: #888888; --swiper-navigation-size: 25px } 

.swiper-container3 .line { width: 100%; height: 2px; background-color: #c3c3c3; position: absolute; top: 110px; left: 0; } 

.swiper-container3 .swiper-slide { transition: .4s all linear; width: 400px; height: 400px; cursor: pointer; } 
.swiper-container3 .swiper-slide .top { margin: 0 auto; margin-bottom: 50px; width: 15px; height: 15px; border: 3px solid #1a3984; background-color: white; border-radius: 100%; } 
.swiper-container3 .swiper-slide .head { height: 20px; background: url(../images/interior.png) no-repeat center bottom; } 
.swiper-container3 .swiper-slide .con { width: 100%; height: 280px; background-color: #1a3984; } 
.swiper-container3 .swiper-slide .con .t { font-weight: bolder; padding:25px; font-size:30px; color: #ffffff; position: relative; } 
.swiper-container3 .swiper-slide .con .t::after { position: absolute; top: 47px; left: 140px; content: ''; width: 70px; height: 3px; background-color: white; } 
.swiper-container3 .swiper-slide .con .c { line-height: 33px; padding: 0 25px; font-size: 18px; color: #ffffff; } 
.swiper-container3 .swiper-slide .con .c p { margin-bottom: 10px; line-height: 30px; font-size: 17px; color: white; } 


.swiper-container3 > .swiper-button-next, .swiper-container3 > .swiper-button-prev { top: 5% !important; } 

.swiper-container4 { width: 93%; height: 50px; line-height: 50px; overflow: hidden; margin: 0 auto; } 

.swiper-container4 div.swiper-slide { font-size: 20px; font-weight: bold; color: #888888; } 

.swiper-container4 div.swiper-slide span { cursor: pointer; } 

.swiper-container4 div.swiper-slide span:hover { font-weight: bold; font-size: 30px; color: #1a3984; } 

.swiper-container4 div.swiper-slide.swiper-slide-thumb-active { font-weight: bold; font-size: 30px; color: #1a3984; } 

/*荣誉资质*/
.interior_honorary-qualification { width: 100%; height: 1120px; margin-bottom: 30px; position: relative; } 

.interior_honorary-qualification-back_img { width: 100%; height: 216px; background: url("../images/ryzz_02.jpg") no-repeat center center; background-size: 100% 100%; } 

.interior_honorary-qualification-slide { width: 100%; height: 860px; position: absolute; bottom: 0; } 

.interior_honorary-qualification .el:hover img { cursor: pointer; transform: scale(1.02); transition: .3s all linear; } 


.slide-one { width: 100%; height: 345px; overflow: hidden; } 

.swiper-container5 { width: 100%; height: 230px; } 

.slide-one .bd .el { cursor: pointer; width: 330px; height: 230px; float: left; margin-right: 30px; background-size: contain; } 

.slide-one .bd .el .img { width: 100%; height: 100%; text-align: center; } 

.slide-one .bd .el .img img { width: 100%; height: 100%; transition: .3s all linear; } 

.slide-one .hd { width: 100%; height: 15px; text-align: center; margin-top: 40px; } 
.slide-one .hd ul { font-size: 0; } 
.slide-one .hd ul li { cursor: pointer; display: inline-block; *display: inline; *zoom: 1; margin: 0 8px; width: 12px; height: 12px; border-radius:100%; background-color: rgb(174, 174, 174); } 
.slide-one .hd ul li.on { background-color: #1a3984; } 

.swiper-pagination5 { width: 100%; margin-top: 30px; text-align: center; } 

.swiper-pagination5 span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 12px; height: 12px; margin:0 7px; } 

.slide-two { padding: 0 70px; overflow: hidden; position: relative; } 
.slide-two .tempWrap { overflow: hidden; margin: 0 auto; } 
.slide-two .bd { overflow: hidden; } 
.slide-two .bd .el { cursor: pointer; width: 300px; height: 425px; margin :0 13px; } 

.slide-two .bd .el .img { width: 100%; height: 100%; text-align: center; } 

.slide-two .bd .el .img img { width: 100%; height: 100%; vertical-align: middle; transition: .3s all linear; } 

.swiper-container6 { width: 90%; height: 425px; overflow: hidden; margin: 0 auto; } 

.slide-two .next,.slide-two .prev { position: absolute; cursor: pointer; right: unset; top: 40% !important; width: 50px; height: 50px; color: white; border-radius: 100%; line-height: 50px; text-align: center; background-color: #cccccc; } 
.slide-two .prev { left: 10px; } 
.slide-two .next { right: 0 !important; } 
.slide-two .next:hover, .slide-two .prev:hover { background-color: #183883; } 

.swiper-container6 { --swiper-navigation-color: #ffffff; --swiper-navigation-size: 30px } 


.interior_corporate-culture { width: 100%; height: 755px; padding-bottom: 70px; background-color: #f8f8f8; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.interior_corporate-culture-info { width: 100%; position: relative; } 

.interior_corporate-culture-info > div.interior_corporate-culture-list { position: relative; margin-bottom: 15px; float: left; width: 460px; height: 290px; background-color: #ffffff; text-align: center; } 

.interior_corporate-culture-info > div.interior_corporate-culture-list.margin { margin: 0 15px; } 

.interior_corporate-culture-info > div.interior_corporate-culture-list:nth-child(n+4) { top: unset; bottom: 0; } 

.interior_corporate-culture-info > div.interior_corporate-culture-list .info_logo img { display: block; margin: 0 auto; margin-top: 10%; } 

.interior_corporate-culture-info > div.interior_corporate-culture-list .info_logo p.p1 { font-size: 26px; color: #343434; margin-top: 4%; } 

.interior_corporate-culture-info > div.interior_corporate-culture-list .info_logo p.p2 { font-size: 14px; color: #343434; margin-top: 2%; } 

.info-content { cursor: pointer; width:390px; height: 270px; position: absolute; top: 0; left: 0; background-color: #1a3984; padding: 10px 35px; text-align: left; font-size: 18px; color: #ffffff; opacity: 0; visibility: hidden; transition: all 1s; } 

.interior_corporate-culture-info .info-content>div { display: table-cell; vertical-align: middle; height: 270px; } 
.interior_corporate-culture-info .info-content>div p { line-height: 40px; } 

.info-content i.info-content-dot { width: 5px; height: 5px; background-color: #ffffff; border-radius: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: middle; margin-right: 5px; } 

.info-content p { line-height: 35px; } 

.interior_corporate-culture-info > div.interior_corporate-culture-list:hover .info-content { opacity: 1; visibility: inherit; } 

.interior_talent-concept { width: 100%; padding-bottom: 80px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.interior_talent-concept .join { width: 100%; overflow: hidden; } 
.interior_talent-concept .join h1 { font-size: 24px; color: #ffffff; line-height: 40px; font-weight: normal; } 
.interior_talent-concept .join p { font-size: 18px; color: #ffffff; line-height: 40px; } 

.interior_talent-concept .join>div:first-child { background: url('../images/join-1.png') no-repeat center center; background-size: 100% 100%; width: 100%; height: 440px; margin-bottom: 20px; } 
.interior_talent-concept .join>div:first-child h1 { padding-top: 100px; margin-left: 45px; width: 605px; } 
.interior_talent-concept .join>div:first-child p { margin-top: 60px; margin-left: 45px; width: 605px; } 
.interior_talent-concept .join>div:first-child+div { background: url('../images/join-2.png') no-repeat center 60px #1a3984; background-size: 75px auto; padding: 160px 40px 0 40px; width:525px; height: 130px; margin-right: 20px; float: left } 
.interior_talent-concept .join>div:first-child+div+div { background: url('../images/join-3.png') no-repeat center 60px #cc9961; background-size: 75px auto; padding: 160px 30px 0 30px; width:390px; height: 130px; margin-right: 20px; float: left; } 
.interior_talent-concept .join>div:first-child+div+div+div { background: url('../images/join-4.png') no-repeat center 60px #8cb9a0; background-size: 75px auto; padding: 160px 30px 0 30px; width:265px; height: 130px; float: left; } 



.interior_company-environment { width: 100%; height: 830px; padding-bottom: 80px; background-color: #f8f8f8; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.interior_company-environment-info { width: 100%; overflow: hidden; position: relative; } 

.swiper-container7 { width: 75.35211267605634%; height: 100%; position: absolute; right: 0; bottom: 0; } 

.swiper-container7 .el { width: 100% !important; height: 100% !important; position: relative; } 


.company-environment-content { position: absolute; width: 680px; height:325px; top: 50%; left: 50%; margin-left:-885px; margin-top: -162px; background-color: #ffffff; border-radius: 10px; } 

.company-environment-content > div { margin: 40px 50px; width: 580px; height:245px; font-size: 18px; color: #2a2a2a; line-height: 2em; letter-spacing: .1em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } 

.interior_company-environment-info .next, .interior_company-environment-info .prev { position: absolute; cursor: pointer; bottom: 0; top: unset !important; border: 1px solid #cccccc; width: 35px; height: 35px; text-align: center; line-height: 35px; } 

.interior_company-environment-info > .next:hover, .interior_company-environment-info > .prev:hover { background-color:#1a3984; color: white; } 

.interior_company-environment-info > .next { left: 45px; } 

.interior_company-environment-info > .prev { left: 0; } 

.interior_company-environment-info { height: 610px; --swiper-navigation-color: #cccccc; --swiper-navigation-size: 15px } 



.interior_recruitment-information { width: 100%; height: auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.interior_recruitment-information .more { text-align: center; font-size: 18px; color: #1a3984; margin-top: 20px; cursor: pointer; } 

.interior_recruitment-information-table { width: 100%; height: auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-bottom: 50px; } 

.interior_recruitment-information-table .table-list { width: 100%; height: auto; font-size: 18px; border-collapse: collapse; } 

.interior_recruitment-information-table .table-list tr { height: 75px; line-height: 75px; text-align: center; } 

.interior_recruitment-information-table .table-list tr:nth-child(1) { background-color: #1a3984; color: #ffffff; } 

.interior_recruitment-information-table .table-list tr:nth-child(n+2) { border-bottom: 1px solid #f1f1f1; } 

.interior_recruitment-information-table .table-list tr th { font-weight: unset; } 

.interior_recruitment-information-table .table-list tr th:nth-child(1) { text-indent: 2em; text-align: left; } 

.interior_recruitment-information-table .table-list tr td:nth-child(1) { font-weight: bold; text-indent: 2em; text-align: left; } 

.interior_recruitment-information-table .table-list tr td:nth-child(n+2) { font-weight: unset; text-align: center; } 

.interior_recruitment-information-table .table-list tr td.btn { color: #1a3984; cursor: pointer; } 
.interior_recruitment-information-table .table-list tr td.btn:hover { font-weight: bold; } 

.interior_inquiry { width: 100%; height: 412px; padding-bottom: 60px; } 

.interior_inquiry-info { width: 100%; height: 100%; position: relative; } 

.interior_inquiry-info-list { width: 456px; height: 320px; float: left; margin-top: 92px; margin-left: 20px; box-shadow: 0 0 20px -10px #666; border: 1px solid rgb(231, 231, 231); border-radius: 5px; } 

.interior_inquiry-info-list:first-child { margin-left: 0; } 

.inquiry-content { width: 100%; height: 100%; position: relative; } 

.inquiry-content > i { position: absolute; left: 50%; margin-left: -40px; top: -40px; width: 80px; height: 80px; font-size: 40px; text-align: center; line-height: 80px; border-radius: 100%; background-color: #1a3984; color: #ffffff; } 

.inquiry-content > h3 { font-size: 22px; display: block; width: 100%; color: #323333; text-align: center; padding-top: 65px; } 

.inquiry-content > p { padding: 0 65px; padding-top: 30px; font-size: 16px; color: #888988; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; } 

.inquiry-content button { width: 325px; height: 43px; border: 1px solid #1a3984; font-size: 16px; color: #1a3984; background-color: transparent; margin: 0 auto; display: block; margin-top: 30px; cursor: pointer; } 

.inquiry-content button:hover { background-color: #1a3984; color: white; } 

.interior_download { background: url("../images/consulting_02.jpg") no-repeat center center; background-size: 100% 100%; width: 100%; height: 480px; position: relative; } 

.interior_download p.p1 { width: 100%; text-align: center; padding-top: 80px; font-size: 40px; color: #ffffff; } 

.interior_download p.p2 { width: 100%; text-align: center; padding-top: 30px; font-size: 20px; color: #92b7ec; } 

.interior_download button { display: block; margin: 0 auto; margin-top: 100px; font-size: 20px; color: #fcffab; border: 1px solid #fcffab; width: 10.15625%; height: 50px; background-color: transparent; cursor: pointer; } 

.interior_download button:hover { background-color: #fcffab; color: #1a3984; } 

.interior_relation { width: 100%; padding-bottom: 70px; } 

.interior_relation-title { padding: 75px 0 40px; font-size: 36px; color: #000000; width: 100%; text-align: center; } 

.interior_relation-info { width: 100%; height: 210px; } 

.interior_relation-info-list { width: 706px; height: 100%; border: 1px solid rgb(225, 222, 222); float: left; font-size: 0; } 

.interior_relation-info-list:first-child { box-shadow: 0 0 20px -10px #666; } 

.interior_relation-info-list:last-child { box-shadow: 0 0 20px -10px #666; } 

.interior_relation-info-list .icon-div { font-size: 30px; width: 35%; text-align: center; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 

.interior_relation-info-list i { font-size: 50px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; width: 95px; height: 95px; border-radius: 100%; background-color: #1a3984; line-height: 95px; color: #ffffff; } 

.info-context { font-size: 20px; width: 65%; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.info-context p { font-size: 16px; color: #888988; margin-top: 5px; } 

.info-context p:first-child { font-size: 22px; color: #1a3984; margin-top: 55px; } 


.interior_contact { width: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: auto; position: relative; padding-bottom: 60px; background: url("../images/contact_02.jpg") no-repeat center center; } 

.interior_contact-back { width: 100%; height: 454px; background-size: 100% 100%; margin-top: 170px; position: absolute; z-index: -1; } 

.interior_contact-info { width: 100%; height: auto; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.interior_contact-info-one { width: 100%; height: 310px; position: relative; } 

.interior_contact-info-one > div { margin-left: 22px; width: 455px; height: 310px; border: 1px solid rgb(220, 216, 216); box-shadow: 0 0 10px -5px #666; float: left; } 

.interior_contact-info-one > div:first-child { margin-left: 0; } 

.info-one-inside { margin: 50px 40px; width: 375px; height: 210px; } 

.info-one-inside-both { margin: 15px 40px; width: 375px; height: calc(100% - (15px * 2)); } 

.info-one-inside-both p { font-size: 18px; color: #666666; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.info-one-title { font-size: 24px !important; color: #1a3984 !important; margin-bottom: 10px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.info-one-inside p { font-size: 18px; color: #666666; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.interior_contact-two { width: 100%; height: 720px; margin-top: 25px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; box-shadow: 0 0 10px -5px #666; position: relative; } 

.info-two-from { width: 490px; height: 100%; background-color: #ffffff; float: left; } 

.info-two-from-margin { margin: 38px 45px; height: 645px; width: 400px; } 

.info-two-from-margin form { width: 100%; height: 100%; } 

.info-two-from-margin form >* { margin-bottom: 25px; } 

.form-input { padding-left: 15px; padding-right: 5px; width: 380px; background-color: #f2f2f2; } 

.form-input-btn { width: 100%; } 

.form-input-code { width: 100%; height: 60px; position: relative; } 

.form-input-text { padding: 15px 10px 5px; width: 380px; background-color: #f2f2f2; } 

.form-input input { padding: 20px 0; width: 100%; font-size: 18px; color: #000000; border: none; outline: none; background-color: transparent; } 

.form-input-text textarea { width: 100%; height: 200px; border: none; outline: none; background-color: transparent; resize: none; font-size: 18px; } 

.form-input-btn button { height: 60px; width: 100%; border: none; outline: none; background-color: #1a3984; color: #ffffff; line-height: 60px; text-align: center; font-size: 24px; cursor: pointer; } 

.form-input-btn button:hover { background-color: #98afe9; } 

.code-text { width: 45%; height: 100%; padding-right: 5px; padding-left: 15px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background-color: #f2f2f2; position: absolute; left: 0; } 

.code-num { width: 42%; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: absolute; right: 0; } 

.code-text input { width: 100%; padding: 20px 0; border: none; outline: none; background-color: transparent; font-size: 18px; } 

.info-two-map { width: 930px; height: 720px; float: right; } 
.info-two-map img { max-width: none !important; max-height: none !important; } 

.interior_news-center { width: 100%; height: auto; } 

.interior_news-center-top { width: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-bottom: 70px; background-color: #f8f8f8; } 

.interior_news-center-top-info { width: 100%; height: 510px; position: relative; text-align:center; font-size:0; } 

.interior_news-center-top-info div.news-center-list { text-align:left; overflow: hidden; width: 445px; height: 100%; background-color: #ffffff; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position:relative; } 

.interior_news-center-top-info div.news-center-list a { display: block; width: 100%; height: 100%; } 

.interior_news-center-top-info div.news-center-list a .news-center-img { transition: .3s all linear; overflow:hidden; } 
.interior_news-center-top-info div.news-center-list a .news-center-img img { width: 100%; height: auto; max-width: unset; max-height: unset; min-height:291px } 

.interior_news-center-top-info div.news-center-list:hover .news-center-img { transform: scale(1.02); transition: .3s all linear; } 

.interior_news-center-top-info div.news-center-list:hover .news-center-context { background-color: #1a3984; } 
.interior_news-center-top-info div.news-center-list:hover .news-center-context p,.interior_news-center-top-info div.news-center-list:hover .news-center-context button { color: white; } 

.interior_news-center-top-info div.news-center-list.el1 { margin: 0 42px; } 

.news-center-img { width: 100%; height: 291px; position: relative; } 

.news-center-img p { width: 155px; height: 50px; line-height: 50px; color: #ffffff; background-color: #1a3984; text-align: center; position: absolute; right: 0; top: 0; font-size: 18px; font-weight: bold; } 

.news-center-context { width: 100%; height: calc(100% - 291px); } 

.news-center-context-margin { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; margin: 25px 35px; width: 375px; height: 170px; } 

.news-center-context-margin button { border: none; width: auto; height: auto; outline: none; background-color: transparent; font-size: 16px; color: #1a3984; bottom: 0; left: 0; position: absolute; cursor: pointer; } 

.news-center-context-margin .tit { font-size: 20px; color: #000000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.news-center-context-margin .con { font-size: 16px; color: #8a8888; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.interior_news-center-list { width: 100%; margin: 75px 0 10px; } 

.interior_news-center-list-info { width: 100%; height: 515px; position: relative; } 

.interior_news-center-list-info div.news-list-info { width:100%; height: auto; position: absolute; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; top: 0; } 

.news-list-info-div { padding: 30px 0; width: 690px; height: 60px; float: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } 
.news-list-info-div.r { margin-right: 40px; } 


.news-list-info-div :hover p { color: #1a3984; } 

.news-list-info-div :hover .news-list-info-div-left p { color: #1a3984; } 


.news-list-info-i { float: left; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 100%; width: 1px; background-color: #e5e5e5; } 

.news-list-info-div-left { height: 100%; float: left; position: relative; width: 585px; } 

.news-list-info-div-right { height: 100%; float: left; position: relative; width: 100px; text-align: center; } 

.news-list-info-div-left p { position: absolute; left: 0; width: 95%; padding-right: 5%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.news-list-info-div-right p { position: absolute; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #8a8888; } 

.news-list-info-div-left .tit { font-size: 20px; color: #000000; top: 0; font-weight: bold; } 

.news-list-info-div-left .con { font-size: 16px; color: #8a8888; bottom: 0; } 

.news-list-info-div-right .ti1 { font-weight: bold; font-size: 26px; top: 0; } 

.news-list-info-div-right .ti2 { font-size: 16px; bottom: 0; } 

.interior_search { width: 100%; padding-bottom: 20px; } 

.interior_search-list { width: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.search-result { padding: 25px 25px; width: 1370px; background-color: #1a3984; color: #ffffff; font-size: 24px; } 

.result_list { width: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.result_list > div { width: 100%; height: 70px; line-height: 70px; position: relative; } 

.result_list > div { border-top: 1px solid #e5e5e5; } 

.result_list > div i { width: 40px; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: absolute; left: 0; } 

.result_list > div i:after { content: ""; width: 5px; height: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #c2c2c2; border-radius: 100%; } 

.result_list > div p.tit { left: 41px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 100%; width: 1240px; position: absolute; font-size: 18px; color: #0e0e0e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.result_list > div p.ti { right: 0; position: absolute; height: 100%; font-size: 18px; color: #858383; width: 10%; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 


.result_list >div a { display: block; width: 100%; height: 100%; } 
.result_list >div:hover p { color: #183883; font-weight: bold; } 

.interior_image-list { font-size: 0; } 

.interior_image-list .image_list { width: 332px; min-height: 230px; max-height: 480px; margin-right: 30px; background-color: #ffffff; margin-bottom: 30px; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; *display: inline; *zoom: 1; vertical-align: middle; } 

.interior_image-list .image_list.on { margin-right: 0; } 

.interior_image-list .image_list img { width: 335px; min-height: 230px; max-height: 480px; } 


/*内容展示页面*/
.show_main { width: 100%; padding-bottom: 30px; } 

.show_title { border-bottom: 1px solid #e5e5e5; width: 100%; height: auto; text-align: center; display:block; } 

.title_text { font-size: 36px; color: #333333; margin: 50px 0 15px; } 

.source_time { font-size: 16px; color: #8f8f8f; margin: 40px 0 25px; } 

.show_content { width: 100%; height: auto; display:block; padding: 35px 0; } 
.show_content p { font-size: 18px; color: #333333; line-height: 40px; text-indent: 2em; } 
.show_content table { border-collapse: collapse; table-layout: fixed; } 
.show_content table td ,.show_content .con table th { border: 1px solid black; } 



.nv { width: 100%; height: 85px; background-color: #f5f5f5; position: relative; } 

.nv p { position: absolute; top: 35px; font-size: 18px; color: #999999; cursor: pointer; } 

.nv p span { color: #333333; } 

.nv p.return { left: 50%; color: #1a3984; } 

.nv p.return i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: middle; font-size: 20px; margin-right: 5px; color: #1a3984; } 

.nv p.nl { left: 50px; } 

.nv p.nr { right: 50px; } 

/*分页*/
.public_page { width: 100%; padding: 20px 0 40px; } 

.public_page > div > span { width: 45px; height: 45px; border: 1px solid #dcdcdc; line-height: 45px; font-size: 18px; color: #010101; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; cursor: pointer; margin-left: 10px; vertical-align: middle; } 

.public_page > div > span.on { background-color: #1a3984; color: #ffffff; } 

.public_page > div > span:first-child { margin-left: 0; } 

.public_page > div > span > i { font-size: 25px; } 

.public_page > div > div.goto_page { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 45px; width: auto; vertical-align: middle; margin-left: 10px; font-size: 18px; line-height: 45px; } 

.public_page > div > div.goto_page > input { border: 1px solid #dcdcdc; outline: none; text-align: center; width: 40px; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; *display: inline; *zoom: 1; vertical-align: top; margin: 0 10px; font-size: 18px; } 

.public_page > div > div.goto_page > button { background-color: transparent; font-size: 18px; width: 80px; height: 100%; outline: none; border: 1px solid #dcdcdc; margin-left: 7px; } 

.search-query { width: 100%; padding: 20px 0; text-align: center; } 

.search-query div { width: 50%; padding-left: 1%; height: 70px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: middle; border: 1px solid #1a3984; border-radius: 10px; } 

.search-query div input { font-size: 30px; border: none; outline: none; background-color: transparent; height: 100%; width: 100%; } 

.search-query button { border: none; outline: none; background-color: #1a3984; font-size: 20px; width: 8%; height: 60px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: middle; color: #fff; border-radius: 10px; } 

.search-query button i { font-size: 18px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; vertical-align: middle; margin-left: 5px; } 



/* 行业应用 */
.case { width: 1450px; margin-bottom: 30px; } 
.case .el { background-color: #fafafa; width: 695px; float: left; margin-right: 30px; margin-bottom: 30px; } 
.case .el .con { margin: 40px; height: 280px; overflow: hidden; transition: .3s height ease-in-out; } 
.case .el .con .img { float: left; width:105px; height: 100%; } 
.case .el .con .list { float: right; width: 480px; } 
.case .el .con .list .t { font-size: 28px; color: #333333; margin-bottom: 20px; } 
.case .el .con .list ul { } 
.case .el .con .list ul li { } 
.case .el .con .list ul li a { height: 55px; line-height: 55px; width: 100%; display: block; border-bottom: 1px solid #eeeeee; font-size: 18px; color: #333333; } 
.case .el .con .list ul li a div { width: 410px; white-space: nowrap; display: inline-block; *display: inline; *zoom: 1; } 
.case .el .con .list ul li a span { display: none; font-size: 20px; color: #8394bc; } 
.case .el .con .list ul li:hover span { display: inline; } 
.case .el .con .list ul li:hover a { color: #1a3984; } 
.case .el .btn { cursor: pointer; display: block; width: 100%; height: 50px; line-height: 50px; background-color: #bcc8e5; font-size: 18px; color: #ffffff; text-align: center; } 
.case .el .btn:hover { background-color:#7c9ae2; } 

.case .el.el_0 .con .img { background: url(../images/case1.png) no-repeat left 70px; } 
.case .el.el_1 .con .img { background: url(../images/case2.png) no-repeat left 70px; } 
.case .el.el_2 .con .img { background: url(../images/case3.png) no-repeat left 70px; } 
.case .el.el_3 .con .img { background: url(../images/case4.png) no-repeat left 70px; } 
.case .el.el_4 .con .img { background: url(../images/case5.png) no-repeat left 70px; } 
.case .el.el_5 .con .img { background: url(../images/case6.png) no-repeat left 70px; } 


/* 行业应用详细 */
.caseshow { } 
.caseshow .head { height: 90px; line-height: 90px; background-color: #f4f5fa; border-bottom: 1px solid #d7e5f4; } 
.caseshow .head .t { float: left; margin-left: 250px; } 
.caseshow .head .t div { cursor: pointer; float: left; font-size: 18px; color: #888888; margin-right: 65px; border-bottom: 1px solid transparent; } 
.caseshow .head .t div a { display: block; font-size: 18px; color: #888888; } 
.caseshow .head .t div:hover a,.caseshow .head .t div.on a { color: #1a3984; border-bottom: 1px solid #1a3984; } 
.caseshow .head .btn { cursor: pointer; text-align: center; float: right; width: 360px; background-color: #1a3984; font-size: 20px; color: white; } 
.caseshow .head .btn a { display: block; color: white; font-size: 20px; } 
.caseshow .head .btn span { width: 36px; height: 36px; margin-right: 10px; background: url(../images/caseshow.png) no-repeat center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.caseshow .head .btn:hover { background-color: #3e5280; } 

.caseshow .content { background-color: white; padding: 20px 0; padding-top: 40px; } 
.caseshow .content .tit { font-size: 36px; color: #1a3984; line-height: 70px; } 
.caseshow .content .l { width: 72px; height: 2px; background-color: #1a3984; margin-bottom: 40px; } 
.caseshow .content .con * { font-size: 18px !important; color: #333333; line-height: 40px; } 

.caseshow .content .con table { border-collapse: collapse; table-layout: fixed; } 
.caseshow .content .con table td , .caseshow .content .con table th { border: 1px solid black; } 


.caseshow .caserla,.caseshow .caseslv { background-color: #f4f5fa; padding: 30px 0; } 

.caseshow .caserla .con { width: 1460px; margin-top: 40px; } 
.caseshow .caserla .con .el { float: left; margin-right: 30px; cursor: pointer; width: 335px; height: 400px; } 
.caseshow .caserla .con .el img { display: block; width: 100%; height: 300px; } 
.caseshow .caserla .con .el .t { display: block; height:50px; padding: 25px 0; font-size: 18px; line-height :28px; color: #242424; text-align: center; } 
.caseshow .caserla .con .el .t span { font-size: 16px; color: #aaaaaa; display: block; } 
.caseshow .caserla .con .el .btn { display: none; height: 48px; padding: 26px 0; line-height: 100px; background-color: white; } 
.caseshow .caserla .con .el a { display: block; margin: 0 auto; width: 140px; height: 45px; line-height: 45px; border: 1px solid #1a3984; font-size: 16px; color: #1a3984; text-align: center; border-radius: 20px; } 
.caseshow .caserla .con .el a:hover { background-color: #1a3984; color: white; } 

.caseshow .caseslv .con { width: 1450px; margin-top: 40px; margin-bottom: 30px; } 
.caseshow .caseslv .con .el { float: left; margin-right: 33px; background-color: white; } 
.caseshow .caseslv .con .el a { display: block; padding: 25px 20px; width: 400px; height: 100px; } 
.caseshow .caseslv .con .el .t { font-size: 20px; color: #010101; line-height: 40px; } 
.caseshow .caseslv .con .el .c { font-size: 16px; color: #888988; line-height: 25px; } 
.caseshow .caseslv .con .el :hover { background-color: #1a3984; } 
.caseshow .caseslv .con .el:hover .t,.caseshow .caseslv .con .el:hover .c { color: white; } 


/* 产品 */
.product { position: relative; min-height: 600px; } 
.product .head { white-space: nowrap; font-size: 0; box-shadow: 0 10px 5px 1px rgba(230, 230, 230, .8); width: 1420px; height: 120px; position: absolute; top: -60px; left: 50%; margin-left: -710px; background-color: white; z-index:99; } 
.product .head .el { width: calc(100% / 3 - 1px); border-right: 1px solid #e8e8e8; border-bottom: 4px solid transparent; height: 116px; display: inline-block; *display: inline; *zoom: 1; } 
.product .head .el a { display: block; height: 100%; width: 100%; } 
.product .head .el a span { display: block; width: 100%; height: 60px; margin-bottom: 15px; } 
.product .head .el a span.img0 { background: url(../images/pro0.png) no-repeat center bottom; } 
.product .head .el a span.img1 { background: url(../images/pro1.png) no-repeat center bottom; } 
.product .head .el a span.img2 { background: url(../images/pro2.png) no-repeat center bottom; } 
.product .head .el a span.img3 { background: url(../images/pro3.png) no-repeat center bottom; } 
.product .head .el a span.img4 { background: url(../images/pro4.png) no-repeat center bottom; } 
.product .head .el a div { font-size: 20px; color: #000000; text-align: center; } 

.product .head .el:hover ,.product .head .el.on { border-bottom: 4px solid #1a3984; } 

.product .content { padding-top: 70px; padding-bottom:20px; } 
.product .content .proleft { float: left; width: 310px; border: 1px solid #e8e8e8; border-bottom: none; } 
.product .content .proleft>div>a { position: relative; padding-left: 25px; font-size: 20px; color: #2c2c2c; display: block; height: 68px; line-height: 68px; border-bottom: 1px solid #e8e8e8; } 
.product .content .proleft>div>a>span { display:block; position: absolute; top: 0; right: 25px; font-size: 20px; color: #c0c0c0; font-weight: bold; transition:.3s all ease-in-out; } 
.product .content .proleft>div>a>span.on { transform:rotate(90deg); color:#1a3984; } 
.product .content .proleft>div:hover a>span { transform:rotate(90deg); transition:.3s all ease-in-out; color:#1a3984; } 

.product .content .proleft>div>.sub { overflow:hidden; display:none; } 
.product .content .proleft>div.on>.sub { display: block; } 
.product .content .proleft>div>.sub>div { border-bottom: 1px solid #e8e8e8; } 
.product .content .proleft>div>.sub>div>a { position: relative; padding-left: 35px; font-size: 16px; color: #999999; display: block; height: 60px; line-height: 60px; } 
.product .content .proleft>div>.sub .subsub { display: none; display:none; } 
.product .content .proleft>div>.sub>div.on .subsub { display: block; } 
.product .content .proleft>div>.sub>div>.subsub a {padding:10px 0; position: relative; padding-left: 55px;padding-right:10px; font-size: 15px; color: #2c2c2c; display: block; line-height: 30px; } 

.product .content .proleft a:hover,.product .content .proleft div.on>a { color: #1a3984 !important; font-weight: bold; } 





.product .content .con { float: right; width: 1070px; } 
.product .content .con .els>.el { box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2); float: left; margin-right: 30px; cursor: pointer; width: 335px; height: 400px; margin-bottom: 25px; } 
.product .content .con .els>.el a { display: block; width: 100%; height: 100%; } 
.product .content .con .els>.el.no { margin-right: 0; } 
.product .content .con .els>.el .img { width: 100%; height: 300px; line-height:300px; text-align:center; overflow:hidden; } 
.product .content .con .els>.el .img img { } 
.product .content .con .els>.el .t { display: block; height:50px; padding: 25px 0; font-size: 18px; line-height :28px; color: #242424; text-align: center; } 
.product .content .con .els>.el .t span { font-size: 16px; color: #aaaaaa; display: block; } 
.product .content .con .els>.el .btn { box-shadow: 0 0 10px 1px rgba(230, 230, 230, .8); display: none; height: 48px; padding: 26px 0; line-height: 100px; background-color: white; border-top:1px solid rgba(230, 230, 230, .8); } 
.product .content .con .els>.el .btn span { display: block; margin: 0 auto; width: 140px; height: 45px; line-height: 45px; border: 1px solid #1a3984; font-size: 16px; color: #1a3984; text-align: center; border-radius: 20px; } 
.product .content .con .els>.el .btn span:hover { background-color: #1a3984; color: white; } 

.proshow { position:relative; } 
.proshow .imgshow { height:650px; } 
.proshow .img { position:absolute; left:-90px; top:0; width: 950px; height:650px; background:url('../images/progif.gif') no-repeat left center; background-color: transparent; overflow: hidden; position: relative; } 
.proshow .img .bd { width:625px; height:625px;; background-size:625px; position:absolute; left:110px; top:0; } 
 /*background:url("../images/probg.png") no-repeat left -120px; */
.proshow .img .tempWrap { } 
.proshow .img .bd li { vertical-align: middle; } 
.proshow .img .bd li div { line-height:625px; height: 625px; width: 625px; text-align: center; } 
.proshow .img .bd li div img { width:400px; max-width:445px; max-height:445px; *padding-top:115px; } 
.proshow .img .hd { width:325px; height:530px; position:absolute; right:0; top:50px; } 
.proshow .img .hd>* { overflow: hidden; cursor:pointer; transition:.3s all ease } 
.proshow .img .hd img { transition:.3s all ease } 
.proshow .img .hd .pre { width: 305px; height:153px; background:url("../images/proimgtop.png") no-repeat center; text-align:center; line-height:153px; } 
.proshow .img .hd .next { width: 305px; height:153px; background:url("../images/proimgbtm.png") no-repeat center; text-align:center; line-height:153px; } 
.proshow .img .hd .pre:hover img,.proshow .img .hd .now:hover img,.proshow .img .hd .next:hover img { transform:scale(1.5); transition:.3s all ease } 
.proshow .img .hd .now { width:210px; height:200px; background:url("../images/proimgmid.png") no-repeat center; text-align:center; line-height:200px; margin:15px 0; margin-left:115px; } 

.proshow .img .hd img { max-width:105px; *padding-top:35px } 
.proshow .img .hd .pre img ,.proshow .img .hd .next img { max-width:95px; } 


.proshow .rc { position:absolute; right:0; top:80px; width: 545px; } 
.proshow .rc .tit { font-size: 36px; color: #333333; font-weight: bold; text-align:left; line-height: 55px; margin-bottom:30px; } 
.proshow .rc .c { font-size: 18px; color: #333333; line-height: 40px; height: 288px; margin-bottom: 6px; overflow:auto; } 
.proshow .rc .c::-webkit-scrollbar { width: 5px; } 
.proshow .rc .c::-webkit-scrollbar-track { background: #bfbebe; } 
.proshow .rc .c::-webkit-scrollbar-thumb { background: #183883; } 

.proshow .rc .btn { width:165px; height:55px; line-height:55px; text-align:center; border:1px solid #1a3984; margin-left:380px } 
.proshow .rc .btn a { display: block; color: #1a3984; } 
.proshow .rc .btn span { font-size:30px; margin-right:10px; vertical-align:middle; } 
.proshow .rc .btn:hover a { color:white; background-color: #1a3984; } 

.proshow .bdcon { padding: 0 30px; margin-top: 90px; font-size: 18px; color: #333333; position: relative; } 

.proshow .bdcon .hd { margin-bottom:40px; width: 100%; font-size:0; background-color: white; white-space: nowrap; } 
.proshow .bdcon .hd span { cursor: pointer; font-size: 20px; color: #333333; text-align: center; height: 55px; line-height: 55px; width: 182px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.proshow .bdcon .hd span.on { font-weight:bold; background-color: #1a3984; color: white; } 

.proshow .bdcon .hd span:hover { background-color:#1a3984; color:white; transition:.3s all ease-in-out; } 

.proshow .bdcon .bd h1 { font-size: 18px; color: #1a3984; font-weight: bold; line-height: 40px; } 
.proshow .bdcon .bd p { font-size: 18px; color: #333333; line-height: 40px; } 

.proshow .bdcon .dw { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; } 
.proshow .bdcon .dw:hover a { color: #1a3984; } 

.proshow .bdcon table { border-collapse: collapse; table-layout: fixed; } 
.proshow .bdcon table td , .proshow .bdcon table th { border: 1px solid black; } 




.proother { padding-bottom: 50px; margin-top: 30px; } 
.proother .cn { width: 1100px; margin-top: 40px; margin-bottom: 30px; } 
.proother .cn .el { float: left; margin-right: 35px; width: 515px; height: 140px; background-color: #f8f8f8; margin-bottom:30px; } 
.proother .cn .el a { display: block; padding: 25px 20px; width: 465px; height: 100px; } 
.proother .cn .el .t { font-size: 20px; color: #010101; line-height: 40px; } 
.proother .cn .el .c { font-size: 16px; color: #888988; line-height: 25px; } 
.proother .cn .el :hover { background-color: #1a3984; } 
.proother .cn .el:hover .t,.caseshow .caseslv .con .el:hover .c { color: white; } 


/* 解决方案 */
.solution { } 
.solution .head { text-align: center; margin: 40px 0; font-size: 0; } 
.solution .head .el { width: 160px; padding: 10px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.solution .head .el a { display: block; width: 50%; color: #000000; margin: 0 auto; border-bottom: 2px solid transparent; padding-bottom: 5px; } 
.solution .head .el a span { display: block; font-size: 30px; margin-bottom: 10px; } 
.solution .head .el a div { font-size: 18px; } 
.solution .head .el:hover a,.solution .head .el.on a { color: #1a3984; border-bottom: 2px solid #1a3984; } 


.solution .content { width: 1460px; } 
.solution .content .el { overflow: hidden; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2); float: left; width: 455px; height: 460px; margin-right: 30px; margin-bottom: 30px; } 
.solution .content .el a { display: block; } 
.solution .content .el a img { display: block; width: 100%; height: 255px; transition: .3s all linear; } 
.solution .content .el a .con { padding: 30px; height: 145px; box-shadow: 0 10px 5px 1px rgba(230, 230, 230, .8); } 
.solution .content .el a .con .t { font-size: 24px; color: #000000; line-height: 40px; margin-bottom: 6px; } 
.solution .content .el a .con .c { font-size: 16px; color: #888988; line-height: 30px; margin-bottom: 15px; height: 60px; } 
.solution .content .el a .con .m { font-size: 18px; color: #1a3984; } 
.solution .content .el:hover .con .t,.solution .content .el:hover .con .c,.solution .content .el:hover .con .m { color: white; } 
.solution .content .el:hover .con { background-color:#1a3984; } 
.solution .content .el:hover img { transform: scale(1.02); transition: .3s all linear; } 


.img_pop { width: 1200px; text-align: center; position: relative; } 
.img_pop.min { width: 1090px; } 
.img_pop .t { font-size: 34px; color: #333333; text-align: center; line-height: 55px; margin: 0 30px; padding: 30px 60px; border-bottom: 1px solid #e5e5e5; } 
.img_pop .img { padding: 50px 0; } 
.img_pop .img img { max-height: 550px; } 
.img_pop .closebtn { position: absolute; top: 20px; right: 20px; font-size: 40px; color: #949494; cursor: pointer; } 
.img_pop .closebtn:hover { color: #1a3984; } 
.img_pop .con { margin: 30px 50px; height: 230px; overflow-y: auto; text-align: left; font-size: 18px; color: #333333; line-height: 35px; } 


.joinsform { padding: 20px 30px; width: 1030px; margin: 0 auto; background-color: #f8f8f8; } 
.joinsform.nobg { background-color: transparent; padding: 40px 30px; padding-right: 20px; padding-bottom: 20px; } 
.joinsform .tit { font-size: 26px; color: #1a3984; font-weight: bold; margin-bottom: 30px; } 
.joinsform .tit span { display: block; border-left: 4px solid #1a3984; text-align: left; line-height: 25px; padding-left: 20px; } 
.joinsform .el { display: block; float: left; width: 507px; margin-bottom: 10px; } 
.joinsform .el.w1h { width: 1018px; } 
.joinsform .el span { font-size: 18px; color: #333333; width: 110px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joinsform .el input { vertical-align: middle; font-size: 18px; width: 290px; padding: 13px 30px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.joinsform .el textarea { vertical-align: middle; font-size: 18px; width: 830px; padding: 15px; height: 150px; resize: none; line-height: 25px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 

.joinsform .el select { vertical-align: middle; font-size: 18px; width: 350px; padding: 0 30px; height: 45px; line-height: 45px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.joinsform .el select::placeholder,.joinsform .el input::placeholder { font-size: 18px; color: #bcbcbc; } 
.joinsform .el .code { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joinsform .el input[name="code"] { width: 150px; margin-right: 20px; } 
.joinsform .el img { height: 50px; width: 120px; vertical-align: middle; cursor: pointer; } 
.joinsform .pdfuploader { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joinsform .btn { margin: 0 auto; margin-top: 40px; width: 260px; height: 60px; line-height: 60px; cursor: pointer; background-color: #183883; color: white; font-size: 24px; } 
.joinsform .btn:hover { opacity: .8; } 




.pdfuploader { width: 350px; position: relative; } 
.pdfuploader .btnarea { position: relative; } 
.pdfuploader .text { font-size: 16px; color: #999999; line-height: 50px; position: absolute; bottom: -44px; left: 0; } 
.pdfuploader .text div { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pdfuploader .text #pdfList { margin-right: 50px; } 
.pdfuploader .btn-start { cursor: pointer; float: left; border: 1px solid #e0e0e0; width: 130px; height: 50px; line-height: 50px; font-size: 18px; color: #ffffff; text-align: center; background-color: #cc9961; } 
.pdfuploader .btn-sel { position: relative; cursor: pointer; float: left; margin-right: 22px; border: 1px solid #e0e0e0; width: 130px; height: 50px; line-height: 50px; font-size: 18px; overflow: hidden; background-color: #dbdada; text-align: center; color: #333333; } 
.pdfuploader .btn-sel input { position: absolute; left: 0; top: 0; clip: rect(1px,1px,1px,1px); width: 130px !important; height: 50px !important; margin: 0 !important; padding: 0 !important; } 
.pdfuploader .btn-sel label { width: 130px !important; height: 50px !important; } 
.pdfuploader .btn-sel div { display: block; width: 100% !important; height: 100% !important; } 

.pdfuploader .btn-sel:hover,.pdfuploader .btn-start:hover { background-color: #183883; color: white; } 


.page { margin:0 auto; font-size: 0; text-align: center; padding: 20px; white-space: nowrap; margin-bottom: 30px; } 
.page a { font-size: 18px; margin-right: 10px; color: #010101; width: 44px; height: 44px; border: 1px solid #dcdcdc; text-align: center; line-height: 44px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.page a span { font-size: 16px; } 
.page a:hover,.page a.on { background-color: #1a3984; color: white; } 

.page div.goto_page { display: inline-block; height: 45px; width: auto; vertical-align: middle; margin-left: 10px; font-size: 18px; line-height: 45px; } 
.page div.goto_page > input { border: 1px solid #dcdcdc; outline: none; text-align: center; width: 40px; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 10px; font-size: 18px; } 
.page div.goto_page > button { background-color: transparent; font-size: 18px; width: 80px; height: 100%; outline: none; border: 1px solid #dcdcdc; margin-left: 7px; } 
.page div.goto_page > button:hover { background-color: #1a3984; color: white; } 




.stock { } 
.stock .title .tit { font-size: 40px; font-weight: bold; } 
.stock .title .code { margin-top: 5px; font-size: 36px; } 
.stock .price { margin-top: 15px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; color: #f33 !important; } 
.stock .price.on { color: #00b05a !important; } 
.stock .price .current { font-size: 34px; font-weight: bold; } 
.stock .price .compare { margin-left: 20px; margin-top: 10px; font-size: 26px; } 

.stock .cont { padding-top: 30px; } 
.stock .cont .el { float: left; font-size: 20px; margin-bottom: 30px; margin-right: 100px; width: 250px; } 
.stock .cont .el .tit { float: left; } 
.stock .cont .el .txt { float: right; } 
.stock .cont .el .tit { color: #666; } 
.stock .cont .el .txt { margin-left: 20px; } 
.stock .cont .el.dw .txt { color: #00b05a !important; } 
.stock .cont .el.up .txt { color: #f33 !important; } 

.ivs { padding: 70px 0; background-color: white; } 
.ivs .el { float: left; width: 445px; height: 540px; margin-left: 40px; } 
.ivs .el:first-child { margin-left: 0; } 
.ivs .el.el0 .t { background: url(../images/ivs1.jpg) no-repeat center; } 
.ivs .el.el1 .t { background: url(../images/ivs2.jpg) no-repeat center; } 
.ivs .el.el2 .t { background: url(../images/ivs3.jpg) no-repeat center; } 
.ivs .el .t { width: 100%; height: 200px; line-height: 200px; font-size: 40px; color: #ffffff; font-weight: bolder; text-align: center; } 
.ivs .el .t a { display: block; width: 100%; line-height: 200px; font-size: 40px; color: #ffffff; font-weight: bolder; } 
.ivs .el .c { padding: 0 30px;padding-top:5px; height: 335px; box-shadow: 0 0px 5px 1px rgba(230, 230, 230, .8); } 
.ivs .el .e a { height: 47px; line-height: 47px; display: block; padding-left: 20px; background: url(../images/ivsdot.jpg) left center no-repeat; position: relative; } 
.ivs .el .e a span { cursor: pointer; width: 100%; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } 
.ivs .el .e a span.icon { width: auto; position: absolute; top: 0px; right: 0; color: #1a3984; font-size: 20px; } 

.ivs .el .e:hover a { color: #1a3984; } 

.ivsbg { text-align: center; width: 100%; height: 300px; background: url(../images/ivsbg.png) no-repeat center; } 

.ivsbg .el { margin-top: 55px; text-align: left; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.ivsbg .el .tit { font-size: 26px; color: #ffffff; margin-bottom: 30px; } 

.ivsbg .el p { font-size: 18px; color: #ffffff; line-height: 35px; } 

.ivsbg .el:first-child { padding-right: 140px; border-right: 2px dashed white; margin-right: 140px; } 


 .listleft { float: left; width: 310px; border: 1px solid #e8e8e8; border-bottom: none; } 
 .listleft>div>a { position: relative; padding-left: 25px; font-size: 20px; color: #2c2c2c; display: block; height: 68px; line-height: 68px; border-bottom: 1px solid #e8e8e8; } 
 .listleft>div>a>span { display:block; position: absolute; top: 0; right: 25px; font-size: 20px; color: #c0c0c0; font-weight: bold; transition:.3s all ease-in-out; } 
 .listleft>div>a>span.on { transform:rotate(90deg); color:#1a3984; } 
 /*.listleft>div:hover a>span { transform:rotate(90deg); transition:.3s all ease-in-out; color:#1a3984; } */
 .listleft>div.on a>span { transform:rotate(90deg); transition:.3s all ease-in-out; color:#1a3984; } 


 .listleft>div>.sub { overflow:hidden; display:none; } 
 .listleft>div.on>.sub { display: block; } 
 .listleft>div>.sub>div { border-bottom: 1px solid #e8e8e8; } 
 .listleft>div>.sub>div>a { position: relative; padding-left: 50px; font-size: 16px; color: #999999; display: block; height: 60px; line-height: 60px; } 
 .listleft>div>.sub .subsub { display: none; display:none; } 
 .listleft>div>.sub>div>.subsub a { position: relative; padding-left: 70px; font-size: 14px; color: #2c2c2c; display: block; height: 50px; line-height: 50px; } 

 .listleft a:hover, .listleft div.on>a { color: #1a3984 !important; font-weight: bold; } 



.listright { width:1070px; float:right; } 
.showlist { overflow: hidden; } 
.showlist .el { padding: 0 35px; height: 85px; line-height: 85px; background-color: #f8f8f8; margin-bottom: 25px; white-space: nowrap; } 
.showlist .el>*,.showlist .el>a>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.showlist .el .ti { width: 150px; margin-right: 50px; font-size: 20px; color: #919090; } 
.showlist .el .t { width:680px; margin-right: 35px; font-size: 20px; color: #333333; overflow: hidden; text-overflow: ellipsis; } 
.showlist .el .a1 { width: 90px; margin-right: 20px; font-size: 18px; color: #1a3984; } 
.showlist .el .a1 a,.showlist .el .a1 i { font-size: 18px; color: #1a3984; } 
.showlist .el .a2 { width: 90px; font-size: 18px; color: #f67b02; } 
.showlist .el .a2 a,.showlist .el .a2 i { font-size: 18px; color: #f67b02; } 
.showlist .el i { margin-right: 5px; } 


.showlist .el>a { display: block; width: 100%; height: 100%; } 
.showlist .el>a .t {  } 

.showlist .el:hover { background-color: #1a3984; } 
.showlist .el:hover .ti,.showlist .el:hover .t,.showlist .el:hover .a1 a,.showlist .el:hover .a1 i ,.showlist .el:hover .a2 a,.showlist .el:hover .a2 i { color: white; } 
.showlist .el .a1:hover a,.showlist .el .a1:hover i,.showlist .el .a2:hover a,.showlist .el .a2:hover i { color: #f67b02; } 


.lgarg { width: 100%; height: 100%; top: 0; position: fixed; padding-top: 150px; z-index: 9999; background-color: rgba(0, 0, 0, .7); } 
/* 用户登录注册 */
.area { position: relative; margin: 0 auto; margin-top: 60px; border-radius: 10px; display: none; width: 360px; padding: 0 45px; padding-bottom: 35px; background-color: white; } 
.area#register { padding-bottom: 0; margin-top: 0; } 
.area .tit { padding: 30px 0; text-align: center; font-size: 24px; color: #1a3984; } 
.area .tit img { width: 230px; } 
.area input { height: 45px; line-height: 45px; margin-bottom: 20px; padding: 0 20px; width: 318px; font-size: 16px; display: block; border: 1px solid #dddddd; outline: none; color: #000; } 
.area input::placeholder { color: #b3b3b3; } 
.area input.codeimg { width: 145px; float: left; } 
.area input.mbcode { width: 158px; float: left; } 
.area .embed { width: 118px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #00a0e9; background-color: #fafafa; cursor: pointer; border: 1px solid #dddddd;  float: right; } 
.area .embed:hover { background-color: #d8d8d8; } 
.area .codearea { width: 100%; } 
.area .codearea .img { width: 120px; height: 44px; border: 1px solid #dddddd; float: right; display: block; } 

.area .confirm { margin-bottom: 10px; } 
.area input[type="checkbox"] { display: inline; margin-bottom: 0; vertical-align: middle; margin-right: 10px; width: 18px; height: 18px; border-radius: 0; background-color: #e5e5e5; cursor: pointer; } 
.area .confirm label { display: inline; font-size: 16px; color: #b3b3b3; cursor: pointer; vertical-align: middle; } 
.area .confirm label span { color: #1a3984; } 

.area .rglg { text-align: center; padding: 20px 0; font-size: 16px; color: #8a8a8a; } 
.area .rglg span { color: #00a0e9; cursor: pointer; } 
.area .rglg span:hover { color: #1a3984; } 

.area .btn { display: block; transition: .3s all linear; background-color: #183883; width: 360px; height: 45px; line-height: 45px; font-size: 18px; color: white; text-align: center; } 

.area .btn:hover { opacity: .8; cursor: pointer; transition: .3s all linear; } 


.area .lgtype { text-align: center; font-size: 0; margin: 20px 0; } 

.area .typebtn.mb { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../images/mobile.png) no-repeat center; width: 40px; height: 40px; cursor: pointer; } 
.area .typebtn.ac { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../images/account.png) no-repeat center; width: 40px; height: 40px; cursor: pointer; } 

.area .rgfp { font-size: 16px; color: #8a8a8a; margin-top: 20px; } 
.area .typebtn.rg { float: left; } 
.area .typebtn.fp { float: right; } 
.area .typebtn.fp:hover,.area .typebtn.rg:hover { color: #1a3984; cursor: pointer; } 


.area#wxlogin { padding-bottom: 0; } 
.area#wxlogin .typebtn.ac { margin-right: 0; } 
.area#wxlogin .lgtype { margin-bottom: 0; z-index: 9999999; } 
.area .wxqr { width: 300px; height: 270px; margin: 0 auto; overflow: hidden; } 
.area .wxqr .tit { padding-top: 25px; padding-bottom: 10px; } 
.area .wxqr img { width: 100%; height: 100%; } 

.area#findpwd .btn { margin-bottom: 20px; } 

.area .close { top: 10px; right: 10px; cursor: pointer; width: 28px; height: 28px; background: url(../images/close.png) no-repeat center; position: absolute; transition: .2s all ease; } 
.area .close:hover { transform: rotate(180deg); transition: .3s all linear; } 



/* 用户 */
.member { background-color: #fefefe; padding: 50px 0; } 
.member textarea::-webkit-scrollbar { width: 10px; } 
.member textarea::-webkit-scrollbar-track { background: #bfbebe; } 
.member textarea::-webkit-scrollbar-thumb { background: #00a0e9; } 
.member .title { margin-right: 10px; font-size: 18px; color: #333333; width: 110px; text-align: left; float: left; } 
.member .title span { display: table-cell; vertical-align: middle; width: 110px; height: 51px; text-align: left; } 

.member .avatar { margin-bottom: 30px; } 
.member .avatar #filePicker { margin-top: 20px; } 
.member .avatar .hide { display: none; } 
.member .avatar .info { display: none; } 
.member .avatar .close { position: absolute; top: 2px; right: 3px; background-color: rgb(0, 0, 0); color: white; border-radius: 100%; width: 21px; height: 21px; text-align: center; } 
.member .avatar .imgs { float: left; } 
.member .avatar .imgs .img { width: 120px; height: 120px; float: left; position: relative; } 
.member .avatar .imgs .img img { width: 120px !important; height: 120px !important; } 
.member .avatar .txt { width: 900px; padding-top: 15px; float: left; padding-left: 25px; } 
.member .avatar .txt .c { font-size: 16px; color: #999999; } 

.member .btns { margin: 0 auto; border-radius: 30px; margin-top: 35px; width: 275px; height: 60px; line-height: 60px; font-size: 26px; color: #fff; background-color: #1a3984; text-align: center; cursor: pointer; } 
.member .btns:hover { background-color: #00a0e9; } 


.member .el { display: block; margin-bottom: 20px; } 
.member .el .tit { font-size: 18px; color: #333333; width: 110px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.member .el input { vertical-align: middle; font-size: 18px; width: 430px; padding: 0 30px; height: 55px; line-height: 55px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.member .el input:read-only { border: none; } 
.member .el select { vertical-align: middle; font-size: 18px; width: 350px; padding: 0 30px; height: 55px; line-height: 55px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.member .el select::placeholder,.joinsform .el input::placeholder { font-size: 18px; color: #bcbcbc; } 
.member .el .code { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.member .el input#code { width: 250px; margin-right: 20px; } 
.member .el img { height: 50px; width: 155px; vertical-align: middle; cursor: pointer; } 
.member .pdfuploader { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.member .btn { margin: 0 auto; margin-top: 40px; width: 260px; height: 60px; line-height: 60px; cursor: pointer; background-color: #183883; color: white; font-size: 24px; } 
.member .btn:hover { opacity: .8; } 
.member textarea { width: 1255px; border: 1px solid #e0e0e0; padding: 20px; font-size: 18px; outline: none; height: 200px; resize: none; } 
.member .el textarea::placeholder { font-size: 18px; color: #bcbcbc; } 


.member .repwd { text-align: left; } 
.member .repwd .tit { margin-left: 450px; } 


.wantedlogin { color: red; cursor: pointer; } 
.wantedlogin:hover { color: #183883; } 


.train { margin-top: 130px; } 
.train>div { background-color: #f7f7f7; *zoom: 1; clear: both; margin-bottom: 160px; padding: 20px 0; } 
.train>div::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.train>div img { width: 600px; display: block; float: left; padding-bottom: 150px; margin-top: -100px; } 
.train>div h1 { float: left; width: 700px; font-size: 30px; color: #333333; margin-bottom: 50px; } 
.train>div h1 em { display: inline; font-size: 70px; color: #1a3984; font-style: italic; margin-right: 10px; } 
.train>div p { float: left; width: 700px; font-size: 18px; color: #2a2a2a; line-height: 40px; } 


.train>div:first-child img { margin-right: 80px; } 
.train>div:first-child img,.train>div:first-child+div+div img { float: left; margin-right: 50px; } 

.train>div:first-child+div img,.train>div:first-child+div+div+div img { float: right; padding-bottom: 240px; } 
.train>div:first-child+div h1,.train>div:first-child+div p { margin-left: 30px; } 
.train>div:first-child+div+div+div img { padding-bottom: 0; float: right; } 
.train>div:first-child+div+div+div p,.train>div:first-child+div+div+div h1 { clear: both; width: auto; margin-left: 30px; } 


.qrcode { max-width: 200px; max-height: 130px; font-size: 20px; } 
.qrcode img { width: 114px; height: 114px; } 
.wxqrcode .layui-layer-content { padding: 10px !important; } 




.sol-con { height: 200px; position: absolute; bottom: 70px; left: 50%; margin-left: -375px; width: 750px; } 
.sol-el { float: left; border-bottom: 1px solid #4f4c4c; width: 310px; } 
.sol-el.margin { margin-right: 120px; } 
.sol-el a { text-align: left; padding: 20px 0; font-weight: bold; display: block; color: #1f1f1f; font-size: 18px; transition: .3s all ease; } 
.sol-el a:hover { color: red; transition: .3s all ease; } 




.coc-3 { padding-bottom: 20px; } 
.coc-3 .con .hd { width: 100%; position: relative; } 
.coc-3 .con .hd .yeardot { height: 120px; overflow: hidden; width: 1380px; margin: 0 auto; *position: relative; } 
.coc-3 .con .hd ul { white-space: nowrap; font-size: 0; position: relative; margin: 0; padding: 0; transition: .3s all linear; } 
.coc-3 .con .hd ul li { border-bottom: 2px solid #b9b9b9; width: 170px; height: 100px; position: relative; cursor: pointer; font-size: 20px; font-weight: bold; color: #888888; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.coc-3 .con .hd ul li div { text-align: center; height: 52px; padding-bottom: 10px; } 
.coc-3 .con .hd ul li div>span { display:table-cell; vertical-align:bottom; width: 180px; height: 52px; text-align: center; } 
.coc-3 .con .hd ul li>span { display: block; position: absolute; bottom: -11px; left: 77px; margin: 0 auto; width: 15px; height: 15px; background-color: white; border: 3px solid #1a3984; border-radius: 100%; background-size: 38px; } 
.coc-3 .con .hd ul li.on { color: #1a3984; text-align: center; font-size: 30px; } 
.coc-3 .con .hd ul li.on>span { font-weight: bold; font-size: 30px; color: #1a3984; } 
.coc-3 .con .hd .prev,.coc-3 .con .hd .next { user-select: none; background-color: #cccccc; width: 42px; height: 42px; border-radius: 100%; text-align: center; line-height: 42px; font-size: 20px; color:white; position: absolute; top: 20px; cursor: pointer; } 
.coc-3 .con .hd .prev { left: -15px; } 
.coc-3 .con .hd .next { right: -15px; } 
.coc-3 .con .hd .prev:hover,.coc-3 .con .hd .next:hover { background-color: #1a3984; color: white; } 

.coc-3 .con .bd { margin: 0 auto; margin-top: 20px; overflow: hidden; } 
.coc-3 .con .bd ul { } 
.coc-3 .con .bd ul li { padding-top: 40px; text-align: center; font-size: 0; } 

.coc-3 .con .bd ul li .el { position: relative; min-height: 200px; display: inline-block; *display: inline; *zoom: 1; margin-right: 50px; width: 400px; padding: 20px 30px; color: white; background: #1a3984; text-align: left; } 
.coc-3 .con .bd ul li .el .head { z-index: 999; position: absolute; top: -20px; left: 0; width: 100%; height: 20px; background: url(../images/interior.png) no-repeat center bottom; } 
.coc-3 .con .bd ul li .el .tit { position: relative; margin-bottom: 20px; font-size: 30px; color: white; text-align: left; font-weight: bolder; line-height: 40px; } 
.coc-3 .con .bd ul li .el .tit:after { position: absolute; top: 20px; left: 120px; content: ''; width: 100px; height: 3px; background-color: white; } 
.coc-3 .con .bd ul li .el p { font-size: 18px; color: white; line-height: 40px; display: inline; } 


.showdownload { margin: 30px 0; } 
.showdownload .tit { font-size: 26px; margin: 15px 0; color: #006699; } 
.showdownload .con { padding-left: 20px; } 
.showdownload .con a { color: #0066cc; display: block; font-size: 16px; line-height: 30px; } 
.showdownload .con a:hover { color: #ed7d63; } 




.promodel-title { font-size:26px; color:#fff; background: url(/imgs/module_tit.png) no-repeat center; width:250px; height:46px; line-height:46px; } 

.ti2em::before { content:''; width:2em; display:inline-block; *display:inline; *zoom:1; } 


.listSch { padding:20px; line-height:33px; } 
.listSch .ti { font-size: 24px; color:#8cb9a0; padding-left:40px; } 
.listSch .no { font-size: 24px; color:#183883; padding-left:130px; } 
.listSch .tit { font-size: 24px; color:#000; padding-left:130px; } 

.listSch input { float:left; border:1px solid #e5e5e5; font-size:18px; color:#000; padding:5px 15px; outline:none } 
.listSch .btn { background-color: #183883; width:60px; color:white; font-size: 18px; text-align: center; outline: none; border:none; height:33px; line-height:33px; } 


.downloadBtn { width: 200px; padding: 20px 0; font-size: 26px; text-align:center; background-color:#183883; color:#fff; border-radius:15px; margin-bottom:20px; } 
.downloadBtn a { display:block; width:100%; height:100%; color: #fff; font-size: 24px; }