html{color:#000;background:#fff; } body { color:#666;font-size:14px;width: 100%;} /*网站字体颜色*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} li{list-style:none;} /*title*/ h1 { font-size:32px;} h2 { font-size:26px;} h3 { font-size:20px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:10px;} .mt10{ margin-top:10px;} a { color:#666; text-decoration:none;} /*for ie f6n.net*/ a:hover{color:#1fa5a6 !important;} a:focus{outline:0;} /*for ff f6n.net*/ .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:-1.5px;} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left !important;} .fr { float:right !important;} .pa{ position:absolute;} .pr{ position:relative} .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} /* -- 页面整体布局 -- */ .content , .footer { width:1200px; margin:0 auto; font-family:"Microsoft Yahei";} .topWrap{font-family:"Microsoft Yahei";position: relative;width:100%; background:url(/Template/AreaidUid_YPM_Shop/44/images/top44.png)no-repeat;; } .header{display:flex;justify-content:space-between;width:1200px;margin:0 auto; padding:30px 0; position:relative; } .t1{height:80px;overflow:hidden;width:450px;position: relative;color:#ddd;letter-spacing:2px; } .t1 span{display:block;font-size:32px; color:#fff;font-weight:bold; white-space:nowrap;margin-bottom:12px;} .t1 h1{font-size:14px;display:inline-block} .t2{width:400px;overflow:hidden } .t2 li{float:left;margin-left:50px;} .t2 .t2image { width: 55px; margin-bottom:1px;} .t2 .t2image img{width:100%;} .t2 .t2name { color: #ddd; line-height: 1; text-align: center; font-weight: bold;} .t3{background: url(/Template/AreaidUid_YPM_Shop/44/images/44tel.png)no-repeat left center;padding-left: 55px; padding-top:13px;} .t3 p{font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #ffffff;} .t3 p:nth-child(2){font-size: 28px;font-weight: normal;font-stretch: normal;line-height: 28px;letter-spacing: 0px;color: #ffffff;} .nav {height:60px; position: relative;background:#fff; width:100%;} .nav ul{width:1200px;display:flex;justify-content: space-between;margin:0 auto; } .nav li {height:60px; line-height:60px;text-align: center; position:relative; overflow:hidden; width:200px;background: url(/Template/AreaidUid_YPM_Shop/44/images/nav_line.png) no-repeat right center;} .nav li a {font-size:18px; font-weight:700;color: #333; } .nav li:hover:after{height:100%;} .nav li:hover a{color: #fff !important;z-index:10;position:relative;} .nav .cur{background:#1fa5a6; } .nav .cur a{color: #fff;} .nav li:after { content: ''; position: absolute; width: 100%; height: 0; background: #1fa5a6; bottom: 0; left: 0; -webkit-transition: height .3s; transition: height .3s; } /*特效*/ .white,.whites{position: relative;overflow: hidden;} .white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);} .white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;} .fullSlide{min-width:1200px;position:relative;height:450px;overflow:hidden; z-index: 2;} .fullSlide .bd{position:relative;z-index:0;} .fullSlide .bd ul{width:100%!important;} .fullSlide .bd li{width:100%!important;height:450px;overflow:hidden;text-align:center;position: relative;} .fullSlide .bd li a{display:block;height:450px;} .fullSlide .bd li img {position: absolute;left:50%;margin-left:-960px;top:0;} .fullSlide .hd{position:absolute;bottom:32px;z-index:99;left:46%;width:200px;} .fullSlide .hd li{width:15px;height:15px;float:left;margin-right:20px;background:#fff;border-radius: 50%} .fullSlide .hd li.on {background:#1fa5a6;} .prev{position: absolute;left:2%;top:50%; cursor:pointer} .next{position: absolute;right:2%;top:50%;cursor:pointer} .footWrap{background:#33383c;overflow:hidden;font-family:"Microsoft Yahei";padding:30px 0; position:relative;z-index:1} .footer{width:1200px;margin: 0 auto; position: relative; line-height:25px; text-align:center; color:#fff} .footer a{color:#fff;} .mobile-fixed,.mobile-footer{display:none;} @media (max-width:768px) { .header , .content , .footer { width:100%;} .header1{display:none} .header{padding:0} .topWrap{height:60px;padding-top:0;} .header{margin:0;} .t1{width:100%;height:60px;} .t1 span{line-height:60px;font-size:24px;padding:0 10px;} .t2,.t3{display:none;} .nav .cur a, .nav li:hover a{color:#1fa5a6;border-bottom:none;background:#fff;} /*头部nav*/ .nav{z-index: 1000;position: fixed;top: 60px;left: -100%;width: 100%;height: 100%;background:url(/Template/AreaidUid_YPM_Shop/44/images/nav_bj.jpg) no-repeat center top;transition: all .36s ease;margin:0; background:#fff;} .nav ul{float:none;width:100%; display:block} .nav li{float:none;height:50px; line-height:50px; border-bottom:1px solid #eee;width:100%; text-align:left; text-indent:20px;} .nav li a{color:#333;padding:0;height:50px;} .m_nav {position:absolute;top:10px;width:40px;height:40px;background:url(/Template/AreaidUid_YPM_Shop/44/images/menu.png) no-repeat center center #1fa5a6;background-size:25px auto;right:5px;} .m_menu .m_nav {background:url(/Template/AreaidUid_YPM_Shop/44/images/menu-1.png) no-repeat center center #1fa5a6;background-size:25px auto;} .m_menu .nav{left:0;} /*banner*/ .fullSlide{min-width:320px;height:auto;} .fullSlide .bd li{height:138px;} .fullSlide .bd li img{width:100%;left:0;margin-left:0;} .next,.prev{display:none} .fullSlide .hd{ left:50%;margin-left:-80px; bottom:5px; width:200px;} .seah_bj,.linkbox{display:none;} /*脚部*/ .footWrap{padding:30px 15px; margin-bottom:50px; text-align:justify} .mobile-fixed,.mobile-footer{display:block;height:50px} .mobile-footer{position:fixed;bottom:0;z-index:99;left:0;width:100%;background:#33383c;color:#fff;padding:10px 0;border-top:1px solid #fff;} .mobile-footer a{color:#fff;} .mobile-footer li{float:left;width:25%;padding:0 10px;text-align:center;box-sizing:border-box;} .mobile-footer li .icon{display:block} .mobile-footer li .icon .fa-qq{background:url(/Template/AreaidUid_YPM_Shop/44/images/ft-qq.png) 50% no-repeat} .mobile-footer li .icon .fa-phone{background:url(/Template/AreaidUid_YPM_Shop/44/images/ft-phone.png) 50% no-repeat} .mobile-footer li .icon .fa-home{background:url(/Template/AreaidUid_YPM_Shop/44/images/ft-home.png) 50% no-repeat} .mobile-footer li .icon .fa-duanxin{background:url(/Template/AreaidUid_YPM_Shop/44/images/ft-duanxin.png) 50% no-repeat} .mobile-footer li .icon .fa{width:25px;height:25px;display:inline-block;background-size:25px} .mobile-footer li p{font-size:14px} }