.wh{width: 1200px;margin: 0 auto;} .pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;} /*头部样式*/ .top1{height: 30px;background: #f6f7f7;color: #333333;line-height: 30px;overflow: hidden;} .top2{height: 104px;overflow: hidden;} #header{width:1000px;margin:0 auto;} .logo{float:left;line-height: 104px;} .top2 .k2{margin-top: 25px;color: #333333;font-size: 16px;padding-left: 65px;background: url(../images/tel.png) no-repeat left center;line-height: 22px;} .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1 a{color: #333333;} .topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";} #menu{background: #0271c3;} /*热门搜索*/ .box1{height: 1129px;padding-top: 53px;} .sou{height: 101px;background: url(../images/sbj.png) no-repeat top center;line-height: 56px;font-size: 15px;color: #fff;} #formsearch{float:right;width: 278px;height: 32px;background: url(../images/ss.jpg) no-repeat top center;line-height: 27px;margin-top: 13px;margin-right: 50px;} .hotSearch{float:left;height:56px;line-height:56px;font-weight:normal;letter-spacing: 2px;text-indent: 60px;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*搜索和热门搜索*/ .hotSearch a{margin-right:9px;color: #fff;padding-right: 8px;background: url(../images/line1.jpg) no-repeat right center;} .hotSearch a:last-child{background: none;} #formsearch input{height:32px;background:transparent;border:none;line-height:32px;} #formsearch input#keyword{height:32px;line-height:32px;padding-left:13px;color:#a1a0a0;font-size: 15px;width: 223px;} #formsearch input#s_btn{margin-left: -4px; width:40px;height:32px;line-height:32px;text-align:center;background-color:transparent;color:#fff;border:none;cursor:pointer;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .pleft{width: 285px;height: 933px;background: url(../images/pbj.jpg) no-repeat top center;} .pright{width: 873px;} .pbox{margin-top: 10px;} .pleft h3{font-size: 38px;color: #fff;text-align: center;padding-top: 45px;} .psort{width: 242px;margin: 0 auto;margin-top: 85px;} .psort .li1{margin-bottom: 20px;} .psort .li2{margin-bottom: 30px;} .psort .a1{width: 242px;height: 49px;line-height: 49px;display: block;color: #fff;font-size: 16px;background: #0271c3;text-align: center;border-radius: 5px;} .psort .a1:hover{background: #53a924;} .psort .a2{color: #333333;font-size: 16px;line-height: 46px;border-bottom: 1px dashed #d6d6d6;display: block;text-indent: 10px;} .psort .a3{color: #0271c3;font-size: 16px;margin-top: 12px;display: block;} .psort .a2:hover{color: #64b81b;} .pbt {background: url(../images/line2.png) no-repeat bottom center;line-height: 30px;padding-bottom: 10px;} .pbt h2{color: #0271c3;font-size: 20px;} .pbt .pmore{display: block;color: #8d8e8e;font-size: 14px;text-transform: uppercase;} .product_list1{width: 869px;height: 321px;border:2px solid #eeeeee;margin-top: 16px;background: #fff;} .product_list1 a.img{display: block;position: relative;} .product_list1 a.img .dan{position: absolute;top:-6px;right: -7px;} .product_list1 a.img .dan img{width: 121px;height: 120px;} .product_list1 a.img img{width: 394px;height: 320px;} .pcon{margin:23px 0 0 54px;width: 385px;} .pcon h3 a{display: block;color: #0271c3;font-size: 22px;} .pcon1 dd{color: #333333;font-size: 18px;margin: 13px 0 10px 0;} .pcon1{display: block;color: #333333;font-size:15px;line-height: 35px;} .mbox{margin-top: 30px;} .mbox a{margin-right: 30px;border-radius: 5px; float: left;display: block;background: #0271c3;width: 110px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;} .mbox a:hover{background: #53a924;} .product_list2{margin-top: 28px;} .product_list2 li{float:left;margin-right:16px;_display:inline;} .product_list2 li:nth-child(3n){margin-right: 0;} .product_list2 li a.img{border:2px solid #eeeeee;width:276px;height:217px;overflow: hidden;} .product_list2 li a.img img{width:276px;height:217px;} .product_list2 li h3{text-align:center;} .product_list2 li h3 a{font-weight:normal;display: block;color: #333333;font-size: 15px;height: 45px;line-height: 45px;padding-bottom: 10px;} .product_list2 li a.img{display:block;} .product_list2 li a.img:hover{border-color:#53a924;} .product_list2 li a img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .product_list2 li a img:hover{background:#fff;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;} .ys_index { height: 1417px; position: relative; background: url(../images/bj2.jpg) no-repeat center center; overflow: hidden; } .ys_tit { text-align: center; padding-top: 60px; height: 87px; color: #fff; font-family: "Microsoft Yahei"; } .ys_tit h3 { font-size: 38px; line-height: 1; } .ys_tit span { padding-top: 8px; font-size:16px; font-weight: normal; display: block; line-height: 30px; } .ys_nr { margin-top: 55px; position: relative; } .ys_nr .ys_aa { height: 380px; position: relative; } .ys_aa .num{ position: absolute; content: ""; width: 92px; height: 130px; left:32px; top: -30px; z-index: 999; } .ys_aa .ys_img{position: relative;} .ys_aa .ys_img .num img{ width: 92px; height: 130px; } .ys_bb .num{ position: absolute; content: ""; width: 92px; height: 130px; left:32px; top: -30px; } .ys_bb .ys_iimg{position: relative;} .ys_bb .ys_iimg .num img{ width: 92px; height: 130px; } .ys_aa .ys_img { float: left; width: 600px; } .ys_aa .ys_img img { width: 600px; height: 380px; } .ys_aa .ys_con { float: left; width: 520px; height: 300px; background: #fff; padding: 40px; } .ys_con h3 { margin-top: 10px; color: #0271c3; font-size: 22px; font-family: "Microsoft Yahei"; } .ys_con span { display: block; font-size: 12px; text-transform: uppercase; color: #cecece; border-bottom: 2px solid #eeeeee; padding-bottom: 15px; } .ys_con .ys_txt { margin-top: 20px; } .ys_con .ys_txt p { color: #333333; font-size: 16px; background: url(../images/line4.jpg) no-repeat left 6px; padding-left: 15px; margin-bottom: 24px; } .ys_nr .ys_bb { height: 380px; position: relative; } .ys_nr .ys_cc { height: 380px; position: relative; } .ys_bb .ys_ccon { float: left; width: 540px; height: 300px; background: #fff; padding: 40px 30px; } .ys_bb .ys_iimg { float: left; width: 600px; } .ys_bb .ys_iimg img { width: 600px; height: 380px; } .ys_bb .ys_ccon h3 { margin-top: 10px; color: #0271c3; font-size: 22px; font-family: "Microsoft Yahei"; } .ys_ccon span { display: block; font-size: 12px; text-transform: uppercase; color: #cecece; border-bottom: 2px solid #eeeeee; padding-bottom: 15px; } .ys_ccon .ys_txt { margin-top: 20px; } .ys_ccon .ys_txt p { color: #333333; font-size: 16px; background: url(../images/line4.jpg) no-repeat left 6px; padding-left: 15px; margin-bottom: 24px; } .anli .ys_tit{ background: url(../images/line5.png) no-repeat center 74px; color: #084781; padding-bottom: 50px; } .anli .ys_tit span{color: #333333;} #focus_Box{position:relative;width:1200px;height: 471px;} #focus_Box ul{position:relative;width:1200px;height: 471px;} #focus_Box li{z-index:0;position:absolute; width:0px;=height:0px;top:146px;cursor:pointer;left:377px;} #focus_Box li img{width:100%;background:url(img/loading.gif) no-repeat center 50%;height:100%;vertical-align:top} #focus_Box li h3 a{display: none;color: #fff; position:absolute;left:0;bottom:0px;width:100%;height:42px;line-height:42px;font-size: 18px;font-weight: normal; background:rgba(51,51,51,.3);color:#fff;text-align: center;} #focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:34px;height:72px;top:180px;} #focus_Box .prev{background:url(../images/lt.png) left bottom no-repeat;left:0px} #focus_Box .next{background:url(../images/rt.png) right bottom no-repeat;right:0px} #focus_Box li:nth-child(2) h3 a{display: block;} #focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(img/share-btn.png) no-repeat;text-indent:-999px;} .hengtu { height: 228px; position: relative; background: url(../images/hengtu.jpg) no-repeat center center; } .hengtu .hen_left { width: 700px; float: left; } .hen_left .hh_top { padding-top: 48px; } .hen_left .hh_top span { display: block; font-size: 15px; color: #fff; margin-top: 30px; line-height: 30px; } .hen_right { float: right; text-align: left; } .hen_right .hh_vv { margin-top:70px; padding-left: 85px;background: url(../images/tel1.png) no-repeat left center; } .hen_right .hh_vv h3 { font-weight: normal; font-size: 20px; color: #fff; margin-bottom: 15px; } .ab_index { height:726px; background: url(../images/ab_index_bg.jpg) no-repeat center center; position: relative; } .ss_top { padding-top: 48px; height: 116px; background: url(../images/ss_bg.png) no-repeat center bottom; } .ab_center { padding-top: 60px; height: 363px; position: relative; overflow: hidden; } .ab_left { float: left; width: 508px; height: 363px; } .ab_left img { width: 508px; height: 363px; } .ab_right { float: right; width: 645px; height: 363px; padding: 35px 9px 0 35px; background: #f7f7f7; position: relative; } .ab_right::before { position: absolute; right: 0px; top: 0px; background: url(../images/ab_jiao.png) no-repeat center center; display: block; content: ""; width: 26px; height: 26px; } .ab_right h3 { color: #0271c3; font-size: 24px; font-weight: bold; font-family: "Microsoft Yahei"; } .ab_right h3 span { margin-left: 20px; color: #cfcfcf; text-transform: uppercase; } .ab_right .ab_txt { margin-top: 25px; font-size: 15px; color: #333333; line-height: 26px; font-family: "Microsoft Yahei"; height: 160px; overflow: hidden; } .ab_txt>p>a { color: #0271c3; } .ab_right .ab_sort1 { margin-top: 15px; } .ab_sort1 a { display: inline-block; width: 144px; height: 43px; line-height: 43px; color: #fff; text-align: center; background: #0271c3; border-radius: 5px; font-size: 18px; margin-right: 30px; margin-bottom: 5px; } .ab_sort1 a:hover { background: #53a924; } .ab_gun { position: relative; margin-top: 40px; } .ab_gun_list { position: relative; } .ab_gun_list li { float: left; margin-left: 10px; margin-right: 10px; } .ab_gun_list li a { display: block; } .ab_gun_list li a img { width: 262px; height: 180px; } .l_btn, .r_btn { position: absolute; top: 30%; cursor: pointer; } .l_btn { left: 0; } .r_btn { right: 0; } .news_index { position: relative; margin-top: 65px; } .news_index .rongyu { float: left; width: 292px; } .rongyu .ry_tit { position: relative; background: url(../images/pro_rr_tit_bg.png) no-repeat left bottom; padding-bottom: 15px; margin-bottom: 28px; } .rongyu .ry_tit h3 { color: #0271c3; font-size: 18px; font-family: "Microsoft Yahei"; font-weight: normal; background: url(../images/ryzz.png) no-repeat left center; padding-left: 25px; } .rongyu .ry_tit a { position: absolute; right: 0px; top: 0px; font-size: 15px; color: #929292; } .rongyu .rongyu_nr { background: #f4f4f4; height: 418px; } .rongyu_nr li { padding: 24px 25px 0; } .rongyu_nr li a { display: block; } .rongyu_nr li a img { width: 237px; height: 337px; } .rongyu_nr li a h3 { text-align: center; padding-top: 15px; font-weight: normal; font-size: 15px; color: #333333; font-family: "Microsoft Yahei"; } .news_index .news_qie { margin-left: 50px; position: relative; float: left; width: 445px; } .news_qie .news_qie_tit { position: relative; background: url(../images/pro_rr_tit_bg.png) no-repeat left bottom; padding-bottom: 15px; margin-bottom: 25px; } .news_qie_tit::before { position: absolute; left: 125px; top: 6px; background: url(../images/nn_jian.png) no-repeat center center; content: ""; display: block; width: 2px; height: 14px; } .news_qie_tit li { float: left; font-size: 18px; color: #333333; margin-right: 60px; padding-left: 25px; cursor: pointer; } .news_qie_tit li:hover, .news_qie_tit li.on { color: #0271c3; } .news_qie_tit li:nth-child(1) { background: url(../images/nn1.png) no-repeat left center; } .news_qie_tit li:nth-child(2) { background: url(../images/nn2.png) no-repeat left center; } .news_qie_tit a { position: absolute; right: 0px; top: 5px; font-size: 15px; color: #929292; } /*新闻内容*/ .news_nn { position: relative; } .news_kk { position: relative; } .news_kk li { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } .news_kk li a.img { display: block; } .news_kk li a.img img { width: 444px; height: 158px; } .news_kk li h3 { font-size: 15px; color: #333333; padding: 10px 0; } .news_kk li h3 a { font-size: 15px; color: #333333; font-family: "Microsoft Yahei"; } .news_kk li:hover h3 a,.news_hh li:hover a{color: #0271c3;} .news_kk li span { display: block; font-size: 15px; color: #666666; line-height: 25px; } .news_hh { position: relative; } .news_hh li { line-height: 49px; border-bottom: 1px solid #eeeeee; position: relative; } .news_hh li a { display: block; font-size: 15px; color: #333333; background: url(../images/news_jiao.png) no-repeat left center; padding-left: 20px; } .news_hh li span { position: absolute; right: 0px; top: 0px; color: #7a7979; font-size: 15px; } /*news_gun*/ .news_gun { float: right; width: 360px; } .news_gun_tit { height: 72px; background: #0271c3; position: relative; } .news_gun_tit h3 { color: #fff; line-height: 72px; font-size: 18px; font-weight: normal; padding-left: 60px; background: url(../images/mao.png) no-repeat 14px center; } .news_gun_tit a { position: absolute; right: 10px; top: 0px; font-size: 15px; color: #f3f3f3; display: block; line-height: 72px; } .news_gun_nr { background: #f4f4f4; height: 400px; padding: 10px 15px 0; } .news_gun_nr .gun_list { position: relative; } .gun_list li { position: relative; padding: 12px 0; border-bottom: 1px dashed #e3e3e3; } .gun_list li a { line-height: 30px; padding-left: 30px; background: url(../images/wen.png) left center no-repeat; display: block; font-size: 15px; color: #333333; } .gun_list li a:hover { text-decoration: none; color: #0f51bb; } .gun_list span { background: url(../images/da.png) left 3px no-repeat; padding-left: 30px; font: 400 14px/22px "Microsoft Yahei"; margin-top: 5px; color: #333333; display: block } #kehu{overflow:hidden;height:390px;margin:0 auto;position:relative;} #jian {height:100%;} #zheng {} #xtop{} /*主体样式*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*首页新闻*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*首页左侧蒙特卡罗官方网站*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*工程案例*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*产品推荐*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*品牌列表*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*前台多页签*/ .news{width:1000px;float:left;margin-top: 10px;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} .foot_wap { margin-top: 55px; height: 270px; background: #171717; } .foot_wap .f_aa { padding-top: 45px; width: 330px; float: left; } .f_aa h3 { font-weight: normal; font-size: 18px; font-family: "Microsoft Yahei"; color: #fff; padding-bottom: 10px; background: url(../images/foot_aa_h3.png) no-repeat left bottom; } .f_aa .contact_txt { margin-top: 15px; } .contact_txt p { line-height: 30px; font-size: 14px; color: #bbbbbb; } .f_bb { margin-left: 150px; } .f_bb .f_nav { margin-top: 15px; font-size: 14px; color: #bbbbbb; } .f_bb .f_nav a { display: inline-block; line-height: 30px; width: 80px; font-size: 14px; color: #bbbbbb; } .f_cc { padding-top: 45px; float: right; width: 260px; } .f_cc h3 { font-weight: normal; font-size: 18px; font-family: "Microsoft Yahei"; color: #fff; padding-bottom: 10px; } .f_cc .f_ewm { margin-top: 15px; text-align: center; font-size: 14px; color: #bbbbbb; line-height: 30px; } .flink_wap { background-color: #171717; color: #bbbbbb; font-size: 14px; } .f_link { width: 1200px; margin: 0 auto; line-height: 45px; } .f_link a { padding: 0 10px; color: #bbbbbb; font-size: 14px; } .foot_btm { height: 39px; line-height: 39px; border-top: 1px solid #222222; background: #171717; text-align: center; color: #bbbbbb;font-size: 14px; } .foot_btm a{color: #bbbbbb;} /*------------内页-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:#0271c3;font-size:18px;color:#fff;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:100%;margin:0 auto;} .n_banner img{width:100%;margin:0 auto} .left{width:225px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:914px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#0271c3;color:#fff;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .sitemp .site a{color:#fff;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;}