@charset "utf-8"; /* CSS Document */ html{ font-size:62.5%; } body {margin:0 auto;font-family:"microsoft yahei"; font-size:12px; font-size:1.2rem; color:#333; background:url(../images/tb_yin_bg.jpg) repeat-y top center; /* background:#fffcf5;*/} img { border:none; } ul li {list-style-type:none;} ul, form, p, a, img, table, tr, td, li,dd,dt,dl {margin:0;padding:0;list-style:none;color:#333;} a {text-decoration:none; outline:none;} a:hover { transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; } h1 {margin:0;padding:0;font-weight:normal;} .clear {clear:both;} .fl{float:left} .fr{float:right} input,textarea{ background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:1.2rem; border:none;} input{ outline:none; } .f14{ font-size:14px; font-size:1.4rem; } .bottom26{ padding-bottom:26px; } .zong{ width:1333px;margin: 0px auto; padding: 0px;margin-bottom:10px; } /*首页*/ .qly-ext-detail { cursor: pointer } #qlyExtDetailTop { line-height: 24px; margin-bottom: 10px; padding: 12px 20px 12px 80px; color: #3d3d3d; border: 1px solid #e8e8e8; background-position: 10px } #qlyExtDetailTop>p, #qlyExtDetailTop>span { display: inline-block; margin-right: 15px } #qlyExtDetailTop>span { cursor: pointer } #qlyExtDetailTop>span>a { color: #ff4600 } .detail-url { float: right } .detail-url>a { font-size: 12px; margin-left: 10px; color: #6ea3ce!important } .qly-kws, .qly-kws-bottom { overflow: hidden } .qly-kws-bottom .qly-updataTime { text-indent: 10px; line-height: 30px; float: left; color: #f40 } .qly-kws-bottom .qly-more { float: right; line-height: 30px; color: #4288c2; text-decoration: none } .qly_product_dTitle { display: inline-block; line-height: 22px; font-size: 12px; cursor: pointer } .qly_product_dTitle span { color: #f40 } .qly_history_price { font-size: 12px; position: relative } .qly_history_price>a { display: inline-block; color: #fff!important; background-color: #4288c2; cursor: pointer } .qly_history_price>a:hover { color: #fcffeb!important; text-decoration: none; background-color: #6ea3ce } #qlyExtDetailTop .qly_history_price { line-height: 22px } #qlyExtDetailTop .qly_history_price>a { padding: 0 10px; border-radius: 5px } .qly-ext-list-item .qly_history_price { padding: 2px 0; line-height: 18px } .qly-ext-list-item .qly_history_price>a { padding: 0 5px; color: #fff; border-radius: 3px } .qly_qutu_warp { width: 440px; height: 320px; background: #fff; position: relative } .qly_qutu_warp .TK-qutu-sub-con { position: relative; height: 240px } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-data { position: absolute; left: 46px; top: 220px } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-data span { margin-left: 24px } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-price { position: absolute; left: 0; top: -6px; width: 26px; text-align: right } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-price span { display: block } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-price span:last-child { margin-bottom: 0!important } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-price-item-2 { margin-bottom: 190px!important } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-price-item-3 { margin-bottom: 88px!important } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-price-item-6 { margin-bottom: 17px!important } .qly_qutu_warp .TK-qutu-sub-con #TK-canvas-sub-base, .qly_qutu_warp .TK-qutu-sub-con #TK-canvas-sub-layout { position: absolute; left: 36px; top: 0 } .qly_qutu_warp .TK-qutu-sub-con .TK-qutu-sub-msg { position: absolute; padding: 4px; display: none; background: #fefefe; border: 1px solid #ccc; border-radius: 6px } .qly_qutu_warp .qly_lowest_price { padding-left: 36px; line-height: 40px } .qly_qutu_warp .qly_lowest_price span { color: red; font-size: 14px } .qly_qutu_warp .qly_by { text-align: center; line-height: 40px } .qly_qutu_warp .TK-qutu-sub-msg-wrap { width: 105px } .product_detail { float: right; font-size: 12px; color: #6ea3ce } .product_detail:hover { text-decoration: inherit; color: #6ea3ce } .qly-notify-banner { background-color: #4289c3 } .qly-notify-banner>a { display: block; width: 100%; line-height: 30px; text-indent: 10px; color: #fff } .qly-notify-banner>a:hover { text-decoration: none } .qly-notify-text { width: 220px; float: right } .qly-notify-text>a { font-size: 14px; text-align: center } .qly-notify-text>a, .qly-notify-text>a:hover { color: #4289c3!important } .qly-nofity-seller-center-banner>a { line-height: 170px; font-size: 14px; margin-left: 20px } .qly-nofity-seller-center-banner>a:hover { text-decoration: none } .qly-ext-item { cursor: pointer } .grid .qly-ext-list-item, .J_TItems .qly-ext-list-item, .view .qly-ext-list-item { padding: 0 5px 5px; background-position: 5px 8px } .grid .qly-ext-list-item>div, .J_TItems .qly-ext-list-item>div, .view .qly-ext-list-item>div { height: 22px; padding: 5px 0 } .grid .qly-ext-list-item>div>p, .J_TItems .qly-ext-list-item>div>p, .view .qly-ext-list-item>div>p { float: right; display: inline-block } .grid .qly-ext-list-item>p, .J_TItems .qly-ext-list-item>p, .view .qly-ext-list-item>p { line-height: 22px; color: #3d3d3d } .grid .qly-ext-list-item>p>a:hover, .grid .qly-ext-list-item>p>a:visited, .J_TItems .qly-ext-list-item>p>a:hover, .J_TItems .qly-ext-list-item>p>a:visited, .view .qly-ext-list-item>p>a:hover, .view .qly-ext-list-item>p>a:visited { text-decoration: inherit; color: #3d3d3d } .grid .qly-ext-list-item>p>p, .grid .qly-ext-list-item>p>span, .J_TItems .qly-ext-list-item>p>p, .J_TItems .qly-ext-list-item>p>span, .view .qly-ext-list-item>p>p, .view .qly-ext-list-item>p>span { display: inline-block; margin-right: 10px } .grid .qly-ext-list-item>p>p:last-child, .grid .qly-ext-list-item>p>span:last-child, .J_TItems .qly-ext-list-item>p>p:last-child, .J_TItems .qly-ext-list-item>p>span:last-child, .view .qly-ext-list-item>p>p:last-child, .view .qly-ext-list-item>p>span:last-child { margin-right: 0 } .grid .qly-ext-list-item>p>p>a, .grid .qly-ext-list-item>p>span>a, .J_TItems .qly-ext-list-item>p>p>a, .J_TItems .qly-ext-list-item>p>span>a, .view .qly-ext-list-item>p>p>a, .view .qly-ext-list-item>p>span>a { color: #ff4600; cursor: pointer } .grid .items .qly-ext-list-item { padding: 0 10px 5px; background-position: 10px 8px } .J_TItems .item3line1 .qly-ext-list-item { padding: 0 10px 5px 0; background-position: 0 8px } .J_TItems .item5line1 .qly-ext-list-item { padding: 0 5px 5px 0; background-position: 0 8px } .J_TItems .item3line1 .qly-ext-list-item, .J_TItems .item4line1 .qly-ext-list-item { margin-top: 15px } .list .qly-ext-list-item { line-height: 24px; padding: 5px 5px 5px 78px; color: #3d3d3d; background-position: 5px; clear: both } .list .qly-ext-list-item>div, .list .qly-ext-list-item>p, .list .qly-ext-list-item>p>span { display: inline-block; margin-right: 15px } .list .qly-ext-list-item>p>span:last-child { margin-right: 0 } .list .qly-ext-list-item>p>span>a { color: #ff4600; cursor: pointer } #J_ItemList .product.qly-ext-append { height: 497px!important } #J_ItemList.grid-nosku .product.qly-ext-append { height: 458px!important } #J_ItemList.grid-cspu .product.qly-ext-append { height: 478px!important } .m-itemlist .grid .item.qly-ext-append, .response-normal .m-itemlist .grid .item.qly-ext-append { height: 485px!important } #listsrp-itemlist .m-itemlist .grid .item.qly-ext-append, #listsrp-itemlist .response-normal .m-itemlist .grid .item.qly-ext-append { height: 540px!important } .response-narrow .m-itemlist .grid .item.qly-ext-append { height: 445px!important } #J_ItemList .product.item-1111.qly-ext-append, .response-wider .m-itemlist .grid .item.qly-ext-append { height: 515px!important } #J_ItemList.grid-nosku .product.item-1111.qly-ext-append { height: 475px!important } #J_ItemList.grid-cspu .product.item-1111.qly-ext-append { height: 496px!important } #qlyTaobaoSellerCenterPop { position: fixed; right: 2px; width: 300px; height: 170px; -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, .75); -webkit-transition: bottom .5s; background-color: #fff } #qlyTaobaoSellerCenterPop.qly-seller-center-pop-in { bottom: 2px } #qlyTaobaoSellerCenterPop.qly-seller-center-pop-out { bottom: -174px } .qly-seller-center-close { position: absolute; top: 5px; right: 10px; color: #000 } .qly-seller-center-close:hover { text-decoration: none } .qly-seller-center-post { position: absolute; font-size: 18px; top: 20px; left: 20px; font-family: Simsun } .qly-top { width: 100%; height: 0; overflow: hidden; background: #fff; position: relative; z-index: 1 } .qly-top>a { display: block; width: 100%; height: 50px } .qly-top>a>img { position: absolute; top: 0; left: 50%; margin-left: -500px } .qly-top>span.qly-top-close { position: absolute; right: 30px; top: 15px; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; background: #666; color: #fff } .qly-bottom { position: fixed; left: 0; bottom: -70px; width: 728px; height: 70px; z-index: 1 } .qly-bottom>span.qly-bottom-close { position: absolute; right: 0; top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer; color: #fff; background: #666 } #qly-popup { position: fixed; z-index: 1; width: 300px; height: 170px; -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, .75); -webkit-transition: bottom .5s; background-color: #fff; bottom: -200px; right: 0 } .qly-popup-close { position: absolute; right: 2px; top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer } #qly-textLink { position: fixed; z-index: 1; width: 300px; height: 170px; -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, .75); -webkit-transition: bottom .5s; background-color: #fff; bottom: -200px; right: 0 } #qly-textLink-ad { font-size: 14px; margin: 60px 20px 0; line-height: 24px; display: inline-block; color: #0579c6 } .qly-textLink-post { position: absolute; font-size: 18px; top: 20px; left: 20px; font-family: Simsun } .qly-textLink-close { position: absolute; right: 2px; top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; cursor: pointer } @media screen and (min-width:1120px) and (max-width:1319px){ .zong{ width:1100px; margin: 0px auto; padding: 0px; } } @media screen and (min-width:1000px) and (max-width:1119px){ .zong{width:980px;margin:0 auto; } } @media screen and (max-width:999px){ .zong{width:95%;margin:0 auto;} } .header{/* position:absolute;*/ margin:0px auto; width:100%; z-index:9999; } .head{ /*position:absolute; */margin:0px auto; width:100%;/* background:#333;*/ background:#fffcf5; z-index:99999; padding-top:8px; } .logo1{ width:9.4%; float:left; padding-right:21px; } .logo1 img{ width:100%; max-width:122px; } .hxian{ width:1px; height:50px; background:url(../img/hxian.png) no-repeat; margin-top:22px; float:left; } .logo2{ padding-left:21px; width:5.2%; float:left; } .logo2 img{ width:100%; max-width:78px; max-height:92px; } .head_r{ float:right; } .head_rtop{ padding-top:15px; float:right; } .sjmt{ float:left; padding-right:9px; } .sjmt a{ margin-left:12px; } .head_language{ float:left; line-height:20px;margin-left:20px } .head_language a{ font-size:16px; font-size:1.6rem; } .head_language a:hover{ color:#d01f2e; } .head_rbottom{} /*daohang*/ .nav{ float:left; } .daohang{ margin-top:0px; position:relative; } .daohang>li{ float:left; position:relative; z-index:999; padding-left:66px;} .daohang>li>a{ display:block; padding-left:10px; padding-right:10px; line-height:56px; padding-bottom:1px; font-size:16px; font-size:1.6rem; } .daohang>li:hover>a{ border-bottom:#dd001f solid 2px; color:#dd001f; } .dangqiandao{ color:#dd001f !important; border-bottom:#dd001f solid 2px; } .daohanglast{ margin-right:0px !important; } .yiji{ width:180px; position:absolute; top:-9999px; z-index:9999; background:#fff; background:rgba(255,255,255,0.8); padding-top:7px; padding-bottom:6px; } .daohang>li:hover .yiji{ top:59px; } .yiji li{ position:relative; } .yiji li a{ display:block; line-height:24px; padding-top:8px; padding-bottom:8px; font-size:14px; font-size:1.4rem; padding-left:15px; } .yiji li:hover>a{ color:#d01f2e; text-decoration:underline; } .erji{ position:absolute; left:180px; width:260px; top:-9999px; z-index:9999; background:#fff; background:rgba(255,255,255,0.8); padding-top:6px; padding-bottom:7px; width:190px; } .erji li{ padding-right:10px;} .yiji li:hover .erji,.erji li:hover .sanji{ top:-7px; } /* sousuo */ .search{width:34px; height:34px; z-index:99999; float:left; background:none; position:relative; margin-top:14px; } .sb-icon-search { color:#fff; z-index:9999999; width:34px; height:34px; display:block;} .sb-search-submit { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: transparent; border: none; outline: none; z-index: 999999;} .search_1000{} .sb-search { position:relative; width: 0%; min-width:34px; height:34px; float: right; display:inline; overflow: hidden; -webkit-transition: width 0s; -moz-transition: width 0s; transition: width 0s; -webkit-backface-visibility: hidden;border-radius:20px; z-index:9999999} .sb-search-input { position: absolute; top: 0; left:0px; outline: none; width:200px; height: 34px; line-height:34px; padding-left:10px; border:none; margin: 0; z-index: 10; font-family:Verdana, Geneva, sans-serif; } .sb-icon-search,.sb-search-submit{ width: 34px; height: 34px; display: block; position: absolute; right: 0px; top:0px; padding: 0; margin: 0; cursor: pointer; background:url(../img/search.png) no-repeat center right; border:none; } .sb-search.sb-search-open, .no-js .sb-search { width:236px; height:34px; line-height:34px; position:relative; right:0px; top:0px; border:solid 1px #3e3d3c; background:#fff; } .no-js .sb-search .sb-icon-search { position:absolute; background:url(../img/search.png) no-repeat center right; z-index: 15; right:0px; top:0px; } .no-js .sb-search .sb-search-submit{ z-index: 90; } /*banner*/ .sybanner{ height:1070px !important; } .index_focus { position: relative; max-width: 1920px; height:400px;margin: 0 auto;overflow:hidden; z-index:20; margin-bottom:30px} .index_focus .bd li { display: none;position: absolute;left:0;top:0;width:100%; max-width:1920px; /* max-height:630px;*/} .index_focus .bd li img{ width:100%; max-width:1920px; } .index_focus .slide_nav { position:absolute; bottom:8px; width:100%; text-align:center; z-index:99; } .index_focus .slide_nav a{ width:18px;height:18px;cursor:pointer;*float:left;display:inline-block; margin-left:7px; background:url(../img/banner-pre.png) no-repeat; } .slide_navfirst{ margin-left:0px !important; } .syslide_nav{ bottom:7px !important; } .index_focus_post { z-index:10;} .index_focus .pic { height:auto; display:block; margin:0 auto; } .index_focus .pic:hover { text-decoration:none; } .index_focus .slide_nav li:hover,.index_focus .slide_nav .on{ text-decoration:none; background:url(../img/banner-next.png) no-repeat; } @media screen and (max-width:1619px){ .index_focus .bd li img{ width:85%; } .index_focus { height:340px !important; } .index_focus .slide_nav { bottom:68px; } .sybanner{ height:1070px !important; } .syslide_nav{ bottom:116px !important; } } @media screen and (max-width:1319px){ .logo1{ width:11% } .logo2{ width:7%; } .daohang>li{ padding-left:50px; } .index_focus .bd li img{ width:70%; } .index_focus { height:280px !important; } .index_focus .slide_nav { bottom:128px; } .sybanner{ height:504px !important; } .syslide_nav{ bottom:226px !important; } } @media screen and (max-width:1119px){ .logo1{ width:13%; } .logo2{ width:9%; } .daohang>li{ padding-left:20px; } } .banner64{ display:none} @media screen and (max-width:999px){ .logo1{ width:14%; } .daohang>li{ padding-left:10px; } .yiji{ display:none; } .index_focus{ display:none;} .banner64{ width:100%; display:block;} .banner64 a{ display:block; width:100%; overflow:hidden; } .banner64 a img{ width:100%;} } .caidan{ display:none; } .sousuo{ display:none; } @media screen and (max-width:899px){ .logo1{ width:15%; } .logo2{ width:13%; } .nav{ display:none; } .search{ display:none; } .head,.header{ position:static; } /*.header{ background:url(../img/bg.jpg) repeat; }*/ .head{ padding-bottom:5px; background:none; } .head_rbottom{ padding-top:10px; } .sousuo{ width:300px; height:39px; margin:auto; float:left; position:relative; display:block; border:solid 1px #333; border-radius:20px; } .sou{ width:250px; border:none; text-indent:10px; line-height:35px; float:left; background:none; color:#333; height:35px; } .suo{ background:url(../img/search.png) no-repeat center; width:39px; height:39px; border:none; float:right; cursor:pointer; } .menu2{background:url(../img/32anniu.png) no-repeat right; width:48px;height:32px; float:right;border:none;cursor:pointer; } .caidan{ display:block; width:48px;height:32px; position:relative; float:right; margin-top:7px; text-align:left; } .caidanzhongnei ul li a{color:yellow; display:block;} .caidanzhongnei{ background:#333;line-height:26px; z-index:9999999999;position:absolute; right:0px; top:35px; border:solid 1px #333; } .caidanzhongnei li{width:150px;line-height:19px; padding-top:8px; padding-bottom:8px;} .caidanzhongnei li a{color:#fff;display:block; width:140px; padding-left:10px; } .caidanzhongnei li a:hover{ color:#333; background:#fff;} .sousuo{ margin-right:10px; } } @media screen and (max-width:799px){ .logo1{ width:18%; } .logo2{ width:16%; } } .qingchu1{ clear:both; display:none; } @media screen and (max-width:699px){ .header{ text-align:center; } .head{ width:100%; max-width:380px; margin:0 auto; } .logo1{ width:35%; /* display:inline-block; float:none;*/ padding-left:10%; } .logo2{ width:30%;/* display:inline-block; float:none; */} /*.hxian{ float:none; display:inline-block; }*/ .qingchu1{ display:block; } .head_r{ width:100%; float:none; } } @media screen and (max-width:599px){ .banner64 a img{ width:150%; margin-left:-25%; margin-right:-25%;} } @media screen and (max-width:399px){ .logo1{ width:35%; padding-right:8%; padding-left:10%; } .logo2{ width:30%;} .sousuo{ width:260px; margin-right:0px; } .sou{ width:215px; } } @media screen and (max-width:339px){ .sousuo{ width:215px; } .sou{ width:170px; } .logo1{ width:40%; } } .icenter{ padding-top:60px; background:url(../img/icenter-bg.jpg) repeat-y top center; padding-bottom:16px; width:100%; } .icenter_title{ text-align:center; padding-bottom:37px; } .icenter_title img{ width:100%; max-width:305px; } .icenter_nr{ margin-bottom:24px; width:43.1%; max-width:560px; } .icenter_pic{ width:100%; max-width:560px; max-height:382px; } .icenter_pic img{ width:100%; max-width:560px; max-height:382px; } .icenter_font{ font-size:18px; font-size:1.8rem; text-align:center; line-height:34px; background:url(../img/icenter-nrbg.png) no-repeat top center; margin-top:-13px; padding-top:24px; font-weight:bold; } .icenter_nr:hover .icenter_font{ color:#d01f2e; } .main2n{ position:relative; overflow:hidden; } .main2fd img{ /*width:100%; max-width:253px; max-height:166px;*/ left:50%; top:50%; margin-left:-23px; margin-top:-23px; position:absolute; } .main2n>a{ display:block; width:100%;} .main2n>a img{ } .main2fd{ /*background:#00a9ec; background:rgba(0,0,0,0.5); */ width: 100%; height:100%; background:#000000; background:rgba(0,0,0,0.6); position: absolute; top: 400px; transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -webkit-transition: 0.8s; /*left: -1px;*/ } .fdbiao{ display:block; transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; height:100%; width:100%;} .main2n:hover .main2fd{ top:0px;} .icenter_nwz{ padding-left:10px; padding-right:10px; text-align:center; line-height:24px; padding-top:181px; color:#fff; font-size:14px; font-size:1.4rem; } @media screen and (max-width:1319px){ .icenter_nr{ width:48%; } } @media screen and (max-width:1119px){ .icenter{ width:98%; padding-left:1%; padding-right:1%; } .icenter_nwz{ padding-top:150px; } } @media screen and (max-width:999px){ .icenter{ width:95%; padding-left:2.5%; padding-right:2.5%; } .icenter_nwz{ padding-top:120px; } } @media screen and (max-width:899px){ .icenter_nr{ width:48.5%; } .icenter_nwz{ padding-top:90px; } } @media screen and (max-width:739px){ .icenter_nwz{ padding-top:70px; } } @media screen and (max-width:659px){ .icenter_nr{ float:none; width:100%; margin:0 auto; margin-bottom:20px; } .icenter_nwz{ padding-top:150px; } } @media screen and (max-width:539px){ .icenter_nwz{ padding-top:120px; } .main2fd{ top:0px } } @media screen and (max-width:439px){ .icenter_nwz{ padding-top:90px; } } @media screen and (max-width:359px){ .icenter_nwz{ padding-top:60px; } } .footer{ background-color:#3a3a3a; padding-top:47px; color:#b9bfc3; } .footer a{ color:#b9bfc3; } .footer a:hover{ color:#d01f2e; } .f1{ width:27.7%; float:left; padding-right:15%; } .f1_title{ padding-bottom:21px; } .f1_title img{ width:100%; max-width:181px; max-height:31px; } .f1_nr{ } .f1_date{ margin-top:7px; background:#c8161d; color:#fff; text-align:center; padding-top:10px; padding-bottom:10px; width:60px; float:left; } .f1_yr{ line-height:20px; } .f1_year{ line-height:20px; } .f1_nbottom{ padding-bottom:32px; } .f1_right{ width:78.3%; float:right; } .f1_ntitle{ line-height:26px; padding-bottom:8px; } .f1_ntitle a{ font-size:16px; font-size:1.6rem; } .f1_nwz{ line-height:20px; } .f1_nwz a{ display:block; font-size:14px; font-size:1.4rem; } .f2{ float:left; width:28.1%; } .f2_title{ padding-bottom:21px; } .f2_title img{ width:100%; max-width:157px; max-height:31px; } .f2_msg{ line-height:26px; font-size:16px; font-size:1.6rem; padding-bottom:1px; } .f2 li{ padding-left:20px; line-height:28px; font-size:14px; font-size:1.4rem; color:#b9bfc3; } .f2 li a{ font-size:14px; font-size:1.4rem; } .f2 li a:hover{} /* .f2bg1{ background:url(../img/footer-phone.png) no-repeat left 7px; } .f2bg2{ background:url(../img/footer-fax.png) no-repeat left 7px; } .f2bg3{ background:url(../img/footer-icon.png) no-repeat left 7px; } .f2bg5{ background:url(../img/footer-email.png) no-repeat left 10px; word-break:break-all; display:block; } .f2bg6{ background:url(../img/footer-website.png) no-repeat left 7px; } */ .f2bg4{ background:url(../img/footer-skype.png) no-repeat left 7px; word-break:break-all; display:block; } .f3{ width:15.6%; float:right; } .f3_title{ padding-bottom:13px; } .f3_title img{ width:100%; max-width:155px; max-height:31px; } .f3_pic{} .f3_pic a{ margin-top:16px; display:block; } .f3 li{ line-height:40px; float:left; } .f3 li a{ font-size:14px; font-size:1.4rem; } .f3 li a:hover{} .f3_li1{ width:53%; } .f3_li2{ width:47%; } .fbottom{padding-bottom:40px;padding-top:36px;border-top:solid 1px #4d4d4d; border-top:solid 1px rgba(255,255,255,0.3); padding-top:14px; font-size:14px; font-size:1.4rem; text-align:center;color:#666} .fbottom a{ color:#666 } .banquan{ line-height:25px; } .reanod{ margin-left:1px; } .cnzz{ margin-left:8px; } .links{ line-height:17px; padding-top:4px; padding-bottom:1px; } .links span{ padding-right:3px; } .links a{ padding-right:10px; font-size:14px; font-size:1.4rem; } @media screen and (max-width:1319px){ .f1{ width:35%; padding-right:5%; } .f2{ width:32%; } .f3{ width:20%; } } @media screen and (min-width:940px) and (max-width:1219px){ .f3_li1,.f3_li2{ width:100%; } } @media screen and (max-width:1119px){ .footer{ width:98%; padding-left:1%; padding-right:1%; overflow:hidden; } } @media screen and (max-width:999px){ .footer{ width:95%; padding-left:2.5%; padding-right:2.5%; } .f1{ width:38%; padding-right:3%; } .f2{ width:35%; } .f3{ width:23%; } } @media screen and (max-width:939px){ .f1,.f2,.f3{ float:none; width:100%; margin:0 auto; margin-bottom:30px; max-width:350px; padding:0px; } .f3_pic{ width:100%; max-width:220px; margin:0 auto; } .f3 ul{ width:100%; max-width:220px; } } @media screen and (max-width:639px){ .links{ display:none; } } @media screen and (max-width:369px){ .f1_nbottom{ padding-bottom:0px; } .f1_nr{ margin-bottom:20px; } .f1_date{ float:none; width:100%; margin:0 auto; max-width:60px; margin-bottom:10px; } .f1_right{ float:none; width:100%; text-align:center; } } /*kefu*/ .kefu{ border-top:solid 7px #452911; position:fixed; top:260px; right:0px; background:#ececec; z-index:99999;/* height:335px; */ padding-left:16px; padding-right:15px; width:193px; font-family:Verdana, Geneva, sans-serif; padding-bottom:10px; } .kefubiao{ text-align:center; display:block; margin-top:-1px; margin-bottom:15px; } .kefu .close{border:none; float:right; margin-right:2px;*left:160px; z-index:999;cursor:pointer; width:12px; height:12px; background:url(../img/close.jpg) no-repeat; margin-top:5px; } .k_xp{ font-family:Verdana, Geneva, sans-serif; } .k_xp input{ font-family:Verdana, Geneva, sans-serif; } .k_input{ width:100%; height:32px; line-height:32px; text-indent:9px; color:#a8a7a7; margin-bottom:10px; background:#fff; } .k_textarea{ height:64px; width:100%; line-height:26px; text-indent:9px; color:#a8a7a7; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; background:#fff; } .k_captcha{ width:100%; height:32px; line-height:32px; text-indent:9px; background:#fff; color:#a8a7a7; margin-bottom:10px; } .k_yzm{cursor:pointer; float:left; } .k_send{ cursor:pointer; float:right; height:25px; line-height:23px; width:92px; text-align:center; font-size:14px; font-size:1.4rem; color:#fff; background:#452911; } .k_skype{ margin-top:14px; background:url(../img/kefu-skype.jpg) no-repeat 6px 5px; } .k_email{ background:url(../img/kefu-email.jpg) no-repeat 6px 10px; } .k_qq{ background:url(../img/kefu-wechat.jpg) no-repeat 6px 7px; } .k_skype,.k_email,.k_qq{ line-height:24px; padding-top:3px; padding-bottom:3px; padding-left:32px; } .k_skype a,.k_email a,.k_qq a{ font-size:12px; font-size:1.2rem; word-break:break-all; display:block; } .k_skype a:hover,.k_email a:hover,.k_qq a:hover{ color:#452911; } @media screen and (max-width:639px){ .kefu{ display:none; } } /*gotop*/ #returnTop {_display:none;position:fixed;_position:absolute;z-index:999; bottom:0px; right:0px; _bottom:auto;width:27px;height:27px;text-indent:-999px;overflow:hidden;background:url(../img/top.png) no-repeat;_backgroundurl:(../img/top.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s; bottom:0px;} .pro{ background:url(../img/pro-bg.jpg) no-repeat left bottom; width:100%; max-width:1920px; margin:0 auto; } /*mianbaoxie*/ .brow{/* margin-top:12px;*/ padding-top:12px; line-height:30px; padding-left:37px; background:url(../img/brow-bg.png) no-repeat left 19px; font-size:14px; font-size:1.4rem; color:#452911; } .brow a{ font-size:14px; font-size:1.4rem; color:#452911; } .brow a:hover{ color:#d01f2e; } .brow span{} .browxz{ color:#d01f2e !important; } /*left*/ .left{ width:300px; float:left; margin-top:17px; } .left_nav{} .left_title{ background:#d01f2e; text-align:center; line-height:43px; } .left_title a{ color:#ffffff; font-size:20px; font-size:2rem; display:block; } .left_title a:hover{ background:#4d4d4d; } .left_daohang{ background:#ffeedf; padding-top:7px; padding-bottom:11px; } .lNav2{ cursor:pointer; font-size:14px; font-size:1.4rem; line-height:48px; transition:0.5s; -moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; background: url(../img/jia.jpg) no-repeat 275px 16px; padding-left:14px; } .lNav2 a{ font-size:14px; font-size:1.4rem; } .lNav2:hover{ background: url(../img/jian.jpg) no-repeat 275px 16px; color:#d01f2e; } .lNav2:hover a{ color:#d01f2e; } .currentDt2{ background: url(../img/jian.jpg) no-repeat 275px 16px; color:#d01f2e; } .currentDt2 a{ color:#d01f2e; } .navContent2{ display: none; margin-top:-9px; padding-bottom:4px; } .navcontent2 li{ position:relative; } .navContent2 li a{ display:block; font-size:14px; font-size:1.4rem; padding-left:28px; line-height:36px; background:url(../img/left-erjipre.jpg) no-repeat 20px 17px; color:#666666; } .navContent2 li:hover>a{ background:url(../img/left-erjinext.jpg) no-repeat 20px 17px; color:#d01f2e; } .left_hot{ padding-top:55px; } .left_hot_bg{ background:#ffeedf; padding-left:24px; padding-right:26px; padding-top:13px; padding-bottom:8px; } .left_hnr{ padding-top:18px; max-width:250px; } .left_hnr a{ font-size:14px; font-size:1.4rem; } .left_hnr a:hover{ color:#d01f2e; } .left_hpic{ width:100%; max-width:250px; max-height:171px; } .left_hpic img{ width:100%; max-width:250px; max-height:171px; } .left_hfont{ text-align:center; line-height:38px; } .right{ width:73.1%; float:right; } /*product1*/ .p1{ padding-bottom:46px; } .p1_right{ padding-top:17px; } .p1_nr{ width:45.3%; margin-bottom:35px; max-width:430px; } .p1_ntop{} .p1_ntop a{ font-size:16px; font-size:1.6rem; font-weight:bold; } .p1_ntop a:hover{ color:#d01f2e; } .p1_npic{ padding-bottom:10px; width:100%; max-width:430px; max-height:293px; background:url(../img/p1-nrbg.png) no-repeat bottom center; } .p1_npic img{ width:100%; max-width:430px; max-height:293px; } .p1_nfont{ line-height:30px; text-align:center; max-height:30px; overflow:hidden;} .p1_wz{ padding-top:2px; padding-left:6px; max-height:54px; overflow:hidden; } .p1_wz a{ display:block; color:#666666; font-size:14px; font-size:1.4rem; line-height:26px; } .p1_wz a:hover{ color:#d01f2e; } .p1_nbottom{ padding-left:150px; padding-top:12px; } .p1_check{ float:left; margin:0px; padding:0px; margin-top:7px; } .p1_in{ float:left; padding-left:14px; } .p1_in a{ display:block; width:98px; height:25px; line-height:25px; text-align:center; font-family:Tahoma, Geneva, sans-serif; background:none; color:#d01f2e; border:solid 1px #d01f2e;} .p1_in a:hover{ border:solid 1px #d01f2e; color:#fff; background:#d01f2e;} .p1_bottom{ text-align:center; padding-top:18px; } .p1_fy{ display:inline-block; padding-right:3px; } .p1_fy a{ display:inline-block; margin-right:7px; height:28px; width:33px; text-align:center; line-height:28px; font-size:12px; font-size:1.2rem; margin-bottom:20px; background:#eeeeee; border:solid 1px #e5e5e5; } .p1_fy a:hover{ color:#d01f2e; border:solid 1px #d01f2e; } .p1fyxz{ color:#d01f2e !important; border:solid 1px #d01f2e !important; } .p1_pn{ width:59px !important; margin-right:6px !important; } .p1_b_right{ display:inline-block; margin-bottom:20px; } .p1_submit{ font-family:Tahoma, Geneva, sans-serif; width:140px; height:30px; line-height:28px; color:#fff; background:#d01f2e; text-align:center; display:inline-block; cursor:pointer; font-size:14px; font-size:1.4rem; } .p1_select{ display:inline-block; margin-left:6px; } .p1_select2{ display:inline-block; margin-left:6px; font-family: Tahoma, Geneva, sans-serif; width: 140px;height: 30px; line-height: 28px; color: #fff; background: #d01f2e; text-align: center; display: inline-block; cursor: pointer; font-size: 14px;font-size: 1.4rem;} @media screen and (max-width:1319px){ .right{ width:68%; } .p1_nr{ width:48%; } .p1_nbottom{ padding-left:100px; } } @media screen and (max-width:1119px){ .right{ width:65%; } .pro{ width:98%; padding-left:1%; padding-right:1%; } } @media screen and (max-width:999px){ .right{ width:62%; } .pro{ width:95%; padding-left:2.5%; padding-right:2.5%; } .p1_nbottom{ padding-left:70px; } } @media screen and (min-width:740px) and (max-width:939px){ .p1_nr{ width:100%; float:none; margin:0 auto; margin-bottom:30px; } .p1_nbottom{ padding-left:150px; } } @media screen and (max-width:899px){ .right{ width:57%; } } @media screen and (max-width:819px){ .right{ width:52%; } } @media screen and (max-width:739px){ .right{ width:100%; float:none; } .left{ width:80%; margin:0 auto; margin-top:50px; float:none; } .lNav2,.lNav2:hover,.currentDt2{ background: url(../img/jia.jpg) no-repeat 90% 16px; } .left_hnr{ margin:0 auto; width:100%; } } @media screen and (max-width:559px){ .p1_nr{ width:100%; float:none; margin:0 auto; margin-bottom:30px; } .p1_nbottom{ padding-left:150px; } } @media screen and (max-width:479px){ .left{ width:90%; } .p1_nbottom{ padding-left:100px; } } @media screen and (max-width:399px){ .left{ width:100%; } } @media screen and (max-width:359px){ .p1_nbottom{ padding-left:50px; } .p1_select2{ margin-bottom:12px;} } /*product2*/ .p2{ padding-bottom:38px; } .p2_right{ padding-top:8px; } .p2_title{ line-height:36px; text-align:center; font-size:22px; font-size:2.2rem; font-weight:bold; padding-bottom:9px; } .p2_top{ } .p2-pro{/* width:580px; float:left;*/ } .p2-pro .t1{ float:right; height:532px; /*width:41px; */ position:relative; } .p2-pro .t2{ text-indent:0;float:left; height:532px; width:780px; } .p2-pro .t2 img{text-indent:0; /*width:245px; height:354px; */} #pro_showArea{ overflow:hidden; height:480px; margin-top:28px; } #pro_showArea a{ width:135px; height:92px; display:block; margin-bottom:37px; } #pro_showArea img{ cursor:pointer;display:block; width:135px; height:92px; float:left; } #main_img{ display:block; } .p2-pro #gotop{ cursor:pointer;display:block; position:absolute; top:0px; } .p2-pro #gobottom{ cursor:pointer;display:block; position:absolute; bottom:0px; } .p2_tpic{ display:none; } .p2_tpic img{ width:45%; margin-left:2%; margin-right:2%; margin-bottom:20px; float:left; max-width:780px; max-height:532px; } .p2_anniu{ padding-top:28px; padding-left:93px; } .p2_in{ float:left; padding-left:59px; } .p2_in a{ display:block; width:150px; height:35px; line-height:35px; text-align:center; color:#fff; background:#d01f2e; font-size:18px; font-size:1.8rem; } .p2_in a:hover{ background:#4d4d4d; } .p2_share{ float:left; padding-left:50px; } .p2_share span{ display:block; float:left; line-height:35px; color:#d01f2e; font-size:14px; font-size:1.4rem; padding-right:6px; } .p2_share img{ float:left; margin-top:5px; } .p2_center{ padding-top:23px; } .p2_ctop{ line-height:38px; } .p2_ctitle{ float:left; color:#d01f2e; font-size:22px; font-size:2.2rem; } .p2_chx{ float:right; height:38px; background:url(../img/p2-titlebg.png) repeat-x; width:79%; } .p2_cwz{ font-size:14px; font-size:1.4rem; line-height:26px; padding-top:10px; } .p2_bottom{ padding-top:20px; } .p2_btop{ line-height:38px; padding-bottom:19px; } .p2_btitle{ float:left; } .p2_btitle a{ color:#d01f2e; font-size:22px; font-size:2.2rem; } .p2_btitle a:hover{ color:#4d4d4d; } .p2_bhx{ float:right; height:38px; background:url(../img/p2-titlebg.png) repeat-x; width:81%; } .p2_bpro{} .p2_bnr{ width:27.4%; float:left; margin-right:8.9%; max-width:260px; } .p2_bnrlast{ margin-right:0px !important; } .p2_bnr a{ font-size:14px; font-size:1.4rem; } .p2_bnr a:hover{ color:#d01f2e; } .p2_bpic{ width:100%; max-width:260px; max-height:177px; } .p2_bpic img{ width:100%; max-width:260px; max-height:177px; } .p2_bfont{ line-height:34px; text-align:center; } @media screen and (max-width:1366px){ .zong{ width:1300px;margin: 0px auto; padding: 0px; } .daohang>li { float: left; position: relative; z-index: 999; padding-left: 60px; } } @media screen and (max-width:1319px){ .p2-pro{ display:none; } .p2_tpic{ display:block; padding-top:10px; } .p2_anniu{ padding-left:0px; padding-top:10px; } .p2_chx{ width:72%; } .p2_bhx{ width:74%; } .p2_bnr{ width:31%; margin-right:3.5%; } } @media screen and (max-width:1119px){ .p2_anniu{ padding-left:2.5%; } .p2_in{ padding-left:0px; padding-right:30px; } .p2_share{ padding-left:0px; } .p2_chx{ width:68%; } .p2_bhx{ width:70%; } } @media screen and (max-width:999px){ .p2_share{ width:100%;} .p2_in{ margin-bottom:20px; } .p2_chx{ width:61%; } .p2_bhx{ width:65%; } } @media screen and (min-width:740px) and (max-width:999px){ .p2_bnr{ width:100%; float:none; margin:0 auto !important; margin-bottom:10px !important; } } @media screen and (max-width:899px){ .p2_chx{ width:50%; } .p2_bhx{ width:55%; } } @media screen and (max-width:799px){ .p2_in{ padding-right:10px; } .p2_chx{ width:45%; } .p2_bhx{ width:50%; } } @media screen and (max-width:739px){ .p2_chx{ width:65%; } .p2_bhx{ width:70%; } } @media screen and (max-width:699px){ .p2_bfont{ line-height:26px; padding-top:4px; padding-bottom:4px; } } @media screen and (max-width:539px){ .p2_bnr{ width:100%; float:none; margin:0 auto !important; margin-bottom:10px !important; } } @media screen and (max-width:659px){ .p2_chx{ width:60%; } .p2_bhx{ width:65%; } } @media screen and (max-width:559px){ .p2_chx{ width:55%; } .p2_bhx{ width:60%; } } @media screen and (max-width:489px){ .p2_title{ line-height:26px; padding-top:5px; padding-bottom:14px; } .p2_tpic{ text-align:center; } .p2_tpic img{ width:100%; margin:0 auto; margin-bottom:25px; } .p2_chx{ width:50%; } .p2_bhx{ width:55%; } .p2_in{ margin-right:0px; width:100%; padding-right:0px; } .p2_in a{ width:100%; } } @media screen and (max-width:439px){ .p2_chx,.p2_bhx{ display:none; } } /*news1*/ .news1{ background:url(../img/n1-bg.jpg) repeat-y top center; } .n1{ padding-top:18px; padding-bottom:19px; } .n1_nr{ margin-bottom:47px; } .n1_pic{ width:17%; float:left; } .n1_pic img{ width:100%; max-width:220px; max-height:265px; } .n1_right{ float:right; width:80.5%; } .n1_title{ line-height:24px; padding-bottom:25px; } .n1_title a{ font-size:18px; font-size:1.8rem; } .n1_title a:hover{ color:#d01f2e; } .n1_time{ line-height:19px; color:#666666; padding-left:21px; background:url(../img/rili.png) no-repeat left top; } .n1_wz{ padding-top:15px; } .n1_wz a{ display:block; color:#666666; line-height:26px; font-size:14px; font-size:1.4rem; } .n1_wz a:hover{ color:#d01f2e; } .n1_fyjl{ padding-top:3px; } .n1_fy{ text-align:center; } .n1_fy a{ display:inline-block; margin-right:7px; height:28px; width:33px; text-align:center; line-height:28px; font-size:12px; font-size:1.2rem; margin-bottom:20px; background:#eeeeee; border:solid 1px #e5e5e5; } .n1_fy a:hover{ color:#d01f2e; border:solid 1px #d01f2e; } .n1fyxz{ color:#d01f2e !important; border:solid 1px #d01f2e !important; } .n1_pn{ width:59px !important; margin-right:6px !important; } /*hot products*/ .hot{ padding-bottom:49px; } .hot_top{ line-height:38px; padding-bottom:21px; } .hot_title{ float:left; color:#d01f2e; font-size:22px; font-size:2.2rem; } .hot_title a{ color:#d01f2e; font-size:22px; font-size:2.2rem; } .hot_title a:hover{ color:#4d4d4d; } .hot_hx{ float:right; height:38px; background:url(../img/p2-titlebg.png) repeat-x; width:89.4%; } .hot_pro{} .hot_nr{ float:left; width:20%; padding-right:6.6%; max-width:260px; } .hot_nrlast{ padding-right:0px !important; } .hot_nr a{ font-size:14px; font-size:1.4rem; } .hot_nr a:hover{ color:#d01f2e; } .hot_pic{ width:100%; max-width:260px; max-height:177px; } .hot_pic img{ width:100%; max-width:260px; max-height:177px; } .hot_font{ line-height:34px; text-align:center; } @media screen and (max-width:1319px){ .n1_pic{ width:22%; padding-top:10px; } .n1_right{ width:75%; } .hot_hx{ width:85%; } .hot_nr{ width:22%; padding-right:4%; } } @media screen and (max-width:1119px){ .news1{ width:98%; padding-left:1%; padding-right:1%; } } @media screen and (max-width:999px){ .news1{ width:95%; padding-left:2.5%; padding-right:2.5%; } .n1_pic{ width:25%; padding-top:20px; } .n1_right{ width:70%; } .n1_title{ padding-bottom:15px; } .n1_wz{ padding-top:8px; } .hot_hx{ width:82%; } .hot_pro{ text-align:center; } .hot_nr{ float:none; display:inline-block; padding-right:0px; width:45%; margin-left:2.5%; margin-right:2.5%; margin-bottom:10px; } .hot_font{ padding-top:10px; } } @media screen and (max-width:899px){ .n1_nr{ max-width:700px; margin:0 auto; margin-bottom:30px; } .n1_pic{ width:100%; padding-top:0px; text-align:center; margin-bottom:20px; float:none; } .n1_right{ width:100%; float:none;} .n1_title{ text-align:center; } .n1_time{ text-align:center; background-position:43% 0px; } } @media screen and (max-width:839px){ .hot_hx{ width:78%; } } @media screen and (max-width:679px){ .hot_hx{ width:74%; } } @media screen and (max-width:659px){ .hot_nr{ margin-left:1%; margin-right:1%; } } @media screen and (max-width:639px){ .n1_time{ background-position:41% 0px; } } @media screen and (max-width:599px){ .hot_hx{ width:70%; } } @media screen and (max-width:499px){ .n1_time{ background-position:39% 0px; } .hot_hx{ width:66%; } .hot_nr{ width:100%; margin:0 auto; margin-bottom:20px; display:block; float:none; } } @media screen and (max-width:439px){ .hot_hx{ display:none; } } @media screen and (max-width:419px){ .n1_time{ background-position:36% 0px; } } @media screen and (max-width:339px){ .n1_time{ background-position:33% 0px; } } /*news2*/ .news2{ background:url(../img/n2-bg.jpg) repeat-y top center; } .n2{ padding-top:12px; padding-bottom:63px; } .n2_title{ line-height:30px; text-align:center; font-size:20px; font-size:2rem; padding-bottom:11px; } .n2_time{ line-height:20px; text-align:center; color:#666666; background:url(../img/rili.png) no-repeat 46% 3px; margin-bottom:22px; } .n2_wz{font-size:14px; font-size:1.4rem; line-height:26px; padding-bottom:26px;} .n2_wz li{ font-size:14px; font-size:1.4rem; line-height:26px; padding-bottom:26px; } .n2_bottom{ margin-top:48px; border-top:solid 1px #bfbfbf; padding-top:8px; } .n2_fy{ line-height:26px; line-height:2.6rem; color:#666666; font-size:14px; font-size:1.4rem; } .n2_fy a{ font-size:14px; font-size:1.4rem; color:#666666; } .n2_fy a:hover{ color:#d01f2e; } @media screen and (max-width:1319px){ .n2_time{ background-position:44% 3px; } } @media screen and (max-width:1119px){ .news2{ width:98%; padding-left:1%; padding-right:1%; } } @media screen and (max-width:899px){ .n2_time{ background-position:43% 3px; } } @media screen and (max-width:999px){ .news2{ width:95%; padding-left:2.5%; padding-right:2.5%; } } @media screen and (max-width:749px){ .n2_time{ background-position:42% 3px; } } @media screen and (max-width:649px){ .n2_time{ background-position:40% 3px; } } @media screen and (max-width:539px){ .n2_time{ background-position:38% 3px; } } @media screen and (max-width:439px){ .n2_time{ background-position:35% 3px; } } @media screen and (max-width:359px){ .n2_time{ background-position:32% 3px; } } /*about1*/ .about1{ background:url(../img/about1-bg.jpg) repeat-y top center; } .a1{ padding-top:11px; font-size:14px; font-size:1.4rem; line-height:24px; padding-bottom:89px; } .a1_title{ text-align:center; line-height:39px; padding-bottom:8px; font-size:30px; font-size:3rem; color:#d01f2e; } .a1_hx{ margin:0 auto; width:75px; height:2px; background:#452911; } .a1_wz1{ padding-top:16px; } .bottom24{ padding-bottom:24px; } .a1_wz2{ padding-top:21px; line-height:34px; padding-bottom:5px; font-size:16px; font-size:1.6rem; color:#d01f2e; } .a1_wz3{ line-height:30px; padding-bottom:38px; } .a1_partner{ padding-top:34px; } .a1_partner img{ height:127px; } .a1_par1{ float:left; width:196px; } .a1_par2{ float:left; width:160px; margin-left:105px; } .a1_par3{ float:left; width:120px; margin-left:140px; } .a1_par4{ float:left; width:135px; margin-left:153px; } .a1_par5{ float:right; width:154px; } @media screen and (max-width:1319px){ .a1_par2,.a1_par3,.a1_par4{ margin-left:80px; } } @media screen and (max-width:1119px){ .about1{ width:98%; padding-left:1%; padding-right:1%; } .a1_par2,.a1_par3,.a1_par4{ margin-left:50px; } } @media screen and (max-width:999px){ .about1{ width:95%; padding-left:2.5%; padding-right:2.5%; } .a1_partner{ padding-top:10px; } .a1_partner img{ float:left; margin-right:20px; margin-left:0px; margin-bottom:20px; } .a1_par5{ margin-right:0px; } } @media screen and (max-width:979px){ .a1_partner{ text-align:center; } .a1_partner img{ float:none; margin-right:50px; } } @media screen and (max-width:599px){ .a1_partner img{ margin-right:30px; } } @media screen and (max-width:459px){ .a1_partner{ text-align:center; } .a1_partner img{ margin-right:0px; display:block; margin:0 auto; } .a1_par2{ margin-bottom:20px !important; } .a1_par3{ margin-bottom:25px !important; } .a1_par4{ margin-bottom:40px !important; } } /*about2*/ .about2{ background:url(../img/about2-bg.jpg) repeat-y top center; } .a2{ padding-top:8px; padding-bottom:105px; } .a2_title{ line-height:44px; text-align:center; font-size:30px; font-size:3rem; color:#d01f2e; padding-bottom:6px; } .a2_hx{ margin:0 auto; width:75px; height:2px; background:#452911; margin-bottom:43px; } .a2_left{ float:left; line-height:26px; font-size:16px; font-size:1.6rem; color:#d01f2e; padding-left:28px; background:url(../img/about2-wzbg.png) no-repeat left 4px; } .a2_right{ float:right; line-height:26px; font-size:14px; font-size:1.4rem; width:93%; } .a2_nr1{ padding-bottom:29px; } .a2_nr2{ padding-bottom:20px; } .a2_nr3{ padding-bottom:27px; } .a2_nr4{ padding-bottom:18px; } .a2_nr5{ padding-bottom:21px; } .a2_nr6{ padding-bottom:26px; } .a2_wz{ font-size:14px; font-size:1.4rem; line-height:26px; } @media screen and (max-width:1319px){ .a2_right{ width:90%; float:right; } } @media screen and (max-width:1119px){ .about2{ width:98%; padding-left:1%; padding-right:1%; } } @media screen and (max-width:999px){ .about2{ width:95%; padding-left:2.5%; padding-right:2.5%; } .a2_right{ width:87%; } } @media screen and (max-width:799px){ .a2_right{ width:85%; } } @media screen and (max-width:679px){ .a2_right{ width:82%; } } @media screen and (max-width:569px){ .a2_right{ width:77%; } } @media screen and (max-width:439px){ .a2_left{ float:none; margin-bottom:10px; } .a2_right{ width:100%; float:none; } .a2_nr1,.a2_nr2,.a2_nr3,.a2_nr4,.a2_nr5,.a2_nr6{ padding-bottom:25px; } } /*about3*/ .about3{ background:url(../img/about3-bg.jpg) repeat-y top center; } .a3{ padding-top:8px; padding-bottom:103px; } .a3_title{ line-height:44px; text-align:center; font-size:30px; font-size:3rem; color:#d01f2e; padding-bottom:6px; } .a3_hx{ margin:0 auto; width:75px; height:2px; background:#452911; margin-bottom:46px; } .a3_pic{} .a3_pic img{ width:100%; max-width:1300px; max-height:497px; } @media screen and (max-width:1319px){ .about3{ width:98%; padding-left:1%; padding-right:1%; } } @media screen and (max-width:999px){ .about3{ width:95%; padding-left:2.5%; padding-right:2.5%; } } @media screen and (max-width:539px){ .a3_title{ line-height:26px; padding-top:9px; padding-bototm:15px; font-size:20px; font-size:2rem; } } @media screen and (max-width:449px){ .a3_title{ line-height:36px; padding-top:7px; padding-bottom:7px; } } /*contact*/ .con{ /*background:url(../img/contact-bg.jpg) no-repeat bottom;*/ } .c{ padding-top:12px; padding-bottom:138px; } .c_msg{ line-height:25px; font-size:14px; font-size:1.4rem;} .c_title{ padding-top:23px; line-height:32px; padding-bottom:11px; font-size:24px; font-size:2.4rem; color:#d01f2e; } .c_msg2{ line-height:25px; font-size:16px; font-size:1.6rem; padding-bottom:4px; } .c_top{ background:url(../img/map.png) no-repeat right 33px; padding-bottom:32px; font-size:14px; font-size:1.4rem;} .c_contact{ width:100%; max-width:453px; } .c_lx1{ padding-bottom:7px; border-bottom:solid 1px #bababa; } .c_lx1_title{ line-height:40px; font-size:22px; font-size:2.2rem; } .c_lx1_msg{ line-height:26px; font-size:14px; font-size:1.4rem; padding-bottom:8px; color:#666666; } .c_lx1_ul1{ width:38.7%; float:left; } .c_lx1_ul2{ width:42%; float:right; } .c_lx1 li{ margin-bottom:17px; color:#fff; font-size:14px; font-size:1.4rem; line-height:35px; padding-left:40px; border-radius:15px; } .c_lx1 li a{ display:block; color:#fff; font-size:14px; font-size:1.4rem; } .c_lx1 li a:hover{ color:#4d4d4d; } .c_lx1bg1{ background:#d01f2e url(../img/c-email.jpg) no-repeat 17px center; } .c_lx1bg2{ background:#d01f2e url(../img/c-fax.jpg) no-repeat 17px center; } .c_lx2{ padding-top:14px; } .c_lx2 li{ line-height:34px; font-size:14px; font-size:1.4rem; padding-left:21px; } .c_lx2 li a{ font-size:14px; font-size:1.4rem; } .c_lx2 li a:hover{ color:#d01f2e; } .c_lx2bg1{ background:url(../img/c-phone.png) no-repeat left 10px; } .c_lx2bg2{ background:url(../img/c-fax.png) no-repeat left 10px; } .c_lx2bg3{ background:url(../img/c-website.png) no-repeat left 11px; } .c_lx2bg4{ background:url(../img/c-address.png) no-repeat left 8px; } .c_lx{ width:33.9%; } .c_lx li{ line-height:48px; padding-left:21px; } .c_lx li a{ font-size:14px; font-size:1.4rem; } .c_lx li a:hover{ color:#d01f2e; } .c_libg1{ background:url(../img/c-phone.png) no-repeat left 18px; } .c_libg2{ background:url(../img/c-fax.png) no-repeat left 19px; } .c_libg3{ background:url(../img/c-icon.png) no-repeat left 15px; margin-top:-2px; } .c_libg4{ background:url(../img/c-skype.png) no-repeat left 17px; word-break:break-all; display:block; } .c_libg5{ background:url(../img/c-email.png) no-repeat left 17px; margin-top:-6px; word-break:break-all; display:block; } .c_libg6{ background:url(../img/c-website.png) no-repeat left 17px; padding-bottom:6px;} .c_libg7{ background:url(../img/c-address.png) no-repeat left 7px; line-height:30px !important; } .c_libg3 span{ padding-right:32px; } .c_title2{ line-height:44px; padding-bottom:16px; font-size:20px; font-size:2rem; color:#d01f2e; } .c_map{ display:none; text-align:center; } .c_map img{ width:100%; max-width:767px; max-height:334px; } .c_xp{ } .c_div1{ padding-bottom:28px; } .c_div2{ padding-bottom:30px; } .c_div3{ padding-bottom:25px; } .c_nr1{ float:left; padding-right:74px; } .c_nr2{ float:left; } .c_input1,.c_captcha{ color:#666666; float:left; text-indent:5px; height:33px; line-height:33px; background:#e6e1cf; border:solid 1px #ffffff; } .c_input1{ width:468px; } .c_bt{ float:left; width:12px; height:35px; line-height:35px; color:#ef0000; font-family:Verdana, Geneva, sans-serif; } .c_textarea{ color:#666666; float:left; text-indent:5px; background:#e6e1cf; border:solid 1px #ffffff; width:1280px; line-height:26px; padding-top:1px; height:171px; } .c_captcha{ width:153px; } .c_yzm{ float:left; margin-left:28px; cursor:pointer; } .c_send{ cursor:pointer; float:left; color:#fff; margin-left:30px; font-size:16px; font-size:1.6rem; font-family:Tahoma, Geneva, sans-serif; background:#d01f2e; width:206px; height:33px; line-height:31px; text-align:center; border:solid 1px #d01f2e; margin-top:2px; } .c_send:hover{ transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; color:#d01f2e; background:#e6e1cf; } @media screen and (max-width:1319px){ .c_top{ background-size:55%; } .c_textarea{ width:98%; } } @media screen and (max-width:1119px){ .con{ width:98%; padding-left:1%; padding-right:1%; } .c_lx{ width:50%; } .c_xp{ width:90%; } .c_nr1{ padding-right:0px; } .c_nr2{ float:right; } .c_input1{ width:400px; } .c_top{ background-size:50%; } } @media screen and (max-width:999px){ .c_input1{ width:350px; } .c_textarea{ width:97%; } } @media screen and (max-width:939px){ .c_nr1,.c_nr2{ float:none; width:100%; padding-bottom:25px; } .c_div1,.c_div2{ padding-bottom:0px; } .c_input1,.c_textarea{ width:95%; } .c_top{ background:none; padding-bottom:0px; } .c_map{ display:block; padding-top:40px; } .c_lx{ width:100%; } } @media screen and (max-width:679px){ .c_send{ margin-left:12px; width:95%; margin-top:25px; } } @media screen and (max-width:499px){ .c_lx1_ul1,.c_lx1_ul2{ width:48%; } } @media screen and (max-width:419px){ .c_lx1_ul1,.c_lx1_ul2{ width:100%; float:none; max-width:200px; } } @media screen and (max-width:399px){ .c_input1,.c_textarea,.c_send,.c_captcha{ width:93%; } .c_yzm{ margin-left:12px; margin-top:25px; } .c_libg3{ line-height:24px !important; padding-top:10px; margin-bottom:10px; } .c_libg3 span{ padding-right:0px; display:block; } } /*quality1*//* .qua1{ background:url(../img/q1-bg.jpg) repeat-y top center; } .q1{ padding-top:23px; font-size:14px; font-size:1.4rem; padding-bottom:66px; } .q1_pro{} .q1_title{ line-height:38px; text-align:center; font-size:20px; font-size:2rem; padding-bottom:31px; } .q1_pro{} .q1_nr1{ float:left; text-align:center; } .q1_nr2{ width:100%; text-align:center; } .q1_nr3{ float:right; text-align:center; } .q1_top{ background:url(../img/q1-nrbg.png) no-repeat; box-shadow:0px 0px 15px rgba(0,0,0,0.15); border-radius:50%; width:236px; height:236px; } .q1_pic{ padding:3px; } .q1_pic img{ border-radius:50%; width:230px; height:230px; } .q1_wz{ padding-top:4px; line-height:24px; text-align:center; font-size:14px; font-size:1.4rem; } .q1_jt1{ float:left; padding-left:67px; padding-right:64px; width:165px; } .q1_jt1_wz{ padding-top:98px; text-align:center; font-size:14px; font-size:1.4rem; line-height:22px; padding-bottom:14px; background:url(../img/q1-jtright.png) no-repeat bottom center; height:22px; } .q1_jt2{ float:left; padding-left:67px; padding-right:62px; width:165px; } .q1_jt2_wz{ padding-top:98px; text-align:center; font-size:14px; font-size:1.4rem; line-height:22px; padding-bottom:14px; background:url(../img/q1-jtright.png) no-repeat bottom center; height:22px; } .q1_jt3{ margin-top:13px; float:right; margin-right:50px; /*height:101px; *//*background:url(../img/q1-jtbottom.png) no-repeat top right; line-height:24px; text-align:center; width:184px; padding-top:20px; padding-bottom:33px; margin-bottom:6px; } .q1_jl1{ } .q1_jt4{ padding-left:59px; padding-right:74px; line-height:24px; width:165px; text-align:center; float:right;} .q1_jt4_wz1{ padding-top:70px; background:url(../img/q1-jt1.png) no-repeat bottom center; padding-bottom:13px; } .q1_jt4_wz2{ padding-top:7px;} .q1_jt5{ padding-left:48px; padding-right:74px; padding-top:114px; line-height:24px; width:171px; float:right; text-align:center; } .q1_jt5_wz{ background:url(../img/q1-jtleft.png) no-repeat bottom center; padding-bottom:13px; } .q1_jt6{ margin-top:11px; margin-left:53px; background:url(../img/q1-jt2.png) no-repeat top left; padding-left:25px; text-align:left; padding-top:30px; padding-bottom:55px; float:left; margin-bottom:3px; } .q1_jt7{ padding-top:92px; float:left; padding-left:67px; padding-right:64px; width:165px; text-align:center; } .q1_jt7_wz1{ background:url(../img/q1-jtright.png) no-repeat bottom center; line-height:35px; padding-bottom:13px; } .q1_jt7_wz2{ padding-top:8px; } @media screen and (max-width:1319px){ .q1_jt1,.q1_jt2,.q1_jt4,.q1_jt5,.q1_jt7{ padding-left:10px; padding-right:10px; } } @media screen and (max-width:1119px){ .qua1{ width:98%; padding-left:1%; padding-right:1%; } .q1_pro{ width:100%; max-width:940px; } .q1_top{ background:none; box-shadow:0px 0px 15px rgba(0,0,0,0.15); border-radius:50%; width:180px; height:180px; border:solid 3px #fff; } .q1_pic{ padding:0px; } .q1_pic img{ border-radius:50%; width:180px; height:180px; } } @media screen and (max-width:999px){ .qua1{ width:95%; padding-left:2.5%; padding-right:2.5%; } .q1_nr1,.q1_nr3{ width:156px; } .q1_jt1,.q1_jt2,.q1_jt4,.q1_jt5,.q1_jt7{ padding-left:0px; padding-right:0px; } .q1_pro{ max-width:819px; width:100%; margin:0 auto; } .q1_top{ width:130px; height:130px; } .q1_pic img{ width:130px; height:130px; } .q1_jt1_wz,.q1_jt2_wz,.q1_jt4_wz1,.q1_jt5_wz,.q1_jt7_wz1{ background-size:70%; } .q1_jt3{ background-size:7%; padding-bottom:40px; } .q1_jt6{ background-size:10%; padding-bottom:45px; } .q1_jt1_wz,.q1_jt2_wz{ padding-top:50px; } .q1_jt4_wz1{ padding-top:30px; } .q1_jt5{ padding-top:55px; } .q1_jt7{ padding-top:60px; } } @media screen and (max-width:919px){ .q1_pro{ max-width:689px; } .q1_jl1{ margin-bottom:30px; } .q1_nr1,.q1_nr3{ width:206px; float:left; } .q1_top{ width:200px; height:200px; } .q1_pic img{ width:200px; height:200px; } .q1_jt1_wz,.q1_jt2_wz,.q1_jt4_wz1,.q1_jt5_wz,.q1_jt7_wz1,.q1_jt3,.q1_jt6{ background-size:auto; } .q1_jt2{ display:none; } .q1_nr2{ float:left; width:auto; } .q1_jt3{ margin-top:13px; float:right; margin-right:50px; /*height:101px; *//*background:url(../img/q1-jtright.png) no-repeat bottom center; line-height:24px; text-align:center; width:184px; padding-top:50px; padding-bottom:20px; margin-bottom:6px; } .q1_jt1,.q1_jt3{ padding-left:40px; padding-right:40px; margin-right:0px; } .q1_jt4{ float:left; padding-top:50px; padding-right:40px; } .q1_jt4_wz1{ background:url(../img/q1-jtright.png) no-repeat bottom center; } .q1_jt5{ float:left; margin-left:40px; margin-top:40px; height:200px; } .q1_jt5_wz{ background:url(../img/q1-jtright.png) no-repeat bottom center; } .q1_jt6{ margin-top:11px; margin-left:0px; padding-left:40px; padding-right:40px; text-align:center; background:url(../img/q1-jtright.png) no-repeat bottom center; padding-left:25px; padding-top:50px; padding-bottom:20px; float:left; margin-bottom:3px; width:184px;} .q1_jt7{ padding-right:40px; } } @media screen and (max-width:779px){ .q1_pro{ max-width:579px; } .q1_jt1,.q1_jt3{ padding-left:20px; padding-right:20px; } .q1_jt4{ padding-right:20px; } .q1_jt5{ margin-left:20px; } .q1_jt6{ padding-left:20px; padding-right:20px; } .q1_jt7{ padding-right:20px; } .q1_nr1,.q1_nr3{ width:176px; float:left; } .q1_top{ width:170px; height:170px; } .q1_pic img{ width:170px; height:170px; } } @media screen and (max-width:659px){ .q1_pro{ max-width:519px; } .q1_nr1,.q1_nr3{ width:156px; float:left; } .q1_top{ width:130px; height:130px; } .q1_pic img{ width:130px; height:130px; } .q1_jt1,.q1_jt3{ padding-left:10px; padding-right:10px; } .q1_jt4{ padding-right:10px; } .q1_jt5{ margin-left:10px; } .q1_jt6{ padding-left:10px; padding-right:10px; } .q1_jt7{ padding-right:10px; } } .q1_pro2{ display:none; } @media screen and (max-width:599px){ .q1_pro{ display:none; } .q1_nr1{ width:236px;} .q1_top{ width:230px; height:230px; } .q1_pic img{ width:230px; height:230px; } .q1_jt1{ float:right; padding-left:0px; padding-right:0px; width:165px; padding-top:80px; } .q1_jt1_wz{ padding-top:0px; text-align:center; font-size:14px; font-size:1.4rem; line-height:22px; padding-bottom:0px; background:url(../img/q1-jtright.png) no-repeat top center; padding-top:20px; height:auto; } .q1_pro2{ display:block; } .q1_pro2_nr{ margin:0 auto; margin-bottom:30px; width:100%; max-width:439px; } } @media screen and (max-width:479px){ .q1_nr1{ width:176px;} .q1_top{ width:170px; height:170px; } .q1_pic img{ width:170px; height:170px; } .q1_pro2_nr{ max-width:359px; } } @media screen and (max-width:399px){ .q1_nr1{ width:100%; max-width:236px; float:none; margin:0 auto; text-align:center; } .q1_top{ width:230px; height:230px; } .q1_pic img{ width:230px; height:230px; } .q1_jt1{ float:none; padding-top:30px; width:100%; max-width:236px; margin:0 auto; } } */ /*quality2*//* .qua2{ background:url(../img/q2-bg.jpg) repeat-y top center; } .q2{ padding-top:22px; font-size:14px; font-size:1.4rem; padding-bottom:84px; } .q2_title{ text-align:center; line-height:40px; font-size:20px; font-size:2rem; padding-bottom:30px; } .q2_pro{ text-align:center; font-size:14px; font-size:1.4rem; line-hieght:24px; } .q2_nr1{ float:left; } .q2_nr2{ width:100%; } .q2_nr3{ float:right; } .q2_top{ background:url(../img/q1-nrbg.png) no-repeat; box-shadow:0px 0px 15px rgba(0,0,0,0.15); border-radius:50%; width:236px; height:236px; } .q2_pic{ padding:3px; } .q2_pic img{ border-radius:50%; width:230px; height:230px; } .q2_wz{ padding-top:4px; line-height:24px; text-align:center; font-size:14px; font-size:1.4rem; width:236px;} .q2_jt{ line-height:24px; } .q2_jt1{ float:left; padding-left:63px; padding-right:66px; padding-top:76px; } .q2_jt1_wz{ padding-bottom:11px; background:url(../img/q2-jt1.png) no-repeat bottom center; } .q2_jt2{ float:left; padding-left:58px; padding-right:45px; padding-top:80px; } .q2_jt2_wz{ padding-bottom:11px; background:url(../img/q2-jt1.png) no-repeat bottom center; } .q2_jt3{ margin-top:12px; margin-right:45px; float:right; margin-bottom:6px; } .q2_jt3_wz{ padding-top:13px; padding-bottom:19px; width:214px; background:url(../img/q2-jt3.png) no-repeat top right; padding-right:13px; } .q2_jt4{ float:right; padding-left:20px; padding-right:19px; padding-top:54px; width:258px; } .q2_jt4_wz{ padding-bottom:11px; background:url(../img/q2-jt4.png) no-repeat bottom center; } .q2_jt5{ float:right; padding-left:58px; padding-right:58px; padding-top:54px; width:175px; } .q2_jt5_wz{ padding-bottom:11px; background:url(../img/q2-jt4.png) no-repeat bottom center; } .q2_jt6{ margin-top:8px; padding-left:76px; margin-bottom:2px; float:left; } .q2_jt6_wz{ padding-top:30px; padding-bottom:45px; background:url(../img/q2-jt6.png) no-repeat top left; padding-left:17px; } .q2_jt7{ float:left; padding-left:63px; padding-right:67px; padding-top:97px; width:165px; } .q2_jt7_wz{ padding-bottom:14px; background:url(../img/q2-jt1.png) no-repeat bottom center; } .q2_jt8{ float:left; padding-left:62px; padding-right:65px; padding-top:74px; width:168px; } .q2_jt8_wz{ padding-bottom:12px; background:url(../img/q2-jt1.png) no-repeat bottom center; } .q2_jt9{ margin-top:35px; padding-right:265px; padding-left:71px; float:right; } .q2_jt9_wz{ padding-top:41px; padding-bottom:45px; background:url(../img/q2-jt9.png) no-repeat top left; padding-left:68px; width:130px; } .q2_jl1{ padding-top:60px; } @media screen and (max-width:1319px){ .q2_pro{ width:100%; max-width:959px; margin:0 auto; } .q2_jt1,.q2_jt2,.q2_jt7,.q2_jt8,.q2_jt5{ padding-left:10px; padding-right:10px; } .q2_jt4{ padding-left:0px; padding-right:0px; width:200px; } .q2_top{ background:none; box-shadow:0px 0px 15px rgba(0,0,0,0.15); border-radius:50%; width:180px; height:180px; border:solid 3px #fff;} .q2_pic{ padding:0px; } .q2_pic img{ width:180px; height:180px; } .q2_wz{ width:180px; } } @media screen and (max-width:1119px){ .qua2{ width:98%; padding-left:1%; padding-right:1%; overflow:hidden; } } @media screen and (max-width:999px){ .qua2{ width:95%; padding-left:2.5%; padding-right:2.5%; } .q2_pro{ max-width:809px; } .q2_top{ width:130px; height:130px; } .q2_pic img{ width:130px; height:130px; } .q2_wz{ width:130px; } } .qingchu{ display:none; clear:both; } @media screen and (max-width:919px){ .q2_pro{ max-width:709px; } .q2_top{ width:200px; height:200px; } .q2_pic img{ width:200px; height:200px; } .q2_wz{ width:200px; min-height:48px; } .q2_jt1,.q2_jt2,.q2_jt7,.q2_jt8,.q2_jt5,.q2_jt4,.q2_jt6{ padding-left:20px; padding-right:20px; float:left; } .q2_nr2{ width:auto; float:left; } .q2_nr3{ float:left; } .qingchu{ display:block; } .q2_jt3{ float:left; padding-top:26px; margin-right:0px; margin-top:0px; padding-left:20px; padding-right:20px; } .q2_jt3_wz{ padding-bottom:11px; background:url(../img/q2-jt1.png) no-repeat bottom center; width:220px; } .q2_jt4_wz{ background:url(../img/q2-jt1.png) no-repeat bottom center; } .q2_jt6{ float:left; padding-top:61px; margin-right:0px; } .q2_jt6_wz{ padding-bottom:16px; background:url(../img/q2-jt1.png) no-repeat bottom center; width:220px; } .q2_jt9{ float:left; padding-top:50px; margin-right:0px; margin-top:0px; padding-right:20px; padding-left:20px; float:left; } .q2_jt9_wz{ padding-bottom:16px; background:url(../img/q2-jt1.png) no-repeat bottom center; width:220px; paddding-top:0px; padding-left:0px; } .q2_jl1{ padding-top:0px; } } .q2_pro2{ display:none; } @media screen and (max-width:819px){ .q2_pro{ display:none; } .q2_pro2{ display:block; max-width:499px; margin:0 auto; width:100%; } .q2_pro2_nr{ margin:0 auto; margin-bottom:30px; width:100%; } .q2_nr1{ width:236px; float:left; } .q2_nr1 img{ width:230px; height:230px; box-shadow:0px 0px 15px rgba(0,0,0,0.15); border:solid 3px #fff; border-radius:50%; background:none;} .q2_wz{ width:230px; min-height:auto; } .q2_jt1{ float:right; padding-left:0px; padding-right:0px; width:225px; padding-top:80px; } .q2_jt1_wz{ padding-top:0px; text-align:center; font-size:14px; font-size:1.4rem; line-height:22px; padding-bottom:0px; background:url(../img/q1-jtright.png) no-repeat top center; padding-top:20px; height:auto; } } @media screen and (max-width:559px){ .q2_pro2{ max-width:409px; } .q2_nr1{ width:176px;} .q2_nr1 img{ width:170px; height:170px; } .q2_wz{ width:100%; padding-top:10px; padding-bottom:10px; } } @media screen and (max-width:479px){ .q2_nr1{ float:none; width:100%; max-width:236px; margin:0 auto; } .q2_nr1 img{ width:100%; max-width:230px; max-height:230px; height:auto; } .q2_jt1{ float:none; width:100%; margin:0 auto; max-width:225px; } } */ /*quality3*/ .qua3{ background:url(../img/q3-bg.jpg) repeat-y top center; } .q3{ padding-bottom:69px; padding-top:19px; } .q3_nr{ float:left; width:22%; padding-right:4%; max-width:285px; } .q3_nrlast{ padding-right:0px !important; } .q3_nbottom{ margin-bottom:55px; } .q3_fyjl{ padding-top:34px; } .cteamtu{ position:relative; width:100%; max-width:285px; } .cteamtupian{ display:block;} .cteamtupian img{ width:100%; max-width:285px; max-height:210px; } .cteamfu{ display:block; position:absolute; width:100%; height:100%; max-width:285px; max-height:210px; top:0px; left:0px; opacity:0;filter:alpha(opacity=0); transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; } .cteamfu img{ /*max-width:285px; max-height:210px; top:0px; left:0px;*/ width:33px; height:27px; top:50%; left:50%; margin-top:-13px; margin-left:-13px; position:absolute;opacity:0;filter:alpha(opacity=0); } .cteamtu:hover .cteamfu{ opacity:1;filter:alpha(opacity=100);} .cteamtu:hover .cteamfu img{ opacity:1;filter:alpha(opacity=100);} .cteamzi{ text-align:center; line-height:38px; font-size:14px; font-size:1.4rem; } .baguetteBoxOne{} #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000; background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease} #baguetteBox-overlay.visible{opacity:1} #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;} #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%} #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);} #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Arial, Helvetica, sans-serif;} #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px} #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease} #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out} #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out} .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px} .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%; border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;} .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)} .baguetteBox-button#next-button{right:2%} .baguetteBox-button#previous-button{left:2%} .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px} .baguetteBox-button svg{position:absolute;left:0;top:0} .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px} .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out} .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s} @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}} @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}} @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}} @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}} @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}} @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}} @media screen and (max-width:1319px){ .q3_nr{ width:23%; padding-right:2.5%; } .cteamzi{ line-height:26px; padding-top:6px; padding-bottom:6px; padding-left:5px; padding-right:5px; } .q3_nbottom{ margin-bottom:30px; } } @media screen and (max-width:1119px){ .qua3{ width:98%; padding-left:1%; padding-right:1%; } } @media screen and (max-width:999px){ .qua3{ width:95%; padding-left:2.5%; padding-right:2.5%; } .q3_nbottom{ margin-bottom:15px; } .cteamzi{ padding-top:10px; } .q3_nr{ padding-right:0px; width:30%; margin-left:1.5%; margin-right:1.5%;margin-bottom:15px; } .q3_fyjl{ padding-top:15px; } } @media screen and (max-width:799px){ .q3_nr{ width:42%; margin-left:4%; margin-right:4%; } } @media screen and (max-width:699px){ .q3_nr{ width:45%; margin-left:2.5%; margin-right:2.5%; } } @media screen and (max-width:499px){ .q3_nr{ width:100%; margin:0 auto; margin-bottom:20px; float:none; } } .p2_cwz table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;} .p2_cwz table tr td{ padding:3px; border:1px solid #ccc;} .p2_cwz p a{ color:#d01f2e !important} .p2_cwz p img{ max-width:100%;} .n2_wz table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;} .n2_wz table tr td{ padding:3px; border:1px solid #ccc;} .n2_wz p a{ color:#d01f2e !important} .n2_wz p span{ color:#d01f2e} .n2_wz p img{ max-width:100%;} .p6{display: inline-block; margin-right: 7px; width:59px !important; margin-right:6px !important; text-align: center; line-height: 28px;font-size: 12px;font-size: 1.2rem; margin-bottom: 20px; background: #eeeeee; border: solid 1px #e5e5e5;} .p2_share img { margin-right: 5px; width: 26px; height: 26px; margin-top: 4px;border-radius: 2px; float: left; display: block;} /*quality1*/ .qua1{ background:url(../img/q1-bg.jpg) repeat-y top center; } .q1{ padding-top:23px; padding-bottom:156px; } .q1_title{ line-height:38px; text-align:center; font-size:20px; font-size:2rem; padding-bottom:43px; } .q1_pro1{} .q1_pic1{ float:left; width:50%; } .q1_pic1 img{ width:100%; max-width:650px; max-height:353px; } .q1_pic2{ float:left; width:50%; } .q1_pic2 img{ width:100%; max-width:650px; max-height:471px; } @media screen and (max-width:999px){ .q1_pic1,.q1_pic2{ width:100%; float:none; text-align:center; } .q1{ padding-bottom:50px; } } .q1_pro2{ display:none; } @media screen and (max-width:899px){ .q1_pro1{ display:none; } .q1_pro2{ display:block; text-align:center; } .q1_pic3{ width:100%; max-width:591px; max-height:353px; } .q1_pic4{ width:100%; max-width:596px; max-height:353px; } .q1_wz{ width:100%; max-width:221px; max-height:110px; } } .q1_pro3{ display:none; } @media screen and (max-width:499px){ .q1_pro2{ display:none; } .q1_pro3{ display:block; text-align:center; } .q1_pro3 img{ width:100%; max-width:275px; max-height:260px; margin-bottom:20px; } } /*quality2*/ .qua2{ background:url(../img/q2-bg.jpg) repeat-y top center; } .q2{ padding-top:23px; padding-bottom:147px; } .q2_title{ line-height:38px; text-align:center; font-size:20px; font-size:2rem; padding-bottom:23px; } .q2_pro1{} .q2_pic1,.q2_pic2,.q2_pic3{ float:left; width:50%; } .q2_pic1{} .q2_pic1 img{ width:100%; max-width:650px; max-height:476px; } .q2_pic2{} .q2_pic2 img{ width:100%; max-width:650px; max-height:404px; } .q2_pic3{} .q2_pic3 img{ width:100%; max-width:650px; max-height:460px; } @media screen and (max-width:999px){ .q2_pic1,.q2_pic2,.q2_pic3{ width:100%; float:none; text-align:center; } } .q2_pro2{ display:none; } @media screen and (max-width:499px){ .q2_pro1{ display:none; } .q2_pro2{ display:block; text-align:center; } .q2_pro2 img{ width:100%; max-width:210px; max-height:285px;} .q2_pro2_bottom1{ padding-bottom:25px; } .q2_pro2_bottom2{ padding-bottom:5px; } .q2{ padding-bottom:50px; } }