.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
}
国产在线一区二区香蕉 在线,久久国产精品久久免费,国产最新黄色视频,中文字幕精品在线观看