@charset "utf-8"; body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h2, font { margin: 0 auto; padding: 0; border: 0; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; } ul, li, dl, dt, dd, ol { display: block; list-style: none; } img { border: 0; } .fl { float: left } .fr { float: right } .clear { clear: both; height: 0px; overflow: hidden } a { text-decoration: none; outline: 0; color: #515d6b; } html { overflow-x: hidden; } .center { text-align: center; } .center img { border: 1px solid #ccc; } /*涓囪兘娓呴櫎娴姩寮€濮�*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } /* Hides from IE-mac */ * html .clearfix { height: 1%; } .clearfix { display: block; } /*header*/ body { color: #515d6b; font-size: 14px; background: #fff; } .main, .fyMain { width: 1440px; margin: 0 auto; clear: both; } .logo-img{ position:absolute; width:315px; height:100px; left:200px; top:0px;} .logo-wei{ position:absolute; width:59px; height:56px; left:1155px; top:22px;} .logo-jingdong{ position:absolute; width:59px; height:56px; left:1085px; top:22px;} .logo-tel{ position:absolute; width:59px; height:56px; left:1011px; top:22px;} .logo-xin{background:url(../images/weixin-2.jpg) center no-repeat; position:absolute; width:150px; z-index:99; height:150px; top:90px; left:1120px; display:none} .main1 { width: 1440px; margin: 0 auto; clear: both; position: relative; } .header { width: 100%; min-width: 1440px; height: 100px; position: relative; z-index: 9; background:url(../images/logo.png) center no-repeat;} .logo { float: left; display: inline; } .tel { float: right; width: 380px; } .tel span, .tel p { width: 348px; display: block; float: right; text-align: right; } .tel span { background: url(../images/tel.gif) right center no-repeat; padding-right: 30px; font: 22px/26px 'Microsoft Yahei'; color: #006699; } .tel p { color: #fff; font: 30px/40px 'Impact'; } /*缃戠珯鍏憡*/ .notice { width: 100%; min-width: 1040px; height: 85px; background: #262626; position: relative; z-index: 88; color: #fff; line-height: 85px; } .notice b { font-size: 16px; float: left; font-family: 'Microsoft Yahei' } .notice marquee { float: left; display: inline; margin-left: 20px; width: 400px; } .search { position: relative; padding-top: 27px; float: right; width: 330px; z-index: 9999; height: 32px; line-height: 32px; display: inline; } .text { float: left; width: 237px; padding-left: 5px; color: #707070; height: 30px; line-height: 30px; border: 1px solid #d4d4d4; } .button { float: left; width: 33px; margin-left: 3px; height: 32px; display: inline; background: url(../images/button.gif) center top no-repeat; } .select { float: left; width: 82px; margin-left: 3px; display: inline; background: url(../images/select.gif) left top no-repeat; position: relative } .select select { margin: 5px auto; width: 80px; } .selectbox { border: none; display: block; width: 80px; text-indent: 8px; cursor: pointer; background: none; font-size: 12px; height: 32px; line-height: 32px; color: #707070; } /*瀵艰埅*/ .menu { width: 1040px; height: 60px; padding-top: 24px; margin: 0 auto; overflow: hidden; } .menu ul { margin: 0 auto; } .menu li { float: left; margin: 0 18px; display: inline; } .menu li a { display: block; width: 68px; line-height: 38px; text-align: center; border-top: 4px solid #fff; font-size: 14px; color: #262626; font-family: 'Microsoft Yahei'; } .menu a:hover, .menu li a.cur { border-top: 4px solid #006699 !important } /*banner*/ .banner { position: relative; height: 450px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; width: 100%; min-width: 1040px; } .slides { position: relative; z-index: 1; } .slides li { height: 450px; } .flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: 50px; height: 3px; margin: 0 5px; *display:inline; zoom: 1; } .flex-control-nav a { display: inline-block; width: 50px; height: 3px; overflow: hidden; background: #fff; cursor: pointer; } .flex-control-nav .flex-active { background: #ff8400; } .flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; } .flex-direction-nav li a { display: block; width: 50px; height: 38px; overflow: hidden; cursor: pointer; position: absolute; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .flex-direction-nav li a.flex-prev { left: 40px; background: url(../images/prev_icon.png) center center no-repeat; } .flex-direction-nav li a.flex-next { right: 40px; background: url(../images/next_icon.png) center center no-repeat; } .flex-direction-nav li a:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } /*涓氬姟浠嬬粛*/ .product { width: 100%; min-width: 1040px; overflow: hidden; padding-top: 50px; background: #262626; } .product .ititle { height: 79px; color: #fff; } .product .more { margin: 0 auto; } #swap_pic { margin: 0 auto; WIDTH: 1040px; OVERFLOW: hidden; } .box { position: relative; width: 1040px; float: left; height: 225px; overflow: hidden; margin-top: 20px; } .pics { position: absolute;/* width:5000px; */ top: 0; width: 1040px; float: left; height: 225px; overflow: hidden; } .pics li { float: left; position: relative; width: 245px; cursor: pointer; margin-right: 10px; text-align: center; } .pics li a { width: 245px; height: 184px; float: left; } .pics .nomar { margin-right: 0px; } .pics li span { width: 245px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; color: #CCC; } .pics a font { display: none; position: absolute; width: 100%; height: 100%; background: url(../images/proico.png) center no-repeat #262626; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } .pics a:hover font { display: block; } /* 鏈嶅姟椤圭洰*/ .qnav { padding-top: 50px; z-index: 1; width:100%; margin: 0 auto; position: relative; height: auto; } .qnav_t { text-align: center; } .qnav ul { padding-top: 45px; width: 1004px; margin: 0 auto; } .qnav ul li { float: left; width: 160px; margin-left: 50px; margin-right: 41px; display: inline; } .qnav ul li a { width: 100%; color: #3d3d3d; float: left; text-align: center; font: 16px/1 'Microsoft Yahei'; } .qnav ul li a font { width: 160px; cursor: pointer; margin-bottom: 10px; float: left; height: 158px; } .qnav ul li span { width: 100%; color: #3d3d3d; float: left; text-align: center; font: 16px/1 'Microsoft Yahei'; height: 30px; line-height: 30px; overflow: hidden; } .qnav1 a font { background: url(../images/qnav.gif) 0 top no-repeat; } .qnav1 a:hover font { background: url(../images/qnav.gif) 0 bottom no-repeat; } .qnav2 a font { background: url(../images/qnav.gif) -332px top no-repeat; } .qnav2 a:hover font { background: url(../images/qnav.gif) -332px bottom no-repeat; } .qnav3 a font { background: url(../images/qnav.gif) -664px top no-repeat; } .qnav3 a:hover font { background: url(../images/qnav.gif) -664px bottom no-repeat; } .qnav4 a font { background: url(../images/qnav.gif) -1003px top no-repeat; } .qnav4 a:hover font { background: url(../images/qnav.gif) -1003px bottom no-repeat; } .fwxm { width: 1040px; margin: 0 auto; margin-bottom: 30px; } /*鍏充簬鎴戜滑*/ .case { overflow: hidden; position: relative; width: 100%; min-width: 1040px;/*height:416px;*/ background: #262626; padding-top: 50px; } .case li { position: absolute; width: 1040px; left: 0; display: inline; } .view-port { overflow: hidden; position: relative; width: 1040px; } .track { margin-top: 30px; } .track a.prev, .track a.next { display: none; } .track a.prev.disabled, .track a.next.disabled { display: none; } .slider-container { position: relative; height: 350px; } .caseimg { float: left; width: 400px; margin-right: 48px; display: inline; } .case_r { float: left; width: 588px; font-size: 14px; } .case_rt { float: left; width: 528px; color: #fff; font-size: 22px; margin-bottom: 27px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: 'Microsoft Yahei' } .case_r .index_about { font-family: "微软雅黑"; margin-bottom: 30px; color: #f0f0f0; width: 100%; height: 200px; line-height: 32px; display: block; overflow: hidden; } .more { background: url(../images/more.png) 0 0 no-repeat; width: 110px; height: 32px; line-height: 32px; color: #fff; display: block; text-align: center; font-size: 14px; } .ititle { text-align: center; font-size: 22px; color: #262626; font-family: 'Microsoft Yahei'; height: 69px; width: 385px; margin: 0 auto; } .ititle font { height: 47px; text-transform: uppercase; display: block; line-height: 1; font-size: 38px; font-family: 'Impact'; } .news { min-width: 1040px; height: 580px; padding-top: 48px; overflow: hidden; font-family: 'Microsoft Yahei'; } .news .ititle, .al .ititle, .qnav .ititle { background: url(../images/news_t.gif) bottom center no-repeat; } .news ul { width: 1040px; } .news ul li { width: 296px; float: left; margin: 50px 50px 0 0px; display: inline; cursor: pointer; } .news ul .nomar { margin-right: 0px; } .news img { float: left; } .protxt { width: 180px; float: right; color: #717171; font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; } .news ul li span { width: 180px; color: #717171; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; float: right; } .protxt font { font-size: 16px; cursor: pointer; float: left; width: 100%; margin-bottom: 10px; font-weight: bold; color: #292929; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news li a font:hover { color: #006699; } .news li a:hover { color: #3f3f3f; } .newsmore { width: 1040px; border-top: 1px solid #e2e2e2; margin-top: 68px; float: left; text-align: center } .newsmore a { margin: -16px auto 0; } /*妗堜緥灞曠ず*/ .al { width: 1040px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; } .al ul { margin-top: 30px; } .al ul li { float: left; margin-right: 25px; } .al ul li span { display: block; height: 40px; line-height: 40px; text-align: center; width: 330px; overflow: hidden; } .al ul .nomar { margin-right: 0px; } /* foot*/ .footclear { width: 100%; clear: both; margin: 0 0 0px 0; height: 0px; font-size: 0; overflow: hidden; } .foot { width: 100%; min-width: 1040px; color: #707070; background: #1a1d22; /*height: 268px;*/ position: absolute; } .f_link { width: 100%; min-width: 1040px; padding:20px 0px; text-align: left; color: #707070; background: #f5f5f5 } .f_link a { color: #707070; line-height: 35px; padding:10px 0px 10px 10px; } .bottomnav { width: 100%; min-width: 1040px; height: 45px; line-height: 45px; text-align: center; background: #006699; overflow: hidden; } .foot .bottomnav a { color: #fff; display: inline-block; width: 90px; margin: 0 2px; _display: inline; _zoom: 1; } .bottomnav a:hover { color: #006699; background: url(../images/bootnav.gif) center no-repeat; } .bootTxt { width: 1040px; text-align: center; padding-top: 40px; height: 80px; line-height: 30px; } .foot a { color: #707070; } /* 浜岀骇椤甸潰*/ .fyMain { overflow-x: hidden; overflow-y: auto; padding-bottom: 40px; padding-top: 50px; } .fyLeft { float: left; width: 230px; overflow: hidden; } .l_pro { margin-bottom: 38px; } .proOne { margin-bottom: 8px; } .l_procon { width: 100%; clear: both; } .proOne a { width: 230px; display: block; text-align: center; height: 33px; line-height: 33px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #6d6d6d; background: url(../images/l_pro.gif) bottom center repeat-x; } .proOne a:hover, .proOne a.cur { color: #fff; background: url(../images/l_pro.gif) top center repeat-x; } .l_news ul { display: block; float: left; width: 230px; padding-bottom: 10px; } .l_news li a { display: block; height: 36px; line-height: 36px; width: 206px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url(../images/newsico1.gif) 2px center no-repeat; padding-left: 24px; color: #707070; } .l_news li a:hover,.l_news li.on a { color: #000; background: url(../images/newsico2.gif) 2px center no-repeat; } .ltitle { width: 230px; height: 55px; float: left; overflow: hidden; font-weight: bold; } .titlefl { float: left; } .titlefl span { color: #1a1d22; font: 22px/22px 'Microsoft Yahei'; } .ltitle p { color: #006699; text-transform: uppercase; font: 26px /30px 'impact'; } .ltitle a { color: #fff; background: #1a1d22; width: 84px; margin-top: 26px; float: right; font: 14px/21px '瀹嬩綋'; } .l_pro .ltitle a { width: 58px; } /*鑱旂郴鎴戜滑*/ .l_contact { clear: both; width: 100%; line-height: 24px; } .l_contact .contacttel { color: #1a1d22; } .contacttel { color: #898989; height:65px; font: 22px/22px 'Microsoft Yahei'; } .contacttel p { color: #898989; font: 28px/30px 'Impact'; } .contacttel img { vertical-align: -0.2em; margin-right: 3px; } .lconmore { background: #1a1d22; line-height: 20px; height: 20px; display: block; margin-top: 5px; } .lconmore a { background: #e2e2e2; color: #000; line-height: 20px; padding: 0 3px; float: right; } /* fyRight*/ .fyRight { float: right; overflow: hidden; width: 1165px; } .title { float: left; height: 36px; margin-bottom: 20px; width: 100%; border-bottom: 1px solid #a6a6a6 } .title .fl { color: #24272e; font: 22px/26px 'Microsoft Yahei'; padding-left: 20px; background: url(../images/titlefl.gif) left top no-repeat; border-bottom: 1px solid #006699; height: 36px; margin-bottom: -1px; position: relative; } .titler { float: right; color: #707070; line-height: 22px; font-weight: normal; } .titler a { color: #707070; } .titler font { font-size: 12px; color: #707070; } /* list*/ .news_list { margin-bottom: 20px; float: left; } .news_list li a { font-size: 14px; color: #737171; } .news_list li a:hover { color: #006699; } .news_list li a .fr { font-size: 12px; } .news_list li a span { cursor: pointer; } .news_list li .fl { width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news_line { clear: both; width: 687px; height: 18px; margin: 18px 0; } .news_list p { font-size: 12px; padding: 10px 20px; line-height: 20px; color: #ccc; } /*浜岀骇椤甸潰*/ .fyRight .news_list li { width: 725px; padding: 0 20px; display: block; line-height: 37px; height: 37px; overflow: hidden; border-bottom: 1px dotted #999; background: url(../images/lidd.gif) left no-repeat; } .fyRight .news_list span { float: right; } .Page { width: 100%; text-align: center; padding: 30px 5px; } .Page ul { list-style-type: none; } .Page ul li { float: left; padding:0px 5px; height:40px; margin-right: 10px; display: inline-block; background: #ffffff; vertical-align: middle; line-height: 48px; font-size: 14px; margin-left: -1px; float: left; text-decoration: none; color: #333; outline: none; } .Page a { display: inline-block; height:40px; padding:0px 5px; background: #ffffff; vertical-align: middle; line-height: 48px; font-size: 14px; margin-left: -1px; float: left; text-decoration: none; color: #333; outline: none; } .Page a:hover { background: #006699; color: #FFF; background-repeat: no-repeat; } .Page span { display: inline-block; min-width: 45px; padding: 0 10px; background: #ffffff; height: 48px; vertical-align: middle; line-height: 48px; font-size: 14px; border: 1px solid #e5e5e5; margin-left: -1px; float: left; } .Page span.current { background: #006699; color: #FFF } .cont_tit { font-size: 24px; text-align: center; } .cont_data { font-size: 12px; text-align: center; padding: 8px 0; } .cont_img { text-align: center; } .cont_img img { max-width: 720px; } .cont_con { line-height: 32px; padding: 10px 0; text-indent: 2em; font-size: 14px; } .cont_page { line-height: 32px; margin-top: 10px; } .fyRight .product_list li { width:calc((100% - 40px) /5); float: left; margin-right: 10px; }.fyRight .product_list li:nth-of-type(5n) {margin-right:0}.fyRight .product_list li img { width:100%;} .fyRight .product_list .nomar { margin-right: 0px; } .fyRight .product_list li span { width: 225px; display: block; text-align: center; height: 30px; line-height: 30px; overflow: hidden; } .prise_title{ /*width: 765px;*/ height: 50px; line-height: 50px; margin:20px 0px 10px; } .prise_title h2{ width: 382px; float: left; text-align: ; height: 50px; line-height: 50px; font-size: 20px; color: #770062; font-weight: normal; } .prise_title span{ width: 50px; float: right; text-align: left; background: url(../images/listspan_03.png) no-repeat 40px center; line-height: 50px; } .prise_title span a{ color: #b2b2b2; } .prise_title span a:hover{ color: #770062; } .product-center { padding: 20px 0 20px 0; margin:0px auto; min-width: 1200px; } .product-center .m-title { height: 82px; line-height: 82px; background: url("../images/img-20.png") no-repeat top center; color: #252525; font-size: 40px; text-align: center; font-weight: bold; } .picScroll-left{ width:1200px; position:relative; margin-bottom: 50px; } .picScroll-left .hd{ overflow:hidden; height:30px; } .picScroll-left .hd .prev, .picScroll-left .hd .next{ display:block; width:53px; height:53px; overflow:hidden; cursor:pointer; position: absolute; top: 150px; } .picScroll-left .hd .prev { background: url("../images/prev.png") no-repeat; left: -80px; } .picScroll-left .hd .prev:hover{background: url("../images/prev-h.png") no-repeat;} .picScroll-left .hd .next{ background: url("../images/next.png") no-repeat; right: -80px; } .picScroll-left .hd .next:hover{background: url("../images/next-h.png") no-repeat;} .picScroll-left .bd{ overflow:hidden; width: 1200px; } .picScroll-left .bd ul{ overflow:hidden; zoom:1; padding: 8px!important; } .picScroll-left .bd ul li{ margin-right: 15px; float:left; _display:inline; overflow:hidden; text-align:center; height: 288px; padding-top: 16px; width: 229px; } .picScroll-left .bd ul li .pic { text-align:center; position:relative; } .picScroll-left .bd ul li .pic .pic_ico{ position:absolute; top:0px; right:5px;} .picScroll-left .bd ul li .pic .pic_ico img {width:50px; height:50px;} .picScroll-left .bd ul li .pic img { /* width:162px; height:206px;*/width:206px; height:196px; display:block; margin: 0 auto; transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; } .picScroll-left .bd ul li .pic img:hover { transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);} .picScroll-left .bd ul li .title a { display: inline-block; background: url("../images/img-21.png") no-repeat 10px bottom; height: 42px; line-height: 22px; color: #616161; font-size: 14px; text-align: left; padding: 10px 10px 15px 10px; } .picScroll-left .bd ul li:hover { box-shadow: 0 0 8px #dbdbdb; } .picScroll-left .bd ul li:hover .title a { color: #cd392a; background: url("../images/img-22.png") no-repeat 10px bottom; } #content{ width:500px; height:170px; margin:100px auto;} #imgbox-loading {position: absolute;top: 0;left: 0; cursor: pointer;display: none;z-index: 90;} #imgbox-loading div {background: #FFF;width: 100%;height : 100%;} #imgbox-overlay {position: absolute;top: 0; left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;} .imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none; z-index: 90;} .imgbox-img {padding: 0;margin: 0;border: none;width: 100%; height: 100%;vertical-align: top;} .imgbox-title { padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;} .imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;} .imgbox-bg {position: absolute;width: 20px; height: 20px;} .sales { background: url(../images/index_sales_bg.jpg) repeat center top; margin: 10px auto; height: 500px; width:1040px; color:#FFFFFF } .sales .sales_top { margin: 0 auto; height: 70px; background: url(../images/xstitbg.png) no-repeat center 60px } .sales .sales_top h2 { text-align: center; height: 60px; padding: 35px 0 0 100px } .sales .sales_top p { display: block; text-align: center; font-size: 68px; font-weight: 500; font-style: normal; padding: 20px 0 0 290px; letter-spacing: -5px; position: absolute } .sales .sales_top h2 em { display: block; text-align: center; font-size: 16px; font-style: normal; padding: 5px 0 0 12px; letter-spacing: 13px } .sales .sales_top h2 span a { display: block; text-align: center; font-size: 14px; margin: 15px auto; font-style: normal; font-weight: 400 } .sales_box { margin: 40px auto; font-family: "微软雅黑"; } .sales_box .tabbtn li { float: left; position: relative; border-bottom: 1px dashed #ccc } .sales_box .tabbtn li a { display: block; float: left; height: 35px; color:#fff; line-height: 35px; overflow: hidden; width: 55px; text-align: center } .sales_box .tabbtn li.current a { background: #ff8300; text-decoration: none } .sales_box .sub { height: 45px; font-size: 16px } .sales_box .sub a { line-height: 30px; display: inline-block; padding: 5px 10px } .sales_box .sub a.on,.sales_box .sub a:hover { background: red; font-weight: 700; text-decoration: none } .sales_box .sub span { display: inline-block; font-weight: 700; line-height: 34px; padding: 0 14px; font-size: 14px } .sales_box .sublist { height: 450px } .sales_box .cons { border-top: none; margin-top: 5px } .sales_box .ny { font-size: 14px; clear: both; white-space: nowrap; overflow: hidden } .sales_box .ny dl { float: left; width: 15%; line-height: 20px; margin: 5px 40px 10px 10px; padding: 12px 10px; font-weight: 700; text-align: center; font-size: 14px; white-space: normal; } .sales_box .ny dt { float: left; width: 50%; line-height: 60px; margin: 10px 40px 10px 10px; padding: 0; font-size: 14px; white-space: normal; border-right: none } .sales_box .ny dd { float: left; line-height: 20px; margin-right: 0; padding: 18px 5px; font-size: 14px; white-space: normal; border-right: none } .sales_box .ny dd p { width: 180px; white-space: normal } .swiper-container { width: 100%; height: 450px; margin-left: auto; margin-right: auto; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } a:hover{ text-decoration: none;} .mainright { margin: 0px auto; width: 765px } .mainright .currentPath { background: url(../images/plcico.jpg) no-repeat; height: 30px; line-height: 30px; position: relative; color: #555; overflow: hidden } .mainright .currentPath a { color: #555; text-decoration: none;} .mainright .currentPath a:hover { color: red; } .mainright .currentPath img { margin-top: 2px; vertical-align: middle } .mainright .topbtbg { background: url(../images/topbtbg.png) no-repeat center 45px; height: 60px; line-height: 60px } .mainright .topbtbg h1 { color: #cf291d; text-align: center; padding-top: 18px; font-size: 24px; height: 60px; line-height: 60px } .mainright .zhida { text-align: center } .mainright dl { color: #666; text-decoration: none; margin: 25px 10px; font-size: 14px; line-height: 26px } .shengfensale { font-size: 20px; color: #333; margin: 20px auto } .shengfensale a { color: #333!important; font-weight: 700 } .xiaoshoulist { clear: both; border: solid 1px #e6e6e6; margin: 10px auto } .xiaoshoulist .sub span { display: inline-block; font-weight: 700; color: #fd4d00; line-height: 34px; padding: 0 14px; font-size: 14px } .xiaoshoulist .sub span a { text-decoration: none; color: #fd4d00 } .xiaoshoulist .sub span a:hover { color: #fff } .xiaoshoulist .nyqy { font-size: 14px; height: 85px; color: #333; background: #f6f6f6; clear: both; overflow: hidden; } .xiaoshoulist .nyqy:hover { background: #eee } .xiaoshoulist .nyqy dl { float: left; width: 20%; line-height: 20px; margin: 5px 10px 10px 10px; padding: 5px 10px; font-weight: 700; text-align: center; color: #333; font-size: 14px; background-color: #eee } .xiaoshoulist .nyqy dt { float: left; text-align: left; width: 40%; line-height: 20px; padding-top: 15px; color: #333; font-size: 14px } .xiaoshoulist .nyqy dd { float: left; line-height: 20px; width: 200px; margin-right: 0; color: #333; font-size: 14px; white-space: normal } .xiaoshoulist .nyqy dd p { text-align: left } .xiaoshoulist .sub { height: 35px; color: #555; font-size: 16px; background: #ddd; text-align: left } .xiaoshoulist .sub a { color: #333; line-height: 25px; display: inline-block; padding: 5px 13px } .sub a.on,.xiaoshoulist .sub a:hover { background: #ff8400; text-decoration: none } .mainright .othercitytit { margin-top: 60px; text-align: center; font-size: 20px; font-weight: 700 } .mainright .othercity { margin-top: 30px } .mainright .othercity a { color: #666; font-size: 14px } .mainright .othercity a:hover { color: #cf291d } .mainright .othercitytit p { text-align: center; font: 26px Impact; color: #cf291d } .mainright dl img { margin: auto!important } .mainright dl a { color: #cf291d } .mainright dl a:hover { text-decoration: underline } .mainright .cases,.mainright .news { width: 770px; margin: 0 auto; padding-top: 15px; clear: both } .mainright .news .newslist { margin: 0 0 10px 0; background: #f6f6f6; overflow: hidden; border-bottom: 1px dashed #A7A7A7; padding-bottom: 20px } .mainright .news .newslist:hover { background: #ecebeb } .mainright .news .newslist dt { width: 150px; height: 150px; overflow: hidden; text-align: center } .mainright .news .newslist dd { width: 580px } .mainright .news .newslist dd h3 { padding-left: 20px; float: left; line-height: 20px; color: #666; font-size: 12px; font-weight: 400 } .mainright .news .newslist dd h3 a { color: #c61b14 } .mainright .news .newslist dd h3 a:hover { color: red } .mainright .news .newslist dd h3 p { padding-top: 10px; height: 30px; font-size: 16px; color: #222; font-weight: 700 } .mainright .news .newslist dd h3 span { background: 0 0; width: 580px; float: right; height: 30px; line-height: 30px; text-align: right; margin-top: 24px; color: #aaa } .mainright .news .newslist dd h3 span a { display: block; float: left; widht: 100px; padding: 0 10px; font-size: 12px; color: #FFF; line-height: 26px; background: red } .mainright .news .newslist dd h3 span a:hover { color: #fff } .mainright .news .newslist dd h3 p a { color: #222 } .mainright .news .newslist dd span { display: block; width: 119px; text-align: center; color: #fff; background: #c61b14; float: right; height: 70px; overflow: hidden; font: 14px Arial,Helvetica,sans-serif; line-height: 14px; margin-top: 10px } .mainright .news .newslist dd span b { font-size: 36px; display: block; line-height: 48px } .mainright .cases .dl_2 { width: 224px; padding: 0 6px; float: left; display: inline-block } .mainright .cases .dl_2 dt { width: 224px; overflow: hidden } .mainright .cases .dl_2 dt img { width: 220px; height: 220px; border: 1px solid #ccc; padding: 1px } .mainright .cases .dl_2 dt img:hover { border: 1px solid red } .mainright .cases .dl_2 dd { width: 224px; height: 24px; line-height: 24px; font-weight: 700; overflow: hidden; white-space: nowrap; text-align: center } .mainright .cases .dl_2 dd a:hover { color: red } .mainright .consizecol { font-size: 16px; font-weight: 700 } .mainright .concol { color: #C00 } .mainright .conright { margin-top: 30px; } .Heating_photo{ width:1180px; margin:30px auto; overflow: hidden; } .Heating_photo_list{ width: 235px; height: auto; float: left; padding-top: 20px; } .Heating_photo_list img{ display: block; width: 200px; height: 200px; border-radius: 150px; border: solid 1px #eeeeee; margin: 0px auto 10px; box-shadow: 6px 3px 20px 0px #b5b5b6; transition: 0.3s; -webkit-transition: 0.3s; } .Heating_photo_list img:hover{ transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); } .Heating_photo_list p{ text-align: center; color: #333; font-size: 16px; height: 30px; line-height: 30px; } .Heating_photo_list p a{ color: #333; } .Heating_pro { } .Heating_pro { width: 1040px; border-top: 1px solid #e2e2e2; margin: 68px auto; text-align: center } .Heating_pro a { margin: -16px auto 0; } .pagenavi { margin:30px 5px; } .pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#7d7d7d; border-radius:4px; margin:0 10px; padding:3px 8px; } .pagenavi span.pages { } .pagenavi span.current,.pagenavi a:hover {color:#7d7d7d } .pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }