/*顶部*/ #head{ width:100%; min-width:1200px; height:40px;color:#909090; line-height:40px; margin-bottom:25px; background:#f2f2f2;} .head_l{line-height:40px;} .head_r{text-align:center;} .head_r a{color:#909090; } .head_r a:hover{ color:#00ada9;} .head_img{ float:right; margin-right:15px; padding-top:8px;} .head_img img{ height: 25px;} /*抬头*/ #top .logo{ width: auto;margin-right:10px; margin-bottom:25px;padding-top:25px;} #top .logo img{ width:132px;} #top .name{ width: auto; font-size:38px; color:#333;font-weight:bold; line-height:36px; padding-top:30px;} #top .name::after{ display: block; width: 1px; background: #dedede; height: 53px; content: ""; float: left; margin: 5px 12px 0 10px;} #top .name p{ color:#909090; font-size:13px; font-weight: normal; font-family: "arial"; text-transform: uppercase;} #top .word{ width: auto; font-size: 16px; color: #555; line-height:34px; padding-top:28px;} #top .word dl{ font-size: 28px; color: #333 ; font-weight: bold; letter-spacing: 1.8px;} #top .word dl span{ color: #00ada9;} #top .phone{ width: auto; background: url(uploadfile/image/20180919/20180919204951_125286869.jpg) 0 15px no-repeat;color: #555; padding-top: 5px; font-size: 15px; padding-left: 50px; margin-top: 15px;} #top .phone i{font-style: normal; color: #00ada9; font-size:20px; font-weight: bold;} #top .phone em{font-style: normal; color: #00ada9; font-size:23px; font-weight: bold;} /*主导航*/ .nav {width: 100%;min-width: 1200px;font-family: "microsoft yahei";height: 53px;margin-top: 15px;background:url(uploadfile/image/20180919/20180919195132_594066091.jpg)repeat-x;color: #fff;font-size: 15px;line-height: 50px;} .main{margin: 0 auto;width: 1200px;} .main > li {position: relative;float: left;width:150px;height:100%;background: url(uploadfile/image/20180919/20180919163920_1003432397.png) center right no-repeat; } .main > li a{text-decoration: none;color: #fff;text-transform: capitalize;display: block;width: 100%;height: 100%;text-align: center;line-height: 53px;font-size: 16px;transition: background-color 0.5s ease-in-out;font-family: "Microsoft YaHei";} .main > li a:hover {background:url(uploadfile/image/20180919/20180919194550_864935927.jpg)repeat-x;} .nav .on{ width: 2px; height: 53px;background:url(uploadfile/image/20180919/20180919194550_864935927.jpg)repeat-x;} .drop{position: absolute;z-index: 10;} .drop li { opacity: 0;transform-origin: top center;} .drop li:nth-child(1) a{border: 1px solid #009390;} .drop li a {background: #00ada9;width:146px;height:40px;text-align: center;line-height: 40px;border: 1px solid #009390;border-top: none;} .main li:hover .menu1 li:first-of-type {animation: menu1 0.3s ease-in-out forwards;animation-delay: 0.3s;} .main li:hover .menu1 li:nth-of-type(2) {animation: menu1 0.3s ease-in-out forwards;animation-delay: 0.6s;} .main li:hover .menu1 li:nth-of-type(3) {animation: menu1 0.3s ease-in-out forwards;animation-delay: 0.9s;} .main li:hover .menu1 li:nth-of-type(4) {animation: menu1 0.3s ease-in-out forwards;animation-delay: 1.2s;} .main li:hover .menu1 li:nth-of-type(5) {animation: menu1 0.3s ease-in-out forwards;animation-delay: 1.5s;} @keyframes menu1 { 0% { opacity: 0; transform: translateX(50px) rotate(-90deg); } 100% { opacity: 1; transform: translateX(0) rotate(0); } } .main li:hover .menu2 li:first-of-type {animation: menu2 0.3s ease-in-out forwards;animation-delay: 0.2s;} .main li:hover .menu2 li:nth-of-type(2) {animation: menu2 0.3s ease-in-out forwards;animation-delay: 0.4s;} .main li:hover .menu2 li:last-of-type {animation: menu2 0.3s ease-in-out forwards;animation-delay: 0.6s;} .hover{background:url(uploadfile/image/20180919/20180919194550_864935927.jpg)repeat-x !important;} .hidden{overflow: hidden;} /*幻灯片*/ .focus {width:100%; height:550px; overflow:hidden; position:relative; min-width:1200px;} .focus ul {height:600px; position:absolute;} .focus ul li {float:left; width:100%; height:550px; overflow:hidden; position:relative; background:#fff;} .focus ul li div {position:absolute; overflow:hidden;} .focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;} .focus .btn {position:absolute; width:1200px; left:50%; margin-left:-600px; height:24px; bottom:36px; text-align:right;} .focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;} .focus .btn span.on {background:#fff;} .focus .preNext {width:45px; height:100px; position:absolute; top:200px; background:url(uploadfile/image/20180919/20180919202316_394473747.png) no-repeat 0 0; cursor:pointer;} .focus .pre {left:0;} .focus .next {right:0; background-position:right top;} #banner{ overflow:hidden;} /*搜索*/ #search_all{ width:100%; min-width:1200px; height:70px; position: absolute; top:799px; background: #fff;} .search{ width:1200px; margin:0 auto; font-family:"Microsoft YaHei";} .search a{ font-size:16px; color:#555;} .search a:hover{ color:#00ada9;} .searchl{ font-size:16px;line-height:70px;} .searchl span{ font-weight: bold;} .searchr{ width:350px;margin:16px 0; border: 1px solid #ddd; border-radius: 20px;} .search_kong{ width:350px;float:right; overflow:hidden; height:40px;} .search_2{float:left; width:240px; height:40px; line-height:40px;} .search_tu{ float:right;height:40px; width:58px;}
网站首页 | 公司简介 | 产品展示 | 供求商机 | 人才招聘 | 公司动态 |  行业资讯  |  幻灯片  |  联系我们  |  常见问题  |  企业形象  |  荣誉资讯  |  合作客户  |  供货商家  |  生产车间  |  模具房  |  客户留言 | 联系方式
按产品系列查看
总数:57   总页数:10   当前是:第10页 第一页  上一页  下一页  最后页转到

东莞市怡美塑胶制品有限公司  版权所有