/*@import url("common.css");*/ @charset "utf-8"; html, body, div, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td,img { margin: 0px;font-size:12px; padding: 0px; } th,strong{font-weight:normal;} body{ font-family:"Microsoft YaHei" ,微软雅黑 ,"MicrosoftJhengHei" ,华文细黑 ,STHeiti ,MingLiu ; font-size:12px; font-weight:normal; text-align/Only IE 5.0+/:center; color:#000;padding:0px;background:url(../images/bg.jpg) center top no-repeat;} *html .clearfix{height:1%;}.clearfix{display:block;} /* End hide from IE-mac */ *+html .clearfix{min-height:1%;} a:link{color:#464646; text-decoration:none;} a:visited{color:#464646; text-decoration:none;} a:hover{color:#f00; text-decoration:none;} img{ font-size:0px; border:none;} ul{ list-style:none;} em,i{COLOR: #999; FONT-SIZE: 12px; FONT-STYLE: normal} .clearfloat {clear:both;height:0px;font-size:1px;line-height: 0px;} .space_h{clear:both; height:10px; font-size:1px;line-height: 10px;} .space_h3{clear:both; height:3px; font-size:1px;line-height:3px;} .space_h5{clear:both; height:5px; font-size:1px;line-height:5px;} .space_h15{clear:both; height:15px; font-size:1px;line-height:15px;} .space_h31{clear:both; height:31px; font-size:1px;line-height:31px;width:100%;} .space_h151{clear:both; height:151px; font-size:1px;line-height:151px;} .nomarginright{margin-right:0px!important;} .fl{float: left;} .fr{float: right;} .borderbottom{border-bottom:1px solid #084c08;} .warp{width:972px;margin:0px auto;position:relative;} header{width: 100%;height: 170px;background: url(../images/index_01.jpg) no-repeat center;} .header{position: relative;height: 170px;} .kouhao{font-size:18px;color: #FFF;line-height: 40px;} .zhuanzhu{color: #f4ba3d;font-size: 30px;line-height: 45px;position: absolute;left: 0px;bottom: 20px;} .top_tel{font-size: 24px;line-height: 30px;width: 170px;position: absolute;right: 0px;bottom: 15px;color: #FFF;} /*导航*/ .nav{display: flex;flex-flow:row nowrap;} .nav li{width: 14.5%;text-align: center;padding-top: 90px;} .nav li.top_logo{padding-top: 5px;} .nav li a{width: 100%;display: block;font-size: 24px;font-weight: bold;line-height: 40px;} .nav li a.active{color: #c04242;border-bottom: 2px solid #c04242;} .hot_key{line-height: 70px;} .hot_key span{font-size: 24px;float: left;} .hot_key a{font-size: 18px;margin-right: 20px;} .index_ad{width: 100%;height: 485px;background: url(../images/index_09.jpg) no-repeat center;} .b4{box-shadow: #a5a5a5 0px 0px 10px;} .more_btn{width: 300px;height: 50px;line-height: 50px;border: 1px solid #cccccc;text-align: center;font-size: 24px;margin: 0px auto;} .more_btn a{width: 100%;display: block;color: #2869c0;} .index_pro {margin-top: 20px;clear: both;} .index_pro .index_pro_menu{width: 255px;float: left;box-shadow: -5px 0px 3px #cdcdcd;background: url(../images/bg_34.jpg) repeat-y center;} .index_pro .index_pro_menu .index_pro_menu_tit{background-color:#2869c0;width: 100%;height: 43px;text-align: center;line-height: 43px;color: #FFF;font-size: 18px;} .index_pro .index_pro_menu .menu_list{width: 220px;margin: 0px auto;} .index_pro .index_pro_menu .menu_list li{border:1px solid #cdcdcd;box-shadow: 0px 5px 30px #cdcdcd;width: 100%;line-height: 44px;text-align: center;font-size: 18px;margin-top: 20px;} .index_pro .index_pro_menu .menu_list li a{width: 100%;line-height: 44px;display: block;} .index_pro .index_pro_menu .menu_list li a.active,.index_pro .index_pro_menu .menu_list li a:hover{background-color: #d2394d;color: #FFF;} .index_pro .index_pro_menu .index_pro_contact{margin-top: 15px;width: 100%;background: url(../images/index_42.jpg) no-repeat top center;} .index_pro .index_pro_menu .index_pro_contact span{width: 160px;margin: 0px auto;display: block;border-bottom: 2px solid #fd7203;color: #fd7203;font-size: 20px;text-align: center;line-height: 40px;} .index_pro .index_pro_menu .index_pro_contact dl{width: 240px;margin:10px auto 0px auto;line-height: 30px;} .index_pro .index_pro_menu .index_pro_contact dl dt{width: 70px;float: left;font-size: 16px;color: #333333;clear: both;} .index_pro .index_pro_menu .index_pro_contact dl dd{width: 170px;float: left;font-size: 14px;color: #2869c0;} .index_pro .index_pro_menu .index_pro_contact .contact_ewm{text-align: center;width: 100%;clear: both;} .index_pro .index_pro_menu .index_pro_contact .contact_ewm img{width: 240px;/* height: 160px; */} .index_pro .index_pro_right{width: 715px;float: left;} .index_pro .index_pro_right .pro_right_tit{border-right:1px solid #cccccc;width: 100%;line-height:43px;height:43px;text-align:center;font-size:18px;color:#333333;float: left;box-shadow: #a5a5a5 0px 0px 10px; } .index_pro .index_pro_right .pro_right_banner{width: 696px;height: 320px;margin: 65px auto 20px auto;} .index_pro .index_pro_right .pro_right_box{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-around;} .index_pro .index_pro_right .pro_right_box .box_item{width: 229px;height:290px;line-height: 50px;text-align: center;font-size: 20px;color: #333333;} .index_pro .index_pro_right .pro_right_box .box_item img{width: 100%;height:218px;box-shadow: #a5a5a5 0px 0px 10px;} .index_ad_2{width: 100%;height: 117px;background: url(../images/index_11.jpg) no-repeat center;clear: both;} .index_youshi{width: 100%;background: url(../images/index_13.jpg) no-repeat top center;height: 763px;padding-top: 275px;} .index_youshi .youshi_item{width: 1028px;margin: 0px auto;clear: both;height: 185px;} .index_youshi .youshi_item ul{width: 500px;float: left;display: flex;flex-flow: row nowrap;justify-content: space-between;} .index_youshi .youshi_item ul li{width: 233px;height: 170px;border: 3px solid #4284c0;} .index_youshi .youshi_item ul li img{width: 233px;height: 170px;} .index_youshi .youshi_item dl{width: 480px;float: right;} .index_youshi .youshi_item dl dt{font-size: 24px;color: #2364b2;} .index_youshi .youshi_item dl dd{font-size: 20px;color: #666666;} .index_youshi .youshi_item dl dd span{padding:25px 0px;color: #fd7203;display: block;} .index_youshi .youshi_item:nth-child(2n){margin: 95px auto;} .index_youshi .youshi_item:nth-child(2n) ul{float: right;} .index_youshi .youshi_item:nth-child(2n) dl{float: left;} .index_youshi2{width: 855px;margin:82px auto 0px auto;} .index_youshi2 .tit{width: 275px;margin:0px auto;} .index_youshi2 .youshi_item{width: 100%;height: 270px;position: relative;} .index_youshi2 .youshi_item ul{width: 408px;position: absolute;} .index_youshi2 .youshi_item ul li{line-height: 24px;font-size: 18px;color: #333333;line-height: 38px;} .index_youshi2 .youshi_item.item1{background: url(../images/index_21.jpg) no-repeat;margin-bottom: 90px;} .index_youshi2 .youshi_item.item1 ul{right: 0px;top: 125px;} .index_youshi2 .youshi_item.item2{background: url(../images/index_24.jpg) no-repeat;margin-bottom: 50px;} .index_youshi2 .youshi_item.item2 ul{left: 45px;top: 138px;} .index_youshi2 .youshi_item.item3{background: url(../images/index_26.jpg) no-repeat;margin-bottom: 50px;} .index_youshi2 .youshi_item.item3 ul{right: 0px;top: 140px;} .index_youshi2 .youshi_item.item4{background: url(../images/index_28.jpg) no-repeat;margin-bottom: 50px;} .index_youshi2 .youshi_item.item4 ul{left: 45px;top: 138px;} .index_case{width: 100%;height: 384px;padding-top: 198px;background: url(../images/index_30.jpg) no-repeat center top;} .index_case .warp{} .index_case div{text-align: center;} .index_case div img{width: 286px;height: 208px;border: 1px solid #FFF} .index_case div span{display: block;width: 100%;line-height: 30px;font-size: 18px;color: #FFF;} .index_hezuo .tit_img{width: 108px;margin: 25px auto;} .index_news{width: 100%;background: url(../images/newbg_36.jpg) no-repeat center top;height: 539px;padding-top: 50px;margin-top: 50px;} .index_news .tit_img{width: 108px;margin: 25px auto;} .index_news .news_box{width: 100%;} .index_news .news_box{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;} .index_news .news_box .news_box_item{width: 450px;height:148px;margin-top: 50px;background-color: #FFF;} .index_news .news_box .news_box_item img{width: 148px;height:148px;border-right: 1px solid #b5b5b5;float: left;} .index_news .news_box .news_box_item .item_info{width: 260px;float:right;margin: 10px 10px 0px 0px;} .index_news .news_box .news_box_item .item_info .info_tit{color: #333333;font-size: 22px;} .index_news .news_box .news_box_item .item_info .info_tit span{color: #999999;font-size: 12px;float: right;margin-top: 8px;} .index_news .news_box .news_box_item .desc{font-size: 16px;color: #666666;line-height: 24px;} .index_news .news_box .news_box_item .more{font-size: 12px;color: #fd7105;float: right;} .index_about{background: url(../images/index_38.jpg) no-repeat center top;width: 100%;height: 1955px;padding-top: 145px;} .index_about .about_top{height: 530px;} .index_about .about_top .fl{width: 475px;} .index_about .about_top .fl .logo_img{width: 470px;height: 306px;border: 1px solid #FFF;} .index_about .about_top .fl .logo_img img{width: 470px;height: 306px;} .index_about .about_top .fl .hj_img{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 34px;} .index_about .about_top .fl .hj_img img{width: 214px;height:182px;border: 1px solid #FFF;} .index_about .about_top .fr{width: 370px;margin-right: 45px;font-size: 18px;color: #FFF;line-height: 30px;} .index_about .yewu{padding: 30px 0px;width: 100%;line-height: 30px;font-size: 18px;color: #FFF;margin-top: 50px;height: 160px; } .index_about .yewu .tit_txt{width: 150px;text-align:center;margin:0px auto;font-size: 24px;} .index_about .yewu .yewu_content{width: 90%;margin:20px auto 0px auto;font-size: 18px;} .index_about .index_zhichi{width: 930px;margin: 0px auto;padding-top: 35px;height: 340px;} .index_about .index_zhichi #index_zhichi{width: 455px;height: 321px;} .index_about .index_zhichi #index_zhichi img{width: 453px;height: 319px;border: 1px solid #FFF;} .index_about .index_zhichi .index_ul_line li{background: url(../images/inews_193.jpg) #1a71af no-repeat 20px;} .index_about .title_line{width: 400px;margin: 0px auto;height: 47px;line-height: 47px;text-align: center;border-bottom: 1px solid #FFF;font-size: 24px;color: #FFF;} .index_about .index_ul_line{width: 440px;margin: 0px auto;} .index_about .index_ul_line li{height: 55px;line-height: 55px;color: #FFF;margin-top: 11px;padding: 0px 10px;text-indent: 45px;} .index_about .index_ul_line li span{float: right;font-size: 18px;} .index_about .index_ul_line li a{font-size: 20px;color: #FFF;} .index_about .index_companynews{height: 450px;padding-top: 50px;} .index_about .index_companynews .fl{width: 475px;} .index_about .index_companynews .companynews_dt{width: 440px;margin: 0px auto;} .index_about .index_companynews #index_companynews_dt{width: 440px;height: 250px;margin-top: 10px;} .index_about .index_companynews #index_companynews_dt img{width: 438px;height: 248px;border: 1px solid #FFF;} .index_about .index_companynews .dt_hot{width: 420px;height: 140px;padding: 10px;background-color: #1a71af} .index_about .index_companynews .dt_hot .hot_tit{width: 100%;height:45px;line-height: 45px;} .index_about .index_companynews .dt_hot .hot_tit span{margin-right:15px;line-height:30px;margin-top:7px;display: block;float: left;background-color: #ff7000;color: #FFF;padding: 0px 10px;font-size: 18px;} .index_about .index_companynews .dt_hot .hot_tit a{font-size: 20px;color: #FFF;} .index_about .index_companynews .dt_hot .desc{font-size: 18px;color: #FFF;line-height: 24px;} .index_about .index_companynews .dt_hot .more{font-size: 18px;color: #FFF;float: right;} .index_about .index_companynews .index_ul_line li{background: url(../images/inews_209.jpg) #1a71af no-repeat 20px;} .index_about .index_companynews .fr{width: 477px;} .index_about .index_companynews .fr .index_question{width: 426px;margin: 0px auto;} .index_about .index_companynews .fr .index_question #index_question{width: 428px;height: 321px;} .index_about .index_companynews .fr .index_question #index_question img{width: 426px;height: 319px;border: 1px solid #FFF;} .index_about .index_companynews .fr .index_question .title_line{margin: 20px auto;} .index_about .index_companynews .fr .index_question .index_ul_line li{background: url(../images/inews_205.jpg) #1a71af no-repeat 20px;} footer{width: 100%;height: 555px;background-color: #01325a;padding-top: 20px;} footer .foot_logo{} footer .foot_logo img{float: left;} footer .foot_logo ul{float: right;width: 600px;} footer .foot_logo ul li{float: left;border-right: 1px solid #fff;padding: 0px 15px;} footer .foot_logo ul li a{display: block;width: 100%;font-size: 18px;line-height: 24px;color: #FFF;} footer .foot_logo ul li:last-child{border-right: 0px;} footer .f_kouhao,footer .f_kouhao p{width: 100%;line-height: 36px;font-size: 21px;color: #FFF;clear: both;padding: 30px 0px;} footer .f_kouhao a,footer .f_kouhao p a{color: #FFF;} footer .f_kouhao p{padding: 0px;} footer .foot_contact{width: 100%;} footer .foot_contact ul{width: 790px;float: left;} footer .foot_contact ul li{width: 100%;line-height: 50px;color: #FFF;font-size: 21px;text-indent: 45px;} footer .foot_contact ul li:nth-child(1n){background: url(../images/foot_242.jpg) no-repeat 0px 10px;} footer .foot_contact ul li:nth-child(2n){background: url(../images/foot_245.jpg) no-repeat 0px 10px;} footer .foot_contact ul li:nth-child(3n){background: url(../images/foot_249.jpg) no-repeat 0px 15px;} footer .foot_contact ul li:nth-child(4n){background: url(../images/foot_253.jpg) no-repeat 0px 10px;} footer .foot_contact .ewm{width: 160px;height: 160px;} footer .foot_contact .ewm img{width: 160px;height: 160px;} .friendlink{width: 100%;font-size: 21px;line-height: 30px;color: #FFF;clear: both;} .friendlink a{color: #FFF;padding-right: 20px;} .page_banner{width: 100%;height: 472px;} .pos{line-height: 35px;font-size: 18px;color: #666666;} .pos a{color: #666666;} .pos a.active{color: #d2394d;} .serach_form {border:1px solid #dedede;} .serach_form .ipt{border:0px;font-size: 18px;text-indent: 20px;line-height: 45px;width: 300px;} .serach_form .btn_search{float: right;margin: 7px 10px 0px 0px} .list_article_right{width: 715px;float: right;} .list_article_right .list_article_item{width: 670px;margin: 35px auto 0px auto;height: 300px;} .list_article_right .list_article_item img{width: 270px;height: 300px;float: left;} .list_article_right .list_article_item .item_info{width: 360px;margin:10px 10px 0px 0px;float: right;} .list_article_right .list_article_item .item_info .addtime{width: 100%;line-height: 50px;border-bottom: 1px solid #999999;font-size: 24px;color: #3d3d3d;} .list_article_right .list_article_item .item_info .addtime span{font-size: 18px;color: #666666;float: right;} .list_article_right .list_article_item .item_info .tit_link{font-size: 24px;color: #fd7203;line-height: 40px;padding: 10px 0px;display: block;} .list_article_right .list_article_item .item_info .desc{font-size: 18px;color: #666666;line-height: 24px;} .list_article_right .list_article_item .item_info .more{font-size: 18px;color: #d2394d;padding: 5px 10px;border: 1px solid #d2394d;float: right;border-radius: 3px;} .list_page{width: 100%;border-top: 2px solid #fd7203;padding: 20px 0px;} .list_page .page_img{width: 300px;float: left;padding-left:50px;} .list_page .page_img a{display: block;float: left;margin-right: 20px;width: 25px;height: 21px;} .list_page .page_img a.prev{background: url(../images/page_24.jpg) no-repeat;} .list_page .page_img a.next{background: url(../images/page_26.jpg) no-repeat;} .list_page .page_num{width: 400px;float: right;text-align: right;} .list_page .page_num a{display: block;float: left;background-color: #333333;color:#FFF;line-height:21px;margin-right: 15px;text-align: center;width: 21px;height: 21px;border-radius: 50%;} .list_page .page_num a:hover,.page_num a.active{background-color: #fd7203;} .page_about{width: 100%;background: url(../images/about_04.jpg) no-repeat center top;height: 1680px;padding-top: 137px;} .about_1{width: 934px;margin: 0px auto;} .about_1 .fl{width: 480px;} .about_1 .fl .about_tit{font-size: 24px;color: #333333;line-height: 30px;} .about_1 .fl .about_tit span{font-size: 18px;color: #fd7203;clear: both;display: block;} .about_1 .fl .about_tit i{clear: both;display: block;width: 120px;border-bottom: 2px solid #0061a6} .about_1 .fl .about_content{font-size: 18px;color: #666666;line-height: 30px;padding-top: 15px;} .about_1 .fr{width: 425px;} .about_youshi{width: 934px;margin: 0px auto} .about_wenghua{width: 100%;background: url(../images/about_05.jpg) no-repeat center;height: 497px;} .about_wenghua .about_tit{font-size: 24px;color: #333333;line-height: 50px;padding-top: 200px;} .about_wenghua .about_tit i{clear: both;display: block;width: 120px;border-bottom: 2px solid #0061a6} .about_wenghua .about_content{font-size: 18px;color: #666666;line-height: 30px;padding-top: 15px;width: 417px;} .about_fc{width: 100%;background: url(../images/about_07.jpg) no-repeat center top;height: 1471px;padding-top: 40px;} .about_fc .tit_img{width: 150px;margin: 0px auto;text-align: center;} .about_fc .desc{width: 90%;margin: 0px auto;font-size: 18px;color: #333333;line-height: 35px;} .about_fc .list_img{width: 978px;margin: 0px auto;} .page_contact{width: 100%;height: 970px;background: url(../images/contact_04.jpg) no-repeat center top;padding-top:50px;} .page_contact .tit_img{width: 227px;margin: 20px auto;} .page_contact .info_box{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;} .page_contact .info_box>div{width: 218px;height: 182px;} .page_contact .info_box div{font-size: 18px;color: #333333;} .page_contact .info_box .contact_tel{background: url(../images/contactus_17.jpg) #ffe0df no-repeat center 20px;} .page_contact .info_box .contact_tel .txt{margin: 70px 0px 0px 44px;line-height: 30px;} .page_contact .info_box .contact_wx{background: url(../images/contactus_09.jpg) #cff5ff no-repeat center 20px;} .page_contact .info_box .contact_wx img{width: 80px;height: 80px;margin:75px 0px 0px 70px;} .page_contact .info_box .contact_chat{background: url(../images/contactus_11.jpg) #eaf7d3 no-repeat center 20px;} .page_contact .info_box .contact_chat .txt{margin: 100px 0px 0px 65px;} .page_contact .info_box .contact_email{background: url(../images/contactus_14.jpg) #f9e0c2 no-repeat center 20px;} .page_contact .info_box .contact_email .txt{margin: 100px 0px 0px 10px;} .page_contact .address{line-height: 40px;text-indent:40px;background: url(../images/contactus_27.jpg) no-repeat left;font-size: 24px;color: #333333;width: 510px;margin: 0px auto;} .pagetion{width: 100%;text-align: center;} .pagetion a{border:1px solid #0061a6;color: #0061a6;padding:2px 5px;margin-right: 5px;text-align: center;} .pagetion a:hover,.pagetion a.active{background-color: #0061a6;color: #FFF;} .product_diy{width:100%;background: url(../images/prolist_04.jpg) no-repeat top center;height: 1121px;padding-top: 370px;} .product_diy .diy_box{display: flex;flex-flow: row wrap;justify-content: space-between;} .product_diy .diy_box .diy_item{width: 478px;height: 144px;margin-bottom: 20px;background-color: #FFF;} .product_diy .diy_box .diy_item img{width: 100px;height: 100px;float: left;margin: 16px 0px 0px 23px;} .product_diy .diy_box .diy_item .diy_info{width: 300px;float: right;margin-top: 20px;} .product_diy .diy_box .diy_item .diy_info span{font-size: 30px;color: #ffa555;line-height: 50px;display: block;} .product_diy .diy_box .diy_item .diy_info i{font-size: 18px;color: #333333;line-height: 30px;font-style: normal;} .product_diy .yaoqiu{display: flex;flex-flow: row wrap;justify-content: space-between;padding-top: 170px;} .product_diy .yaoqiu img{width: 477px;height: 369px;} .message{width: 973px;height: 792px;background: url(../images/prolist_07.jpg) no-repeat;margin: 124px auto 50px auto;} .msg_from{width: 590px;margin: 0px auto 0px auto;padding-top: 125px;} .msg_from .f1{width: 590px;} .msg_from .f1 dt{width: 75px;margin-bottom: 40px;float: left;text-align: right;font-size: 24px;padding-top: 10px} .msg_from .f1 dd{width: 515px;margin-bottom: 50px;float: left;} .msg_from .f1 dd input{border:0px;border-bottom: 1px solid #000000;width: 100%;line-height: 35px;background: none;} .msg_from .f2{width: 590px;} .msg_from .f2 dt{width: 120px;font-size: 24px;float: left;} .msg_from .f2 dd{width: 470px;font-size: 24px;float: left;} .msg_from .f2 dd textarea{width: 470px;height: 220px;border:1px solid #000000;} .msg_from .f2 dd button{width: 270px;height: 60px;background-color: #f68d31;color: #FFF;text-align: center;line-height: 60px;font-size: 24px;border:0px;} .case_list{width: 100%;background: url(../images/case_04.jpg) no-repeat center top;height: 1349px;} .case_list .case_list_box{display: flex;flex-flow: row wrap;justify-content:space-around;width: 100%;} .case_list .case_list_box .case_item{width: 451px;height: 500px;margin-top: 20px;margin-bottom: 50px;} .case_list .case_list_box .case_item img{width: 451px;height: 291px;} .case_list .case_list_box .case_item .case_title{text-align:center;display: block;width: 100%;line-height: 35px;color: #333333;font-size: 24px;} .case_list .case_list_box .case_item i{display: block;width: 120px;margin: 0px auto;border-bottom: 1px solid #0061a6;margin-bottom: 20px;} .case_list .case_list_box .case_item .desc{width: 430px;margin: 0px auto;color: #333333;font-size: 18px;line-height: 35px;} .case_list .case_list_box .case_item .more{width: 430px;margin: 0px auto;color: #fd7203;font-size: 18px;text-align: right;display: block;} flcc{width: 100%;height: 80px;background-color: #01325a;padding-top: 20px;} .client-2 { position: fixed; right: -170px; bottom:20%; 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: url(../images/fx.png) 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: #2869c0; color: #fff; height: 53px; width: 230px; padding:9px 0 0; float: left; } .client-2 .my-kefu-main { background: #2869c0; 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; } .goodsDiv2{ width:510px; height:320px;margin-left: 10px;} #goodsiTarget{ height:320px; width:100px;float: left;overflow: hidden;} #goodsiTarget .goodsUl1 li{height:100px; width:100px;margin-bottom: 10px;} #goodsiTarget .goodsUl1 li img{height:98px; width:98px;border: 1px solid #dedede} .goodsDiv9{width: 400px;height: 320px;float: right;border: 1px solid #dedede;} .goodsDiv10{width: 100%;text-align: center;} .goodsDiv10 img{max-width: 400px;max-height: 320px;} .goodsDiv12{ width:400px; height:400px; top:0px; right:-450px; z-index:100;} .goodsDiv13{ width:800px; height:800px;} .goodsImg3{ width:800px; height:800px;} .goodsI4{ width:60px; height:60px; background:url(../images/goods_sprirt.png) no-repeat -219px -60px; bottom:0; right:0;} .product_info{width: 940px;float: right;} .product_info_text{width: 400px;float: right;} .product_info_text .goodsname{font-size: 28px;color: #333333;} .product_info_text .goodsremark{font-size: 18px;color: #666666;line-height: 30px;margin: 20px auto;} .product_info_text a{font-size: 18px;color: #fff;line-height: 45px;width: 220px;background-color: #fd7203;display: block;text-align: center;} .product_tit{width: 940px;margin:0px auto;height: 66px;line-height: 66px;border: 1px solid #b9b9b9;text-align: center;} .product_tit img{margin-top: 10px;} .product_content{width: 940px;margin:0px auto;color: #333333;font-size: 18px;line-height: 26px;border:1px solid #cdcdcd;border-top: 0px; } .product_other{width: 940px;margin:0px auto;border:1px solid #cdcdcd;border-top: 0px; display: flex;flex-flow: row wrap;justify-content: space-around;} .product_other .other_item{width: 230px;text-align: center;font-size: 20px;margin: 20px 0px;} .product_other .other_item a{color: #333333} .product_other .other_item img{width: 230px;height: 218px;border: 1px solid #cdcdcd} div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;} .w630{width: 630px;} .article_info{width: 680px;float: right;margin:10px 10px 0px 0px;} .article_info_box {padding: 20px;border: 1px solid #cdcdcd} .article_info_box .article_title{width: 100%;font-size: 16px;color: #333333;text-align: center;font-weight:bold;} .article_addtime{width: 100%;text-align: right;line-height: 25px;} .article_content{width: 100%;line-height: 25px;font-size: 14px;color: #333333;} .pre_next{width: 100%;line-height: 30px;font-size: 18px;color: #333333;} .pre_next div{width: 50%;float: left;} .pre_next .next{float: right;text-align: right;} .pre_next a{color: #fd7203;} .article_other{width: 670px;border: 1px solid #cdcdcd;} .article_other img{display: block;margin: 10px auto;} .article_other ul{width: 630px;margin: 0px auto;} .article_other ul li{width:100%;line-height: 25px;border-bottom: 1px solid #333333;margin-bottom: 15px;} .article_other ul li a{font-size: 16px;color: #333333;} .article_other ul li span{float: right;}