@charset "utf-8"; @font-face { font-family: '大河'; src: url('../fonts/zgbao.eot'); src: local('☺'), url('../fonts/zgbao.woff') format('woff'), url('../fonts/zgbao.ttf') format('truetype'), url('../fonts/zgbao.svg') format('svg'); font-weight: normal; font-style: normal; } @media(min-width:1024px) { body { margin:0px auto; font-family:"宋体"; font-size:12px; color:#7d7b7b; line-height: 23px; } a:link{color:#7d7b7b; cursor:pointer; text-decoration:none;} a:visited{color:#7d7b7b; text-decoration:none;} a:hover{color:#ffcf1c; text-decoration:none;} a:active{color:#7d7b7b; text-decoration:none;} li{list-style:none;} img{border:none} h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:12px} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0; padding:0} .top_menu{font-size: 12px; width: 100%; height: 34px; background-color: #fff;color: #666666; border-bottom: 1px solid #E2E0E0;} .top_menu .container{width:1100px; margin:0 auto;} .top_menu .container .top_lang{float: right;height: 34px; padding: 6px 10px 0px 10px; font-size: 15px; } .top_menu .container .top_name{display: inline-block; padding-top:10px;} .top{width:1100px; margin:0 auto; height:112px} .top .top_right{width:250px;padding-top:22px; float:right;} .hot_line .hl_num{font-family:"Arial Rounded MT Bold"; color:#ff6d00; font-size:23px} .top .logo{ padding-top:6px;} .top .logo .logoImg {float:left; width:100px;} .top .logo .logoImg img {display: block;width:90px;height:90px;} .top .logo .ComName {float:left;color:#000; font-size:48px; font-weight:bold;font-family: '大河'; letter-spacing:1px; padding-top:38px;} .top .logo .EnComName {float:left;color:#000; font-size:32px; font-weight:bold;font-family: '大河'; letter-spacing:1px;padding-top:38px;} .top .logo .ComName span{width:100%; display:block; font-size:16px; color:#333; margin-top:10px; letter-spacing:11px;} .nav_wrap{width:100%; height:40px; background-color:#4b4338; margin-bottom:1px} .nav{width:1128px; margin:0 auto; padding-left:16px} .nav li{background:url(../images/nav_sx.jpg) left center no-repeat; text-align:center; float:left; position:relative} .nav .first{width:118px; background:none} .nav li a{display:block; padding-left:1px; width:167px; color:white; font-size:14px; font-weight:bold; line-height:40px} .nav li a:hover{color:#ffcf1c} .nav .first a{width:118px} .nav li .sec_level{ width:800px; height:397px; border:1px solid #4b4338; border-top:none; padding-left:3px; position:absolute; left:-281px; top:40px; display:none; background-image: url(../images/sec_level.png); background-repeat: repeat; } .sec_level ul{width:116px; float:left; padding-left:16px; margin-top:14px; height:250px; border-left:1px solid #9a8673} .sec_level .sl_first{width:107px; border:none} .sec_level ul h2{font-weight:bold; color:white; line-height:22px; padding-bottom:14px; text-align:left;color:#ffcf1c;} .sec_level ul li{background:none; text-align:left; width:95px} .sec_level ul li a{color:#d8d7d3; display:inline; font-size:12px; line-height:24px} .sec_level ul li a:hover{color:#ffcf1c} .banner{width:100%; height:520px; background:url(../images/banner.jpg) center} .content{width:1100px; padding-top:25px; margin:0 auto; overflow:hidden} .content .product{width:636px; float:left; overflow:hidden} .product .product_left{width:220px; float:left} .product_left .pleft_top{width:213px; height:60px; background-color:#4b4338; padding-left:7px} .pleft_top h2{padding-left:4px; font-family:"微软雅黑"; color:white; font-size:20px; line-height:20px; padding-top:7px} .pleft_top img{padding-top:8px} .product_left ul{width:218px; height:486px; border:1px solid #cbcbcb; border-top:none} .product_left ul li{height:53px; line-height:54px; font-size:14px; color:#5a5a5a; cursor:pointer; padding-top:1px} .product_left ul li:hover{background-color:#e6e6e6} .product_left ul li span{padding-left:19px} .product_left ul li:hover span{display:block; height:52px; border-left:2px solid #ff6d00; margin-left:-1px} .product_left ul .on{background-color:#e6e6e6} .product_left ul .on .bk{display:block; height:52px; border-left:2px solid #ff6d00; margin-left:-1px} .product .product_right{width:415px; height:545px; float:left; border:1px solid #eaeaea; border-left:none; overflow:hidden; position:relative} .product_right .pimg_big{width:415px; height:363px; border-bottom:1px solid #eaeaea} .product_right .pimg_down{position:relative; width:415px; height:181px; overflow:hidden} .pimg_down .mr_frUl ul li{ width:207px; height:181px; float:left; border-right:1px solid #eaeaea; } .pimg_down .mr_frUl ul .br{} .pimg_down .mr_frUl ul .br img{ width:207px; height:181px;} .pimg_down .ptrigon{position:absolute; left:400px; top:74px} .pimg_down .ptrigon_right{position:absolute; z-index:1; left:400px; top:74px; cursor:pointer} .pimg_down .ptrigon_left{position:absolute; z-index:1; left:400px; top:94px; cursor:pointer} .ctop_right{ width:440px; padding-left:20px; float:left } .about{width:440px} .con_title{height:22px; line-height:22px; background:url(../images/con_title_sx.jpg) left 1px no-repeat} .con_title h2{width:88px; padding-left:20px; font-family:"微软雅黑"; color:#000000; font-size:22px; float:left} .con_title .title_en{float:left; border-bottom:1px solid #c0c0c0; height:21px; margin-left:10px} .con_title .title_en img{padding-top:1px} .w322{width:322px} .about .about_img{width:440px; height:166px; padding-top:14px} .about p{padding-top:15px; line-height:24px} .about p img{width:440px; height:166px; padding-top:14px} .con_title .more{display:block; width:60px; height:22px; background:url(../images/more.png); float:right; line-height:22px; text-align:center; color:#c0c0c0} .con_title .more:hover{color:#ffcf1c} .w260{width:260px} .news{margin-top:19px; padding-top:13px; padding-bottom:11px; background-color:#f6f6f6} .news ul{padding-top:12px; padding-right:4px; padding-left:15px;} .news ul li{line-height:30px; padding-top:6px; background:url(../images/list_box.jpg) no-repeat left center; overflow:hidden; position:relative;border-bottom:#b9c8c5 dotted 1px; padding:3px 0 0 20px; height:30px;} .news ul li span{float:right; padding-right:15px} .news ul .cback{background:none} .w917{width:921px} .case{clear:both; padding-top:37px; padding-bottom:40px} .bannerWrap{width:100%; height:520px;overflow:hidden;position:relative; z-index:-99999;} .banner{height:520px;overflow:hidden; clear:both;background:url(../images/banner_news.jpg) no-repeat center top;} .banner .d1{width:100%;height:520px;display:block;position:absolute;left:0px;top:0px;} .banner .d2{width:100%;height:10px;clear:both;position:absolute;z-index:9999;left:0px;top:490px;} .banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;} .banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer; background:url(images/img1.png) no-repeat left top;float:left;margin:0 3px;display:inline;} .banner .d2 li.nuw{background:url(images/img1_1.png) no-repeat left top;} .fnav_wrap{width:100%; height:275px; background-color:#ededed} .fnav{width:1100px; margin:0 auto} .fnav ul{float:left; height:247px; background:url(../images/fnav_sx.jpg) right no-repeat; padding-top:28px; padding-left:38px} .fnav ul h2{font-size:14px; font-weight:bold; color:#484848; padding-bottom:10px} .fnav ul li{line-height:22px;background:url(../images/dot.jpg) no-repeat left center;padding:3px 0 0 10px; height:22px;} .fnav ul li .dot{float:left; padding-top:9px; padding-right:7px} .fnav ul li a{color:#5a5a5a} .fnav ul li a:hover{color:#ffcf1c} .aw{width:174px} .pw{width:226px} .nw{width:148px} .fnav .lw{width:235px; background:none} .pl46{padding-left:46px} .code{padding-top:49px; width:119px; float:left} .code img{width:119px; height:119px} .code span{display:block; padding-top:7px; color:#5a5a5a; text-align:center} .foot_wrap{width:100%; background-color:#cdcdcd} .foot{width:1100px; margin:0 auto; line-height:35px; overflow:hidden; color:#333;} .foot span.left{float:left;} .foot span.right{float:right;} .foot span a{color:#333;} .inbanner{width:100%; height:230px} .incontent{width:1100px; margin:0 auto; overflow:hidden} .incon_title{width:1099px; height:49px; padding-top:22px; margin:0 auto; font-size:22px; font-family:"微软雅黑"; color:#4b4338; line-height:28px; padding-left:1px} .incon_title .path_wrap{float:right; border-bottom:1px solid #bebebe; height:23px} .path_wrap .path{width:173px; font-size:12px; float:right; line-height:14px; color:#858584; background:url(../images/incon_home.jpg) left top no-repeat; padding-left:22px; padding-right:1px} .path_wrap .path a{color:#858584} .path_wrap .path a:hover{color:#ffcf1c} .mt80{margin-top:80px} .banner_contact{background:url(../images/banner_contact.jpg) center} .w989{width:989px} .contact_con{width:1034px; padding-top:60px; padding-bottom:26px; margin:0 auto; overflow:hidden} .contact_con .link{width:820px; height:248px; border:1px solid #d4d4d4; background-color:#f6f6f6; float:left; margin-left:47px; padding-left:48px} .link h2{font-size:14px; font-weight:bold; color:#636363; padding-top:24px; padding-left:34px} .link ul{padding-top:12px} .link ul li{padding-left:34px; line-height:36px; color:#707070} .link ul .address{background:url(../images/address.jpg) 4px center no-repeat} .link ul .telphone{background:url(../images/telphone.jpg) 1px 9px no-repeat} .link ul .fax{background:url(../images/fax.jpg) left 8px no-repeat} .link ul .email{background:url(../images/email.jpg) 1px center no-repeat} .link ul .website{background:url(../images/website.jpg) 1px center no-repeat} .banner_news{background:url(../images/banner_news.jpg) center} .w839{width:839px} .sidebar{width:190px; float:left} .sidebar .parent_menu{background-color:#f9f9f9} .sidebar .parent_menu li{margin-bottom:8px; background:url(../images/dot_brown.jpg) 23px center no-repeat} .sidebar .parent_menu li a{display:block; padding:8px 0 8px 38px; font-weight:bold; line-height:16px; font-size:14px; color:#4b4338} .sidebar .parent_menu li .newline{padding:2px 0 2px 38px} .sidebar .parent_menu li a:hover{color:#ffcf1c} .sidebar .parent_menu li .clicked{width:171px; background:url(../images/clicked.jpg) no-repeat; color:white} .sidebar .contact_us{padding-top:50px; color:#4b4338} .contact_us h2{font-family:"微软雅黑"; font-size:22px; line-height:46px; border-bottom:1px solid #bebebe; margin-bottom:10px} .contact_us li{line-height:36px; font-size:14px; padding-left:37px;word-break:break-all;} .contact_us .weixin{background:url(../images/sweixin.png) left center no-repeat} .contact_us .scontact_tel{background:url(../images/scontact_tel.jpg) left center no-repeat} .contact_us .scontact_email{background:url(../images/scontact_email.jpg) left center no-repeat} .contact_us .side_address{padding-left:37px; background:url(../images/scontact_address.jpg) left 8px no-repeat; padding-top:10px; line-height:18px} .incon_right{width:840px; float:left; padding-left:69px} .incon_right .news_list li{height:123px; background:url(../images/news_dashed.jpg) left bottom repeat-x; overflow:hidden} .news_list li .news_date{width:80px; float:left; padding-left:1px; padding-top:16px; text-align:center; font-family:"微软雅黑"} .news_date .day{background-color:#4b4338; height:50px; line-height:50px; font-size:36px; color:white} .news_date .ny{background-color:#e3e1e1; height:30px; line-height:30px; font-size:18px; color:#4b4338} .news_list li .nl_right{width:708px; padding-left:51px; float:left} .nl_right h2{padding-top:15px; line-height:24px} .nl_right h2 a{font-weight:bold; color:#5a5858} .nl_right h2 a:hover{color:#ffcf1c} .nl_right h2 span{display:block; float:right; width:82px; padding-left:27px; background:url(../images/times.jpg) left 1px no-repeat} .nl_right p{padding-top:7px; color:#838383; line-height:24px} .banner_case{background:url(../images/banner_case.jpg) center} .submenu li{background:url(../images/dot_brown.jpg) 23px center no-repeat} .submenu li a{display:block; background:url(../images/case_dashed.jpg) left bottom repeat-x; padding:8px 0 8px 38px; line-height:16px; font-size:12px; color:#4b4338} .submenu li a:hover{color:#ffcf1c} .submenu li a.clicked{ display:block; background:url(../images/clicked_01.jpg) left bottom repeat-x; padding:8px 0 8px 38px; line-height:16px; font-size:12px; color:#FFFFFF } .cmv_list form{width:310px; line-height:25px; font-size:14px; font-weight:bold; color:#4b4338} .cmv_list form .select{width:204px; height:23px; float:right; border:1px solid #cccccc; font-size:12px; font-weight:normal} .cmv_list ul{padding-top:36px; overflow:hidden} .cmv_list ul li{float:left; width:267px; position:relative} .cmv_list ul li .mv_img{width:267px; height:185px} .cmv_list ul li span{display:block; line-height:48px; text-align:center; color:#4c4b4b} .cmv_list ul li:hover span{color:#ffcf1c} .cmv_list ul li .mv_bf{position:absolute; left:100px; top:60px} .ml19{margin-left:19px} .fy{display:block; margin:0 auto; padding-top:60px} .cmv_detail{padding-top:15px} .cmv_detail .cmv_img{overflow:hidden} .cmv_img .cmv_img_left{width:450px; overflow:hidden; float:left} .cmv_img_left .mvimg_big{width:445px; padding:1px; border:1px solid #dbdbdb} .mvimg_big img{width:445px; height:308px} .cmv_img_left .mvimg_small{padding:1px; border:1px solid #dbdbdb; float:left; margin-right:4px; margin-top:7px; cursor:pointer;} .cmv_img .cmv_img_right{width:378px; padding-left:12px; float:left; position:relative; font-family:"微软雅黑"} .cmv_img_right h1{font-size:16px; font-weight:bold; line-height:22px; color:#ff6d00} .cmv_img_right ul{position:absolute; left:12px; top:183px} .cmv_img_right ul li a{display:block; width:98px; height:30px; line-height:30px; font-size:14px; color:white; margin-bottom:7px; text-align:center} .cmv_img_right ul li a:hover{color:#ffcf1c} .cmv_img_right ul li .last{background-color:#ff6d00} .cmv_img_right ul li .next{background-color:#4b4338} .cmv_detail .xj{padding-top:74px; line-height:24px; color:#606060} .xj .xj_title{line-height:35px; padding-left:11px; font-family:"微软雅黑"; font-size:14px; color:#393939; background-color:#f2f2f2} .fr{float:right} .case_list ul{padding-top:15px; overflow:hidden} .case_list ul li{width:267px; float:left} .case_list ul li div{padding:1px; border:1px solid #dbdbdb} .case_list ul li div img{width:263px; height:181px} .case_list ul li span{display:block; line-height:48px; color:#474545; text-align:center} .case_list ul li:hover span{color:#ffcf1c} .sidebar .plist{background-color:#f9f9f9; width:210px; padding-bottom:5px} .plist h2{line-height:30px; padding-left:32px; background:#cfcfcf url(../images/dot_black.jpg) 16px center no-repeat; font-weight:bold; color:#393939; margin-bottom:6px} .plist li a{display:block; width:193px; height:24px; padding-left:17px; color:#787777; background:url(../images/product_dashed.jpg) left bottom repeat-x; line-height:24px} .plist li a:hover{color:#ff6d00} .plist li a.tt{color:#ff6d00} .plist .list_clicked{background:url(../images/product_list.jpg); color:white} .plist li .li_clicked{color:#ff6d00} .plist li .no_dashed{background:none} .banner_product{background:url(../images/banner_product.jpg) center} .product_list ul{padding-top:15px} .product_list ul li{width:264px; float:left; padding-bottom:6px} .product_list ul li img{width:264px; height:264px;} .product_list ul li span{display:block; line-height:44px; font-weight:bold; text-align:center; color:#5d5c5c; font-size:14px} .product_list ul li:hover span{color:#ffcf1c} .pl24{padding-left:16px} .product_classify ul{padding-top:15px} .product_classify ul li{height:220px; margin-bottom:10px; padding-left:19px; overflow:hidden; background-color:#f2f2f2} .product_classify ul li .pclassify_img{padding:14px 0; width:220px; height:193px; float:left} .product_classify ul li .pc_right{width:527px; float:left; padding-left:54px; padding-top:32px; position:relative} .pc_right h2{font-weight:bold; font-size:14px} .pc_right h2 a{color:#ff6d00} .pc_right p{padding-top:15px; line-height:24px; color:#606060} .pc_right .product_more{display:block; position:absolute; left:510px; top:194px; color:#4b4338} .pc_right .product_more:hover{color:#ffcf1c} .product_detail{padding-top:15px} .product_detail .pdetail_top{overflow:hidden} .pdetail_top .pd_left{width:424px; float:left; overflow:hidden} .pd_left .pd_bimg{width:420px; height:360px; clear:both; border:#272726 solid 2px;} .pd_left .pd_simg{width:102px; height:90px; float:left; padding-right:4px; padding-top:9px} .product_detail .pd_right{width:368x; padding-left:43px; float:left} .pd_right h1{font-family:"微软雅黑"; font-weight:bold; line-height:22px; color:#ff6d00; font-size:16px} .pd_right .product_apply{padding-top:10px; line-height:24px} .inproduct_con_wrap{padding-top:54px} .inproduct_con_wrap .inpcon__title{overflow:hidden} .inpcon__title ul li{padding-right:1px; float:left} .inpcon__title ul li a{display:block; width:130px; height:40px; text-align:center; line-height:40px; color:white; font-family:"微软雅黑"; font-size:16px; background-color:#4b4338; cursor:pointer;} .inpconInfo{ padding:20px 1px; line-height:22px; color: #333333; } .inpcon__title ul li .pd_clicked{background-color:#ff6d00} .inproduct_con_wrap .inproduct_con{line-height:24px} .inproduct_con .pro_subproperty{height:35px; padding-left:11px; font-family:"微软雅黑"; font-size:14px; line-height:35px; color:#393939; background-color:#f2f2f2; margin-bottom:5px} .inproduct_con .infos{ line-height:24px; padding:20px 1px;} .prodeRec{ padding:30px 0 0 0;} .prodeRec ul{ margin:0; padding:0; list-style:none;} .prodeRec ul li{ float:left; width:260px; height:226px; margin-bottom:30px; text-align: center; } .prodeRec ul li img{ width:256px; height:222px; border:#272726 solid 2px;} .mr30{ margin-right:30px!important;} .banner_about{background:url(../images/banner_about.jpg) center} .incon_about{line-height:30px;font-size:12px;} .incon_about p{ text-indent:2em;} .incon_certificate{padding-top:44px} .incon_certificate .poster_main{width:700px; height:290px; margin:0 auto; position:relative} .poster_main ul a,.poster_main ul img{display:block} .poster_main .poster_list{width:700px; height:290px} .poster_main .poster_list .poster_item{width:120px; height:290px; position:absolute} .poster_main .poster_btn_wrap{width:268px; margin:0 auto; padding-top:52px} .poster_btn_wrap .phx_left{float:left; padding-top:20px} .poster_btn_wrap .phx_right{float:right; padding-top:20px} .poster_btn_wrap .poster_btn{float:left; width:40px; height:40px; cursor:pointer} .poster_btn_wrap .poster_prev_btn{background:url(../images/last.jpg) no-repeat center center} .poster_btn_wrap .poster_next_btn{background:url(../images/next.jpg) no-repeat center center; margin-left:4px} .case .leftLoop2{ overflow:hidden; position:relative; border-top:none; width:1100px; margin:0 auto; height:218px;padding-top:24px;} .case .leftLoop2 .prev,.case .leftLoop2 .next{ display:block; width:19px; height:30px; float:right; overflow:hidden;cursor:pointer; background:url(../images/jt1.jpg) no-repeat; position:absolute;} .case .leftLoop2 .prev{ left:10px; top:60px;} .case .leftLoop2 .next{ background:url(../images/jt2.jpg) no-repeat; right:10px; top:60px; } .case .leftLoop2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; } .case .leftLoop2 .hd ul li{ position:relative; _display:inline; float:left; width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);} .case .leftLoop2 .hd ul li.on{ background:#f00; } .case .leftLoop2 .bd{ padding:0px; margin:0px auto; width:1100px;} .case .leftLoop2 .display-none{ display:none;} .case .leftLoop2 .bd ul{ overflow:hidden; zoom:1; margin:0px; padding:0px 0px 0px 0px; list-style:none;} .case .leftLoop2 .bd ul li{text-align:center; float:left; position:relative; _display:inline; list-style:none;width:180px;height:218px;float:left; margin-right:20px; text-align:center;} .case .leftLoop2 .bd ul li img{ width:176px; height:176px; border:#dbdbdb solid 1px; padding:1px;} .case .leftLoop2 .bd ul li .title{display:block; text-align:center; padding-top:15px; color:#4a4a4a} .case .leftLoop2 .bd ul li .title:hover{color:#ffcf1c} .showArea{ width:420px; height:90px; margin:0; padding:0; list-style:none; margin-top:9px;} .showArea li{ float:left; width:102px;} .showArea li img{ width:98px; height:86px; cursor:pointer; border:#272726 solid 2px !important; cursor:pointer;} .mr4{ margin-right:4px!important;} .display-none{ display:none;} .bannerWrap{width:100%; height:520px; position:relative;} .banner{height:520px;overflow:hidden; clear:both;} .banner .d1{width:100%;height:520px;display:block;position:absolute;left:0px;top:0px;} .banner .d2{width:100%;height:10px;clear:both;position:absolute;z-index:100;left:0px;top:496px;} .banner .d2 ul{float:right;position:absolute; padding:0; margin:0; width:80px; left:50%; margin-left:-40px;top:0;display:inline;} .banner .d2 li{width:10px;height:10px;overflow:hidden;cursor:pointer;background: url(../images/s2.png) no-repeat left top; float:left;margin:0 5px;display:inline;} .banner .d2 li.nuw{background: url(../images/s1.png) no-repeat left top;} .page { padding:30px 0px 30px 0px; text-align:center; clear:both; margin:0px auto; font-size:14px; } .page A { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR: #8698b6; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-DECORATION: none; } .page A:hover { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; COLOR: #8698b6; BORDER-BOTTOM: #cccccc 1px solid } .page A:active { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; COLOR: #8698b6; BORDER-BOTTOM: #cccccc 1px solid } .page SPAN.current { BORDER-RIGHT: #8b8b8b 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #8b8b8b 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #8b8b8b 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #8b8b8b 1px solid; BACKGROUND-COLOR: #8b8b8b } .page SPAN.disabled { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR:#8698b6; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid } .sroll_top {right: 0.8%;bottom: 3.7%;position: fixed;display:none;cursor:pointer;} .shipintitle{display:block; width:130px; height:40px; text-align:center; line-height:40px; color:white; font-family:"微软雅黑"; font-size:16px; background-color:#FF6D00; cursor:pointer;} .rides-cs { font-size: 13px;position: fixed; top: 295px; right: 0px; _position: absolute; z-index: 1500;} .rides-cs a { color: #000000; } .rides-cs a:hover { color: #ff8100; text-decoration: none;} .rides-cs .floatL { width: 24px; float:left; position: relative; z-index:1;margin-top: 58px;height: 181px;} .rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;} .rides-cs .floatR { width: 124px; float: left; padding: 0px; overflow:hidden;} .rides-cs .floatR .cn {} .rides-cs .floatR .con{width:100px; height:270px;background-image: url(../images/qr.png); background-repeat: no-repeat;} .rides-cs .floatR .con .fcont{ padding:45px 5px 0px 6px;} .rides-cs .floatR .con .fcont .qq{ width:100%; float:left;} .rides-cs .floatR .con .fcont .qq img{ float:left; width:26px; height:29px;} .rides-cs .floatR .con .fcont .qq a.name{padding-left:5px;} .rides-cs .floatR .con .fcont .wx{width:100%;} .rides-cs .floatR .con .fcont .wx img{ width:80px; height:80px; display:block; margin:10px auto;} .rides-cs .floatR .con .fcont .tel{ margin-top:6px;font-family:微软雅黑; font-size:15px; color:#D90303; text-align:center;} .rides-cs .floatR .con .fcont .tel p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:26px; margin-top:5px; color:#333;} .rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;text-align:center;} .rides-cs .cn ul {padding:0px;} .rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;} .rides-cs .cn ul li span { color: #777;} .rides-cs .cn ul li a{color: #777;} .rides-cs .cn ul li img { vertical-align: middle;} .rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index:9; top:58px; left: 0; background-image: url(../images/ql.png); background-repeat: no-repeat; display:block; height: 119px; padding: 0px;} .rides-cs .btnOpen { background-position: 0 0;} .rides-cs .btnCtn { background-position: 0 0;} .rides-cs ul li.top {} .rides-cs ul li.bot { border-bottom: none;} .mapcontent{width:95%;height:460px;border:#ccc solid 1px; margin:0 auto;} .pagefy{ float:left; width:100%; text-align:center; margin-top:10px;} DIV.black2 { PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center } DIV.black2 A { BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none } DIV.black2 A:hover { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000 } DIV.black2 A:active { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000 } DIV.black2 SPAN.current { BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000 } DIV.black2 SPAN.disabled { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid } .newlist_sxp{ height:auto; margin-top:20px; margin-bottom:20px; } .newlist_sxp p{ height:20px; line-height:20px; color:#999; margin:0; } .newlist_sxp p a{ color:#999; } .newlist_sxp p a:hover{ color:#e70012; text-decoration:underline; } .infoTxt{display:block;height:35px;line-height:35px;vertical-align:middle;text-align:center;font-size:18px;color:#000;border-bottom:1px #ccc dotted; font-weight:bold; font-family:"黑体";} .dotline{ margin-top:10px;height:35px;border-top:1px #333 dotted} .infonews{height:35px;text-align:center;line-height:35px;vertical-align:middle;color:#999; font-size:12px;} .infonews a{color:#999} .newcon{ margin-top:30px;} .news_detail p{line-height:24px; color:#737270; text-indent:2em} .newcon p img{margin-bottom:10px;} .newcon p iframe{display:block; width:600px; height:480px; margin:0 auto;} .ProductListTxt { background:url(/images/arr2.gif) no-repeat left center;padding-left:10px; border-bottom:dashed 1px #ccc; font-size: 14px; } .ProductNote { font-size: 12px; font-weight:normal; color:#000000; text-align:center; } .ProductTxt { font-size: 18px; font-weight:bold; color:#000000; text-align:center; } .ProductImg { margin:0 auto; padding:0px; } .procontxt{} .procontxt iframe{width:640px; height:480px; display:block; margin:20px auto;} .ProductImg img { border:1px #ccc; width:600px; border:none; } .list-h li{ float:left;} #spec-n1 img{ border:1px solid #ccc;} .w600{width:600px; height:600px;} .w300{width:150px; height:150px;} #spec-n5{width:600px; height:65px;overflow:hidden;} #spec-left{ background:url(/images/productleft.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;} #spec-right{background:url(/images/productright.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;} #spec-list{ width:600px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;} #spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:45px; height:45px;} #spec-list{ position:relative; width:570px; margin-right:6px;} #spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;} .nMessage{font-size:14px; line-height:30px; width:80%; margin:0 auto;} .nMessage .msg{color:#f00;} .nMessage ul,.nMessage li{list-style:none; list-style-type:none; margin-bottom:10px;} .nMessage form{margin:0px auto;width:100%;} .nMessage textarea{padding:5px;width:97%;font-size:13px; height:100px;} .nMessage input{width: 180px;border:1px solid #808080; font-weight: 400;color: #000; height:20px;} .nMessage input[type="submit"] {background: #000;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;} .nMessage input[type="submit"]:hover{background:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;} .nMessage input[type="reset"] {background: #000;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;} .nMessage input[type="reset"]:hover{background:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;} .nMessage .bnt_ordSubmit {background:#060;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;} .nMessage .bnt_ordunSubmit {background: #666666;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;} .FeedBack { margin-top:30px;} .FeedBlock { float:left; margin-top:20px; width:100%;} .FeedBack .Fleft{ width:90px; float:left; } .FeedBack .Fleft .Ficon{ padding:0px 12px; } .FeedBack .Fleft .Fname{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:5px; color:#a80207; font-weight:bold;} .FeedBack .Fright{ float:left; width:700px; padding-bottom:10px; } .FeedBack .Fright .Fcontent{ width:680px; background:url(/images/PostBG.jpg) no-repeat left top; padding:10px 0px; } .FeedBack .Fright .Fcontent .Ftime{ float:right; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#a80207; padding:0px 20px 5px 20px;} .FeedBack .Fright .Fcontent p{ padding:0px 20px 5px 50px; line-height:26px; font-weight:bold;} .FeedBack .Fright .Fcontent .Freply .FRtitle{ margin-left:20px; line-height:20px; color:#f00; height:25px; background:url(/images/picon.gif) no-repeat 2px 0px; padding-left:20px; font-weight:bold;} .FeedBack .Fright .Fcontent .Freply p{ color:#a80207; font-weight:normal;} .FeedBack .Fright .Fline{ float:right; width:600px; border-top:1px solid #EDEDEF; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=1, Direction=180);} .FeedBack .IntroTitle{ width:665px; margin:auto; } .FeedBack .commentbox{ padding-top:5px;} .FeedBack .commentbox #commentform td{ height:40px;} .FeedBack .commentbox #commentform input{ height:25px; line-height:25px;} .FeedBack .commentbox #commentform .Cbutton{ line-height:25px; background:#a80207; border:none; color:#FFFFFF; font-size:14px; cursor:pointer;} .FeedBack .commentlist dt{ padding:5px 10px; background-color:#dededc; height:22px; line-height:22px; font-size:12px;} .FeedBack .commentlist dd{ padding:15px 0px 15px 0px; line-height:180%; font-size:14px; } .FeedBack .commentlist dd b{ color:#458D3A;} .FeedBack .commentlist dd span{ color:#A00000;} .FeedBack .commentlist p{ padding:0px; line-height:180%; margin:0px;} .phone_none{ display: none; } } @media(max-width:1024px) { .phone_none{ display: block; } .pc_none{ display: none; } .mbanner{ position:relative; width:100%; } .swiper-pagination{ display:inline-block; left:50% !important;bottom:0.1rem !important; width:auto !important;padding:0.03rem 0.1rem; text-align:center !important;font-size:0; -webkit-transform:translate(-50%,0) !important;transform:translate(-50%,0) !important;border-radius:.1rem; } .swiper-pagination-bullet{ width:0.12rem !important;height:0.12rem !important;opacity:1 !important;vertical-align:top; -webkit-box-sizing:border-box;box-sizing:border-box; background:#fff !important; } .swiper-pagination-bullet-active{ background-color:rgba(0,0,0,0) !important;border:0.02rem solid #fff; box-sizing: border-box;-webkit-box-sizing: border-box; } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0 0.05rem !important; } @font-face{font-family:"iconfont_s";src:url(../fonts/iconfont_s.woff) format('woff'),url(../fonts/iconfont_s.ttf) format('truetype');} .iconfont_s{font-family:"iconfont_s" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;} .clear-fix:after{ display:block;clear:both;visibility:hidden; height:0;font-size:0;content:"."; } input{ outline:none; } body{ background:#FFF !important; font-size:0.21rem; color:#303030; } .allpage{ background:#fff !important; } .head{ background:#FFF; } .logo{ display:block;width:70.3125% !important;margin:0 auto; -webkit-box-sizing:border-box;box-sizing:border-box; } .search{ background-color:#4B4338 !important; } .nav-btn{ height:80%;top:10% !important; color:#fff !important;line-height:0.5528rem !important; } .search_hl{ height:80% !important;top:10% !important; color:#fff !important;line-height:0.5528rem !important; } .home-btn{ color:#fff !important; } .class-btn{ color:#fff !important; } .top-title{ color:#fff !important; } .content{ padding-bottom:0.7rem !important; } .iwrap{ position:relative; width:93.75%;margin:0 auto; } .nav_new{width:100%; padding: 0; margin-bottom:1px;} .son{ float:left;display:block;width:25%; -webkit-box-sizing:border-box;box-sizing:border-box; } .nav_new .son .iconfont_s{ display: block; text-align: center; color: #fff;border-radius: 50%; width:0.8rem; height: 0.8rem; margin: 0 auto;font-size: 0.45rem;background-color: #0cbf7e; box-sizing: border-box;-webkit-box-sizing: border-box; line-height: 0.8rem; } .nav_new .son:nth-of-type(2) .iconfont_s{background-color: #ff3a3a;} .nav_new .son:nth-of-type(3) .iconfont_s{background-color: #16cf4f;} .nav_new .son:nth-of-type(4) .iconfont_s{background-color: #6772ff;} .nav_new .son .imgFont{ display: block; color:#303030;font-size:0.22rem;line-height:0.4rem;text-align:center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .nav_new .son:nth-of-type(4n){border-right:none;} .beian{ width:100%; height:auto; font-size:0.21rem; line-height:0.45rem; color:#2e3842; text-align:center; } .beian a{ color:#2e3842; text-align:center; } .beian span{display:none;} .beian .bottom_lang{height: 34px;text-align:center;width:100%;} .beian .bottom_lang a{float:left;} .common_title{ margin:2% 0 ; background-color: #ebebeb} .common_title h2{ font-size: 0.23rem; line-height: 0.4rem;margin-left: 3.125%;font-weight: normal; background-color: #cb0000; width:24%; text-align: center;color: #fff; } h2._blue2{background: #2b83e6;} h2._blue{background: #cb0000;} h2._red{background: #cb0000;} h2._red1{background: #2b83e6;} h2._purple{ background: #6772ff;} h2._green{background: #cb0000;} .about_title{ margin:3% 0 2% 0 ; background-color: #ebebeb;text-align: center} .about_title h2{ font-size: 0.23rem; line-height: 0.4rem;display: inline-block;font-weight: normal; background-color: #cb0000;text-align: center;color: #fff;padding: 0 3%; } .about_title h2 span{font-size: 0.34rem;} .hnav2{ margin:0;background-color: #4B4338; } .hnav2 .son2{ width:25%;display: block;float: left; text-align: center; color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 0.22rem;line-height: 0.5rem;box-sizing: border-box;-webkit-box-sizing: border-box; border-right: 1px solid #fff;border-bottom: 1px solid #fff; } .hnav2 .son2:nth-of-type(4n){ border-right:0; } .hnav2 .son2:nth-of-type(n+5){ border-bottom:0;background-color: #4B4338; } .index_sale dl{ margin: 2% auto; overflow: hidden; } .index_sale dl:nth-of-type(2n){ background-color:#f2f2f2 } .index_sale dl:nth-of-type(2n) img{margin:0.1rem auto;} .index_sale dl:nth-of-type(2n) h3{margin-top: 0.1rem;} .index_sale dt{ float: left; width:42.875%;margin-right:3%;margin-left: 3.125%; } .index_sale dt img{ width: 100%; } .index_sale dd{ float: right; width:46.875%; margin-right: 3.125%; overflow: hidden; } .index_sale dd h3{ font-weight: normal;font-size: 0.23rem; color: #383838;line-height: 0.4rem; white-space: nowrap; overflow: hidden; margin-bottom: 0.05rem;text-overflow: ellipsis; } .index_sale dd p{ font-weight: normal; font-size: 0.21rem; margin-bottom: 0.1rem; color: #999999; overflow: hidden; line-height: 0.3rem; height: 7.3em; } .index_sale dd a{ display:inline-block; color: #fff; text-align: center; padding: 0 3%; margin-right: 1%; font-size: 0.21rem; overflow: hidden; line-height: 0.3rem; white-space: nowrap; width: 100%; text-overflow: ellipsis; } .index_sale dd a:nth-of-type(1){background-color: #ff9600} .index_sale dd a:nth-of-type(2){background-color: #0cbf7e;text-decoration:line-through} .index_sale dd a.itema{background-color:#fff;color: #ff1e43; padding-left: 0} .index_sale dd a.itemb{background-color: #fff;color:#0cbf7e; padding-left: 0} .index_about{ width:91%;margin:2.5% 4.5% 0 4.5%; font-size: 0.21rem;line-height:0.35rem; color:#303030;vertical-align: top;position: relative; } .index_about img{ width: 100%; margin-bottom: 0.1rem; display:none; } .index_power{ width:93.75%; padding:1% 3.125% 0 3.125%; } .index_power li{ width:48.5%; margin: 0 3% 0 0; float: left; position: relative; text-align: center; padding-top:12px; } .index_power li.honor{ width: 31.3%; height:auto; } .index_power li.honor:nth-of-type(2n){margin-right: 3%;} .index_power li.honor:nth-of-type(3n){margin-right: 0;} .index_power li span{ display: block; font-size: 0.23rem; line-height: 0.45rem; height: 0.4rem; color: #333333;white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .index_power li img{ width:100%; height: 10em; } .index_power li:nth-of-type(2n){ margin-right:0;} .new_i{ margin:2.5% auto; } .new_i li a{ display:block; width:92%;margin: 0 auto; color:#303030; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .new_i li:nth-of-type(2n){ background-color: #f2f2f2; } .new_i li span{ display: inline-block;font-style: normal;overflow: hidden; width:100%;float: left;font-size: 0.21rem; text-overflow: ellipsis;line-height: 0.45rem; } .index_item{ margin:0 3.125%;border-bottom: 1px solid #fff;background-color: #f2f2f2; } .index_item h2{ width:20%;display: block;float: left;margin-right: 3%; color: #fff;text-align: center;font-size: 0.22rem;line-height: 0.45rem;font-weight: normal; } .index_item h2 span{ font-size: 0.3rem;font-weight: normal;vertical-align: -4%; } .index_item p{ color: #292929;font-size: 0.21rem;line-height: 0.45rem; width: 75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .index_item p i{display:block;float: left} .index_item p i:first-of-type{ font-style: normal;font-size: 0.23rem; } .index_item p i:last-of-type{ font-style: normal;font-size: 0.25rem;line-height: 0.62rem;height: 0.6rem;overflow:hidden;vertical-align: middle;margin-top: 0; } .item_a span{ background-color: #ffae00;} .item_b span{background-color: #0cbf7e;} .more_i{ width: 93.75%;margin:2.5% 3.125%;text-align: center; border:1px solid #c3c3c3;box-sizing: border-box;-webkit-box-sizing: border-box; } .more_i a{ color:#868686; line-height: 0.35rem;font-size: 0.21rem; } DIV.black2 { PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center } DIV.black2 A { BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none } DIV.black2 A:hover { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000 } DIV.black2 A:active { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000 } DIV.black2 SPAN.current { BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000 } DIV.black2 SPAN.disabled { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid } @font-face { font-family: "member"; src: url(../fonts/member.woff) format("woff"), url(../fonts/member.ttf) format("truetype"); } .member_iconfont { -webkit-text-stroke-width: 0.2px; font-family: "member" ! important; font-style: normal; } body { font-family: "microsoft yahei"; font-size: 0.16rem; } body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt { margin: 0px; padding: 0px; } ul, ol, li, dl, dt, dd { list-style: outside none none; } a { outline: 0px none; text-decoration: none; } fieldset, img { border: 0px none; } img { background-size: contain; display: block; } input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea { } .clear { clear: both; width: 100%; } .c { clear: both; width: 100%; } .content { background-color: transparent; font-size: 0.2rem; margin-top: 6%; min-height: 6rem; overflow: hidden; padding-bottom: 15%; } .content_new { margin-top: 0px ! important; } .common_bg { background-color: #b30f1a ! important; } .header { height: 0.691rem; position: relative; width: 100%; z-index: 9999; } .head { height: 0.691rem; line-height: 0.691rem; overflow: hidden; position: fixed; right: 0px; text-align: center; top: 0px; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 99; } .logo { font-family:"大河"; color: #ffffff; display: inline-block; font-size: 0.25rem; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .enlogo { font-family:"大河"; color: #ffffff; display: inline-block; font-size: 0.22rem; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .top-nav { position: absolute; right: 1.09375%; top: 100%; width: 14.0625%; } .class-btn { color: #ffffff; font-size: 0.24rem; line-height: 0.82rem; overflow: hidden; position: absolute; right: 16%; text-align: center; top: 0%; width: 14.0625%; } .top-home { color: #ffffff; font-size: 0.4rem; left: 1.09375%; line-height: 0.82rem; overflow: hidden; position: absolute; text-align: center; top: 0px; width: 14.0625%; } .top-title { color: #ffffff; font-size: 0.3rem; left: 15%; line-height: 0.71rem; overflow: hidden; position: absolute; text-align: center; top: 0px; width: 70%; } .sub_page { font-size: 0.16rem; min-height: 6rem; overflow: hidden; } .sub_page center { font-size: 0.2rem; padding: 0.4rem 0px; } .sub_page center a { color: red; } .search_hl { color: #ffffff; font-size: 0.4rem; height: 100%; line-height: 0.691rem; overflow: hidden; position: absolute; text-align: center; top: 0px; width: 14.0625%; } .search_l { left: 0%; } body { background: #ffffff none repeat scroll 0% 0%; height: 100%; position: relative; width: 100%; } .head { background: #4B4338 none repeat scroll 0% 0%; } .foot { background: #4B4338 none repeat scroll 0% 0%; } .nav { background: #4B4338 none repeat scroll 0% 0%; } .nav_color { background: #4B4338 none repeat scroll 0% 0%; } .allpage { background: #ffffff none repeat scroll 0% 0%; height: auto; min-height: 6rem; position: relative; right: 0px; transition: all 0.3s ease-in-out 0s; z-index: 10; } .clicked { right: 220px ! important; transition: all 0.3s ease-in-out 0s; } .nav { bottom: 0px; position: absolute; right: 0px; top: 0px; width: 220px; z-index: 2; } .fixed { bottom: 0px; height: 150%; overflow-x: hidden; position: fixed; right: 0px; top: 0px; width: 220px; z-index: 5; } .nav li { border-bottom: 1px solid #303030; margin: 0px auto; width: 220px; } .nav li a { color: #ffffff; display: block; font: 100 16px/50px "微软雅黑"; text-indent: 60px; width: 100%; } .nav li a span { margin-right: 3%; } .nav li p { text-indent: 70px; } .nav li:last-child { margin-bottom: 20%; } .allmap { font-size: 0.18rem; height: 8rem; width: 100%; } .share { margin: 0.5rem auto; width: 160px; } .black-fixed { background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%; color: #ffffff; font-size: 0.4rem; height: 150%; left: 0px; line-height: 2; opacity: 0; overflow: hidden; position: fixed; right: 0px; text-align: right; top: 0px; transition: all 0.3s ease-in-out 0s; width: 0px; z-index: 99999 ! important; } .black-clicked { left: -227px; opacity: 1; padding-right: 2%; transition: all 0.3s ease-in-out 0s; width: 100%; } .nav-btn { color: #ffffff; font-size: 0.4rem; line-height: 0.691rem; overflow: hidden; position: absolute; right: 0px; text-align: center; top: 0px; width: 14.0625%; } .home-btn { color: #ffffff; display: block; font-size: 0.4rem; height: 100%; left: 1.09375%; line-height: 0.691rem; overflow: hidden; position: absolute; text-align: center; top: 0px; width: 14.0625%; } .top-nav { position: absolute; right: 1.09375%; top: 100%; width: 14.0625%; } .top-home { color: #ffffff; font-size: 0.4rem; left: 1.09375%; line-height: 0.82rem; overflow: hidden; position: absolute; text-align: center; top: 0px; width: 14.0625%; } .class-btn { color: #ffffff; font-size: 0.24rem; line-height: 0.691rem; overflow: hidden; position: absolute; right: 16%; text-align: center; top: 0%; width: 18.0625%; } .class-btn span.commonfont { font-size: 0.4rem; } .footer { bottom: 0px; height: 0.7rem; position: fixed ! important; right: 0px; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 9999; } .foot { bottom: 0px; height: 0.8rem; left: 0px; position: fixed; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 10; } .foot-relative { height: 0.8rem; position: relative; width: 100%; } .foot a { color: #ffffff; display: block; float: left; width: 25%; } .foot a span { display: block; font-size: 0.4rem; line-height: 0.45rem; text-align: center; width: 100%; } .foot a h3 { font: 0.18rem/0.2rem "microsoft yahei"; text-align: center; width: 100%; } .common-pro-search { background: #ffffff none repeat scroll 0% 0%; height: 0.533rem; margin: 2% auto; width: 90%; } .common-text { background: #ffffff none repeat scroll 0% 0%; border-radius: 0px; border: 0px none; float: left; font: 0.16rem/0.533rem "microsoft yahei"; height: 0.533rem; text-indent: 0.1rem; width: 84.45%; } .common-submit { background: #333333 none repeat scroll 0% 0%; border-radius: 0px; border: 0px none; color: #ffffff; float: right; font-size: 0.36rem; height: 0.533rem; line-height: 0.533rem; width: 15.55%; } .common-search { background: #ffffff none repeat scroll 0% 0%; border-radius: 8px; border: 1px solid #cccccc; bottom: 0.9rem; box-shadow: 0px 1px 2px #666666 inset; display: none; left: 3.90625%; overflow: hidden; position: absolute; width: 92.1875%; z-index: 100; } .search-input-n { background-color: transparent; border-radius: 25px; border: medium none; font-family: "microsoft yahei"; height: 0.533rem; line-height: 0.533rem; outline: medium none; text-indent: 5%; width: 85%; } .search-btn-n { background-color: transparent; border: medium none; color: #666666; font-family: "microsoft yahei"; font-size: 0.4rem; line-height: 0.533rem; outline: medium none; width: 12%; } @font-face { font-family: "iconfont"; src: url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"); } .iconfont { -webkit-text-stroke-width: 0.2px; font-family: "iconfont" ! important; font-style: normal; } .title_s { color: #c5c5c5; font-size: 12px; line-height: 35px; text-align: center; } @font-face { font-family: "commonfont"; src: url(../fonts/common.woff) format("woff"), url(../fonts/common.ttf) format("truetype"); } .commonfont { -webkit-text-stroke-width: 0.2px; font-family: "commonfont" ! important; font-style: normal; } .big-pic { margin: 0px auto; position: relative; width: 100%; z-index: 2; } .big-pic-in { height: auto; margin: 0px auto; overflow: hidden; position: relative; width: 100%; } .pic-list { height: auto; position: relative; transform: translate3d(0px, 0px, 0px); z-index: 0; } .pic-list img { display: block; float: left; height: auto; width: 100%; } .big-pic2 .pic-list { width: 200%; } .big-pic2 .pic-list img { width: 50%; } .big-pic3 .pic-list { width: 300%; } .big-pic3 .pic-list img { width: 33.3333%; } .big-pic4 .pic-list { width: 400%; } .big-pic4 .pic-list img { width: 25%; } .slide-dot { bottom: 5px; display: none; height: 16px; overflow: hidden; padding-top: 4px; position: absolute; text-align: center; width: 100%; } .slide-dot span { background: #ffffff none repeat scroll 0% 0%; border-radius: 8px; display: inline-block; height: 8px; margin: 0px 7px; vertical-align: top; width: 8px; z-index: 10; } .slide-dot span.slide-dot-cur { background: #6b1b55 none repeat scroll 0% 0%; vertical-align: top; z-index: 10; } .transition { transition: transform 0.3s ease-out 0s; } .type { background: #232323 none repeat scroll 0% 0%; display: none; height: 3rem; overflow-x: hidden; padding: 0.1rem 0px; position: fixed; right: 0px; top: 0.691rem; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 999; } .type li { background: #ffffff none repeat scroll 0% 0%; font: 0.2rem/0.46rem "microsoft yahei"; margin: 2% auto; overflow: hidden; position: relative; width: 90%; } .type li a { color: #666666; display: block; float: left; overflow: hidden; padding: 0px 4%; text-overflow: ellipsis; white-space: nowrap; width: 60%; } .type li span.commonfont { color: #666666; display: block; font-size: 0.3rem; line-height: 0.46rem; position: absolute; right: 0px; text-align: center; top: 0px; width: 16%; } .type li dl { border-top: 2px solid #232323; display: none; float: left; width: 100%; } .type li dl dd { overflow: hidden; } .type li dl dd a { width: 100%; } .type h1 { color: #ffffff; font: 0.2rem/2 "microsoft yahei"; margin: 0px auto; width: 90%; } .class { background: #232323 none repeat scroll 0% 0%; display: none; height: 3rem; overflow-x: hidden; padding: 0.1rem 0px; position: fixed; top: 8.33em; transition: all 0.3s ease-in-out 0s; width: 100%; } .class li { background: #ffffff none repeat scroll 0% 0%; font: 0.2rem/0.46rem "microsoft yahei"; margin: 2% auto; overflow: hidden; position: relative; width: 90%; } .class li a { color: #666666; display: block; float: left; overflow: hidden; padding: 0px 4%; text-overflow: ellipsis; white-space: nowrap; width: 60%; } .class li span.iconfont { color: #666666; display: block; font-size: 0.3rem; line-height: 0.46rem; position: absolute; right: 0px; text-align: center; top: 0px; transform: rotate(180deg); transition: transform 0.3s ease-out 0s; width: 16%; } .class li span.iconfont.class-up { transform: rotate(0deg); transition: transform 0.3s ease-out 0s; } .class li dl { border-top: 2px solid #232323; display: none; float: left; width: 100%; } .class li dl dd { overflow: hidden; } .class li dl dd a { width: 100%; } .about, .view { font: 0.21rem/2.4 "microsoft yahei"; margin: 0% auto; width: 92.5%; } .view p { margin: 0px; padding: 0px; } .view h1 { color: #393939; font: 0.3rem/0.5rem "microsoft yahei"; text-align: center; width: 100%; } .about h1 { font: bold 0.28rem/0.5rem "microsoft yahei"; margin-bottom: 3%; text-align: center; } .view img { display: inline; max-width: 100%; } .page { background: #dddddd none repeat scroll 0% 0%; border-radius: 0.38rem; color: #777777; display: block; font: 0.22rem/0.38rem "microsoft yahei"; margin: 2% auto; overflow: hidden; text-indent: 0.1rem; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .page a{ color:#000; } .back { border-radius: 0.4rem; color: #393939; display: block; font: 0.2rem/0.4rem "microsoft yahei"; height: 0.4rem; margin: 2% auto; text-align: center; width: 33.57%; } .news { height: auto; margin: 2% auto; overflow: hidden; width: 100%; } .news li { height: 0.691rem; overflow: hidden; width: 100%; } .news li a { display: block; font: 0.2rem/0.691rem "microsoft yahei"; height: 0.691rem; overflow: hidden; width: 100%; } .news li span:nth-child(1) { color: #1d1d1d; display: block; float: left; margin-left: 4%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 60%; } .news li span:nth-child(2) { color: #9f9f9f; display: block; float: right; margin-right: 4%; } .news li:nth-child(2n) { background: #ffffff none repeat scroll 0% 0%; } .imore, .back { background: #b30f1a none repeat scroll 0% 0%; border-radius: 0.3rem; clear: both; color: #ffffff; display: block; font: 0.2rem/2.2 "microsoft yahei"; margin: 2% auto; overflow: hidden; text-align: center; width: 36%; } .imore::before, .back::before { clear: both; content: ""; } .common_news { height: auto; margin: 0% auto; overflow: hidden; width: 100%; } .news1, .news1 a, .news2, .news2 a { display: block; font: 0.22rem/0.3rem "microsoft yahei"; height: auto; overflow: hidden; width: 100%; } .news1, .news2 { margin: 0px auto; width: 92%; } .news1 a span:nth-child(1), .news2 a span:nth-child(1) { color: #1d1d1d; display: block; float: left; height: 0.691rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; } .news1 a span:nth-child(2), .news2 a span:nth-child(2) { color: #9f9f9f; display: block; float: right; height: 0.691rem; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 29%; } .news2 div { color: #666666; font: 0.18rem/0.3rem "microsoft yahei"; max-height: 0.9rem; overflow: hidden; width: 100%; } .news3 { height: auto; margin: 2% auto; overflow: hidden; width: 96%; } .news3 > a { display: block; float: left; height: auto; overflow: hidden; padding-left: 3%; width: 33%; } .news1 > a > img { display: block; float: left; width: 100%; } .news3 > h1 { display: block; float: left; margin-left: 3%; overflow: hidden; width: 58%; } .news3 > h1 > a { color: #333333; display: block; font: 0.22rem/0.3rem "microsoft yahei"; height: 0.35rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .news3 > div { color: #999999; float: left; font: 0.18rem/0.24rem "microsoft yahei"; margin-left: 3%; margin-top: 1%; max-height: 0.93rem; overflow: hidden; width: 58%; } .news4 { float: left; height: auto; margin: 2% auto; overflow: hidden; width: 50%; } .news4 a { display: block; margin: 0px auto; width: 80%; } .news4 a img { display: block; height: 10em; width: 100%; } .news4 a span { color: #666666; display: block; font: 0.22rem/0.3rem "microsoft yahei"; margin-top: 6%; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .news5 { height: auto; margin: 2% auto; overflow: hidden; width: 96%; } .news5 a.news5imgwrap { float: left; height: auto; margin-left: 3%; width: 25%; } .news5 a.news5imgwrap img { display: block; width: 100%; } .news5 h1 { display: block; float: left; margin-left: 3%; overflow: hidden; width: 68%; } .news5 > h1 > a { color: #333333; display: block; font: 0.2rem/0.3rem "microsoft yahei"; height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .news5 > div { color: #999999; float: left; font: 0.18rem/0.2rem "microsoft yahei"; margin-left: 3%; margin-top: 1%; max-height: 0.59rem; overflow: hidden; width: 68%; } .case { height: auto; margin: 2% auto; overflow: hidden; width: 100%; } .case li { border-bottom: 1px solid #cccccc; height: auto; overflow: hidden; padding: 2% 0px; width: 100%; } .case li > a { border: 1px solid #ffffff; display: block; float: left; margin: 0px 3.75% 0px 4.6875%; width: 35.4688%; } .case li > a img { display: block; width: 100%; } .case li h1 { float: left; font: 0.2rem/0.35rem "microsoft yahei"; height: 0.35rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 51.875%; } .case li h1 a { color: #232323; } .case li div { color: #1d1d1d; float: left; font: 0.18rem/0.28rem "microsoft yahei"; height: 1.1rem; overflow: hidden; width: 51.75%; } .white-bg { background: #ffffff none repeat scroll 0% 0%; } .login { height: auto; margin: 10% auto; overflow: hidden; width: 87.5%; } .login li { font: 0.16rem/1.4 "microsoft yahei"; height: auto; overflow: hidden; padding-bottom: 3%; width: 100%; } .login_input { background: #ffffff none repeat scroll 0% 0%; border-radius: 0px; border: 1px solid #d9d9d9; display: block; float: left; font: 0.2rem/0.42rem "microsoft yahei"; height: 0.42rem; text-indent: 0.1rem; width: 96%; } .login_textarea { background: #ffffff none repeat scroll 0% 0%; border-radius: 0px; border: 1px solid #d9d9d9; display: block; float: left; font: 0.2rem/0.42rem "microsoft yahei"; height: 1.42rem; resize: none; text-indent: 0.1rem; width: 95%; } .pin_width { width: 51.78%; } .login_pin { float: left; height: 0.42rem; margin-left: 4%; width: 30%; } .login_btn { border-radius: 0px; border: 0px none; color: #ffffff; font: 0.22rem/0.5rem "microsoft yahei"; height: 0.5rem; text-align: center; width: 98%; } .red_alert { color: red; font: 0.2rem/0.44rem "microsoft yahei"; margin: 0px auto; width: 87.5%; } .login_link1 { color: #949494; float: left; font: 0.2rem/0.44rem "microsoft yahei"; margin-left: 4%; } .login_link2 { color: #949494; float: right; font: 0.2rem/0.44rem "microsoft yahei"; margin-right: 4%; } .info_left { color: #707070; float: left; font: 0.2rem/0.44rem "microsoft yahei"; text-align: left; width: 26%; } .info_username { color: #707070; float: left; font: 0.2rem/0.44rem "microsoft yahei"; text-align: center; width: 16%; } .info_input { float: left; width: 70%; } .site_btn { border-radius: 50%; border: 2px solid #e1e1e1; color: #ffffff; font: 0.5rem/0.7rem "microsoft yahei"; height: 0.7rem; left: 1.875%; position: fixed; text-align: center; top: 270px; width: 0.7rem; z-index: 999; } .cart-btn-numbers { color: #ffffff; height: 100%; position: relative; width: 100%; } .cart-btn-number { background: #ffffff none repeat scroll 0% 0%; border-radius: 50%; border: 0.016rem solid #e1e1e1; bottom: 74%; color: #c2c2c2; font: 0.14rem/0.24rem "microsoft yahei"; height: 0.24rem; left: 74%; position: absolute; width: 0.24rem; } .site-nav li { font: 0.16rem/0.2rem "microsoft yahei"; height: auto; overflow: hidden; width: 100%; } .site-nav a { color: #ffffff; } .site-nav li a { border-radius: 50%; border: 2px solid #e8e8e8; bottom: 0px; color: #ffffff; display: block; font: 0.18rem/0.2rem "microsoft yahei"; height: 0.4rem; opacity: 0; padding: 0.1rem 0px; position: absolute; text-align: center; transform: rotate(-350deg); transition: all 0.3s ease-in-out 0s; width: 0.6rem; z-index: -999; } .site-nav.slideup li:nth-child(1) a { bottom: 100%; left: 100%; opacity: 1; transform: rotate(0deg); transition: all 0.3s ease-in-out 0ms; z-index: 999; } .site-nav.slideup li:nth-child(2) a { bottom: 0.05rem; left: 150%; opacity: 1; transform: rotate(0deg); transition: all 0.3s ease-in-out 100ms; z-index: 999; } .site-nav.slideup li:nth-child(3) a { bottom: -0.6rem; left: 100%; opacity: 1; transform: rotate(0deg); transition: all 0.3s ease-in-out 200ms; z-index: 999; } .site-nav.slidedown li:nth-child(1) a { bottom: 100%; left: auto; opacity: 1; right: 100%; transform: rotate(0deg); transition: all 0.3s ease-in-out 0ms; z-index: 999; } .site-nav.slidedown li:nth-child(2) a { bottom: 0.05rem; left: auto; opacity: 1; right: 150%; transform: rotate(0deg); transition: all 0.3s ease-in-out 100ms; z-index: 999; } .site-nav.slidedown li:nth-child(3) a { bottom: -0.6rem; left: auto; opacity: 1; right: 100%; transform: rotate(0deg); transition: all 0.3s ease-in-out 200ms; z-index: 999; } .view-price { color: #626262; font: 0.2rem/2 "microsoft yahei"; margin: 0px auto; width: 100%; } .view-price span { color: #ff0000; font-size: 0.28rem; } .view_btns { margin: 2% auto; overflow: hidden; width: 100%; } .view_btns a { color: #ffffff; display: block; float: left; font: 0.22rem/1.6 "microsoft yahei"; padding: 3% 12%; } .view_btns a:last-child { float: right; } .view_collect { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 2% auto; overflow: hidden; width: 100%; } .view_collect p { border-right: 1px solid #dadada; color: #6b6565; float: left; font: 0.2rem/3 "microsoft yahei"; text-align: center; width: 30%; } .view_collect a { color: #707070; display: block; float: left; font: 0.2rem/3 "microsoft yahei"; position: relative; text-indent: 0.6em; width: 68%; } .view_collect a font { position: absolute; right: 0px; } .view_collect a a { color: #707070; } .survey { height: auto; margin: 0% auto; overflow: hidden; width: 92.5%; } .survey li { font: 0.16rem/1.4 "microsoft yahei"; height: auto; overflow: hidden; padding-bottom: 3%; width: 100%; } .survey_input { background: #ffffff none repeat scroll 0% 0%; border-radius: 0px; border: 1px solid #d9d9d9; display: block; float: left; font: 0.2rem/0.42rem "microsoft yahei"; height: 0.42rem; text-indent: 0.1rem; width: 96%; } .surveya { height: auto; margin: 0% auto; overflow: hidden; width: 92.5%; } .surveya li { border-bottom: 1px solid #ededed; font: 0.25rem/1.4 "microsoft yahei"; height: auto; margin: 0px 0px 2%; overflow: hidden; padding-bottom: 3%; width: 100%; } .survey_label { margin: 5px 6px; } .survey_boder { border: 1px solid #ff0000; } .msg_pin { background: #f14400 none repeat scroll 0% 0%; border-radius: 6px; color: #ffffff; float: left; font-size: 0.3rem; height: 0.52rem; line-height: 0.52rem; margin-left: 0%; text-align: center; width: 100%; } .msg_input { background: #ffffff none repeat scroll 0% 0%; border-radius: 6px; border: 1px solid #d9d9d9; display: block; float: left; font: 0.2rem/0.42rem "microsoft yahei"; height: 0.52rem; text-indent: 0.1rem; width: 94%; } .msg_textarea { background: #ffffff none repeat scroll 0% 0%; border-radius: 6px; border: 1px solid #d9d9d9; display: block; float: left; font: 0.2rem/0.42rem "microsoft yahei"; height: 1.42rem; resize: none; text-indent: 0.1rem; width: 94%; } .msg_input2 { background: #ffffff none repeat scroll 0% 0%; border-radius: 6px; border: 1px solid #d9d9d9; display: block; float: left; font: 0.2rem/0.42rem "microsoft yahei"; height: 0.42rem; text-indent: 0.1rem; width: 50%; } .redmc { font: 0.28rem/0.62rem "microsoft yahei"; } .msg_pin-value { background: #f14400 none repeat scroll 0% 0%; border-radius: 6px; border: 0px none; color: #ffffff; float: left; font-size: 0.3rem; height: 0.52rem; line-height: 0.52rem; margin-left: 10%; text-align: center; width: 80%; } input { outline: medium none; } .search { background-color: #0078c1; font-family: "microsoft yahei"; height: 0.691rem; left: 0px; padding: 0px 2%; position: absolute; top: -120%; width: 96%; } .search-input { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #0078c1 -moz-use-text-color #0078c1 #0078c1; border-image: none; border-radius: 15px 0px 0px 15px; border-style: solid none solid solid; border-width: 1px medium 1px 1px; float: left; font-family: "microsoft yahei"; font-size: 0.18rem; height: 0.461rem; margin-top: 2%; text-indent: 5%; width: 75%; } .search-btn { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #0078c1 #0078c1 #0078c1 -moz-use-text-color; border-image: none; border-radius: 0px 15px 15px 0px; border-style: solid solid solid none; border-width: 1px 1px 1px medium; float: left; font-size: 0.25rem; height: 0.491rem; margin-top: 2%; width: 15%; } .search a { color: #ffffff; display: inline-block; float: left; height: 0.7rem; text-align: center; width: 9%; } .search_lh { background-color: #ff9600; text-align: center; width: 100%; } .index_text { background: #ffffff url(../images/search_bg_05.png) no-repeat scroll 95% center / 7% auto; border-radius: 25px; border: medium none; font-family: "microsoft yahei"; font-size: 0.21rem; height: 0.5rem; margin: 2% 0px; text-indent: 3%; width: 90%; } .discuss_top { background: rgba(0, 0, 0, 0) url(../images/discuss.png) no-repeat scroll right 0px / 4.46% auto; color: #ffffff; margin: 2% auto; overflow: hidden; padding: 2% 0px; position: relative; width: 87.5%; } .discuss_top_left { float: left; font: 0.18rem/0.3rem "microsoft yahei"; height: 0.9rem; margin: 0px 0px 0px 2.85%; overflow: hidden; width: 70.35%; } .discuss_top_right { border-left: 1px solid rgba(255, 255, 255, 0.39); font: 0.18rem/1rem "microsoft yahei"; height: 100%; position: absolute; right: 0px; text-align: center; top: 0px; width: 23.21%; } .discuss_top_right span { font-size: 0.5rem; } .discuss_list { margin: 2% auto; overflow: hidden; width: 87.5%; } .discuss_list li { border-bottom: 1px solid #dddddd; height: auto; overflow: hidden; padding: 2% 0px; width: 100%; } .discuss_list_top { height: auto; overflow: hidden; width: 100%; } .discuss_list_top span { color: #545454; float: left; font: 0.18rem/0.4rem "microsoft yahei"; } .discuss_list_top_right { float: right; overflow: hidden; width: 38.92%; } .discuss_list_top_right div { background: #d0cfcf none repeat scroll 0% 0%; float: left; height: auto; margin-top: 3.2%; overflow: hidden; position: relative; width: 67.43%; } .discuss_list_top_right div img { display: block; position: relative; width: 100%; z-index: 2; } .discuss_list_top_right div p { height: 100%; left: 0px; position: absolute; top: 0px; width: 50%; } .discuss_list_top_right font { display: block; float: left; font: 0.18rem/0.4rem "microsoft yahei"; text-align: center; width: 30%; } .discuss_list_con { color: #8a8a8a; font: 0.18rem/0.24rem "microsoft yahei"; height: auto; overflow: hidden; padding: 2% 0px; width: 100%; } .discuss_list_reply { background: #eaeaea none repeat scroll 0% 0%; color: #877f7f; font: 0.18rem/0.26rem "microsoft yahei"; height: auto; overflow: hidden; padding: 2%; width: 100%; } .view-price { color: #626262; font: 0.2rem/2 "microsoft yahei"; margin: 0px auto; width: 100%; } .view-price span { color: #ff0000; font-size: 0.28rem; } .view_btns { margin: 2% auto; overflow: hidden; width: 100%; } .view_btns a { color: #ffffff; display: block; float: left; font: 0.22rem/1.6 "microsoft yahei"; padding: 3% 12%; } .view_btns a:last-child { float: right; } .view_collect { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 2% auto; overflow: hidden; width: 100%; } .view_collect p { border-right: 1px solid #dadada; color: #6b6565; float: left; font: 0.2rem/3 "microsoft yahei"; text-align: center; width: 30%; } .view_collect a { color: #707070; display: block; float: left; font: 0.2rem/3 "microsoft yahei"; position: relative; text-indent: 0.6em; width: 68%; } .view_collect a font { position: absolute; right: 0px; } .view_collect a a { color: #707070; } .wbytable td { padding: 3px 1px; } .wbytable .wbytext {border: 1px solid #e3e3e3; height: 22px; outline: medium none; padding: 5px; width: 100%; } .wbytable .wbyarea {border: 1px solid #e3e3e3; height: 75px; outline: medium none; padding: 5px; width: 100%; } .wbytable .msgbut {border-radius: 6px; border: 1px solid #cccccc; color: #555555; cursor: pointer; height: 32px; line-height: 32px; width: 90px; } .wbytable .wbytextyz {border: 1px solid #e3e3e3; float: left; height: 22px; outline: medium none; padding: 5px; width: 25%; } .wbytable .wyzm {display: block; float: left; height: 22px; padding-left: 8px; padding-top: 6px; width: 48px; } .swiper-wrapper div a img{width:100%;} .about center img{max-width: 98%;} .picContent img{max-width: 98%; margin-bottom:10px;} .picContent iframe{width:98%; height:200px;} .probt a{color:#999999;} .nMessage{font-size:14px; line-height:30px; width:80%; margin:0 auto;} .nMessage .msg{color:#f00;} .nMessage ul,.nMessage li{list-style:none; list-style-type:none; margin-bottom:10px;} .nMessage form{margin:0px auto;width:100%;} .nMessage textarea{padding:5px;width:97%;font-size:13px;} .nMessage input{width: 180px;border:1px solid #808080; font-weight: 400;color: #000; height:20px;} .nMessage input[type="submit"] {background: #0076DF;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;} .nMessage input[type="submit"]:hover{background:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;} .nMessage input[type="reset"] {background: #0076DF;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;} .nMessage input[type="reset"]:hover{background:#777;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;} .nMessage .bnt_ordSubmit {background: #018CCD;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;} .nMessage .bnt_ordunSubmit {background: #666666;color: #FFF;border:none;width: 62%;cursor: pointer;outline: none;width:80px;height:24px;} @font-face{ font-family:"member"; src: url(../fonts/member.woff) format('woff'), url(../fonts/member.ttf) format('truetype'); } .member_iconfont{ font-family:"member" !important; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale; } .cart_alert_login{width:87.8125%;margin:4% auto 0;overflow:hidden;font:0.2rem/3 "microsoft yahei";color:#2f2f2f} .cart_alert_login p{float:left;width:58%;white-space: nowrap} .cart_alert_right{float:right;overflow:hidden;width:40%;} .cart_alert_right a{color:#fff;border-radius:3px;float:right;display:block;width:44.4%;margin-left:3%;height:0.4rem;line-height:0.4rem;margin-top:0.1rem;text-align:center;} .cart-list{width:95%;margin:0 auto;height:auto;overflow:hidden} .cart-list li{width:100%;height:auto;border-bottom:1px solid #dbdbdb;padding:2% 0;overflow:hidden;position:relative;} .cart-list-img{display:block;float:left;width:25.89%;margin-left:8.75%;height:auto;overflow:hidden;} .cart-list-img img{width:100%;} .cart-list-title{width:44.28%;height:auto;float:left;overflow:hidden;margin:0 2.5% 0 1.6%;} .cart-list-text{width:100%;font:0.2rem/0.22rem "microsoft yahei";height:0.3rem;overflow:hidden;display:block;margin:0rem 0 0.06rem;float:left;} #orderPay label{border:2px solid transparent;display:block;} #orderPay label img{width:100%} .cart-list-title a{color:#575757} .cart-list-bat { float:right; width:20.8%;} .cart-list-numbers{width:54.14%;height:0.32rem;border:1px solid #ccc;overflow:hidden} .cart-list-numbers span,.cart-list-numbers input{width:32%;display:block;height:0.32rem;border:0;font:0.24rem/0.32rem "microsoft yahei";text-align:center;float:left;-webkit-appearance:none;} .cart-list-numbers input{border-left:1px solid #ccc;border-right:1px solid #ccc;font-size:1.2em;border-radius:0} .cart-list-price{float:left;width:21.78%; white-space: nowrap;height:auto;padding-top:2%;font:0.22rem/1 "microsoft yahei";text-align:center;color:#575757; text-align:left;padding-left:1%;} .cart-list-price2{float:left;width:44.28%;margin:1% 2.5% 0 1.6%;height:auto;padding-top:0%;font:0.22rem/1.2 "microsoft yahei";text-align:left;color:#575757; white-space: nowrap;text-align:left;} .cart-list-del a{position:absolute;right:0;top:0;width:4.14%;padding:2.5%;z-index:88;overflow:hidden;} .cart-select{width:8.57%;position:absolute;left:0;top:0;height:100%; } .cart-select span{display:block;width:10px;height:10px;background:#dbdbdb;border-radius:50%;position:absolute;top:50%;left:50%;margin:-5px;} .cart-settle{width:89.6875%;margin:5% auto;overflow:hidden;background:#dbdbdb;position:relative;} .cart-settle p{float:left;font:0.24rem/0.5rem "microsoft yahei";color:#696969;padding-left:3.13%} .cart-settle p span{font-size:0.24rem} .cart-settle-btn{position:absolute;right:0;height:100%;top:0;width:27.87%;border-radius:0;text-align:center;font:0.24rem/0.5rem "microsoft yahei";color:#fff;overflow:hidden;border:0;-webkit-appearance:none;} .cart_top_address{width:87.5%;margin:2% auto;height:auto;overflow:hidden;background:url(../images/address_top.jpg) right bottom no-repeat #e7e7e7;background-size:18.57%;padding:1% 4.64%;position:relative;} .cart_top_address_text{width:96%;overflow:hidden;display:block;} .cart_top_address_text span{font:0.22rem/1.4 "microsoft yahei";color:#333;display:block;float:left;margin-right:4%} .cart_top_address_text span a{color:#575757;} .cart_top_address_change{position:absolute;font:0.2rem/1.4 "microsoft yahei";color:#fff;right:4.64%;top:6%; background:#c60000;border-radius:3px; padding:0 2%; } .cart_order_title{width:87.5%;margin:0 auto;border-top:1px solid #e1e1e1;font:0.22rem/2 "microsoft yahei";color:#575757;} .cart_order_type{width:87.5%;margin:0 auto;overflow:hidden;padding-top:2%;} .cart_order_type span{display:block;float:left;border:1px solid #d4d4d4;font:0.22rem/2 "microsoft yahei";color:#575757;margin:0 1.42% 2% 0;padding:0 4%} .cart_type_company{width:87.5%;margin:0 auto;overflow:hidden;display:none} .cart_type_company li{width:100%;height:auto;overflow:hidden;padding-bottom:3%;} .cart_type_company li p{float:left;font:0.16rem/0.4rem "microsoft yahei";color:#575757} .cart_type_company li input{float:left;height:0.4rem;width:70%;border:1px solid #d1d1d1;font:0.16rem/0.4rem "microsoft yahei";background:#ededed;-webkit-appearance:none;border-radius:0;padding:0 2%} .cart_type_company li select{-webkit-appearance:none;border-radius:0;background:#ededed;border:1px solid #d1d1d1;font:0.16rem/0.4rem "microsoft yahei";padding:0 3%;} .cart_imgs_number{width:87.5%;margin:2% auto;overflow:hidden;padding:2% 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;} .cart_imgs_list{float:left;width:46.875%;height:auto;overflow:hidden} .cart_imgs_list li{width:33.3%;float:left;height:auto;overflow:hidden;} .cart_imgs_list li a{display:block;width:90%;} .cart_imgs_list li a img{width:100%} .cart_imgs_more{display:block;width:50%;float:left;text-align:center;font:0.22rem/0.5rem "microsoft yahei";color:#575757} .cart_imgs_more span{line-height:2;float:left;} .cart_imgs_more i{float:right;font:0.28rem/0.5rem "microsoft yahei"} .cart_price{width:87.5%;margin:0 auto;height:auto;overflow:hidden} .cart_price p{width:100%;height:auto;font:0.18rem/1.4 "microsoft yahei";position:relative;overflow:hidden;color:#c1c1c1;} .cart_price p span{position: absolute;right:0;top:0} .cart_margin{margin-left:2%} .to_msg{width:87.5%;margin:2% auto;text-align:center;font:0.22rem/2 "microsoft yahei";color:#fff;display:block;} .had_msg{width:87.5%;margin:2% auto 4%;height:auto;overflow:hidden} .had_msg li{width:100%;border-bottom:1px solid #dbdbdb;overflow:hidden;padding:2% 0;} .had_msg li div{width:100%;font:0.2rem/1.2 "microsoft yahei";color:#575757} .had_msg li h2{background:#ededed;padding:1% 2.14%;margin:2% auto 0;font:0.2rem/1.2 "microsoft yahei";height:auto;} .vip_address_top{width:87.5%;margin:2% auto;text-align:center;font:0.18rem/2.4 "microsoft yahei";color:#fff;display:block} .vip_address_list{width:87.5%;margin:2% auto;height:auto;overflow:hidden} .vip_address_list li{border:1px solid #e0e0e0;padding:2%;overflow:hidden;background:#f2f2f2;margin:0 auto 2%;font:0.2rem/1.5 "microsoft yahei";position:relative;} .vip_address_btn{width:54%;position:absolute;text-align:right;top:4%;right:0;overflow:hidden} .vip_address_btn span{display:inline-block;color:#fff;background:#a5a5a5;padding:1% 4%;border-radius:3px;margin-right:2%;} .vip_address_btn a{color:#fff} .vip_logout{width:87.5%;margin:2% auto;overflow:hidden;color:#fff;} .vip_logout a{float:left;font:0.18rem/0.42rem "microsoft yahei";color:#fff;padding-left:4%;} .vip_backup{float:right;font:0.18rem/0.42rem "microsoft yahei";color:#fff;padding-right:4%;} .check_p{width:28%;height:0.4rem;font:0.18rem/0.4rem "microsoft yahei";text-align:center;background:#e7e7e7;color:#4b4b4b} .check_p span.member_iconfont{color:#e7e7e7} .check_p.common_bg span.member_iconfont,.check_p.common_bg{color:#fff} .order_list{width:94%;margin:2% auto;height:auto;overflow:hidden} .order_list li{width:95%;height:auto;border:1px solid #e0e0e0;background:#eee;padding:2%;overflow:hidden; margin-bottom:0.16rem;} .order_img{display:block;width:32.89%;height:auto;overflow:hidden;float:left;margin-right:1.78%;} .order_img img{width:100%} .order_right{float:left;width:82%;height:auto;overflow:hidden;padding-bottom:1%} .order_right_id{width:100%;height:0.67rem;overflow:hidden;font:0.2rem/0.24rem "microsoft yahei";color:#575757} .order_right_id a{color:#000} .order_right_price{width:100%;font:0.2rem/0.24rem "microsoft yahei";color:#818181;margin-bottom:3%;margin-top: 3%;} .wait_pay{font:0.22rem/0.24rem "microsoft yahei";color:#fff;padding:2% 4%;border-radius:3px; float:left; margin-right:3%; } .wait_shipping{font:0.22rem/0.24rem "microsoft yahei";color:#fff;padding:2% 4%;border-radius:3px;background:#bbb; float:left;margin-right:3%;} .order_done{font:0.18rem/0.24rem "microsoft yahei";padding:2% 0;color:#339d12} .top-tl a.member_iconfont{color:#fff;} .order_date_select{width:92%;margin:3% auto;height:auto;overflow:hidden;} .order_date_select li{width:100%;font:0.2rem/0.3rem "microsoft yahei";color:#333;padding:0 2%;margin:2% auto;} .order_date_select li a{color:#fff;display:block;width:100%;} .Wait { color:#666666} .Send_out { color:#339966} .Success { color:#FF6600} .vip_welcome{width:87.5%;margin:3% auto;height:auto;overflow:hidden;padding:4% 0;text-align:center;font:0.22rem/1 "microsoft yahei";color:#fff;} .vip_welcome span{font-size:0.4rem} .vip_top_links{width:87.5%;margin:2% auto;overflow:hidden;border:1px solid #e0e0e0;} .vip_top_links a{width:32%;float:left;border-right:1px solid #dfdfdf;overflow:hidden;display:block;text-align:center;padding:3% 0} .vip_top_links a:last-child{border:0} .vip_top_links a font{font:0.2rem/1.4 "microsoft yahei";color:#949494;} .vip_top_links a span{display:block;font:0.2rem/1.4 "microsoft yahei";color:#949494;text-align:center;} .vip_btns{width:87.5%;margin:2% auto 10% auto;height:auto;overflow:hidden} .vip_btns a{display:block;width:25%;height:auto;float:left;overflow:hidden} .vip_btns a span{display:block;width:73.57%;margin:0 auto;font:0.38rem/1 "microsoft yahei";text-align:center;color:#fff;border-radius:50%;padding:20% 0} .vip_btns a i{display:block;width:100%;text-align:center;font:0.18rem/2 "microsoft yahei";color:#9e9e9e;overflow:hidden} .order_view_top{width:87.5%;margin:2% auto;border-top:1px solid #dad9d9;font:0.22rem/2.4 "microsoft yahei";color:#333;} .order_view_btn{width:87.5%;margin:2% auto;height:auto;overflow:hidden;text-align:right;} .order_view_btn a{color:#fff;border-radius:0.04rem;padding:2% 6%;margin-left:4%;display:inline-block;font-size:0.18rem} .order_view_width{width:78%;margin:0 auto;} .cart_border_none{border:0} .order_view_price{border-top:1px solid #dad9d9;padding-top:2%} .order_view_price p{color:#626262} .order_view_price p span.order_view_red{color:#ff5958} .order_view_price p select{width:50%;-webkit-appearance:none} .order_view_pf_bg{position:fixed;width:100%;height:100%;z-index:999;top:0;left:0;background:rgba(0,0,0,.74);display:none} .order_view_pf{width:87.5%;height:3.5rem;position:fixed;top:50%;left:6.25%;background:#fff;z-index:999;margin-top:-1.75rem;} .order_view_pf_title{width:100%;height:0.4rem;color:#fff;position:relative;text-align:center;} .order_view_pf_title p{width:10%;position:absolute;right:0;top:0;text-align:center;font:0.3rem/0.4rem "microsoft yahei";color:#fff;} .order_view_pf_name{width:77.5%;margin:0 auto;font:0.18rem/0.4rem "microsoft yahei";color:#474747;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;} .order_view_pf textarea{width:77.5%;margin:2% auto;display:block;font:0.18rem/0.2rem "microsoft yahei";color:#474747;resize: none;height:1.35rem;border:1px solid #b8b8b8;-webkit-appearance:none;border-radius:0} .order_view_pf_btn{border:0;width:77.5%;margin:0 auto;display:block;font:0.18rem/0.4rem "microsoft yahei";color:#fff;text-align:center;border-radius:4px;-webkit-appearance:none} .big-pic{width:100%;position:relative;z-index:2;margin:0 auto} .big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;} .pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;} .pic-list img{float:left;height:auto; width:100%;display:block;} .big-pic2 .pic-list{width:200%;} .big-pic2 .pic-list img{width:50%;} .big-pic3 .pic-list{width:300%;} .big-pic3 .pic-list img{width:33.333334%;} .big-pic4 .pic-list{width:400%;} .big-pic4 .pic-list img{width:25%;} .big-pic5 .pic-list{width:500%;} .big-pic5 .pic-list img{width:20%;} .big-pic6 .pic-list{width:600%;} .big-pic6 .pic-list img{width:16.67%;} .big-pic7 .pic-list{width:700%;} .big-pic7 .pic-list img{width:14.26%;} .big-pic8 .pic-list{width:800%;} .big-pic8 .pic-list img{width:12.5%;} .big-pic9 .pic-list{width:900%;} .big-pic9 .pic-list img{width:11.1%;} .big-pic10 .pic-list{width:1000%;} .big-pic10 .pic-list img{width:10%;} .slide-dot{width:100%;text-align:center;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;display:none} .slide-dot span{display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top; z-index:10;margin:0 7px;background:#fff} .slide-dot span.slide-dot-cur{z-index:10;vertical-align:top;background:#6b1b55} .transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;} .common_bg,.cart-select.on span,.afPopup > header,.afPopup .button,.vip_address_btn span.common_bg{background-color:red;} .common_color,.view_collect p.collected,.login li a{color:red;} .common_border,.cart_order_type span.on,#orderPay label:active{border-color:red} .msg_pin{width:100%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400;} .msg_input{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:0.52rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;} .msg_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;resize: none} .msg_input2{display:block;border:1px solid #d9d9d9;background:#fff;width:50%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;} .redmc { font-weight:bold;font:0.28rem/0.62rem "microsoft yahei"; } .msg_pin-value {width:80%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400; margin-left:10%; border:0;background:#f14400;} }