* { margin:0; padding:0; } a { text-decoration:none; } a:hover { text-decoration:none; color:#333; } html{ width: 100%; height: 100%; } body { width: 100%; height: 100%; font-family:"微软雅黑"; min-width:1200px; } ul { list-style:none; } .head_1{ width: 1200px; margin:15px auto 0px auto; display: block; overflow: hidden; } .head_1 .logo{ width: 635px; float: left; } .head_1 .en_00{ width: 120px; float: left; padding-left:50px; padding-top:30px; } .head_1 .en_00 a{ color:#464646; } .head_1 .en_00 img{ margin-right:5px; } .head_1 .erweoma{ width: 80px; float: right; } .top1{ position:relative; z-index:9999; width: 1200px; margin:0 auto; background: rgba(8 ,112 ,229,0.8); } .banner{ z-index: 1; width: 100%; position: relative; height: 100%; } .banner #myCarousel{ height: 100%; width: 100%; } .banner #myCarousel .carousel-inner{ height: 100%; width: 100%; } .banner #myCarousel .carousel-inner .item{ width: 100%; height: 100%; } .banner #myCarousel .carousel-inner .item img{ width: 100%; height: 100%; } .box_0001{ z-index: 222; position: relative; height: 100%; } .nav { width:1200px; } .nav>ul { margin-bottom:0; font-size:0; } .nav>ul>li { display: inline-block; position: relative; transition: all 0.3s; height: 50px; width: 200px; } .nav>ul>li>a { display:block; text-align:center; color:#fff; font-weight:bold; font-size:15px; overflow:hidden; line-height: 50px; transition:all 0.3s; height: 100%; } .nav span { float:right; } .nav>ul>li:nth-child(1)>a { border-left:0; } .nav>ul>li:last-child>a { border-right:0; } .nav>ul>li:hover { background: #f8f8f8; } .nav>ul>li:hover>a { color:#333333; } .clear { clear:both; } .more { position:absolute; left:0; top:50px; width:100%; z-index:999; background:#fff; display:none; } .more a { display:block; height:44px; overflow:hidden; line-height:44px; color:#808080; margin-bottom:-1px; text-align:center; font-size:14px; transition:all 0.3s linear 0s; } .more a:hover{ text-decoration:underline; } .fulll{ width:170px; position:fixed; right:0px; top:180px; z-index:2222; } .fulll .bioat{ line-height:45px; color:#fff; background:#0870e5; text-align:center; } .fulll a{ line-height:42px; display:block; background:#323232; color:#fff; } .List li{ overflow:hidden; line-height:35px; height:35px; } .List li a{ color:#464646; } .fulll a:hover{ background:#0870e5; } .fulll a img{ padding-left:35px; margin-right:10px; } .home_c_bjmy{ position: absolute; bottom:180px; z-index: 2222; width: 100%; } .home_c_bj{ width: 1300px; margin: auto; overflow: hidden; } .home_c{ width: 1200px; margin:0 auto; } .swiperhome_ctop a{ display: block; height: 110px; width: 100%; background: #fff; padding:25px; } .swiperhome_ctop .tu_001{ width: 53px; padding-left:30px; float: left; } .swiperhome_ctop a img{ transition: 1s ease all; } .swiperhome_ctop .wrap{ float: right; width: 130px; font-size: 16px; color: #000000; font-weight: bold; margin-top: 12px; } .swiperhome_ctop a:hover img{ transform: rotate(360deg); } .swiperhome_ctop a div{ font-size: 14px; color: #6b6b6b; text-transform: uppercase; } .swiperhome_ctop a span{ color: #464646; font-size: 16px; font-size: 16px; } .swiperhome_ctop a:hover span{ color: #fff; } .swiperhome_ctop a:hover .content{ color: #fff; } .home_c .swiperhome_ctopnext{ width: 40px; height: 40px; background: url(../images/jiant_1.png)center 0 no-repeat; right: 0; } .home_c .swiperhome_ctopprev{ width: 40px; height: 40px; background: url(../images/jiant_0.png)center 0 no-repeat; left: 0; } .gongshiss{ overflow: hidden; } .gongshiss a{ display: block; color: #fff; line-height: 60px; } .gongshiss a i{ width: 5px; height: 5px; background: #DADADA; display: inline-block; margin-left: 11px; margin-right: 11px; } .gongshicontact{ margin-top: 28px; } .gongshicontact img{ } .gongshicontact div{ border: 1px solid #ccc; padding: 16px 23px; } .myTop{ width: 100%; background: #f5f5f5; line-height: 39px; height: 39px; font-size: 12px; } .myTop>div{ width: 1200px; margin: auto; } .myTop>div>span{ float: left; color: #2b2b2b; } .myTopright{ float: right; } .myTopright .myTopright_a{ height: 25px; line-height: 25px; margin-top: 6px; display: inline-block; float: right; } .myTopright .myTopright_a span{ } .myTopright .myTopright_a img{ margin: 0 7px; } .myTopright .myTopright_a a{ color: #2b2b2b; } .allindex{ width: 100%; height: 100%; overflow: hidden; } .cont_0{ position: absolute; z-index: 100; top: 0; width: 1200px; height: 100%; margin-left: -600px; left: 50%; } .s_1_b{ z-index:22223333; overflow: hidden; background:rgba(8,112,229,0.8); } .s_1_b_n{ overflow:hidden; width: 1200px; margin:0 auto; } .s_1_b_n .s_left{ width: 560px; float: left; } .s_1_b_n .s_right{ float: right; } .s_1_b_n .s_right{ line-height: 60px; color: #fff; } .s_1_b_n .s_right a{ color: #fff; } .xinindex_c{ width: 100%; background: url(../image/3.png)center 0 no-repeat; height: 240px; overflow: hidden; } .xinindex_cs{ width: 1200px; margin: auto; overflow: hidden; } .xinindex_csLeft{ float: left; margin-top: 32px; } .xinindex_csCenter{ float: left; color: #fff; margin-left: 45px; margin-top: 58px; overflow: hidden; } .xinindex_csCenter span{ font-size: 24px; color: #fff; line-height: 100%; display: block; } .xinindex_csCenter p{ margin: 22px 0; } .xinindex_csCenter div{ background: url(../image/5.png)center 0 no-repeat; width: 354px; height: 42px; overflow: hidden; line-height: 42px; padding-left: 71px; font-size: 16px; } .xinindex_csCenter div label{ font-size: 18px; margin: 0; } .xinindex_csRight{ float: right; color: #fff; margin-top: 40px; width: 452px; } .xinindex_csRight span{ display: block; font-size: 16px; margin-bottom: 18px; float: left; width: 100%; } .xinindex_csRight div{ float: left; width: 303px; } .xinindex_csRight div input{ width: 303px; height: 50px; padding-left: 15px; border: 1px solid #fff; background: none; border-radius: 6px; margin-bottom: 18px; outline: none; } .xinindex_csRight button{ float: right; width: 124px; height: 117px; background: #fff; font-size: 16px; border: 0; color: #0870e5; border-radius: 6px; outline: none; } .xinindex_csRight div input::-webkit-input-placeholder{ color:#fff; } .xinindex_csRight div input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; } .xinindex_csRight div input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff; } .xinindex_csRight div input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#fff; } .allTop{ text-align: center; margin-top: 41px; margin-bottom: 35px; } .allTop label{ font-size: 28px; color: #0870e5; font-weight: 400; line-height: 100%; } .allTop label span{ color: #171717; } .allTop div{ color: #aaaaaa; text-transform: uppercase; margin: 8px 0; } .allTop img{ display: block; margin: 0 auto; } .foot_bj{ padding:30px 0px; color: #c7c7c7; background:rgba(51,51,51,0.9); overflow: hidden; width: #333333; } .foot_bj_1{ width: 1200px; margin:0 auto; } .foot_bj_1 .left_001{ width: 527px; float: left; } .foot_bj_1 .rig_001{ float: right; margin-top: 10px; } .foot_bj_1 .rig_001 select{ background: none; border:1px solid #c7c7c7; } .foot_bj_1 .rig_001 option{ color: #464646 } .xinindex_d{ width: 1200px; margin:0px auto; overflow: hidden; margin-bottom:38px; } .xinindex_dLeft{ float: left; width: 260px; overflow: hidden; background: #f8f8f8; } .xinindex_dLeft p{ line-height: 77px; background: #0870e5; color: #fff; text-align: center; font-size: 22px; margin-bottom: 20px; } .xinindex_dLeft div{ margin-bottom: 20px; } .xinindex_dLeft div a{ height: 38px; display: block; background-position: left; border: 1px solid #bfbfbf; line-height: 38px; padding-left: 38px; width: 204px; margin: auto; color: #333333; margin-bottom: 20px; transition: all 0.3s; } .xinindex_dLeft div a:hover{ background: #0870e5; color: #fff; border: 1px solid #0870e5; } .xinindex_dLeft span{ display: block; height: 37px; line-height: 37px; background: #fff; color: #0870e5; text-align: center; font-size: 16px; } .xinindex_dLeft label{ font-size: 28px; color: #b80606; font-family: Impact; margin: 37px 0; display: block; text-align: center; } .xinindex_dRight{ float: right; width: 900px; height: 828px; border: 1px solid #ccc; overflow: hidden; } .xinindex_dRightTop{ line-height: 46px; background: #f8f8f8; font-size: 16px; color: #333333; padding-left: 20px; } .xinindex_dRights{ padding: 36px 15px; width: 100%; overflow: hidden; } .xinindex_dRightsimg{ float: left; width: 354px; height: 260px; overflow: hidden; border: 1px solid #ccc; } .xinindex_dRightsimg img{ } .xinindex_dRightstext{ float: right; width: 483px; overflow: hidden; } .xinindex_dRightstext label{ font-size: 20px; color: #0870e5; margin-top: 40px; margin-bottom: 14px; } .xinindex_dRightstext p{ font-size: 13px; line-height: 28px; color: #333333; } .xinindex_dRightstext div{ margin-top: 20px; overflow: hidden; } .xinindex_dRightstext div a{ width: 124px; height: 35px; display: inline-block; background: #0870e5; color: #fff; text-align: center; line-height: 35px; margin-right: 14px; } .xinindex_dRightstext div a:last-child{ background: #e4030d; } .xinindex_dRight_bottom{ width: 100%; padding: 0 15px; overflow: hidden; } .xinindex_dRight_bottoms{ display: flex; flex-wrap: wrap; } .xinindex_dRight_bottoms a{ display: block; overflow: hidden; border: 1px solid #bfbfbf; color: #333; width: 288px; } .xinindex_dRight_bottoms a img{ width: 100%; height: 169px; } .xinindex_dRight_bottoms a span{ display: block; text-align: center; font-size: 13px; margin-bottom: 14px; margin-top: 12px; } .xinindex_dRight_bottoms a:hover span{ color: #0870e5; } .xinindex_e{ width: 100%; background: url(../image/images/8_02.jpg)center 0 no-repeat; overflow: hidden; height: 212px; } .xinindex_es{ width: 1200px; margin: 0 auto; overflow: hidden; } .xinindex_esRight{ float: right; color: #fff; margin-right: 112px; margin-top: 24px; } .xinindex_esRight div{ background: url(../image/7.png)left 0 no-repeat; background-position: left; padding-left: 67px; } .xinindex_esRight span{ font-size: 19px; display: block; } .xinindex_esRight label{ font-size: 28px; font-family: Impact; } .xinindex_esRight a{ width: 227px; height: 64px; background: url(../image/8.png)center 0 no-repeat; overflow: hidden; line-height: 64px; display: block; font-size: 16px; color: #fff; padding-left: 109px; margin-top: 13px; } .xinindex_f{ width: 100%; background: #f8f8f8; overflow: hidden; } .xinindex_fTop{ text-align: center; margin-top: 41px; } .xinindex_fTop label{ font-size: 28px; color: #0870e5; font-weight: 400; line-height: 100%; margin-bottom: 15px; } .xinindex_fTop label span{ color: #171717; } .xinindex_fTop div{ color: #aaaaaa; text-transform: uppercase; margin: 8px 0; } .xinindex_fTop img{ display: block; margin: 0 auto; } .xinindex_fs{ width: 1200px; margin: 0 auto; background: url(../image/images/10_03.jpg)center 0 no-repeat; height: 898px; overflow: hidden; } .xinindex_fs_a{ width: 523px; margin-top: 59px; margin-left: 100px; } .xinindex_fs_a label{ font-size: 24px; display: block; color: #0870e5; font-weight: 400; margin: 0; } .xinindex_fs_a span{ font-size: 12px; text-transform: uppercase; color: #b7b5b5; } .xinindex_fs_a div{ color: #6d6b6b; line-height: 25px; margin-top: 23px; } .xinindex_fs_b{ width: 523px; margin-top: 33px; margin-left: 100px; } .xinindex_fs_b label{ font-size: 24px; display: block; color: #0870e5; font-weight: 400; margin: 0; } .xinindex_fs_b span{ font-size: 12px; text-transform: uppercase; color: #b7b5b5; } .xinindex_fs_b div{ color: #6d6b6b; line-height: 25px; margin-top: 23px; } .xinindex_fs_c{ width: 523px; margin-top: 153px; margin-left: 681px; } .xinindex_fs_c label{ font-size: 24px; display: block; color: #0870e5; font-weight: 400; margin: 0; } .xinindex_fs_c span{ font-size: 12px; text-transform: uppercase; color: #b7b5b5; } .xinindex_fs_c div{ color: #6d6b6b; line-height: 25px; margin-top: 23px; } .xinindex_fs_d{ width: 523px; margin-top: 28px; margin-left: 681px; } .xinindex_fs_d label{ font-size: 24px; display: block; color: #0870e5; font-weight: 400; margin: 0; } .xinindex_fs_d span{ font-size: 12px; text-transform: uppercase; color: #b7b5b5; } .xinindex_fs_d div{ color: #6d6b6b; line-height: 25px; margin-top: 23px; } .xinindex_gnav{ text-align: center; margin-bottom: 39px; font-size: 0; } .xinindex_gnav a{ width: 155px; display:inline-block;; color: #333; font-size: 14px; line-height: 33px; height: 33px; text-align: center; border: 1px solid #ccc; border-left: 0; transition: all 0.3s; } .xinindex_gnav a:nth-child(1){ border-left: 1px solid #ccc; } .xinindex_gnav a:hover{ background: #0870e5; color: #fff; } .xinindex_g{ width: 1200px; margin: 0 auto; overflow: hidden; margin-bottom: 35px; } .xinindex_gLeft{ float: left; } .xinindex_gLeft img{ } .xinindex_gRight{ float: right; width: 620px; overflow: hidden; height: 347px; position: relative; } .xinindex_gRight label{ font-size: 24px; color: #0870e5; display: block; border-bottom: 2px solid #0870e5; padding-bottom: 9px; } .xinindex_gRight label span{ color: #3b3b3b; } .xinindex_gRight div{ line-height: 35px; margin-top: 13px; } .xinindex_gRight a{ display: block; width: 119px; height: 42px; text-align: center; line-height: 42px; color: #fff; background: #0870e5; border-radius: 4px; position: absolute; bottom: 0; left: 0; } .index_gs{ width: 1200px; margin:0 auto; overflow: hidden; margin-bottom: 40px; } .index_gsLeft{ width: 820px; float: left; overflow: hidden; background: #f8f8f8; height: 440px; } .index_gtop{ width: 100%; background: #fff; overflow: hidden; padding:0 16px; margin-top: 28px; margin-bottom: 25px; } .index_gtop span{ display: block; height: 38px; line-height: 38px; float: left; width: 116px; background: #0870e5; font-size: 16px; text-align: center; color: #fff; border-top: 1px solid #f16a12; } .index_gtop i{ display: block; height: 38px; line-height: 38px; float: left; width: 116px; font-size: 16px; text-align: center; color: #0870e5; font-style: normal; cursor: pointer; } .index_gtop a{ float: right; display: block; line-height: 38px; color: #0c0c0c; font-size: 12px; } .index_gsLeftnew{ display: block; overflow: hidden; padding:0 16px; margin-bottom: 20px; } .index_gsLeftnew .index_gsLeftnew_a{ float: left; width: 188px; height: 120px; overflow: hidden; } .index_gsLeftnew .index_gsLeftnew_a img{ transition: all 0.3s; width: 100%; height: 100%; } .index_gsLeftnew:hover img{ transform: scale(1.1); } .index_gsLeftnew .index_gsLeftnew_b{ float: right; width: 578px; overflow: hidden; } .index_gsLeftnew .index_gsLeftnew_b div{ color: #222222; margin-bottom: 14px; margin-top: 11px; } .index_gsLeftnew .index_gsLeftnew_b p{ margin: 0; font-size: 12px; color: #666666; line-height: 21px; } .index_gsbottom{ display: block; color: #333333; margin: auto; height: 37px; border-bottom: 1px solid #ccc; margin-bottom: 13px; transition: all 0.3s; overflow: hidden; width: 790px; } .index_gsbottom img{ margin-right: 8px; } .index_gsbottom span{ float: right; color: #666666; } .index_gsbottom:hover { color: #0870e5; } .index_gsRight{ float: right; width: 360px; overflow: hidden; background: #f8f8f8; height: 440px; } .index_gsRightbottom{ padding:0 16px; width: 100%; overflow: hidden; } .index_gsRightbottom a{ display: block; border-bottom: 1px solid #ccc; overflow: hidden; height: 96px; margin-bottom: 18px; } .index_gsRightbottom a img{ float: left; } .index_gsRightbottom a div{ float: right; width: 287px; overflow: hidden; } .index_gsRightbottom a span{ color: #313030; display: block; margin-top: 2px; margin-bottom: 21px; } .index_gsRightbottom a p{ margin: 0; font-size: 12px; color: #555555; line-height: 20px; } .allhome_g{ width: 100%; background:#f8f8f8; overflow: hidden; height: 78px; } .allhome_gs{ width: 1200px; margin: 0 auto; overflow: hidden; } .allhome_gs img{ float: left; margin-top: 19px; margin-right: 12px; } .allhome_gs span{ float: left; font-size: 16px; display: block; color: #333333; line-height: 78px; } .allhome_gs div{ float: right; width: 1006px; line-height: 27px; margin-top: 12px; } .allhome_gs div a{ color: #333; } .allfooter{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 112; } .gaibottom{ width: 100%; background: #2e2e2e; overflow: hidden; border-top: 6px solid #0870e5; } .gaibottoms{ width: 1200px; margin: auto; overflow: hidden; margin-top: 43px; margin-bottom: 23px; } .gaibottomsLeft{ float: left; color: #fff; line-height: 27px; } .gaibottomsLeft div{ font-size: 16px; } .gaibottomsLeft span{ visibility: hidden; } .gaibottomscenter{ float: left; margin-left: 39px; margin-top: 102px; } .gaibottomscenter img{ } .gaibottomsright{ float: right; width: 568px; overflow: hidden; color: #fff; } .gaibottomsright span{ font-size: 16px; display: block; margin-bottom: 30px; } .gaibottomsright div{ display: flex; flex-wrap: wrap; justify-content: space-between; } .gaibottomsright div input{ width: 180px; height: 26px; background: none; border: 1px solid #fff; margin-bottom: 18px; padding-left: 10px; outline: none; } .gaibottomsright textarea{ width: 100%; height: 106px; background: none; outline: none; margin-bottom: 18px; padding-left: 10px; padding-top: 10px; border: 1px solid #fff; } .gaibottomsright button{ width: 93px; height: 35px; background: #1a1a1a; border: 0; outline: none; } .allbottom{ width: 100%; background: #1a1a1a; line-height: 62px; text-align: center; color: #fff; } .allbottom a{ color: #fff; } .gaibottomsright div input::-webkit-input-placeholder{ color:#fff; } .gaibottomsright div input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; } .gaibottomsright div input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff; } .gaibottomsright div input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#fff; } .gaibottomsright textarea::-webkit-input-placeholder{ color:#fff; } .gaibottomsright textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#fff; } .gaibottomsright textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#fff; } .gaibottomsright textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#fff; } /*.yb_conct { position:fixed; z-index:9999999; top:200px; right:-127px; cursor:pointer; transition:all .3s ease; } .yb_bar ul li { width:180px; height:53px; font:16px/53px 'Microsoft YaHei'; color:#fff; text-indent:54px; margin-bottom:3px; border-radius:3px; transition:all .5s ease; overflow:hidden; } .yb_bar .yb_top { background:#055eb7 url('../image/fixCont.png') no-repeat 0 0; } .yb_bar .yb_phone { background:#055eb7 url('../image/fixCont.png') no-repeat 0 -57px; } .yb_bar .yb_QQ { text-indent:0; background:#055eb7 url('../image/fixCont.png') no-repeat 0 -113px; } .yb_bar .yb_ercode { background:#055eb7 url('../image/fixCont.png') no-repeat 0 -169px; } .hd_qr { padding:0 29px 25px 29px; width:183px; } .yb_QQ a { display:block; text-indent:54px; width:100%; height:100%; color:#fff; }*/ .blk-main { width:1200px; margin:0 auto; overflow:hidden; } .p12-curmbs-1 { font-size:14px; border-bottom:1px dashed #dcdcdc; } .p12-curmbs-1 b { border-left:10px solid #0870e5; font-weight:normal; padding-left:8px; } .p12-curmbs-1 span { font-family:宋体; height:46px; line-height:46px; padding:0px 5px; } .p12-curmbs-1 i { font-style:normal; } .p12-curmbs-1 a { color:#666; } .blk-xs { width:240px; } .blk { margin-bottom:20px; } .fl { float:left; } .p14-left-nav-1-tit { background:#0870e5; height:75px; } .p14-left-nav-1-tit h3 { margin:0; height:75px; font-size:24px; font-weight:normal; line-height:75px; color:#fff; border-bottom:1px solid #fff; text-align:center; } .p14-left-nav-1-nav-one h3 { height:50px; line-height:50px; background:url(../image/p14-icon5.png) no-repeat right center #0870e5; margin:0; margin-bottom:2px; } .p14-left-nav-1-nav-one h3.sidenavcur,.p14-left-nav-1-nav-one h3:hover { background:url(../image/p14-icon2.png) no-repeat right center #0870e5; } .p14-left-nav-1-nav-one h3 a { display:block; font-size:18px; font-weight:normal; margin-right:40px; margin-left:38px; color:#fff; } .p14-left-nav-1-nav a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .p14-left-nav-1-nav dl { padding:2px 0 4px; margin-bottom:0; } .p14-left-nav-1-nav dt { height:50px; font-size:16px; line-height:50px; padding-left:54px; padding-right:40px; margin-bottom:1px; background:#ececec; position:relative; } .p14-left-nav-1-nav a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; font-weight:400; } .p14-left-nav-1-nav dt:after { content:""; width:8px; height:8px; border:2px solid #b8b8b8; border-style:solid solid none none; position:absolute; top:50%; right:32px; margin-top:-4px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .p14-left-nav-1-nav dt.sidenavcur a,.p14-left-nav-1-nav dt:hover a { color:#0870e5; } .p14-left-nav-1-nav dt.sidenavcur:after,.p14-left-nav-1-nav dt:hover:after { border-color:#0870e5; } .p14-left-nav-1-nav-one>dl { display:none; } .cbgg-01 { border:1px solid #0870e5; text-align:center; color:#000; } .cbgg-01 .tit { color:#fff; font-size:18px; background:#0870e5; height:71px; padding-top:18px; text-align:center; overflow:hidden; } .cbgg-01 .tit i { color:#fff; display:block; font:12px Arial; text-align:center; font-size:14px; line-height:18px; text-transform:uppercase; font-style:normal; } .leftlx { text-align:left; font-family:"Microsoft Yahei","微软雅黑"; font-size:14px; padding:10px; display:block; margin-bottom:20px; } .leftlx p { padding-top:10px; line-height:25px; } .leftlx .dianh .dianhua span { font-size:24px; } .leftlx a { color:#666; } .blk-sm { line-height:33px; width:930px; } .fr { float:right; } .b { clear:both; } .leftnav-z1-tit { margin:0; height:50px; line-height:50px; border-bottom:1px solid #ebebeb; margin-bottom:15px; font-size:24px; } .leftnav-z1-tit span { display:inline-block; height:50px; border-bottom:1px solid #003e71; font-weight:600; color:#666; } .leftnav-z1-list { overflow:hidden; } .leftnav-z1-list dl { width:30.9%; border:1px solid #dedede; margin-bottom:15px; background:#fff; float:left; margin-right:2%; box-sizing:border-box; } .leftnav-z1-list dt { position:relative; } .leftnav-z1-list dt img { width:100%; display:block; height:214px; } .leftnav-z1-list dt p { position:absolute; width:100%; height:214px; top:0; left:0; background:rgba(0,0,0,0.3); padding:20px; display:block; margin:0; transform:scale(0); transition:0.3s linear; } .leftnav-z1-list dt p label { width:56px; height:56px; border-radius:50%; background:#b5a40f; display:table; text-align:center; padding:10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; } .leftnav-z1-list dt p label i { color:#fff; display:block; border:1px solid #ddd; border-radius:50%; font-size:20px; width:100%; height:100%; line-height:33px; } .leftnav-z1-list dt a:hover p { transform:scale(1); transition:0.3s linear; } .leftnav-z1-list dd { padding:6px 20px 6px 20px; } .leftnav-z1-list dd h4 { margin:0; height:45px; text-align:center; font-weight:normal; font-size:18px; color:#154c64; line-height:45px; } .leftnav-z1-list dd h4 a { color:#666; } .leftnav-z1-list dl:hover { border-color:#0870e5; } .small-img { display:flex; align-items:center; justify-content:center; } .clearfix:before,.clearfix:after { display:table; line-height:0; content:""; } .magnifier { width:500px; position:relative; float:left; margin-bottom:34px; } .magnifier-container { width:500px; height:500px; overflow:hidden; position:relative; border:1px solid #ddd; } .move-view { width:100px; height:100px; position:absolute; background-image:url('../image/move-box.png'); } .images-cover { height:100%; width:100%; position:relative; } .images-cover img { position:absolute; } .magnifier-assembly { height:92px; overflow:hidden; position:relative; padding-left:30px; padding-right:30px; } .magnifier-btn { position:absolute; font-family:"宋体"; width:100%; top:50%; left:0; margin-top:-40px; } .magnifier-btn span { line-height:80px; height:80px; width:20px; background-color:#6e6e6e; color:#fff; display:block; z-index:9998; text-align:center; font-size:20px; cursor:pointer; border-radius:3px; } .magnifier-btn .magnifier-btn-left { float:left; } .magnifier-btn .magnifier-btn-right { float:right; } .magnifier-line { position:relative; overflow:hidden; height:92px; } .magnifier-line ul { display:block; font-size:0; width:10000%; position:absolute; left:0; z-index:9997; } .magnifier-line li { float:left; width:100px; cursor:pointer; } .magnifier-line ul > .active .small-img { border-color:#bbb; } .small-img { height:78px; padding:1px; margin:5px; overflow:hidden; border:1px solid #ddd; text-align:center; } .small-img img { max-width:100%; max-height:100%; } .magnifier-view { width:100%; height:100%; position:absolute; right:-105%; top:0; z-index:9999; background-color:#fff; display:none; overflow:hidden; } .magnifier-view img { display:block; } .animation03 { transition:all 0.3s ease-in 0.1s; -ms-transition:all 0.3s ease-in 0.1s; -moz-transition:all 0.3s ease-in 0.1s; -webkit-transition:all 0.3s ease-in 0.1s; -o-transition:all 0.3s ease-in 0.1s; } .detail { overflow:hidden; } .detailLeft { float:left; } .detailRight { margin-left:55px; float:left; width:45%; overflow:hidden; line-height:29px; overflow:hidden; } .detailRight>h1 { margin:0; height:50px; font-size:20px; font-weight:normal; line-height:50px; overflow:hidden; color:#333; border-bottom:1px solid #eee; margin-bottom:5px; } .p1-pro-showcase-1-txt-t1 { margin-bottom:86px; overflow:hidden; } .p1-pro-showcase-1-txt-t1 i { font-style:normal; } .p1-pro-showcase-1-txt-t1 b { font-style:normal; } .p1-pro-showcase-1-txt-t1 strong { font-style:normal; } .p1-pro-showcase-1-tle .p1-pho-1 { background:url(../image/VISkins-p1.png) no-repeat 0 -3px; min-height:50px; padding-left:44px; font-size:20px; line-height:30px; margin-left:30px; margin-right:50px; color:#0870e5; } .fl { float:left; } .p1-pho-1 span { display:block; font-size:14px; line-height:14px; color:#666; } .p1-pho-1 i { font-style:normal; } .fl { float:left; } .p1-pho-2 em { display:block; width:122px; height:35px; background:#0870e5; font-size:16px; font-style:normal; color:#ffffff; text-align:center; line-height:35px; } .p14-prodcontent-1>h4 { margin:40px 0 15px 0; background:url(../image/100.jpg) no-repeat left center; padding-left:34px; font:24px "Microsoft YaHei"; color:#333333; } .p14-prodcontent-1>h4>i { font:16px "Arial"; color:#454545; font-style:normal; text-transform:uppercase; padding-left:10px; } .zxlb-1n-ts-01-list dl { border:1px solid #dedede; width:100%; margin-bottom:15px; padding:22px 0 22px; background:#fff; display:inline-block; } .zxlb-1n-ts-01-list dt { width:35%; float:left; margin-left:22px; margin-right:5.5%; } .zxlb-1n-ts-01-list dt img { width:100%; margin:0 auto; display:block; } .zxlb-1n-ts-01-list dd { width:54%; float:left; } .zxlb-1n-ts-01-list dd h4 { height:40px; font-weight:normal; font-size:18px; color:#154c64; line-height:40px; margin-bottom:5px; } .zxlb-1n-ts-01-list h4 a { display:block; color:#4b4a4a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .zxlb-1n-ts-01-list-desc { max-height:72px; font-size:14px; line-height:24px; color:#797979; margin-bottom:28px; overflow:hidden; } .zxlb-1n-ts-01-list-deta { float:right; width:134px; height:40px; display:inline-block; border:1px solid #aaa; font-size:16px; line-height:40px; text-align:center; } .zxlb-1n-ts-01-list-deta a { color:#666; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta { background:#0870e5; border-color:#0870e5; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta a { color:#fff; } .zxlb-1n-ts-01-list dl:hover h4 a { color:#0870e5; } .zxlb-1n-ts-01-list dl:hover { border-color:#0870e5; } .tl-fdh-02 { height:55px; background:#fff; margin-bottom:20px; overflow:hidden; } .tl-fdh-02 li.sidenavcur,.tl-fdh-02 li:hover { background:url(../image/p16-icon6.png) no-repeat bottom center #0073cb; border-color:#0073cb; } .tl-fdh-02 li { width:20%; height:55px; font-size:18px; line-height:55px; text-align:center; float:left; border-right:1px solid #d8d8d8; box-sizing:border-box; background:#f4f4f4; cursor:pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .tl-fdh-02 li a { display:block; height:55px; color:#333; } .tl-fdh-02 li.sidenavcur a,.tl-fdh-02 li:hover a { color:#fff; } .p12-aboutinfo-1 { display:inline-block; width:100%; background:#fff; margin-bottom:38px; } .p12-aboutinfo-1-nr { padding:0 0 20px; } .endit-content { line-height:28px; } .k12-gl-gslb-3nf1-1-01-left { overflow:hidden; } .k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n) { margin-right:0; } .k12-gl-gslb-3nf1-1-01-left dl { width:24%; float:left; margin-right:16px; background:#f0f0f0; } .k12-gl-gslb-3nf1-1-01-left dt { border:1px solid #e5e5e5; padding:10px 9px; background:#fff; } .k12-gl-gslb-3nf1-1-01-left dt img { display:block; width:100%; } .k12-gl-gslb-3nf1-1-01-left dd { height:50px; font-size:14px; line-height:50px; text-align:center; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#f0f0f0; } .k12-gl-gslb-3nf1-1-01-left dd a { color:#4b4a4a; } .nei_s_000{ width:800px; margin:0 auto; } .nei_s_000 .fenlei_001{ width:185px; float:left; margin-right:15px; margin-bottom:5px; } .nei_s_000 .fenlei_001 a{ background:#fff; display:block; overflow:hidden; } .nei_s_000 .fenlei_001 a:hover{ background:#0870e5; } .nei_s_000 .fenlei_001 .tu_001{ float: left; width: 62px; padding:10px 0px 10px 20px; } .nei_s_000 .fenlei_001 .wrap{ float:right; width:98px; color:#464646; font-weight:normal; font-size:14px; padding-top:25px; } .nei_s_000 .fenlei_001 a:hover .wrap{ color:#fff; }