@charset "utf-8";
.c-a2a2a2 { color: #a2a2a2; }
.c-13529c { color: #13529c; }
.c-df8c33 { color: #df8c33; }
.c-adadad { color: #adadad; }
.b-13529c { background: #13529c; }
.b-df8c33 { background: #df8c33; }
/*menu-box*/
.menu-box { width: 100%; padding: 0 3.5vw; }
.w-1450 { width: 75.5%; margin: 0 auto; }
.menu-box .L { left: 0; }
/*--menu-box end-----------------*/

/*主导航菜单 2018.08.30*/
.MenuList_f1>ul { font-size: 0; display: block; }
.MenuList_f1>ul>li a { display: block; text-transform: capitalize; position: relative; z-index: 0; overflow: hidden; font-weight: normal; padding: 0 2vw; }
.MenuList_f1>ul>li a span { 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: 1; font-size: 1.15vw; color: #333; transition: 0.5s ease 0s; }
.MenuList_f1>ul>li>:first-child.on { color: #fff; }
.MenuList_f1>ul>li ul li a { overflow: hidden; color: #000; font-size: 16px; padding: 0; }
.MenuList_f1>ul>li>:first-child:after { transition: 0.5s ease 0s; content: ''; z-index: -1; bottom: 0; left: 50%; background: #13529c; width: 0; height: 100%; position: absolute; transform: skew(-20deg); }
.MenuList_f1>ul>li>:first-child.on:after { width: 100%; left: 0; }
/*汉堡菜单PC*/
.menu-icon { display: inline-block; vertical-align: middle; width: 100%; background: none; position: relative; z-index: 0; }
.menu-icon span, .menu-icon:before, .menu-icon:after { transition: 0.5s ease 0s; display: inline-block; height: 4px; background: #fff; content: ''; width: 40px; vertical-align: middle; }
.menu-icon:before, .menu-icon:after { position: absolute; left: 50%; top: 50%; margin-top: -2px; }
.menu-icon:before { transform: translate(-50%, -14px); }
.menu-icon:after { transform: translate(-50%, 14px); }
.menu-icon span { position: relative; margin: 0 auto; z-index: 0; }
.menu-i { background: #13529c; display: none; transition: 0.5s ease 0.5s; opacity: 1; top: 0; right: 0; overflow: hidden; width: 100px; height: 100px; margin-left: 0; text-align: center; position: absolute; z-index: 1; cursor: pointer; outline: none; font-size: 0; }
.menu-i:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; width: 0; }
body.on .menu-i .menu-icon:after { transform: translate(-50%, 0) rotateZ(-45deg); }
body.on .menu-i .menu-icon:before { transform: translate(-50%, 0) rotateZ(45deg); }
body.on .menu-i .menu-icon span { background: transparent; }
body.on [id*='public-bg'] { display: block; }
/*menu-slide 用slide注意效果遮挡*/
.menu-slide { z-index: 0; position: absolute; background: #13529c; height: 3px; 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; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
/*logo*/
.menu-w { font-size: 0; height: 4.5vw; line-height: 4.5vw; }
.logo img { height: 38%; }
.logo img, .logo a { }
/*--logo end------------------------------------------*/

/*language*/
.language { right: 0; }
.language img { height: 20px; margin-right: 10px; }
.language a:hover p { text-decoration: underline; color: #13529c; }
/*--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*/ }
.MenuList_f1>ul>li>:first-child.icon a:before { transition: 0.5s ease 0s; content: ''; position: absolute; z-index: 0; top: 50%; transform: translateY(-50%) rotate(45deg); display: none; border-right: 2px solid #666; border-top: 2px solid #666; width: 2vw; height: 2vw; }
.MenuList_f1>ul>li>:first-child.on a:before { transform: translateY(-50%) rotate(135deg); border-color: #fff; }
/*footer*/
.footer { background: #252427; padding: 10px 0; }
.beian img { display: inline-block; vertical-align: top; width: 18px; margin-right: 5px; }
/*nav*/
[class*="NavList"] {
background: #f0f0f0;
padding: 0 6.5vw;
}
[class*="NavList"] li { width: auto; }
.NavList_a1 ul { font-size: 0; display: inline-block; vertical-align: top; }
.NavList_a1 li { display: inline-block; vertical-align: top; }
[class*="NavList"] a { font-size: 16px; transition: 0.5s ease 0s; display:block; text-transform:capitalize; }
[class*="NavList"] a.on { color: #13529c; }
[class*="BannerShow"] img { width: 100%; }
.content-box { padding: 5vw 0 6vw; }
.ResTitle_a1 em { margin-top: 0.5vw; }
.title-desc .img { margin-left: 5px; }
.title-desc span { line-height: 1.5; margin-top: 5px; }
/*about*/
.about_plastic .section .video-box { float: left; width: 47%; margin-right: 2.5vw; margin-bottom: 1vw; }
.about_plastic .section p { line-height: 2.25; }
.about_plastic .PhotoList_k1 li { margin-bottom: 0; background: none; margin-left: 0; width: 23.5%; }
.about_plastic .PhotoList_k1 li:not(:last-child) { margin-right: 2%; }
.about_plastic .PhotoList_k1 li a { background: none; padding: 62% 0; }
.about_plastic .PhotoList_k1 li span { background: none; border: none; color: #666; padding-bottom: 0; }
.about_plastic .honor { padding: 2.5vw 6.5vw; background: #eaeaea; margin-top: 5vw; }
.honor_page { position: static; margin-top: 2vw; }
.honor_page span { margin: 0 5px; }
.about_coating .section .L, .about_coating .section .R p { line-height: 2.25; }
.about_plastic .video-box{border-radius: 15px;overflow: hidden;box-sizing: border-box;position: relative;}
.about_plastic .video-box>img{display: block;width: 100%;} 
.poster{position: absolute;top: 0;left:0;width: 100%;bottom: 0;height: 100%;z-index: 1;background-size: cover;background-repeat: no-repeat;}
.play{display: block;width: 2.7vw;height: 2.7vw;z-index: 2; position: absolute;left: 50%;top: 50%;min-width: 40px;min-height: 40px; cursor: pointer;
  -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.play img{max-width: 100%;}


/*page-footer*/
.page-footer { background: #252427; padding: 1.5vw 0; }
.page-footer .footer-logo { width: 11.5vw; }
.page-footer .L { margin-right: 2vw; }
.page-footer .L a { height: auto; border: 2px solid #fff; border-radius: 999px; overflow: hidden; width: auto; padding: 5px 2.5vw; margin-top: 1.5vw; }
.page-footer .L a:before { background: #fff; }
.page-footer .L p { margin-top: 1.5vw; }
.page-footer .L p img { height: 20px; margin-right: 10px; }
.page-footer .ewm { width: 6.5vw; min-width: 80px; }
/*NewsList_a1*/
.NewsList_a1 li a { display: block; font-size: 0; }
.NewsList_a1 .newimg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; object-fit: cover; transition: 0.8s linear 0s; }
.NewsList_a1 .newnr { width: 70%; padding: 1vw 2vw; display: inline-block; vertical-align: top; }
.NewsList_a1 .newimg { width: 30%; position: relative; z-index: 0; padding: 10% 0; display: inline-block; vertical-align: top; overflow: hidden; }
.NewsList_a1 li b { font-weight: normal; }
.NewsList_a1 li+li { margin-top: 1.5vw; padding-top: 1.5vw; border-top: 1px solid #eee; }
.NewsList_a1 .newnr>b { line-height: 1.5; max-height: 60px; }
.NewsList_a1 .newnr>p { line-height: 2; max-height: 112px; -webkit-line-clamp: 4; margin-top: 1.5vw; }
.NewsList_a1 .data { margin-top: 1.5vw; }
.NewsList_a1 .data b:before { content: '-'; }
.NewsList_a1 .data:before { content: '发布时间：'; }
.NewsDetail_a1 img { display: inline; }
.NewsDetail_a1 .time { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 1.5vw; padding-bottom: 10px; border-bottom: 1px solid #666; }
.NewsList_a2 li { width: 24.1%; display: inline-block; vertical-align: top; margin-bottom: 1vw; }
.NewsList_a2 li a { display: block; background: #fbfbfb; padding: 0.9vw 0.9vw 0; transition: 0.5s ease 0s; }
.NewsList_a2 .newimg { height: 15vw; overflow: hidden; }
.NewsList_a2 b { font-weight: normal; }
.NewsList_a2 .newimg, .NewsList_a2 .newnr { }
.NewsList_a2 .newnr { padding: 1vw 0; }
.NewsList_a2 .newimg img { width: 100%; height: 100%; object-fit: cover; transition: 0.8s linear 0s; }
/*photo*/
.photo [class*="PhotoList"] li { background: #fbfbfb; padding: 0.9vw 0.9vw 0 0.9vw; }
.photo [class*="PhotoList"] li a { padding: 35% 0; background: none; }
.photo [class*="PhotoList"] li span { padding: 1vw 0; border: none; background: none; color: #13529c; }
.photo [class*="PhotoList"] img { }
/*video*/
.VideoList_a1 ul { font-size: 0; }
.VideoList_a1 li { display: inline-block; vertical-align: top; }
.VideoList_a1 li a { display: block; background: #fbfbfb; transition: 0.5s ease 0s; padding: 0.9vw 0.9vw 0; }
.VideoList_a1 li em { display: block; overflow: hidden; position: relative; z-index: 0; padding: 35% 0; }
.VideoList_a1 li img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; object-fit: cover; transition: 0.8s linear 0s; }
.VideoList_a1 li span { display: block; font-size: 16px; color: #13529c; text-align: center; padding: 0.9vw 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.5s ease 0s; }
.VideoDisplay_a1 h2 { font-size: 1.5vw; text-align: center; }
.VideoDisplay_a1_C { margin-top: 3%; }
.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video, .NewsDetail_a1 #nc[class*="nf"] video, .NewsDetail_a1 #nc[class*="nf"] iframe { width: 100%; height: 35vw; background: #000 !important; min-height: 300px; }
.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 #13529c; }
.VideoDisplay_a1_back a:before { left: 0; }
.VideoDisplay_a1_back a:after { right: 0; }
.VideoDisplay_a1_back a:before, .VideoDisplay_a1_back a:after { content: ''; position: absolute; width: 51%; height: 100%; background: #13529c; top: 0; z-index: -1; transition: 0.3s ease 0s; }
/*nav_fix*/
.nav_fix .nav.pc-800{position:fixed; left:0; top:0; z-index:2;}
[class*="NewsList_a"] li { font-size: 16px; }
[class*="ResTitle"] br, .about_plastic #PhotoList_k1 .page, .about_plastic #PhotoList_k1 #load_more_button, .NewsList_a1 .data i, .NewsList_a2 .newnr p, .NewsList_a2 .data { display: none; }
@media screen and (min-width: 801px ) {
.contact .map, .contact .text { width: 50%; }
.contact .title img { width: 12vw; margin-bottom: 0.5vw; }
.beian>*:not(:last-child) { margin-right: 10px; }
.MenuList_f1>ul>li ul li { display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li>:nth-child(2) { transition: 0.5s ease 0s; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; background: #f0f0f0; left: -3.5vw; z-index: 2; position: absolute; width: 100vw; padding: 1vw 6.5vw; line-height: normal; text-align: left; display: none; }
.MenuList_f1>ul>li ul li:not(:first-child) { margin-left: 3vw; }
.MenuList_f1, .MenuList_f1>ul { line-height: 4.5vw; width: 100%; }
.MenuList_f1>ul>li { position: static; text-align: center; display: inline-block; vertical-align: top; }
/*.MenuList_f1>ul>li:hover>:first-child { color: #fff; }*/
.MenuList_f1>ul>li ul li a:hover, .page-footer a:hover { color: #13529c; }
.MenuList_f1>ul>li:hover>:nth-child(2) { transform: scale(1); opacity: 1; }
/*.MenuList_f1>ul>li:hover>:first-child:after { height: 100%; left: 0; }*/
/*导航定位使用的类*/
.menu-fix { opacity: 1; position: fixed; left: 0; top: 0; z-index: 1; transition: 0.5s ease 0s; }
.menu-fix.menu-fix-down { opacity: 0; top: -120px; }
[class*="NavList"] li:not(:last-child) { margin-right: 3vw; }
.page-footer .R { text-align: right; }
.page-footer .page-beian { margin-top: 1.5vw; }
.about_coating .section .L { width: 62.5%; padding-right: 2vw; }
.about_coating .section .R { width: 37.5%; padding: 2vw 2.5vw; }
.page-title { margin-bottom: 3vw; }
.about_coating .section .R p { margin-top: 1vw; }
.NewsList_a2 li:not(:nth-child(4n+1)) {
margin-left:1.2%;
}
.photo [class*="PhotoList"] li { width: 32%; margin-left: 2%; }
.photo [class*="PhotoList"] li:nth-child(3n+1) { margin-left: 0; }
.contact .text { padding-right: 2vw; }
.contact .text figure { width: 16px; height: 20px; margin-right: 5px; }
.contact .text ul { margin-top: 1.5vw; }
.contact .text li+li { margin-top: 10px; }
.contact-btn { border-radius: 10px; padding: 10px 20px; margin-top: 3vw; }
.contact-btn img { height: 1.5vw; margin-right: 10px; }
.VideoList_a1 li { width: 32%; margin-bottom: 2%; }
.VideoList_a1 li:not(:nth-child(3n+1)) {
margin-left:2%;
}
[class*="NavList"]{height:3vw; line-height:3vw;}
.nav_fix .banner{margin-top:3vw;}

}
@media screen and (min-width: 1101px ) {
.NewsList_a1 li a:hover .newimg img, .NewsList_a2 li a:hover img, .VideoList_a1 li a:hover img { transform: scale(1.1); }
.NewsList_a1 li a:hover .newnr>b { color: #13529c; }
.NewsList_a2 li a:hover, .photo [class*="PhotoList"] li:hover, .VideoList_a1 li a:hover { background: #13529c; }
.NewsList_a2 li a:hover b, .photo [class*="PhotoList"] li:hover span, .VideoList_a1 li a:hover span { color: #fff; }
.VideoDisplay_a1_back a:hover:before, .VideoDisplay_a1_back a:hover:after { width: 0; }
.VideoDisplay_a1_back a:hover { color: #13529c; }
}