@charset "utf-8"; body{ color:#333; font-size:14px;font-family: "microsoft yahei";} /*??????????*/ body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;} a { color:#333; text-decoration:none;font-family: "microsoft yahei";} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ /*a:hover { text-decoration:underline;}*/ img{border:none;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ font-family: "microsoft yahei"; } h1,h2,h3,h4,h5,h6{ font-family:"microsoft yahei";} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} i,em{ font-style:normal;} .clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;} .clearfix{zoom:1;} .content{ width:1200px; margin:0 auto;font-family: "microsoft yahei";} .f_con .gsxx .links{display:block!important;} .banner{height: 640px;position: relative;} .bdu{width: 100% !important;height: 640px;} .bdu li{width: 100% !important;height: 640px;position:relative;} .bdu li a{display: block;height: 640px;} .bdu li img{height:640px;margin-left: -960px;position:absolute;left:50%;} .hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;} .hdu li{display: inline-block;width: 12px;height: 12px;background: #fff;margin:0 10px;border-radius: 6px;} .hdu li.on{background: #0f4ca6;} .tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;} .tit span{display:block;font-size: 40px;color: #333333;line-height: 40px;} .tit i{display:block;font-size: 18px;color: #333333;margin: 14px auto 0;height: 38px;line-height: 38px;border: 1px solid #757575;border-radius: 19px;text-align: center;} .search{width: 100%; height: 81px;background: #f5f5f5;border-bottom: 1px solid #dcdcdc;} .search p{float: left;height: 81px;line-height: 81px;font-size: 14px;color: #666666;} .search p b{ font-weight: normal;color: #333333;} .search p a{margin-right:20px;color: #666666;font-size: 14px;} .s_box{float: right;margin-top:24px;width: 324px;height: 36px;background: #fff;border: 1px solid #d4d4d4;border-radius: 18px;} .s_box .input1{float:left;width:270px;height:36px;line-height: 36px;font-size:14px;color:#333;border:0;outline: 0;padding-left: 20px;border-radius: 18px;} .s_box .input2{float: left;width:30px;height: 30px;border: 0;background: url(/uploads/image/images/sea.png) no-repeat center;outline: 0;cursor: pointer;margin-top: 3px;margin-right: 3px;} .yz{background: url(/uploads/image/images/yz_bg.jpg) no-repeat center;height: 452px;} .yz h2{text-align: center;font-weight: normal;font-size: 0;line-height: 0;padding-top: 85px;} .yz h2 span{display:block;font-size: 40px!important;color: #333333;line-height: 40px;} .yz h2 i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-top: 16px;position: relative;} .yz p{ font-size:16px ;line-height: 26px;color: #333333;padding-top:36px ;text-align: center;} .yz_z{ margin-top: 40px;} .yz_z li{ float: left;color: #333333; width:240px;text-align:center; } .yz_z li:last-child{ margin-right: 0;} .yz_z li b{ display: inline-block; font-size: 50px; line-height: 50px; color: #0a68c0; vertical-align: sub;font-family: arial;text-align: center;} .yz_z li i{ display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size:16px ; color: #333333; border-radius: 2px; border: 1px solid #333333; margin-left: 2px;text-align: center;} .yz_z li span{ display: block;font-size: 18px; line-height: 20px; color: #333; font-weight:normal;text-align: center;} .pro{ padding-top: 90px;} .pro .tit i{ width: 420px;} .pro_s{ margin-top:41px ;height: 737px;background: url(/uploads/image/images/pros_bg.jpg) no-repeat center;} .pro_t li{float: left;width: 240px;height: 114px;border-right: 1px solid #dcdcdc;box-sizing: border-box;position: relative;} .pro_t li i{width: 75px;height: 32px; margin: 33px auto 0;display: block;transition: all 0.5s ease-in-out;} .pro_t li span{display: block;font-size: 18px;color: #fff;line-height: 18px;padding-top: 6px; text-align: center;} .pro_t li:hover,.pro_t li.cur{ background: #ffc000;} .pro_t li:hover span,.pro_t li.cur span{ color: #333;} .pro_t li:hover:after,.pro_t li.cur:after{ position: absolute;left: 50%;top: 0;width: 20px;margin-left: -10px;height: 12px;content: "";background:url(/uploads/image/images/san2.png) no-repeat center;} .pro_t .p1 i{ background:url(/uploads/image/images/pro_ic1.png) no-repeat center; } .pro_t .p2 i{ background:url(/uploads/image/images/pro_ic2.png) no-repeat center; } .pro_t .p3 i{ background:url(/uploads/image/images/pro_ic3.png) no-repeat center; } .pro_t .p4 i{ background:url(/uploads/image/images/pro_ic4.png) no-repeat center; } .pro_t .p5 i{ background:url(/uploads/image/images/pro_ic5.png) no-repeat center; } .pro_t .p1:hover i,.pro_t .p1.cur i{background:url(/uploads/image/images/pro_ic1h.png) no-repeat center; } .pro_t .p2:hover i,.pro_t .p2.cur i{background:url(/uploads/image/images/pro_ic2h.png) no-repeat center; } .pro_t .p3:hover i,.pro_t .p3.cur i{background:url(/uploads/image/images/pro_ic3h.png) no-repeat center; } .pro_t .p4:hover i,.pro_t .p4.cur i{background:url(/uploads/image/images/pro_ic4h.png) no-repeat center; } .pro_t .p5:hover i,.pro_t .p5.cur i{background:url(/uploads/image/images/pro_ic5h.png) no-repeat center; } .pro_s .content{ position: relative;height: 737px;} .pro_con{ padding-top: 100px;position: relative;} .pro_con dt img{display: block;width:675px ;height: 450px;float: right;} .pro_con dd h3{display: block;font-size:30px ;line-height: 30px;color: #0a68c0;font-weight: normal; position: relative;padding-bottom: 64px;} .pro_con dd h3 b{display: block;font-size:42px ;line-height: 42px;color: #0a68c0;padding-bottom: 10px;} .pro_con dd h3:after{ position: absolute;left: 0;top: 100px;width: 42px;height: 3px;background: #1458b9;content: "";}t .pro_con dd p {padding-bottom: 34px;width: 580px;} .pro_con dd p em{display: block; font-size:16px ;line-height:16px ;color: #666666;} .pro_con dd p b{ font-weight: normal;font-size: 24px;line-height:24px ;color: #333;padding-bottom: 14px;display: block;} .pro_con dd p span{display: block;font-size:16px ;line-height:30px ;color:#666666 ;padding-left: 16px;background:url(/uploads/image/images/tb1.png) no-repeat left; width: 280px;float: left;} .pro_con dd p span:nth-child(2n 1){ width: 160px;} .pro_con dd p:nth-child(2n 1){ height: 130px;} .pro_con dd .more{ display: block;font-size:18px ;line-height:45px ;color: #333333;width: 178px;height: 45px;float: left;box-sizing: border-box;padding-left: 70px;background:url(/uploads/image/images/pro_more.png) no-repeat center;margin-right: 18px;} .pro_con dd .zx{ display: block;font-size:18px ;line-height:45px ;color: #333;width: 108px;height: 45px;float: left;padding-left: 70px;background:url(/uploads/image/images/pro_zx.png) no-repeat center;} .pro_con .sprev{ position:absolute; left:-90px; top:275px; width:40px;height:74px; background:url(/uploads/image/images/sprev.png) no-repeat;z-index: 100;} .pro_con .snext{ position:absolute; right:-90px; top:275px; width:40px;height:74px; background:url(/uploads/image/images/snext.png) no-repeat;z-index: 100;} .pro .pagestate{position:absolute;right: 0;bottom:32px;line-height: 16px;font-size: 16px;color: #666666;} .pro .pagestate span{font-size: 36px;color: #0a68c0; font-weight: bold;} .so { padding-top: 90px;} .so .tit i{background:url(/uploads/image/images/line1.png) no-repeat center;border: 0;} .so .fa{ margin-top: 39px;} .so .fa h3{padding-left:28px ;font-size:28px ;line-height:28px ;color: #333333;font-weight: normal;background:url(/uploads/image/images/fang.png) no-repeat left;} .so .fa h3 span{ display: inline-block;font-size:14px ;line-height: 28px;color: #999999;text-transform: uppercase;margin-left: 10px;} .so .fa ul{ margin-top: 27px;} .so .fa ul li{float: left;width:139px ;height:139px ;background: #fff;margin-right: 12.5px; box-shadow: 0 0 15px rgba(0,0,0,0.19);} .so .fa ul li:last-child{ margin-right: 0;} .so .fa ul li span{display: block;font-size:16px ;line-height:16px ;color: #333333;font-weight: bold;text-align: center;} .so .fa ul li em img{ display: block;width: 42px;height: 42px;transition: all 0.3s;} .so .fa ul li em {display: block;width: 42px;height: 42px;overflow: hidden;margin-right: 20px;margin: 28px auto 22px;} .so .fa ul li:hover em img:nth-child(1) { margin-top: -42px;} .so .fa ul li:hover{ background: #0a68c0;} .so .fa ul li:hover span{ color: #fff;} .so .qu{ margin-top:45px;margin-bottom: 40px;} .so .qu h3{padding-left:28px ;font-size:28px ;line-height:28px ;color: #333333;font-weight: normal;background:url(/uploads/image/images/fang.png) no-repeat left;} .so .qu h3 span{ display: inline-block;font-size:14px ;line-height: 28px;color: #999999;text-transform: uppercase;margin-left: 10px;} .so .qu ul{ margin-top: 22px;} .so .qu ul li { float: left;font-size: 16px;height: 44px;line-height:44px ;color: #333;margin-right: 6px;border-radius: 3px;background: #e5e5e5;text-align: center;margin-bottom: 6px;padding:0 16px;} /*.so .qu ul li:nth-child(7n){margin-right: 0; }*/ .so .qu ul li:hover{ background: #0a68c0;color: #fff;} .so .qu ul li:hover a{color: #fff; } .liuy{ margin-top: 60px;padding-top:70px ;background:url(/uploads/image/images/liuy_bg.jpg) no-repeat center;height: 305px;} .liuy_l{ float: left;width: 455px;padding-left: 38px;} .liuy_l h2{font-size: 16px;line-height: 28px;color: #333;font-weight: normal;padding-top: 42px;} .liuy_l h3{font-size: 30px;line-height: 30px;color: #333;font-weight: normal;padding-top: 25px;} .liuy_l h4{font-size: 22px;line-height: 22px;color: #333;font-weight: normal;padding-top: 12px;} .ly_box{margin-top:33px;position: relative; float: left;width: 654px;position:relative;} .ly_box ul li{ height:45px; line-height:45px; width: 303px;margin-bottom: 12px;border: 1px solid #74a5d6;float: left;margin-right: 24px;box-sizing:border-box;} .ly_box ul li:nth-of-type(5){width: 462px;} .ly_box ul li:nth-of-type(5) input{width: 330px;} .ly_box ul li i{ display: inline-block;font-size: 16px; color: #fff; padding-left: 15px;} .ly_box ul li input{ display: inline-block;width:210px; border: none; background: none; height: 45px; line-height: 45px;outline:none; color: #fff;font-size: 16px;border:0;outline:0;padding-left: 5px;} .ly_box li span{ display:none;} .ly_box li:last-of-type{ background: none; margin-right: 0;width:145px;float: left;border: 0;} .ly_box li:last-of-type button{ width:145px; height: 45px; background:#ffc000; border: none; cursor: pointer; font-size: 16px; color: #333333; line-height: 45px;} .form-btn-reset{ display:none;} .ly_box .submit{display:none;} .ly_box li:last-of-type b{ font-weight:normal;color:#fff!important;} .ys{ padding-top:90px ;background:url(/uploads/image/images/ys_bg.jpg) no-repeat center;height: 1854px;} .ys .tit i{ width: 312px;} .ys_con{ margin-top: 32px;} .ys1,.ys4{ height: 400px;} .ys2,.ys3{ height: 420px;} .ys dd{float: left;position: relative;} .ys dd h3{padding-top: 114px;font-size: 34px;font-weight: bold;color: #0a68c0;line-height: 34px;position: relative;} .ys dd h3:after{ position: absolute;width: 60px;height: 1px;left: 0;top: 84px;background: #0a68c0;content: "";} .ys dd h4{padding-top: 12px;font-size: 24px;color: #333333;line-height: 24px;font-weight: normal;} .ys dd p{padding-top: 45px;font-size:16px ;color: #333333;line-height:26px ;} .ys dd em img{ display: block;width: 94px;height: 84px;position: absolute;right: 0;top: 74px;} .ys2 dd em img,.ys4 dd em img{ display: block;width: 94px;height: 84px;position: absolute;right: 78px;top: 74px;} .ys1 dt{ width:640px ;height:400px ;display: block;overflow:hidden;margin-left: -40px;} .ys1 dt img{ width:640px ;height:400px ;display: block;transition: all 0.5s;} .ys3 dt { width:960px ;height:420px ;display: block;overflow:hidden;margin-left: -360px;} .ys3 dt img{ width:960px ;height:420px ;display: block;transition: all 0.5s;} .ys2 dt{ width:960px ;height:420px ;display: block;overflow:hidden;margin-right: -360px;} .ys2 dt img{ width:960px ;height:420px ;display: block;transition: all 0.5s;} .ys4 dt{ width:640px ;height:400px ;display: block;overflow:hidden;margin-right: -40px;} .ys4 dt img{ width:640px ;height:400px ;display: block;transition: all 0.5s;} .ys dt:hover img{transform: scale(1.1); } .ys1 dd,.ys3 dd{ padding-left: 96px;width: 504px;} .ys2 dd,.ys4 dd{ padding:0 78px;width: 444px;} .case{ padding-top: 90px;} .case .tit i{ width: 472px;} .al_on{margin-top: 34px;position: relative;} .al_on .tempwrap{margin-left: -1110px !important;} .al_on ul{overflow: hidden;} .al_on ul li{width: 1000px; float: left;margin-left: 120px;} .al_on ul li strong{display:block; width:1000px; height:512px;overflow:hidden; } .al_on ul li img{display:block; width:1000px; height:512px;transition: all 0.5s;} .al_on ul li:hover img{ transform: scale(1.1); } .al_on ul li p{position: relative;height: 150px;width: 827px;margin: -88px auto 0;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.19);} .al_on ul li p i{float: left;padding-left: 47px;padding-right: 40px;width:590px ;} .al_on ul li p i span{ display: block;color: #333333;font-size: 26px;line-height: 26px;padding-top: 22px;} .al_on ul li p i em{display: block;color: #666666;font-size: 14px;line-height: 24px;padding-top: 12px;} .al_on ul li p b{display: block;float: right;width: 150px;height: 150px;background:url(/uploads/image/images/case_ic.png) no-repeat center;} .al_on ul li:hover p b{background:url(/uploads/image/images/case_ich.png) no-repeat center; } .al_on li:last-child{padding-right:0px;} .al_on .prev{ position:absolute; left:39px; top:220px; width:60px;height:60px; background:url(/uploads/image/images/prev.png) no-repeat;z-index: 100;} .al_on .next{ position:absolute; right:-20px; top:220px; width:60px;height:60px; background:url(/uploads/image/images/next.png) no-repeat;z-index: 100;} .xc{ padding-top: 90px;} .xc .tit i{ width: 278px;} .xc p{ font-size:16px ;line-height: 28px;color: #333333;padding-top:30px ;text-align: center;} .xc ul{ margin-top: 40px;} .xc ul li{ float: left;width: 387px;height: 503px;position: relative;margin-right:19px;} .xc ul li:last-child{ margin-right: 0;} .xc ul li i{ width: 387px;height: 503px;display: block;overflow:hidden;} .xc ul li img{ width: 387px;height: 503px;display: block;transition: all 0.5s;} .xc ul li:hover img{transform: scale(1.1);} .xc ul li span{display: block;width: 357px;padding-left:30px ;height:78px ;line-height:78px ;color: #fff;font-size: 20px;position: absolute;left: 0;bottom: 0;background:url(/uploads/image/images/xc_ic.png) no-repeat center;} .xc ul li:hover span{ background:url(/uploads/image/images/xc_ich.png) no-repeat center;} .news{ padding-top: 90px;margin-top: 90px;background: #f5f5f5;height: 710px;} .news .tit i{ width: 278px;} .news_con{ margin-top: 55px;} .news_l{ float: left;width: 483px;} .news_l p img{ float: left;width:87px ;height: 31px;} .news_l .dnext img{ float: right;width:73px ;height: 20px;margin-top: 11px;} .news_g{ margin-top: 40px;} .news_g dt{display: block;width: 483px;height: 268px;overflow:hidden;} .news_g dt img{display: block;width: 483px;height: 268px;transition: all 0.5s;} .news_g dl:hover img{transform: scale(1.1);} .news_g dd{padding: 0 44px;background: #fff;height: 173px;} .news_g dd h3 a{display: block;font-size:18px ;line-height: 18px;color: #333333;font-weight: bold;padding-top:35px ;} .news_g dd p{font-size:13px ;line-height:22px ;color: #666666;padding-top: 16px;} .news_r{ float: right;width: 674px;} .news_q { height: 36px;border-bottom: 1px solid #dcdcdc;} .news_q ul{ float: left;} .news_q ul li{ float: left;padding-left: 18px;margin-right: 45px;height: 36px;font-size: 18px;font-weight: bold;color: #666666;background:url(/uploads/image/images/icon1.png) no-repeat 0 8px;} .news_q ul li a{ color: #666;} .news_q ul li:hover,.news_q ul li.cur{ background:url(/uploads/image/images/icon1h.png) no-repeat 0 8px;border-bottom: 1px solid #0a68c0;} .news_q ul li:hover a,.news_q ul li.cur a{ color: #0a68c0;} .news_q p{float: right;} .news_q p a{display: block;width: 27px;height:27px ;background:url(/uploads/image/images/news_ic.png) no-repeat center;} .news_q p a:hover{ background:url(/uploads/image/images/news_ich.png) no-repeat center;} .news_f dl{ padding-left: 15px;height: 110px;border-bottom: 1px dashed #cccccc;} .news_f dl:last-child{ border-bottom: 0;} .news_f dd h3 a{ display: block;font-size:18px ;line-height: 18px;padding-top:20px ;color: #333333;font-weight: normal;} .news_f dd p{ font-size:14px ;line-height: 20px;padding-top:12px ;color: #999999;} .abt{ background:url(/uploads/image/images/abt_bg.jpg) no-repeat center;height:705px;} .abt dl{ padding-top: 100px;} .abt dt{display: block;width: 852px;height:504px ;overflow:hidden;} .abt dt img{display: block;width: 852px;height:504px ;transition: all 0.5s;} .abt dt:hover img{transform: scale(1.1);} .abt dd{ height: 504px;background: #fff;padding: 0 44px;width:260px;} .abt dd h3{padding-top: 72px;font-weight: normal;} .abt dd h3 span{display:block;font-size: 40px;color: #333333;line-height: 40px;} .abt dd h3 i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-top: 12px;} .abt dd p{font-size: 13px;color: #666666;line-height: 24px;padding-top: 40px;} .abt dd .more{ display: block;width:45px ;height: 18px;margin-top: 65px;float: right;} /*表单弹框*/ .nsw-modal { width: 100%; height: 100%; background: rgba(225, 225, 225, 0.5); position: fixed; top: 0; left: 0; z-index: 99999; } .modal-dialog { position: fixed; color:#000000; top: 150px; width: 400px; border-radius: 3px; min-height: 155px; overflow: hidden; z-index: 99998; margin-left: -200px; left: 50%; } .modal-dialog .css-icon { background-image: ; } .modal-dialog .modal-head { height: 30px; line-height: 30px; padding: 0px 20px; background: #0a68c0; font-size: 14px; color:#fff;} .modal-dialog .modal-head .modal-logo { width: 15px; height: 15px; background-position: 1px 0px; margin: 8px 5px 0 0; float: left; } .modal-dialog .modal-head .close { float: right; width: 15px; height: 15px; background-position: -14px 0px; margin-top: 8px; } .modal-dialog .modal-body { width: 100%; min-height: 125px; background: #ffc000; } .modal-dialog .modal-body .modal-body-left { width: 140px; float: left; } .modal-dialog .modal-body .modal-body-left .icon { width: 64px; height: 64px; margin: 30px 0 0 48px; } .modal-dialog .modal-body .modal-body-left .success-message { background-position: 0px -14px; } .modal-dialog .modal-body .modal-body-left .warming-message { background-position: 0px -78px; } .modal-dialog .modal-body .modal-body-right { width: 260px; float: right; padding-top: 20px; } .modal-dialog .modal-body .modal-body-right .close-btn { color: #fff; text-align: center; width: 90px; display: inline-block; height: 24px; line-height: 24px; background: #333; } .modal-dialog .modal-body .modal-body-right p { line-height: 30px; } body{min-width:1200px;width:100%;overflow-x:hidden;} i,em{ font-style:normal;} .content{ width:1200px; margin:0 auto;font-family: "microsoft yahei";} .header{height: 153px;background:url(/uploads/image/images/head_bg.jpg) no-repeat center;} .h_top{height:36px;line-height: 36px;font-size: 14px;color: #999999;} .h_top p{ width: 110px;text-align: center;color: #fff;font-size: 14px;line-height: 18px;padding-top: 8px;} .h_top i a{color: #999999;padding-right: 18px;padding-left: 25px;} .h_top .nav0{ background:url(/uploads/image/images/diqiu.gif) no-repeat left;height:18px;width:18px; background-size:15%;} .h_top .nav1{ background:url(/uploads/image/images/nav1.png) no-repeat left;height:18px;width:18px;} .h_top .nav2{ background:url(/uploads/image/images/tuku.png) no-repeat left;height:18px;width:18px;} .h_top .nav3{ background:url(/uploads/image/images/nav3.png) no-repeat left;height:18px;width:18px;} .h_con{height: 130px;} .h_con .h_logo{float: left;margin: 18px 17px 0 0;} .h_con h2{float:left;font-weight:normal;margin-top: 37px;} .h_con h2 b{display: block;font-size: 26px;color: #333333;line-height:26px;} .h_con h2 span{display:block;font-size: 22px;color: #333333;line-height: 22px;padding-top: 8px;} .h_con p{float: right;font-size: 16px;color: #333333;margin-top: 40px;background:url(/uploads/image/images/ph.png) no-repeat left center;padding-left: 50px;line-height: 16px;margin-right: -110px;} .h_con p b{display: block; font-size: 26px;color: #333333;line-height: 26px;padding-top: 6px;} .h_xf{ z-index: 99;visibility: visible;width:100%;background: #0a68c0;} .fix{position: fixed;top: 0px; left: 0px;} .h_nav{height: 60px;} .h_nav ul li{position: relative;width:133px;float:left; } .h_nav ul li>a{float: left;font-size: 16px;height: 60px;line-height: 60px;border-left: 1px solid #4e87bc;box-sizing:border-box;width:133px;text-align:center;color: #fff;} .h_nav ul li:hover>a:after,.h_nav ul li.cur>a:after{ position: absolute;left: 50%;top: 0;width: 14px;margin-left: -7px;height: 9px;content: "";background:url(/uploads/image/images/san1.png) no-repeat center;} .h_nav ul li:hover>a,.h_nav ul li.cur>a{background:#ffc000;} .h_nav ul li:hover>a,.h_nav ul li.cur>a{color: #333333;font-weight: bold;} .h_nav li p{display: none;position: absolute;width: 100%;text-align: center;left: 0;top: 60px;z-index:10; background: rgba(51,51,51,0.8);} .h_nav li p>a{display: block;height: 42px;line-height: 42px;font-size: 14px;color: #ffffff;border-top:1px dashed #4f565f;background:none;background:url(/uploads/image/images/san3.png) no-repeat 18px 18px;} .h_nav li:nth-child(2) p>a{ background:url(/uploads/image/images/san3.png) no-repeat 10px 18px;} .h_nav li p>a:first-child{ border: 0;} .h_nav li p>a:hover{font-weight:bold;} .linkcontainer{ position:absolute; background:#f4f4f4;z-index:9; display:none;} .linkcontainer ul li a{ color:#333;} .linkcontainer ul li:hover{ background:#fff;} .ly_box ul li.nno{position:absolute;bottom:-45px;left:0;z-index:999;display:block;border:none;width:550px;color:#fff;} .ly_box ul li.nno input{width:20px;margin-left:10px;height:16px;color:#fff;} .quer{font-size:12px;} .footer{height: 565px;background: no-repeat center 0;} .f_nav{padding-top: 78px;height: 238px;} .f_nav li{float: left;width: 146px;padding-left: 23px;border-right:1px dashed #7591ba ;height: 238px;box-sizing: border-box;} .f_nav li:first-child{ width: 69px;padding-left: 0;} .f_nav li:last-child{ width: 106px;border: 0;} .f_nav li b a{display:block;font-size: 18px;color: #fff;line-height: 18px;margin-bottom: 30px;} .f_nav li p a{display:block;font-size: 14px;color: #ffffff;line-height: 24px;opacity: 0.7;} .f_con{ padding-top: 122px;} .f_con h2{float: left;} .f_con h2 img{ width: 100%;display: block;} .f_con .gsxx{ float: left;padding-left: 46px;} .f_con .gsxx p{ color: #8d929f;font-size:14px ;line-height:24px;height: 24px;} .f_con .gsxx p span{display: block;margin-right: 36px;float: left;} .f_con .gsxx p a{color: #8d929f;} .f_con .gsxx .links{ display: none;} .f_con .gsxx .links b{ float:left;} .f_con .gsxx .links a{color: #8d929f;display: block;float: left;margin-right:24px ; } .sao{float: right;width: 150px;margin-top: -15px; } .sao p img{width: 120px;height: 120px;display:block;float:left;} .sao p span{display: block;float: right; writing-mode: vertical-lr;font-size: 14px;color: #b2b8c8;line-height: 30px; padding: 25px 0; background: #364d7d;text-align: center;display: inline-block;writing-mode: tb-rl; } .client-2 { position: fixed; right: -170px; top: 50%; z-index: 900; } .client-2 li a { text-decoration: none; } .client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; } .client-2 li i { background: no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 .my-kefu-qq i { background-position: 4px 5px; } .client-2 .my-kefu-tel i { background-position: 0 -21px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; } .client-2 .my-kefu-ftop .my-kefu-main{ padding-top: 6px; } .client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; } .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { background: #0a68c0; color: #fff; height: 53px; width: 230px; padding:9px 0 0; float: left; } .client-2 .my-kefu-main { background: #0a68c0; width: 97px; height: 53px; position: relative; padding:9px 0 0; float: left; } .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; } .my-kefu-weixin-pic img { width: 115px; height: 115px; } /*以上为20220905修改首页样式*/ .content_l{ width:310px; height:400px; float:left; margin-right:35px; overflow:hidden; /* [disabled]border:1px solid green; */ } .content_index_title a{font-size:15px; font-weight:bold;color:#000000; clear:both;} .content_index_title a:hover{color:#ed1b23;} #scrolldiv{margin-top:20px; width:315px; height:170px; min-height:25px; font-size:13px; overflow:hidden;} #scrolldiv li{width:310px; height:25px; overflow:hidden;} #scrolldiv ul li a{line-height:25px;color:#000;} #scrolldiv ul li a:hover{color:#ed1b23;} p.more{width:150px; padding-top:24px; border-bottom:1px solid #ed1b23;} p.more a{color:#ed1b23;} .content_c{ width:470px; height:400px; float:left; margin-right:30px; overflow:hidden; /* [disabled]border:1px solid green; */ } ul.content_c_products{width:470px; height:auto; overflow:hidden;} ul.content_c_products li {width:113px; height:85px; line-height:20px; text-align:center;float:left; margin-right:4px; margin-bottom:10px; overflow:hidden;} ul.content_c_products li img{width:111px; height:65px; border:1px solid #ddd;} .content_c_projects{width:470px; height:58px;margin-bottom:8px;} .content_c_projects img{width:106px; height:58px;} .content_c_projects p{line-height:19px; width:350px;float:right;font-size:12px; } .content_r{ width:250px; height:400px; float:right; overflow:hidden; } .content_r_serve{ width:250px; height:350px; font-size:13px; line-height:20px; background-image: url(/uploads/image/cimages/kf.jpg); background-repeat: no-repeat; background-position: right -10px; } .select{width:100%;height:25px;margin:10px 0;} ul.content_r_serve_contact{padding-top:10px; margin-top:10px; border-top:1px dashed #666666;} ul.content_r_serve_contact li{ background-image: url(/uploads/image/cimages/tel.jpg); background-repeat: no-repeat; background-position: left top; }