@charset "utf-8"; body { font:normal 12px/24px "微软雅黑", arial, helvetica, sans-serif; color: #4f4f4f} a{color:#4f4f4f; text-decoration:none; font:normal 12px/24px 微软雅黑,arial, helvetica, sans-serif;} a:hover{color:#eb0000;} html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span, p, img, images, div,input{padding:0;margin:0;border:none;vertical-align:top; font-weight:normal;} ul,li{ list-style:none; padding:0; margin:0;} *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} .left{float:left;} .right{float:right;} .both{ clear:both;} .center{ text-align:center;} .over{ overflow:hidden;} .w108{ width:1180px; margin:0 auto;} .header { background-color: #608b9f; background-image: url(/uploads/image/vcimages/index2_03.png); background-repeat: no-repeat; background-position: center 12px; padding-top: 25px; font-size: 13px; color: #fff; height: 161px; } .header .xian { background-image: url(/uploads/image/vcimages/xian.png); background-repeat: no-repeat; height: 7px; width: 1px; margin-right: 10px; margin-left: 10px; margin-top: 9px; overflow: hidden; display: inline-block; } .hdh { background-image: url(/uploads/image/vcimages/index2_06.png); background-position: left center; padding-left: 14px; background-repeat: no-repeat; } .hcz { background-image: url(/uploads/image/vcimages/index2_09.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; } /**/ .izl-rmenu{ margin-right: 0; position:relative; /*z-index:1;*/ display: inline-table; float: left; margin-left: 8px; background-image: url(/uploads/image/vcimages/xian.png); background-repeat: no-repeat; background-position: right center; padding-right: 8px; } .izl-rmenu .cart { display: block; width: 50px; text-align: right; background-image: url(/uploads/image/vcimages/index2_12.png); background-repeat: no-repeat; background-position: left center; color: #fff; } .izl-rmenu a.cart:hover .pic{display:block;} .izl-rmenu .cart .pic { display:none; position: absolute; top: 30px; left: -28px; width: 111px; height: 111px; background-repeat:no-repeat; background-image: url(/uploads/image/vcimages/index_57.jpg); } .izl-rmenu .cart2 { display: block; width: 58px; text-align: right; background-image: url(/uploads/image/vcimages/weixin.png); background-repeat: no-repeat; background-position: left center; color: #fff; } .izl-rmenu a.cart2:hover .pic{display:block;} .izl-rmenu .cart2 .pic { display:none; position: absolute; top: 30px; left: -28px; width: 111px; height: 111px; background-repeat:no-repeat; background-image: url(/uploads/image/vcimages/index_59.jpg); } .sea { position: relative; bottom: 4px; margin-left: 5px; float:right; } .search{position: relative;z-index: 5;width: 29px;height: 32px;cursor: pointer;} .searchbtn{width: 29px;height: 32px;background: url(/uploads/image/vcimages/btn_search01.png) no-repeat left top;} .searchbtn.open{background-position: right top;} .searchbox{position: absolute;overflow: hidden;width: 0;top: 0;right: 29px;height: 32px;background-color: #141415;} .searchbox input{border: none;background: none;} .searchbox .txt{color: #777b86;width: 120px;height: 25px;/*padding: 17px 0 8px 13px;*/line-height: 25px;margin-top: 4px;margin-left: 5px;} .searchbox .sub{background: url(/uploads/image/vcimages/index_03.png) no-repeat center;width: 29px;height: 32px;cursor: pointer;} .lang{width: 118px;background: url(/uploads/image/vcimages/index_06.png) no-repeat 3px 9px;} .language{padding-left: 32px;height: 35px;line-height: 30px;color: #e3e2e2;text-transform: uppercase;background: url(/uploads/image/vcimages/index_09.png) no-repeat 106px 14px;cursor: pointer;display: block;font-size: 11px;} .langsub{width: 118px;background-color: #fea910;position: absolute;z-index: 8;display: none; } .langsub a{display: block;width: 118px;text-align: center;height: 30px;line-height: 30px;color: #fff;text-transform: uppercase;} .langsub a:hover{color: #fff;} .langsub a.on{color: #fff;background-color:#19417e;} .langsub .cn{border-top: 1px solid #2c374a;} .langsub .es{background-color: #19417e;border-top: 1px solid #2c374a;} .nav {margin-top: 65px;} .nav ul li { float: left; padding-top: 12px; padding-right: 31px; padding-bottom: 12px; padding-left: 31px; border-radius: 8px; margin: 0 10px; } .nav ul li a { font-size: 17px; line-height: 17px; color: #fff; } .nav ul li:hover { background-color: #eb0000; } /*banner*/ .banner{ width:1903px; overflow:hidden; position:relative; } .banner_inner{position:relative;height:560px;width:1180px;margin:0 auto} .banner_img{width:20000px} .banner_img li{float:left;width:1903px;position:relative} .banner_img li.bgli01{ background:#2a95bb url(/uploads/image/vcimages/banner.jpg) center no-repeat;} .banner_img li.bgli02{ background:#e8e8e8 url(/uploads/image/vcimages/banner1.jpg) center no-repeat;} .banner .child1{position:absolute;width:588px;height:425px;left:66px;top:0} .banner .child2{position:absolute;width:654px;height:425px;left:343px;top:0} .banner_common{position:relative;width:1280px;margin:0 auto} .banner_pre{position:absolute;top:45%;left:0;margin-top:290px;width:60px;height:60px;cursor:pointer;background:url(/uploads/image/vcimages/banner_btn_l_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)} .banner_next{position:absolute;top:45%;right:0;margin-top:290px;width:60px;height:60px;cursor:pointer;background:url(/uploads/image/vcimages/banner_btn_r_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)} .banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)} .banner .control{width:130px;position:absolute;top:521px;left:50%;margin-left:-40px} .banner .control li{float:left;margin-left:10px;width:15px;height:15px;border-radius:50%;cursor:pointer;background:#fff} .banner .control li a{display:none} .banner .control li.current{background:#eb0000} .product { margin-top: 80px; margin-bottom: 43px; } /**/ .v_out{ width: 804px; overflow: hidden; float: right; position: relative; bottom: 37px; } .v_show{width:804px;overflow:hidden;position:relative;height:528px;float:left} .v_cont{ width:6650px;position:absolute;left:0px;top:0px;} .v_cont ul{float:left;text-align:center;line-height:50px;} .v_cont ul li{width: 804px;height: 528px;background:#f8f8f8;float:left;margin-top:3px;} /*---圆圈---*/ /*.v_out_p{position:relative;overflow:visible}*/ .circle{ width: 326px; float: left; } .circle li{ width: 275px; height: 67px; float: left; margin-right: 10px; font-size: 16px; line-height: 34px; color: #494848; padding-right: 51px; padding-top: 28px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ececec; background-image: url(/uploads/image/vcimages/index2_28.png); background-repeat: no-repeat; background-position: 285px 34px; cursor: pointer; } .circle span { font-size: 44px; line-height: 38px; color: #555; font-family: arial; padding-left: 11px; float: left; margin-right: 20px; } .circle .circle-cur{ color: #fff; background: #eb0000; } .circle .circle-cur span { color: #fff; } .gend { font-size: 14px; line-height: 34px; color: #eb0000; display: inline-table; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eb0000; padding-right: 2px; padding-left: 2px; margin-top: 13px; margin-left: 10px; } .gend:hover { color: #555; border-bottom-color: #555; } /*---切换---*/ .prev,.next{float:left;/*padding:105px 9px 0*/} /*.prev a{ background:#f00;}*/ .prev .ico_1{ background: no-repeat 0 -3757px;} /*.next a{background:#f00 }*/ .next .ico_2{background: no-repeat right -3757px;} .prev,.prev a,.next,.next a{ width: 17px; height: 34px; display: block; position: relative; top: 135px; z-index: 5; } .v_out_p .next{ float:right;} .v_out_p .prev a { background-image: url(/uploads/image/vcimages/lv.png); margin-left: 38px; } .v_out_p .next a { background-image: url(/uploads/image/vcimages/rv.png); right: 38px; } .about .left { width: 50%; overflow: hidden; background-image: url(/uploads/image/vcimages/index2_32.jpg); background-repeat: no-repeat; background-position: right center; height: 494px; } .about .right { background-color: #eeeeee; width: 50%; height: 494px; } .about .right p { width: 538px; margin-left: 52px; } .about .right .zb { font-size: 30px; color: #1e1e1e; margin-top: 53px; margin-bottom: 18px; } .about .right .fb { font-size: 30px; color: #afafb0; background-image: url(/uploads/image/vcimages/index2_35.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 20px; margin-bottom: 33px; } .about .right .gduo { color: #608b9f; background-image: url(/uploads/image/vcimages/index2_39.jpg); background-repeat: no-repeat; background-position: 112px 18px; padding-top: 11px; padding-right: 50px; padding-bottom: 11px; padding-left: 28px; border: 1px solid #608b9f; font-size: 18px; margin-left: 240px; margin-top: 21px; display: inline-block; } .about .right .gduo:hover{color:#1e1e1e;}.yxfu h1 { font-size: 32px; color: #3c3c3c; margin-top: 63px; } .yxfu h2 { font-size: 14px; color: #8f8f8f; width: 572px; margin-top: 20px; margin-right: auto; margin-left: auto; margin-bottom: 45px; } .yxfu ul li { float: left; height: 448px; width: 362px; margin-bottom: 60px; } .yxfu ul li p { font-size: 25px; line-height: 152px; color: #fff; background-image: url(/uploads/image/vcimages/kk.png); background-repeat: no-repeat; height: 152px; width: 152px; position: relative; bottom: 315px; } .yxfu ul li p:hover{color:#eb0000;} .footer{background-color: #608b9f;height: 386px;} .footer a:hover{color:#eb0000;} .bottom { padding-bottom: 45px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6fa2ba; } .bottom ul li { float: left; margin: 0 60px; } .bottom ul li span { font-size: 18px; color: #f1f1f1; margin-top: 36px; margin-bottom: 11px; display: block; } .bottom ul li a { font-size: 13px; color: #ebeaea; line-height: 33px; } .bottom2{line-height: 71px;color: #eee;} .bottom2 .left a { background-repeat: no-repeat; background-position: left center; padding-left: 27px; margin-right: 6px; margin-left: 3px; color: #eeeeee; } .bottom2 .fcn { background-image: url(/uploads/image/vcimages/index2_54.png); } .bottom2 .fen { background-image: url(/uploads/image/vcimages/index2_56.png); } .bottom2 .fes { background-image: url(/uploads/image/vcimages/index2_58.png); } .bottom2 .ffr { background-image: url(/uploads/image/vcimages/index2_60.png); } .bottom2 .right a { color: #eee; } .bottom2 a:hover{color:#eb0000;}.prolist { margin-top: 45px; } .proltop h1 { font-size: 30px; color: #eb0000; margin-top: 43px; } .proltop h2 { font-size: 14px; color: #9e9e9f; width: 572px; margin-top: 14px; margin-right: auto; margin-left: auto; } .prol .pronav {/*padding: 1px;*/border: 1px solid #e8e8e8;margin-bottom: 22px;margin-top: 20px;padding-bottom:32px;} .pronav .in, .pronav .up {width: 286px;/* margin-bottom: 2px; */} .pronav .up , .conta .up {background-color: #f1f1f2;width: 247px;height: 55px;display: -webkit-box;padding-left: 20px;font-size: 24px;color: #606060;line-height: 55px;} .pronav .up {margin-bottom: 18px;} .pronav .in a { font-family:arial; font-size:14px;color: #5e5e5e;line-height: 34px;width: 250px;height: 34px;display: -webkit-box;padding-left: 36px;background: url(/uploads/image/vcimages/dian.png) no-repeat 19px center;} .pronav .in a.cur{color:#eb0000;} .pronav .in a:hover{color:#eb0000;} .conta {padding-bottom: 60px!important;} .conta ul li a{font-size: 14px;line-height: 40px;color: #353535;} .conta ul li a:hover{color: #eb0000;} .pror { width: 865px; margin-left: 24px; } .pror .center li { float: left; margin:0 8px; } .pror .center li a img { border: 1px solid #e9e9ea; } .pror .center li a{ font-size: 16px; color: #818181; margin: 18px 0 26px 0; } .pror .center li a p{margin: 18px 0 26px 0;} .pror .center li a:hover{color: #eb0000;}