/*公共的清楚默认样式*/ @charset "utf-8"; body{ background:#fff; margin: 0;padding: 0; font-family:"微软雅黑"} .llq{width: 100%; height: 100%;position: relative; background:#eee;display: none;} .llq img{position:absolute; position: absolute; top: 50%; bottom: 0; right: 0; left: 50%; margin:-200px 0 0 -400px;} #warp,.header{width: 100%; } /*头部开始*/ .nav #all .List_show{ display: block;} a:hover{cursor:pointer ;} .header{ width: 1200px; background: #fff;height: 110px;margin: auto;} .warp{width: 100%; margin: auto;background: #eee;} .title{ width: 1200px; margin: auto; height: 28px;line-height: 28px;text-decoration:underline; padding: 5px 0 5px 0;} .title .fon_color{ color: #f6892c;} .title .left{ color:#666 ;} .title .right img{margin: 8px 0px 0 0 ;cursor: pointer;} .title .right ul{ height: 28px;} .title .right ul li{cursor: pointer; float: left; color: #666; padding-left: 10px;border-right:1px solid #dfdede; ;padding-right:10px ;height: 28px;} .title .right ul li .platform{display: none; position: absolute;background:#EAEAEA; width: 160px;left: -10px;} .title .right ul li .platform span{ display: block;width: 100%; line-height: 30px; margin-left: 10px; font-family: '微软雅黑';} .title .right ul li .platform span:hover{color: #999;} .title .right ul li .platform a{ display: block;width: 100%; line-height: 30px; margin-left: 10px;color: #666; font-family: '微软雅黑';} .title .right ul li .platform a:hover{color: #999;} .share_down{float:right;color:#666 ; font-size: 12px;margin-top: 2px;cursor: pointer;} .code_show{display: none; position: absolute;top: 33px; left: 0; width: 120px; height: 120px; background: #EAEAEA;} .title .right .code_show img{ margin: 5px 0 0 5px;} .share_show{display: none; width: 155px; height: 90px;background: #EAEAEA;position: absolute;top: 33px; right: 0;} .share_show p{ width: 80%; margin: auto; height: 36px; line-height: 31px;cursor: pointer;font-weight: 300;} /*logo部分*/ .header .logo{ margin-top: 33px; margin-right: 150px;} /*搜索部分*/ .headerSearchTit{height: 30px; line-height:30px; margin-top: 16px;font-size: 14px; color: #666; font-family: 'arial'; cursor: pointer;} .headerSearchTit>span{ padding-right: 10px; } .headerSearchActive{ color: #F78B31; } .dropdown-menu{position: absolute;z-index: 999;display: none;background: #fff; border: 1px solid #F78B31; border-top:none; width: 73.5%; font-size: 14px; color: #333;} .dropdown-menu>li{ padding-left: 12px; height: 28px; line-height: 28px;} .seek{ width: 627px; height: 42px; border: 1px solid #F78B31; margin-top: 35px; position:relative;} .pro{ width: 80px; height: 100%; text-align: center; line-height: 42px; background: #EDEDED;color: #656565;} .cpfl{ width:58px; border:1px solid #CCC; position:absolute; top:42px; left:0; display:none;} .cpfl li{ width:100%; height:20px; line-height:23px;} .input{ width: 400px; height: 40px; line-height: 40px; border: none; background: #fafafa; padding-left:12px; margin-top: 1px;} .sou{width: 65px;height: 100%; background: #F78B31; position: relative; cursor: pointer;} .sou img{position: absolute;left: 0;top: 0;right: 0;bottom:0 ; margin: auto; cursor: pointer;} .info{ width: 160px; height: 50px; float: right; margin: 33px 20px 0 0;} .info div{ width:78px;text-align: center;cursor: pointer;} /*发布产品部分*/ .issue{position: relative; height: 0px; } .issue_chanp{width:110px;height:42px; margin: 40px 0 0 20px;border-right: 1px solid #EEEEEE;padding: 6px 0 0 6px;} .issue_chanp ul{margin-left: 10px;} .issue_chanp ul p{ width: 73px; line-height: 19px; word-break: break-word;white-space: normal;word-wrap: break-word;overflow: hidden;} .issue_bont{ display:block; width:85px;height:42px;margin: 40px 0 0 10px;padding: 6px 10px 0 6px;z-index:6;border: 1px solid white;} .issue_bont ul:hover,.issue_chanp ul li a:hover{text-decoration:underline;color:#F78B31;cursor:pointer;} .denglu{width:110px;height:42px; margin:47px 0 0 150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .denglu ul li{color: #F78B31;} .denglu ul li a{color: #F78B31;} .denglu ul:hover{text-decoration:underline;color: #F78B31;cursor:pointer;} .XSJ{ margin-left: 20px;} .weidengl{position: relative;} /*nav 开始*/ .nav{ width: 100%; height: 40px;z-index:10;font-size: 13px;background: #130171;} .nav_box{width: 1200px; margin: auto;} .nav_box h2{font-size: 13px; font-weight: 600; width: 300px; line-height: 40px; text-align: center;color: #fff;background: #2e49b0;} .nav_box h2 img{margin: 14px;} .nav_box .yijiK li,.nav_box .yiji_box li{cursor: pointer; width: 104px; margin-left: 8px; line-height: 40px; font-weight: 300;text-align: center;font-family: '微软雅黑'; position: relative;} .nav_box .yiji_box li{ height: 40px; } .nav_box .yiji_box li a{color:#fff ;font-size: 13px; display: block; width:100%; height: 100%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .Header_PumpIcon{ display: block; width: 29px; height: 17px; background: url(/catalog/view/theme/theme505/en_images/common/parts/NEW.png) no-repeat; position: absolute; right: 6px; top: -6px;} .nav_box .yiji_box li .Header_Mudpump {line-height: 14px; white-space: normal;padding-top: 7px;} /*二级菜单*/ #all{ position: relative;} #all .show_K .yijiK .yijik_hover{ border: 2px solid #2e49b0;border-right: 2px solid #F5F5F5;background: #F5F5F5;} #all .yijiK li .span_hover{color:#2e49b0 ;} #all .yijiK{ width: 300px; height: 499px; background: #fff; position: absolute;top: 0px; left: 0;z-index: 10;} #all .yijiK li{margin: 0; width: 288px;text-align: left; padding: 10px 0 10px 10px;line-height: 33px;min-height: 35px; } #all .yijiK li .img_box{ width: 68px; height: 35px;display:table-cell;text-align:center;vertical-align:middle;} #all .yijiK li img{ vertical-align:middle;} #all .yijiK li span{ float: right; width: 200px;display: table-cell;vertical-align: middle; padding-left: 20px;color: #666;} #all .erjiK{display: none; width:845px; height: 495px;background: #fff; position: absolute;top: 0px;background: #F5F5F5; left: 300px;z-index: 9;border: 2px solid #2e49b0;overflow-y: auto; } #all .erjiK .erji_tit{display: block; width: 97%; margin: 20px 0 10px 0; padding-left: 20px; color: #2e49b0; font-size: 14px; font-weight: 600;} #all .erjiK .erjiK_box{min-height: 1px;float: left;} #all .erjiK ul { width: 815px; margin: auto; margin-left: 10px;border-bottom:1px solid #dcdcdc; float: left; min-height: 1px ; padding-bottom: 10px;} #all .erjiK ul li{padding:0 10px 0 10px; float: left;border-right: 1px solid #dcdcdc;margin-top: 10px; } #all .erjiK ul li a{ color: #666;font-size: 12px;} /*banner部分*/ .banner{width: 100%;overflow: hidden;position: relative;max-height: 504px;} .banner>ul{max-height: 504px; width: 100%; overflow: hidden;} .banner>ul li{float: left; width: 100%;} .banner .ul{width: 340px; height:30px; position: absolute;left: 50%; top: 93%; margin: 0 -100px 0 -128px;} .banner .ul li{width: 20px; height: 20px; background:#3E3E3E;border-radius: 10px;color: #fff;text-align: center;line-height: 20px;margin-left:35px ;} .banner .ul .hover{ background:#f60;color:#000;cursor:pointer;} .LunBo{width: 479px; height:187px;position: absolute; top: 0; left:479px ;} .LunBo img{width: 481px; height:189px;} .LunBo>ul{ width: 500%; position: relative;} .LunBo>ul>li{float: left;} .LunBo .Xul{width: 200px; height:30px; position: absolute;left: 50%; top: 85%; margin: 0 -100px 0 -100px;} .LunBo .Xul li{ width: 15px; height: 15px; background:#807C74;border-radius: 10px;color: #fff;margin-left:35px ;} .LunBo .Xul .hover{background:#fff;color:#000;cursor:pointer;} .logo_list .K{width: 1200px; height: 77px; background: #fff; margin-top: 10px;} .logo_list ul li img{width: 118px;margin-top: 5px; height: 60px; float: left; border-right: 1px solid #eee ;} .weituoK{ width:100%;height: 3620px;background:rgba(225,225,225,0.5); position: relative ; position: absolute; top: 0;display: none;} .weituo{width: 541px; height: 267px; background: #fff; position:fixed;top: 50%; left: 50%; margin: -133px 0 0 -280px; } .weituo h1{width: 541px; height: 40px; float: left; line-height: 40px; padding-left:15px ; font-size: 13px; color: #bbb; } .weituo h1 span{float: right;margin:10px 30px 0 0;} .weituo h1 span:hover{cursor: pointer;} .weituo{width: 541px; height: 267px; background: #fff;} .weituoK .text{margin-top: 20px; float: left;width: 100%; } .weituoK .text img{float:left; margin-left:15px;} .weituoK .text textarea{ width: 396px; height: 120px; margin-left: 30px; resize: none} .text input{width: 140px; height: 35px; background:#F78B31 ; border: none; border-radius: 5px;line-height: 35px;text-align: center; color: #fff;float: right; margin-right: 20px; margin-top: 20px;} .storey{display: none; position: fixed;left: 250px; bottom:150px;background: #fff;z-index: 999;} .storey ul{border-bottom:1px solid #dfdede ;height:300px;} .storey ul li{cursor: pointer; width: 63px; height: 49px;border: 1px solid #dfdede;font-size: 18px; line-height: 48px;color: #666; padding-left: 5px;border-bottom:none ; overflow: hidden;} .storey ul li>span{ display: block; float: left; } .storey .img_box{width: 34px; height: 26px;margin-top: 8px; display: block; float: right;} .storey ul li img{ vertical-align: middle;} .storey .color_font{color: #f78b31; border: 1px solid #f78b31;} .img_1{background: url(/catalog/view/theme/theme505/en_images/common/List_01.png) no-repeat center;} .img_11{background: url(/catalog/view/theme/theme505/en_images/common/List_01_red.png) no-repeat center;} .img_2{background: url(/catalog/view/theme/theme505/en_images/common/List_02.png) no-repeat center;} .img_22{background: url(/catalog/view/theme/theme505/en_images/common/List_02_red.png) no-repeat center;} .img_3{background: url(/catalog/view/theme/theme505/en_images/common/List_03.png) no-repeat center;} .img_33{background: url(/catalog/view/theme/theme505/en_images/common/List_03_red.png) no-repeat center;} .img_4{background: url(/catalog/view/theme/theme505/en_images/common/List_04.png) no-repeat center;} .img_44{background: url(/catalog/view/theme/theme505/en_images/common/List_04_red.png) no-repeat center;} .img_5{background: url(/catalog/view/theme/theme505/en_images/common/List_05.png) no-repeat center;} .img_55{background: url(/catalog/view/theme/theme505/en_images/common/List_05_red.png) no-repeat center;} .img_6{background: url(/catalog/view/theme/theme505/en_images/common/List_07.png) no-repeat center;} .img_66{background: url(/catalog/view/theme/theme505/en_images/common/List_07_red.png) no-repeat center;} .img_7{background: url(/catalog/view/theme/theme505/en_images/common/List_06.png) no-repeat center;} .img_77{background: url(/catalog/view/theme/theme505/en_images/common/List_06_red.png) no-repeat center;} /*主体部分开始*/ /*主体部分开始*/ .logo-box{ margin-top: 30px; border-left: 1px solid #eee;border-top: 1px solid #eee;} .About-box,.FenG,.logo-box,.Dubai-box,.Houston-box,.Recommendations-box,.logo_list{width: 1200px; margin: auto;} .About-box img{width:100%;; height: 125px;} .About-box ul{width: 100%; margin-top: 20px;;} .About-box ul li{ float: left;width: 297px;margin-left: 2.5px;} .About-box ul li{ margin-top: 20px;} .About-box ul li p{ width:296px; height: 80px;border-left:1px solid #ded9d9;border-bottom: 2px solid #7486CA;background: #f5f5f5;display: table;} .About-box ul li p span {display: block; width:276px; display: table-cell; vertical-align: middle; line-height: 20px;text-align: center;color: #333;font-size: 16px; font-weight: bold;font-family: arial;} .About-box ul li p b{width:256px; display: block; padding: 0px 30px 10px 30px;text-align: center;color: #333;font-size: 14px;line-height: 18px;} .FenG h1{font-size: 18px;color:#906F63;margin: 28px 0 10px 0;} .FenG h2{width: 1028px;height: 2px; background: #906F63;margin: 35px 0 0 19px;} /*logo-box 开始*/ .logo-box,.Dubai-box,.Houston-box,{ margin-top: 18px;} .logo-box img{float: left; border-bottom: 1px solid #EDEDED;border-right: 1px solid #EDEDED;} .logo-box .logo_img img:hover{opacity: 0.6;} .logo-box .logo_img img{width: 199px;height:100px;} /*楼层公用*/ .floor{width: 1200px; margin: auto;margin-top: 30px;} .OneF .menu_box li a, .TwoF .menu_box li a, .ThreeF .menu_box li a, .FourF .menu_box li a, .FiveF .menu_box li a, .SixF .menu_box li a{color:#5C5547 ;} .see{float: left; display: block;background: #029DEA;width: 18px;height: 18px;background:url(../../en_images/common/see.png) no-repeat left center ;} .more{float: right;font-size: 14px; margin: 10px 10px 0 0;font-weight: 600;} .OneF .menu_box .more{color: #FFBA56; margin: 0 10px 0 0;} .TwoF .menu_box .more{color: #1FB4FE;margin: 0 10px 0 0;} .ThreeF .menu_box .more{color:#FA8639;margin: 0 10px 0 0;} .FourF .menu_box .more{color: #44D8CD;margin: 0 10px 0 0;} .FiveF .menu_box .more{color: #4CABFC;margin: 0 10px 0 0;} .SixF .menu_box .more{color: #7CC556;margin: 0 10px 0 0;} .SevenF .menu_box .more{color: #029dea;} .OneF p:hover,.TwoF p:hover,.ThreeF p:hover,.FourF p:hover,.FiveF p:hover,.SixF p:hover,.SevenF p:hover {color:#029DEA ;text-decoration:underline} /*1F*/ .OneF .menu_box .OneF_menu_box_li_style{ color: #FFBA56; display: block; background:url(../../en_images/common/1Fmenu_backg.png) no-repeat center 24px;} .TwoF .menu_box .TwoF_menu_box_li_style{ color: #1FB4FE; display: block; background:url(../../en_images/common/2Fmenu_backg.png) no-repeat center 24px;} .ThreeF .menu_box .ThreeF_menu_box_li_style{color: #FA8639; display: block; background:url(../../en_images/common/3Fmenu_backg.png) no-repeat center 24px;} .FourF .menu_box .FourF_menu_box_li_style{ color: #44D8CD ; display: block; background:url(../../en_images/common/4Fmenu_backg.png) no-repeat center 24px} .FiveF .menu_box .FiveF_menu_box_li_style{ color: #4CABFC; display: block; background:url(../../en_images/common/5Fmenu_backg.png) no-repeat center 24px;} .SixF .menu_box .SixF_menu_box_li_style{ color: #7CC556; display: block; background:url(../../en_images/common/6Fmenu_backg.png) no-repeat center 24px;} .SevenF .menu_box .SevenF_menu_box_li_style{ color: #029dea; display: block; background:url(../../en_images/common/7Fmenu_backg.jpg) no-repeat center 24px;} .OneF .menu_box {width: 100%;height:30px;border-bottom: 3px solid #FFBA56; } .OneF .menu_box>ul>a {float: right;color: #FFBA56;} .OneF .menu_box li{padding: 0 10px 0 10px; line-height:30px;text-align:center;font-size: 14px;cursor: pointer;font-weight: 600;font-family: "微软雅黑";} .OneF .menu_box li a:hover{color: #FFBA56; display: block; background:url(../../en_images/common/1Fmenu_backg.png) no-repeat center 24px;} .OneF .menu_box li:first-child{text-align: left;margin-left: 0;} /*OCTG*/ .OneF .OCTG_box{width:899px;height: 373px;background: #fff; border-right: 1px solid #eee;border-bottom:1px solid #eee ;} .OneF .OCTG_box .One_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/1F101.jpg) no-repeat} .OneF .OCTG_box .One_box p, .OneF .OCTG_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .OneF .OCTG_box .One_box h1, .OneF .OCTG_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .OneF .OCTG_box .Two_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;background:url(../../en_images/common/1F102.jpg) no-repeat} .OneF .OCTG_box .Three_box{ width: 446px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/1F103.jpg) no-repeat} .OneF .OCTG_box .Three_box p, .OneF .OCTG_box .Four_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .OneF .OCTG_box .Three_box h1, .OneF .OCTG_box .Four_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .OneF .OCTG_box .Four_box{ width: 446px; height: 185px;background:url(../../en_images/common/1F104.jpg) no-repeat} /*Line*/ .OneF .Line_box{width:899px;height: 373px;background: #fff;display: none;} .OneF .Line_box .One_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/1F-201.jpg) no-repeat} .OneF .Line_box .One_box p, .OneF .Line_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .OneF .Line_box .One_box h1, .OneF .Line_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .OneF .Line_box .Two_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;background:url(../../en_images/common/1F-202.jpg) no-repeat} .OneF .Line_box .Three_box{ width: 446px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/1F-203.jpg) no-repeat} .OneF .Line_box .Three_box p, .OneF .Line_box .Four_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .OneF .Line_box .Three_box h1, .OneF .Line_box .Four_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .OneF .Line_box .Four_box{ width: 446px; height: 185px;background:url(../../en_images/common/1F-204.jpg) no-repeat} /*Other*/ .OneF .Other_box{width:899px;height: 373px;background: #fff;display: none;} .OneF .Other_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/1F-301.jpg) no-repeat} .OneF .Other_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .OneF .Other_box .Two_box p{ min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .OneF .Other_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .OneF .Other_box .Two_box h1{ min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .OneF .Other_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/1F-302.jpg) no-repeat} .OneF .Other_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/1F-303.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .OneF .Other_box .Three_box p{min-width: 100px;margin: 270px 0 0 150px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .OneF .Other_box .Three_box h1{min-width: 100px;margin:5px 0 0 150px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*2F*/ .TwoF .menu_box {width: 100%;border-bottom: 3px solid #1FB4FE;} .TwoF .menu_box li{padding: 0 10px 0 10px; line-height:30px;text-align:center;font-size: 14px;cursor: pointer;font-weight: 600;} .TwoF .menu_box li a:hover{color: #1FB4FE; display: block; background:url(../../en_images/common/2Fmenu_backg.png) no-repeat center 24px;} .TwoF .menu_box li:first-child{text-align: left;margin-left: 0;} .TwoF .menu_box li:last-child{text-align: right;color: #1FB4FE;} /*Rigs*/ .TwoF .Rigs_box{width:899px;height: 373px;background: #fff;border-bottom: 1px solid #eee;} .TwoF .Rigs_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/2F-101.jpg) no-repeat} .TwoF .Rigs_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .TwoF .Rigs_box .Two_box p{ min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .TwoF .Rigs_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .TwoF .Rigs_box .Two_box h1{ min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .TwoF .Rigs_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/2F-102.jpg) no-repeat} .TwoF .Rigs_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/2F-103.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .TwoF .Rigs_box .Three_box p{min-width: 100px;margin: 270px 0 0 150px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .TwoF .Rigs_box .Three_box h1{min-width: 100px;margin:5px 0 0 150px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Components*/ .TwoF .Components_box{width:899px;height: 373px;background: #fff;display: none;} .TwoF .Components_box>a{display: block;float: left;} .TwoF .Components_box .One_box{width: 298px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/2F-201.jpg) no-repeat} .TwoF .Components_box .Two_box{width: 299px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/2F-202.jpg) no-repeat} .TwoF .Components_box .Three_box{width: 298px; height: 187px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/2F-203.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .TwoF .Components_box .Four_box{width: 298px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/2F-204.jpg) no-repeat} .TwoF .Components_box .Five_box{width: 299px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/2F-205.jpg) no-repeat} .TwoF .Components_box .Six_box{width: 298px; height: 187px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/2F-206.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .TwoF .Components_box .One_box P, .TwoF .Components_box .Two_box P, .TwoF .Components_box .Three_box P{width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .TwoF .Components_box .One_box h1, .TwoF .Components_box .Two_box h1, .TwoF .Components_box .Three_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .TwoF .Components_box .Four_box P, .TwoF .Components_box .Five_box P, .TwoF .Components_box .Six_box P{min-width: 100px;margin: 50px 0 0 180px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .TwoF .Components_box .Four_box h1, .TwoF .Components_box .Five_box h1, .TwoF .Components_box .Six_box h1{min-width: 100px;margin:5px 0 0 180px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Tools*/ .TwoF .Tools_box{width:899px;height: 373px;background: #fff;display: none;} .TwoF .Tools_box .One_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/2F-301.jpg) no-repeat} .TwoF .Tools_box .One_box p, .TwoF .Tools_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .TwoF .Tools_box .One_box h1, .TwoF .Tools_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .TwoF .Tools_box .Two_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;background:url(../../en_images/common/2F-302.jpg) no-repeat} .TwoF .Tools_box .Three_box{ width: 446px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/2F-303.jpg) no-repeat} .TwoF .Tools_box .Three_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .TwoF .Tools_box .Four_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .TwoF .Tools_box .Three_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .TwoF .Tools_box .Four_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .TwoF .Tools_box .Four_box{ width: 446px; height: 185px;background:url(../../en_images/common/2F-304.jpg) no-repeat} /*3F*/ .ThreeF .menu_box {width: 100%;border-bottom: 3px solid #FA8639;} .ThreeF .menu_box li{ padding: 0 10px 0 10px;line-height:30px;text-align:center;font-size: 14px;cursor: pointer;font-weight: 600;} .ThreeF .menu_box li a:hover{color: #FA8639; display: block; background:url(../../en_images/common/3Fmenu_backg.png) no-repeat center 24px;} .ThreeF .menu_box li:first-child{text-align: left;margin-left: 0;} .ThreeF .menu_box li:last-child{text-align: right;color: #FA8639;} .ThreeF .OCTG_box{width:899px;height: 373px;background: #fff;} .ThreeF .OCTG_box .One_box{ width: 446px; height: 185px;border: 1px solid blue ;} /*Wellhea*/ .ThreeF .Wellhea_box{width:899px;height: 373px;background: #fff;border-bottom: 1px solid #eee;} .ThreeF .Wellhea_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/3F-101.jpg) no-repeat} .ThreeF .Wellhea_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Wellhea_box .Two_box p{ min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Wellhea_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .ThreeF .Wellhea_box .Two_box h1{ min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .ThreeF .Wellhea_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/3F-102.jpg) no-repeat} .ThreeF .Wellhea_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/3F-103.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .ThreeF .Wellhea_box .Three_box p{min-width: 100px;margin: 230px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Wellhea_box .Three_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Fracturing*/ .ThreeF .Fracturing_box{width:899px;height: 373px;background: #fff;display: none;} .ThreeF .Fracturing_box .One_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/3F-201.jpg) no-repeat} .ThreeF .Fracturing_box .One_box p, .ThreeF .Fracturing_box .Two_box p{width: 160px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Fracturing_box .One_box h1, .ThreeF .Fracturing_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .ThreeF .Fracturing_box .Two_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;background:url(../../en_images/common/3F-202.jpg) no-repeat} .ThreeF .Fracturing_box .Three_box{ width: 446px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/3F-203.jpg) no-repeat} .ThreeF .Fracturing_box .Three_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Fracturing_box .Four_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Fracturing_box .Three_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .ThreeF .Fracturing_box .Four_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .ThreeF .Fracturing_box .Four_box{ width: 446px; height: 185px;background:url(../../en_images/common/3F-204.jpg) no-repeat} /*Artifical*/ .ThreeF .Artifical_box{width:899px;height: 373px;background: #fff;display: none;} .ThreeF .Artifical_box .One_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/3F-301.jpg) no-repeat} .ThreeF .Artifical_box .One_box p, .ThreeF .Artifical_box .Two_box p{ width: 180px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Artifical_box .One_box h1, .ThreeF .Artifical_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .ThreeF .Artifical_box .Two_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;background:url(../../en_images/common/3F-302.jpg) no-repeat} .ThreeF .Artifical_box .Three_box{ width: 446px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/3F-303.jpg) no-repeat} .ThreeF .Artifical_box .Three_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Artifical_box .Four_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .ThreeF .Artifical_box .Three_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .ThreeF .Artifical_box .Four_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .ThreeF .Artifical_box .Four_box{ width: 446px; height: 185px;background:url(../../en_images/common/3F-304.jpg) no-repeat} /*4F*/ .FourF .menu_box {width: 100%;border-bottom: 3px solid #44D8CD;} .FourF .menu_box li{ padding: 0 10px 0 10px;line-height:30px;text-align:center;font-size: 14px;cursor: pointer;font-weight: 600;} .FourF .menu_box li a:hover{color: #44D8CD ; display: block; background:url(../../en_images/common/4Fmenu_backg.png) no-repeat center 24px;} .FourF .menu_box li:first-child{text-align: left;margin-left: 0;} .FourF .menu_box li:last-child{text-align: right;color: #44D8CD;} /*Gathering*/ .FourF .Gathering_box{width:899px;height: 373px;background: #fff;border-bottom: 1px solid #eee;} .FourF .Gathering_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/4F-101.jpg) no-repeat} .FourF .Gathering_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Gathering_box .Two_box p{ width: 120px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Gathering_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FourF .Gathering_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FourF .Gathering_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/4F-102.jpg) no-repeat} .FourF .Gathering_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/4F-103.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .FourF .Gathering_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Gathering_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Motor*/ .FourF .Motor_box{width:899px;height: 373px;background: #fff;display: none;} .FourF .Motor_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/3F-201.jpg) no-repeat} .FourF .Motor_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Motor_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Motor_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FourF .Motor_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FourF .Motor_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/4F-202.jpg) no-repeat} .FourF .Motor_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/4F-203.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .FourF .Motor_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Motor_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Valve*/ .FourF .Valve_box{width:899px;height: 373px;background: #fff;display: none;} .FourF .Valve_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/4F-301.jpg) no-repeat} .FourF .Valve_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Valve_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Valve_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FourF .Valve_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FourF .Valve_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/4F-302.jpg) no-repeat} .FourF .Valve_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/4F-303.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .FourF .Valve_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FourF .Valve_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*5F*/ .FiveF .menu_box {width: 100%;border-bottom: 3px solid #4CABFC;} .FiveF .menu_box li{padding: 0 10px 0 10px;line-height:30px;text-align:center;font-size: 14px;cursor: pointer;font-weight: 600;} .FiveF .menu_box li a:hover{color: #4CABFC; display: block; background:url(../../en_images/common/5Fmenu_backg.png) no-repeat center 24px;} .FiveF .menu_box li:first-child{text-align: left;margin-left: 0;} .FiveF .menu_box li:last-child{text-align: right;color: #4CABFC;} .FiveF .OCTG_box{width:899px;height: 373px;background: #fff;} .FiveF .OCTG_box .One_box{ width: 446px; height: 185px;border: 1px solid blue ;} /*Drilling*/ .FiveF .Drilling_box{width:899px;height: 373px;background: #fff;border-bottom: 1px solid #eee;} .FiveF .Drilling_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/5F-101.jpg) no-repeat} .FiveF .Drilling_box .One_box p{width: 120px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:25px;} .FiveF .Drilling_box .Two_box p{ min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FiveF .Drilling_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FiveF .Drilling_box .Two_box h1{ min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FiveF .Drilling_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/5F-102.jpg) no-repeat} .FiveF .Drilling_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/5F-103.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .FiveF .Drilling_box .Three_box p{min-width: 100px;margin: 270px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FiveF .Drilling_box .Three_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Production*/ .FiveF .Production_box{width:899px;height: 373px;background: #fff;display: none;} .FiveF .Production_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/5F-201.jpg) no-repeat} .FiveF .Production_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FiveF .Production_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FiveF .Production_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FiveF .Production_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FiveF .Production_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/5F-202.jpg) no-repeat} .FiveF .Production_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/5F-203.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .FiveF .Production_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FiveF .Production_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Transportation*/ .FiveF .Transportation_box{width:899px;height: 373px;background: #fff;display: none;} .FiveF .Transportation_box .One_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/5F-301.jpg) no-repeat} .FiveF .Transportation_box .One_box p, .FiveF .Transportation_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FiveF .Transportation_box .One_box h1, .FiveF .Transportation_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FiveF .Transportation_box .Two_box{ width: 446px; height: 185px;border-bottom: 1px solid #eee;background:url(../../en_images/common/5F-302.jpg) no-repeat} .FiveF .Transportation_box .Three_box{ width: 446px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/5F-303.jpg) no-repeat} .FiveF .Transportation_box .Three_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FiveF .Transportation_box .Four_box p{min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .FiveF .Transportation_box .Three_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FiveF .Transportation_box .Four_box h1{min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .FiveF .Transportation_box .Four_box{ width: 446px; height: 185px;background:url(../../en_images/common/5F-304.jpg) no-repeat} /*6F*/ .SixF .menu_box {width: 100%;border-bottom: 3px solid #7CC556;} /*.SixF .menu_box li{float: left; min-width: 262px;line-height:30px;text-align:center;font-size: 14px;cursor: pointer;font-weight: 600;}*/ .SixF .menu_box li{padding: 0 10px 0 10px;line-height:30px;text-align:center;font-size: 14px;cursor: pointer;font-weight: 600;} .SixF .menu_box li a:hover{color: #7CC556; display: block; background:url(../../en_images/common/6Fmenu_backg.png) no-repeat center 24px;} .SixF .menu_box li:first-child{text-align: left;margin-left: 0;} .SixF .menu_box li:last-child{text-align: right;color: #7CC556;} .SixF .OCTG_box{width:899px;height: 373px;background: #fff;} .SixF .OCTG_box .One_box{ width: 446px; height: 185px;border: 1px solid blue ;} /*Drilling*/ .SixF .Drilling_box{width:899px;height: 373px;background: #fff;border-bottom: 1px solid #eee;} .SixF .Drilling_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-101.jpg) no-repeat} .SixF .Drilling_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SixF .Drilling_box .Two_box p{ min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SixF .Drilling_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SixF .Drilling_box .Two_box h1{ min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SixF .Drilling_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/6F-102.jpg) no-repeat} .SixF .Drilling_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/6F-103.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .SixF .Drilling_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SixF .Drilling_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Chemicals*/ .SixF .Chemicals_box{width:899px;height: 373px;background: #fff;display: none;} .SixF .Chemicals_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-201.jpg) no-repeat} .SixF .Chemicals_box .One_box p{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SixF .Chemicals_box .Two_box p{ min-width: 100px;margin: 50px 0 0 290px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SixF .Chemicals_box .One_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SixF .Chemicals_box .Two_box h1{ min-width: 100px;margin:5px 0 0 290px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SixF .Chemicals_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/6F-202.jpg) no-repeat} .SixF .Chemicals_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/6F-203.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .SixF .Chemicals_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SixF .Chemicals_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Gathering*/ .SixF .Gathering_box{width:899px;height: 373px;background: #fff;display:none;} .SixF .Gathering_box .One_box{width: 298px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-301.jpg) no-repeat} .SixF .Gathering_box .Two_box{width: 299px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-302.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .SixF .Gathering_box .Three_box{width: 298px; height: 186px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-303.jpg) no-repeat} .SixF .Gathering_box .Four_box{width: 298px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-304.jpg) no-repeat} .SixF .Gathering_box .Five_box{width: 299px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-305.jpg) no-repeat} .SixF .Gathering_box .Six_box{width: 298px; height: 186px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-306.jpg) no-repeat; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .SixF .more{color:#7CC556;} .SixF .Gathering_box .One_box P, .SixF .Gathering_box .Two_box P, .SixF .Gathering_box .Three_box P{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SixF .Gathering_box .One_box h1, .SixF .Gathering_box .Two_box h1, .SixF .Gathering_box .Three_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SixF .Gathering_box .Four_box P, .SixF .Gathering_box .Five_box P, .SixF .Gathering_box .Six_box P{min-width: 100px;margin: 50px 0 0 180px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SixF .Gathering_box .Four_box h1, .SixF .Gathering_box .Five_box h1, .SixF .Gathering_box .Six_box h1{min-width: 100px;margin:5px 0 0 180px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*7F*/ .SevenF .menu_box {width: 100%;border-bottom: 3px solid #029dea;} .SevenF .menu_box li{float: left; padding: 0 10px 0 10px;line-height:30px;text-align:center;font-size: 14px;cursor: pointer;font-weight: 600;} .SevenF .menu_box li a:hover{color: #029dea; display: block; background:url(../../en_images/common/7Fmenu_backg.jpg) no-repeat center 24px;} .SevenF .menu_box li:first-child{text-align: left;margin-left: 0;} .SevenF .menu_box li:last-child{text-align: right;color: #7CC556;} .SevenF .OCTG_box{width:899px;height: 373px;background: #fff;} .SevenF .OCTG_box .One_box{ width: 446px; height: 185px;border: 1px solid blue ;} /*Drilling*/ .SevenF .Drilling_box{width:899px;height: 373px;background: #fff;border-bottom: 1px solid #eee;} .SevenF .Drilling_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/7F-101.jpg) no-repeat} .SevenF .Drilling_box .One_box p{min-width: 100px;margin: 50px 0 0 220px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Drilling_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Drilling_box .One_box h1{min-width: 100px;margin:5px 0 0 220px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SevenF .Drilling_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SevenF .Drilling_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/7F-102.jpg) no-repeat} .SevenF .Drilling_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/7F-103.jpg) no-repeat} .SevenF .Drilling_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Drilling_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Chemicals*/ .SevenF .Chemicals_box{width:899px;height: 373px;background: #fff;display: none;} .SevenF .Chemicals_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/7F-201.jpg) no-repeat} .SevenF .Chemicals_box .One_box p{min-width: 100px;margin: 50px 0 0 155px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Chemicals_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Chemicals_box .One_box h1{min-width: 100px;margin:5px 0 0 155px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SevenF .Chemicals_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SevenF .Chemicals_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/7F-202.jpg) no-repeat} .SevenF .Chemicals_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/7F-203.jpg) no-repeat} .SevenF .Chemicals_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Chemicals_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /*Gathering*/ .SevenF .Gathering_box{width:899px;height: 373px;background: #fff;display: none;} .SevenF .Gathering_box .One_box{ width: 450px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/7F-301.jpg) no-repeat} .SevenF .Gathering_box .One_box p{min-width: 100px;margin: 50px 0 0 155px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Gathering_box .Two_box p{ min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Gathering_box .One_box h1{min-width: 100px;margin:5px 0 0 155px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SevenF .Gathering_box .Two_box h1{ min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .SevenF .Gathering_box .Two_box{ width: 450px; height: 185px;border-right: 1px solid #eee;background:url(../../en_images/common/7F-302.jpg) no-repeat} .SevenF .Gathering_box .Three_box{width: 446px; height: 372px;margin-top:-186px;border-right: 1px solid #eee;background:url(../../en_images/common/7F-303.jpg) no-repeat} .SevenF .Gathering_box .Three_box p{min-width: 100px;margin: 270px 0 0 230px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .SevenF .Gathering_box .Three_box h1{min-width: 100px;margin:5px 0 0 230px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} /* .Seven .Gathering_box{width:899px;height: 373px;background: #fff;display:none;} .Seven .Gathering_box .One_box{width: 298px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-301.jpg) no-repeat} .Seven .Gathering_box .Two_box{width: 299px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-302.jpg) no-repeat} .Seven .Gathering_box .Three_box{width: 298px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-303.jpg) no-repeat} .Seven .Gathering_box .Four_box{width: 298px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-304.jpg) no-repeat} .Seven .Gathering_box .Five_box{width: 299px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-305.jpg) no-repeat} .Seven .Gathering_box .Six_box{width: 298px; height: 185px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background:url(../../en_images/common/6F-306.jpg) no-repeat} .Seven .more{color:#7CC556;} .Seven .Gathering_box .One_box P, .Seven .Gathering_box .Two_box P, .Seven .Gathering_box .Three_box P{min-width: 100px;margin: 50px 0 0 50px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .Seven .Gathering_box .One_box h1, .Seven .Gathering_box .Two_box h1, .Seven .Gathering_box .Three_box h1{min-width: 100px;margin:5px 0 0 50px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;} .Seven .Gathering_box .Four_box P, .Seven .Gathering_box .Five_box P, .Seven .Gathering_box .Six_box P{min-width: 100px;margin: 50px 0 0 180px;text-align: left;font-size: 18px;font-weight: 600;line-height:30px;} .Seven .Gathering_box .Four_box h1, .Seven .Gathering_box .Five_box h1, .Seven .Gathering_box .Six_box h1{min-width: 100px;margin:5px 0 0 180px;text-align: left;font-size: 14px;font-weight: 600;line-height: 17px;color: #029DEA;}*/ /*footer开始*/ .footerK{width: 100%;background: #666; margin-top: 20px;float: left; min-height: 424px;} .footer{ width:1200px;margin-top: 38px; margin: auto; background: #666; } .intro{ height: 78px; width: 100%; background: #707070;} .intro .footImg{ display: block; width: 1200px; margin:0 auto; background: #ccc;} .foot_list{ height: 206px; width: 1200px;margin: auto;overflow: hidden;} .Flist_l{ float: left; width:842px; } .Flist_l dl{ width: 20%; height: 100%; float: left; padding-top: 40px;} .Flist_l dl dt{font-size: 16px; color: #fff; padding-bottom: 12px;} .Flist_l dl dd{color: #fff;line-height: 22px; font-size: 14px;} .Flist_l dl dd a{color: #fff;} .Flist_r{color: #fff; width: 358px; height: 100%; float: left;background: url(../../image/common/final_index.jpg) no-repeat center; } .Flist_r h6{ height: 60px; width: 100%; text-align: center; line-height: 60px; font-size: 16px; padding-top: 10px; } .Flist_r p{ width: 280px; margin:0 auto; line-height: 17px; text-indent: 2em; } .foot_blogroll{ width: 100%; border-top: 1px dashed #767676;} .foot_Blogleft{ width:244px; line-height: 70px;} .foot_Blogleft>img{ display: block; float: left; width: 30px; height: 30px; margin: 21px 10px 0 78px;} .foot_Blogleft>p{ float: left; color: #fde518;font-size: 14px;} .foot_BlogRight{ width: 956px; padding: 14px 0; font-size: 14px;} .foot_BlogRight>a{ display: block; float: left; line-height: 40px; padding-right:50px; color: #fff;} .foot_BlogRight>a:hover{text-decoration: underline; color:#fde518;} .foot_last{ width: 100%; height: 118px; text-align: center;border-top: 1px solid #f1f1f1;} .foot_last p{ line-height: 22px; color: #fff; } .foot_last .Flast_one{ padding-top: 40px;} /*产品列表*/ #inStock{width: 12px; height: 12px ;margin-top: 7px; border: 1px solid #fff; float: left; margin-left: 10px;background: #fff;} #inStock:hover{cursor:pointer;} #inStock img{width:100%;display: none;margin-top: 3px;} .List_main{ width: 1200px; margin: auto;} .checkbox:hover{cursor: pointer;} .FXk{ width: 900px; padding: 15px; height: 30px; overflow: hidden;} .List_left_blue{width: 50px; margin: 20px 0 0 10px; float: left;} .List_left_blue:hover{cursor: pointer;} .List_main .center{width: 100%;margin-top: 20px;} .List_main .center .tit{background: #2E49B0;width: 1200px; height: 40px;} .List_main .center .tit ul li{ float: left; margin-left: 30px;line-height: 40px; color: #fff;} .List_main .center .tit ul li h1{ float: left;} .List_main .center .tit ul li select { float: right;} .List_main .center .tit ul li select{width: 90px; height: 20px;font-size: 11px; background: #fff; border: 1px solid #fff; margin-top: 10px; margin-left: 20px;appearance:none;} .List_main .center .tit ul li select:hover{border: 1px solid #8FD2F1; } .List_main .center .tit_right{ width: 202px; background: #2E49B0; height: 40px;float: left;margin-left: 16px;text-align: center;line-height: 40px; color: #fff;} .all_in .checkboxFive {margin-top: 6px;} .all_in .checkbox { width: 14px; height: 14px ; border: 1px solid #ccc; float: left; margin-left: 10px;} .all_in h2{ margin-top: -6px; float: left; margin-left: 10px;} .APIk .checkboxFive{width:120px;height:50px;border:1px solid #eee} /*.shuxingK{ border: 1px solid #eee;}*/ .shuxingK .checkboxFive{ margin:0 0 10px 0; width:150px} .shuxingK .checkbox { width: 14px; height: 14px ; border: 1px solid #ccc; float: left; } .shuxingK .checkbox { width: 12px; height: 12px; border: 1px solid #ccc; float: left; margin-left: 10px;} .shuxingK .checkbox img { margin-top: 2px; display: none; } .xilie-es{ width: 260px!important;line-height: 40px!important; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} /*2017.9.11*/ .New_notfound{ width: 1198px; height: 32px; border: 1px solid #9ba9d7; margin-top: 38px; margin-bottom: 20px; background: #f5f5f5;} .New_notfound>span{ display: block;padding: 0 14px; height: 100%; line-height: 32px;color: #a9a9d7;font-size: 12px;} .New_notfound>span>i{ color: #f98b30;font-size: 14px; } /*2017.11.7*/ .new_changHiti{ width: 1190px; height: 32px; border: 1px solid #9ba9d7; margin-top: 38px; margin-bottom: 20px; background: #f5f5f5;} .new_changHiti>span{ display: block;float: left;padding: 0 14px; height: 100%; line-height: 32px;color: #a9a9d7;font-size: 12px;} .new_changHiti>p{ float: left; color: #f89443;line-height: 32px;} .new_changHiti>p>a{ color: #f89443; } /*主体布局 方*/ .img_fang{width:60px ;padding:10px 0 0 31px; height: 14px; background: url(/public/image/common/4.png) no-repeat 6px 5px;float: right; margin-top: 3px;margin-right: 10px;border: 1px solid #fff; } .img_chang{width: 60px;padding:10px 0 0 31px; height: 14px; background: url(/public/image/common/3.png) no-repeat 6px 5px;float: right;margin-top: 6px;margin-right: 10px; } .img_fang:hover,.img_chang:hover{cursor: pointer;} .List_main .center .textz-imgK .fang{display:none; height: 1050px; width: 1198px; float: left;} .List_main .center .textz-imgK .fang>ul{border: 1px solid #ccc;} .List_main .center .textz-imgK .fang>ul>li {height: 320px;margin-left: 35px; width: 264px; float: left;} .List_main .center .textz-imgK .fang ul>li img { height: 145px; margin-top: 30px;border: 1px solid #fff; width: 200px;} .List_main .center .textz-imgK .fang ul>li img:hover{opacity: 0.7;} .List_main .center .textz-imgK .fang ul>li ol{width: 188px;} .List_main .center .textz-imgK .fang ul>li ol li{ /* width: 165px; */height: 30px;line-height: 20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .List_main .center .textz-imgK .fang ul>li ol .CPXX{color: #999999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .CPXX:hover,.GSMC:hover{cursor: pointer;} .List_main .center .textz-imgK .fang ul>li ol .GSMC{ color: #999999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .List_main .center .textz-imgK .fang ul>li ol .DJ {height: auto;margin-top: 10px;} .List_main .center .textz-imgK .fang ul>li ol .DJ a{width: 100%;margin-bottom: 10px;color: #FFF;font-weight: bold;float: left;border-radius: 1px; display: block;width: 120px; height: 28px; line-height: 28px;text-align: center;background: #F89443;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} .List_main .center .textz-imgK .fang ul>li ol .qibu{ color: #999999;} .List_main .center .textz-imgK .fang ul>li ol .lianxi{font-weight: bold;border-radius: 3px; margin-top: 20px; background:#F88A31 ; color: #fff;height:26px ;border: 1px solid #fff; width: 120px;line-height: 26px; text-align: center;} .List_main .center .textz-imgK .fang ul>li ol .lianxi:hover{cursor: pointer;background: none;border: 1px solid #F88A31;color: #F88A31;} /*主体布局 长*/ .List_main .center .API{ float: left;padding-bottom: 1px;} .List_main .center .API ul li{float: left; height: 23px; color: #2E49B0; line-height: 23px; margin-left: 20px;margin-top: 8px;} .List_main .center .API ul li h1{font-weight: bold; float: left;font-size: 13px; margin-left:10px ;} /*.List_main .center .API ul li span{ float: left;margin-left:20px ;padding-right: 10px;}*/ .List_main .center .API ul li h2{float:left;margin-left: 25px; margin-top: 1px;margin-right: 5px;font-weight: bold;} .List_main .center .API ul li:hover{cursor: pointer;} .List_main .center .textz-imgK .chang{ float: left; width: 1200px;overflow: hidden;padding-bottom: 10px;} .List_main .center .textz-imgK .chang .chanpin_box{border-bottom: 1px dashed #bbb; float: left;padding-top: 20px; height: 210px;width: 1198px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .List_main .center .textz-imgK .chang .chanpin_box:hover{border: 1.5px solid #2e49b0;} .List_main .center .textz-imgK .chang .leftK{width: 684px; float: left; margin-top: 6px;} .List_main .center .textz-imgK .chang .DJ{ float: left; margin-left: 11px;width: 481px;margin-bottom: 5px;} .List_main .center .textz-imgK .chang img{width: 186px;height: 172px; float: left; margin-left: 20px;border: 1px solid #eee;} .List_main .center .textz-imgK .chang h1{width: 435px; float: left; color:#F88A31 ;font-size: 16px;font-weight: bold; height: 22px;margin-left:10px; line-height: 20px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .List_main .center .textz-imgK .chang h2{width: 422px;float: left; font-weight: bold; height: 30px;line-height: 24px;margin-left: 3px; padding-left: 9px;} .List_main .center .textz-imgK .chang .ul_box{width: 422px; float: left; margin-left: 10px;padding-left: 10px;} .List_main .center .textz-imgK .chang .ul_box ul{ float: left;width: 100%;} .List_main .center .textz-imgK .chang .ul_box ul span{ color:#C3C3C3;font-weight: 300;} .List_main .center .textz-imgK .chang .ul_box ul li{line-height: 25px; width: 49%;font-weight: bold;float: left;color: #666;margin-left: -10px; font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .List_main .center .textz-imgK .chang .rightK{ float: right; margin-right: 40px;} .List_main .center .textz-imgK .chang .rightK p{color:#3E3E3E; line-height: 20px;font-weight: 600;} .List_main .center .textz-imgK .chang .rightK ul{ margin-top: 10px;} .List_main .center .textz-imgK .chang .rightK ul li{ line-height: 25px;text-align: center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .List_main .center .textz-imgK .chang .rightK input{border: none; border-radius: 3px; background:#F88A31 ;text-align: center;width: 141px; height: 28px;color: #fff;line-height: 28px;margin-top: 50px;} /*下一页*/ .APIk .api_border{border: 1px solid #F78B31;max-width:120px;width:120px;height: 38px;margin: 3px;display: table; text-align: center;font-weight: bold;color:#F78B31 ;} #fenye{ width: 100%; height: 30px;margin-left:10px; padding-top: 30px;padding-bottom: 20px;float: left;} #fenye ul li {font-weight: 600;color:#7F7F7F; margin-left: 10px; float: left;line-height: 20px;text-align: center;display: block; margin-top: 6px;} #fenye ul li a{float: left;text-align: center;} #fenye ul li span{color: #F88A31;} #fenye ul li:hover{cursor: pointer;} #fenye ul li input{width: 40px; height: 28px;border: 1px solid #ccc; font-size: 9px;} #chang_fenye{width: 100%; height: 30px;margin-left:10px; padding-top: 30px;padding-bottom: 20px;float: left; overflow: hidden;} #chang_fenye ul li {padding:2px 4px; margin-right: 6px;border:1px solid #ded9d9;cursor: pointer; float: left;min-width: 16px;min-height: 20px;text-align: center;line-height: 20px} #chang_fenye ul li a{display: block;text-align: center; width: 100%; height: 100%; color: #666;} #chang_fenye ul li span{color:#2E49B0; border: none; font-weight:bold;} #chang_fenye .page_active{border: 1px solid #2E49B0;} #chang_fenye ul li:hover{cursor: pointer;} #chang_fenye ul li input{width: 40px; height: 25px;border: 1px solid #ccc; font-size: 12px; margin-top: 5px!important;} #fanye_li_style { border: none; color: #F88A31;} #chang_fenye .pagination li{ margin-top: 7px;} #chang_fenye .page_ul li{border: none;float: left;} #chang_fenye .page_ul .goto_page{width:64px;height: 22px;margin-top:7px!important;border: 1px solid #ded9d9;background: #eee;color: #666;cursor: pointer;} /*右面部分*/ .List_main .List_right{width: 200px; border: 1px solid #ccc;margin-left: 16px; float: left;min-height: 800px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .List_main .List_right p{ margin-top: 20px;} .List_main .List_right ul{width: 147px; margin-left: 26px; margin-top: 35px;} .List_main .List_right ul li{line-height: 25px;color: #999999;} .List_main .List_right ul li img{border: 1px solid #ccc; width: 147px; height: 80px;} .List_main .List_right ul li span a{ color:#F88A31 ;} /*一级列表页*/ .tit_top{max-height: 166px; width: 100%;height: 67px;padding-bottom:10px;border-left:none} .tit_top h1{ width: 100%;line-height: 25px; margin-left: 10px;} .tit_top h2{ width: 173px;height: 165px; background: #E5E5E5;line-height: 25px;margin-top: 20px;padding-left: 10px;} .tit_top h2 span{ color: #F88A31; } .tit_top ul li{ float: left; margin-left: 18px;font-weight: bold; margin-top: 15px;} .tit_top ul li a{ color:#458DDE ;} .tit_top ul li span{color:#c3c3c3; margin-left: 10px;} .tit_top ul {margin-top: 20px;width:100% ; float: left;} .tit_top .List_pos{ margin-top: 10px;float:left;font-size: 13px;position: relative;} .tit_top .List_pos li{ padding: 0 10px 0 10px; position: relative;cursor: pointer;} .tit_top .List_pos .zuo_jiantou{ margin: 0 10px 0 0;} .center .tit_top .List_pos .List_pos_hover{color: #EB615F;border: 1px solid #deddd8;border-bottom: 1px solid #fff; z-index: 9;background: #fff;} .center .tit_top .List_pos .data_box{display: none; position: absolute; border: 1px solid #deddd8;background: #fff; width: 1185px; top:26px;left: 0; padding: 15px;z-index: 5;-webkit-box-shadow:4px 4px 5px #999; -moz-box-shadow:0px 4px 5px #999; box-shadow:0px 4px 5px #999;} .center .tit_top .List_pos .data_box span{ line-height: 28px; margin-right: 15px;cursor: pointer;} .center .tit_top .List_pos .data_box span:hover{color: #999;} .tit_top .user{color: #666;} .guojia_right ul li {float: left;width: 25px; cursor: pointer;height: 20px;font-size: 14px; margin: 5px 0 0 7px;text-align: center;line-height: 20px;color: #4083A8;font-weight: 300;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .list_top{min-height:100px ;border: 1px solid #eee; border-top: 2px solid #2E49B0;} .PinPai{ width:155px; min-height: 140px;background: #F5F5F5;color:#9aa8d7;padding: 20px 0 0 20px;} .shaixuan_jieguo { width: 1200px;background: #E8EEFE;border-bottom: 2px solid #9BA5E0;min-height: 40px;} .shaixuan_mor{background: url(/catalog/view/theme/theme505/image/en/image_list/shaixuan_back.png); cursor:pointer;width: 1200px;height: 18px;margin-bottom: 20px;text-align: center;line-height: 18px;color: #fff; } .shaixuan_jieguo h1{width: 140px; float: left;padding: 5px 0 0 20px; color: #20329E;font-weight: 600;margin-top: 10px;} .shaixuan_jieguo .text ul li{height: 25px;float: left;border: 1px solid #9AA8D7;line-height: 25px;padding: 0 5px 0 5px;background: #fff;margin-top: 7px;} .shaixuan_jieguo .text h2{float: left;} .shaixuan_jieguo .text h3{float: left;font-weight: 600;} .shaixuan_jieguo .text span{float: left;margin-left: 12px; cursor: pointer;font-weight: 600;} .List_wap:hover{border: 2px solid #F68E37;} .back-top{position: fixed; display: none; right: 290px; bottom: 30px; width: 55px; height: 55px; text-align: center; border-radius: 5px; color: #fff; background: #130171; z-index: 9;} .back-top i{ font-size: 20px; width: 100%; height: 25px;line-height: 25px; display: block;text-align: center;margin-top: 3px;font-weight: bold;} .back-top span{width: 100%; height: 25px;line-height: 25px; display: block;text-align: center;font-size: 15px;} @media screen and (max-width: 1750px) { .storey{ left: 0; } .back-top { right: 0px; } } .index_banner_img{width: 100%; height: 504px;} @media screen and (max-width:1200px) { .body { width: 1200px; } .back-top { right: 0px; } }