@CHARSET "UTF-8"; /*澶撮儴鏍峰紡*/ #header{} .top{width:1200px;margin:0 auto;position: relative;} .logo{float:left;line-height: 92px;} .logo img{ width: 244px; height: 73px;} .topLink{float:right;;position: relative;z-index:99;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{color:#074b91;font-size:14px;font-family:"寰蒋闆呴粦";} .wh{width: 1200px;margin:0 auto;} .top11{height: 41px;background: #333333;color: rgba(255,255,255,.7);font-size: 14px;line-height: 41px;} .top11 a{color: rgba(255,255,255,.7);} .dh{padding-left: 29px;background: url(../images/tel.png) no-repeat left center;margin-left: 12px;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .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);} /*鐑棬鎼滅储*/ #formsearch{width:192px;float:left;height:26px;background: url(../images/ss.png) no-repeat left center;line-height: 26px;margin-top: 7px;} .hotSearch{width:403px;float:left;height:30px;line-height:30px;font-weight:normal;} #myBtn{width: 80px;height:42px;background: url(../images/search1.png) no-repeat center;position: absolute; right: 19px; top: 25px;border: none;} #myDiv{position: absolute;right: 0;top:57px;z-index: 999;width: 240px;height: 53px;} /*涓讳綋鏍峰紡*/ #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;} .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;} /*棣栭〉鍏充簬鎴戜滑*/ .about{ background: url(../images/bj1.jpg) no-repeat top center; height: 483px; overflow: hidden; } .tt{ padding-top:40px; color: #e1e1e1; font-size: 30px; line-height: 30px; font-weight: bold; text-align: center; padding-bottom: 13px; } .tt span{ color: #a3d4eb; font-size: 20px; font-family: "Arial"; text-transform: uppercase; padding-left: 10px; } .about-right{ width: 749px; padding-left: 415px; } .about-nei{ padding:15px 10px; box-sizing:border-box; padding-bottom: 14px; line-height: 26px; height: 205px; } .about-nei-box{ color: #b5b5b5; font-size: 14px; line-height: 30px; padding-top: 35px; height: 150px; overflow: hidden; } .about-box-1{ margin-top: 5px; } .fz a{display: inline-block;color: #222121;font-size: 14px;background: #e5e5e5;width: 168px;height: 39px;line-height: 39px;text-align: center;border-radius: 20px;} .fz a:hover{color:#c41126; } .zi{ width: 285px; height: 160px; float: left; box-sizing:border-box; padding:10px 30px; background: #0689e4; } .zi h2{ background: url(../images/tt.png) no-repeat bottom center; color: #fff; font-size: 16px; line-height: 0px; margin-bottom: 18px; } .zi h2 span{ display: block; color: #bcbcbc; font-size: 12px; padding-left: 42px; font-weight: normal; line-height: 20px; position: relative; top: -16px; text-transform: uppercase; } .about .content{ color: #fff; line-height: 20px; } /**/ .box1{margin-top: 54px;} .abt{color: #e50112;font-size: 36px;font-weight: bold;background: url(../images/line1.jpg) no-repeat left center;padding-left: 20px;line-height: 36px;} .aleft{ width: 590px;} .aright img{display: block;width: 545px;height: 343px;} .aleft h3{color: #333333;font-size: 22px;font-weight: normal;margin: 26px 0 12px 0;} .acon{color: #666666;font-size: 14px;line-height: 32px;height: 194px;overflow: hidden;} .aleft a{display: block;width: 118px;height: 39px;line-height: 39px;text-align: center;color: #fff;font-size: 14px;background: #e7141a;border-radius:5px;} /**/ .box2{margin-top: 72px;} .hright{width: 475px;} .hbt{color: #333333;font-size: 26px;} .hbt span{color: #bbbbbb;font-size: 14px;display: block;} .hbox a{color: #333333;font-size: 14px;display: block;padding-right: 34px;background: url(../images/jt.png) no-repeat right center;margin-top: 18px;} .gun{margin-top: 26px;} .zul li {margin-right: 10px;} .zul li .img img{display: block;} .hleft{width: 632px;} #certify{position:relative;width:632px;margin:0 auto;margin-top: 50px;} #certify .swiper-container{} #certify .swiper-slide{padding-bottom:50px;width: 417px;height: 273px;} #certify .swiper-slide img{display:block} #certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0} #certify .swiper-pagination{width:100%;bottom:20px} #certify .swiper-slide-active{background: url(../images/yy.png) no-repeat bottom center;} #certify .swiper-slide-prev{background: url(../images/yy2.png) no-repeat 20px bottom;} #certify .swiper-slide-active+.swiper-slide{background: url(../images/yy2.png) no-repeat 290px bottom;} #certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1} #certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff} #certify .swiper-button-prev{left:0px;width:121px;height:218px;background:transparent;top:54px;} #certify .swiper-button-next{right:0px;width:121px;height:218px;background:transparent;top:54px;} /**/ .box3{height: 167px;background: url(../images/ht1.jpg) no-repeat top center;margin-top: 50px;} .sul li{width: 300px;text-align: center;padding-top: 48px;} .sul li .swz{color: #fff;font-size: 16px;line-height: 38px;} .sul li .swz span{color: #ffffff;font-size: 52px;font-weight: bold;} .sul li b{font-size: 36px;} .sul li p{color: #ffffff;font-size: 16px;line-height: 16px;} /**/ .box4{padding:58px 0 77px 0;background: #f6f7f6;} .abt span{color: #999999;opacity: 0.12;font-family: Impact;font-size: 35px;text-transform: uppercase;padding-left: 8px;} .fbox a{display: block;width: 152px;height: 57px;line-height: 57px;text-align: center;color: #fff;font-size: 14px;background: #e7141a;margin-top: 15px;} .jleft p{color: #666666;font-size: 14px;margin-top: 22px;} .jul{margin-top: 45px;} .jul li{width: 280px;margin-right: 26px;overflow: hidden;} .jul li:last-child{margin-right: 0;} .jul li .img img{display: block;width: 280px;height: 211px;} .jul li h3 a{display: block;font-weight: normal;text-align: center;height: 45px;background: #333333;color: #ffffff;font-size: 14px;line-height: 45px;overflow: hidden;} .jul li:hover h3 a{color: #e7141a;} /**/ .box5{margin-top: 50px;} .xin{margin-top: 40px;position: relative;} .nleft{width: 591px;position: relative;} .nleft li a img{display: block;height: 395px;width: 591px;} .nright{width: 562px;} .nleft .hd{text-align: right;right: 21px;bottom: 17px;z-index: 9999;position: absolute;} .nleft .hd ul li{display: inline-block;width: 16px;height: 16px;background-color: #333333;border-radius: 50%;margin-left: 6px;font-size: 0;} .nleft .hd ul li.on{background-color: #e7141a;} .nleft li {position: relative;} .nleft li h3 a{position: absolute;bottom: 0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: 80%;left:0;z-index: 99999; color: #ffffff;font-size: 14px;line-height: 45px;display: block;font-weight: normal;padding: 0 20px;} .ntime{height: 66px;width: 80px;text-align: center;border-right: 1px solid #e8e8e8;} .ntime dd{color: #333333;font-size: 18px;margin:6px 0;} .ntime dt{color: #333333;font-size: 14px;} .nlist2 li{margin-bottom: 35px;} .nei{width: 460px;} .nei a{color: #333333;font-size: 16px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .nei p{color: #666666;font-size: 14px;line-height: 24px;} .nlist2 li:hover .nei a{color: #e50112;} .box5 .fbox a{width:118px;height:39px;line-height:39px;font-size:14px;margin-top: 34px;border-radius:5px;} .box5 .jleft p{font-size:16px;margin-top:15px;} /*鎴愬姛妗堜緥*/ .fu{ margin-top: 40px; } .fu .top{ position: relative; } .fu .content{ background: url(../images/fu.jpg) no-repeat top center; height: 462px; margin-top: 32px; } .ttc{ padding-top:40px; color: #555555; font-size: 20px; text-align: center; background: url(../images/hz.jpg) no-repeat top center; } .ttc span{ color: #0689e4; font-size: 22px; font-family: "Arial"; text-transform: uppercase; padding-left: 10px; } .banner_list{ padding-top: 54px; text-align: center; } /*浜у搧涓績*/ .top1{ width: 1200px; margin:0 auto; position: relative; } .case{ background:#f1f5f8; height: 480px; overflow: hidden; } .ttp{ color: #343434; font-size: 30px; text-align: center; font-weight: bold; background-repeat-y: 80px; line-height: 95px; line-height: 95px; background:url(../images/line.jpg) no-repeat bottom center; } .ttp span{ color: #0689e4; font-size: 24px; font-family: "Arial"; text-transform: uppercase; padding-left: 10px; } .pros{margin-top: 25px;} .pros li{ margin-left: 19px; position: relative; } .pros li img{ width:387px; height: 238px; overflow: hidden; } .pros li .curt{ width:26px; height: 238px; background: rgba(0,0,0,.5); font-size: 24px; padding: 0 17px; font-weight: bold; position: absolute; right: 0; top: 0; display: none; } .pros li .curt a{ color:#fff; display: block; margin-top: 68px; } .pros li:hover .curt{ /* display: block;*/ } .pros li p{font-size: 14px;color: #343434;line-height: 25px;} .pros li h3{position:relative;} .ckgd{ position: absolute; right: 175px; bottom: 5px; } .pros li h3 a.intros{ display: block; width: 100%; height: 60px; font-weight: normal; line-height: 60px; background:#fff; color: #343434; font-size: 28px; border: 1px solid #e2ebf3; border-top: none; margin-bottom: 10px; text-align: center; overflow: hidden; } .pros li h3 .pmores { position: absolute; right: 10px; top: 20px; font-size: 14px; font-weight: normal; } .pros li h3 a:hover{ color:#c41126; } .case .content{ margin-top: 5px; } a.more1{ display: block; width: 278px; height: 33px; line-height: 33px; text-align: center; border:1px solid #0689e4; border-radius: 18px; color: #0689e4; font-size: 14px; margin:50px auto 0; } a.more1:hover{ color: #555555; } /*鍚堜綔浼欎即*/ .he{background: #f1f5f8; } .he h2{color: #343434;padding-top:20px;} .he .content{position: relative;margin-top: 15px;} .l_btn3,.r_btn3{position: absolute;top:25%;} .l_btn3{left: 10px;} .r_btn3{right: 10px;} .tth{ padding-top:43px; color: #555555; font-size: 20px; text-align: center; background: url(../images/hz.jpg) no-repeat top center; } .tth span{ color: #0689e4; font-size: 24px; font-family: "Arial"; text-transform: uppercase; padding-left: 10px; } .banner_list2{text-align: center;margin-top: 20px;} .banner_list2 li{display: inline-block;margin:0 12px;} .banner_list2 li h3{color: #757575;font-size: 20px;font-weight: normal;line-height: 20px;padding-top: 15px;} /*棣栭〉鏂伴椈*/ .news{ margin-top: 20px; } .news .content{ margin-top: 30px; } .news h2 { color: #343434; padding-top: 0; } .news .nmore{display: block;color: #717273;font-size: 16px;width: 244px;height: 38px;line-height: 38px;text-align: center;border:1px solid #c30d23;border-radius: 20px;margin:0 auto; margin-top: 58px;} .news .nmore:hover{color: #c41126;} .slideBox{ width:580px; height:310px; overflow:hidden; position:relative; float: left; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle;position: relative; } .slideBox .bd img{ width:580px; height:310px; display:block; } .slideBox .bd li .rsb{ height: 100px; background-color: rgba(0,0,0,.5); position: absolute; bottom: 0; width: 100%; } .new-img{ float: left; width: 120px!important; height: 100px!important; } .nei-xin{ width: 304px; float: right; padding-right: 115px; padding-top: 10px; } .nei-xin a{ color:#fff; background: url(../images/d.png) no-repeat left center; padding-left: 23px; font-size: 14px; } .nei-xin p{ color: #fff; line-height: 26px; } a.morer{ color: #eb4040!important; font-size: 12px!important; background: none; padding: 0 } /* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙 */ .slideBox .prev, .slideBox .next{ position:absolute; right:30px; bottom:16px; display:block; width:30px; height:30px; background:url(../images/left.jpg) no-repeat; filter:alpha(opacity=50); } .slideBox .next{ left:auto; right:0%; background:url(../images/right.jpg); } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } .news-right{ width: 580px; } .qsb{ margin-top: 20px; } .hang{ width: 370px; } .top2{ width: 1200px; margin:0 auto; } .tt1{ font-size: 16px; color: #505050; padding-bottom: 12px; } .ttx{ padding-top:43px; color: #555555; font-size: 20px; text-align: center; background: url(../images/hz.jpg) no-repeat top center; } .ttx span{ color: #0689e4; font-size: 24px; font-family: "Arial"; text-transform: uppercase; padding-left: 10px; } /*棣栭〉宸︿晶鑱旂郴鎴戜滑*/ .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;} .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;} /*鍙嬫儏閾炬帴*/ .link{ background: #fff; min-height: 70px; } .f_link{width:1200px;margin:0 auto;padding-top: 34px;color: #000;font-size: 14px;font-family: "寰蒋闆呴粦";} .f_link a{ color: #000;font-size: 12px;margin-left:34px;display: inline-block; } .f_link a:hover{color: #e7141a} /*椤甸潰搴曢儴*/ .foot{background: #3b3b3b;} .ft1{padding-top: 40px;} .ft2{font-size: 14px;color: #fff;text-align: center;line-height: 24px;padding: 23px 0 28px 0;border-top:1px solid #525458;} .ft2 a{color: #fff;} .tewm{color: #ffffff;font-size: 16px;text-align: center;line-height: 30px;margin-right: 14px;margin-top: 37px;} .wx{margin-left: 43px;} .tleft{min-height: 192px;padding-left: 16px;width: 841px;padding-top: 35px;background: url(../images/line2.jpg) no-repeat right top;} .nav1 li{float: left;} .nav1 li a{font-size: 16px;color: #fff;display: block;margin-right: 35px;} .dtel{color: #ffffff;font-size: 14px;padding-left: 30px;background: url(../images/f1.jpg) no-repeat left center;margin: 26px 0 20px 0;} .add{color: #ffffff;font-size: 14px;padding-left: 30px;background: url(../images/f2.jpg) no-repeat left 8px;line-height: 36px;width: 267px;} .yx{color: #ffffff;font-size: 14px;padding-left: 30px;background: url(../images/f3.jpg) no-repeat left center;width: 259px;} .ren{color: #ffffff;font-size: 14px;padding-left: 30px;background: url(../images/f4.jpg) no-repeat left center;width: 220px;} /**/ #ydemo{overflow:hidden;margin:0 auto;position:relative;height:390px;} #yindemo{height:100%;} #ydemo1{} #ydemo2{} /*------------鍐呴〉-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:20px;padding-left:15px;font-weight:normal;font-family:"寰蒋闆呴粦"; background:url(../images/tt1.jpg) no-repeat 0% 100%;font-size:16px;color:#2c2c2c;height: 41px;} .left .box h3 span{display: block;line-height: 20px;color: #949494;font-size: 12px;} .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:1920px;position:relative;left:50%;margin-left:-960px;} .n_banner img{width:1920px;position:relative;left:50%;margin-left:-960px;} .left{width:220px;float:left;} .sort_menu{} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:40px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:40px;} .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:919px;float:left;padding-bottom:10px;padding-left: 30px;border-left: 1px solid #d8d8d8;margin-left: 30px;min-height: 1200px;} .sitemp{line-height:50px;height:50px;overflow:hidden;padding-right:10px;border-bottom:1px solid #d8d8d8;} .sitemp h2 { width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; color: #461d00; font-size: 18px; } .sitemp .site { width: 410px; float: left; text-align: left; line-height: 30px; } .right .content{padding:10px;padding-top:30px;overflow:hidden;line-height: 24px;} .case_list1{padding-top: 30px;} .case_list1 li{;;_display:inline;margin:0 auto;text-align: center;} .case_list1 li a img{border:1px solid #e8e8e8;} .case_list1 li a img{width:198px;height:135px;} .case_list1 li h4{text-align:center;line-height: 40px;} .case_list1 li h4 a{font-weight:normal;font-size: 14px;} .case_list1 li a.img{display:block;} .case_list1 li a.img:hover{border-color:#00609d;}