/*澶撮儴鏍峰紡*/ #header{ height: 110px; position: relative; } #header .head_top{ width: 1200px; margin: 0 auto; line-height: 110px; height: 110px; } #menu{ width: 730px; height: 110px; line-height: 110px; padding-left: 80px; } #menu .nav{ height: 110px; line-height: 110px; } .nav li:nth-child(1){ background: url(../images/nav_1.png) no-repeat center center; } .nav li:nth-child(1) a:hover{ background: none; } .nav li{ text-align: center; float: left; height: 110px; line-height: 110px; width: 120px; position: relative; } .nav li a{ display: block; text-align: center; color: #504f4f; line-height: 110px; height: 110px; font: 200 16px/110px "寰蒋闆呴粦"; } .nav li a:hover{ display: block; text-align: center; color: #504f4f; line-height: 110px; height: 110px; font: 200 16px/110px "寰蒋闆呴粦"; background: #e00733; color: #fff; } .nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:110px;left:0px;} .nav .sec a{background:#f58fa5;color:#fff;height:45px;line-height:45px;width:120px;} .nav .sec a:hover{background:#e00733;text-decoration:none;line-height:45px;height:45px;} .language{ margin-top: 40px; } .language li:hover{ background: #d4002b; } .language li{ display: block; width: 32px; height: 32px; background: #dbd7d8; text-align: center; line-height: 32px; float: left; color: #fff; margin-left: 9px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .language li a{ color: #fff; } .language li.on{ background: #d4002b; color: #fff; } /*棣栭〉浜у搧*/ .cp{ margin-top:65px; } .cp_container{ width: 1200px; margin:0 auto; } .cp_top{ height: 60px; line-height: 60px; } .cp .cp_titaa{ padding-left: 45px; color: #2d2c2c; font-size: 24px; height: 60px; font-weight: 500; display: block; font-family: "寰蒋闆呴粦"; line-height: 60px; background: url(../images/title-icon.png) no-repeat 0 0; } .cp .cp_titbb{ width: 80px; overflow: hidden; } .cp .cp_left { margin-right: 10px; display: block; width: 30px; height: 30px; background:url(../images/cp_left.png) center #dcdcdc no-repeat; float: left; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cp .cp_left.on{ background-color: #dcdcdc; cursor: default; } .cp .cp_next{ display: block; width: 30px; height: 30px; background:url(../images/cp_next.png) center #e81741 no-repeat; float: left; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .product_list1 li{ float: left; height: 180px; overflow: hidden; width: 595px; position: relative; margin-top: 20px; } .product_list1 li a.img img{ width: 240px; height: 180px; } .product_list1 li .cp_content{ width:330px; float: right; padding-top: 30px; } .product_list1 li .cp_content>a{ color: #565656; font-size: 15px; font-family: "寰蒋闆呴粦"; height: 35px; line-height: 35px; display: block; font-weight: 600; } .product_list1 li .cp_content p{ padding-top: 0; font-size: 12px; color:#8e8e8e; line-height: 25px; font-weight: 400; } a.products_preview_more{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; position: absolute; bottom: -30px; left: 50%; margin-left: -50px; background: #d4002b; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .product_list1 li:hover a.products_preview_more { bottom: 0; } #cp_bottom{ border-bottom:1px solid #e6e6e6; } .c2{ height: 230px; margin-top: 30px; } .c2 .c2_container{ width: 1200px; margin: 0 auto; } .c2 .c2_left{ width: 530px; height: 185px; overflow: hidden; position: relative; } .c2_container .c2_lefttit{ background: url(../images/title-icon.png) no-repeat 0 -60px; font-family:'寰蒋闆呴粦'; color: #2d2c2c; font-size: 24px; font-weight: 500; display: block; height: 60px; line-height: 60px; padding-left: 45px; } .c2 .c2_c_tit{ background: url(../images/title-icon.png) no-repeat 0 -120px; } .c2 .c2_r_tit{ background: url(../images/title-icon.png) no-repeat 0 -180px; } .c2 .c2bb{ width: 350px; margin-left: 20px; height: 77px; overflow: hidden; } .c2 .c2_leftcont{ margin-top: 10px; height: 125px; } .c2 .c2aa img{ width: 125px; height: 80px; } .c2 .c2bb h3{ color: #535354; font-size:18px; line-height: 35px; font-weight: 400; } .c2 .c2bb p{ line-height: 20px; color:#8e8e8e; font-size: 13px; } .c2 .c2cc a{ display: block; width: 70px; height: 20px; line-height: 20px; text-align: center; background: #cdcdcd; color: #fff; font-weight: 400; position: absolute; bottom: 0px; left: 0px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .c2 .c2cc a:hover{ background: #d4002b; } .c2_center{ width: 360px; height: 185px; overflow: hidden; position: relative; } .c2_right{ width: 260px; height: 185px; overflow: hidden; position: relative; } .c2 .c3bb{ margin-top: 10px; height: 125px; } .c2 .c4bb{ margin-top: 10px; height: 125px; } .c2 .c3bb h3{ font-size: 13px; line-height: 25px; color: #8e8e8e; font-weight: 500; } .c2 .c4bb h3{ line-height: 25px; color: #8e8e8e; font-size: 13px; font-weight: 500; } .footer{ height: 122px; background: #3c434e; } .footer .foot_cont{ width: 1200px; margin: 0 auto; position: relative } .bottom{ height: 45px; background: #414855; } .bottom1{ /*height: 30px;*/ background: #414855; } .bottom .bottom_cont{ width: 1200px; margin: 0 auto; } .footer .logo1{ padding-top: 35px; } .foot_r{ width: 890px; } .foot_r #menu1{ width: 850px; height: 60px; line-height: 60px; padding-top: 10px; } .foot_r .nav1 li{ float: left; width:135px; height: 60px; line-height: 60px; } .foot_r .nav1 li a{ color: #fff; text-align: center;; height: 60px; display: block; font-size: 14px; font-family: "寰蒋闆呴粦"; } .foot_r .nav1 li a:hover{ color: #d4002b; } .foot_r #menu1 .fuwu{ line-height: 1; padding-left: 40px; color: #fff; font-size: 14px; font-weight: 200; } .bottom .bottom_cont{ line-height: 45px; color: #fff; } .bottom .bottom_left a{ color:#fff; } .bottom .bottom_left a:hover{ color:#d4002b; } .bottom .bottom_tu li{ width: 24px; height: 24px; display: block; background: #606876; text-align: center; line-height: 24px; float: left; margin-right: 10px; border-radius: 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .bottom .bottom_tu li:nth-child(2) .bds_tsina{ background: url(../images/weibo.png) no-repeat 4px 0px; width: 5px; } .bottom_right{ width: 200px; line-height: 25px; } .bottom_right a{ color: #fff; } .bottom_right a:hover{ color: #d4002b; } .bottom_right .bottom_tu{ margin-top: 10px; } .bottom .bottom_tu li:hover { background: #d4002b; } #menu1 .qiye{ color: #fff; line-height: 32px; padding-top: 5px; padding-left: 38px; } #menu1 .qiye a{ color:#fff; line-height: 32px; height:32px; } #menu1 .qiye a:hover{ color:#e00733; line-height: 32px; height:32px; } /*鍐呴〉*/ .box1{ margin-bottom: 10px; } .box1 h3{ height: 50px; line-height: 50px; font-size: 28px; font-weight: 400; color: #393737; background: url(../images/title-icon.png) no-repeat 0 -124px; padding-left: 40px; } .sort1{ margin-top:15px; position: relative; z-index: 999; width: 180px; display:block; } .sort1 li{ height:25px; margin-bottom: 10px; text-align: center; } .sort1 li a{ font-size: 14px; width: 145px; height:25px; line-height: 25px; color: #919191; background: #fff; text-align: center; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sort1 li a:hover,.sort1 li a.linshi1{ background: #e00733; color: #fff; } /*der{width:1000px;margin:0 auto;} .logo{float:left;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"寰蒋闆呴粦";} #menu{margin-top:5px;} /*鐑棬鎼滅储*/ .search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;} #formsearch{width:320px;float:left;} .hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*涓讳綋鏍峰紡*/ #container{width:1200px;margin:0 auto;margin-top:65px;overflow: hidden;margin-bottom:30px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*棣栭〉鏂伴椈*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*棣栭〉宸︿晶鑱旂郴鎴戜滑*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*宸ョ▼妗堜緥*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*浜у搧鎺ㄨ崘*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*鍝佺墝鍒楄〃*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*鍓嶅彴澶氶〉绛?/ .news{width:1000px;float:left;margin-top: 10px;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*涓€閿疆椤?/ /*鍙嬫儏閾炬帴*/ .f_link{width:1200px;margin:0 auto;/*margin-top:15px;*/line-height:30px;line-height:30px;color: #fff;} .f_link a{color:#fff;} /*椤甸潰搴曢儴*/ #footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;} #footer a{color:#666;} #footer a:hover{color:#e87518;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#666;} .copyright{text-align:center;line-height:24px;} .back_top{ display:block; width:50px; height:46px; background:#fff url('../images/backtop.png') no-repeat 0 0; position:absolute; top:-46px; right:0px; cursor:pointer; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .back_top.top{ top:-6px; } /*------------鍐呴〉-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; /*background:url(../images/nav.png) no-repeat 0% 100%;*/font-size:14px;color:#000;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:1000px;margin:0 auto;} .n_banner img{width:1000px;margin:0 auto} .left{width:180px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:1000px;float:right;padding-bottom:10px;position: relative;margin-top: 10px;min-height: 330px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;/*background:url(../images/nav.png) no-repeat 0% 100%;*/} .sitemp h2{display:none;width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;} .sitemp .site{width:380px;float:left;text-align:left;line-height:30px;color: #989898;font-size: 14px;} .sitemp .site a{color: #989898;font-size: 14px;} .sitemp .site a:hover{color: #d4002b;} .right .content{padding-left: 30px;/*padding:10px;*/padding-top:20px;overflow:hidden;line-height: 24px;line-height:35px;color: #919191;} .sort_album{margin-top: 15px;} .right .content>h4{ color: #393737; font-size: 22px; font-weight: 400; } .track{ position: absolute; width: 11px; height: 100%; background: url(../images/track.png) repeat-y 50% 2px; left: 0; top: 60px; } .track i{ width: 11px; height: 11px; border: 1px solid #666; display: block; color: #eaeaea; background: #fff; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .track i:hover{ background: #e00733; } .right:hover .track i{ background: #e00733; border: 1px solid #f58fa5; } .news_li{ top: 9px; width: 11px; height: 11px; position: absolute; left: -30px; background: #fff; border: 1px solid #d0d0d0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .news_list li:hover .news_li{ background: #e00733; border: 1px solid #f58fa5; } .news_list li .news_time{ float: left; height: 80px; color: #a9a9a9; font-size: 16px; width: 110px; } .news_top{ width: 840px; padding-left: 10px; }