﻿@charset "utf-8";
:root{--color:#FF9933}
.con-contain p{padding-bottom:5px}
.about-banner p a,.about-banner p span,.con-banner p a,.con-banner p span,.net-banner p a,.net-banner p span,.pro-banner p a,.pro-banner p span{color:#fdb812}
.top-name{position:absolute;top:24px;font-size:20px}
@media screen and (max-width:1750px){
.nav-mid{padding-left:200px}
.top-name{left:150px}}
@media screen and (max-width:1350px){.top-name{font-size:17px}}
@media screen and (max-width:1250px){.nav-mid{padding-left:0}.top-name{display:none}}
.index-3-list{display:flex;flex-wrap:wrap}
.index-3-list li{width:33%;margin:0;padding:0;text-align:center}
.index-3-list li:nth-child(even) a{background:#f93}
.index-3-list li:nth-child(odd) a{background:#000;color:#fff}
.index-3-list li:nth-child(odd) h4{color:#fff}
.pro-cell>a:hover,.pro-item li>a:hover{transform:unset}
.pro-cell>a:hover .pro-footer,.pro-item li>a:hover .pro-footer,.pro-item li>a:hover .pro-footers{background:unset}
.pro-item li>a>div:first-child{display:block;height:unset;padding:20px}
.pro-item li>a>div:first-child+div{width:60%;margin-left:20%;padding:20px 0}
.plist-more{padding-bottom:20px;font-weight:600;font-size:14px}
.plist-more i{height:20px;width:20px;display:inline-block;border-radius:10px;margin-left:7px}
.index-3-list li:nth-child(even) .plist-more i{background:#000;color:#f93}
.index-3-list li:nth-child(odd) .plist-more i{background:#f93;color:#000}
.feedback-tips button#closeBtn{background:#408aec;box-shadow:0 0 2px #408aec}
@font-face{font-family:hatten;src:url(/Content/upload/2019480338/style/HATTEN.TTF)}
.nav-left{overflow:hidden}
.nav-left img{margin-left:-25px}
#nav>li>a{padding:0 14px}
.top-name{left:180px;bottom:32px;color:#fff;font-family:"Lucida Calligraphy";line-height:25px;max-width:280px;top:auto;font-size:19px}
@media screen and (max-width:1480px){
.nav-mid{text-align:left;width:100%;margin:0;padding:0 100px 0 430px}
#nav>li>a{padding:0 11px}
.top-name{max-width:260px;bottom:20px}}
@media screen and (max-width:1250px){
.nav-mid{padding-left:170px}}
.nav-right #xyz{right:6px}
.nav-mid #nav{margin:0}
@media screen and (max-width:1460px) and (min-width:1200px){
.top-name{left:160px}
.nav-mid{padding-left:400px}}
.ind ul{background-image:url(/Content/upload/2019480338/style/bg.jpg);background-size:cover}
#ind .ind-mark{background:rgba(0,0,0,.9)}
#ind li:hover .ind-mark{background:rgba(253,184,18,.9)}
.floatwindow_fd_main{right:-275px!important;transition:all .3s ease}
.floatwindow_fd_conct:hover .floatwindow_fd_main{right:0!important;transition:all .3s ease}
.ltd-img .contain>div:first-child{padding-top:60px}
.ltd-img{padding-bottom:60px}
.ltd-img .contain>div:first-child iframe{width:810px;height:460px;max-width:100%;display:block;margin:0 auto}
@media screen and (max-width:992px){.ltd-img .contain>div:first-child iframe{height:300px}}
.news-col.wow.fadeInLeft{width:100%}
header nav ul>li{margin:0 15px}
header nav .header-logo a{flex-direction:column}
.logotext{font-size:15px;margin-top:10px}
.home-container .about-content .h3,.home-container .section-title,.home-container .video h2{text-transform:uppercase;font-weight:700}
.video iframe{margin-top:20px}
a.LayImAhrefNode{width:200px;box-sizing:border-box;height:50px;margin-right:5%;margin-bottom:5%;background:#f93;display:flex;justify-content:center;align-items:center;font-size:16px;border-radius:3px;text-transform:uppercase}
header nav ul .submenu li a{white-space:nowrap}
.home-container .company-advantage .advantage-list li:after {display:none;}
.home-container .company-advantage .advantage-list li:hover {background:url(/js/20993/1.jpg) no-repeat center;background-size:cover}
.home-container .company-advantage .advantage-list li:nth-child(2):hover {background-image:url(/js/20993/2.jpg)}
.home-container .company-advantage .advantage-list li:nth-child(3):hover {background-image:url(/js/20993/3.jpg)}
.home-container .company-advantage .advantage-list li:before {content:'';width:100%;height:100%;background:rgba(255,255,255,.6);position:absolute;top:0;left:0;}
.home-container .company-advantage .advantage-list li * {position:relative;}
.home-container .company-advantage .advantage-list li:hover p {color:#000}
@media (max-width:768px){
header nav ul>li a{color:#000}
header nav ul .submenu li{background:#fff}
header nav{height:22vw}}
.common-content.Contact.Us+iframe{display:block;}
@media screen and (max-width:640px){.common-content.Contact.Us+iframe{height:300px;}}
footer .footer-top .footer-nav {width:auto;}
footer .footer-top .footer-nav ul {width:auto;}
@media screen and (max-width:960px){footer .footer-top .footer-cate{display:none}}
#feedbackForm .send-inquiry .inquiry-form #in-name{order:1}
#feedbackForm .send-inquiry .inquiry-form #in-email{order:3}
#feedbackForm .send-inquiry .inquiry-form #in-emailcomfirm{order:4}
#feedbackForm .send-inquiry .inquiry-form #in-phone{order:2}
#feedbackForm .send-inquiry .inquiry-form #in-content{order:5}
.about-img iframe{width:100%;height:100%}
.home-container .video{background-image:url(/js/20993/videobg.jpg);position:relative}
.home-container .video:before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);}
.home-container .video .contain{position:relative;z-index:1}
.newslist-1 li .news-img{padding-bottom:100%;height:0;position:relative}
.newslist-1 li .news-img a{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.newslist-1 li .news-img a img{width:100%;object-fit:cover;height:100%}
.home-container .video {background-size: 100%; background-position: center;height: 23.1vw;display: flex;align-items: center;justify-content: center;}
header nav ul .submenu li ul{display: none;}
@media(max-width:768px){header nav ul .submenu li{flex-wrap:wrap;}
header nav ul .submenu li ul{display:block;}
header nav ul .submenu li ul li a{font-weight:400;}}
footer .footer-top .footer-nav:nth-child(3) ul ul{display:none}
#li_Menu101_sitemap a{color:#171312;}
#li_Menu101_sitemap:after{border-color:#171312}
@media screen and (max-width: 768px){.common-content .prolist-1 li .pro-info .pro-name{max-height:none;display:block;height:73.6px}
.home-container .news-product .news-content .ircn{display:block;height:51px}}

@media (min-width:1025px) {
header nav ul .submenu li.LiLevel1:hover>ul{display: block;}
header nav ul .submenu li ul {position: absolute;left: 100%;top: 0;}}
