@charset "utf-8"; /* CSS Document */ a { color: #666; transition: all 0.3s ease 0s; } li { /*transition: all 0.3s ease 0s;*/ } .bgsize { background-size: cover !important; } .wrap { padding: 0 6%; width: 88%;/*transition: all 0.3s ease 0s;*/ } .wrap.m-wrap { /*padding: 0 3%; width: 94%;*/ padding: 0; width: 100%; } .m-wrap { padding: 0 2.7%; width: 94.6%; } .wrap.main { padding: 0 2.7%; width: 94.6%;} .header { position: fixed; z-index: 999; background: #fff } .header-main { height: 3.4rem; padding: 0 0.7%; width: 98.6%; } .mask { background-color: rgba(0,0,0,.4); position: fixed; top: 4rem; left: 0; z-index: -1; width: 100%; height: 100%; display: block } /*.header.owrap{ padding-top: 44px; padding-bottom: 26px; } .header.twrap{ padding-top: 34px; padding-bottom: 20px; }*/ .header.fixed { position: fixed; top: 0; left: 0; background-color: #fff; z-index: 20; } .header.fixed.short { padding-top: 2rem; height: 10.1rem; } .header.fixed.short .nav ul { padding-bottom: 1rem; } /*.header.twrap{ padding-top: 20px; padding-bottom: 10px; }*/ .header.m-wrap { /*padding-top: 13px;padding-bottom: 13px;*/height: 3.4rem; padding-top: 0; padding-bottom: 0; border-bottom: 1px #f5f5f5 solid;} .header.m-wrap.short { padding-top: 0; padding-bottom: 0; } .header.m-wrap.short.fixed { height: 4.6rem; } .header.m-wrap .left { } .header .left { width: 70%; } .header .right { width: 30%; } .header.m-wrap .right { display: none; } .header .logo { display: block; width: 20.6rem; height: 3.7rem; } .header .nav-ico { display: none; cursor: pointer; margin-right: 2.5%; height: 2rem; } .header.m-wrap .nav-ico { display: block; margin-right: 0; width: 2.8rem; height: 3.6rem; background: url(../images/ico_18.jpg) no-repeat center; background-size: auto 40%; } .header.m-wrap .nav-ico.hover { background: url(../mobile/img/ico_99.png) no-repeat center #0f90d3; background-size: auto 36%; } .header .nav-ico img { height: 100%; } .header .m-navwrap { display: none; } .header.m-wrap .m-navwrap { width: 100%; position: absolute; top: 3.4rem; left: 0; z-index: 20; display: none; background: #FFF } .header.m-wrap .m-navwrap ul, .header.m-wrap .m-navwrap li { width: 100%; } .header.m-wrap .m-navwrap .titnone{ display: block; width: 90%; padding: 0 5% 0 5%; height: 3.2rem; line-height: 3.2rem; font-size: 1.2rem; color: #fff; background:#F4F4F4; background-size: auto 16%; cursor: pointer;} .header.m-wrap .m-navwrap .titnone a{ display:block; width:100%} .header.m-wrap .m-navwrap .tit { display: block; width: 90%; padding: 0 5% 0 5%; height: 3.2rem; line-height: 3.2rem; font-size: 1.2rem; color: #fff; background: url(../images/ico_100.png) no-repeat 96% center #F4F4F4; background-size: auto 16%; cursor: pointer; } .header.m-wrap .m-navwrap .tit a { color: #000; display: block; } .header.m-wrap .m-navwrap .tit a:hover { color: #0f90d3; } .header.m-wrap .m-navwrap li { border-bottom: .1rem solid #fff; } .header.m-wrap .m-navwrap .sub-box { width: 100%; background-color: #f8f8f8; display: none; } .header.m-wrap .m-navwrap .sub-box a { display: block; width: 78%; padding: 0 17.4% 0 5.6%; height: 3.0rem; line-height: 3.0rem; border-top: .1rem solid #e8e8e8;color: #666; font-size: 1.0rem; } .header.m-wrap .m-navwrap .sub-box a:hover { color: #0f90d3 } .header.m-wrap .logo { margin-left: 2%; width: 60%; max-width: 100%; } .header.m-wrap .logo img { width: 80%; margin-top: .7rem; } .header .nav { width: 100%; margin-top: 1.6rem; line-height: 4.4rem; } .header.m-wrap .left .nav { display: none; } /*.header .nav ul{ padding-bottom: 30px; }*/ .header .nav li { padding-left: 2rem; padding-right: 2rem; padding-bottom: 1.2rem; position: relative; } .header .nav li:hover, .header .nav li.hover { /*border-bottom: 2px solid #0f90d3;*/ /*padding-bottom: 28px;*/ /*margin-bottom: -1px;*/ background: url(../mobile/img/bg_55.png) no-repeat center top; } .header.twrap .nav li:hover, .header.twrap .nav li.hover { background: url(../mobile/img/bg_56.png) no-repeat center top; } .header .nav li.home:hover, .header .nav li.home.hover { background: url(../mobile/img/bg_57.png) no-repeat center top; } .header.twrap .nav li.home:hover, .header.twrap .nav li.home.hover { background: url(../mobile/img/bg_58.png) no-repeat center top; } .header .nav li .subbox { position: absolute; top: 4.4rem; left: 0; width: 24rem; display: none; border-top: 3px solid #0f90d3; } .header .nav li .subbox .top-line { display: block; width: 100%; height: 10px; background: url(../mobile/img/bg_54.png) no-repeat center top; } .header .nav li .subbox a { display: block; padding-left: 2.5rem; width: 21.3rem; line-height: 5rem; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 1.4rem; color: #666; background-color: #fff; } .header .nav li:hover .subbox a, .header .nav li.hover .subbox a { color: #666; } .header .nav li .subbox a.bot { border-bottom: none; } .header .nav li .subbox a:hover { color: #0f90d3; } .header.short .nav li { padding-bottom: 1rem; } .header.short .nav li:hover, .header.short .nav li.hover { padding-bottom:.8rem; } .header.twrap .nav li { padding: 0 .5rem 1.2rem; } .header .nav li a { color: #333; font-size: 14px; } .header .nav li:hover a, .header .nav li.hover a { color: #fff; } .header .sharebox { margin-top: .7rem; width: 100%; height: 2.6rem; } .header .sharebox a { float: right; margin: 0 0 0 1rem; display: block; width: 2.6rem; height: 2.6rem; padding: 0; } .header .sharebox .sina { background: url(../mobile/img/ico_109.png) no-repeat center; } .header .sharebox .wei { background: url(../mobile/img/ico_108.png) no-repeat center; position: relative; } .header .sharebox .sina:hover { background: url(../mobile/img/ico_02.png) no-repeat center; } .header .sharebox .wei:hover { background: url(../mobile/img/ico_01.png) no-repeat center; } .header .sharebox .wei img { position: absolute; left: -100px; top: 100%; width: 20rem; display: none; } .header .s-nav { width: 100%; margin-top: 2.5rem; line-height: 3.2rem; height: 3.2rem; } .header .s-nav a { float: right; color: #333; line-height: 3.6rem; } .header .s-nav a.en { font-family: "Arial"; font-size: 1.6rem; font-weight: bold; color: #333; } .header .s-nav a:hover { color: #0f90d3; } .header .s-nav .line { display: inline-block; float: right; color: #e5e5e5; width: 3.2rem; text-align: center; } .header.twrap .s-nav .line { width: 1.4rem; } .menu ul.nav li:nth-child(1), .menu ul.nav li:nth-child(2), .menu ul.nav li:nth-child(3), .menu ul.nav li:nth-child(4), .menu ul.nav li:nth-child(5), .menu ul.nav li:nth-child(6) { border-bottom: 1px solid #fff; } .menu ul.nav li:first-child, .menu ul.nav li:nth-child(4) { border-left: none; } .menu { width: 100%; overflow: hidden } .menu ul.nav { clear: left; overflow: hidden; width: 100%; } .menu ul.nav li { float: left; width: 33.33%; box-sizing: border-box; background: rgb(15, 144, 211); border-left: 1px solid #fff; } .menu ul.nav li a { display: block; height: 46px; padding: 7px 0; margin: 0 auto; box-sizing: border-box; text-decoration: none; color: #fff; font-size: 16px; text-align: center } /*.menu ul.nav li.on{ background:#fff;} .menu ul.nav li.on a{ color:rgb(15, 144, 211)}*/ /****************搴曢儴***************/ footer { width: 100%; height: 3.8rem; background: rgba(0, 0, 0, 0.8); color: #fff; font-size: 1.0rem; border-top: solid 1px #fff; padding-top: 0.7rem; position: fixed; left: 0; bottom: 0; z-index: 10 } .mune { float: left; width: 19.9%; height: auto; text-align: center; } .mune a { color: #fff; line-height: 1.9rem; cursor: pointer } .mune a.active, .mune a.active i.icon { color: #0f90d3 } .mune p { font-size: .8rem; } .mune i { font-size: 1.7rem; color:#fff} /**************棣栭〉**************/ .slider-focus { position:relative; width:100%; overflow:hidden;/*max-height:320px;*/ margin:0 auto;padding-top: 3.4rem} .slider-focus .hd { position:absolute; width:100%; height:1.0rem; left:0; bottom:2.7%; z-index:1; line-height:1.0rem; text-align:center; } .slider-focus .hd ul{ float:none; text-align:center;list-style-type:none;} .slider-focus .hd li { display:inline-block; vertical-align:middle; width:0.6rem; height:0.6rem; margin:0 0.3rem; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; font-size:0; line-height:0; text-indent:-9999em; background:#fff; cursor:pointer;float:none; } .slider-focus .hd li.on { background:#0f90d3; } .slider-focus .bd { position:relative; z-index:0; } .slider-focus .bd ul{} .slider-focus .bd li { position:relative; text-align:center; } .slider-focus .bd li img { background:url(../images/loading.gif) center center no-repeat; vertical-align:top; width:100%;/* 鍥剧墖瀹藉害100%锛岃揪鍒拌嚜閫傚簲鏁堟灉 */ } .slider-focus .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } /* 鍘绘帀閾炬帴瑙︽懜楂樹寒 */ .slider-focus .bd li .tit { display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff; text-align:left; } .about_title{ text-align:center;line-height: 2.1rem;} .about_title h3{font-weight: 100; color: #0f90d3;} .about{ margin-top:2.7%; font-size:1.rem} .about p{ font-size:1.0rem; padding-bottom:0.2rem} .text_indent{ text-indent:2em} .about strong{ color:rgb(15, 144, 211)} .main .about .talent{margin-bottom:0} .section { width: 100%; padding: 0; } .section .section-title { line-height: 1.6; color: #0f90d3; font-weight: 200; width: 94.4%; padding: 1rem 2.7%; background-color: #f5f5f5; position: relative } .section .section-title .more { position: absolute; display: block; width: 1.3rem; height: 1.3rem; background: url(../images/ico_14.png) no-repeat center; top: 1.5rem; right: 4.2% } .news-section { display: block; overflow: hidden; } .news-section .news-list { background-color: #fff; width:100%;font-size: 1.3rem; } .news-section .news-list .list-item { padding: 1.0rem 0; position: relative; overflow: hidden; line-height: 1.3; border-bottom: 1px solid #f5f5f5; width: 100%; } .news-section .news-list .list-item:last-child { border-bottom: 0 } .news-section .news-list .list-item a { padding-left:.8rem; color: #888; } .news-section .news-category { font-size: 1.0rem; background-color: #f6f6f6; color: #0f90d3; border-radius: .6rem; padding: .3rem .6rem; } .i-m-wrap { } .i-m-wrap .wrap-fir { margin-top: 1.5rem; padding-bottom:.7rem; } .i-m-wrap .wrap-fir ul { width: 100%; } .i-m-wrap .wrap-fir li { width: 100%; margin-bottom:.rem; } .i-m-wrap .wrap-fir li a { display: block; width: 100%; } .i-m-wrap .wrap-fir li .img { display: block; width: 100%; } .i-m-wrap .wrap-fir li img { width: 100%; } .i-m-wrap .wrap-fir li p { text-align: center; line-height: 3rem; color: #666; } .i-m-wrap .wrap-sec { padding-top: 1.8rem; background-color: #f5f5f5; padding-bottom:.5rem; } .i-m-wrap .wrap-sec ul { width: 100%; } .i-m-wrap .wrap-sec li { width: 46.4%; margin-right: 7.1%; line-height: 2.2rem; margin-bottom: 1.5rem; text-align: center; } .i-m-wrap .wrap-sec li.right { margin-right: 0; } .i-m-wrap .wrap-sec li a { color: #333; display: block; padding-top: 5.3rem; padding-bottom: 1.1rem; width: 100%; } .i-m-wrap .wrap-sec p { font-size: 1.2rem; } .i-m-wrap .wrap-sec .li1 { background: url(../images/ico_19.png) no-repeat center 30% #fff; background-size: auto 30%; } .i-m-wrap .wrap-sec .li2 { background: url(../images/ico_20.png) no-repeat center 30% #fff; background-size: auto 30%; } .i-m-wrap .wrap-sec .li3 { background: url(../images/ico_21.png) no-repeat center 30% #fff; background-size: auto 30%; } .i-m-wrap .wrap-sec .li4 { background: url(../images/ico_22.png) no-repeat center 30% #fff; background-size: auto 30%; } .i-m-wrap .wrap-sec .li5 { background: url(../images/ico_23.jpg) no-repeat center 30% #fff; background-size: auto 30%; } .i-m-wrap .wrap-sec .li6 { background: url(../images/ico_24.jpg) no-repeat center 30% #fff; background-size: auto 30%; } .i-m-wrap .wrap-thi { padding-top:.8rem; } .i-m-wrap .wrap-thi .tit { } .thi-img { background-color: #FFF; padding: 5% 0; } .i-m-wrap .wrap-thi .left { width: 36%; } .i-m-wrap .wrap-thi .en { color: #888; line-height: 1.9rem; text-transform: uppercase; } .i-m-wrap .wrap-thi .tit .f18 { color: #0f90d3; } .i-m-wrap .wrap-thi .tit .link { display: inline-block; color: #0f90d3; } .i-m-wrap .wrap-thi .line { background-color: #dedede; width: 20%; height: 2px; margin-top: 1rem; display: block; } .i-m-wrap .wrap-thi .more { margin-top: 1.6rem; height: 2.5rem; } .i-m-wrap .wrap-fou { padding-top: 1.0rem; padding-bottom: 1.0rem; } .i-m-wrap .wrap-fou .top { border-bottom: 1px #e7e7e7 dashed; position: relative; display:block } .i-m-wrap .wrap-fou .top a{ display:block} .i-m-wrap .wrap-fou .left { width: 100%; } .i-m-wrap .wrap-fou .f18 { line-height: 2.0rem; color: #0f90d3; } .i-m-wrap .wrap-fou .en { color: #888; line-height: 1.3rem; text-transform: uppercase; font-size: 1.0rem } .i-m-wrap .wrap-fou .line { width: 100%; height: .4rem; display: block; } .i-m-wrap .wrap-fou .newslist { width: 100%; cursor: grab; margin-top:.7rem } .i-m-wrap .wrap-fou .newslist .swiper-pagination { bottom: 2.8rem } .i-m-wrap .wrap-fou .newslist ul { width: 100%; } .i-m-wrap .wrap-fou .newslist li { width: 100%; } .i-m-wrap .wrap-fou .newslist li a { display: block; width: 100%; } .i-m-wrap .wrap-fou .newslist li img { } .i-m-wrap .wrap-fou .newslist .tit { color: #888; line-height: 1.6rem; font-size: 1.1rem; display: block; text-align: center } .i-m-wrap .wrap-fou .newslist .date { line-height: 1.4rem; color: #8d8d8d; font-family: "Calibri"; display: block; } .i-m-wrap .wrap-fou .newslist .font { display: block; line-height: 1.4rem; margin-top: .4rem; color: #666; } .i-m-wrap .wrap-fou .newslist .ico { display: block; width: 1.4rem; height: 1.4rem; background: url(../images/ico_13.png) no-repeat center; margin-top:.8rem; } .i-m-wrap .wrap-fou .n-pagination { position: absolute; left: 50%; bottom: 0; } .i-m-wrap .wrap-fou .n-pagination span { float: left; display: block; height: .4rem; width: .8rem; border-radius:.3rem; background-color: #bbbbbb; margin-left:.8rem; } .i-m-wrap .wrap-fou .n-pagination .swiper-pagination-bullet-active { width: 1.3rem; background-color: #0f90d3; } .i-m-wrap .wrap-fou .more { display: block; width: 1.3rem; height: 1.2rem; background: url(../images/ico_14.png) no-repeat center; position: absolute; right:.5rem; top:.9rem } /****************鏂伴椈鍔ㄦ€?*************/ .ins-banner { width: 100%; position: relative; overflow: hidden; z-index: 10; padding-top: 3.4rem;} .ins-banner.margin { padding-top: 141px; } .ins-banner img { float: left; width: 100%; } .bg-gray { background-color: #f5f5f5; } /***************娴烽噺涓栫晫鍐呴〉*************/ .ins-navbox { height: 75px; background-color: #fff; border-bottom: 1px solid #e5e5e5; } .ins-navbox.m-wrap { display: none; } .ins-navbox.fixed { position: fixed; top: 0; left: 0; z-index: 11; } .ins-navbox li { margin-right: 23px; font-size: 16px; line-height: 74px; } .ins-navbox.twrap li { margin-right: 10px; } .ins-navbox li a { display: block; padding: 0 18px; } .ins-navbox.twrap li a { padding: 0 10px; } .ins-navbox li a:hover, .ins-navbox li a.hover { color: #0f90d3; border-bottom: 2px solid #0f90d3; position: relative; margin-bottom: -1px; } .ins-navbox .return-top { display: block; height: 36px; line-height: 36px; padding-left: 25px; padding-right: 54px; background: url(../mobile/img/ico_32.png) no-repeat 95px center; border: 1px solid #dbdbdb; font-size: 14px; cursor: pointer; margin-top: 19px; } .ins-navbox .return-top:hover { color: #fff; background: url(../mobile/img/ico_33.png) no-repeat 95px center #0f90d3; border: 1px solid #0f90d3; } .ins-navbox.twrap .return-top { padding-right: 30px; padding-left: 15px; background: url(../mobile/img/ico_32.png) no-repeat 80px center; } .ins-navbox.twrap .return-top:hover { color: #fff; background: url(../mobile/img/ico_33.png) no-repeat 80px center #0f90d3; border: 1px solid #0f90d3; } .profile-wrap { padding-top: 50px; padding-bottom: 60px; transition: normal; } .profile-wrap.m-wrap { padding-top: 25px; padding-bottom: 30px; position: relative; transition: normal; } .m-wrap .blackbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; display: none; z-index: 10; } .profile-wrap .f48 { font-size: 48px; color: #0056a9; line-height: 67px; } .profile-wrap.m-wrap .f48 { font-size: 18px; line-height: 24px; } .profile-wrap .f36 { font-size: 36px; line-height: 46px; color: #e5e5e5; text-transform: uppercase; } .profile-wrap.m-wrap .f36 { font-size: 15px; line-height: 18px; } .profile-wrap .cont { width: 100%; margin-top: 21px; } .profile-wrap .cont:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .profile-wrap .cont .boxs { width: 43%; margin-right: 6%; font-size: 14px; line-height: 30px; float: left; } .profile-wrap.m-wrap .cont .boxs { float: none; width: 100%; margin-bottom: 10px; line-height: 20px; font-size: 14px; } .profile-wrap .bot-box { width: 100%; position: relative; overflow: hidden; margin-top: 28px; } .profile-wrap.m-wrap .botlist { display: none; } .profile-wrap .botlist { position: relative; width: 100%; overflow: hidden; margin: 0 auto; z-index: 1; } .profile-wrap .botlist ul { width: 100%; } .profile-wrap .botlist li { width: 25%; position: relative; } .profile-wrap .botlist li a { display: block; width: 100%; cursor: pointer; } .profile-wrap .botlist li img { width: 100%; height: 100%; display: block; } .profile-wrap .botlist .upbox { position: absolute; left: 0; top: 0; display: none; width: 100%; height: 100%; background: url(../mobile/img/bg_08.png) repeat center; } .profile-wrap .botlist .upbox p { width: 150px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; height: 48px; line-height: 48px; text-align: center; font-size: 14px; color: #fff; opacity: 0; position: absolute; left: 50%; margin-left: -75px; top: 0; margin-top: -24px; } .profile-wrap .botlist .butn { display: block; width: 45px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 10; cursor: pointer; } .profile-wrap .botlist .prev { left: 0; background: url(../mobile/img/ico_34.png) no-repeat left top; } .profile-wrap .botlist .prev:hover { background: url(../mobile/img/ico_34.png) no-repeat left bottom; } .profile-wrap .botlist .next { right: 0; background: url(../mobile/img/ico_34.png) no-repeat right top; } .profile-wrap .botlist .next:hover { background: url(../mobile/img/ico_34.png) no-repeat right bottom; } .m-ins-navbox { width: 100%; height: 38px; background-color: #fff; display: none; position: relative; z-index: 11; } .m-ins-navbox.fixed { position: fixed; top: 0; left: 0; z-index: 11; } .m-ins-navbox .left { width: 15%; cursor: pointer; } .m-ins-navbox .left .ico { display: block; width: 100%; height: 38px; background: url(../mobile/img/ico_35.png) no-repeat center #0f90d3; background-size: auto 50%; } .m-ins-navbox .ret-subbox { position: absolute; top: 38px; width: 100%; background-color: #0f90d3; left: 0; z-index: 2; display: none; } .m-ins-navbox .ret-subbox a { display: block; width: 95%; padding-left: 5%; height: 38px; line-height: 38px; border-bottom: 1px solid #4882b6; color: #fff; font-size: 14px; background: url(../mobile/img/ico_38.png) no-repeat 92% center; background-size: auto 35%; } .m-ins-navbox .right { width: 85%; position: relative; } .m-ins-navbox .right .tit { display: block; width: 95%; padding-left: 5%; font-size: 14px; color: #0f90d3; line-height: 38px; background: url(../mobile/img/ico_36.png) no-repeat 93% center; background-size: auto 50%; cursor: pointer; } .m-ins-navbox .right .subbox { width: 100%; position: absolute; top: 38px; background-color: #fff; z-index: 2; display: none; left: 0; } .m-ins-navbox .right .subbox a { display: block; width: 95%; padding-left: 5%; line-height: 38px; height: 38px; border-top: 1px solid #e5e5e5; background: url(../mobile/img/ico_37.png) no-repeat 92% center; background-size: auto 35%;/*border-left: 1px solid #fff; margin-left: -1px;*/ } .profile-wrap .m-botbox { width: 100%; display: none; position: relative; } .profile-wrap.m-wrap .m-botbox { display: block; } .profile-wrap .m-botbox li { width: 100%; transition: normal; } .profile-wrap .m-botbox li a { display: block; width: 100%; position: relative; transition: normal; } .profile-wrap .m-botbox li img { width: 100%; display: block; } .profile-wrap .m-botbox li p { width: 100%; text-align: center; line-height: 40px; font-size: 14px; background: url(../mobile/img/bg_09.png) repeat center; color: #fff; position: absolute; bottom: 0; left: 0; } .profile-wrap .m-botbox .butn { display: block; position: absolute; width: 23px; height: 40px; top: 50%; margin-top: -20px; z-index: 2; } .profile-wrap .m-botbox .prev { left: 0; background: url(../mobile/img/ico_34.png) no-repeat left top; background-size: auto 200%; } .profile-wrap .m-botbox .next { right: 0; background: url(../mobile/img/ico_34.png) no-repeat right top; background-size: auto 200%; } /**********鍙戝睍鍘嗙▼**********/ .course-wrap { padding:2.7% 0; transition: normal; } .course-wrap.m-wrap { padding-top: 2.7%; position: relative; } .course-wrap p.f48 { font-size: 48px; line-height: 69px; color: #0f90d3; } .course-wrap.m-wrap p.f48 { font-size: 20px; line-height: 34px; } .course-wrap span.f14 { display: block; width: 100%; line-height: 34px; } .course-wrap.m-wrap span.f14 { font-size:1.2rem; text-align:center} .course-wrap .course-list { margin-top: 58px; width: 100%; position: relative; } .course-wrap.m-wrap .course-list { margin-top: 2.7%; } .course-wrap .course-list .ovh { width: 91%; margin: 0 auto; position: relative; overflow: hidden; background: url(../mobile/img/bg_12.png) repeat-x left center; } .course-wrap.m-wrap .course-list .ovh { background: none; width: 100%; } .course-wrap .course-list li { width: 300px; position: relative; margin-right: -93px; } .course-wrap.m-wrap .course-list li { margin-right: 0; margin-bottom:2.7%; width: 100%; } .course-wrap .course-list .main { padding: 17px 20px 27px; background-color: #fff; width: 260px; color: #777; } .course-wrap .course-list .main p { font-size: 1.0rem; overflow:hidden} .course-wrap .course-list .main p span{ padding-right:2.7%; display:inline-block} .course-wrap.m-wrap .course-list .main { width: 94.6%; padding:2.7% 2.7% 2.7%; } .course-wrap .course-list li .top { background: url(../images/bg_10.png) no-repeat left top; padding-top: 45px; height: 42px; line-height: 42px; font-family: "Arial"; font-size: 18px; text-align: center; } .course-wrap.m-wrap .course-list li .top { padding-top: 0; padding-left: 3%; width: 97%; text-align: left; background: #e8e8e8; } .course-wrap .course-list li.odd { margin-top: 0; } .course-wrap.m-wrap .course-list li.odd { position: relative; } .course-wrap .course-list li.odd .top { background: url(../mobile/img/bg_11.png) no-repeat left bottom; padding-bottom: 45px; padding-top: 0; } .course-wrap.m-wrap .course-list li.odd .top { padding-bottom: 0; background: #e8e8e8; position: absolute; top: 0; left: 0; width: 100%; } .course-wrap.m-wrap .course-list li.odd .main { margin-top: 42px; } .course-wrap .course-list .butn { display: block; width: 42px; height: 42px; position: absolute; top: 50%; margin-top: -21px; cursor: pointer; } .course-wrap.m-wrap .course-list .butn { display: none; } .course-wrap .course-list .prev { background: url(../mobile/img/ico_40.png) no-repeat center top; left: 0; } .course-wrap .course-list .next { background: url(../mobile/img/ico_39.png) no-repeat center top; right: 0; } .course-wrap .course-list .butn:hover { background-position: center bottom; } .course-wrap .course-list li:hover .top { background: url(../mobile/img/bg_10.png) no-repeat right top; color: #fff; } .course-wrap.m-wrap .course-list li:hover .top, .course-wrap.m-wrap .course-list li.odd:hover .top { background: #e8e8e8; color: #666; } .course-wrap .course-list li.odd:hover .top { background: url(../mobile/img/bg_11.png) no-repeat right top; color: #fff; } /*************浼佷笟鑽h獕************/ .honor-wrap { padding-top: 50px; padding-bottom: 20px; transition: normal; } .honor-wrap.m-wrap { padding-top: 25px; padding-bottom: 10px; } .honor-wrap p.f48 { font-size: 48px; line-height: 66px; color: #0f90d3; } .honor-wrap.m-wrap p.f48 { line-height: 25px; font-size: 18px; margin-bottom: 3px; } .honor-wrap span.f14 { display: block; line-height: 34px; } .honor-wrap.m-wrap span.f14 { line-height: 18px; } .honor-wrap .honor-list { margin-top: 30px; width: 100%; } .honor-wrap .honor-list { width: 100%; } .honor-wrap .honor-list ul { width: 100%; } .honor-wrap .honor-list li { margin-bottom: 40px; width: 100%; background-color: #fff; transition: normal; } .honor-wrap .honor-list .img { display: block; width: 35%; position: relative; overflow: hidden; transition: normal; height: 100%; } .honor-wrap .honor-list .img img { position: relative; /*height: 100%;*/ top: 0; width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s; display: block; } .honor-wrap.m-wrap .honor-list .img { width: 100%; float: none; } .honor-wrap .honor-list .img:hover img { transform: scale(1.1, 1.1); transition: transform 0.6s ease 0s; } .honor-wrap .honor-list .right { width: 60%; padding-top: 1%; margin-left: 3.5%; margin-right: 1%; } .honor-wrap.m-wrap .honor-list .right { width: 88%; float: none; margin: 0; padding: 15px 6% 24px; } .honor-wrap.twrap .honor-list .right { padding-top: 0; } .honor-wrap .honor-list .tit { width: 100%; line-height: 89px; height: 89px; } .honor-wrap.owrap .honor-list .tit { line-height: 55px; height: 55px; } .honor-wrap.twrap .honor-list .tit { line-height: 34px; height: 34px; } .honor-wrap.m-wrap .honor-list .tit { height: auto; overflow: hidden; } .honor-wrap .honor-list .tit .f30 { color: #0f90d3; display: inline-block; margin-right: 19px; font-size: 30px; line-height: 83px; } .honor-wrap.owrap .honor-list .tit .f30 { line-height: 50px; } .honor-wrap.twrap .honor-list .tit .f30 { line-height: 31px; font-size: 20px; } .honor-wrap.m-wrap .honor-list .tit .f30 { width: 100%; line-height: 30px; font-size: 20px; } .honor-wrap .honor-list .tit .f36 { text-transform: uppercase; color: #eee; font-size: 36px; } .honor-wrap.twrap .honor-list .tit .f36 { font-size: 20px; } .honor-wrap.m-wrap .honor-list .tit .f36 { font-size: 20px; line-height: 22px; } .honor-wrap .honor-list .list { width: 100%; overflow: hidden; } .honor-wrap .honor-list .list span { display: block; float: left; line-height: 50px; border-bottom: 1px solid #e5e5e5; font-size: 14px; width: 27%; padding-left: 2%; margin-right: 4%; } .honor-wrap.owrap .honor-list .list span { width: 34%; line-height: 38px; } .honor-wrap.twrap .honor-list .list span { width: 46%; line-height: 24px; padding: 0; } .honor-wrap.m-wrap .honor-list .list span { width: 96%; padding-left: 4%; line-height: 38px; } .target-wrap { transition: normal; position: relative; z-index: 10; } .target-wrap .tit { padding-top: 50px; } .target-wrap.m-wrap .tit { padding-top: 20px; } .target-wrap .tit .f14 { line-height: 34px; } .target-wrap.m-wrap .tit .f14 { line-height: 22px; font-size: 12px; } .target-wrap .tit .f18 { color: #333; line-height: 37px; } .target-wrap.m-wrap .tit .f18 { line-height: 24px; font-size: 14px; margin-top: 6px; } .target-wrap .tit span { display: block; } .target-wrap .tit .f48 { font-size: 48px; color: #0f90d3; line-height: 66px; } .target-wrap.m-wrap .tit .f48 { font-size: 20px; line-height: 34px; } .target-wrap .target-list { margin-top: 27px; } .target-wrap.m-wrap .target-list { margin-top: 14px; } .target-wrap .target-list ul { width: 100%; } .target-wrap .target-list li { margin-bottom: 40px; width: 100%; background-color: #fff; padding: 52px 0; } .target-wrap.m-wrap .target-list li { padding: 18px 0; } .target-wrap .target-list .left { width: 54%; margin-left: 5%; } .target-wrap.m-wrap .target-list .left { padding-left: 8.6%; margin-left: 0; width: auto; float: none; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .target-wrap .target-list .img { display: block; width: 37%; } .target-wrap.m-wrap .target-list .img { float: none; width: 100%; text-align: center; } .target-wrap .target-list .img img { width: 100%; } .target-wrap.m-wrap .target-list .img img { width: 85%; } .target-wrap .target-list .f36 { font-size: 36px; color: #0f90d3; line-height: 54px; margin-top: 40px; } .target-wrap.owrap .target-list .f36 { margin-top: 0; } .target-wrap.twrap .target-list .f36 { margin-top: 0; font-size: 24px; line-height: 34px; } .target-wrap.m-wrap .target-list .f36 { font-size: 18px; line-height: 20px; margin-top: 10px; } .target-wrap .target-list .f68 { font-size: 68px; color: #f7f7f7; line-height: 90px; text-transform: uppercase; } .target-wrap.owrap .target-list .f68 { font-size: 56px; } .target-wrap.twrap .target-list .f24 { font-size: 18px; } .target-wrap.m-wrap .target-list .f24 { font-size: 12px; } .target-wrap.twrap .target-list .f68 { font-size: 32px; line-height: 50px; } .target-wrap.m-wrap .target-list .f68 { font-size: 24px; line-height: 40px; } .strategic-wrap { position: relative; transition: normal; } .strategic-wrap .tit { padding: 40px 0 0; } .strategic-wrap.m-wrap .tit { padding: 10px 0 0; } .strategic-wrap .tit .f48 { color: #0f90d3; font-size: 48px; line-height: 86px; } .strategic-wrap.m-wrap .tit .f48 { font-size: 18px; line-height: 34px; } .strategic-wrap .strategic-list { margin-top: 20px; } .strategic-wrap.m-wrap .strategic-list { margin-top: 10px; } .strategic-wrap .strategic-list ul { width: 100%; } .strategic-wrap .strategic-list li { width: 100%; margin-bottom: 50px; background-color: #fff; } .strategic-wrap.m-wrap .strategic-list li { padding-bottom: 47px; } .strategic-wrap .strategic-list .img { display: block; width: 35%; } .strategic-wrap.m-wrap .strategic-list .img { float: none; width: 100%; transition: normal; } .strategic-wrap .strategic-list .img img { width: 100%; display: block; } .strategic-wrap .strategic-list .right { margin-left: 6%; width: 59%; padding-top: 4%; } .strategic-wrap.twrap .strategic-list .right { padding-top: 0; } .m-wrap .strategic-list .right { width: 88%; } .strategic-list .right .f48 { font-size: 48px; line-height: 86px; color: #0f90d3; } .twrap .strategic-list .right .f48, .owrap .strategic-list .right .f48 { font-size: 25px; line-height: 40px; margin-top: 20px; } .twrap .strategic-list .right .f18, .owrap .strategic-list .right .f18 { line-height: 32px; } .m-wrap .strategic-list .right .f48 { font-size: 20px; line-height: 36px; } .strategic-list .right .f18 { line-height: 40px; display: block; width: 90%; } .twrap .strategic-list .right .f18 { line-height: 22px; font-size: 14px; margin-top: 10px; } .m-wrap .strategic-list .right .f18 { font-size: 14px; line-height: 18px; } .company-wrap { transition: normal; } .company-wrap.m-wrap { position: relative; } .company-wrap .company-list { padding-top: 60px; } .company-wrap.m-wrap .company-list { padding-top: 20px; } .company-wrap .company-list ul { width: 100%; } .company-wrap .company-list li { width: 100%; background-color: #fff; margin-bottom: 40px; position: relative; transition: normal; } .company-wrap .company-list .cent { width: 49%; padding-top: 18px; } .company-wrap.m-wrap .company-list .cent { float: none; width: 100%; padding-top: 0; border-bottom: 1px solid #e5e5e5; } .company-wrap .company-list .cent .img { display: block; width: 100%; transiton: normal; } .company-wrap .company-list .cent img { width: 100%; display: block; } .company-wrap .company-list .num { display: block; width: 12%; text-align: center; font-size: 120px; color: #0f90d3; padding-top: 18px; line-height: 140px; font-family: "Bebas", "Arial"; } .company-wrap.owrap .company-list .num { font-size: 56px; line-height: 78px; } .company-wrap.twrap .company-list .num { font-size: 50px; line-height: 58px; } .company-wrap.m-wrap .company-list .num { float: none; display: inline-block; font-size: 18px; width: auto; line-height: 71px; padding-top: 0; left: 3%; position: absolute; } .company-wrap .company-list .ttbox { width: 100%; display: block; line-height: 70px; height: 70px; } .company-wrap.twrap .company-list .cent .ttbox { line-height: 50px; height: auto; overflow: hidden; max-height: 100px; } .company-wrap.m-wrap .company-list .ttbox { height: 70px; } .company-wrap.twrap .company-list .link { float: left; line-height: 30px; margin: 5px 0; } .company-wrap .company-list .link { display: inline-block; padding-right: 48px; background: url(../mobile/img/ico_41.png) no-repeat right center; font-size: 18px; } .company-wrap.m-wrap .company-list .link { font-size: 14px; background-size: auto 30%; padding-right: 28px; margin-right: 3%; } .company-wrap .company-list .link:hover { color: #0f90d3; } .company-wrap .company-list .word { display: block; width: 100%; margin-top: 21px; line-height: 30px; font-size: 14px; } .company-wrap.m-wrap .company-list .word { font-size: 14px; line-height: 24px; width: 90%; padding: 10px 5% 20px; } .company-wrap .company-list .right { width: 29%; padding: 18px 4% 0; background-color: #fcfcfc; } .company-wrap.m-wrap .company-list .right { float: none; width: 90%; padding: 0 5%; background-color: #fff;/*height: 350px;*/ } .company-wrap .company-list .ttbox .f30 { font-size: 30px; color: #0f90d3; } .company-wrap.owrap .company-list .right .ttbox .f30 { width: 100%; } .company-wrap.twrap .company-list .ttbox .f30 { display: block; width: 100%; } .company-wrap.m-wrap .company-list .ttbox .f30 { font-size: 14px; } .company-wrap.m-wrap .company-list .right .ttbox .f30 { width: 100%; } .company-wrap.m-wrap .company-list .cent .ttbox .f30 { padding-left: 12%; } .company-wrap .company-list .graph { display: block; width: 100%; height: 75%; } .company-wrap.owrap .company-list .ttbox .f14 { float: left; margin-bottom: 14px; line-height: 20px; } .company-wrap.twrap .company-list .ttbox .f14 { line-height: 24px; float: left; } .company-wrap .company-list .right .ttbox { height: 124px; } .company-wrap.twrap .company-list .right .ttbox { line-height: 50px; } /*.company-wrap.owrap .company-list .right{ height: 460px; } .company-wrap.twrap .company-list .right{ height: 440px; }*/ .company-wrap.m-wrap .company-list .right .ttbox { line-height: 60px; height: 80px; } .company-wrap.m-wrap .company-list .right .f14 { display: inline-block; font-size: 12px; float: left; line-height: 20px; margin-top: -16px; } #mydiv{ z-index:9999} .navbox { width: 100%;padding-top:2.7%; border-bottom: .1rem solid #d4d4d4; height: 3.3rem; text-align: center; background:#fff} .navbox.paddingtop{ padding-top:2.7%} .navbox a { margin: 0 0.2rem; display: inline-block;font-size: 1.2rem; line-height: 1.8; height: 2.9rem; float: none; padding:0 .2rem; } .navbox a.hover { border-bottom: .2rem solid #0f90d3;} .video{text-align:center; overflow:hidden; width:100%; background: #fff; padding-top:2.0%} .video a{ font-size:1.2rem; color:#000; display:inline-block; border:1px #f5f5f5 solid; font-weight:200; padding:2.5% 2.7%;text-align: center;cursor: pointer; margin:0 1%} .video a:hover{ background:rgb(15, 144, 211); color:#fff;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .video a.hover{ color:#fff;background:rgb(15, 144, 211)} /****************鏂伴椈濯掍綋**************/ .news-home .wrap2 { padding-top: 2.7%; } .news-home .wrap2.m-wrap { transition: normal; padding:0 0 4.5rem 0; } .news-home .wrap2 .main { width: 100%; position: relative; overflow: hidden; opacity: 0; filter: Alpha(opacity=0);} .news-home .wrap2 .newslist{width: 94.6%; padding:0 2.7%;} .news-home .wrap2 .box { background-color: #fff; float: left; } .news-home .wrap2 .box img{ display:block} .talent{ padding:2.7%; font-size:1.2rem; overflow:hidden; margin-bottom:2.7%} .jobline{ padding:2.7%; font-size:1.0rem; overflow:hidden} .jobline img{ width:100%; padding:2.7% 0;} .news-home .wrap2 .jobline a.joblink{ padding:0; width:100%} .news-home .wrap2.m-wrap .box { width: 94.6%; padding: 2.7%; margin-bottom: 1.8rem; } .news-home .wrap2.m-wrap .newsline{ margin-top:2.7%; margin-bottom:0} .news-home .wrap2.m-wrap .box:hover { color:#0f90d3; } .news-home .wrap2.m-wrap .box:hover a{ color:#0f90d3;} .news-home .wrap2.m-wrap .box a:hover{ color:#0f90d3;} .news-home .wrap2 .box a { display: block; /*width: 345px;*/ width: 26rem; padding: 3rem; transition: all 0.3s ease 0s; cursor: pointer; } .news-home .wrap2.m-wrap .box a { transition: normal; width: 100%; padding: 0; } .news-home .wrap2 .box a:hover { background-color:none; } .news-home .wrap2 .box a:hover .f18 { color: #0f90d3; } .news-home .wrap2 .box .f18 { line-height: 2.6rem; display: block; } .news-home .wrap2 .box .more { line-height: 2.4rem; display: inline-block; padding-right: 1.6rem; background: url(../images/ico_42.png) no-repeat right center; margin-top: 1.0rem; font-size:1.2rem } .news-home .wrap2 .box a:hover .more { color: #0f90d3; background: url(../images/ico_43.png) no-repeat right center; } .news-home .wrap2.m-wrap .box:hover a .more{color: #0f90d3; background: url(../images/ico_43.png) no-repeat right center;} .news-home .wrap2 .box .date { line-height: 2.2rem; display: block; font-size:1.2rem } .news-home .wrap2 .box a:hover .date { color: #0f90d3; } .news-home .wrap2 .box .img { display: block; width: 100%; margin-top:.9rem;} .news .wrap2.m-wrap, .style .wrap2.m-wrap{ padding:0 0 4.5rem 0} .style .wrap2 .box .img{ margin-top:0} .news-home .wrap2 .box .img img { display: block; width: 100%; } .news-home .wrap2 .box .word { margin-top: 1.0rem; width: 100%; display: block; font-size:1.2rem } .news-home .wrap2 .box p.hword { text-align:center; width: 100%; display: block; font-size:1.2rem } .news-home .wrap2 .box p.hpt{ margin-top:2.7%} .news-home .wrap2 .box a:hover .word { color: #0f90d3; } .news-home .wrap2 .box a:hover .hword { color: #0f90d3; } .news-home .wrap2 .look-more { width: 100%; padding-top: 2rem; padding-bottom: 1.2rem; text-align: center; } .news-home .wrap2 .look-more span { display: inline-block; line-height: 4rem; cursor: pointer; color: #828282; font-size: 1.8rem; } .news-infor { position: relative; } .news-infor .top-wrap { padding-top: 54px; padding-bottom: 20px; transition: normal; } .news-infor .top-wrap.m-wrap { padding: 20px 0 20px; width: 100%; } .news-infor .top-wrap .left-scroll { width: 49%; background: url(../images/loading.gif) no-repeat center; min-height: 40px; } .news-infor .top-wrap .left { width: 100%; position: relative; overflow: hidden; display: none; } .news-infor .top-wrap.long-wrap .left, .news-infor .top-wrap.long-wrap .left-scroll { width: 100%; } .news-infor .top-wrap.long-wrap .right { width: 100%; margin-top: 30px; } .news-infor .top-wrap.m-wrap .left, .news-infor .top-wrap.m-wrap .right { display: none; } .news-infor .top-wrap .left .bd { width: 100%; } .news-infor .top-wrap .left .butn { display: block; width: 49px; height: 81px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; } .news-infor .top-wrap.twrap .left .butn { width: 30px; height: 50px; background-size: 100% auto; } .news-infor .top-wrap .left .prev { background: url(../mobile/img/ico_45.png) no-repeat center top; left: 0; } .news-infor .top-wrap .left .next { background: url(../mobile/img/ico_46.png) no-repeat center top; right: 0; } .news-infor .top-wrap .left .butn:hover { background-position: center bottom; } .news-infor .top-wrap .left li a { display: block; position: relative; cursor: pointer; width: 100%; } .news-infor .top-wrap .left li img { width: 100%; display: block; } .news-infor .top-wrap .left li p { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 70px; font-size: 24px; color: #fff; background: url(../mobile/img/bg_09.png) repeat center; } .news-infor .top-wrap.owrap .left li p { line-height: 44px; font-size: 20px; } .news-infor .top-wrap.twrap .left li p { line-height: 50px; font-size: 17px; } .news-infor .top-wrap .left .btnbox { position: absolute; bottom: 16%; left: 50%; overflow: hidden; } .news-infor .top-wrap .btnbox span { width: 15px; height: 7px; margin-left: 8px; cursor: pointer; background: url(../mobile/img/ico_47.png) no-repeat right center; text-indent: 9999; display: block; float: left; transition: normal; } .news-infor .top-wrap .btnbox span.on { background: url(../mobile/img/ico_47.png) no-repeat left center; width: 25px; } .news-infor .top-wrap .right { width: 48%; } .news-infor .top-wrap .right ul { width: 100%; } .news-infor .top-wrap .right li { width: 100%; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; } .news-infor .top-wrap.owrap .right li { margin-bottom: 10px; padding-bottom: 6px; } .news-infor .top-wrap.twrap .right li { margin-bottom: 8px; padding-bottom: 6px; } .news-infor .top-wrap .right li a { display: block; cursor: pointer; } .news-infor .top-wrap .right .f24 { display: block; color: #333; line-height: 24px; height: 24px; overflow: hidden; } .news-infor .top-wrap.twrap .right .f24 { font-size: 20px; line-height: 24px; height: 24px; overflow: hidden; } .news-infor .top-wrap .right .date { display: inline-block; line-height: 22px; color: #a5a5a5; margin-top: 4px; font-size: 14px; } .news-infor .top-wrap .right .word { display: block; line-height: 24px; color: #666; margin-top: 9px; height: 48px; overflow: hidden; font-size: 14px; } /*.news-infor .top-wrap.twrap .right .word{ display: none; }*/ .news-infor .top-wrap .right li a:hover .f24 { color: #0f90d3; } .news-infor .top-wrap .right li a:hover .date { color: #a3b9d8; } .news-infor .top-wrap .right li a:hover .word { color: #5986be; } .news-infor .top-wrap .m-scroll { display: none; padding-bottom: 30px; position: relative; overflow: hidden; } .news-infor .top-wrap.m-wrap .m-scroll { display: block; } .news-infor .top-wrap .m-scroll ul { width: 100%; } .news-infor .top-wrap .m-scroll li { width: 100%; } .news-infor .top-wrap .m-scroll li a { display: block; position: relative; width: 100%; } .news-infor .top-wrap .m-scroll li img { display: block; width: 100%; } .news-infor .top-wrap .m-scroll li p { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 50px; font-size: 16px; background-color: #0f90d3; color: #fff; } .news-infor .top-wrap .m-scroll .page-btn { position: absolute; bottom: 0; left: 50%; } .news-infor .top-wrap .m-scroll .page-btn span { display: block; width: 15px; height: 7px; float: left; margin-right: 8px; background: url(../mobile/img/ico_51.png) no-repeat left center; border-radius: 0; } .news-infor .top-wrap .m-scroll .page-btn span.swiper-pagination-bullet-active { width: 25px; background: url(../mobile/img/ico_51.png) no-repeat right center; } .news-infor .wrap2 { padding-top: 60px; } .news-infor .wrap2.m-wrap { transition: normal; width: 100%; padding: 0 5%; margin-left: -5%; } .news-infor .wrap2 .main { width: 100%; position: relative; overflow: hidden; padding-top: 30px; border-bottom: 1px solid #d4d4d4; opacity: 0; filter: Alpha(opacity=0); } .news-infor .wrap2 .box { background-color: #fff; float: left; } .news-infor .wrap2.m-wrap .box { width: 100%; } .news-infor .wrap2 .box a { display: block; /*width: 345px;*/ width: 260px; padding: 30px; transition: all 0.3s ease 0s; cursor: pointer; } .news-infor .wrap2.m-wrap .box a { width: 88%; padding: 15px 6%; } .news-infor .wrap2 .box a:hover { background-color: #0f90d3; } .news-infor .wrap2 .box a:hover .f18 { color: #fff; } .news-infor .wrap2 .box img { display: block; width: 100%; } .news-infor .wrap2.m-wrap .box img { display: none; } .news-infor .wrap2 .box .f18 { line-height: 26px; display: block; color: #0f90d3; } .news-infor .wrap2.m-wrap .box .f18 { font-size: 16px; } .news-infor .wrap2 .box .more { line-height: 24px; display: inline-block; padding-right: 16px; background: url(../images/ico_42.png) no-repeat right center; color: #333; margin-top: 19px; color: #333; } .news-infor .wrap2.m-wrap .box .more { display: none; } .news-infor .wrap2 .box a:hover .more { color: #fff; background: url(../mobile/img/ico_43.png) no-repeat right center; } .news-infor .wrap2 .box .date { line-height: 32px; color: #888; display: block; } .news-infor .wrap2.m-wrap .box .date { font-size: 12px; line-height: 24px; } .news-infor .wrap2 .box a:hover .date { color: #82a0cb; } .news-infor .wrap2 .box .img { display: block; width: 100%; margin-top: 9px; } .news-infor .wrap2 .box .word { margin-top: 13px; width: 100%; display: block; color: #666; } .news-infor .wrap2.m-wrap .box .word { margin-top: 0; } .news-infor .wrap2 .box a:hover .word { color: #c2d0e4; } .news-infor .wrap2.m-wrap .page { display: none; } .page { width: 100%; text-align: center; padding-top: 30px; padding-bottom: 60px; } .news-infor .wrap2 .look-more { display: none; width: 100%; line-height: 40px; font-size: 16px; color: #878787; cursor: pointer; text-align: center; padding-bottom: 10px; } .news-infor .wrap2.m-wrap .look-more { display: block; } .header-special { padding-top: 36px; padding-bottom: 36px; background-color: #fff; } .header-special.fixed { position: fixed; top: 0; left: 0; z-index: 11; } .header-special.owrap { padding-top: 28px; padding-bottom: 28px; } .header-special.twrap { padding-top: 20px; padding-bottom: 20px; } .header-special.m-wrap { display: none; } .header-special .logo { display: inline-block; margin-right: 28px; } .header-special .font { color: #333; display: inline-block; line-height: 28px; margin-top: 8px; } .header-special .nav { line-height: 38px; } .header-special .nav a { display: inline-block; padding-left: 45px; font-size: 16px; color: #333; margin-left: 37px; float: right; background: url(../mobile/img/ico_49.png) no-repeat left center; } .header-special .nav a:hover { color: #0f90d3; } .special-focus .wrap1 { padding-top: 60px; padding-bottom: 43px; } .special-focus .wrap1.m-wrap { padding-top: 26px; } .special-focus .wrap1 .left { width: 32%; position: relative; overflow: hidden; display: none; } .special-focus .wrap1.m-wrap .left { display: none; } .special-focus .wrap1 .left li { width: 100%; transition: normal; } .special-focus .wrap1 .left a { display: block; width: 100%; cursor: pointer; position: relative; height: 100%; } .special-focus .wrap1 .left p { position: absolute; bottom: 0; left: 0; padding-left: 5%; padding-right: 5%; width: 90%; line-height: 50px; background: url(../mobile/img/bg_09.png) repeat center; font-size: 14px; color: #fff; z-index: 1; transition: all 0.3s ease 0s; } .special-focus .wrap1.twrap .left p { line-height: 30px; height: 30px; overflow: hidden; } .special-focus .wrap1 .left img { display: block;/*height: 100%;*/ } .special-focus .wrap1 .left .btnbox { position: absolute; right: 4%; bottom: 20px; z-index: 2; } .special-focus .wrap1 .left .btnbox span { display: block; float: left; margin-left: 8px; width: 10px; height: 10px; background: url(../mobile/img/ico_48.png) no-repeat right center; cursor: pointer; transition: normal; } .special-focus .wrap1 .left .btnbox span.on { background: url(../mobile/img/ico_48.png) no-repeat left center; } .special-focus .wrap1 .m-scroll { display: none; width: 100%; position: relative; overflow: hidden; padding-bottom: 33px; margin-bottom: 30px; } .special-focus .wrap1.m-wrap .m-scroll { display: block; } .special-focus .wrap1 .m-scroll ul, .special-focus .wrap1 .m-scroll li { width: 100%; } .special-focus .wrap1 .m-scroll li a { display: block; width: 100%; position: relative; } .special-focus .wrap1 .m-scroll li img { display: block; width: 100%; } .special-focus .wrap1 .m-scroll li p { width: 90%; line-height: 38px; height: 38px; text-align: center; position: absolute; left: 0; bottom: 0; background: url(../mobile/img/bg_09.png) repeat center; padding: 0 5%; color: #fff; } .special-focus .wrap1 .m-scroll .pagination { position: absolute; bottom: 0; left: 50%; } .special-focus .wrap1 .m-scroll .pagination span { display: block; width: 15px; height: 7px; background: url(../mobile/img/ico_51.png) no-repeat left center; float: left; margin-right: 8px; border-radius: 0; } .special-focus .wrap1 .m-scroll .pagination span.swiper-pagination-bullet-active { background: url(../mobile/img/ico_51.png) no-repeat right center; width: 25px; } .special-focus .wrap1 .right { width: 68%; } .special-focus .wrap1.m-wrap .right { width: 100%; } .special-focus .wrap1 .right ul { width: 100%; } .special-focus .wrap1 .right li { width: 47%; background-color: #f1f1f1; margin-left: 3%; transition: all 0.2s ease 0s; margin-bottom: 20px; } .special-focus .wrap1.m-wrap .right li { width: 100%; margin-left: 0; margin-bottom: 14px; } .special-focus .wrap1 .right li a { display: block; padding: 25px 5% 28px; width: 90%; } .special-focus .wrap1.owrap .right li a { padding: 14px 5%; } .special-focus .wrap1.twrap .right li a { padding: 10px 5% 10px; } .special-focus .wrap1.m-wrap .right li a { padding: 25px 5% 40px; } .special-focus .wrap1 .right li span { transition: all 0.2s ease 0s; } .special-focus .wrap1 .right .f18 { display: block; line-height: 28px; color: #666; height: 28px; overflow: hidden; } .special-focus .wrap1.owrap .right .f18 { font-size: 16px; } .special-focus .wrap1.m-wrap .right .f18 { color: #0f90d3; font-size: 16px; line-height: 24px; } .special-focus .wrap1 .right .word { line-height: 24px; color: #b1b1b1; display: block; margin-top: 9px; font-size: 14px; height: 48px; overflow: hidden; } /*.special-focus .wrap1.twrap .right .word{ display: none; }*/ .special-focus .wrap1.m-wrap .right .word { color: #666; margin-top: 4px; position: relative; } .special-focus .wrap1 .right .date { color: #b1b1b1; } .special-focus .wrap1.m-wrap .right .date { color: #666; position: absolute; left: 0; bottom: -24px; font-size: 12px; } .special-focus .wrap1 .right li:hover { background-color: #0f90d3; } .special-focus .wrap1 .right li:hover .f18 { color: #fff; } .special-focus .wrap1 .right li:hover .word { color: #a4b9d8; } .special-focus .wrap1 .right li:hover .date { color: #d4deec; } .special-focus .wrap2 { padding-top: 31px; padding-bottom: 65px; position: relative; overflow: hidden; } .special-focus .wrap2.m-wrap { padding-top: 12px; padding-bottom: 24px; } .special-focus .wrap .titbox { width: 100%; overflow: hidden; } .special-focus .wrap h2 { font-size: 48px; font-weight: normal; color: #0f90d3; line-height: 105px; } .special-focus .wrap.m-wrap h2 { font-size: 22px; line-height: 46px; } .special-focus .wrap.twrap h2 { font-size: 36px; line-height: 80px; } .special-focus .wrap2 ul { width: 103%; } .special-focus .wrap2.m-wrap ul { width: 100%; } .special-focus .wrap2 .look-more { font-size: 24px; color: #8ea9d0; line-height: 42px; display: inline-block; margin-top: 44px; } .special-focus .wrap2.twrap .look-more { margin-top: 25px; } .special-focus .wrap2.m-wrap .look-more { font-size: 16px; line-height: 46px; margin-top: 0; } .special-focus .wrap2 li { width: 31%; margin-right: 2%; } .special-focus.marg-bot .wrap2 li { margin-bottom: 20px; } .special-focus .wrap2.m-wrap li { width: 100%; margin-right: 0; margin-bottom: 18px; } .special-focus .wrap2 li img { display: block; width: 100%; } .special-focus .wrap2 li a { display: block; cursor: pointer; width: 100%; position: relative; overflow: hidden; } .special-focus .wrap2 li .cont { width: 90%; padding: 0 5% 25px 5%; background: url(../mobile/img/bg_13.png) repeat center; color: #fff; position: absolute; bottom: -110px; left: 0; transition: all 0.5s ease 0s; } .special-focus .wrap2.twrap li .cont { bottom: -31px; padding-bottom: 10px; } .special-focus .wrap2.m-wrap li .cont { bottom: 0; padding-bottom: 0; } .special-focus .wrap2 li .f18 { display: block; line-height: 28px; padding: 13px 0; } .special-focus .wrap2.twrap li .f18 { line-height: 20px; } .special-focus .wrap2.m-wrap li .f18 { line-height: 38px; font-size: 14px; } .special-focus .wrap2 li .word { line-height: 22px; display: block; height: 44px; } .special-focus .wrap2.twrap li .word { display: none; } .special-focus .wrap2.m-wrap li .word { display: none; } .special-focus .wrap2 li .more { display: inline-block; padding-right: 16px; background: url(../mobile/img/ico_43.png) no-repeat right center; margin-top: 18px; } .special-focus .wrap2.twrap li .more { margin-top: 0; } .special-focus .wrap2.m-wrap li .more { display: none; } .special-focus .wrap2 li:hover .cont { bottom: 0; background: url(../mobile/img/bg_09.png) repeat center; } .special-focus .wrap3 { padding-top: 18px; padding-bottom: 60px; position: relative; } .special-focus .wrap3 .more { display: inline-block; position: absolute; right: 6%; top: 69px; color: #8ea9d0; font-size: 24px; line-height: 40px; } .special-focus .wrap3.twrap .more { top: 45px; } .special-focus .wrap3.m-wrap .more { top: 25px; font-size: 16px; } .special-focus .wrap3 .imgwrap { width: 100%; position: relative; overflow: hidden; } .special-focus .wrap3 ul { width: 101%; } .special-focus .wrap3 li { width: 33%; margin-right: 1px; } .special-focus .wrap3.m-wrap li { width: 100%; margin: 0; } .special-focus .wrap3 li a { display: block; width: 100%; position: relative; overflow: hidden; } .special-focus .wrap3 li a.big { margin-bottom: 1px; } .special-focus .wrap3 li img { display: block; width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s; } .special-focus .wrap3 li a:hover img { transform: scale(1.1, 1.1); transition: transform 0.6s ease 0s; } .special-focus .wrap3 span.small { display: block; width: 102%; overflow: hidden; margin-bottom: 1px; } .special-focus .wrap3.m-wrap span.small { float: right; } .special-focus .wrap3 span.small a { width: 49%; margin-right: 1px; } /************鏂伴椈璇︽儏**************/ .news-info { padding-top: 40px; padding-bottom: 50px; transition: normal; position: relative; } .news-info .leftwrap { width: 66%; margin-right: 2%; } .news-info.twrap .leftwrap, .news-info.m-wrap .leftwrap { margin-right: 0; width: 100%; } .news-info.m-wrap .leftwrap { padding-top: 10px; } .news-info .rightwrap { width: 32%;} .news-info.twrap .rightwrap, .news-info.m-wrap .rightwrap { width: 100%; margin-top: 1rem; } .news-info.m-wrap h1 { font-size: 1.6rem; line-height: 1.8; padding:0 0 2.7%; text-align:center; font-weight: 200; } .news-info .entry-meta { padding: .8rem 1.3rem; background: #f5f5f5; overflow: hidden; color: #505050; line-height: 1.8; font-size: 1.2rem; text-align:center; } .news-info.m-wrap .contwrap { padding-bottom: 0; padding-top:.8rem; font-size:1.2rem; word-break: break-all; /*鏀寔IE锛宑hrome锛孎F涓嶆敮鎸?/ 銆€銆€word-wrap: break-word;/*鏀寔IE锛宑hrome锛孎F*/ } .news-info.m-wrap .pb8{padding-bottom: .8rem;} .pro_title{padding: .8rem 1.3rem; background: #f5f5f5; overflow: hidden; color: #0f90d3; line-height: 1.8;font-size: 1.4rem; text-align: center;} .contwrap img { width: 100%; } .news-info .mainimg img { width: 100%; } .main .memora_main p{} .main .memora_main h1{ padding:0; font-size:1.4rem} .main .memora_main .contwrap{ text-align:center} .news-info.m-wrap .rightwrap h4 { font-weight: normal; padding: .8rem 1.4rem; line-height: 2rem; background: #0f90d3; font-size: 1.4rem; color: #fff; } .news-info .rightwrap ul { width: 94%; padding: 0 3%; } .news-info.twrap .rightwrap ul { width: 98%; padding: 0 1%; } .news-info .rightwrap li { width: 100%; padding:.5rem 0; border-bottom: 1px solid #dadada; } .news-info .rightwrap li:last-child { border-bottom: none; } .news-info.m-wrap .rightwrap li a { font-size: 1.2rem; line-height: 1.5rem; color: #333; display: inline-block; } .news-info .rightwrap li a:hover { color: #0f90d3; } .news-info.m-wrap .rightwrap li .post-date { display: block; line-height: 2.1rem; font-size: 1rem; color: #555; margin-top:.3rem; } .news-info.m-wrap .paging { padding: 1rem 0 1rem; width: 100%; height: auto; border-top:1px #d4d4d4 dashed} .news-info .paging .fl { font-size: 1.0rem; line-height: 2.4rem; } .news-info.m-wrap .paging .fl { float: none; display: block; width:100%; } .news-info .paging a { color: #666; } .news-info .paging a:hover { color: #0f90d3; } .news-info .paging .return { } .news-info.m-wrap .paging .return {height: 2.4rem; line-height: 2.4rem; text-align: center;width:18%; margin:1rem auto; color:#666; padding:0 0.9rem; display:block; border:1px #666 solid; font-size:1.2rem; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; -o-border-radius:0.3rem; border-radius:0.3rem;} .news-info .paging .return:hover { border: 1px solid #0f90d3; background-color: #0f90d3; color: #fff; } .paging { padding: 1rem 0 1rem; width: 100%; height: auto; border-top:1px #d4d4d4 dashed} .paging .fl { font-size: 1.0rem; line-height: 2.4rem; } .paging .fl { float: none; display: block; width:100%; } .paging a { color: #666; } .paging a:hover { color: #0f90d3; } .paging .return { } .paging .return {height: 2.4rem; line-height: 2.4rem; text-align: center;width:18%; margin:1rem auto; color:#666; padding:0 0.9rem; display:block; border:1px #666 solid; font-size:1.2rem; -webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; -o-border-radius:0.3rem; border-radius:0.3rem;} .paging .return:hover { border: 1px solid #0f90d3; background-color: #0f90d3; color: #fff; } .video-info .m-video { display: none; } .video-info.m-wrap .m-video { display: block; } .video-info.m-wrap .p-video { display: none; } .load-bg { width: 100%; height: 3.2rem; background: url(../images/loading.gif) no-repeat center; } .about_text { display: block; width: 100%; margin-bottom: 4.5rem; text-align: left; } .about_text strong { display: block; color: #333; font-size: 1.8rem; margin-bottom:.8rem; font-weight: normal; } .about_text .juhong { color: #0f90d3; } .about_text p { color: #7e7e7e; line-height: 2.6rem; font-size: 1.4rem; } .contact-txt .title { padding: 1.5rem 0 0; overflow: hidden; } .contact-txt .title h1 { font-size: 1.2rem; font-weight: 200; color:#0f90d3;padding:0 0.8rem } .contact-txt .title p { font-size: 1.4rem; color: #909091} .contact-txt .contact-body { margin-bottom: 2.7%; } .contact-txt .contact-body .contact-style { width: 100%; border:.2remx solid #F0F0F0;} .contact-txt .contact-body .contact-style p { font-size: 1.1rem; color: #79797b; height: 3.0rem; line-height:3.0rem; padding:0 0.8rem; border-bottom: 1px solid #F0F0F0; vertical-align: middle; } .contact-txt .contact-body .contact-style span { color: #3b3a3a; } .contact-txt .contact-body .contact-style a { color: #3b3a3a; } .week_weixin {text-align:center} .week_weixin h3 { margin: 0px auto; font-size:1.4rem; width:100%; line-height: 1.75; text-align: center; color:#0f90d3; font-weight: normal; } .week_weixin p { margin: 0px auto 2.7%; padding-bottom:2.7%; font-size:1.2rem; width: 100%; line-height: 1.75; text-align: center; color:#c4c4c4;} .week_weixin p.weixin_des{border-bottom: 1px dashed #F0F0F0;} .week_weixin-p img { display: block; margin: 0px auto; width: 100%; } .week_weixin-p a{ display:inline-table; padding:0 2.7%; color:#000; width: 42%;} .contact-style i{} .contact-style i.add{ background:url(../images/icon_qq.png) no-repeat} .honor { margin: 76px 0; } .honor-box { width: 900px; height: 701px; margin: 0 auto; border: 1px solid #dbdbdb; background: #fff; padding-bottom: 26px; } .honor-show { width: 900px; height: 607px; position: relative; overflow: hidden; } .honor-show ul { position: absolute; left: 0; top: 0; } .honor-show ul li { width: 918px; height: 597px; text-align: center; position: relative; overflow: hidden; float: left; display: inline; } .honor-show ul li img { max-width: 900px; max-height: 615px; padding: 25px 0; } .honor-bot { width: 100%; height: 133px; padding-top: 20px; background: #f8f8f8; border-top: 1px solid #dbdbdb; position: relative; } .honor-bot a { display: block; width: 29px; height: 58px; top: 48px; background-image: url(../images/honor_btn.jpg); position: absolute; overflow: hidden; } .honor-thumb { width: 810px; height: 115px; margin: 0 auto 0; position: relative; overflow: hidden; } .honor-thumb ul { position: absolute; height: 115px; left: 0; top: 0 } .honor-thumb ul li { display: inline-block; height: 109px; margin-right: 7px; border: 3px solid #fff; cursor: pointer; float: left; width: 153px; text-align: center; } .honor-thumb ul li.cur { border-color: #0f90d3; } .honor-thumb ul li img { vertical-align: top; } .prev02 { left: 14px; background-position: 0 0; } .next02 { background-position: -29px 0; right: 14px; } .prev02:hover { background-position: 0 -58px; } .next02:hover { background-position: -29px -58px; } .culture_title h3 { font-weight: 100; color: #0f90d3; text-align:center} .culture_title p.f14 { font-size: 1.1rem; color: #999; text-align:center} .culture_title span.line { background-color: #dedede; width: 30%; margin:0 auto; height: .2rem;margin-top: .2rem; display: block; } .culture{ padding-bottom:2.7%; background:#f5f5f5; padding-top: 2.7%; overflow:hidden} .videomain .culture_item{ margin:0 0 2.7% 0} .culture_item { margin-top: 2.7%; background:#fff; padding:2.7%; width:94.6%; position:relative} .culture_item strong { font-weight: bold; line-height: 1.9; color: #000; border-bottom:1px #0f90d3 dashed; padding:0.3rem 2.7%; margin-bottom:2.0%; display:block; width:94.6%;} .culture_item em {padding-left:.56rem; color: #CCC; font-size: 1.1rem; } .culture_item h1 { font-weight: bold; line-height: 1.9; color: #0f90d3; border-bottom:1px #f5f5f5 solid; font-size:1.4rem } .culture_item p { font-size: 1.1rem; color: #676767; } .join .title { height: 4.4rem; margin-top: 1.2rem; } .join .title h2 { font-size: 1.8rem; line-height: 4rem; color: #2c2c2c; font-weight: 200; } .join{ overflow:hidden; padding-bottom:2.7%} .join p { font-size: 1.0rem; color: #79797b; line-height: 1.8; } .join strong{ font-weight:100} .jobmain{padding: 2.7%; background:#fff; margin-top:2.7%; overflow:hidden;margin-bottom: 2.7%;} .join .join-intr { text-align: left; margin-top:2.7%;} .join .join-intr strong { font-size: 1.2rem; color: #2a2c38; display: block; line-height: 1.4; margin-bottom:2.7%; font-weight: 100; } .join .join-intr p { font-size: 1.0rem; } .join .intr-item { margin-top: 2.7%; overflow:hidden; border-top: 1px solid #EFEFEF;} ul.joblist{ width:100%; overflow:hidden;} ul.joblist li{width:94.6%; margin:2.7% 0 0; padding:2.7%; font-size:1.2rem; overflow:hidden; background:#fff} ul.joblist li:hover{ overflow:hidden; background:#0f90d3; color:#fff} ul.joblist li:hover h1, ul.joblist li:hover p, ul.joblist li:hover span{ color:#fff} ul.joblist li h1{ font-size:1.1rem; color:#444; font-weight:200} .jobdetaile h1{font-size:1.4rem;color:#666;font-weight:200} ul.joblist li p{} ul.joblist li span, .jobdetaile span{ font-size:0.9rem; padding:0; margin:0} .jobdetaile{} .jobdetaile hr{ color:#0f90d3; background:#0f90d3; margin:.6rem 0; border:1px #0f90d3 solid} .jobdetaile strong{ color:#0f90d3; font-weight:400; width:94.7%; padding:1.7% 2.7%; border:1px #0f90d3 solid; display:block; margin:2.7% 0; overflow:hidden} .jobdetaile .detaile_title{ text-align:center; line-height:1.5;} .intr-item .fl { width: 72%; } .intr-item .fr { width: 25%; text-align:center } .intr-item-1{padding-top: 2.7%;} .intr-item-1 .fr { margin-top: 2.089rem; } .intr-item-2 { padding-top: 2.7%; } .intr-item-2 .fr { margin-top: 3.989rem; } .intr-item-3 { padding-top: 2.7%; } .intr-item-3 .fr { margin-top: 4.889rem } .intr-item .fr img { width: 60%; } #service { font-size: 1.4rem; padding-bottom: 4.5rem; } #service div { margin-bottom: 1.5rem; } #service h1 { font-weight: 100; color: #0f90d3; font-size: 2.1rem; } .ser1 h3, .ser2 h3, .ser3 h3 { height: 2.9rem; line-height: 2.9rem; font-size: 1.8rem; font-weight: 200; margin-bottom: 1rem; color: #0f90d3; } .ser1 { } .ser1 p { font-size: 1.2rem; } .ser2 { } .ser2 p { font-size: 1.2rem; } .ser3 li { margin-bottom: 1.2rem; } .ser3 h4 { color: #333; height: 10.6rem; font-size: 1.4rem; font-weight: 200; } .ser3 p { line-height: 2.4rem; font-size: 1.2rem; } .ser4 h3 { color: #0f90d3; padding-bottom: 1.5rem; } .ser4 p { line-height: 2.4rem; font-size: 1.2rem; } .pro-title { width: 10rem; margin: 2.5rem auto; background-color: #fff; } .probg { height: 2.8rem; width: 100%; border-bottom: solid 1px #dedede; } .probg h3 { font-weight: 200; line-height: 3.4rem; } .probg p { color: #CCC; font-weight: 200; font-family: Arial, Helvetica, sans-serif; font-size: 1.1rem; } .prozx { margin-top: 1.5rem; } .prozx ul { width: 100%; } .prozx li { float: left; display: inline; width: 48.5%; text-align: center; margin-bottom: 1.5rem; } .prozx li a { display: block; height: 2.5rem; padding-top: 5.9rem; margin-top: 1.1rem; } .prozx li p { font-size: 1.2rem; color: #999; } .prozx li a.cf1 { background: url(../images/proicon1.png) top center no-repeat; } .prozx li a.cf2 { background: url(../images/proicon2.png) top center no-repeat; } .prozx li a.cf3 { background: url(../images/proicon3.png) top center no-repeat; } .prozx li a.cf4 { background: url(../images/proicon15.png) top center no-repeat; } .prozx li a.cf5 { background: url(../images/proicon5.png) top center no-repeat; } .prozx li a.cf6 { background: url(../images/proicon19.png) top center no-repeat; } .prozx li a.cf7 { background: url(../images/proicon6.png) top center no-repeat; } .prozx li a.cf8 { background: url(../images/proicon8.png) top center no-repeat; } .prozx li a.cf9 { background: url(../images/proicon18.png) top center no-repeat; } .prozx li a.cf10 { background: url(../images/proicon10.png) top center no-repeat; } .taocan, .good { padding-top: 6.3rem; padding-bottom: 3.5rem; } .taocan li { float: left; display: inline; width: 348px; margin-right: 30px; border: solid 1px #e2e2e2; } .taocan li.mr0 { margin-right: 0px; } .taocan .tc-text { margin-right: 25px; margin-top: 45px; } .tc-mc { font-size: 18px; line-height: 36px; } .tc-price { font-size: 12px; } .video-bd {margin-top:.1rem; background:#f5f5f5} .video-bd .title-text { color: #999; } .video-list { margin-top: 1.5rem; } .video-list li { position: relative; overflow: hidden; } .videodesc { position: absolute; z-index: 59; width: 100%; background: url(../images/videobg.png) repeat center center; display: none; } .videoico { position: absolute; z-index: 60; width: 2.5rem; height: 2.5rem; top: 34%; left: 47.5%; } .videodesc .videotitle { color: #a4762d; font-size: 1.4rem; font-family: "Microsoft YaHei", "寰蒋闆呴粦"; padding: 0px 5rem; position: absolute; bottom: 2.5rem; font-weight: bold; line-height: 35px; width: 100%; height: 3.5rem; } .video-text { line-height: 2.4rem; font-size: 1.2rem; } .leftwrap .swiper-container { margin-top: 1.2rem; } #qianjing { height: auto; margin-top: 1.5rem; margin-bottom: 1.5rem; } #qianjing h3 { font-weight: 200; line-height: 2.5rem; } #qianjing .qj-pic { padding-bottom:.8rem; } #qianjing .qj-pic img { width: 92%; } #qianjing .qj-txt { margin-right:1.rem; } .qj-txt p { line-height: 1.8; text-indent: 2em; font-size: 1.2rem; } .qj-title { font-size: 1.8rem; line-height: 3.6rem; margin-top: 2rem; } #youshi { height: auto; padding-top: 1.5rem; border-top: #e8e8e8 1px solid; } #youshi h3 { font-weight: 200; line-height: 3.5rem; } .youshi-title { font-size: 1.2rem; color: #ccc; } #youshi li { margin-bottom: 1.4rem; padding: 1.2rem; background-color: #F9F9F9; border-radius:.8rem; } #youshi h4 { font-size: 1.6rem; font-weight: 200; line-height: 2.5rem; margin-bottom:.8rem; color: #F96; } #youshi li img { width: 30%; } #youshi li p { font-size: 1.2rem; color: #999; } #agent { height: auto; padding-top: 1.5rem; } #agent h3 { font-weight: 200; line-height: 3.5rem; } .agent1 { background: url(../images/agentbg.jpg) no-repeat left top; background-size: 100% auto; } .agent1 p { line-height: 2.1rem; font-size: 1.2rem; color: #999; } .agent1 p.f18 { font-size: 1.4rem; line-height: 1.8; color: #666; } .agent11 { padding-top: 15.1rem; } .agent12 { margin-top:.9rem; } .agent13 { margin-top:.9rem } .agent14 { margin-top:.9rem } .agent15 { margin-top:.9rem } #agent span.xuhao { background: #E7B191; color: #FFF; border-radius: 1.6rem; width: 1.6rem; height: 1.6rem; display: inline-block; font-size: 1.1rem; text-align: center; line-height: 1.8rem; margin-right:.8rem; opacity: 9; } .m-wrap1 { width: 82%; margin: 0 9%; } #fuwu h3, #shouhou h3 { font-weight: 200; } #fuwu ul { width: 100%; } #fuwu li { float: left; padding: 6rem 0 0 0; background-position: top center; background-repeat: no-repeat; background-size: 50% auto; width: 33%; font-size: 1.2rem; text-align: center; } #fuwu .fuwu1 { background-image: url(../images/tj01.png); } #fuwu .fuwu2 { background-image: url(../images/tj02.png); } #fuwu .fuwu3 { background-image: url(../images/tj03.png); } #shouhou { } #shouhou p { } #tiaojian { } .tj-title { background: #DF996F url(../images/woshou.png) no-repeat center 1.1rem; background-size: 16% auto; height: 13.3rem; color: #FFF; } .tj-title h3 { font-weight: 200; padding-top: 5.8rem; line-height: 1.5; } .tj-map { background: url(../images/zsmap.jpg) no-repeat center 1rem; background-size: 80% auto; height: 19.7rem; } .tj-txt { padding-top: 2.5rem; } .tj-txt p { padding:.8rem 0; line-height: 1.8; } .process_list ul { position: relative; left: 0; height: 21.4rem; } .process_list ul li { float: left; width: 90.6%; height: 21.3rem; font-size: 1.4rem; color: #fff; text-align: center; padding-top: 4.7rem; } .process_txt { margin: 0 15px; } .process_break1, .process_break2, .process_break3, .process_break4, .process_break5, .process_break6, .process_break7, .process_break8, .process_break9, .process_break10 { background: url(../images/process_icon.png) no-repeat left top; height: 64px; display: inline-block; } .process_break1 { background-position: 0 2px; width: 59px; } .process_break2 { background-position: -70px 2px; width: 58px; } .process_break3 { background-position: 0 -62px; width: 59px; } .process_break4 { background-position: -70px -62px; width: 59px; } .process_break5 { background-position: 0 -121px; width: 69px; } .process_break6 { background-position: -70px -124px; width: 56px; } .process_break7 { background-position: 0 -188px; width: 56px; } .process_break8 { background-position: -70px -184px; width: 74px; } .process_break9 { background-position: 0 -252px; width: 55px; } .process_break10 { background-position: -70px -254px; width: 59px; } .joinprocess_banner { background: url(../images/process_banner.jpg) no-repeat center center; height: 39rem; position: relative; } .join-title h3 { font-weight: 200; padding-top: 4.5rem; } .join_processtel, .join-title { color: #FFF; } .join_online h3 { font-weight: 200; } .process_list .swiper-pagination-bullet { width: .8rem; height: .3rem; display: inline-block; border-radius: 100%; background: #fff; opacity: .8; border-radius: .3rem; } .process_list .swiper-pagination-bullet-active { width: .8rem; height: .3rem; display: inline-block; border-radius: 100%; background: #0f90d3; opacity: 10; border-radius: .3rem; } .online_line { height: 1px; width: 100%; background: #f2f2f2; } .online_table { margin-bottom: 2.6rem; } .online_table table { } .online_table table td { height: 4rem; border-bottom: 1px solid #ababab; font-size: 1.4rem; color: #999; } .online_table table td.online_noborder { border: none; } .online_table table td input { paddding: 0 1rem; color: #666; border: none; height: 2.4rem; width: 100%; } .online_table table td input:focus { border: none; } .online_table table td textarea { color: #666; width: 100%; border: none; height: 6.5rem; } .online_table table td input.online_upload { width: 8.5rem; height: 3.7rem; background: #0f90d3; font-size: 1.4rem; color: #fff; cursor: pointer; } .product-intro-box { background: #fff } .product-intro { position: relative; overflow: hidden; height: auto;} .product-intro h1 { height: 4.6rem; color: #0f90d3; font-size: 1.4rem; line-height: 4.6rem; font-weight: 200; text-align:center } .top-title { text-align: center; height: 11.4rem; width: 100%; position: absolute; top: 8.3rem; } .top-title .top-icon img { width: 12.5%; text-align: center; float: none; } .top-title h2 { font-size: 1.8rem; color: #333333; line-height: 2.4rem; font-weight: 200; margin-top: -0.8rem; } .product-list .parent-ul .item { float: left; width: 48%; margin-right: 1%; position: relative; } .product-list .parent-ul .item .img-box { text-align: center; } .product-list .parent-ul .item .img-box img { margin-top: 10px; width: 70%; } .product-list .parent-ul .product-info { padding: 2px 10px; } .product-list .parent-ul .product-info .product-name { font-size: 1.2rem; color: #00213b; margin-top:.8rem; margin-bottom:.5rem; text-align: center; } .product-list .parent-ul .product-info .product-model { font-size: 14px; color: #666666; } .cpwz { background-color: #F6F4F4; padding:.8rem 1.6rem; } .cpwz span { height: 2.7rem; background: url(../images/arr_icon.png) no-repeat center center; background-size: 40% auto; padding:0 .75rem; } .cpwz a { line-height: 2.7rem; } .proimg img { width: 90%; } .protitle h1 { font-weight: 200; } .product_message .title li { float: left; width: 33%; text-align: center; font-size: 1.4rem; height: 3.8rem; border-right:solid .1rem #f9f5f5; border-bottom:solid .1rem #f9f5f5; line-height: 3.8rem; } .product_message .title li.last { border-right: 0; } .product_message .title li.active { border-bottom: .2rem solid #FFD7C4; } .product_message ul.title { border-top: 2.5rem solid #f9f5f5; width: 100%; } .product_introduce { display: none; } .jieshao img { max-width: 100%; } .canshu { font-size: 1.2rem; } .canshu h2 { font-weight: 200; } .canshu h3 { font-weight: 200; padding-left: 4.7%; } .canshu h3 span.fhao { height: 2.7rem; background: url(../images/requirement_1.png) no-repeat center center; background-size: 88% auto; padding: 0 1.65rem 0 0; margin-right:.8rem; } .pro-desc { padding-top: 2.5rem; } .page_return { margin: 2rem 0; } .page_return table { width: 100%; } .page_return .page_title_left { padding-left: 1.5rem; background: url(../images/left_icon.png) no-repeat left center; background-size: 4% auto; } .page_return .page_title_center { padding-left: 1.5rem; background: url(../images/news_icon_red.png) no-repeat left center; background-size: 36% auto; text-align: center; } .page_return .page_title_right { padding-right: 1.5rem; background: url(../images/right_icon.png) no-repeat right center; background-size: 4% auto; text-align: right; } @font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size:2.2rem;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /* .iconfont { font-family: "iconfont" !important; font-size: 2.2rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } */ .icon { font-size: 2.2rem; color: #fff; } .iconfont { display: block; } .am-cf:after, .am-cf:before { content: " "; display: table } .am-cf:after { clear: both } .dh { width: 100%; margin: -10px auto 3% auto; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; } .dh ul { width: 100%; margin-top:.3rem } .dh li { width: 32.33%; margin:.4rem .4rem 0 0; background: #38a9e2; float: left; text-align: center; padding: 0.85rem 0; color: #fff; overflow: hidden; border-radius:.3rem } .dh li a { color: #fff } .dh li i { width: 100%; } .dh li span { width: 100%; line-height: 1.0rem; display: block; font-size: 0.9rem } .dh ul .h100 { height: 5.0rem; padding-top: .3rem; background: #0d3960; } .dh ul .h200 { height: 5.0rem; padding-top: .3rem; background: #009700; } .dh ul .h300 { height: 5.0rem; padding-top: .3rem;background: #10218b; } .dh ul .h400 { height: 5.0rem; padding-top: .3rem;background: #fc433e; margin-right: 0 } .dh ul .h500 { height: 5.0rem; padding-top: .3rem;background: #17abe7; } .dh ul .h600 { height: 5.0rem; padding-top: .3rem;background: #2e2d59; margin-right: 0 } .dh ul .w200 { width: 63.5%; background: #72a93d; }