@charset "utf-8";
/*主导航菜单 2017.11.24*/
.MenuList_f1, .MenuList_f1>ul { transition: 0.3s ease 0s; height: 100%; line-height: 100px; background: #fff; display: inline-block; vertical-align: top; width: 100%; }
.MenuList_f1>ul>li { position: relative; height: 100%; width: auto; float: left; text-align: center;/* font-size: 14px; margin-left: 2.3vw; */ }
.MenuList_f1>ul>li a { padding: 0 25px; display: block; text-transform: capitalize; }
.MenuList_f1>ul>li a span { text-transform: capitalize; vertical-align: middle; line-height: 1.5; }/*针对换行*/
.MenuList_f1>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 1; font-size: 16px; color: #333; }
.MenuList_f1>ul>li:hover>:first-child>a, .MenuList_f1>ul>li>:first-child.on>a { color: #fff; background: url(../images/i-bg.jpg) no-repeat left top; background-size: 100% 100%; background: -webkit-gradient(linear, right top, left bottom, color-stop(0%, rgba(14,161,255,1)), color-stop(100%, rgba(0,102,202,1))); }
.MenuList_f1>ul>li>:nth-child(2) {/* transition: 0.3s ease 0s;*/ transform: scale(1, 0); transform-origin: top; opacity: 0; /*overflow: hidden;*/ line-height: normal;/* background: #FFF; background: rgba(255,255,255,0.9);*/ left: 0; z-index: 2; position: absolute; width: 100%; }
.MenuList_f1>ul>li:hover>:nth-child(2):before { width: 100%; left: 0; }/*css鼠标触发效果，如用JS-hover 可删除*/
.MenuList_f1>ul>li ul li { max-width: none; float: none; margin: 15px 0; width: auto; padding: 0px; text-align: center; }
.MenuList_f1>ul>li ul li a { max-height:39px; text-transform: capitalize; width: auto; overflow: hidden; display: -webkit-box; color: #555; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; padding: 0; vertical-align: top; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.MenuList_f1>ul>li ul li a:hover { color: #0066ca; }
/*.MenuList_f1>ul>li>:first-child:after { transition: 0.3s ease 0s; content: ''; bottom: 0; left: 50%; background: #0066ca; height: 6px; width: 0; position: absolute; }
.MenuList_f1>ul>li:hover>:first-child:after, .MenuList_f1>ul>li>:first-child.on:after { width: 100%; left: 0; }*/
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
/*menu-box*/
.menu-box { height: 100px; }
.logo+div { height: 100%; text-align: center; width: calc(87% - 153px); }
.logo+div>.dis-m:first-child { height: 100%; width: calc(97.5% - 28px); }
/*--menu-box end-----------------*/

/*logo*/
.menu-box>div { height: 100%; }
.logo { width: 12%; height: 100%; display: inline-block; vertical-align: top; }
.logo a { }
.logo img { width: 100%; }
/*--logo end------------------------------------------*/
/*额外*/
.MenuList_f1:after { top: 100px; content: ''; height: 340px; position: absolute; width: 100%; background: rgba(255,255,255,0.9); left: 0; transform: scale(1, 0); opacity: 0; transition: 0.3s ease 0s; transform-origin: top; }
.MenuList_f1>ul>li>:nth-child(2):before { content: ''; position: absolute; width: 0; height: 340px; background: #eee; left: 50%; top: 0; z-index: -1; transition: 0.3s linear 0s; }
.MenuList_f1:hover:after, .MenuList_f1:hover>ul>li>:nth-child(2) { transform: scale(1); opacity: 1; transition: 0.3s ease 0s; }
/*language*/
.language_box { font-size: 14px; color: #999; line-height: 19px; }
.language_box a { position: relative; z-index: 1; height: 19px; overflow: hidden; color: #0066ca; text-transform: uppercase; padding-right: 25px; }
.language_box a:hover { }
.language_box a.on { background: #0066ca; color: #fff; }
.language_box a:first-child { margin-left: 0; }
.language_box img { margin-right: 5px; width: 20px; height: 19px; }
.language_box p { transition: 0.3s ease 0s; }
.language_box a:before, .language_box a:after { transition: 0.3s ease 0s; content: ''; background: #0066ca; height: 1px; width: 8px; position: absolute; top: 9px; z-index: -1; }
.language_box a:before { transform: rotateZ(45deg); right: 5px; }
.language_box a:after { transform: rotateZ(-45deg); right: 0; }
.language_box a:hover:before { transform: rotateZ(-45deg); }
.language_box a:hover:after { transform: rotateZ(45deg); }
.language_box a:hover p { transform: translateY(-19px); }
/*--language end----------*/
.w-87 { width: 87.5%; margin: 0 auto; }
a:hover { color: #0066ca; }
.ResTitle_a1 em:before { content: '/'; margin-right: 10px; }
.ResTitle_a1 em { margin-left: 15px; text-transform: uppercase; font-size: 24px; color: #999; }
.ResTitle_a1 span { font-size: 42px; color: #0066ca; font-weight: bold; }
.ResTitle_a1 br { display: none; }
/*banner*/
.BannerShow_b1, .BannerShow_b1 img, .BannerShow_b1 .swiper-container { width: 100%; height: 100%; }
.BannerShow_b1 .swiper-pagination-bullet { width: 40px; background: #fff; height: 4px; vertical-align: bottom; opacity: 0.5; border-radius: 0; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets { width: 100%; bottom: 5%; left: 0; text-align: center; display: none; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }
.BannerShow_b1 .swiper-pagination-bullet-active { background: #fff; opacity: 1; }
.arrow-right, .arrow-left { transition: 0.3s ease 0s; cursor: pointer; width: 70px; position: absolute; top: 50%; color: #fff; z-index: 1; height: 70px; line-height: 70px; border-radius: 50%; border: 1px solid #fff; text-align: center; font-family: "宋体"; font-weight: bold; box-sizing: border-box; font-size: 45px; margin-top: -35px; opacity: 0; }
.arrow-right { right: -50px; }
.arrow-left { left: -50px; }
.BannerShow_b1:hover .arrow-right, .BannerShow_b1:hover .arrow-left { opacity: 0.5; }
.BannerShow_b1:hover .arrow-right { right: 5vw; }
.BannerShow_b1:hover .arrow-left { left: 5vw; }
.BannerShow_b1 .arrow-right:hover, .BannerShow_b1 .arrow-left:hover { opacity: 1; }
/*ibanner*/
.i-banner { width: 100%; position: relative; }
.i-banner .menu-box { width: 100%; top: 4%; position: absolute; z-index: 2; left: 0; transition: 0.3s ease 0s; }
.i-banner .w-87 { background: #fff; padding: 0 40px; box-sizing: border-box; position: relative; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); }
.i-img { position: absolute; width: 29px; bottom: 4%; z-index: 2; left: 50%; margin-left: -14.5px; animation: i 3s linear 0s infinite; }
.menu-box.menu-fix { box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background: #fff; position: fixed; top: 0; left: 0; height: 80px; }
.menu-box.menu-fix .MenuList_f1, .menu-box.menu-fix .MenuList_f1>ul { line-height: 80px; }
.menu-box.menu-fix .MenuList_f1:after { top: 80px; }
.menu-box.menu-fix .w-87 { box-shadow: none; position: static; }
@keyframes i { 0% {
 transform: translateY(0);
 opacity: .2;
}
20% {
 transform: translateY(0);
 opacity: .3;
}
40% {
 transform: translateY(-15px);
 opacity: 1;
}
50% {
 transform: translateY(0);
 opacity: .5;
}
60% {
 transform: translateY(-10px);
 opacity: 1;
}
80% {
 transform: translateY(0);
 opacity: .3;
}
100% {
 transform: translateY(0);
 opacity: .2;
}
}
/*.a*/
.a:before, .a:after { content: ''; position: absolute; border: 1px solid #e5e5e5; box-sizing: border-box; z-index: -1; transition: 0.3s ease 0s; }
.a:after, .a:hover:before { height: 100%; width: 95%; top: 0; left: 2.5%; }
.a:before, .a:hover:after { width: 100%; height: 86%; left: 0; top: 7%; }
.a { transition: 0.3s ease 0s; color: #0066ca; width: 200px; height: 70px; text-align: center; display: block; position: relative; line-height: 70px; z-index: 1; }
.a i { transition: 0.3s ease 0s; width: 14px; height: 1px; background: #0066ca; margin-left: 20px; }
.a i:before { transition: 0.3s ease 0s; content: ''; display: block; height: 1px; width: 9px; background: #0066ca; transform-origin: right; margin-left: auto; transform: rotateZ(30deg); }
.a:hover i { margin-left: 10px; }
.public-a:hover i:before { transform: rotateZ(20deg); }
/*s1*/
.s1 { margin-top: 8%; }
.s1 .L { padding-top: 1%; padding-left: 1%; width: 58%; box-sizing: border-box; position: relative; }
.s1 .L:after { top: -67px; content: 'about'; text-transform: uppercase; color: #eee; font-weight: bold; font-size: 160px; position: absolute; z-index: -1; right: -470px; }
.s1 .L:before { content: ''; background: #ffd513; left: 0; top: 0; width: 30%; position: absolute; height: 65%; z-index: -1; }
.s1 .R { margin-top: 4%; margin-left: 5%; width: 36%; }
.s1 .R h1 { color: #0066ca; font-weight: normal; font-size: 36px; }
.s1 .R p { font-size: 14px; color: #666; line-height: 2; margin-top: 5%; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; max-height: 106px; }
.s1 li:first-child { margin-left: 0; }
.s1 li { text-align: center; width: 30%; margin-left: 3%; height: 7vw; max-height: 130px; font-size: 16px; color: #0066ca; }
.s1 li a { transform-style: preserve-3d; perspective: 600px; overflow: hidden; position: relative; z-index: 1; background: #eee; transition: 0.3s ease 0s; display: block; width: 100%; height: 100%; }
.s1 li i { position: relative; z-index: 1; }
.s1 li i img { transition: 0.5s ease 0s; max-width: 41px; max-height: 41px; }
.s1 li span { display: block; margin-top: 10px; }
.s1 li i img:nth-child(2) { position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; transform: scale(0); }
.s1 .a { margin-top: 6%; }
.s1 ul { margin-top: 11%; display: flex; }
.s1 li a:hover img:first-child { transform: scale(2.2); opacity: 0; }
.s1 li a:hover img:nth-child(2) { transform: scale(1); opacity: 1; }
.s1 li a:hover { color: #fff; box-shadow: 0 0 14px 0 rgba(0,102,202,0.5); transition-delay: 0.1s; }
.s1 li a:hover:before { transform: rotateX(0deg); opacity: 1; }
.s1 li a:before { transition: 0.3s ease 0s; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/i-bg.jpg) no-repeat left top; background-size: 100% 100%; background: -webkit-gradient(linear, right top, left bottom, color-stop(0%, rgba(14,161,255,1)), color-stop(100%, rgba(0,102,202,1))); z-index: -1; transform: rotateX(90deg); transform-origin: bottom; opacity: 0; }
.s1 .a:hover:before, .s1 .a:hover:after, .s4 .a:hover:before, .s4 .a:hover:after { border-color: #0066ca; }
/*s2*/
.s2 { background: url(../images/bg1.jpg) no-repeat left top #eee; background-size: 100% auto; padding: 5% 0 3%; margin-top: 6.5%; }
.s2 .T { text-align: center; }
.s2 .T p { margin-top: 1%; font-size: 14px; color: #fff; line-height: 2; }
.s2 .T h3 { font-size: 42px; color: #ffe013; }
.s2 .a, .s3 .a { color: #fff; margin: 2.5% auto 0; }
.s2 .B { margin-top: 4%; }
.s2 .a i, .s2 .a i:before, .s3 .a i, .s3 .a i:before { background: #fff; }
.s2 li { cursor: pointer; font-size: 18px; text-align: center; color: #333; }
.s2 .B i { max-width: 419px; display: block; max-height: 330px; margin: 0 auto; width: 75%; height: 17vw; }
.s2 i img { max-width: 100%; max-height: 100%; width: auto; height: auto; margin: 0 auto; transition: 0.5s linear 0s; }
.s2 .B p { max-height: 48px; transition: 0.3s ease 0s; }
.swiper-btn { text-align: center; margin-top: 3.5%; }
.swiper-btn .sw-btn { display: inline-block; background: #1294ec; border-radius: 50%; height: 30px; width: 30px; vertical-align: middle; color: #fff; font-family: "宋体", SimSun; line-height: 30px; }
.swiper-btn .left { margin-right: 25px; }
.swiper-btn .right { margin-left: 25px; }
.swiper-btn .swiper-pagination-bullet { margin: 0 3px; width: 12px; height: 12px; opacity: 1; background: none; border: 1px solid transparent; position: relative; }
.swiper-btn .swiper-pagination-bullet:before { content: ''; width: 6px; height: 6px; background: #1294ec; position: absolute; top: 50%; margin-left: -3px; left: 50%; margin-top: -3px; border-radius: 50%; }
.swiper-btn .swiper-pagination-bullet-active:before { background: #0066ca; }
.swiper-btn .swiper-pagination-bullet-active { background: none; border-color: #0066ca; }
.swiper-btn .swiper-pagination { position: static; }
.s2 li:hover img { transform: scale(1.05); }
.s2 li:hover p { color: #0066ca; }
/*s3*/
.s3 { width: 100%; position: relative; z-index: 1; overflow: hidden; padding: 4% 0; }
.s3:before, .s3:after { content: ''; position: absolute; width: 50%; top: 0; z-index: -1; height: 780px; }
.s3:before { left: 0; background: url(../images/l-bg.jpg) no-repeat top left; background-size: auto 100%; }
.s3:after { right: 0; background: url(../images/r-bg.jpg) no-repeat top right; background-size: auto 100%; }
.s3 .L li { cursor: pointer; line-height: 1; margin-bottom: 3%; }
.s3 .L li>div { position: relative; transition: 0.5s linear 0s; padding: 20px 42px 20px 0; width: auto; }
.s3 .L li>div:after { content: ''; position: absolute; width: 0; height: 1px; background: #f9bb04; top: 50%; /*left: calc(100% - 30px);*/ left: 90%; transition: 0.3s ease 0s }
.s3 .L li span, .s4 .L li span { transition: 0.3s ease 0s; font-size: 18px; color: #333; vertical-align: middle; margin-left: 10px; position: relative; }
.s3 .L li span { display: inline-block; width: calc(100% - 21px); }
.s4 .L li:hover:before { border-color: transparent transparent transparent #32a4f1; border-width: 5px 0 5px 5px; border-radius: 0; transition: 0.2s ease 0s; }
.s3 .L li>div i, .s4 .L li:before, .s4 .L li.on:before { transition: 0.3s ease 0s; display: inline-block; vertical-align: middle; width: 11px; height: 11px; box-sizing: border-box; border: 2px solid #32a4f1; border-radius: 50%; }
.s3 .L { width: 31%; }
.s3 .L ul { margin-top: 7%; position: relative; z-index: 1; }
#move { top: 0; position: absolute; width: 0; height: 0; background: #0066ca; transition: 0.3s ease 0s; z-index: -1; }
/*.s3 .L li span:before { content: attr(data-text); color: #fff; position: absolute; left: 0; top: 0; overflow: hidden; width: 0; transition: 0.3s linear 0.1s; white-space: nowrap; }*/
.s3 .L li.on>div { padding-left: 4%; background: #0066ca; }
.s3 .L li.on>div i { opacity: 0; }
.s3 .L li.on>div:before, .s3 .L li.on span:before, .s3 .L li>div:hover:before, .s3 .L li>div:hover span:before { width: 100%; }
.s3 .L li>div:hover span { color: #32a4f1; }
.s3 .L li.on>div span { color: #fff; }
.s3 .L li.on>div:after { width: 100px; transition: 0.3s ease 0.1s; }
.s3 .M { position: relative; width: 37.2%; z-index: 1; }
.s3 .M .img { height: 88%; width: 88%; margin: 6% auto 0; text-align: center; }
.s3 .M .img img:hover { transform: scale(1.1); }
.s3 .M .img img { max-width: 97.5%; max-height: 97.5%; transition: 1s linear 0s; }
.s3 .M:before { width: 88%; height: 88%; left: 6%; top: 6%; background: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0,0.1); }
.s3 .M:after { width: 76.8%; height: 76.8%; left: 11.6%; top: 11.6%; background: #efefef; }
.s3 .M:before, .s3 .M:after { content: ''; border-radius: 50%; }
.circle-box1, .circle-box2, .s3 .M:before, .s3 .M:after { position: absolute; z-index: -1; }
.circle-box1 { top: 0; left: 0; width: 100%; height: 100%; }
.circle-box2 { width: 96.5%; height: 96.5%; left: 1.75%; top: 1.75%; }
.circle-box1 .L, .circle-box1 .R, .circle-box2 .L, .circle-box2 .R { position: absolute; height: 100%; width: 50%; top: -10px; overflow: hidden; padding: 10px 0; }
.circle-box1 .L, .circle-box2 .L { padding-left: 10px; }
.circle-box1 .R, .circle-box2 .R { padding-right: 10px; }
.circle-box1 .L img, .circle-box2 .L img { left: 10px; }
.circle-box1 .R img, .circle-box2 .R img { right: 10px; }
.circle-box1 .L, .circle-box2 .L { left: -10px; }
.circle-box1 .R, .circle-box2 .R { right: -10px; }
.circle-box1 img, .circle-box2 img { height: calc(100% - 20px); position: absolute; top: 10px; animation: ro 30s ease 0s infinite }
.s3 .w-87>.R { color: #fff; width: 30.5%; }
.s3 .w-87>.R h3 { font-weight: normal; font-size: 36px; max-height: 93px; }
.s3 .w-87>.R p { font-size: 14px; line-height: 2; margin-top: 8%; -webkit-line-clamp: 4; max-height: 112px; }
.s3 .a { margin-left: 0; margin-top: 18%; }
.s3 .w-87>.R>div { width: 84%; margin-left: auto; }
.s3 .M .mob-720 a { position: absolute; width: 8.4vw; height: 8.4vw; line-height: 8.4vw; text-align: center; top: 50%; background: #ffd513; margin-top: -4.2vw; z-index: 1; }
.s3 .M a.s3-left { left: -1.5vw; }
.s3 .M a.s3-right { right: -1.5vw; }
.s3 .M .mob-720 a img { display: inline-block; width: 2.3vw; vertical-align: middle; }
@keyframes ro { 0% {
transform:rotateZ(0deg);
}
100% {
transform:rotateZ(360deg);
}
}
/*s4*/
.s4 { padding: 7% 0 6%; }
.s4>div { display: flex; }
.s4 .L { width: 27.5%; position: relative; z-index: 1; }
.s4 .L:before, .s4 .L:after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; background: #d5eaff; width: 89%; z-index: -1; }
.s4 .L:after { bottom: 4px; }
.s4 .L p { font-size: 14px; margin-top: 10%; color: #999; line-height: 2; }
.s4 .L li:before { content: ''; }
.s4 .L li span { color: #000; }
.s4 .L li.on span { color: #32a4f1; }
.s4 .L li:first-child { margin-left: 0; }
.s4 .L li { margin-left: 13%; cursor: pointer; }
.s4 .L ul { margin-top: 6%; }
.s4 .a { margin-top: 20%; }
.s4 .R { width: 72.5%; }
.s4 .R a { display: block; height: 100%; background: #f5f5f5; transition: 0.3s ease 0s; }
.s4 .R li:first-child { width: 48.5%; position: static; }
.s4 .R li { width: 47.5%; }
.s4 .R>div li:first-child .newimg { display: block; }
.s4 .R>div .newimg { height: 19.4vw; display: none; overflow: hidden; max-height: 372px; }
.s4 .R>div img { width: 100%; transition: 0.8s linear 0s; }
.s4 .R li:first-child .newnr b { white-space: normal; font-size: 22px; color: #333; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3; height: 56px; }
.s4 .R li .newnr p { transition: 0.3s ease 0s; margin-top: 4%; font-size: 14px; line-height: 1.7; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px; }
.s4 .R li:first-child .newnr p { margin-top: 5%; }
.s4 .R li:first-child .n-text { overflow: hidden; padding: 5% 6%; border: none; }
.s4 .R li:first-child .n-text .newnr { width: 66%; float: left; padding: 0 6% 0 0; background: none; border-right: 1px solid #bbb; }
.s4 .R li:first-child .data { float: right; padding: 0; }
.s4 .R li:first-child .data i { margin-top: 19%; position: static; }
.s4 .R>div .data b { transition: 0.3s ease 0s; display: block; font-size: 36px; color: #999; }
.s4 .R>div .data { transition: 0.3s ease 0s; font-size: 16px; color: #bbb; padding: 3% 7%; position: relative; }
.s4 .R>div .data i { transition: 0.3s ease 0s; margin-top: -18px; top: 50%; right: 7%; position: absolute; display: block; font-size: 14px; font-family: "宋体", SimSun; font-weight: bold; color: #999; width: 36px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #ddd; border-radius: 50%; }
.s4 .R ul { position: relative; }
.s4 .R li { position: absolute; width: 47.5%; top: 0; right: 0; z-index: 1; transition: 0.3s ease 0s; }
.s4 .R li:last-child { top: auto; bottom: 0; }
.s4 .R li .newnr b { display: block; transition: 0.3s ease 0s; font-size: 16px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.s4 .R li .n-text .newnr { background: #fff; padding: 7%; }
.s4 .R li .n-text { border: 1px solid #e5e5e5; box-sizing: border-box; transition: 0.5s linear 0s; }
.s4 .R>div li:not(:first-child) .data:before { transition: 0.3s ease 0s; content: ''; position: absolute; left: 7%; border-style: solid; border-color: transparent transparent #f5f5f5; border-width: 0 6px 8px; top: -8px; }
.s4 .R a:hover { background: #0066ca; box-shadow: 0 0 25px 0 rgba(0,0,0,0.15); }
.s4 .R li:first-child a:hover { box-shadow: none; }
.s4 .R a:hover .n-text { border-color: #0066ca; }
.s4 .R a:hover img { transform: scale(1.1); }
.s4 .R a:hover .data, .s4 .R a:hover .data b, .s4 .R a:hover .data i, .s4 .R li:first-child a:hover .newnr b, .s4 .R li:first-child a:hover .newnr p { color: #fff; }
.s4 .R a:hover .data i { border-color: #4b93da; }
.s4 .R li:not(:first-child) a:hover .data i { transform: translateX(10px); }
.s4 .R a:hover .data:before { border-color: transparent transparent #0066ca; }
.s4 .R>div.on li:first-child { transform: translateX(-80px); opacity: 0; }
.s4 .R>div.on li { transform: translateX(80px); opacity: 0 }
/*s5*/
.s5 { text-align: center; font-size: 12px; color: #7085a2; background: #114578; padding: 2.5% 0; }
.s5 p:first-child { font-size: 24px; color: #fff; margin-top: 0 }
.s5 p:first-child span { color: #5bacfb; }
.s5 p { margin-top: 5px; }
/*footer*/
.footer .L { width: 91.5%; }
.footer>div:first-child>div { position: relative; }
.footer>div:first-child { padding: 4% 0 3%; }
.MenuList_f2 ul { overflow: hidden; }
.MenuList_f2>ul>li:first-child { display: none; }
.MenuList_f2>ul>li { width: 14%; float: left; }
.MenuList_f2>ul>li>h3 { font-size: 16px; color: #333; font-weight: normal;text-transform: capitalize; }
.MenuList_f2>ul>li>ul { margin-top: 12%; }
.MenuList_f2>ul>li>ul h3 {text-transform: capitalize; font-size: 14px; color: #bbb; font-weight: normal; }
.MenuList_f2>ul>li>ul li { margin-top: 10px; }
.footer .R { width: 129px; right: 0; position: absolute; top: 0; font-size: 12px; color: #0066ca; text-align: center; }
.footer .R p { margin-top: 5px; }
.footer .R p img { width: 19px; }
.footer .R p span { margin-left: 5px; }
.footer .B img { display: inline-block; }
.footer .B { font-size: 12px; color: #666; text-align: center; padding: 15px; border-top: 1px solid #eee; }
.footer .B br { display: none; }
/*page-public*/
.ResTitle_a2 { width: 100%; text-align: center; text-transform: uppercase; position: absolute; color: #fff; top: 50%; }
.ResTitle_a2 br { display: none; }
.ResTitle_a2 em { font-size: 3.125vw; font-weight: bold; display: block; line-height: 1; }
.ResTitle_a2 span { font-size: 2.5vw; line-height: 1; display: block; margin-top: 0.8%; }
.ResTitle_a2 span:before, .ResTitle_a2 span:after { content: ''; display: inline-block; border-style: solid; width: 20px; height: 20px; box-sizing: border-box; vertical-align: super; }
.ResTitle_a2 span:before { border-color: transparent transparent #fff #fff; border-width: 0 0 6px 6px; margin-right: 1%; }
.ResTitle_a2 span:after { border-color: transparent #fff #fff transparent; border-width: 0 6px 6px 0px; margin-left: 1%; }
.page-nav { text-align: center; border-bottom: 1px solid #eee; }
.NavList_a1 li:first-child { margin-left: 0; }
.NavList_a1 li { margin-left: 5%; font-size: 16px; display: inline-block; vertical-align: top; width: auto; color: #333; position: relative; }
.NavList_a1 a { text-transform:capitalize; display: block; line-height: 1; transition: 0.3s ease 0s; padding: 30px 0; box-sizing: border-box; border-bottom: 4px solid transparent; }
.NavList_a1 a.on, .NavList_a1 a:hover { border-color: #0066ca; color: #0066ca; }
.NavList_a1 a:before { margin-right: 10px; transform: rotateZ(-70deg); }
.NavList_a1 a:after { margin-left: 10px; transform: rotateZ(110deg); }
.NavList_a1 a:before, .NavList_a1 a:after { transition: 0.3s ease 0s; content: ''; width: 14px; height: 1px; display: inline-block; vertical-align: middle; background: #999; }
.NavList_a1 a.on:before, .NavList_a1 a.on:after, .NavList_a1 a:hover:before, .NavList_a1 a:hover:after { transform: rotateZ(0deg); background: #0066ca; }
.page-box { padding: 5% 0; }
.page-box>div[class*=rid] { color: #666; font-size: 16px; }
.ResTitle_a3 br { display: none; }
.ResTitle_a3 em { font-size: 18px; color: #999; display: block; text-transform: capitalize; }
.ResTitle_a3 span {text-transform: capitalize; display: block; font-size: 48px; color: #0066ca; margin-top: 15px; font-weight: bold; line-height: 1; }
.PhotoList_i1 p { padding: 0 20px; position: relative; z-index: 1; }
.PhotoList_i1 p:before { transition: 0.3s ease 0s; content: ''; position: absolute; z-index: -1; width: 25px; height: 25px; border: 1px solid #ddd; box-sizing: border-box; right: 20px; top: 0; border-radius: 50%; }
.PhotoList_i1 p:after { transition: 0.3s ease 0s; content: ''; position: absolute; z-index: -1; border-style: solid; border-color: transparent transparent transparent #666; border-width: 5px 0 5px 6px; right: 28.5px; top: 7.5px; }
.PhotoList_i1 li:hover p:before { border-color: #0066ca; }
.PhotoList_i1 li:hover p:after { border-color: transparent transparent transparent #0066ca; }
div[class*=rid]>.ResTitle_a3, .rid-43 .ResTitle_a3, .pro-detail .ResTitle_a3 { margin-bottom: 2.5%; }
/*rid43*/
.rid-43 { overflow: hidden; line-height: 1.875; }
.rid-43 .R { float: right; width: 63%; }
.rid-43 .L { float: left; width: 32%; }
.rid-43 img { width: 100%; }
.rid-43 .T, .rid-43 .B { overflow: hidden; }
.rid-43 .T { display: flex; }
.rid-43 .T .L { position: relative; margin-right: 5%; }
.rid-43 .B .L { padding-top: 3%; border-top: 8px solid #ddd; box-sizing: border-box; }
.rid-43 .B { margin-top: 6%; background: url(../images/img5.png) no-repeat left bottom; background-size: 32% auto; }
.rid-43>img { margin-top: 6%; }
/*rid45*/
.rid-45 .PhotoList_i1 img { max-width: 92.5%; height: auto; max-height: 87.5%; }
.rid-45 .PhotoList_i1 a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
/*news*/
#NewsList_a3 li:nth-child(4n+1) { margin-left: 0; }
#NewsList_a3 li { margin-left: 2%; display: inline-block; width: 23%; vertical-align: top; margin-bottom: 3.5%; }
#NewsList_a3 li a { transition: 0.5s ease 0s; display: block; border: 1px solid #eee; z-index: 1; }
#NewsList_a3 .newimg { width: 100%; overflow: hidden; }
#NewsList_a3 img { transition: 0.5s linear 0s; width: 100%; }
#NewsList_a3 .newnr { width: 74%; margin: 7% auto 0; }
#NewsList_a3 .newnr b { transition: 0.5s ease 0s; display: -webkit-box; font-size: 22px; color: #333; font-weight: bold; line-height: 1.25; text-align: center; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 54px; }
#NewsList_a3 .newnr p { transition: 0.5s ease 0s; font-size: 14px; color: #666; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8%; line-height: 2; max-height: 50px; }
#NewsList_a3 i { display: none; }
#NewsList_a3 .data { padding: 4.5% 0; text-align: center; font-size: 14px; color: #999; border-top: 1px solid #eee; margin-top: 10%; transition: 0.3s ease 0s; }
#NewsList_a3 .data:before { content: 'Time:'; }
#NewsList_a3 .data b:before { content: '-'; }
#NewsList_a3 li a:hover img { transform: scale(1.1); }
#NewsList_a3 li a:hover { background: #0066ca; border-color: #0066ca; }
#NewsList_a3 li a:hover b, #NewsList_a3 li a:hover .data, #NewsList_a3 li a:hover p { color: #fff; }
#NewsList_a3 li a:hover .data { border-color: #287acb; }
/*rid52,rid53*/
div[class*=rid] img { max-width: 100%; }
.rid-52 img, .rid-53 img { margin: 0 auto; max-width: 100%; }
/*rid55*/
.rid-55 ul { overflow: hidden; display: flex; }
.rid-55 li:first-child { margin-left: 0; }
.rid-55 li { padding: 3.5% 0 3%; margin-left: 2.9%; width: 17.5%; border: 1px solid #eee; text-align: center; position: relative; z-index: 1; box-sizing: border-box; }
.rid-55 li:before { transition: 0.5s ease 0s; top: 0; height: 100%; width: 100%; content: ''; position: absolute; z-index: -1; background: url(../images/c-bg.jpg) no-repeat left top; background-size: 100% 100%; background: -webkit-gradient(linear, right top, left bottom, color-stop(0%, rgba(54,156,255,1)), color-stop(100%, rgba(0,102,202,1))); left: 0; opacity: 0; }
.rid-55 .i { font-size: 0; margin: 0 auto; width: 140px; height: 140px; background: #0066ca; border-radius: 50%; position: relative; }
.rid-55 i { display: inline-block; vertical-align: middle; position: relative; z-index: 1; }
.rid-55 .i:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.rid-55 i img { display: inline-block; vertical-align: middle; max-width: 53px; max-height: 61px; transition: 0.5s ease 0s; }
.rid-55 i img:last-child { position: absolute; left: 0; top: 0; z-index: -1; transform: scale(0); }
.rid-55 li p { font-size: 14px; color: #999; margin-top: 15%; }
.rid-55 li span { font-size: 18px; color: #333; line-height: 1.3; margin-top: 7%; display: block; }
.rid-55 .i:after { width: calc(100% + 20px); content: ''; position: absolute; height: calc(100% + 20px); background: rgba(0,102,202,0.1); border-radius: 50%; z-index: -1; left: -10px; top: -10px; }
.rid-55 li:hover p, .rid-55 li:hover span { color: #fff; }
.rid-55 li:hover .i { background: #fff; }
.rid-55 li:hover img:first-child { transform: scale(2); opacity: 0; }
.rid-55 li:hover img:last-child { transform: scale(1); opacity: 1; }
.rid-55 li:hover:before { opacity: 1; }
.rid-55 li:hover .i:after { background: rgba(255,255,255,0.1); }
/*product*/
.ProductList_b1 ul { display: inline-block; vertical-align: top; width: 100%; }
.ProductList_b1 li a { display: block; }
.ProductList_b1 li:nth-child(4n+1) { margin-left: 0; }
.ProductList_b1 li { text-align: center; cursor: pointer; margin-bottom: 3.5%; float: left; width: 24%; margin-left: 1.3%; background: #fff; }
.ProductList_b1 .picimg { overflow: hidden; text-align: center; display: block; height: 21vw; max-height: 400px; overflow: hidden; background: url(../images/p-bg.jpg) no-repeat top center; background-size: 100% 100%; font-size: 0; }
.ProductList_b1 h3 { z-index: 1; transition: 0.3s ease 0s; position: relative; border: 1px solid #eee; border-top: none; padding: 30px 10px; font-size: 16px; color: #333; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ProductList_b1 .picimg:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.ProductList_b1 li img { transition: 0.5s linear 0s; width: 100%; height: auto; max-width: none; display: inline-block; vertical-align: middle; }
.ProductList_b1 h3:before { opacity: 0; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #0066ca; z-index: -1; transition: 0.3s ease 0s; }
.ProductList_b1 li span { display: none; }
.ProductList_b1 li a:hover img { transform: scale(1.1); }
.ProductList_b1 li a:hover h3 { color: #fff; border-color: #0066ca; }
.ProductList_b1 li a:hover h3:before { height: 100%; opacity: 1; }
/*product_detail*/
.ProductDetail_a1 .pul, .ProductDetail_a1 .til1 { display: none; }
.ProductDetail_a1 .detail { width: 56%; float: right; }
.pro-detail .R span { font-size: 14px; color: #333; }
.pro-detail select { cursor: pointer; color: #0066ca; background: #f5f5f5; border: 1px solid #eee; font-size: 14px; padding: 15px; margin-left: 10px; }
.pro-detail>.T { position: relative; }
.pro-detail>.T .R { position: absolute; right: 0; bottom: 0; }
.ProductDetail_a1 .detail h3 { font-size: 36px; color: #0066ca; font-weight: normal; }
.ProductDetail_a1 .detail span { font-size: 16px; color: #999; display: block; margin-top: 5px; }
.ProductDetail_a1 .detail .M { margin-top: 5%; font-size: 16px; color: #333; line-height: 1.875; }
.ProductDetail_a1 .p-title { margin-top: 13%; font-size: 24px; padding-bottom: 15px; color: #0066ca; font-weight: bold; border-bottom: 6px solid #0066ca; }
.pro-detail .B img { max-width: 100%; width: auto; margin-top: 4%; }
.pro-detail .B { margin-top: 4%; }
.Pimg.fix { position: fixed; top: 130px; width: 32.4%; }
.Pimg.abs { position: absolute; left: 0; bottom: 0; }
/*rid44*/
.rid-44 .T { overflow: hidden; }
.rid-44 .L { width: 48%; float: left; }
.rid-44 .L strong { font-size: 26px; color: #333; }
.rid-44 .L ul:nth-of-type(1) { margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px dashed #ddd; margin-top: 0; }
.rid-44 .L ul { margin-top: 3%; }
.rid-44 .L ul:nth-of-type(1) li { padding: 1% 0; }
.rid-44 .L ul:nth-of-type(2) span:first-child { line-height: 2; color: #0066ca; font-weight: bold; }
.rid-44 .R { width: 48%; float: right; }


#pbpage_43 { overflow: hidden; line-height: 1.875;color: #666;font-size: 16px; }
#pbpage_43 .R { float: right; width: 63%; }
#pbpage_43 .L { float: left; width: 32%; }
#pbpage_43 img { width: 100%; }
#pbpage_43 .T, .rid-43 .B { overflow: hidden; }
#pbpage_43 .T { display: flex; }
#pbpage_43 .T .L { position: relative; margin-right: 5%; }
#pbpage_43 .B .L { padding-top: 3%; border-top: 8px solid #ddd; box-sizing: border-box; }
#pbpage_43 .B { margin-top: 6%; background: url(../images/img5.png) no-repeat left bottom; background-size: 32% auto; }
#pbpage_43>img { margin-top: 6%; }

#pbpage_44{color: #666;font-size: 16px;}
#pbpage_44 .list-paddingleft-2 {padding-left: 0px;}
#pbpage_44 .T { overflow: hidden; }
#pbpage_44 .L { width: 48%; float: left; }
#pbpage_44 .L strong { font-size: 26px; color: #333; }
#pbpage_44 .L ul:nth-of-type(1) { margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px dashed #ddd; margin-top: 0; }
#pbpage_44 .L ul { margin-top: 3%; }
#pbpage_44 .L ul:nth-of-type(1) li { padding: 1% 0; }
#pbpage_44 .L ul:nth-of-type(2) span:first-child { line-height: 2; color: #0066ca; font-weight: bold; }
#pbpage_44 .R { width: 48%; float: right; }

#pbpage_53 img{width: 100%;}