@charset "utf-8";

/*menu-box*/

.menu-box { position: absolute; width: 100%; left: 0; top: 3.5%; }

.menu-cbox .T .R { width: 86.5%; }

.menu-box .M { width: auto; margin-left: 4.5%; }

.add-news { position: absolute; top: 5%; left: 5%; z-index: 1; font-size: 0; color: #fff; display: none; }

.add-news span { animation: span 1.2s linear 0s infinite; display: inline-block; vertical-align: top; font-size: 12px; width: auto; margin-top: 0; transition: none; color: inherit !important; }

.ProductList_b1 .add-news img { width: 30%; }

.surface .add-news img { width: 30% !important; display: block; }

@keyframes span { 0%, 50% {

 transform: translateY(0);

}

25% {

 transform: translateY(-3px);

}

}

/*--menu-box end-----------------*/



/*主导航菜单 2018.02.26*/

.menu-box a.icon{ width:2.5vw; margin-left:2vw; min-width:32px; min-height:32px; position:relative; z-index:1;}

.MenuList_f1 { display: none; }

.MenuList_f1, .MenuList_f1>ul { }

.MenuList_f1>ul { font-size: 0; display: block; }

.MenuList_f1>ul>li { position: static; /* height: 100%; */ width: 10%; text-align: center; font-size: 14px; display: inline-block; vertical-align: top; }

.MenuList_f1>ul>li a { display: block; text-transform: capitalize; }

.MenuList_f1>ul>li a span { text-transform: capitalize; display: inline-block; vertical-align: middle; line-height: 1.5; }

.MenuList_f1>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 0; font-size: 16px; color: #222; }

.MenuList_f1>ul>li>:first-child.on { color: #fff; }

.MenuList_f1>ul>li>:nth-child(2) { transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; line-height: 80px; background: #FFF; background: rgba(255,255,255,0.96); left: 0; z-index: 2; position: absolute; width: 100%; }

.MenuList_f1>ul>li ul li { max-width: none; float: none; margin-left: 80px; width: auto; padding: 0px; display: inline-block; vertical-align: top; }

.MenuList_f1>ul>li ul li a { text-transform: capitalize; width: 100%; overflow: hidden; display: block; color: #555; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; }

.MenuList_f1>ul>li>:first-child:after { transition: 0.3s ease 0s; content: ''; z-index: -1; bottom: 0; left: 0; background: #0f6ab6; height: 0; width: 100%; position: absolute; }

.MenuList_f1>ul>li>:first-child.on:after { height: 100%; left: 0; }

/*汉堡菜单PC*/

.menu-i:after { color: #0f6ab6; margin-left: 10px; content: 'menu'; font-size: 14px; text-transform: uppercase; display: inline-block; vertical-align: middle; transition: 0.5s ease;}

.menu-i.test:after { color: #fff; }

.menu-i.on .menu-icon span:after { transform: rotateZ(-45deg); }

.menu-i.on .menu-icon span:before { transform: rotateZ(45deg); }

.menu-i.on .menu-icon span { background: transparent; }

.menu-i.on .menu-icon span:before, .menu-i.on .menu-icon span:after { bottom: 0; top: 0; }

.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; display: inline-block; height: 2px; background: #fff; content: ''; width: 20px; vertical-align: middle;transition: 0.5s ease; }

.menu-i.test .menu-icon span, .menu-i.test .menu-icon span:before, .menu-i.test .menu-icon span:after { background: #b11f23; }

.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }

.menu-icon span:before { top: -7px; }

.menu-icon span:after { bottom: -7px; }

.menu-icon span { position: relative; margin: 0 auto; }

.menu-i { cursor: pointer; outline: none; display: inline-block; transition: 0.5s ease 0.5s; opacity: 1; top: 0; right: 0; text-align: center; z-index: 1; vertical-align: top; }

.menu-icon { box-shadow: 0 3px 10px 0 rgba(0, 58, 187, 0.3); width: 46px; background: #0f6ab6; height: 46px; display: inline-block; vertical-align: middle; line-height: 46px; border-radius: 50%; transition: 0.5s ease;}

.menu-i.test .menu-icon { background: #fff; }

.menu-box .M.active .menu-icon{background: #fff}

.menu-box .M.active .menu-icon span,.menu-box .M.active  .menu-icon span:before,.menu-box .M.active  .menu-icon span:after { background: #0f6ab6; }

.menu-box .M.active .menu-i:after{color: #fff;}

.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }

/*menu-slide 用slide注意效果遮挡*/

.menu-slide { z-index: -1; position: absolute; background: #fff; bottom: 0; transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s; }

.MenuList_f1.slide-menu { position: relative; z-index: 1; }

/*导航定位使用的类*/

.menu-fix { opacity: 1; position: fixed; left: 0; top: 0; z-index: 1; transition: 0.3s ease 0s; }

.menu-fix.menu-fix-down { opacity: 0; top: -120px; }

/*---导航end------------------------------------------------------------------------------------------------------------------------*/

/*logo*/

.menu-w { font-size: 0; width: 92%; margin: 0 auto; height: 100%; }

.logo { width: 13.5%; height: 100%; }

.logo img { width: 100%; }

/*--logo end------------------------------------------*/



/*language*/

.language_box { margin-left: 2.5%; }

.language_box a { margin-left: 10px; font-size: 12px; display: inline-block; color: #222; text-transform: uppercase; width: 28px; height: 28px; line-height: 28px; background: #eee; border-radius: 50%; text-align: center; }

.language_box a.on { background: #0f6ab6; color: #fff; }

.language_box a:first-child { margin-left: 0; }

/*--language end----------*/

/*f_type:true*/

.MenuList_f1.swiper>ul>li { position: static; }

/*f_type:true*/

.MenuList_f1.swiper>ul { display: flex; display: -ms-flexbox;/*IE10*/ }

/*public*/

.w-92 { width: 92%; margin: 0 auto; }

.w-75 { width: 75%; margin: 0 auto; }

.page-box { padding: 5% 0 6%; }

.nav { padding: 1.5% 0; width: 100%; background: url(../images/nav-bg.png) no-repeat center #0f6ab6; background-size: cover; }

.nav .w-75 { position: relative; z-index: 0; }

.nav .L { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1; }

.NavList_a1 { text-transform: capitalize; }

.NavList_a1 ul { text-align: right; display: block; font-size: 0; }

.NavList_a1 a { font-size: 14px; padding: 10px 30px; display: block; transition: 0.3s ease 0s; }

.NavList_a1 a.on,.NavList_a1 li:hover a{ color: #0f6ab6; }

.NavList_a1 li { position: static; display: inline-block; color: #fff; width: auto; vertical-align: top; }
.ResTitle_a1 { color: #fff; text-transform: uppercase; }

.ResTitle_a1 span { font-size: 36px; margin-right: 15px; font-weight: bold; display: inline-block; vertical-align: bottom; }

.ResTitle_a1 em { font-size: 16px; display: inline-block; vertical-align: bottom; }

.ResTitle_a1 em:before { content: ''; display: block; width: 10px; height: 2px; background: #fff; margin-bottom: 5px; }

.ResTitle_a2 span { font-size: 1.6vw; display: block; }

.ResTitle_a2 em { display: block; font-size: 1.9vw; }

.ResTitle_a2 { text-transform: uppercase; color: #0f6ab6; }
.mbprlist{display: none;}
.PosList_a1 { text-transform: capitalize; position: absolute; z-index: 0; right: 0; bottom: 0; font-size: 14px; color: #999; background: url(../images/i18.png) no-repeat left center; background-size: 17px 14px; padding-left: 25px; }

.page-title { margin-bottom: 3%; background: url(../images/i19.png) repeat-x left bottom; background-size: 10px 9px; padding-bottom: 25px; }

.page-title>div { position: relative; z-index: 0; }

#MenuList_f1_public-bg { height: 0; }

.menu-cbox .T .R { text-align: right; }

.menu-cbox .T .R .menu-i { margin-left: 0; }

.menu-cbox .menu-i .menu-icon { background: #fff; }

.menu-cbox .menu-i .menu-icon span:before, .menu-cbox .menu-i .menu-icon span:after { background: #0f6ab6; }

.menu-cbox .menu-i:after, .language a.on { color: #fff; }

.menu-cbox .B { background: #0f6ab6; text-align: center; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 0; }

.menu-cbox { transition: 0.5s ease 0s; padding-top: 2%; box-sizing: border-box; position: fixed; top: 0; left: 0; width: 100%; background: #0f6ab6; height: 100%; z-index: 1; color: #fff; font-size: 0; transform: translateY(-100%); opacity: 0; overflow: hidden; }

body.on .menu-cbox { transform: translateY(0); opacity: 1; }

.cbox-ul li a { width: 2.6vw; height: 2.6vw; display: block; text-align: center; border-radius: 50%; line-height: 2.6vw; border: 1px solid rgba(255,255,255,0.5); }

.cbox-ul li { margin-left: 2%; position: relative; z-index: 0; }

.cbox-ul { margin-top: 1.5%; }

.cbox-ul li a img { max-width: 48%; max-height: 40%; }
.cbox-ul li:hover .cbox-hover{opacity: 1;    transform: translate(-50%, 0) scale(1, 1);}
.footer-box .cbox-hover { bottom: 1.1vw; }

.menu-cbox .BB { margin-top: 2%; padding: 1.2% 0; color: #6392cd; text-align: center; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.1); }

.menu-cbox .M { height: 66vh; text-align: center; }

.cbox-hover { font-size: 0; opacity: 0; transition: 0.3s ease 0s; position: absolute; bottom: 2.6vw; left: 50%; transform: translate(-50%, 20px) scale(1, 0); background: url(../images/menu_bg.png) repeat top left; background-size: 1px 1px; padding-bottom: 20px; transform-origin: bottom; z-index: -1; }

.cbox-hover>div { min-width: 150px; border: 1px solid #ddd; background: #fff; border-radius: 4px; padding: 10px; box-sizing: content-box; position: relative; z-index: 0; }

.cbox-hover>div:before { content: ''; position: absolute; border-style: solid; border-color: #fff transparent transparent; border-width: 6px 5px 0 5px; bottom: -6px; left: 50%; transform: translateX(-50%); }

.cbox-hover p { text-align: center; font-size: 12px; color: #666; margin: 5px 0 0; line-height: 1.5; }

.cbox-hover span { font-size: 16px; color: #0f6ab6; font-weight: bold; display: inline-block; vertical-align: middle; }

.cbox-hover img { max-width: 100%; margin: 0 auto; }

.MenuList_f2>ul>li>ul li h3 { font-size: 14px; color: #6392cd; }

.MenuList_f2>ul>li>ul li { margin-top: 10px; }

.MenuList_f2 h3 { font-weight: normal; }

.MenuList_f2>ul>li>h3 { font-size: 18px; }

.MenuList_f2>ul>li>h3:after { content: ''; width: 15px; height: 3px; background: #fff; display: block; margin-top: 15px; }

.MenuList_f2>ul>li>ul { margin-top: 25px; }

/* .MenuList_f2>ul>li:nth-child(6)>ul li:nth-child(2n+1) { margin-left: 0; }

.MenuList_f2>ul>li:nth-child(6)>ul { width: 240px; }

.MenuList_f2>ul>li:nth-child(6)>ul li { display: inline-block; vertical-align: top; margin-left: 40px; width: 100px; } */

.MenuList_f2>ul>li { display: inline-block; vertical-align: top; text-align: left; }

.MenuList_f2>ul { display: -ms-flexbox; display: flex; justify-content: space-between; text-transform: capitalize; }

.menu-cbox .BB img { display: inline-block; }

.language { font-size: 14px; }

.language a { color: #6392cd; margin: 0 10px; }

.MenuList_f2 a { transition: 0.3s ease 0s; }

.language a:last-child { margin-right: 0; }

.cbox-ul li:first-child, .MenuList_f2>ul>li:first-child { margin-left: 0; }

/* .MenuList_f2>ul>li>ul li:first-child, .MenuList_f2>ul>li:nth-child(6)>ul li:nth-child(2) { margin-top: 0; } */

/*footer*/

.footer-box { width: 100%; background: #0f6ab6; color: #fff; padding: 2.5% 0; }

.footer-box .T {width: 75%;
    margin: 0 auto; padding-bottom: 1.5%; margin-bottom: 1%; border-bottom: 1px solid rgba(255,255,255,0.2); }

.footer-box .cbox-ul { margin-top: 0; }

.footer-box .cbox-ul li a { width: auto; height: auto; line-height: normal; border: none; border-radius: 0; }

.footer-box .cbox-ul li a img { max-height: none; max-width: none; height: 1.1vw; }

.footer-box .BL { position: absolute; z-index: 0; left: 0; bottom: 0; font-size: 12px; color: #6392cd; }

.footer-box .B {width: 75%;
    margin: 0 auto; position: relative; z-index: 0; }

.footer-box .BL img { display: inline-block; }

.footer-box .BR { text-align: right; }

.MenuList_f3>ul>li { display: inline-block; vertical-align: top; margin-left: 3%; }

.MenuList_f3>ul>li a { text-transform: capitalize; font-weight: normal; font-size: 16px; padding-bottom: 3px; border-bottom: 1px solid transparent; transition: 0.3s ease 0s; }

.footer-box .cbox-hover { bottom: 1.1vw; }

/*rid32,rid33*/

.rid43 .PhotoList_i1 img, .rid44 .PhotoList_i1 img { max-width: 100%; max-height: 100%; }

.rid32 .PhotoList_i1 img, .rid33 .PhotoList_i1 img, .rid39 .PhotoList_i1 img, .rid41 .PhotoList_i1 img { height: 100%; width: auto; max-height: none; max-width: none; }

/*rid35*/

.rid35 .content-box * { font-size: 16px; color: #333; line-height: 2; }

.rid35 .content-box i { margin-top: 3.5%; font-size: 0; display: block; width: 100%; position: relative; z-index: 0; }

.rid35 .content-box i .L { width: 66.66%; }

.rid35 .content-box i .R { width: 32.64%; height: 100%; position: absolute; right: 0; top: 0; z-index: 0; }

.rid35 .content-box i .R img { position: absolute; z-index: 0; max-height: 50%; right: 0; }

.rid35 .content-box i .R img:first-child { top: 0; }

.rid35 .content-box i .R img:last-child { bottom: 0; }

/*rid36*/

.rid36 .content-box li { font-size: 0; }

.rid36 .content-box li strong { font-size: 1.3vw; font-weight: normal; display: block; color: #333; }

.rid36 .content-box li span { font-size: 16px;line-height: 1.8; color: #666; display: block; margin-top: 10px; }

.rid36 .content-box dd { width: 5.6vw; height: 5.6vw; }

.rid36 .content-box dl:first-child { margin-top: 0; }

.rid36 .content-box dl { margin-top: 6%; }

.rid36 .content-box .managetop dl{margin-top: 4%;}

.rid36 .content-box dd img { max-height: 100%; max-width: 100%; }

.rid36 .content-box dt { margin-left: 6%; max-width: calc(94% - 5.6vw); }

.rid36-li1 .R { padding-right: 4%; text-align: right; position: relative; z-index: 0; }

.rid36-li1 .R i { width: 74%; }

.rid36 .content-box.managetop dd{width: 4vw;height: 4vw;}

.rid36 .content-box.managetop li strong{font-size: 1.2vw;}

.rid36 .content-box.managetop li strong{    margin: 20px 0 10px;font-size: 18px;line-height: 30px;}

.managetop .rid36-li1 .L{padding-top: 0;}

.managetop .rid36-li1:after{content: 'STRATEGY';}

.managetop .rid36-li1 .R i {width: 84%;}

.managetop .rid36-li1 .R:before{right: 88%;}

.managetop .rid36-li3{margin-top:4rem;}

.managetop .rid36-li3 .L{padding-right: 3rem;}

.managetop .rid36-li3 .L div{padding-bottom: 0;}

.managetop .rid36-li2 .R p,.managetop .rid36-li3 .L p{    font-size: 14px;font-weight: normal;line-height: 26px;

    color: #666;

    display: block;margin-top:0;}

.rid36-li1 .R i img, .rid36-li2 i img, .rid36-li3 .R img { width: 100%; }

.rid36-li1 .R:before { content: 'enterprise'; font-size: 2.5vw; text-transform: uppercase; color: #000; writing-mode: vertical-lr; writing-mode: tb-lr; position: absolute; bottom: 0; right: 80%; font-weight: bold; opacity: 0.05; }

.rid36-li1 .R:after { content: ''; position: absolute; background: #0f6ab6; height: 100%; width: 61%; right: 0; z-index: -1; top: 10%; }

.rid36-li1 { position: relative; z-index: 0; padding-bottom: 12.5%; }

.rid36-li1:after { content: 'culture'; font-size: 8.3vw; font-weight: bold; color: #000; opacity: 0.05; text-transform: uppercase; position: absolute; bottom: 0; right: 14%; }

.rid36-li2 i { display: block; width: 94%; }

.rid36 .content-box .rid36-li2 dl { padding-left: 10%; }

.rid36-li3 .R { width: 58.5%; }

.rid36-li3 { margin-top: -5.5%; position: relative; z-index: -1; }

.rid36-li1 .L{ padding-top: 2%; }

.rid36-li3 .L { width: 41.5%; }

.rid36-li1 .L h3,.rid36-li2 .R h3,.rid36-li3 .L h3{    margin-top: 3.5%;    margin-bottom: 2rem;

    font-size: 1.6vw;

    font-weight: normal;

    color: #333;}

.rid36-li1 .L em,.rid36-li2 .R em,.rid36-li3 .L em{

font-size: 16px;

    color: #0f6ab6;

    text-transform: uppercase;

}

.rid36-li1 .L i,.rid36-li2 .R i,.rid36-li3 .L i{display: block;}

.rid36-li1 .L i:before,.rid36-li2 .R i:before,.rid36-li3 .L i:before{content: '';

    display: inline-block;

    vertical-align: middle;

    width: 10px;

    height: 10px;

    background: #0f6ab6;

    border-radius: 50%;

    margin-right: 5px;}

.rid36-li2 .R p{font-size: 16px;

    line-height: 1.8;

    color: #666;

    display: block;

    margin-top: 10px;}

.rid36-li3 .L p{font-size: 16px;

    line-height: 1.8;

    color: #333;

    font-weight: bold;

    display: block;

}

.rid36-li3 .L p span{color: #d9e2ec;display: inline-block;}

.rid36-li3 .L div{padding-bottom: 3rem;}

/*rid38*/

.rid38 .content-box h3 { text-align: center; color: #0f6ab6; font-size: 1.9vw; }

#histroy { width: 88.5%; }

#histroy:before { bottom: 1.6vw; content: ''; position: absolute; left: 0; z-index: 1; height: 3px; background: #0f6ab6; width: 100%; transform: translateY(50%); }

.rid38 .content-box ul {/* padding: 3.5% 0 7%;width: 88.5%;margin: 2.5% auto 0; */ align-items: flex-end; }

.rid38 .content-box li { position: relative; z-index: 0; width: 380px; }

.rid38 .content-box li>div { /*box-shadow: 0 6px 0 0 rgba(0,0,0,0.05); border-radius: 6px;*/ }

.history-box { margin: 5% auto 0; position: relative; z-index: 0; }

.rid38 .content-box li:before { transition: 0.3s ease 0s; content: ''; position: absolute; width: 8px; height: 8px; background: #999; border-radius: 50%; border: 6px solid #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.15); left: 50%; }

.rid38 .content-box li:before { transform: translate(-50%, 50%); bottom: 1.6vw; }

.rid38 .content-box li { /*padding-right: 7%;     margin-bottom: 9.5%;*/ padding-bottom: 7%; }

.rid38 .content-box li .T { position: relative; z-index: 0; padding: 15px 0; font-size: 18px; background: #ddd; color: #333; text-align: center; transition: 0.3s ease 0s; }

.rid38 .content-box li .B { background: #fff; border-bottom: none; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; font-size: 14px; color: #666; line-height: 1.7; border: 1px solid #ddd; padding: 6.5% 0; }

.rid38 .content-box li .B>div { height: 115px; padding: 0 6.5%; cursor: n-resize; }

.scroll.swiper-container-vertical>.swiper-scrollbar { right: 3%; }

.scroll .swiper-slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.rid38 .content-box li .T:before { content: ''; position: absolute; border-style: solid; left: 50%; transition: 0.3s ease 0s; }

.rid38 .content-box li .T:before { transform: translate(-50%, 100%); bottom: 0; border-color: #ddd transparent transparent transparent; border-width: 8px 8px 0; }

.rid38 .content-box li:not(:first-child) {/* margin-top: -2%;*/ }

.rid38 .content-box li[class*="active"] .T { background: #0f6ab6; color: #fff; }

.rid38 .content-box li[class*="active"] .T:before { border-color: #0f6ab6 transparent transparent transparent; }

.rid38 .content-box li[class*="active"]:before { background: #0f6ab6; }

.h-btn { width: 3.2vw; height: 3.2vw; line-height: 3.2vw; font-family: "宋体"; font-weight: bold; font-size: 1.3vw; color: #0f6ab6; border: 1px solid #0f6ab6; border-radius: 50%; position: absolute; text-align: center; z-index: 0; transition: 0.3s ease 0s; bottom: 0; }

.h-btn:hover { background: #0f6ab6; color: #fff; box-shadow: 0 5px 10px 0 rgba(183,32,36,0.3); }

.h-left { left: 0; }

.h-right { right: 0; }

.page-box.rid38 { background: url(../images/h-bg.jpg) no-repeat bottom center; background-size: cover; }

/*rid39*/

.rid39 .content-box>p { font-size: 16px; color: #333; line-height: 1.875; text-align: center; margin-bottom: 3.5%; }

/*rid40*/

.page-title1 { font-size: 0; margin-top: 7%; border-bottom: 1px solid #0f6ab6; }

.page-title1 p { position: relative; padding: 10px 30px; font-size: 24px; display: inline-block; vertical-align: top; color: #fff; z-index: 0; overflow: hidden; }

.page-title1 p:before { content: ''; position: absolute; right: 3%; top: 0; width: 120%; height: 100%; background: #0f6ab6; transform: skew(15deg); z-index: -1; }

.rid40 .content-box img { width: 100%; }

.rid40 .content-box ul { margin-top: 3.5%; overflow: hidden; }

.rid40 .content-box li strong { display: block; font-size: 24px; color: #0f6ab6; }

.rid40 .content-box li:not(:first-child) { margin-top: 5%; }

.rid40 .content-box li span { margin-top: 1%; display: block; font-size: 14px; color: #005db3; }

.rid40 .content-box li b { display: block; font-size: 14px; color: #999; text-align: center; padding: 15px 0; border: 1px solid #ddd; border-top: none; }

.rid40 .content-box table { width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; margin-top: 1%; }

.rid40 .content-box .table-bg { background: #f5f5f5; color: #333; font-weight: bold; }

.rid40 .content-box td { font-size: 18px; color: #666; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 70px; }

.rid40 .content-box li { overflow: auto; }

/*rid43*/

.rid43 .PhotoList_i1 a, .rid44 .PhotoList_i1 a { height: 25vw; display: inline-block; vertical-align: top; background: url(../images/imgbg.jpg) no-repeat top left #f6f6f6; background-size: 100% 100%; max-width: 100%; max-height: 100%; padding: 40px 20px; box-shadow: 0 1vw 1.7vw 0 rgba(0,0,0,0.15); }

.rid43 .PhotoList_i1 li, .rid44 .PhotoList_i1 li, .surface .PhotoList_i1 li { text-align: center; width: 23.5%; }

.rid43 .PhotoList_i1 li:nth-child(3n+1), .rid44 .PhotoList_i1 li:nth-child(3n+1), .surface .PhotoList_i1 li:nth-child(3n+1) { margin-left: 2%; }

.rid43 .PhotoList_i1 li:nth-child(4n+1), .rid44 .PhotoList_i1 li:nth-child(4n+1), .surface .PhotoList_i1 li:nth-child(4n+1) { margin-left: 0; }

.rid43 .PhotoList_i1 img, .rid44 .PhotoList_i1 img { transform: none !important; }

.rid43 .PhotoList_i1 span, .rid44 .PhotoList_i1 span { color: #666; }

.surface .PhotoList_i1 a { height: 22vw; position: relative; z-index: 0; }

.surface .PhotoList_i1 img { width: 100%; height: auto; max-height: none; max-width: none; }

/*product*/

.page-banner.product { border-bottom: 4px solid #0f6ab6; }

.product>.L { width: 22.5%; box-shadow: 0 4px 30px 0 rgba(34,24,21,0.05); }

.product>.L .LT { padding: 10% 0; background: url(../images/i25.png) no-repeat left bottom #0f6ab6; background-size: 100% auto; }

.ResTitle_a3 { text-transform: uppercase; color: #fff; border-left: 4px solid #fff; padding-left: 10px; }

.ResTitle_a3 span, .ResTitle_a3 em { display: block; }

.ResTitle_a3 em { font-size: 1vw; }

.ResTitle_a3 span { font-size: 1.6vw; margin-top: 10px; }

.product>.R { width: 100%; }
.procon .product>.R{width: 72.5%;    margin-left: 5%;}
.ClassList_b2 li.on a, .ClassList_a2 a.on { font-size: 30px; color: #0f6ab6; text-transform: uppercase; }

.ClassList_b2 li.on, .ClassList_a2 .NavigationList_a1_2ndGrade a.on { display: block; }

.ClassList_b1 li { padding: 0 10%; position: relative; z-index: 0; }

.procon .ClassList_b1 li a:hover,.procon .ClassList_b1 li a:hover:after { color: #0f6ab6; }
.procon .ClassList_b1 ul li:hover:before{height: 53%;}
.ClassList_b1 li:before { content: ''; width: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0f6ab6; height: 0; transition: 0.3s ease 0s }

.ClassList_b1 ul li.on:before { height: 53%; }

.ClassList_b1 li:first-child a { border-top: none; }

.ClassList_b1 a { font-size: 16px; color: #666; display: block; padding: 8% 0; border-top: 1px solid #eee; transition: 0.3s ease 0s; position: relative; z-index: 0; padding-right: 16px; }

.ClassList_b1 a:after { position: absolute; transition: 0.3s ease 0s; font-weight: bold; content: '>'; font-family: "宋体"; color: #ddd; right: 0; top: 50%; transform: translateY(-50%); z-index: 0; }

.ClassList_b1 li.on a, .ClassList_b1 li.on a:after { color: #0f6ab6; }

.ClassList_b1.slide-menu { position: relative; z-index: 0; }

.ProductList_b1 li { margin-bottom: 3%; width: 32%; margin-left: 2%; display: inline-block; vertical-align: top; background: #f5f5f5;overflow: hidden; }

.ProductList_b1 li a { display: block; position: relative; z-index: 0; }

.ProductList_b1 li a i { color: #0f6ab6; top: 2%; }

.ProductList_b1 li .picimg { height: 17vw; text-align: center; overflow: hidden; }

.procon .ProductList_b1 li .picimg{height: 14vw;}
.ProductList_b1 li h3 { transition: 0.6s ease 0s; font-size: 18px; color: #333; background: #f5f5f5; text-align: center; font-weight: normal; padding: 6% 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 99;position: relative;}
.ProductList_b1 li p{    margin-top: 8px;font-size: 14px;}
.ProductList_b1 li img { display: inline-block; vertical-align: middle; height: 100%; max-width: 100%; transition: 0.6s linear 0s; }
.ProductList_b1 li:hover h3{background: #0f6ab6;color: #fff;}
.ProductList_b1 .con4{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 2;}
.ProductList_b1 .con4:after{    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: rgba(17,112,182,.7);
    transition: 0.4s ease-in-out;}
.ProductList_b1 li:hover .con4:after{    left: 0;}
.ProductList_b1 .con4 img{transform: translateY(100px);opacity: 0;transition: 0.4s ease-in-out 0.3s;height: auto;margin-top: 30%;}
.ProductList_b1  li:hover .con4 img{transform: translateY(0);opacity: 1;}

.ProductList_b1 li:hover img{transform:scale(1.1);}
.ProductList_b1 li .picimg:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.ClassList_a1 { margin-bottom: 3%; display: none; }

.ClassList_a1 .NavigationList_a1_2ndGrade a.on { color: #fff; }

.ClassList_a1 .NavigationList_a1_2ndGrade a:before { content: ''; position: absolute; width: 0; height: 100%; right: 0; top: 0; background: #0f6ab6; transition: 0.3s ease 0s; z-index: -1; }

.ClassList_a1 .NavigationList_a1_2ndGrade a.on:before { width: 100%; left: 0; }

.ClassList_a1 .NavigationList_a1_2ndGrade a { position: relative; z-index: 0; transition: 0.3s ease 0s; display: inline-block; vertical-align: top; font-size: 16px; background: #f5f5f5; color: #666; width: 20%; text-align: center; padding: 2% 0; }

.product>.R .page-title { width: 100%; }

/*product-detail*/

.product-detail .TL { position: relative; width: 54.8%; z-index: 0; }

.product-detail .TLL { padding: 30px 0; position: absolute; width: 16.5%; height: 100%; overflow: hidden; z-index: 0; }

.product-detail .TLR { width: 81%; margin-left: auto; height: 25vw; background: #f5f5f5; text-align: center; }

.product-detail .TLR i { display: block; width: 100%; height: 100%; }

.product-detail .TLR img, #product-detail img { max-width: 100%; max-height: 100%; transition: 0.5s ease 0s; }

#product-detail { height: 100%; }

#product-detail li { cursor: pointer; outline: none; text-align: center; height: 5.1vw; background: #eeefef; margin-top: 10px; overflow: hidden; position: relative; z-index: 0; }

#product-detail li:after { transition: 0.3s ease 0s; content: ''; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid transparent; }

#product-detail li.on:after { border-color: #0f6ab6; }

#product-detail li:first-child { margin-top: 0; }

.product-detail .TLL>a.top { top: 0; }

.product-detail .TLL>a { opacity: 0.8; transition: 0.3s ease 0s; text-align: center; position: absolute; width: 100%; height: 20px; background: #0f6ab6; left: 0; z-index: 0; line-height: 20px; font-size: 0; }

.product-detail .TLL>a.bottom { bottom: 0; }

.product-detail .TLL>a:before, .product-detail .TLL>a:after { content: ''; width: 12px; height: 2px; background: #fff; display: inline-block; vertical-align: top; }

.product-detail .TLL>a.top:before, .product-detail .TLL>a.top:after { margin-top: 4px; }

.product-detail .TLL>a.bottom:before, .product-detail .TLL>a.bottom:after { margin-top: 12px; }

.product-detail .TLL>a:before { transform-origin: right; margin-left: -1px; }

.product-detail .TLL>a:after { transform-origin: left; }

.product-detail .TLL>a.top:before, .product-detail .TLL>a.bottom:after { transform: rotateZ(-45deg); }

.product-detail .TLL>a.top:after, .product-detail .TLL>a.bottom:before { transform: rotateZ(45deg); }

.product-detail .TLL>a[class*="disabled"] { background: #666; }

.product-detail .TR { z-index: 0; width: 38.2%; position: absolute; height: 94%; overflow: hidden; right: 0; top: 6%; }

.product-detail .TR h3 { font-size: 1.6vw;     line-height: 1.6;font-weight: normal; color: #333; }

.product-detail .TR strong { font-size: 18px; color: #0f6ab6; }

.product-detail .TR p { margin-top: 2.5%; font-size: 14px; line-height: 1.7; color: #666; }

.product-detail .TR .text { height: calc(95% - 1.6vw); margin-top: 3%; padding-top: 9%; border-top: 1px solid #ddd; position: relative; z-index: 0; }

.product-detail .TR .text>div { height: 100%; width: 100%; }

.product-detail .TR .text>div .swiper-slide { height: auto; }

.product-detail .TR .text>div .swiper-scrollbar { width: 8px; display: none; }

.product-detail .TR img { max-width: 100%; margin-top: 5%; }

.product-detail .B { margin-top: 7%; }

.product-detail .BT { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.product-detail .BB { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; overflow: hidden;padding: 3%;}

.product-detail .BB img { max-width: 100%; margin: 3% auto 0; }

.product-detail .BB li:first-child { display: block; }

.product-detail .BT li { width: 12.5%; display: inline-block; vertical-align: top; }

.product-detail .BT ul { background: #f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.product-detail .BT li a { transition: 0.3s ease 0s; display: block; font-size: 18px; color: #333; text-align: center; padding: 15% 0; border-right: 1px solid #ddd; position: relative; z-index: 0; }

.product-detail .BT li a:before { content: ''; position: absolute; width: 100%; top: -1px; height: 0; background: #0f6ab6; left: 0; opacity: 0; }

.product-detail .BT li a:after { content: ''; position: absolute; width: 100%; height: 0; background: #fff; bottom: -1px; left: 0; opacity: 0; }

.product-detail .BT li a.on { background: #fff; color: #0f6ab6; }

.product-detail .BT li a.on:before { height: 4px; opacity: 1; }

.product-detail .BT li a.on:after { height: 1px; opacity: 1; }

.product-detail .BB li { padding: 3%; }

.product-detail .BB li p { font-size: 16px; color: #666; line-height: 1.5; }

.product-detail .T { position: relative; z-index: 0; }

/*video*/

.VideoList_d1 li { margin-bottom: 4%; width: 46.5%; margin-left: 7%; display: inline-block; vertical-align: top; font-size: 14px; text-align: center; }

.VideoList_d1 li a { height: 22vw; background: #f5f5f5; position: relative; z-index: 0; overflow: hidden; display: block; }

.VideoList_d1 li a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.2); }

.VideoList_d1 li a:after { z-index: 1; content: ''; width: 12%; position: absolute; top: 50%; left: 50%; padding: 6% 0; transform: translate(-50%, -50%); background: url(../images/i26.png) no-repeat top left; background-size: 100% 100%; }

.VideoList_d1 li span { margin-top: 5%; font-size: 24px; color: #333; display: block; transition: 0.3s ease 0s; }

.VideoList_d1 li img { height: 100%; width: 100%; transition: 0.5s linear 0s; }

.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video, .NewsDetail_a1 #nc[class*="nf"] video, .NewsDetail_a1 #nc[class*="nf"] iframe { width: 100%; height: 42vw; background: #000 !important; }

.VideoDisplay_a1_C { margin-top: 3%; }

.VideoDisplay_a1_back a:before, .VideoDisplay_a1_back a:after { content: ''; position: absolute; width: 50%; height: 100%; background: #0f6ab6; top: 0; z-index: -1; transition: 0.3s ease 0s; }

.VideoDisplay_a1_back a:before { left: 0; }

.VideoDisplay_a1_back a:after { right: 0; }

.VideoDisplay_a1_back a { transition: 0.3s ease 0s; display: block; width: 170px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; margin: 3% auto 0; color: #fff; position: relative; z-index: 0; border: 1px solid #0f6ab6; }

.VideoDisplay_a1 h2 { color: #333; font-size: 1.6vw; text-align: center; }

/*news*/

.new-box, .ClassList_b3 ul, .news .content-box { position: relative; z-index: 0; }

.ClassList_b3 ul { display: inline-block; vertical-align: top; }

.year { position: absolute; top: 0; left: 0; width: 12.5%; text-align: center; }

.year.fix .ClassList_b3 { position: fixed; top: 0; left: 0; width: 12.5%; }

.ClassList_b3 ul:before { content: ''; height: calc(100% - 30px); width: 1px; background: #ddd; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); z-index: -1; }

.ClassList_b3 li { font-size: 0; padding-left: 16px; position: relative; z-index: 0; margin-top: 15%; text-align: center; }

.ClassList_b3 li:before { z-index: 0; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #ddd; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border: 3px solid #fff; }

.ClassList_b3 a { transition: 0.3s ease 0s; display: inline-block; vertical-align: top; font-size: 16px; color: #333; width: auto; text-align: center; border-bottom: 1px solid transparent; }

.ClassList_b3 li.on a { border: none; width: 6.25vw; display: block; padding: 10px 0; background: #0f6ab6; color: #fff; border-radius: 99px; }

.ClassList_b3 a:after { content: ''; display: none; vertical-align: middle; margin-top: -2px; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 4px 0 4px 4px; margin-left: 10px; }

.ClassList_b3 { display: inline-block; vertical-align: top; }

.ClassList_b3 li.on a:after { display: inline-block; }

.news_list .news-more { transition: 0.3s ease 0s; margin-top: 5%; font-size: 14px; text-align: center; color: #0f6ab6; width: 9.4vw; height: 3.2vw; border: 1px solid #ddd; line-height: 3.2vw; }
.news_list .news-more:hover{color: #fff;}
.news_list ul { font-size: 14px; }

.news_list li p { max-height: 78px; margin-top: 3.5%; font-size: 16px; color: #999; line-height: 1.8; -webkit-line-clamp: 3; }

.news_list li span { margin-top: 1.5%; font-size: 14px; color: #666; display: block; }

.news_list li i:before { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: #0f6ab6; border-radius: 50%; margin-right: 5px; }

.news_list li i em { font-size: 12px; color: #999; }

.news_list li h3 { margin-top: 3.5%; font-size: 1.6vw; font-weight: normal; color: #333; }

.news_list li a, .news_list li i { display: block; }

.news_list li a { transition: 0.3s ease 0s; }
.news_list li a:hover{color: #0f6ab6;}
.news_list .R { padding-top: 5px; margin-left: 5.5%; width: 55.5%; }

.news_list .L { height: 17.7vw; overflow: hidden; width: 39%; }

.news_list .news-more:before { background: #0f6ab6; }

.news_list li img { transition: 0.5s linear 0s; }
.news_list li:hover img{transform:scale(1.1);}
.news_list li { margin-bottom: 3.5%; border-bottom: 1px solid #eee; padding-bottom: 3.5%; }

/*rid52*/

.rid52 .content-box li { padding: 0; border: none; width: 25%; margin-left: 0; }

.rid52 .content-box li span { font-size: 16px; margin: 11% 0 4%; }

.rid52 .content-box li p { color: #666; padding: 0; font-size: 18px; }

.rid52 .content-box ul { display: flex; display: -ms-flexbox; }

.rid52 .content-box li { border: 1px solid #ddd; padding: 3.5% 0; text-align: center; width: 24.4%; margin-left: 0.8%; }

.rid52 .content-box li i { position: relative; z-index: 0; border: 1px solid #0f6ab6; font-size: 0; display: inline-block; line-height: 6.5vw; width: 6.5vw; vertical-align: top; margin: 0 auto; height: 6.5vw; text-align: center; border-radius: 50%; }

.rid52 .content-box li i:before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(0, 51, 155, 0.1); z-index: -1; left: 7%; top: 7%; }

.rid52 .content-box li i img { display: inline-block; vertical-align: middle; max-width: 36%; max-height: 39%; }

.rid52 .content-box li span { display: block; font-size: 18px; color: #0f6ab6; margin: 7% 0; line-height: 1; }

.rid52 .content-box li p { padding: 0 10px; font-size: 14px; color: #333; line-height: 1.7; }

/*rid53*/

.rid53 .Gbook_b1 .TextareaV1 { height: 150px; }

.rid53 .Gbook_b1 .btn { max-width: 300px; }

/*surface*/

.surface .content-box p { text-align: center; color: #666; font-size: 1.3vw; margin-bottom: 3%; }

/*rid66*/

.rid66 ol, .rid66 dl { font-size: 0; border-right: 1px solid #ddd; }

.rid66 ol li, .rid66 dl>* { border-left: 1px solid #ddd; display: inline-block; vertical-align: top; width: 25%; text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd; }

.rid66 ol li { font-size: 20px; font-weight: bold; background: #f5f5f5; color: #0f6ab6; border-top: 1px solid #ddd; }

.rid66 dl>* { font-size: 18px; color: #666; }

.rid66 dl dt.red { color: red; }

.rid66 dl dt.green { color: green; }

.rid66 ul li:nth-child(even) { background: #f5f5f5; }

.rid66 #load_more_button { display: block; }

/*rid39*/

.libtn a:first-child { margin-left: 0; }

.libtn a:before { transition: 0.3s ease 0s; content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; z-index: -1; transform: skew(-15deg); }

.libtn { position: absolute; text-align: right; left: 12.5%; top: 6vw; }

.libtn a { margin-left: 5px; padding: 0 15px; color: #fff; position: relative; font-size: 16px; display: inline-block; vertical-align: top; height: 45px; line-height: 45px; z-index: 0; min-width: 100px; text-align: center; transition: 0.3s ease 0s; }

.libtn a.on:before, .libtn a:hover:before { background: #0f6ab6; }

.rid39 .show { transition: 0.3s ease 0s; font-size: 0; position: absolute; width: 100px; height: 36px; background: #0f6ab6; line-height: 36px; border-radius: 20px; text-align: center; color: #fff; z-index: 1; right: 10%; top: 7vw; font-size: 14px; }

.rid39 .show img { width: 50%; }

.rid39 li i:not(:nth-of-type(1)) {

display:none;

}

/*rid54*/

.dowm_list li:nth-child(4n+1) { margin-left: 0; }

.dowm_list li { width: 23.8%; margin-bottom: 3.5%; margin-left: 1.6%; display: inline-block; vertical-align: top; }

.dowm_list em { display: block; overflow: hidden; height: 24.5vw; border: 1px solid #ddd; }

.dowm_list em img { height: 100%; margin: 0 auto; }

.dowm_list p { font-size: 18px; color: #333; text-align: center; margin-top: 9%; }

.dowm_list a { opacity: 0.8; transition: 0.3s ease 0s; margin: 5% auto 0; width: 110px; height: 35px; border-radius: 99px; line-height: 35px; background: #0f6ab6; display: block; text-align: center; }

.dowm_list a img { max-width: 16px; max-height: 16px; margin-right: 5px; }

.dowm_list a span { font-size: 14px; color: #fff; }

.MenuList_f3, .product, .product-detail .T, .product-detail .BT, .VideoList_d1 ul, .news_list li, .dowm_list { font-size: 0; }
.pagelist li a{
font-size: 12px;
}

.product-detail .BB img:first-child, .ClassList_b3 li:first-child { margin-top: 0; }

.MenuList_f3>ul>li:first-child, .rid52 .content-box li:first-child, .ProductList_b1 li:nth-child(3n+1), .VideoList_d1 li:nth-child(2n+1) { margin-left: 0; }

.MenuList_f3>ul>li>ul, .ResTitle_a2 br, #NavList_a1_menu-slide i, .mob-lan, .ResTitle_a1 br, .content-box>p.on, .ResTitle_a3 br, .ClassList_b2 li.ProductList_b1 li span, .NavigationList_a1_1stGrade, .ClassList_a2 .NavigationList_a1_2ndGrade a, .rid32 .PhotoList_i1 a:before, .rid33 .PhotoList_i1 a:before, .rid39 .PhotoList_i1 a:before, .rid41 .PhotoList_i1 a:before { display: none; }





#pbpage_35{font-size: 16px;color: #333;line-height: 2;}

#pbpage_35 i {margin-top: 3.5%;font-size: 0;display: block;width: 100%;position: relative;z-index: 0;}

#pbpage_35 i .L {width: 66.66%;}

#pbpage_35 i .R {width: 32.64%;height: 100%;position: absolute;right: 0;top: 0;z-index: 0;}



#pbpage_40 .rid40 .content-box ul {margin-top: 3.5%;overflow: hidden;}

#pbpage_40 li {overflow: auto;}

#pbpage_40 li strong {display: block;font-size: 24px;color: #0f6ab6;}

#pbpage_40 table {width: 100%;border-top: 1px solid #ddd;border-right: 1px solid #ddd;margin-top: 1%;}

#pbpage_40 td {font-size: 18px;color: #666;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;height: 70px;}

#pbpage_40 .table-bg {background: #f5f5f5;color: #333;font-weight: bold;}

#pbpage_40 li:not(:first-child) {margin-top: 5%;}

#pbpage_40 ul {margin-top: 3.5%;overflow: hidden;}

#pbpage_40 li span {margin-top: 1%;display: block;font-size: 14px;color: #005db3;}

#pbpage_40 li b {display: block;font-size: 14px;color: #999;text-align: center;padding: 15px 0;border: 1px solid #ddd;border-top: none;}

    

#pbpage_36 li { font-size: 0; }

#pbpage_36 li strong { font-size: 1.3vw; font-weight: normal; display: block; color: #333; }

#pbpage_36 li span { font-size: 16px; color: #666; display: block; margin-top: 10px; }

#pbpage_36 dd { width: 5.6vw; height: 5.6vw; }

#pbpage_36 dl:first-child { margin-top: 0; }

#pbpage_36 dl { margin-top: 6%; }

#pbpage_36 dd img { max-height: 100%; max-width: 100%; }

#pbpage_36 dt { margin-left: 6%; max-width: calc(94% - 5.6vw); }

#pbpage_36 .rid36-li1 .R { padding-right: 4%; text-align: right; position: relative; z-index: 0; }

#pbpage_36 .rid36-li1 .R i { width: 74%; }

#pbpage_36 .rid36-li1 .R i img, .rid36-li2 i img, .rid36-li3 .R img { width: 100%; }

#pbpage_36 .rid36-li1 .R:before { content: 'enterprise'; font-size: 2.5vw; text-transform: uppercase; color: #000; writing-mode: vertical-lr; writing-mode: tb-lr; position: absolute; bottom: 0; right: 80%; font-weight: bold; opacity: 0.05; }

#pbpage_36 .rid36-li1 .R:after { content: ''; position: absolute; background: #0f6ab6; height: 100%; width: 61%; right: 0; z-index: -1; top: 10%; }

#pbpage_36 .rid36-li1 { position: relative; z-index: 0; padding-bottom: 12.5%; }

#pbpage_36 .rid36-li1:after { content: 'culture'; font-size: 8.3vw; font-weight: bold; color: #000; opacity: 0.05; text-transform: uppercase; position: absolute; bottom: 0; right: 14%; }

#pbpage_36 .rid36-li2 i { display: block; width: 94%; }

#pbpage_36 .rid36-li2 dl { padding-left: 10%; }

#pbpage_36 .rid36-li3 .R { width: 58.5%; }

#pbpage_36 .rid36-li3 { margin-top: -5.5%; position: relative; z-index: -1; }

#pbpage_36 .rid36-li1 .L{ padding-top: 2%; }

#pbpage_36 .rid36-li3 .L { width: 41.5%; }



#pbpage_52 li { padding: 0; border: none; width: 25%; margin-left: 0; }

#pbpage_52 li span { font-size: 16px; margin: 11% 0 4%; }

#pbpage_52 li p { color: #666; padding: 0; font-size: 18px; }

#pbpage_52 ul { display: flex; display: -ms-flexbox; }

#pbpage_52 li { border: 1px solid #ddd; padding: 3.5% 0; text-align: center; width: 24.4%; margin-left: 0.8%; }

#pbpage_52 li i { position: relative; z-index: 0; border: 1px solid #0f6ab6; font-size: 0; display: inline-block; line-height: 6.5vw; width: 6.5vw; vertical-align: top; margin: 0 auto; height: 6.5vw; text-align: center; border-radius: 50%; }

#pbpage_52 li i:before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(248,22,28,0.1); z-index: -1; left: 7%; top: 7%; }

#pbpage_52 li i img { display: inline-block; vertical-align: middle; max-width: 36%; max-height: 39%; }

#pbpage_52 li span { display: block; font-size: 18px; color: #0f6ab6; margin: 7% 0; line-height: 1; }

#pbpage_52 li p { padding: 0 10px; font-size: 14px; color: #333; line-height: 1.7; }







.page1 ul{text-align:center!important;margin:20px 0!important;}

.page1 li{display:inline-block!important;margin:0 2px!important;}

.page1 li a{color:#666!important;display:inline-block!important;border:1px solid #ddd!important;padding:6px 15px!important;}

.page1 li a:hover{border-color:#1184DA!important;background:#1184DA!important;color:#fff!important;}

.page1 li.active a{border-color:#1184DA!important;background:#1184DA!important;color:#fff!important;}



/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist li.active a{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist li span:hover{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist li.active span{border-color:#1184DA;background:#1184DA;color:#fff;}