/*澶撮儴鏍峰紡*/ .head { height: 139px; border-top: 3px solid #1686ee; border-bottom: 1px solid #dedede; } #header { width: 1200px; margin: 0 auto; } .logo { float: left; margin-top: 11px; } .k11 { height: 30px; line-height: 30px; } .k1 { float: right; } .topLink { float: right; text-align: right; position: relative; z-index: 9999; padding-top: 27px; background: url(../images/tel.png) no-repeat 0px 20px; padding-left: 37px; } .topLink .k2 { font-family: "寰蒋闆呴粦"; text-align: left; } .topLink .k2 p:nth-of-type(1) { font-size: 14px; color: #333; text-indent: 30px; } .topLink .k2 p:nth-of-type(2) { font-size: 28px; color: #1686ee; font-family: "Arial"; } /*鐑棬鎼滅储*/ .search-box { height: 60px; background: #f2f2f2; border-bottom: 1px solid #dedede; } .search { max-width: 1200px; margin: 0 auto; } #formsearch { float: right; margin-top: 13px; } .hotSearch { width: 400px; float: left; height: 60px; line-height: 60px; font-weight: normal; } /*鎼滅储鍜岀儹闂ㄦ悳绱?/ .hotSearch a { margin-right: 6px; } #formsearch input { height: 32px; background: #fff; border: 1px solid #c8c8c8; line-height: 32px; } #formsearch input#keyword { height: 32px; line-height: 32px; width: 230px; color: #666; background: #fff; text-indent: 15px; } #formsearch input#s_btn { width: 50px; height: 34px; border: none; cursor: pointer; background: url(../images/ss.png) no-repeat; margin-left: -4px; } /*涓讳綋鏍峰紡*/ #container { width: 1200px; margin: 0 auto; margin-top: 10px; } .number-box { padding: 10px 0px; background: #f2f2f2; padding-bottom: 5px; } .wid1200 { width: 1380px; margin: 0 auto; } .num-list { text-align: justify; } .num-list li { position: relative; display: inline-block; width: 24.5%; vertical-align: top; text-align: center; } .num-list li div span { font-size: 50px; color: #1686ee; font-weight: bold; /*font-family: "Myriad Pro";*/ line-height: 40px; padding-top: 13px; display: block; } .num-list li p { font-size: 18px; color: #333; } .num-list:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: ''; } /*瑙e喅鏂规*/ .solution-box { height: 667px; background: url(../images/bj1.jpg) no-repeat center; } .solution-center { width: 1200px; margin: 0 auto; height: 667px; position: relative; } .solutetitle { width: 351px; height: 87px; background: url(../images/solutetitle.png) no-repeat; position: absolute; left: 0; top: 50px; } .solutetitle p { font-size: 18px; color: #333; line-height: 60px; text-indent: 0px; margin-top: 80px; } .viewmore { position: absolute; width: 116px; height: 70px; text-align: center; line-height: 70px; top: 345px; left: 52px; } .viewmore a { display: block; font-size: 18px; color: #333; } .solute-img1 { width: 544px; height: 544px; position: absolute; z-index: 9; left: 213px; top: 65px; display: none; } .solute-img { width: 166px; height: 166px; position: absolute; z-index: 99; cursor: pointer; transition: all 0.5s; } .solute-img:hover{ transform: scale(1.2); z-index: 999; } .sbxian{ transition: all 0.5s; } .solute-img:hover .sbxian{ filter: none; } .icon-1 { right: 422px; top: 79px; z-index: 100; } .icon-2 { right: 335px; top: 166px; z-index: 101; } .icon-3 { right: 248px; top: 254px; z-index: 102; } .icon-4 { right: 334px; top: 342px; z-index: 103; } .icon-5 { right: 422px; top: 431px; z-index: 104; } .solute-text { position: absolute; right: 0; font-size: 14px; color: #333; line-height: 25px; padding: 3px 8px; } .icom-1 { width: 380px; top: 68px; right: -32px; transition: all 0.3s; } .icom-1.show{ background: #9048d9; color:#fff; font-size:16px; } .icom-2 { width: 310px; top: 134px; right: -35px; transition: all 0.3s; } .icom-2.show{ background: #488cd9; color:#fff; font-size:16px; } .icom-3 { width: 200px; top: 309px; right: -32px; transition: all 0.3s; } .icom-3.show{ background: #01c3af; color:#fff; font-size:16px; } .icom-4 { width: 308px; top: 480px; right: -34px; transition: all 0.3s; } .icom-4.show{ background: #4bc27e; color:#fff; font-size:16px; } .icom-5 { width: 375px; top: 584px; right: -35px; transition: all 0.3s; } .icom-5.show{ background: #00abda; color:#fff; font-size:16px; } .xian-1{ width: 64px; height: 27px; background: url(../images/x1.png) no-repeat; position: absolute; filter: grayscale(100%); top: 24px; right: -26px; } .xian-2{ width: 68px; height: 33px; background: url(../images/x2.png) no-repeat; position: absolute; filter: grayscale(100%); top: 4px; right: -17px; } .xian-3{ width: 38px; height: 11px; background: url(../images/x3.png) no-repeat; position: absolute; filter: grayscale(100%); top: 77px; right: -34px; } .xian-4{ width: 64px; height: 31px; background: url(../images/x4.png) no-repeat; position: absolute; filter: grayscale(100%); top: 129px; right: -17px; } .xian-5{ width: 74px; height: 45px; background: url(../images/x5.png) no-repeat; position: absolute; filter: grayscale(100%); top: 117px; right: -36px; } /*浜у搧涓績*/ .pro-tab-box { background: #f2f2f2; height: 750px; } .pro-tab-center { width: 1200px; margin: 0 auto; } .pro-left { width: 260px; height: 733px; background: url(../images/proleft.png) no-repeat; float: left; } .pro-title { width: 260px; height: 100px; position: relative; } .cpzx { position: absolute; width: 94px; height: 105px; left: 35px; top: -20px; z-index: 99; } .cpzx span { display: block; background: #ef6700; padding: 11px 21px; font-size: 18px; color: #fff; letter-spacing: 7px; text-align: center; } .cpzx a { display: block; text-align: center; background: #fff; color: #ef6700; line-height: 29px; } .pro-title h2 { font-size: 24px; color: #fff; font-weight: normal; line-height: 30px; padding-left: 134px; padding-top: 30px; } .pro-title p { font-size: 16px; color: #fff; opacity: 0.7; padding-left: 134px; } .pro-sort { width: 205px; margin: 0 auto; margin-top: 12px; } .pro-sort li { height: 47px; line-height: 47px; } .pro-sort li a { color: #fff; font-size: 16px; display: block; text-indent: 30px; background: url(../images/left2.png) no-repeat 5px; } .pro-sort li a:hover{background: url(../images/left2.png) no-repeat 5px;background-color:#ef6700;} .pro-left-bottom h3 { font-size: 22px; color: #fff; text-align: center; padding-top: 40px; padding-bottom: 20px; } .pro-left-bottom .tellphone { background: url(../images/phone.png) no-repeat 12px; } .pro-left-bottom .tellphone p { color: #fff; text-indent: 60px; } .pro-left-bottom .tellphone p:nth-of-type(1) { font-size: 14px; text-indent: 64px; } .pro-left-bottom .tellphone p:nth-of-type(2) { font-size: 24px; } .pro-left-bottom a { width: 260px; height: 40px; text-align: left; display: block; color: #fff; font-size: 16px; line-height: 40px; margin-top: 16px; text-indent: 64px; } .pro-right { width: 900px; float: right; } .pro-right .reuse { height: 31px; background: url(../images/h2bj.png) no-repeat; font-size: 18px; line-height: 16px; color: #ef6700; text-indent: 50px; margin-top: 45px; } .pro-right .reuse a { float: right; font-size:18px; color: #333; font-weight: normal; } .pro-tab { width: 878px; height: 312px; border: 1px solid #dedede; padding: 10px; position: relative; margin-top: 15px; } .tab2, .tab3 { display: none; } .tab2 li .pro-img { float: left; width: 423px; height: 315px; } .tab2 li .pro-img img{width: 423px;height: 315px;} .tab2 li .pro-text .title { width: 415px; float: left; margin-left: 40px; font-size: 14px; color: #333; line-height: 50px; padding-top: 30px; } .tab2 li .pro-text .title span { color: #ef6700; } .tab2 li .pro-text .usage { width: 415px; float: left; margin-left: 40px; font-size: 14px; color: #333; line-height: 30px; } .tab2 li .pro-text .usage span { color: #ef6700; } .pro-text a { display: block; width: 140px; height: 40px; text-align: center; line-height: 40px; border-radius: 5px; float: left; margin-left: 40px; color: #fff; font-size: 14px; margin-top: 30px; } .pro-text .xiangqing { background: url(../images/more1.png) no-repeat 100px #1686ee; } .pro-text .zixun { background: url(../images/more2.png) no-repeat 100px #ef6700; } .pro-tab1 { margin-top: 20px; } .tab3 { text-align: justify; } .tab3 li { width: 288px; height: 285px; border: 1px solid #dedede; text-align: center; position: relative; display: inline-block; vertical-align: top; } .tab3 li img{ width: 240px; height: 220px; margin-top: 21px; } .tab3 li:hover { border: 1px solid #e87518; } .tab3 li a.img { display: block; margin-top: 0px; } .tab3 li h3 { line-height: 45px; } .tab3 li h3 a { display: block; font-size: 14px; color: #333; } .tab3:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: ''; } /*鍏ぇ浼樺娍*/ .adv-box { height: 2481px; background: url(../images/bj2.png) no-repeat center; } .adv-center { width: 1200px; margin: 0 auto; height: 2481px; position: relative; } .adv-list li { position: absolute; } .adv-list li h2 { font-size: 30px; color: #ef6700; } .adv-list li .content { font-size: 16px; color: #333; } .adv-1 { right: 13px; top: 353px; } .adv-1 .content { padding-top: 36px; } .adv-2 { right: 13px; top: 535px; } .adv-2 .content { padding-top: 36px; width: 400px; } .adv-3 { left: 184px; top: 1039px; } .adv-3 .content { padding-top: 36px; width: 460px; } .adv-4 { left: 184px; top: 1223px; } .adv-4 .content { padding-top: 36px; width: 460px; } .adv-5 { right: 51px; top: 1478px; } .adv-5 .content { padding-top: 36px; width: 400px; } .adv-6 { right: 51px; top: 1660px; } .adv-6 .content { padding-top: 36px; width: 400px; } .adv-7 { left: 136px; top: 2091px; } .adv-7 .content { padding-top: 36px; width: 460px; } .adv-8 { left: 136px; top: 2272px; } .adv-8 .content { padding-top: 36px; width: 460px; } /*鍏充簬鎴戜滑*/ .about-box { height: 651px; background: url(../images/bj3.png) no-repeat center; position: relative; left: 50%; margin-left: -960px; width: 1920px; } .about-center { width: 1200px; height: 478px; background: #fff; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; top: 100px; margin: auto; } .reuse1 { text-align: center; font-size: 24px; color: #333; font-weight: normal; padding-top: 30px; padding-bottom: 20px; width: 90%; margin: 0 auto; border-bottom: 1px solid #ddd; } .reuse1 p { font-size: 14px; color: #999; } .content9 { text-align: center; font-size: 14px; color: #666; line-height: 24px; padding-top: 20px; padding-bottom: 70px; background: url(../images/jia.png) no-repeat center bottom; } .roll-wrap { position: relative; width: 90%; height: 144px; margin: 0 auto; margin-top: 15px; } .roll_row1 { position: relative; width: 100%; height: 144px; overflow: hidden; margin: 0 auto; } .roll_row .roll__list { width: 9999px; } .control.pre { background: url(../images/left.png) no-repeat center; left: -35px; } .control.next { background: url(../images/right.png) no-repeat center; right: -35px; } .control { position: absolute; top: 30px; width: 24px; height: 82px; font-weight: bold; text-decoration: none; color: #fff; } .roll_row .roll__list li { float: left; display: block; margin-right: 30px; width: 190px; height: 142px; text-align: center; border: 1px solid #ddd; } .roll_row .roll__list li img { margin-top: 0px; width: 190px; height: 144px; } /*棣栭〉鐣欒█*/ .message-box { width: 1200px; margin: 0 auto; } .message-box .reuse2 { background: url(../images/h2bj1.png) no-repeat center; line-height: 60px; text-align: center; color: #fff; font-weight: normal; font-size: 24px; margin-bottom: 50px; } .mes-center { width: 1200px; height: 398px; margin: 0 auto; background: url(../images/mes.png) no-repeat center; margin-bottom: 70px; } .mes1 { width: 360px; float: left; margin-top: 220px; margin-left: 30px; } .mes1 li { line-height: 36px; margin-bottom: 10px; } .mes1 li h3 { float: left; font-size: 14px; font-weight: normal; color: #fff; letter-spacing: 2px; padding-right: 10px; } .mes1 li div input { width: 297px; height: 34px; border: 1px solid #fff; background: none; } .mes1 li div #code { padding-top: 0px; } .mes2 { width: 485px; float: right; margin-top: 220px; } .mes2 li { line-height: 36px; margin-bottom: 10px; } .mes2 li h3 { float: left; font-size: 14px; font-weight: normal; color: #fff; letter-spacing: 2px; padding-right: 10px; } .mes2 li div { float: left; } .mes2 li div textarea { width: 398px; height: 90px; border: 1px solid #fff; background: none; } .mes2 li .msgbtn { width: 170px; height: 40px; display: block; cursor: pointer; line-height: 40px; text-align: center; background: #fff; border-radius: 5px; color: #1686ee; font-size: 16px; border: none; margin-left: 48px; } /*妗堜緥涓績*/ .case-box { background: #f2f2f2; padding: 50px 0px; padding-bottom: 40px; } .case-box h2 { height: 62px; background: url(../images/case.png) no-repeat center; } .case-center { width: 1200px; margin: 0 auto; margin-top: 10px; } .roll-wrap1 { position: relative; width: 100%; height: 250px; overflow: hidden; } .roll_row2 .roll__list { width: 9999px; } .roll_row2 .roll__list li { float: left; display: block; margin-right: 20px; width: 278px; height: 208px; border: 1px solid #ddd; text-align: center; } .roll_row2 .roll__list li img { padding-top: 0px; width: 278px; height: 208px; } .roll_row2 .roll__list li h3 { line-height: 50px; } .roll_row2 .roll__list li h3 a { font-size: 14px; font-weight: normal; display: block; color: #000; } /*鍚堜綔瀹㈡埛*/ .partner-box { margin-top: 50px; } .partner-box h2 { height: 62px; background: url(../images/hz.png) no-repeat center; } .partner-center { width: 1200px; margin: 0 auto; } .roll-wrap2 { position: relative; width: 100%; height: 150px; overflow: hidden; margin-top: 30px; margin-bottom: 30px; } .roll_row3 .roll__list { width: 9999px; } .roll_row3 .roll__list li { float: left; display: block; margin-right: 20px; width: 218px; height: 128px; border: 1px solid #ddd; text-align: center; } .roll_row3 .roll__list li img { padding-top: 4px; width: 218px; height: 123px; } /*鏂伴椈涓績*/ .news-box { background: #f2f2f2; padding: 50px 0px; } .news-center { width: 1200px; margin: 0 auto; } .news-left { width: 750px; float: left; border: 1px solid #dedede; height: 455px; } .tab { position: relative; height: 50px; background: #333; } .tab li { float: left; width: 120px; height: 50px; display: block; line-height: 50px; margin-right: 8px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; background: url(../images/tabbj.png) no-repeat right; } .tab li:last-child { background: none; } .tab li.cur { color: #ef6700; text-decoration: none; } .tt { display: none; } .list1 { padding: 8px 10px; height: 350px; overflow-y: scroll; width: 650px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; background: url(../images/new.png) repeat-y 75px; } .list1::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮?/ width: 3px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ height: 1px; } .list1::-webkit-scrollbar-thumb { /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #ef6700; } .list1::-webkit-scrollbar-track { /*婊氬姩鏉¢噷闈㈣建閬?/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #999999; } .list1 li { line-height: 45px; position: relative; vertical-align: middle; } .list1 li a { padding-left: 13px; line-height: 45px; color: #555555; display: block; float: left; font-size: 14px; } .list1 li a:hover { color: #e87518; text-decoration: none; } .list1 li span { float: left; line-height: 45px; color: #999; display: block; font-size: 14px; } .news-right { width: 395px; float: right; } .news-right h2 { height: 50px; color: #fff; font-weight: normal; background: #333; line-height: 50px; font-size: 16px; text-indent: 20px; } .news-right h2 a { color: #999; float: right; font-size: 12px; margin-right: 20px; } .news-right-content { width: 395px; height: 406px; border: 1px solid #ddd; } .roll_col5 { width: 100%; height: 405px; overflow: hidden; } .roll-wrap5 { position: relative; width: 100%; height: 405px; overflow: hidden; } .roll_col5 .roll__list { width: 100%; } .roll_col5 li { display: block; height: 140px; border-bottom: 1px dashed #ddd; } .roll_col5 li a { display: block; font-size: 14px; color: #1686ee; line-height: 35px; padding-left: 45px; padding-top: 12px; background: url(../images/wen.png) no-repeat 14px 22px; } .roll_col5 li p { font-size: 14px; line-height: 25px; padding-left: 45px; background: url(../images/da.png) no-repeat 14px 6px; padding-right: 20px; } /*----- 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; } /*椤甸潰搴曢儴*/ .foot { background: #222222; /*margin-bottom: 150px;*/ } #footer { position: relative; width: 1200px; margin: 0 auto; } .nav1 { width: 835px; margin: 0 auto; } .nav1 li { float: left; width: 92px; height: 82px; line-height: 82px; background: url(../images/tabbj.png) no-repeat 80px; } .nav1 li:last-child { background: none; } .nav1 li a { display: block; color: #fff; font-size: 14px; height: 82px; line-height: 82px; } .foot-left { width: 577px; height: 268px; background: url(../images/ftleft.png) no-repeat; float: left; position: relative; } .hotline { padding-top: 75px; padding-left: 20px; } .hotline p:nth-of-type(1) { color: #fff; font-size: 14px; } .hotline p:nth-of-type(2) { color: #fff; font-size: 24px; } .footlx { padding-top: 30px; padding-left: 20px; color: #fff; line-height: 25px; font-size: 12px; } .ewm { position: absolute; right: 0px; top: 0px; } .foot-right { width: 575px; float: right; } .f_link { padding-top: 14px; width: 575px; margin-top: 20px; line-height: 24px; font-size: 14px; color: #f2f2f2; background: url(../images/link.png) no-repeat -4px 1px; } .copyright { text-align: left; line-height: 24px; } .footnv { padding-bottom: 40px; } .tellbt-box { height: 150px; background: url(../images/telbt.png) no-repeat center; /*position: fixed;*/ bottom: 0; z-index: 9999; left: 0; right: 0; margin: auto; } .tellbt-center { width: 1200px; margin: 0 auto; } .tellleft { float: left; color: #fff; font-size: 16px; line-height: 42px; padding-top: 12px; padding-left: 38px; } .tellmid { float: left; text-align: center; margin-left: 200px; margin-top: 17px; } .tellmid p:nth-of-type(1) { color: #fff; font-size: 16px; } .tellmid p:nth-of-type(2) { font-size: 34px; color: #fff; } .tellmid a { display: block; width: 158px; height: 34px; text-align: center; line-height: 34px; border: 1px solid #ff9c00; font-size: 16px; color: #ff9c00; margin: 0 auto; } .ewm1 { float: right; margin-top: 10px; } /*------------鍐呴〉-------------------*/ .left .box { margin-bottom: 10px; } .left .box h3 { line-height: 67px; padding-left: 15px; font-weight: bold; background: #1686ee; font-size: 20px; color: #fff; margin-bottom: 10px; } .left .box .content { background: #f5f5f5; border: 1px solid #ececec; padding: 5px 15px; } .prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; } .n_bannerbg { position: relative; } .n_banner { width: 100%; overflow: hidden; } .n_banner img { width: 1920px; position: relative; left: 50%; margin-left: -960px; height: auto; } .left { width: 245px; 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: 922px; float: right; padding-bottom: 10px; } .sites { border-bottom: 1px solid #ececec; } .site-tit { color: #1686ee; font: 400 20px/40px "Microsoft Yahei"; border-bottom: 2px solid #1686ee; } .sites .site { margin-top: 7px; } .sitemp { line-height: 40px; height: 40px; overflow: hidden; } .right .content { padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px; }