.header .top{ background:url(../img/bg_bg.jpg) repeat-x; height:46px; line-height:46px; color:#fff; font-size:14px; box-shadow: 0px 3px 19px 0px rgba(180,197,209,0.65); } .header .top em img{ width:17px; margin-right:15px } .header .top em i{ margin-right:30px }.home_four .fouse{ position: relative; } .prev_prev img{ position:absolute; top: 50%; left:1%; transform: translate(0, -50%); } .next_next img{ position:absolute; top: 50%; right:1%; transform: translate(0, -50%); } .ppd_add img{ cursor:pointer } .product .dl_left .pro_nav dd{ border-top: 1px #e6e6e6 solid; } .product .dl_left .pro_nav dd:last-child(){ border-bottom:0 } .header .top b{ margin-left:95px } .header .top b a{ margin-left:15px } .box{ width:1460px; margin:0 auto } .header .top .box{ width:1300px } .search.box{ width:1300px } .nav{ padding-left:300px; border-bottom:3px #227fc0 solid } .nav h1{ padding: 30px 0 25px 0 } .nav .ul{ width:83.5%; background:#c5eb73; height:60px; line-height:60px; margin-top:73px; position: relative; z-index: 99999999; } .nav .ul ul{ display:flex; } .nav .ul li{ width:120px; text-align:center; } .nav .ul li.active,.nav .ul li:hover{ background:#227fc0; color:#fff; height:70px; line-height:70px; position:relative; top:-5px } .nav .ul li.active a,.nav .ul li:hover a{ color:#fff } .swipe { overflow: hidden; visibility: hidden; position: relative; margin: 0 auto; } .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap div { float:left; width:100%; position: relative; } #pager em,#pager1 em,#pager2 em,#pager3 em{ display: inline-block; width: 10px; height: 10px; border-radius: 14px; background: #a6afba; margin:0 4px; } #pager1 em{ background:#fff } #pager em.on,#pager1 em.on,#pager2 em.on,#pager3 em.on{ background:#c5eb73; } #pager,#pager1,#pager2,#pager2{ text-align:center; position: absolute; z-index:88; bottom:30px; width:100%; } #pager{ display:none } .s_form{ background:#fff; box-shadow: 0px 3px 19px 0px rgba(234,239,243,1); height:72px; margin-top:-36px; position:relative; z-index:9999999; padding:12px 0 12px 20px } .s_form p{ border:1px #cdcdcd solid; width:440px; margin-right:50px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; padding:0 20px; display: flex; } .s_form span{ align-self: center; } .s_form span a{ font-size:15px; color:#686868; margin-left:9px } .s_form span em{ font-size:15px; color:#227fc0; margin-right:9px } .s_form span a:hover{ color:#227fc0; } .s_form p em{ color:#686868;align-self: center; } .s_form p .text{ padding:12px; width:318px; border:0 } .s_form .button{ background:url(../img/ss.png) no-repeat; width:25px; height:25px; display:inline-block; background-size:25px 25px; border:0; cursor:pointer;align-self: center; } .home_one .box{ width:1460px; } .pub_tit{ padding:40px 0 } .pub_tit h2{ color:#222222; font-size:32px; } .pub_tit em{ display:block; width:34px; height:3px; background:#c5eb73; margin:15px auto 25px auto } .pub_tit p{ color:#858585; font-size:16px } .home_one dd{ background:#227fc0; color:#fff; text-align:center; padding:20px 0; font-size:20px } .home_one dl:hover dd{ background:#c5eb73; color:#1c1c1c } .home_one dl{ width:24%; margin-bottom:2% } .home_one dt img{ width:100% } .home_tow{ background:url(../img/bg_2.jpg) no-repeat; width:100%; height:605px; padding:55px 0; margin-bottom:2% } .home_tow dl{ width:100%; position:relative; border-right:2px #fff solid; cursor:pointer } .home_tow dl:nth-child(4){ border-right:0 } .home_tow dl dt p{ position: absolute; top: 0; width: 100%; height: 100%; background-color: #000000; background-color: rgba(0,0,0,0.33); } .home_tow dl dd { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 99; color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .home_tow dl dd img{ width:40px; display:block; margin:0 auto } .home_tow dl dd h2{ color:#e9eae9; font-size:24px; margin-top:8px } .home_tow dl:hover dd,.home_tow dl:hover dt p{ display:none } .home_three .bg_3{ background:url(../img/bg_3.jpg) no-repeat; width:100%; height:500px; padding:45px 0; background-size: 100% 500px; } .home_three .box{ width:1300px } .home_three .ck em{ background:#c5eb73; height:52px; line-height:52px; width:24.7% ; text-align:center; font-size:20px; cursor:pointer } .home_three .ck em i{ margin-left:15px; letter-spacing:15px } .home_three .ck em.active{ background:#227fc0; height:58px; line-height:58px; color:#fff } .home_three .ck_show .img{ text-align:center; align-self: center; } .home_three .ck_show .img{ font-size:100px; color:#b0b0b0; font-weight:bold; font-family:Arial, Helvetica, sans-serif } .home_three .ck_show .pic{ width:630px; background:#fff; padding:6px } .home_three .ck_show .pic img{ width:100%; height:400px; } .home_three .ck_show .test{ align-self: center; color:#fff; } .home_three .ck_show .test h3{ font-size:36px; margin-bottom:40px; } .home_three .ck_show .test p{ font-size:16px; line-height:38px; } .home_three .ck_show .one.flex{ display:none } .home_three .ck_show .one.fadeIn{ display: flex } .home_four{ background:#eaeaea; margin:155px auto 0 auto; padding:75px 0 } .home_four .word{ margin-left:310px; width:715px } .home_four .word .tit h2{ color:#222222; font-size:32px; } .home_four .word .tit em{ display: block; width: 34px; height: 3px; background: #c5eb73; margin: 15px 0 25px 0; } .home_four .word p{ font-size:15px; color:#666; line-height:32px } .home_four .word a{ color:#303030; font-size:14px; border:1px #2d2d2d solid; display:block; width:108px; height:34px; line-height:34px; text-align:center; margin-top:40px; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; } .home_four .word a:hover{ background:#c5eb73; color:#fff; border:1px #c5eb73 solid; } .home_four .word dl{ width:25%; background:#f4f4f4; padding:26px 0; text-align:center; height:170px } .home_four .word dt{ color:#333333; font-size:12px } .home_four .word dd b{ display:block; color:#333333; font-size:52px; color:#227fc0; font-family:Arial, Helvetica, sans-serif; margin:10px 0 0 0 } .home_four .word dd b em{ font-size:20px } .home_four .word dd i{ font-size:12px } .home_four .word dl:nth-child(1){ background:#227fc0; height:200px; margin-top:-15px; padding-top:43px } .home_four .word dl:nth-child(1) dd b,.home_four .word dl:nth-child(1) dt,.home_four .word dl:nth-child(1) dd i{ color:#fff } .home_four .word .dl{ margin-top:55px } .home_four .fouse{ width:790px; margin-right:50px; background:#fff; padding:10px; } .home_five .box{ border:1px #eaeaea solid; border-left:0; width:1300px } .home_five .box p{ width:12.5%; border-left:1px #eaeaea solid; border-bottom:1px #eaeaea solid; cursor:pointer; padding:15px } .home_five .box p:hover{ box-shadow: 0px 3px 19px 0px rgba(0,0,0,0.21); } .home_six{ background:#eaeaea; margin-top:85px; } .comBox5{ position:relative;} .comBox5 .swiper-slide{ margin:0;} .comBox5Lef{ padding-right:25px; font-size:14px; color:#787878; line-height:28px; text-align:left;} .comBox5En{ font-size:72px; line-height:72px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3f3f3; position:relative;} .comBox5Tit{ position:absolute; left:0; top:0; font-size:30px; color:#000000; font-family:"寰蔣闆呴粦";} .comBox5Line{ display:block; width:36px; height:7px; font-size:0; background:#8a182e; margin:-10px 0 20px;} .comBox5Con{ height:230px;} .comBox5 .swiper-pagination{ position:static; padding:35px 0;} .comBox5 .swiper-pagination-bullet{ width:10px; height:10px; opacity:1; background:#cbcbcb;} .comBox5 .swiper-pagination-bullet-active{ background:#c5eb73;} .container { margin:0 52px } .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; } .comBox5Lef dt{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .comBox5Lef dt img{ width:100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .comBox5Lef dd{ color:#393939; text-align:center; font-size:16px; margin-top:32px } /*.pagination { position: absolute; z-index: 20; left: 0px; bottom:20px; margin:0; }*/ .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .swiper-visible-switch { background: #aaa; } .swiper-active-switch { background: #fff; } .swiper-scrollbar { background:none; position: absolute; right: 0px; top: 40px; height: 90%; width: 10px !important; border-radius:0; } .swiper-scrollbar .swiper-scrollbar-drag { background:#cccccc; border-radius:0; }.swiper-container { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1 } .swiper-container-no-flexbox .swiper-slide { float:left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-transition-property:-webkit-transform,height; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform,height } .swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10 } .swiper-pagination.swiper-pagination-hidden { opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; left:0; width:100% } .swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2 } button.swiper-pagination-bullet { border:none; margin:0; padding:0; box-shadow:none; -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer } .swiper-pagination-white .swiper-pagination-bullet { background:#fff } .swiper-pagination-bullet-active { opacity:1; background:#007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background:#fff } .swiper-pagination-black .swiper-pagination-bullet-active { background:#000 } .swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -o-transform:translate(0,-50%); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:5px 0; display:block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px } .swiper-pagination-progress { background:rgba(0,0,0,.25); position:absolute } .home_seven .list{ width:1305px; margin:0 auto } .home_seven .list .img{ width:410px } .home_seven .list .word{ width:870px } .home_seven .list .word dl{ width:49%; border-bottom:1px #dadada solid; padding:20px 0 } .home_seven .list .word dl:nth-child(1),.home_seven .list .word dl:nth-child(2){ padding-top:0 } .home_seven .list .word dl a{ display:flex; justify-content:space-between ; } .home_seven .list .word dt{ width:80px; background:#2280c0; text-align:center; color:#fff; font-size:25px; font-family: Arial, Helvetica, sans-serif; padding-top:15px } .home_seven .list .word dt i{ display:block; font-size:14px; } .home_seven .list .word dd{ width:320px } .home_seven .list .word dd h2{ color:#000; font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap } .home_seven .list .word dd .index_zixun_other{ color:#000; font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin: 0; padding: 0; font-weight: normal; } .home_seven .list .word dd p{ color:#8d8d8d; font-size:13px; line-height:25px; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 50px; } .home_seven .list .img dd h2{ color:#000; font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin:25px 0 15px 0 } .home_seven .list .img dd .index_zixun{ color:#000; font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin:25px 0 15px 0 } .home_seven .list .img dd p{ color:#8d8d8d; font-size:13px; line-height:25px; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .home_seven .list .img dl{ border-bottom:1px #dadada solid; padding-bottom:20px } .home_seven .list .word dl:hover dt{ background:#c5eb72; color:#1c1c1c } .footer{ margin-top:70px } .footer .f_nav{ background:#2280c0 } .footer .f_nav .ul{ width:1305px; margin:0 auto; padding:15px 0; } .footer .f_nav .ul a{ font-size:16px; color:#fff } .footer .foot{ background:#c5eb73; padding:12px 0; text-align:center; color:#191919; font-size:13px } .footer .foot a{ color:#191919; } .footer .foot_clo{ width:1305px; margin:0 auto; padding:60px 0 } .footer .foot_clo p a,.footer .foot_clo p { color:#777777; font-size:12px; } .footer .foot_clo p img{ margin-bottom:20px } .footer .foot_clo p a{ margin-left:10px } .footer .f_cont{ width:480px; border-left:1px #6ca6cf solid; border-right:1px #6ca6cf solid; padding:0 80px } .footer .f_cont p{ color:#1c1c1c; font-size:14px; line-height:40px; } .footer .f_logo{ width:380px } .footer .f_core{ width:445px; padding-left:75px } .footer .f_core dl{ text-align:center; color:#1c1c1c; font-size:14px; } .product,#search{ width:1300px; margin:0 auto } .where,.where a{ color:#8b8b8b; font-size:13px; } .where{ padding:40px 0 15px 0; border-bottom:1px #eaeaea solid; margin-bottom:40px } .where i{ margin:0 5px } .where a:hover{ color: #227fc0; } .product .dl_left{ width:280px } .product .dl_left .tit{ background:url(../img/nav_bg.jpg) no-repeat; height:80px; line-height:80px; padding-left:25px; font-size:24px; color:#fff; border-bottom:5px #d0e4f2 solid } .product .dl_left .tit.tits{ margin-top:20px; border-bottom:0; background:#388cc6 } .product .dl_left .tit.tits a{ color:#fff } .product .dl_left .pro_nav h2{ color:#505050; font-size:18px; } .product .dl_left .pro_nav h2.one_active{ background: #c5eb73 ; } .product .dl_left .pro_nav h2 i { background: url(../img/add.png) no-repeat; width: 15px; height: 15px; display: block; background-size: 15px 15px; align-self: center; margin-right: 8px; } .product .dl_left .pro_nav{ border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; } .product .dl_left .pro_nav h2:nth-child(1) ,.product .dl_left .pro_nav h2:nth-child(6) { border-bottom: 1px #e6e6e6 solid; } .product .dl_left .pro_nav h2 { padding: 25px 20px; display: flex; } .product .dl_left .pro_nav h2 a{ display:flex } .product .dl_left .pro_nav dd { background: url(../img/dian.png) no-repeat 20px 22px; padding:17px 22px; padding-left:40px } .product .dl_left .pro_nav dl dd:hover,.product .dl_left .pro_nav dl dd.active{ background:#c5eb73 url(../img/dian.png) no-repeat 20px 22px; } .product .dl_left .pro_nav dl{ border-bottom: 1px #e6e6e6 solid; } .product .dl_left .pro_nav.pro_navs dd a{ font-size:14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap } .product .dl_right{ width:975px; } .product .dl_right .title h2{ color:#354352; font-size:20px; font-weight:bold; padding-bottom:10px } .product .dl_right .title .test{ margin:30px 0; color:#666666; font-size:17px; line-height:32px } .product #dl_right dl { border: 1px #e2e2e2 solid; width:31.33%; margin-bottom: 4%; margin-left:3%; } .product #dl_right dl:nth-child(3n+1){ margin-left:0 } .product #dl_right dl dd { font-size: 16px; background: #fff; color: #484848; text-align: center; padding: 10px 0; } .product #dl_right dl dd:nth-child(2) { background: #227fc0; color: #fff; text-align: center; padding: 10px ; font-size:20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap } .product #dl_right dl:hover dd:nth-child(2){ background: #c5eb73; } .product #dl_right dl dd p{ line-height:24px } .page{ margin:50px auto; float:right } .page a,.page b,.page span{ background:#fafafa; border:1px #d9d9d9 solid; color:#323232; font-size:13px; text-align:center; padding:7px 12px } .page b,.page a:hover{ background:#c5eb73; border:1px #c5eb73 solid; } .product .dl_right .flex.flex-wrap { margin-top:30px } .product .dl_right .pro_test .con_cont p{ color:#666; line-height:32px; font-size:16px; } .product .dl_right .pro_test .con_cont{ margin:30px 0 } .product .dl_right .pro_test .con_cont h2{ margin-top:30px; color:#333333; font-size:18px } .product .dl_right .pro_test .con_cont a{ display:block; width:118px; height:42px; text-align:center; line-height:42px; color:#fff; background:#227ebf; font-size:16px; margin-top:40px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .product .dl_right .pro_test .txt_tit h2{ color:#363636; font-size:26px; padding-bottom:26px; font-weight:bold } .product .dl_right .tits h2{ font-size:20px; color:#354352; padding-bottom:8px; font-weight:bold } .product .dl_right .tits{ margin-top:50px } .product .dl_right .con_conts p{ font-size:16px; line-height:25px; color:#666; margin:10px 0 } .scroll{ display: -webkit-box; overflow-x: scroll; } .con_conts{ margin-top: 25px; } table.gridtable { font-family: verdana,arial,sans-serif; font-size:15px; color:#333333; border-width: 1px; border-color: #d3d3d3; border-collapse: collapse; margin:30px 0 } table.gridtable tr{ } table.gridtable th { border-width: 1px; padding: 8px ; border-style: solid; border-color: #d3d3d3; background-color: #2280c0; color:#fff; } table.gridtable td { border-width: 1px; padding: 8px; border-style: solid; border-color: #d3d3d3; background-color: #fbfbfb; text-align:center } .product .dl_right .dl dl{ background:#f9f9f9; margin-bottom:0.35rem; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display:flex; width:49%; padding:25px 40px } .product .dl_right .dl dt{ width:28% } .product .dl_right .dl dd{ width:68%; margin-left:30px; align-self: center; } .product .dl_right .dl dl h4{ font-weight:bold; font-size:20px; color:#353535; margin-bottom:25px } .product .dl_right .dl dd p{ color:#666666; font-size:16px } .product .dl_right .dl dl:hover{ background:#227fc0 } .product .dl_right .dl dl:hover h4,.product .dl_right .dl dl:hover p{ color:#fff } .con_cont_p{ margin:30px 0 } .con_cont_p p{ color: #666666; line-height: 34px; font-size: 16px; } .pro_case a{ display:flex } .pro_case dl{ margin-top:30px } .pro_case dt{ width:235px } .pro_case dd{ width:720px; margin-left:20px; align-self: center; } .pro_case dd h3{ font-size:18px; color:#0d0d0d; margin-bottom:20px } .pro_case dd p{ font-size:15px; color:#717171; line-height:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #pro_nav h2{ text-align:center; display:block; } #pro_nav h2 a{ color:#202020; font-size:18px } #pro_nav h2.acticve,#pro_nav h2:hover{ background:#cbed81 } .pro_nav_logo p{ border-bottom:1px #e6e6e6 solid; padding:0 20px } .pro_nav_logo p img{ width:100%; } .pro_cases dl{ margin-top:45px; background:#f9f9f9; } .pro_cases dl a{ display:flex; } .pro_cases dt { width:310px } .pro_cases dt img{ width:100% } .pro_cases dd{ width:640px; padding:25px } .pro_cases dd h3{ font-weight:bold; font-size:16px; margin-bottom:0.35rem } .pro_cases dd p{ color: #717171; line-height: 25px; font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .pro_cases dd h4{ font-size:14px; font-family:Arial, Helvetica, sans-serif; display:flex; justify-content:space-between ; margin-top:0.35rem } .pro_cases dd h4 img{ width:13px; margin-right:5px; margin-top:-4px } .pro_cases dd h4 i{ color:#717171; border:1px #d5d5d5 solid; padding:5px 18px; font-size:15px; } .pro_cases dd h4 span{ align-self: center; color:#929292; font-size:14px } .pro_cases dl:hover dd h3{ color:#227fc0 } .pro_cases dl:hover dd h4 i{ color:#fff; border:1px #227fc0 solid; background:#227fc0 } .pro_cases dl:hover { border:1px #227fc0 solid; } .pro_cases dl { border:1px #fff solid; } #cont_pub{ padding:0.5rem 0 } #cont_pub .title{ text-align:center; color:#0d0d0d; font-size:22px } #cont_pub .time{ text-align:center; color:#bcbcbc; font-size:13px; padding:15px 0 } #cont_pub .time em{ margin:0 8px } #cont_pubs{ border-top:1px #e6e6e6 solid; margin-top:10px; padding-top:35px } #cont_pubs p{ color:#717171; font-size:16px; line-height:25px; margin-bottom:25px } .per_net a{ color:#949494; font-size:13px; display:block; margin-top:15px } .per_net { border-bottom:1px #e6e6e6 solid; padding:0.35rem 0 } .marqueeleft { height: 136px; width: 474px; overflow: hidden; } .marqueeleft ul { float: left; } .marqueeleft li { float: left; margin: 0 5px; display: inline; width: 148px; height: 133px; overflow: hidden; } .marqueeleft li .pic { display: block; border: #ccc 1px solid; width: 135px; height: 104px; padding: 2px; overflow: hidden; } .marqueeleft li .txt { text-align: center; height: 23px; line-height: 23px; } /* marqueetop */ .marqueetop { height: 345px; width: 100%; overflow: hidden; } .marqueetop li { padding: 5px 0; width: 100%; height: 110px; overflow: hidden; border-bottom:1px #e6e6e6 solid } .marqueetop li img{ display:block; margin:0 auto } .marqueetop li .pic { display: block; border: #ccc 1px solid; width: 135px; height: 104px; padding: 2px; overflow: hidden; } .marqueetop li .txt { text-align: center; height: 23px; line-height: 23px; } .down_pub { margin-top:40px } .down_pub .th{ background:#237ebc; padding:20px 0; color:#fff; font-size:16px; text-align:center; } .down_pub .th em:nth-child(1),.down_pub .pub_tr .td em:nth-child(1){ width:28% } .down_pub .th em,.down_pub .pub_tr .td em{ width:18% } .down_pub .pub_tr{ border:1px #e6e6e6 solid; border-bottom:0; border-left:0 } .down_pub .pub_tr .td{ color:#5b5b5b; font-size:16px; text-align:center; border-bottom:1px #e6e6e6 solid } .down_pub .pub_tr .td em{ border-left:1px #e6e6e6 solid; padding:12px } #pub_about .abount_one{ width:1505px; margin-left:105px } #pub_about .abount_one .img{ width:815px } #pub_about .abount_one .text{ width:630px; align-self: center; } #pub_about .abount_one .text .tit .hh2{ font-size:32px; color:#000000; font-weight:bold; padding-bottom:10px } #pub_about .abount_one .text .tit{ margin-bottom:5px } #pub_about .abount_one .text .word p{ color:#666666; font-size:15px; line-height:32px; margin-top:45px } #pub_about .abount_one .text .dl{ background:#f4f4f4; padding:20px 0; color:#515151; text-align:center; margin-top:50px } #pub_about .abount_one .text .dl dl{ width:25%; font-size:53px; font-family:Arial, Helvetica, sans-serif; border-left:1px #e0e0e0 solid; position:relative } #pub_about .abount_one .text .dl dt i{ font-size:22px; position: relative; top: -8px; margin-left: 5px; font-weight:bold } #pub_about .abount_one .text .dl dd{ font-size:14px; } #pub_about .abount_one .text .dl dl:nth-child(1){ border-left:0 } #pub_about .abount_one .text .dl dt b{ font-size:30px; color:#227fc0; position: relative; top: -8px; margin-left: 5px; } #pub_about .abount_one .text .dl dd img{ position: absolute; top: 28px; right: 14px; } #pub_about .tits .h2{ font-size: 32px; color: #354352; padding-bottom: 12px; font-weight: bold; } #pub_about .abount_tow{ margin:105px auto; width:1300px } #pub_about .abount_tow .ab_th dl{ background:#f8f9fb; width:32%; padding:30px 20px; font-size:22px; display:flex; color:#303030; margin-top:50px } #pub_about .abount_tow .ab_th dt{ width:118px; margin-right:20px; } #pub_about .abount_tow .ab_th dt img{ -webkit-transition: all 500ms ease; transition: all 500ms ease; } #pub_about .abount_tow .ab_th dl:hover dt img{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #pub_about .abount_tow .ab_th dd{ align-self: center; } #pub_about .abount_tow .ab_th dd p{ color:#484848; font-size:17px; margin-top:22px } #pub_about .abount_tow .ab_ab p{ color:#797979; font-size:16px; } #pub_about .abount_tow .ab_ab { margin:40px 0 100px 0 } #pub_about .abount_tow .ab_ab p i { color: #227fc0; } #pub_about .abount_four,#pub_about .abount_six{ width:1300px; margin:0 auto } #pub_about .abount_four dl{ width:23.5%; border:1px #d9d9d9 solid; -moz-border-radius:7px; -webkit-border-radius: 7px; border-radius: 7px; margin:60px 0; text-align:center; padding-bottom:30px } #pub_about .abount_four dd .h2{ color:#181818; font-size:20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding:0 15px; margin-bottom:12px } #pub_about .abount_four dd p{ color:#484848; font-size:14px; line-height:24px } #pub_about .abount_four dl:hover{ border:1px #4996cb solid; } #pub_about .tits em{ font-size: 16px; color: #6c6c6c; display:block; margin-top:20px } #pub_about .abount_six .p_p{ text-align:center } /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container{ width:auto; margin-right:30px; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ margin-right:30px; } .mCustomScrollBox>.mCSB_scrollTools{ width:16px; height:100%; top:0; right:0; } .mCSB_scrollTools .mCSB_draggerContainer{ position:absolute; top:0; left:0; bottom:0; right:0; height:auto; } .mCSB_scrollTools a+.mCSB_draggerContainer{ margin:20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width:2px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_buttonDown{ top:100%; margin-top:-40px; } /* horizontal scrollbar */ .mCSB_horizontal>.mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-right:0; margin-bottom:30px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{ margin:0 20px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:2px; margin:7px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ display:block; position:relative; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ margin-left:-40px; float:right; } .mCustomScrollBox{ -ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/ } /* default scrollbar colors and backgrounds (default theme) */ .mCustomScrollBox>.mCSB_scrollTools{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCustomScrollBox:hover>.mCSB_scrollTools{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ } .mCSB_scrollTools .mCSB_draggerRail{ background:#5888b0; /* rgba fallback */ background:rgba(88,136,176,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image:url(../mCSB_buttons.png); background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp{ background-position:0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position:0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position:0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position:0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ } /*scrollbar themes*/ /*dark (dark colored scrollbar)*/ .mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } /*light-2*/ .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px 0; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-32px -20px; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-40px -40px; } .mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-40px -56px; } /*dark-2*/ .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px 0; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -20px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -40px; } .mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-120px -56px; } /*light-thick*/ .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.85); } .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.9); } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-16px 0; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-16px -20px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-20px -40px; } .mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-20px -56px; } /*dark-thick*/ .mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{ width:4px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.1); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:4px; margin:6px 0; } .mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:6px; margin:5px auto; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-96px 0; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-96px -20px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-100px -40px; } .mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-100px -56px; } /*light-thin*/ .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#fff; /* rgba fallback */ background:rgba(255,255,255,0.1); } .mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } /*dark-thin*/ .mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{ background:#000; /* rgba fallback */ background:rgba(0,0,0,0.15); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; background:#000; /* rgba fallback */ background:rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; } .mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:2px; margin:7px auto; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(0,0,0,0.85); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(0,0,0,0.9); } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; } .mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; } /* custom styling */ /* content_1 scrollbar */ .content_1>.mCustomScrollBox>.mCSB_scrollTools{ height:96%; top:2%; } /* content_2 scrollbar */ .content_2 .mCSB_scrollTools .mCSB_draggerRail{ width:6px; box-shadow:1px 1px 1px rgba(255,255,255,0.1); } .content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:rgba(214,219,223,1); filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */ } .content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:rgba(255,255,255,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* old ie */ } .content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:rgba(255,255,255,0.6); filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; /* old ie */ } /* content_3 scrollbar */ .content_3>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%; } .content_3 .mCSB_scrollTools .mCSB_draggerRail{ width:0; border-right:1px dashed #09C; } .content_3 .mCSB_scrollTools .mCSB_dragger{ height:11px; } .content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:11px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; background:#09C; } /* content_4 scrollbar */ .content_4>.mCustomScrollBox>.mCSB_scrollTools{ height:94%; top:3%; } .content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:8px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#d0b9a0; -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5); -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5); box-shadow:1px 1px 5px rgba(0,0,0,0.5); } .content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#dfcdb9; } .content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5); -moz-box-shadow:0 0 3px rgba(0,0,0,0.5); box-shadow:0 0 3px rgba(0,0,0,0.5); } /* content_5 scrollbar */ .content_5>.mCustomScrollBox>.mCSB_scrollTools{ width: 98%; margin: 0 1%; } /* content_6 scrollbar */ .content_6>.mCustomScrollBox>.mCSB_scrollTools{ width:88%; margin: 0 6%; } /* content_8 scrollbar */ .content_8 .mCSB_scrollTools .mCSB_draggerRail{ width:0px; border-left:1px solid rgba(0,0,0,0.8); border-right:1px solid rgba(255,255,255,0.2); } .ab_5_bg .content{ width:1300px; padding:10px; overflow:auto; margin:0 auto} .ab_5_bg .content_2{height:640px;} .ab_5_bg{ background:url(../img/li.jpg) no-repeat; width:100%; height:735px; padding-top:60px } .ab_5_bg dl{ display:flex; cursor:pointer } .ab_5_bg dt{ width:320px; font-size:24px; padding-left:100px; color:#fff; font-family:Arial, Helvetica, sans-serif; border-right:1px #c5eb73 solid; padding-bottom:50px; margin-right:75px; position:relative } .ab_5_bg dt i{ width:15px; display:block; height:15px; background:#c5eb73; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; position:absolute; top:0; right: -8px; } .ab_5_bg dd{ width:910px; font-size:20px; color:#fff; } .ab_5_bg dl:hover dd,.ab_5_bg dl:hover dt{ color:#c5eb73 } .ab_5_bg{ margin:60px auto } .abount_three .img_pic{ margin:80px auto 70px auto } .abount_three .img_pic .one.flex{ display:none } .abount_three .img_pic .one.flex.fadeIn{ display:flex } .abount_three .img_pic .one .img p{ position:absolute; top:0; width:100%; height:100%; background-color:#227fc0;/* IE6鍜岄儴鍒咺E7鍐呮牳鐨勬祻瑙堝櫒(濡俀Q嫻忚鍣?涓嬮鑹茶瑕嗙洊 */ background-color:rgba(34,127,192,0.30); } .abount_three .img_pic .one .text{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); color:#fff; text-align:center; width:95%; height:90%; border:1px #fff solid; display:none } .abount_three .img_pic .one .text img{ width:45px; margin-top: 14%; }.abount_three .img_pic .one .text h2{ font-size:20px; margin:10px auto 15px auto }.abount_three .img_pic .one .text em{ display: block; width:20px; height:2px; background:#fff ; margin:0 auto; } .abount_three .ck_ck{ text-align:center; margin:0.25rem auto } .abount_three .ck_ck em{ display:inline-block; height:5px; background:#d7e7f4; width:20px; margin:20px 3px 0 3px;cursor:pointer } .abount_three .ck_ck em.on{ background:#2280c0; } .abount_three .img_pic .one .all:hover .img p{ background-color:#227fc0;/* IE6鍜岄儴鍒咺E7鍐呮牳鐨勬祻瑙堝櫒(濡俀Q嫻忚鍣?涓嬮鑹茶瑕嗙洊 */ background-color:rgba(34,127,192,0.84); } .abount_three .img_pic .one .all:hover .text{ display:block } .abount_three .img_pic .one .all{ cursor:pointer } #contact .cont_one{ width:1300px; margin:85px auto } #contact .cont_one .tits h2{ font-size: 20px; color: #354352; padding-bottom: 8px; font-weight: bold; } #contact .cont_one .c_one_l{ width:545px; } #contact .cont_one .c_one_r{ width:610px; } #contact .cont_one .c_one_l .one { margin-top:25px } #contact .cont_one .c_one_l .one h2{ font-size:20px; color:#272727 } #contact .cont_one .c_one_l .one h2 img { width: 23px; position: relative; margin-right: 5px; margin-top: -2px; } #contact .cont_one .c_one_l .one p { font-size: 16px; margin-top: 20px; display: flex; line-height: 30px; color:#595959 } #contact .cont_one .c_one_l .one p img { width: 34px; margin-right: 15px; height: 34px; align-self: center; } .cont_form p{ display:flex; margin-bottom:25px } .cont_form p em{ width:15%; align-self: center; color:#c6c6c6 } .cont_form p .text{ width:85%; border:1px #e6e6e6 solid; padding:15px; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; } .cont_form p .cltextarea{ width:85%; border:1px #e6e6e6 solid; padding:10px; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; font-family:寰蔣闆呴粦; height:245px } .cont_form { margin-top:35px; } .buttons{ background:#227fc0; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; color:#fff; text-align:center; width:120px; padding:10px 0; display:inline-block; border:0; float:right; font-size:15px; cursor:pointer }.cont_map .ck{ text-align:center } .cont_map .ck em{ background:#f3f3f3; color:#4e4e4e; display:inline-block; padding:12px 0; width:150px; margin:0 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; cursor:pointer } .cont_map .ck em.on{ background:#227fc0; color:#fff } .cont_map .map{ height:670px; width:100%; display:none; margin-top:20px; margin-bottom:-70px } .cont_map .map.on{ display:block } .webmap{ width:1300px; margin:0 auto } .webmap h2{ background:#227fc0; width:146px; padding:13px 0; text-align:center; color:#fff; font-size:16px; } .webmap a{ color:#595959; font-size:14px; } .webmap a:hover{ color:#227fc0 } .webmap .one{ border-bottom:1px #e6e6e6 solid; padding:20px 0; margin-bottom:30px } .webmap .one a{ width:14.2857%; text-align:center } .webmap .tow dl{ width:20%; } .webmap .tow dt{ border-bottom:1px #e6e6e6 solid; padding:20px 0; text-align:center } .webmap .tow dd a{ border-bottom:1px #e6e6e6 solid; padding:20px 0; text-align:center; display:block } .nav .ul li:nth-child(2) .menu-down,.nav .ul li:nth-child(3) .menu-down{ width:200%; text-align: left; } .menu-down { text-align: center; } .menu-down{ background:#227fc0; margin-top:17px; display:none; } .menu-pub dt img{ margin-top:-27px } .menu-pub dd{ margin-top:-20px; display:flex; justify-content:space-between ; flex-wrap:wrap } .menu-pub dd a{ color:#fff; width:100%; line-height:42px; font-size:15px;padding:0 15px; }.header .nav li.actives .menu-pub .menu-down{ display:block } .nav .ul li:hover .menu-pub dd a:hover{ color:#fff; background:#0a619e } .ck_ck_ck{ text-align:center; margin:0.25rem auto } .ck_ck_ck em{ display:inline-block; height:5px; background:#d7e7f4; width:20px; margin:20px 3px 0 3px;cursor:pointer } .ck_ck_ck em.on{ background:#2280c0; } .ck_show_add .flex{ display:none } .ck_show_add .flex.fadeIn{ display: flex } .aboutHisList,.newsHisList,.newsHisLists,.logoHisList ,.logoHisLists,.aboutHisLists{ margin:40px auto; position:relative;} .newsHisList,.logoHisList,.logoHisLists,.newsHisLists{ margin:0 auto} .aboutHisPrev{ background: url(../img/left1.png) center center no-repeat; } .aboutHisNext { background: url(../img/right1.png) center center no-repeat; } .aboutHisPrev, .aboutHisNext { display: block; position: absolute; cursor: pointer; width: 46px; height: 46px; top: 50%; transform: translate(-0%, -50%); -webkit-transform: translate(-0%, -50%) } .aboutHisNext{ right:auto; right: -80px; } .aboutHisPrev{ left: -80px; } .kfoutbox { position:fixed; top:50%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); margin-top:-90px; z-index:9999999999 } #newBridge #openBridge { width:29px; height:180px; background:url(../img/ls.gif) no-repeat; } .kfoutbox { left:0px; kf54kefuqqtop:180px; } .kfbox { display:none; } .kfoutbox img {display:inline;border:0 none;} .kfoutbox {width:29px; height:180px; background:url(../img/r.gif) no-repeat;} .kfoutbox .kfboxmenuleft{background:url(../img/l.gif) no-repeat;margin: 0px;} .kfoutbox .kfbox{height:auto; width:133px; overflow:hidden; font-size:12px; text-align:center; font-family:"瀹嬩綋",Verdana, Geneva, sans-serif;margin: 0px;} .kfoutbox .kfbox a{text-decoration:none; color:#666666;} .kfoutbox .kfbox img{border:none;} .kfoutbox .kfbox .kf54kefuqqtop{width:133px; margin: 0px; padding: 0px;background-image: url(../img/middle.gif);background-repeat:no-repeat;background-position: bottom;} .kfoutbox .kfbox .kf54kefuqqtop img{ margin: 0px; padding: 0px; } .kfoutbox .kfbox .kf54kefuqqtop .kfboxclose{ width:30px; height:40px; position:absolute; top:0px; right:0px; cursor:pointer; overflow: hidden;text-align:right; } .kfoutbox .kfbox .kf54kefuqqinfo{ background:url(../img/middle.gif) repeat-y; height:25px; line-height:25px; font-weight:700; padding-right: 8px; padding-left: 8px; margin: 0px; } .kfoutbox .kfbox .kf54kefuqqbg{ background:url(../img/middle.gif) repeat-y; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; } .kfoutbox .kfbox .who{clear:both; text-align:right; font-size:9px; padding-right:10px; margin-top:5px;} .kfoutbox .kfbox .kf54kefuqqbottom{ margin: 0px; padding: 0px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli{ list-style-type:none; margin: 0px; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: "瀹嬩綋"; font-size: 12px; width: 133px; text-align: left; line-height: 22px; background:url(../img/middle.gif) repeat-y; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli p{ margin: 0px; padding: 0px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetgroup{ list-style-type:none; margin: 0px; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: "瀹嬩綋"; font-size: 12px; width: 123px; text-align: left; line-height: 22px; background:url(../img/middle.gif) repeat-y; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetgroup p{ margin: 0px; padding: 0px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetpicimg { text-indent: 7px; float: left; margin-left: 5px; padding: 0px; width: 30px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunettxt { text-indent: 4px; float: left; margin: 0px; padding: 0px; width: 90px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetmycode { float: left; width: 133px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetpicimgcenter { float: left; text-align: center; width: 123px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 5px; } .pro_cases dt{ height:210px; overflow:hidden } .pro_case dt{ height:160px; overflow:hidden } 国产在线一区二区香蕉 在线,久久国产精品久久免费,国产最新黄色视频,中文字幕精品在线观看