*{box-sizing:border-box} html{margin:0;padding:0;border:0} body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,footer,header,hgroup,nav,section{margin:0;padding:0;border:0} body{background:#fff;color:#666;position:relative;overflow-x:hidden} a{text-decoration:none;outline:none} a:link{color:#666} a:visited{color:#666} a:hover,a:active,a:focus{color:#E36D2F;text-decoration:none;outline:none} input{padding:0;margin:0} img{border:none;background:none;vertical-align:middle} ul,ol,li{list-style-type:none} select,input,img,select{vertical-align:middle} table{border-collapse:collapse;border-spacing:0} table,th,td{vertical-align:middle} .clearfix{zoom:1} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px} h1,h2,h3,h4{font-size:12px;font-weight:bold} hr{border:0;border-top:1px solid #ccc;height:0} .animate{transform:translate(0px);opacity:1;filter:alpha(opacity=100)} header{padding:15px 0;position:fixed;top:0px;left:0;width:100%;z-index:1000;color:#fff;opacity:1;transition:all 0.6s ease-out;background:rgba(0,0,0,.3); box-shadow: 0 2px 11px rgb(0 0 0 / 30%);} header a{color:#fff} #c-header.c-head-hide,.c-open #c-header{color:#333;background:#fff;box-shadow:0 2px 11px rgba(0,0,0,0.05)} #c-header.c-head-move{-webkit-transform:translateY(-100%);transform:translateY(-100%)} #c-header .img2{display:none} #c-header.c-head-hide .img1{display:none} #c-header.c-head-hide .img2{display:block} #c-header.c-head-hide .nav li a{color:#333} .head{} .container{max-width:1670px;width:92%;margin:0 auto; display: flex; justify-content: space-between;} .logo{float:left} .head_tel{float:right;padding-left:55px;background:url(../images/tel1.png) no-repeat left center;margin-left:35px;font-size:18px;line-height:40px;margin-top:5px;height:40px} #c-header.c-head-hide .head_tel{background:url(../images/tel1_h.png) no-repeat left center} .head_tel p:nth-child(2){font-size:20px} .search{position:relative;float:right;display:none} .search .ss{height:58px;line-height:58px;cursor:pointer;display:flex;align-items:center} #formsearch{position:absolute;top:58px;left:-100px;width:220px;display:none} #keyword{float:left;width:180px;border:1px solid #e5e5e5;outline:none;background-color:#fff;height:40px;line-height:40px;text-indent:10px} #s_btn{float:right;width:40px;border:none;outline:none;background:url(../images/ss.png) no-repeat center #E36D2F;background-size:22px;height:40px;line-height:40px;cursor:pointer;font-size:0} .nav{float:left;} .nav li{float:left} .nav li a{display:block;font-size:16px;font-weight:bold;text-align:center;line-height:58px;padding:0 29px;color:#fff} .nav li .b_nav{display:none;position:absolute;top:100%;left:0px;z-index:999;background-color:rgba(255,255,255,.9);width:100%;text-align:center;padding:15px 0!important;line-height:40px;box-shadow:0px 0px 4px #ccc} .nav li .b_nav a{font-size:14px;color:#666;height:auto;line-height:2em;display:inline-block;margin:0 20px;padding:0} .nav li a:hover{color:#E36D2F} .nav li .b_nav a:hover{color:#E36D2F!important} .nav li:hover .b_nav a:after{display:none} .menu-button{display:none;position:absolute;top:20px;right:10px;cursor:pointer;-webkit-transition:.3s;transition:.3s;z-index:99999} .menu-button .bar{display:block;height:2px;background:#ccc;margin:9px 0;opacity:1;transition:all .5s ease;width:35px;transform-origin:left center} .mnav .bar:nth-child(1){transform:rotate(45deg)} .mnav .bar:nth-child(2){opacity:0} .mnav .bar:nth-child(3){transform:rotate(-45deg);position:relative;top:2px} .mobileNav{display:none;background-color:#E36D2F;text-align:center;position:absolute;left:0;top:65px;z-index:99999;width:100%} .mobileNav li{line-height:2em;padding:1em 0} .mobileNav li a{font-size:16px;color:#fff} @media(max-width:1600px){.nav{margin-left:10%} .nav li a{padding:0 20px} }@media(max-width:1440px){.head_tel{font-size:16px} .head_tel p:nth-child(2){font-size:18px} }@media(max-width:1360px){.search{display:none} .nav{margin-left:8%} .nav li a{padding:0 15px} }@media(max-width:1259px){.container{width:96%} .nav{float:right;margin-left:5%} .head_tel{display:none} } @media(max-width:1024px){ .nav{margin-left:0} .nav li a{padding:0 8px;font-size:15px} } @media(max-width:768px){ .menu-button{display:block} .nav{display:none} } @media(max-width:640px){ .logo{width:50%;float:none} } .menu-button{top:10px} .mobileNav{top:55px} #c-header.fixed{position:fixed} .footer{width:100%;margin:0 auto;background:url(../images/9_12.jpg) no-repeat;background-size:100% 100%} .footer_body{margin:0 auto;width:84%} .footer_top{border-bottom:solid 1px #42474f;padding:64px 0 40px} .footer_top li{margin-right:114px;text-align:center;padding-top:11px;float:left;width:72px} .footer_top li:nth-child(3){padding-top:0;width:232px} .footer_top li:nth-child(5){margin-right:0} .footer_top li a{line-height:46px;font-size:18px;color:#5a5a5a} .footer_middle{height:450px} .footer_main{padding-top:38px;display:flex;justify-content:space-between} .footer_main ul.footer_nav{padding:0 36px 0 4px} .footer_main ul.footer_nav li a{line-height:30px;font-size:16px;color:#fff} .footer_main ul.footer_nav li:first-child a{font-size:18px;color:#fff} .footer_info{position:relative;width:264px} .footer_info p{background-position:left center;background-repeat:no-repeat;padding-left:28px} .footer_info .title{background-size:18px;margin-top:14px;line-height:30px;font-size:15px;color:#fff} .footer_info .text{line-height:30px;margin-top:4px;font-size:32px;color:#F25839} .footer_info .title:first-child{margin-top:0} .footer_social{padding:10px 0 0 8px} .footer_social li{padding-left:20px;position:relative;float:left} .footer_social li a{display:block;cursor:pointer;width:41px} .footer_social li a img{width:100%} .footer_weixin{margin-right:1.5vw;padding-top:7px;display:flex} .footer_weixin div img{width:130px} .footer_weixin div:nth-child(1){margin-right:20px} .footer_weixin p{text-align:center;line-height:30px;margin-top:12px;font-size:15px;color:#fff} .footer_end{text-align:center;line-height:30px;margin-top:40px;font-size:14px;color:#5a5a5a;width:84%;bottom:0;border-top:solid 1px #42474f;padding:20px 0;margin:0 auto;font-size:16px;font-weight:400;color:#F5F6F7} .footer_end ul{display:flex;line-height:50px;} .footer_end ul li{margin:0 10px} .footer_end .db_fk{justify-content: space-between;} .footer_end ul li a{color:#F5F6F7} .weixin_code,.douyin_code,.shop_code{transform:translateY(-50%);position:absolute;display:none;right:42px;top:20px;max-width:200%} .weixin_code.active,.douyin_code.active,.shop_code.active{display:block} .footer_main ul.footer_nav li:first-child { background: url(../images/footer-04.png) no-repeat 3px bottom; background-size: 21px 2px; padding-bottom: 20px; margin-bottom: 16px; } #c-right-fixed #gotop2{ background: #F25839!important;color:#fff;} @media screen and (orientation: portrait) { #c-header.c-head-hide .nav li a{color:#fff;} #c-header { background-color: #fff; height: 80px; box-sizing: border-box; padding: 10px; } .ny_banner img{ width: 100%; margin-top: 60px; height: 150px; } .m_yc{display:none;} /*棣栭〉*/ .tablist-bottompic img{width:auto;} .ind_abo_tab li .border { padding: 0 7px!important;} .home1 .item .tit { font-size: 18px!important;} .home1 .item:first-child, .home1 .item:nth-child(2) { height: 180px; background-size: 100% 100%; } .home1 .item:nth-child(3), .home1 .item:nth-child(4), .home1 .item:nth-child(5) { height: 170px; } .news_list1 a .img img { height: auto!important; } .single-box .col-md-5s { text-align: center!important; width: 50%!important; } .biaoti .biaoti_desc{height:auto!important;margin-bottom: 20px!important;} .footer_middle { display: none; } .nav_block{ top: 60px!important;} .n_banner img { height: 185px; } .footer { margin-bottom: 77px; } #c-header { position: fixed!important;} .gshj_list li .img img{height:auto!important;} .yiying { display: none; } } .pc_yc{display:none;} @media screen and (orientation: portrait){ .pc_yc{display:block!important;} .m_dianhua{ display: flex; font-size: 19px; justify-content: center; letter-spacing: 1px; background-color: #EDEDED; line-height: 60px; color: #676767; font-weight: bold; } }