/*更多精å“Â代ç Â请访问 http://www.bootstrapmb.com/*/@charset "utf-8";.home-top-grid1 { background: rgba(11, 100, 143, 0.7); transition: 0.5s all;}.home-top-grid2 { background: rgba(226, 23, 55, 0.5); transition: 0.5s all;}.home-top-grid3 { background: rgba(11, 100, 143, 0.4); transition: 0.5s all;}* { margin: 0; padding: 0;}.iconfont { font-family: 'iconfont';}body { font-family: "微软雅黑"; overflow-x: hidden;}i,em { font-style: normal;}img { max-width: 100%;}ul li { list-style: none;}.vcenter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; margin: auto;}.tHide { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.blockFull { display: block; width: 100%; height: 100%; position: relative;}.relative { position: relative;}a { color: #666;}a:hover { color: #dd0505; text-decoration: none;}h1,h2,h3,h4,h5,h6,ul,li { margin: 0; padding: 0;}img { border: 0;}@media (min-width: 1600px) { .container { width: 1600px; }}.container { width: 1600px; padding: 0;}.container .nav { margin-left: 130px;}.container .nav a { padding: 0 40px;}.phone-nav { display: none;}.header { border-bottom: 1px solid #e5e5e5;}.banner { margin: 40px auto 0; width: 1600px; text-align: center;}.banner img { width: 100%; display: inline-block;}.banner .slick-prev,.banner .slick-next { border: 0; width: 34px; height: 63px; transform: rotate(0);}.banner .slick-prev { background: url(../images/banner_btnl.png) no-repeat center;}.banner .slick-next { background: url(../images/banner_btnr.png) no-repeat center;}.nybanner { border: 10px solid #000;}.logo { width: 10%; font-family: arial; font-weight: bold; font-size: 32px; line-height: 30px; padding: 10px 0;}.logo a { color: #000;}.nav { width: 54%; margin-left: 5%;}.nav ul li { float: left; line-height: 80px; position: relative; border-right: 1px solid #e5e5e5;}.nav ul li a { padding: 0 25px; color: #000; font-family: "微软雅黑"; transition: all 0.3s; display: inline-block;}.nav ul li a:hover { background: #000; color: #e5e5e5; font-weight: bold;}.nav ul li ul { border: 1px solid #e5e5e5; position: absolute; z-index: 22; padding: 10px 0; box-shadow: 0 2px 2px #000; background: #fff;}.nav ul li ul li { line-height: 30px; border: 0;}.nav ul li ul li a { padding: 0 39px !important;}.nav li.active a { background: #000; color: #e5e5e5; font-weight: bold;}.nav li.active ul li a { background: none !important; color: #000 !important; font-weight: 100;}.nav li.active ul li a:hover { background: #000 !important; color: #fff !important;}.language { text-align: right;}.language .language_wrap { text-align: right; border: 1px solid #000; margin-top: 15px; display: inline-block;}.language .language_wrap a { color: #000; font-size: 10px; font-family: arial; transition: all 0.3s; padding: 3px 10px; float: left;}.language .language_wrap a:hover { background: #000; color: #fff;}.language span { font-size: 26px; font-family: "arial narrow"; color: #000; display: block;}.search { line-height: 80px; position: relative;}.search img { cursor: pointer;}.search .top_search { width: 80%; line-height: 20px; border-radius: 3px; border: 1px solid #666; display: none; text-indent: 5px;}.search .top_sub { width: 20%; background: none; line-height: 35px; position: absolute; top: 22px; right: 8%; border: 0; text-align: center; display: none;}.love-flowers { width: 1600px;}.love-flowers .loveh { line-height: 40px; font-family: "微软雅黑"; font-size: 18px; color: #000; margin-top: 40px;}.love-flowers .loveh span { font-family: verdana; font-size: 16px; color: #999; margin-left: 10px;}.love-flowers .loveh a { width: 80px; height: 30px; display: inline-block; background: #333; color: #e5e5e5; text-align: center; line-height: 30px;}.love-flowers .loveh .line-bottom { border-top: 1px solid #e5e5e5; width: 50px;}.pic { position: relative; overflow: hidden;}.pic img { transition: 0.3s;}.pic:after { content: ""; display: block;}.love-wrap { margin-top: 18px;}.love-wrap ul li { position: relative; display: block; width: 25%; height: 100%; float: left;}.love-wrap ul li .pic { position: relative; overflow: hidden;}.love-wrap ul li .pic img { transition: 0.3s;}.love-wrap ul li .pic:after { content: ""; display: block; padding-bottom: 70.1111%;}.love-wrap ul li p { text-align: center; font-size: 16px;}.love-wrap ul li p a { display: block; font-family: "微软雅黑"; color: #000; line-height: 35px; margin-top: 40px;}.love-wrap ul li p em { color: #999;}.love-wrap ul li p span { color: #e81f27;}.love-wrap ul li:hover img { transform: scale(1.2);}.love-wrap ul li:hover a { color: #dd0505;}.brand-in { width: 100%; background: #f7f7f7; margin: 60px auto; padding-bottom: 140px;}.brand-in .brand-in-wrap { position: relative; width: 1600px; margin: 0 auto;}.brand-in .brand-left { width: 70%; border: 2px solid #000; padding: 5% 25% 0 5%; margin: 6% 0 0 2%;}.brand-in .brand-left .loveh { font-size: 30px; color: #000;}.brand-in .brand-left .loveh span { color: #999; font-size: 22px; font-family: verdana; margin-left: 10px; display: inline-block;}.brand-in .brand-left .loveh .line-bottom { width: 40px; border-top: 1px solid #dadada; margin-top: 10px;}.brand-in .brand-left p { color: #545454; line-height: 30px; padding-top: 20px;}.brand-in .brand-left em { font-size: 22px; color: #e81f27; display: block;}.brand-in .brand-left a { font-family: verdana; font-size: 16px; background: #000; color: #fff; display: inline-block; padding: 8px 20px; margin: 50px 0 70px;}.brand-in .brand-left .read-more a { transition: 0.3s;}.brand-in .brand-left .read-more a:hover { background: #dd0505;}.brand-in .brand-right { position: absolute; top: 0; right: 0; width: 60%; text-align: right; margin-right: 10px;}.sycase .sycase-wrap { position: relative;}.sycase .sycase-wrap .sycase-title { width: 140px; height: 140px; border: 3px solid #000; padding: 7px 0 0 7px; position: absolute; top: 50%; margin-top: -70px; left: 50%; margin-left: -70px; z-index: 2;}.sycase .sycase-wrap .sycase-title .sycase-txt { width: 120px; height: 120px; background: #000; font-size: 30px; color: #fff; padding: 13px 20px; text-align: center;}.sycase .sycase-wrap ul li { float: left; width: 50%; height: 100%; display: block; position: relative;}.sycase .sycase-wrap ul li .pic:after { padding-bottom: 38.75%;}.sycase .sycase-wrap ul li .case-zzc { width: 550px; height: 190px; display: block; position: absolute; top: 50%; margin-top: -95px; left: 50%; margin-left: -275px; z-index: 3; color: #fff; background: #000; filter: alpha(opacity=65); background: rgba(0, 0, 0, 0.65); padding: 0 50px; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s;}.sycase .sycase-wrap ul li .case-zzc h3 { text-align: center; border-bottom: 1px solid #fff; font-size: 30px; line-height: 70px; margin-top: 10px;}.sycase .sycase-wrap ul li .case-zzc p { font-size: 12px; line-height: 25px; margin: 30px 0; height: 55px; overflow: hidden;}.sycase .sycase-wrap ul li:hover .case-zzc { opacity: 1; filter: alpha(opacity=100);}.flower-title { line-height: 110px; text-align: center;}.flower-title span { margin: 0 45px; font-size: 30px; color: #000;}.flower-title span em { font-family: Verdana; font-size: 22px; color: #999;}.flower-con ul li { float: left; width: 330px; margin-right: 93px;}.flower-con ul li .flower-ch span { font-family: Verdana; font-size: 14px; color: #999; display: block;}.flower-con ul li .flower-ch a { font-size: 16px; color: #010101; transition: 0.3s;}.flower-con ul li .flower-ch .line { border-top: 1px solid #dbdbdb; width: 40px; margin: 10px 0; transition: 0.3s;}.flower-con ul li p { font-size: 12px; color: #999; margin: 30px 0; line-height: 25px; height: 80px; overflow: hidden;}.flower-con ul li:hover a { color: #dd0505;}.flower-con ul li:hover .line { border-top: 1px solid #dd0505;}.footer-nav { margin-top: 20px;}.footer-nav .panel-footer { border: none; padding: 0;}.footer-nav .panel-footer .footer-left { width: 68%; background: #000; padding-left: 3%;}.footer-nav .panel-footer .footer-left ul li { float: left; line-height: 120px;}.footer-nav .panel-footer .footer-left ul li a { color: #fff; padding: 5px 10px; margin: 0 35px; font-weight: bold;}.footer-nav .panel-footer .footer-left ul li a:hover { border-bottom: 1px solid #fff;}.footer-nav .panel-footer .footer-right { width: 32%; height: 120px; background: url(../images/footer-bg.jpg) center; position: relative;}.footer-nav .panel-footer .footer-right .friend { width: 425px; border-bottom: 1px solid #d1d1d1; height: 35px; margin: 37px auto 0; line-height: 35px; color: #545454; cursor: pointer;}.footer-nav .panel-footer .footer-right .friend img { transition: 0.3s; margin-top: 17px;}.footer-nav .panel-footer .footer-right .friend:hover img { transform: rotate(180deg);}.footer-nav .panel-footer .footer-right .dropdown { width: 83%; border: 1px solid #eee; left: 50%; margin-left: -42%; box-shadow: 0 1px 2px #999; text-align: center; background: #fff; position: absolute; bottom: 90px; display: none;}.footer-nav .panel-footer .footer-right .dropdown a { display: block; line-height: 30px;}.footer-copy { padding-bottom: 35px;}.footer-copy .erweima-wrap { width: 120px; height: 120px; border: 1px solid #eee; padding: 10px; margin: 30px auto 20px;}.footer-copy .footer-hotline { text-align: center;}.footer-copy .footer-hotline img { margin: -20px 0 0 0;}.footer-copy .footer-hotline span { display: inline-block; text-align: left; font-size: 14px; color: #545454; font-family: arial;}.footer-copy .footer-hotline span b { font-style: italic; font-size: 22px; color: #000;}.footer-copy .footer-hotline span em { display: block; font-size: 14px; color: #999; font-family: "微软雅黑";}.footer-copy .footer-hotline span em i { font-family: arial;}.pro-title { line-height: 40px; border-bottom: 4px solid #000; padding-top: 25px;}.pro-title span { font-size: 26px; color: #333;}.pro-title p a { padding: 1px 10px; color: #333; font-weight: bold; transition: 0.3s;}.pro-title p a:hover { background: #dd0505; color: #fff;}.pro-title p a.active { background: #dd0505; color: #fff;}.pro-title p em { color: #999; margin: 0 5px; font-size: 12px;}.pro-con { border-bottom: 1px solid #d9d9d9; padding-bottom: 40px;}.pro-con .fenlei { text-align: center; margin: 40px 0 70px;}.pro-con .fenlei a { border: 1px solid #000; padding: 10px 30px; color: #000; margin: 0 5px; border-bottom: 3px solid #000; transition: 0.3s;}.pro-con .fenlei a:hover { background: #dd0505; color: #fff; border: 1px solid #dd0505; border-bottom: 3px solid #dd0505;}.pro-con .fenlei a.active { background: #dd0505; color: #fff; border: 1px solid #dd0505; border-bottom: 3px solid #dd0505;}.pro-con ul li { margin: 0 5px 50px; width: 24.375%;}.page { text-align: center; margin: 20px 0;}.page a { border: 1px solid #000; border-bottom: 3px solid #000; padding: 3px 10px; color: #000; font-family: arial; transition: 0.3s;}.page a:hover { background: #000; color: #fff; font-weight: bold;}.case-title { text-align: center; padding: 48px 0 30px;}.case-title h3 { display: inline-block; font-size: 30px; color: #010101;}.case-title span { font-size: 22px; font-weight: bold; color: #dd0505; display: inline-block; text-align: left; position: relative; top: 5px;}.case-title span img { display: block;}.case-wrap .case-con { border-bottom: 3px solid #000; margin-bottom: 20px; padding-bottom: 100px;}.case-wrap .case-con ul li { float: left; width: 49%; margin-right: 30px; position: relative;}.case-wrap .case-con ul li .pic:after { padding-bottom: 38.75%;}.case-wrap .case-con ul li .case-zzc { opacity: 0; filter: alpha(opacity=0);}.case-wrap .case-con ul li .case-zzc h3 { border-bottom: 0; line-height: 35px; margin-top: 35px;}.case-wrap .case-con ul li:hover .case-zzch { opacity: 0; filter: alpha(opacity=0);}.case-wrap .case-con li.last { margin-right: 0;}.case-wrap .case-con .case-zzch { width: 225px; height: 85px; background: #000; filter: alpha(opacity=60); background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 30px; text-align: center; line-height: 85px; position: absolute; top: 50%; margin-top: -42.5px; left: 50%; margin-left: -112.5px; z-index: 1; transition: 0.3s;}.proshow-con { border-bottom: 0;}.proshow .prosleft { width: 49%;}.proshow .prosleft .products-pic2 { display: none;}.proshow .prosleft .products-pic-max span.pic { display: block;}.proshow .prosleft .products-pic-max span.pic:after { padding-bottom: 70.3%;}.proshow .prosright { width: 48%;}.proshow .prosright h3 { font-size: 30px; color: #dd0505; line-height: 80px; border-bottom: 1px solid #dbdbdb; margin-bottom: 25px;}.proshow .prosright .txt { height: 260px; overflow: auto;}.proshow .prosright .txt p { color: #666; line-height: 35px; text-indent: 2em;}.proshow .prosright .products-pic-min { width: 90%; margin: 60px auto 0;}.proshow .prosright .products-pic-min span.pic { display: block; margin: 0 5px; cursor: pointer;}.proshow .prosright .products-pic-min span.pic:after { padding-bottom: 70%;}.proshow .prosright .products-pic-min .slick-prev,.proshow .prosright .products-pic-min .slick-next { width: 15px; height: 30px; transform: rotate(0); margin-top: -15px;}.proshow .prosright .products-pic-min .slick-prev { left: -25px; background: url(../images/pre.png) no-repeat center;}.proshow .prosright .products-pic-min .slick-next { right: -25px; background: url(../images/next.png) no-repeat center;}.proshow .prosright .products-pic-min .slick-prev:hover { background: url(../images/prehover.png) no-repeat center;}.proshow .prosright .products-pic-min .slick-next:hover { background: url(../images/nexthover.png) no-repeat center;}.proshow .prosright .products-pic-min .slick-current .pic { border: 1px solid #000;}.inquiry-title { text-align: center;}.inquiry-title p { font-family: verdana; color: #999;}.inquiry-title h3 { font-size: 24px; color: #dd0505; line-height: 35px; background: url(../images/inquiry-bg.png) repeat-x center 12px; border-bottom: 2px solid #000; padding-bottom: 10px;}.inquiry-title h3 span { padding: 0 20px; background: #fff; display: inline-block;}.inquiry-con { background: #f8f8f8; padding: 25px 0 50px;}.inquiry-con label { position: relative; display: inline-block; margin: 30px 0 0 80px;}.inquiry-con label input { width: 680px; height: 50px; line-height: 50px; background: #fff; border: 1px solid #e5e5e5; transition: 0.3s; font-weight: 100; color: #999; text-indent: 10px;}.inquiry-con label input:hover { border: 1px solid #878787;}.inquiry-con label input.pro-name { color: #545454;}.inquiry-con label input.code { width: 220px;}.inquiry-con label textarea { width: 1447px; height: 160px; background: #fff; border: 1px solid #e5e5e5; transition: 0.3s; font-weight: 100; color: #999; text-indent: 10px;}.inquiry-con label textarea:hover { border: 1px solid #878787;}.inquiry-con label span { color: #f00; position: absolute; top: 15px; right: -12px;}.inquiry-con .code-la input { float: left;}.inquiry-con .code-la img { cursor: pointer; float: left;}.inquiry-con .code-la a { float: left; display: inline-block; line-height: 50px; font-weight: 100; font-size: #999; width: 150px; text-align: right; background: url(../images/shuaxin.png) no-repeat left center; margin-left: 20px;}.inquiry-con .sub,.inquiry-con .reset { margin: 0;}.inquiry-con .sub input,.inquiry-con .reset input { width: 330px; float: left; margin: 0; background: #dbdbdb; border: 0; color: #000;}.inquiry-con .sub input { margin: 0 30px 0 240px;}.inquiry-con .sub input:hover,.inquiry-con .reset input:hover { background: #fff; border: 1px solid #000; border-bottom: 3px solid #000;}.up-down { margin: 42px 0;}.up-down a { display: inline-block; width: 50%; float: left; line-height: 50px; height: 50px; overflow: hidden; padding-left: 40px; background: #161616; color: #999; transition: 0.3s;}.up-down a b { color: #fff;}.up-down a:hover { background: #dd0505; color: #fff;}.xgcp-title h3 { font-size: 22px; color: #dd0505;}.xgcp-title p { font-family: arial; font-size: 12px; color: #545454; line-height: 30px;}.xgcp { border-bottom: 1px solid #000; padding-bottom: 30px;}.xgcp ul li { width: 100%;}.xgcp .slick-prev,.xgcp .slick-next { width: 26px; height: 26px; transform: rotate(0); border-radius: 50%; border: 0; top: -15px;}.xgcp .slick-prev { background: url(../images/prebtn.png) no-repeat center; left: auto; right: 35px;}.xgcp .slick-next { background: url(../images/nextbtn.png) no-repeat center; right: 0;}.xgcp .slick-prev:hover { background: url(../images/prebtnhover.png) no-repeat center;}.xgcp .slick-next:hover { background: url(../images/nextbtnhover.png) no-repeat center;}.xgcp ul { margin-top: 30px;}.phone-xgcp { display: none;}.flower-tips { border-bottom: 3px solid #000; padding-bottom: 20px;}.flower-tips .flowerh { width: 336px;}.flower-tips .flowerh h3 { font-family: arial; font-weight: bold; font-size: 36px; color: #dd0505; margin-top: 43px;}.flower-tips .flowerh span { font-size: 30px; color: #000;}.flower-tips .flowerh em { width: 15px; border-bottom: 3px solid #000; display: inline-block;}.flower-tips .flowerh a { display: inline-block; padding: 9px 55px; color: #fff; background: #000; margin: 20px 0 35px;}.flower-tips .flowerh p { color: #000;}.flower-tips .flowertips-con .flower-con { margin-top: 40px;}.flower-tips .flowertips-con .flower-con ul li { padding-bottom: 50px; height: 230px;}.flower-tips .flowertips-con .flower-con ul li .flower-ch span { color: #dd0505; font-size: 12px;}.flower-tips .flowertips-con .flower-con ul li .flower-ch .line { border-top: 1px solid #000;}.flower-tips .flowertips-con .flower-con ul li:hover .line { border-top: 1px solid #dd0505;}.flower-tips .flowertips-con .flower-con ul li:hover a.gengduo { display: block;}.flower-tips .flowertips-con .flower-con ul li a.gengduo { font-family: arial; color: #333; text-decoration: underline; display: inline-block; margin-top: 5px; display: none;}.flower-tips .flowertips-con .flower-con ul li a.gengduo:hover { color: #dd0505;}.flower-wuyu { padding: 10px 0 20px; border-bottom: 1px solid #d9d9d9;}.flower-wuyu ul li { float: left; width: 48%; background: #f3f3f3; margin: 30px 15px;}.flower-wuyu ul li:hover img { transform: scale(1.15);}.flower-wuyu ul li .pic { background: #f9f9f9; float: left; width: 50%; overflow: hidden;}.flower-wuyu ul li .pic:after { padding-bottom: 100%;}.flower-wuyu ul li .flowertxt { text-align: center; height: 100%; float: left; width: 50%; padding: 0 25px;}.flower-wuyu ul li .flowertxt span { font-size: 14px; font-family: verdana; color: #dc0303; display: block; margin: 60px 0 5px;}.flower-wuyu ul li .flowertxt a { font-size: 18px; color: #333; font-weight: bold; display: block; height: 55px; overflow: hidden; transition: 0.3s;}.flower-wuyu ul li .flowertxt p { font-size: 12px; color: #545454; height: 100px; line-height: 25px; overflow: hidden; margin: 20px 0 0;}.flower-wuyu ul li .flowertxt a.flower-jt { width: 40px; height: 40px; border: 1px solid #000; margin: 30px auto 0; background: url(../images/flower-jt.png) no-repeat center;}.flower-wuyu ul li:hover .flowertxt a { color: #dd0505;}.flower-wuyu ul li:hover .flowertxt a.flower-jt { border: 1px solid #dd0505; background: url(../images/flower-jthover.png) no-repeat center;}.new-pro { border-bottom: 3px solid #000; padding-bottom: 20px; margin-bottom: 20px;}.fshow-title { text-align: center;}.fshow-title h1 { font-size: 22px; font-weight: bold; color: #333; line-height: 65px; margin-top: 25px;}.fshow-title div { line-height: 50px; background: #f3f3f3;}.fshow-title div span { font-size: 13px; color: #878787; margin: 0 25px;}.fshow-con { padding: 0 20px;}.fshow-con p { text-indent: 2em; font-size: 13px; color: #545454; line-height: 30px; margin: 25px 0;}.fshow-con .fshowimg .pic { float: left; width: 33%; margin-right: 1px;}.fshow-con .fshowimg .pic:after { padding-bottom: 100%;}.renews-con { margin: 15px 0 0; padding-left: 20px;}.renews-con ul { width: 90%;}.renews-con ul.last { margin-right: 0;}.renews-con ul li { line-height: 60px; height: 60px; overflow: hidden; border-bottom: 1px solid #e1e1e1; background: url(../images/renews-bg.jpg) no-repeat left center;}.renews-con ul li a { color: #333; padding-left: 20px;}.renews-con ul li a:hover { color: #dd0505;}.renews-con .slick-prev,.renews-con .slick-next { transform: rotate(0); width: 27px; height: 27px; top: -30px;}.renews-con .slick-prev { left: auto; right: 33px; background: url(../images/prebtn.png) no-repeat center;}.renews-con .slick-next { right: 0; background: url(../images/nextbtn.png) no-repeat center;}.renews-con .slick-prev:hover { background: url(../images/prebtnhover.png) no-repeat center;}.renews-con .slick-next:hover { background: url(../images/nextbtnhover.png) no-repeat center;}.case { padding-top: 20px;}.case .case-con { border-bottom: 1px solid #d9d9d9; padding-bottom: 20px;}.case ul { margin-bottom: 30px;}.case ul li { margin: 20px 0;}.caseshow .date { background: none; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}.caseshow .fshow-con .fshowimg .pic { width: 100%;}.caseshow .fshow-con .fshowimg .pic:after { padding-bottom: 39%;}.xgcase .xgcase-con { margin-top: 30px; border-bottom: 0; padding-bottom: 0;}.xgcase .xgcase-con ul li { width: 98%;}.erweima { text-align: center;}.erweima h3 { font-size: 30px; color: #dd0505; font-weight: bold; line-height: 60px; margin-top: 25px;}.erweima b { font-size: 18px; color: #000;}.contactimg ul li { display: inline-block; width: 10%;}.contactimg .pic img { padding: 10px; border: 1px solid #dbdbdb;}.contactimg .pic:after { padding-bottom: 86%;}.contactimg .contactbg { width: 60px; height: 60px; border-radius: 50%; background: #000 url(../images/contactbg.png) no-repeat center; margin: 20px auto;}.contact-con { padding-bottom: 115px; border-bottom: 1px solid #d9d9d9;}.contact-con ul { border: 1px solid #000; border-right: 0; height: 240px;}.contact-con ul li { width: 25%; border-right: 1px solid #000; text-align: center; color: #000; height: 100%; padding: 50px 60px 30px; float: left;}.contact-con ul li .pic:after { padding-bottom: 25%;}.contact-con ul li b { font-family: arial; font-size: 16px; display: block;}.contact-con ul li span { font-size: 18px; display: block; margin-top: 10px;}.contact-con ul li em { font-size: 22px; display: block;}.contact-con ul li em a { color: #000; transition: 0.3s;}.contact-con ul li em a:hover { color: #dd0505;}.brand-con { text-align: center; color: #000; border-bottom: 1px solid #000; padding-bottom: 30px;}.brand-con b { font-size: 26px; line-height: 30px; display: block; margin: 50px 0 0;}.brand-con span { display: block; font-size: 22px; line-height: 60px;}.brand-con .brandbg { width: 60px; height: 60px; margin: 30px auto 50px; border-radius: 50%; background: #dd0505 url(../images/contactbg.png) no-repeat center;}.brand-con h3 { font-size: 30px; font-weight: bold; margin: 30px 0;}.brand-con .pic { margin: 50px 0;}.brand-con .pic:after { padding-bottom: 32%;}.job-title { line-height: 60px; background: #e95c5c; font-size: 16px; color: #fff;}.job-title b.zhiwei { margin: 0 21.5% 0 5%;}.job-title b.jobadd { margin: 0 10% 0 10%;}.job-title b.caozuo { margin-left: 25%;}.job-con { color: #000; padding-bottom: 100px; border-bottom: 1px solid #000;}.job-con ul li { line-height: 60px; border-bottom: 1px solid #cdcdcd;}.job-con ul li .jobconh { cursor: pointer;}.job-con li.active { border-bottom: 0;}.job-con li.active .zhiwei { color: #dd0505;}.job-con b.zhiwei { margin: 0 9% 0 5%; min-width: 17%; display: inline-block;}.job-con span.jobadd { margin: 0 10% 0 11.5%;}.job-con span.date { margin: 0 10% 0 0.5%;}.job-con span.click { margin-left: 15%;}.job-con .job-conwrap { color: #666; width: 95%; border: 1px solid #dbdbdb; margin: 30px auto 15px; padding: 40px 0 30px 30px; display: none; position: relative;}.job-con .job-conwrap img { position: absolute; top: -12px; left: 55px;}.job-con .job-conwrap dl { float: left; margin-right: 50px;}.job-con .job-conwrap dt { font-size: 16px;}.job-con .job-conwrap dd { font-size: 12px; line-height: 30px;}.messageh { text-align: center; margin: 30px 0 20px;}.messageh h2 { font-size: 36px; font-weight: bold; color: #000;}.messageh span { font-weight: bold; font-size: 16px; color: #000; line-height: 50px;}.message-con { padding-bottom: 100px; border-bottom: 1px solid #000;}.message-con .pic { width: 35%;}.message-con .pic:after { padding-bottom: 85%;}.message-con .mcon-right { width: 60%; padding-top: 40px;}.message-con .mcon-right span { display: block; font-weight: 100; color: #545454;}.message-con .mcon-right label { display: inline-block; margin: 10px 0; position: relative;}.message-con .mcon-right label em { position: absolute; right: 50px; top: 30px; color: #f00;}.message-con .mcon-right label.mcodela { margin-top: 30px;}.message-con .mcon-right label.mcodela em { right: 62%; top: 15px;}.message-con .mcon-right label.mcodela input { width: 170px; float: left; margin-right: 20px;}.message-con .mcon-right label.mcodela img { cursor: pointer; float: left;}.message-con .mcon-right label.mcodela a { margin: 20px 0 0 20px; float: left; text-decoration: underline; font-weight: 100; color: #999; transition: 0.3s;}.message-con .mcon-right label.mcodela a:hover { color: #dd0505;}.message-con .mcon-right input { width: 400px; line-height: 42px; height: 42px; border: 1px solid #dbdbdb; background: #f7f7f7; margin-right: 40px; text-indent: 5px;}.message-con .mcon-right textarea { width: 845px; border: 1px solid #dbdbdb; background: #f7f7f7; height: 120px; text-indent: 5px; margin-right: 40px;}.message-con .mcon-right .msub { width: 205px; height: 42px; float: right; margin-left: 216px; border: 0; background: #e60012; color: #fff; font-weight: 100;}.map { margin: 40px auto; border-bottom: 1px solid #000; padding-bottom: 100px;}.map dl { margin: 20px auto 20px; overflow: hidden; line-height: 30px; width: 98%; transition: 0.3s;}.map dl:hover { box-shadow: 0 0 2px #000;}.map dl:hover dt a { color: #333; font-weight: bold;}.map dt { font-size: 14px; float: left; width: 10%; text-align: center; border: 1px solid #e5e5e5; transition: 0.3s;}.map dt:hover { background: #000;}.map dt:hover a { color: #fff !important;}.map dt a { color: #000; display: block; padding: 10px 0; transition: 0.3s;}.map dt a:hover { color: #e0e9f3; font-weight: bold;}.map dd { font-size: 14px; overflow: hidden; float: left; width: 85%; line-height: 40px;}.map dd .p2 { padding: 0 0 0 20px; clear: both;}.map dd .p2 a { color: #dd0505; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.3s;}.map dd .p2 a:hover { color: #f00;}.map dd div { clear: both; overflow: hidden; padding: 0px 20px 0 10px;}.map dd div a { color: #333; float: left; padding: 0 10px 0 10px; margin-top: 1px; transition: 0.3s;}.map dd div a:hover { color: #003e7e; background: #000; color: #fff;}@media (max-width: 768px) { .map dt { width: 15%; } .map dd { width: 85%; }}@media (max-width: 640px) { .map dt { width: 20%; } .map dd { width: 80%; }}@media (max-width: 400px) { .map dt { width: 100%; } .map dd { width: 100%; }}.honor { border-bottom: 1px solid #000;}.about-visual-recommon { position: relative; max-width: 90%; width: 1360px; padding: 30px 30px 0; margin-left: auto; margin-right: auto; margin-top: 265px; margin-bottom: 175px; border: 6px solid #a6a6a6; border-radius: 5px; height: 289px;}.about-visual-recommon .controller { width: 140px; height: 42px; right: -90px; top: 50%; margin-top: -21px; position: absolute;}.about-visual-recommon .controller a { font-family: "宋体"; display: block; color: #fff; width: 50%; height: 100%; line-height: 42px; font-size: 24px; text-align: center; float: left; border: 1px solid #000; transition: 0.3s;}.about-visual-recommon .controller a#slick-1-prev { border-right: 0; background: #fff url(../images/hprev.png) no-repeat center;}.about-visual-recommon .controller a#slick-1-next { background: #fff url(../images/hnext.png) no-repeat center;}.about-visual-recommon .controller a#slick-1-prev:hover { background: #000 url(../images/hprehover.png) no-repeat center;}.about-visual-recommon .controller a#slick-1-next:hover { background: #000 url(../images/hnexthover.png) no-repeat center;}.about-visual-recommon .controller a:active { background-color: #333; color: #fff600;}.about-visual-recommon .pics-1 { position: absolute; z-index: 10; right: 80px; top: -195px; width: 820px; height: 524px; border: 5px solid #5a1515;}.about-visual-recommon .pics-1 .slick-list { position: relative; z-index: 5;}.about-visual-recommon .pics-1 .items { position: relative; cursor: default; display: block; height: 520px;}.about-visual-recommon .pics-1 .items i { display: block;}.about-visual-recommon .pics-1 .items i:after { padding-bottom: 63.4%;}.about-visual-recommon .pics-1 .items .name { position: absolute; width: 100%; height: 30px; left: 0; background: #333; color: #fff; padding: 0 15px; bottom: -30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: All .2s ease-in-out; -webkit-transition: All .2s ease-in-out; -moz-transition: All .2s ease-in-out; -o-transition: All .2s ease-in-out; line-height: 30px; font-size: 12px;}.about-visual-recommon .pics-1 .items:hover .name { bottom: 0;}/* .about-visual-recommon .pics-1:after { content: ""; width: 100%; height: 100%; right: 30px; top: 30px; background-color: #797979; transition: All .2s ease-in-out; -webkit-transition: All .2s ease-in-out; -moz-transition: All .2s ease-in-out; -o-transition: All .2s ease-in-out; position: absolute} */.about-visual-recommon .pics-2 { position: relative; z-index: 5; width: 469px;}.about-visual-recommon .pics-2 .items { position: relative; cursor: default; display: block; height: 300px;}.about-visual-recommon .pics-2 .items i { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%;}.pics2-2 { width: 430px; background: #ef3939; position: relative; top: -100px;}.pics2-1 { background: #000; width: 400px; position: relative; top: -25px; left: 20px;}div ul li.last { margin-right: 0;}@media (min-width: 1240px) and (max-width: 1612px) { .container { width: 1210px; } .container .nav { margin-left: 70px; } .container .nav a { padding: 0 25px; color: #000; } .container .nav ul li.active a { color: #e5e5e5; } .container .nav ul li ul li a { padding: 0 24px !important; } .banner { width: 100%; } .phone-nav { display: none; } .brand-in { width: 100%; padding: 0 0 80px; } .brand-in .brand-in-wrap { width: 1210px; margin: 0 auto; } .sycase .sycase-wrap ul li .case-zzc { width: 450px; margin-left: -225px; } .flower-con ul li { width: 230px; } .footer-nav .panel-footer .footer-left { width: 60%; } .footer-nav .panel-footer .footer-left ul li a { margin: 0 12px; } .footer-nav .panel-footer .footer-right { width: 40%; } .pro-con ul li { margin: 0 3.7px 50px; } .case-wrap .case-con ul li { width: 48.7%; } .proshow .prosright .txt { height: 165px; } .inquiry-con label input { width: 470px; } .inquiry-con label textarea { width: 1025px; } .inquiry-con .sub { display: block; margin-top: 30px; } .inquiry-con .sub input { margin-left: 80px; } .flower-tips .flowertips-con .flower-con ul li { width: 220px; } .flower-wuyu ul li { width: 47.5%; } .flower-wuyu ul li .flowertxt p { height: 55px; } .flower-wuyu ul li .flowertxt a.flower-jt { margin-top: 10px; } .contact-con ul li { padding: 35px 20px 20px; } .contact-con ul li .pic:after { padding-bottom: 30%; } .contact-con ul li span { font-size: 16px; } .contact-con ul li em { font-size: 21px; } .message-con .mcon-right input { width: 320px; } .message-con .mcon-right textarea { width: 685px; } .message-con .mcon-right .msub { margin-left: 55px; }}@media (min-width: 992px) and (max-width: 1239px) { .container { width: 970px; } .container .nav { width: 53%; margin-left: 2%; } .container .nav ul li a { padding: 0 12px; color: #000; } .container .nav ul li a:hover { color: #e5e5e5; } .container .nav ul li ul li a { padding: 0 11px !important; } .container .nav ul li.active a { color: #e5e5e5; } .container .search { margin-left: -30px; } .banner { width: 100%; } .phone-nav { display: none; } .brand-in { width: 100%; padding: 40px 0; } .brand-in .brand-in-wrap { width: 970px; margin: 0 auto; } .sycase .sycase-wrap ul li .case-zzc { display: none; } .flower-con ul li { width: 438px; } .flower-con li:nth-child(2) { margin-right: 0; } .footer-nav .panel-footer .footer-left { width: 60%; padding-left: 1%; } .footer-nav .panel-footer .footer-left ul li a { margin: 0 10px; padding: 5px 3px; } .footer-nav .panel-footer .footer-right { width: 40%; } .footer-nav .panel-footer .footer-right .friend { width: 90%; } .pro-con ul li { margin: 0 3px 50px; } .case-wrap .case-con ul li { width: 48.45%; } .case-wrap .case-con ul li:hover .case-zzch { opacity: 1; filter: alpha(opacity=100); } .proshow .prosright .txt { height: 100px; } .inquiry-con label input { width: 350px; } .inquiry-con label textarea { width: 785px; } .inquiry-con .sub { display: block; margin-top: 30px; } .inquiry-con .sub input { margin-left: 80px; } .flower-tips .flowertips-con .flower-con ul li { width: 100%; height: 125px; padding: 0; margin: 20px 0; } .flower-tips .flowertips-con .flower-con ul li p { height: 25px; margin: 10px 0; } .flower-wuyu ul li { width: 46.9%; } .flower-wuyu ul li .pic { width: 100%; } .flower-wuyu ul li .pic:after { padding-bottom: 55%; } .flower-wuyu ul li .flowertxt { width: 100%; padding-bottom: 10px; } .flower-wuyu ul li .flowertxt a.flower-jt { margin-top: 0px; } .contactimg ul li { width: 20%; } .contact-con ul { height: 195px; } .contact-con ul li { padding: 35px 20px 20px; } .contact-con ul li .pic:after { padding-bottom: 30%; } .contact-con ul li span { font-size: 16px; } .contact-con ul li em { font-size: 16px; } .job-title b.zhiwei { margin: 0 15.5% 0 5%; } .job-title b.caozuo { margin-left: 20%; } .job-con b.zhiwei { margin: 0 6.5% 0 5%; } .job-con span.click { margin-left: 10%; } .message-con .mcon-right input { width: 245px; } .message-con .mcon-right textarea { width: 535px; } .message-con .mcon-right .msub { margin-left: 0; width: 535px; } .about-visual-recommon { max-width: 100%; border: none; } .pics2-1 { display: none; } .pics2-2 { display: none; } .about-visual-recommon .controller { top: auto; bottom: -110px; right: 50%; margin-right: -70px; }}@media (min-width: 768px) and (max-width: 991px) { .container { width: 100%; } .container .logo { margin-left: 20px; } .container .nav { display: none; } .container .search { position: relative; left: 50%; margin-left: -100px; } .container .language { display: none; } .banner { width: 100%; } .love-wrap ul li { width: 50%; } .love-wrap ul li .pic { overflow: hidden; } .love-wrap ul li:hover img { transform: scale(1); transform: translateY(-10px); box-shadow: 1px 3px 5px #999; } .phone-nav { position: absolute; font-size: 30px; right: 20px; line-height: 60px; display: none; color: #000; display: block; top: 0; } .brand-in { padding: 40px 0; } .brand-in .brand-in-wrap { width: 100%; } .brand-in .brand-in-wrap .brand-left { width: 100%; padding: 5% 4% 0 5%; margin: 0; } .brand-in .brand-in-wrap .brand-right { display: none; } .sycase .sycase-wrap ul li { width: 100%; } .sycase .sycase-wrap ul li .pic:after { padding-bottom: 32%; } .sycase .sycase-wrap ul li .case-zzc { display: none; } .flower-con ul li { width: 40%; margin-left: 20px; } .flower-con li:nth-child(2) { margin-right: 0; } .footer-nav .panel-footer .footer-left { width: 60%; padding-left: 1%; } .footer-nav .panel-footer .footer-left ul li a { margin: 0 5px; padding: 5px 0px; } .footer-nav .panel-footer .footer-right { width: 40%; } .footer-nav .panel-footer .footer-right .friend { width: 90%; } .pro-con ul li { width: 47%; } .case-wrap .case-con ul li:hover .case-zzch { opacity: 1; filter: alpha(opacity=100); } .proshow .prosleft { float: none !important; width: 70%; margin: 0 auto; } .proshow .prosleft .products-pic2 { display: block; } .proshow .prosleft .products-pic2 span.pic { display: block; } .proshow .prosleft .products-pic2 span.pic:after { padding-bottom: 70%; } .proshow .prosleft .products-pic2 .slick-dots { height: 15px; text-align: center; bottom: 10px; } .proshow .prosleft .products-pic2 .slick-dots li { width: 20px; float: none !important; display: inline-block; margin: 0; } .proshow .prosleft .products-pic2 .slick-dots li button { background: #999; } .proshow .prosleft .products-pic2 .slick-dots li.slick-active button { background: #dd0505; } .proshow .prosleft .products-pic-max { display: none; } .proshow .prosright { width: 90%; margin: 0 auto; float: none !important; } .proshow .prosright .products-pic-min { display: none; } .proshow .prosright .txt { height: auto; } .inquiry-con label { margin-left: 30px; width: 93%; } .inquiry-con label.code-la { width: 93%; } .inquiry-con label.content-la { width: 93%; } .inquiry-con label input { width: 100%; } .inquiry-con label textarea { width: 100%; } .inquiry-con .sub { display: inline-block; margin-top: 30px; width: 46%; } .inquiry-con .sub input { margin-left: 30px; width: 100%; } .inquiry-con .reset { width: 46%; } .inquiry-con .reset input { width: 100%; margin: 10px 0 0 30px; } .up-down a { width: 100%; } .xgcp ul { margin-top: 50px; } .xgcp ul li { width: 100%; } .xgcp .slick-prev { left: 50%; margin-left: -30px; } .xgcp .slick-next { right: 50%; margin-right: -30px; } .flower-tips .flowertips-con .flower-con ul li { width: 100%; height: 125px; padding: 0; margin: 20px 0; } .flower-tips .flowertips-con .flower-con ul li p { height: 25px; margin: 10px 0; } .flower-wuyu ul li { width: 46%; } .flower-wuyu ul li .pic { width: 100%; } .flower-wuyu ul li .pic:after { padding-bottom: 55%; } .flower-wuyu ul li .flowertxt { width: 100%; padding-bottom: 10px; } .flower-wuyu ul li .flowertxt a.flower-jt { margin-top: 0px; } .renews-con { margin-top: 40px; } .renews-con .slick-prev, .renews-con .slick-next { top: 10px; } .renews-con .slick-prev { left: 50%; margin-left: -30px; } .renews-con .slick-next { right: 50%; margin-right: -30px; } .contactimg ul li { width: 20%; } .contact-con { height: 700px; } .contact-con ul { height: 300px; border-top: 1px solid #000; } .contact-con ul li { padding: 35px 20px 20px; width: 50%; border-left: 1px solid #000; border-bottom: 1px solid #000; } .contact-con ul li .pic:after { padding-bottom: 30%; } .contact-con ul li span { font-size: 16px; } .contact-con ul li em { font-size: 16px; } .job-title b.zhiwei { margin: 0 15.5% 0 5%; } .job-title b.caozuo { margin-left: 10%; } .job-con b.zhiwei { margin: 0 6.5% 0 3%; width: 21%; } .job-con span.click { margin-left: 2%; } .mcon-left { display: none; } .mcon-right { float: none !important; margin: 0 auto; } .message-con .mcon-right label { width: 100%; } .message-con .mcon-right label em { right: 5px; } .message-con .mcon-right input { width: 100%; } .message-con .mcon-right textarea { width: 100%; } .message-con .mcon-right label.mcodela em { right: 72%; } .message-con .mcon-right .msub { width: 100%; margin: 0; } .about-visual-recommon { max-width: 100%; border: none; } .about-visual-recommon .pics-1 { right: 50%; margin-right: -380px; width: 760px; height: 486px; } .pics2-1 { display: none; } .pics2-2 { display: none; } .about-visual-recommon .controller { top: auto; bottom: -110px; right: 50%; margin-right: -70px; } .about-visual-recommon .pics-1 .items { height: 480px; }}@media (min-width: 641px) and (max-width: 767px) { .container { width: 100%; } .container .logo { margin-left: 20px; } .container .nav { display: none; } .container .search { display: none; } .container .language { display: none; } .banner { width: 100%; } .love-wrap ul li { width: 50%; } .love-wrap ul li .pic { overflow: hidden; } .love-wrap ul li:hover img { transform: scale(1); transform: translateY(-10px); box-shadow: 1px 3px 5px #999; } .phone-nav { position: absolute; font-size: 30px; right: 20px; line-height: 60px; display: none; color: #000; display: block; top: 0; } .brand-in { padding: 40px 0; } .brand-in .brand-in-wrap { width: 100%; } .brand-in .brand-in-wrap .brand-left { width: 100%; padding: 5% 4% 0 5%; margin: 0; } .brand-in .brand-in-wrap .brand-right { display: none; } .sycase { padding-top: 60px; } .sycase .sycase-wrap .sycase-title { top: 0; height: 70px; width: 240px; margin-left: -120px; } .sycase .sycase-wrap .sycase-title .sycase-txt { height: 50px; font-size: 20px; width: 220px; } .sycase .sycase-wrap ul li { width: 100%; } .sycase .sycase-wrap ul li .pic:after { padding-bottom: 32%; } .sycase .sycase-wrap ul li .case-zzc { display: none; } .flower-title span { font-size: 26px; margin: 0 15px; } .flower-title span em { font-size: 20px; } .flower-con ul li { width: 38%; margin-left: 20px; } .flower-con li:nth-child(2) { margin-right: 0; } .footer-nav .panel-footer .footer-left { float: none; width: 100%; padding-left: 1%; } .footer-nav .panel-footer .footer-left ul li a { margin: 0 15px; padding: 5px 3px; } .footer-nav .panel-footer .footer-right { width: 100%; float: left !important; } .footer-nav .panel-footer .footer-right .friend { width: 90%; } .pro-con .fenlei a { display: block; margin: 10px auto; width: 80%; } .pro-con ul li { width: 47%; } .case-wrap .case-con ul li:hover .case-zzch { opacity: 1; filter: alpha(opacity=100); } .proshow .prosleft { float: none !important; width: 70%; margin: 0 auto; } .proshow .prosleft .products-pic2 { display: block; } .proshow .prosleft .products-pic2 span.pic { display: block; } .proshow .prosleft .products-pic2 span.pic:after { padding-bottom: 70%; } .proshow .prosleft .products-pic2 .slick-dots { height: 15px; text-align: center; bottom: 10px; } .proshow .prosleft .products-pic2 .slick-dots li { width: 20px; float: none !important; display: inline-block; margin: 0; } .proshow .prosleft .products-pic2 .slick-dots li button { background: #999; } .proshow .prosleft .products-pic2 .slick-dots li.slick-active button { background: #dd0505; } .proshow .prosleft .products-pic-max { display: none; } .proshow .prosright { width: 90%; margin: 0 auto; float: none !important; } .proshow .prosright .products-pic-min { display: none; } .proshow .prosright .txt { height: auto; } .inquiry-con label input { width: 80%; } .inquiry-con label textarea { width: 785px; } .inquiry-con .sub { display: block; margin-top: 30px; } .inquiry-con .sub input { margin-left: 80px; } .inquiry-con label { margin-left: 30px; width: 93%; } .inquiry-con label.code-la { width: 93%; } .inquiry-con label.content-la { width: 93%; } .inquiry-con label input { width: 100%; } .inquiry-con label textarea { width: 100%; } .inquiry-con .sub { display: inline-block; margin-top: 30px; width: 46%; } .inquiry-con .sub input { margin-left: 30px; width: 100%; } .inquiry-con .reset { width: 46%; } .inquiry-con .reset input { width: 100%; margin: 10px 0 0 30px; } .up-down a { width: 100%; } .xgcp .xgcp-con { display: none; } .xgcp .phone-xgcp { display: block; } .xgcp ul { margin-top: 50px; } .xgcp ul li { width: 100%; } .xgcp .slick-prev { left: 50%; margin-left: -30px; } .xgcp .slick-next { right: 50%; margin-right: -30px; } .flower-tips .flowertips-con .flower-con ul li { width: 100%; height: 125px; padding: 0; margin: 20px 0; } .flower-tips .flowertips-con .flower-con ul li p { height: 25px; margin: 10px 0; } .flower-wuyu ul li { width: 45%; } .flower-wuyu ul li .pic { width: 100%; } .flower-wuyu ul li .pic:after { padding-bottom: 55%; } .flower-wuyu ul li .flowertxt { width: 100%; padding-bottom: 10px; } .flower-wuyu ul li .flowertxt a.flower-jt { margin-top: 0px; } .renews-con { margin-top: 40px; } .renews-con .slick-prev, .renews-con .slick-next { top: 10px; } .renews-con .slick-prev { left: 50%; margin-left: -30px; } .renews-con .slick-next { right: 50%; margin-right: -30px; } .xgcase .xgcase-con ul li .case-zzch { display: none; } .contactimg ul li { width: 20%; } .contact-con { height: 700px; } .contact-con ul { height: 300px; border-top: 1px solid #000; } .contact-con ul li { padding: 35px 20px 20px; width: 50%; border-left: 1px solid #000; border-bottom: 1px solid #000; } .contact-con ul li .pic:after { padding-bottom: 30%; } .contact-con ul li span { font-size: 16px; } .contact-con ul li em { font-size: 16px; } .job-title b.zhiwei { margin: 0 6.5% 0 0; } .job-title b.caozuo { margin-left: 10%; } .job-con b.zhiwei { margin: 0 0.5% 0 0%; width: 10%; } .job-con span.click { margin-left: 2%; } .mcon-left { display: none; } .mcon-right { float: none !important; margin: 0 auto; width: 75% !important; } .message-con .mcon-right label { width: 100%; } .message-con .mcon-right label em { right: 5px; } .message-con .mcon-right input { width: 100%; } .message-con .mcon-right textarea { width: 100%; } .message-con .mcon-right label.mcodela em { right: 59%; } .message-con .mcon-right .msub { width: 100%; margin: 0; } .about-visual-recommon { max-width: 100%; border: none; margin-bottom: 55px; } .about-visual-recommon .pics-1 { right: 50%; margin-right: -240px; width: 460px; height: 295px; } .pics2-1 { display: none; } .pics2-2 { display: none; } .about-visual-recommon .controller { top: auto; bottom: 90px; right: 50%; margin-right: -70px; } .about-visual-recommon .pics-1 .items { height: 289px; }}@media (max-width: 640px) { .container { width: 100%; } .container .logo { margin-left: 20px; } .container .nav { display: none; } .container .search { display: none; } .container .language { display: none; } .banner { width: 100%; } .banner .slick-prev, .banner .slick-next { width: 14px; height: 43px; margin-top: -21.5px; } .banner .slick-prev { background-position: left center; } .banner .slick-next { background-position: right center; } .love-wrap ul li { width: 50%; } .love-wrap ul li .pic { overflow: hidden; } .love-wrap ul li:hover img { transform: scale(1); transform: translateY(-10px); box-shadow: 1px 3px 5px #999; } .phone-nav { position: absolute; font-size: 30px; right: 20px; line-height: 60px; display: none; color: #000; display: block; top: 0; } .brand-in { padding: 40px 0; } .brand-in .brand-in-wrap { width: 100%; } .brand-in .brand-in-wrap .brand-left { width: 100%; padding: 5% 4% 0 5%; margin: 0; } .brand-in .brand-in-wrap .brand-right { display: none; } .sycase { padding-top: 60px; } .sycase .sycase-wrap .sycase-title { top: 0; height: 70px; width: 240px; margin-left: -120px; } .sycase .sycase-wrap .sycase-title .sycase-txt { height: 50px; font-size: 20px; width: 220px; } .sycase .sycase-wrap ul li { width: 100%; } .sycase .sycase-wrap ul li .pic:after { padding-bottom: 32%; } .sycase .sycase-wrap ul li .case-zzc { display: none; } .flower-title span { font-size: 22px; margin: 0 10px; } .flower-title span em { font-size: 16px; } .flower-con ul li { width: 80%; margin: 0 auto; float: none; } .flower-con li.last { margin-right: auto; } .footer-nav .panel-footer .footer-left { float: none; width: 100%; padding-left: 1%; } .footer-nav .panel-footer .footer-left ul li a { margin: 0 5px; padding: 5px 7px; } .footer-nav .panel-footer .footer-right { width: 100%; float: left !important; } .footer-nav .panel-footer .footer-right .friend { width: 90%; } .pro-con .fenlei a { display: block; margin: 10px auto; width: 80%; } .pro-con ul li { width: 47%; } .case-wrap .case-con ul li:hover .case-zzch { opacity: 1; filter: alpha(opacity=100); } .proshow .prosleft { float: none !important; width: 70%; margin: 0 auto; } .proshow .prosleft .products-pic2 { display: block; } .proshow .prosleft .products-pic2 span.pic { display: block; } .proshow .prosleft .products-pic2 span.pic:after { padding-bottom: 70%; } .proshow .prosleft .products-pic2 .slick-dots { height: 15px; text-align: center; bottom: 10px; } .proshow .prosleft .products-pic2 .slick-dots li { width: 20px; float: none !important; display: inline-block; margin: 0; } .proshow .prosleft .products-pic2 .slick-dots li button { background: #999; } .proshow .prosleft .products-pic2 .slick-dots li.slick-active button { background: #dd0505; } .proshow .prosleft .products-pic-max { display: none; } .proshow .prosright { width: 90%; margin: 0 auto; float: none !important; } .proshow .prosright .products-pic-min { display: none; } .proshow .prosright .txt { height: auto; } .inquiry-con label { margin-left: 30px; width: 90%; } .inquiry-con label.code-la { width: 90%; } .inquiry-con label.content-la { width: 90%; } .inquiry-con label input { width: 100%; } .inquiry-con label textarea { width: 100%; } .inquiry-con .sub { display: inline-block; margin-top: 30px; width: 45%; } .inquiry-con .sub input { margin-left: 30px; width: 100%; } .inquiry-con .reset { width: 45%; } .inquiry-con .reset input { width: 100%; margin: 10px 0 0 30px; } .up-down a { width: 100%; } .xgcp .xgcp-con { display: none; } .xgcp .phone-xgcp { display: block; } .xgcp ul { margin-top: 50px; } .xgcp ul li { width: 100%; } .xgcp .slick-prev { left: 50%; margin-left: -30px; } .xgcp .slick-next { right: 50%; margin-right: -30px; } .flower-tips .flowertips-con .flower-con ul li { width: 100%; height: 125px; padding: 0; margin: 20px 0; } .flower-tips .flowertips-con .flower-con ul li p { height: 25px; margin: 10px 0; } .flower-wuyu ul li { width: 43.5%; } .flower-wuyu ul li .pic { width: 100%; } .flower-wuyu ul li .pic:after { padding-bottom: 55%; } .flower-wuyu ul li .flowertxt { width: 100%; padding-bottom: 10px; } .flower-wuyu ul li .flowertxt a.flower-jt { margin-top: 0px; } .renews-con { margin-top: 40px; } .renews-con .slick-prev, .renews-con .slick-next { top: 10px; } .renews-con .slick-prev { left: 50%; margin-left: -30px; } .renews-con .slick-next { right: 50%; margin-right: -30px; } .fshow-con .fshowimg .pic { width: 100%; } .xgcase .xgcase-con ul li .case-zzch { display: none; } .contactimg ul li { width: 27%; } .contact-con { height: 700px; } .contact-con ul { height: 300px; border-top: 1px solid #000; } .contact-con ul li { padding: 35px 20px 20px; width: 50%; border-left: 1px solid #000; border-bottom: 1px solid #000; } .contact-con ul li .pic:after { padding-bottom: 30%; } .contact-con ul li span { font-size: 16px; } .contact-con ul li em { font-size: 14px; } .job-title b.zhiwei { margin: 0 6.5% 0 0; } .jobbumen { display: none; } .job .date { display: none; } .job-title b.caozuo { margin-left: 12%; } .job-con b.zhiwei { margin: 0 0.5% 0 0%; width: 30%; } .job-con span.click { margin-left: 16%; } .job-title b.jobadd { margin: 0 10% 0 17%; } .job-con span.jobadd { margin: 0 10% 0 6.5%; } .mcon-left { display: none; } .mcon-right { float: none !important; margin: 0 auto; width: 80% !important; } .message-con .mcon-right label { width: 100%; } .message-con .mcon-right label em { right: 5px; } .message-con .mcon-right input { width: 100%; } .message-con .mcon-right textarea { width: 100%; } .message-con .mcon-right label.mcodela em { right: 50%; } .message-con .mcon-right .msub { width: 100%; margin: 0; } .about-visual-recommon { max-width: 100%; border: none; margin-bottom: 55px; } .about-visual-recommon .pics-1 { right: 50%; margin-right: -230px; width: 460px; height: 295px; } .pics2-1 { display: none; } .pics2-2 { display: none; } .about-visual-recommon .controller { top: auto; bottom: 90px; right: 50%; margin-right: -70px; } .about-visual-recommon .pics-1 .items { height: 289px; }}@media (max-width: 480px) and (min-width: 320px) { .container { width: 100%; } .container .logo { margin-left: 20px; font-size: 20px; line-height: 20px; } .container .nav { display: none; } .container .search { display: none; } .container .language { display: none; } .banner { width: 100%; margin-top: 20px; } .banner .slick-prev, .banner .slick-next { width: 14px; height: 43px; margin-top: -21.5px; } .banner .slick-prev { background-position: left center; } .banner .slick-next { background-position: right center; } .love-wrap ul li { width: 50%; } .love-wrap ul li .pic { overflow: hidden; } .love-wrap ul li:hover img { transform: scale(1); transform: translateY(-10px); box-shadow: 1px 3px 5px #999; } .phone-nav { position: absolute; font-size: 30px; right: 20px; line-height: 60px; display: none; color: #000; display: block; top: 0; } .brand-in { padding: 40px 0; } .brand-in .brand-in-wrap { width: 100%; } .brand-in .brand-in-wrap .brand-left { width: 100%; padding: 5% 4% 0 5%; margin: 0; } .brand-in .brand-in-wrap .brand-right { display: none; } .sycase { padding-top: 50px; } .sycase .sycase-wrap .sycase-title { top: 0; height: 70px; width: 240px; margin-left: -120px; } .sycase .sycase-wrap .sycase-title .sycase-txt { height: 50px; font-size: 20px; width: 220px; } .sycase .sycase-wrap ul li { width: 100%; } .sycase .sycase-wrap ul li .pic:after { padding-bottom: 32%; } .sycase .sycase-wrap ul li .case-zzc { display: none; } .flower-title span { font-size: 16px; margin: 0 0; } .flower-title span em { font-size: 16px; } .flower-con ul li { width: 80%; margin: 0 auto; float: none; } .flower-con li.last { margin-right: auto; } .footer-nav .panel-footer .footer-left { float: none; width: 100%; padding-left: 1%; } .footer-nav .panel-footer .footer-left ul li { line-height: 80px; } .footer-nav .panel-footer .footer-left ul li a { margin: 0 2px; padding: 5px 0px; font-size: 12px; } .footer-nav .panel-footer .footer-right { width: 100%; float: left !important; } .footer-nav .panel-footer .footer-right .friend { width: 90%; } .brand-con b { font-size: 16px; } .brand-con span { font-size: 16px; line-height: 28px; } .pro-title p { width: 100%; text-align: center; } .pro-con .fenlei a { display: block; margin: 10px auto; width: 80%; } .pro-con ul li { width: 46%; } .page a { margin: 5px 0; display: inline-block; } .case-wrap .case-con ul li:hover .case-zzch { opacity: 1; filter: alpha(opacity=100); } .proshow .prosleft { float: none !important; width: 90%; margin: 0 auto; } .proshow .prosleft .products-pic2 { display: block; } .proshow .prosleft .products-pic2 span.pic { display: block; } .proshow .prosleft .products-pic2 span.pic:after { padding-bottom: 70%; } .proshow .prosleft .products-pic2 .slick-dots { height: 15px; text-align: center; bottom: 10px; } .proshow .prosleft .products-pic2 .slick-dots li { width: 20px; float: none !important; display: inline-block; margin: 0; } .proshow .prosleft .products-pic2 .slick-dots li button { background: #999; } .proshow .prosleft .products-pic2 .slick-dots li.slick-active button { background: #dd0505; } .proshow .prosleft .products-pic-max { display: none; } .proshow .prosright { width: 90%; margin: 0 auto; float: none !important; } .proshow .prosright h3 { font-size: 22px; line-height: 60px; } .proshow .prosright .products-pic-min { display: none; } .proshow .prosright .txt { height: auto; } .inquiry-con label { margin-left: 30px; width: 85%; } .inquiry-con label.code-la { width: 85%; } .inquiry-con label.content-la { width: 85%; } .inquiry-con label input { width: 100%; } .inquiry-con label textarea { width: 100%; } .inquiry-con .sub { display: inline-block; margin-top: 30px; width: 130px; } .inquiry-con .sub input { margin-left: 30px; } .inquiry-con .reset { width: 130px; } .inquiry-con .reset input { margin: 10px 0 0 30px; } .up-down a { width: 100%; } .xgcp .xgcp-con { display: none; } .xgcp .phone-xgcp { display: block; } .xgcp ul { margin-top: 50px; } .xgcp ul li { width: 100%; } .xgcp .slick-prev { left: 50%; margin-left: -30px; } .xgcp .slick-next { right: 50%; margin-right: -30px; } .case-wrap .case-con .case-zzch { width: 110px; height: 40px; font-size: 16px; margin-top: -20px; margin-left: -55px; line-height: 40px; } .contact-con { height: 560px; } .contact-con ul { border: none; border-top: 1px solid #000; } .contact-con ul li { height: 78%; padding: 35px 0 20px; } .contact-con ul li em { font-size: 12px; } .message-con .mcon-right input { margin-right: 0; } .messageh h2 { font-size: 18px; } .messageh span { font-size: 14px; } .message-con .mcon-right label.mcodela em { right: 37%; } .job-title b.zhiwei { margin: 0 -3.5% 0 0; } .job-con b.zhiwei { height: 60px; display: inline-block; overflow: hidden; line-height: 100px; } .flower-tips .flowertips-con .flower-con ul li { width: 100%; height: 125px; padding: 0; margin: 20px 0; } .flower-tips .flowertips-con .flower-con ul li p { height: 25px; margin: 10px 0; } .flower-tips .flowerh { width: 100%; } .flower-wuyu ul li { width: 96%; } .flower-wuyu ul li .pic { width: 100%; } .flower-wuyu ul li .pic:after { padding-bottom: 55%; } .flower-wuyu ul li .flowertxt a { height: 54px; } .flower-wuyu ul li .flowertxt { width: 100%; padding-bottom: 10px; } .flower-wuyu ul li .flowertxt a.flower-jt { margin-top: 0px; } .fshow-title h1 { font-size: 18px; line-height: 35px; } .fshow-title div span { font-size: 12px; margin: 0 3px; } .renews-con { margin-top: 40px; } .renews-con .slick-prev, .renews-con .slick-next { top: 10px; } .renews-con .slick-prev { left: 50%; margin-left: -30px; } .renews-con .slick-next { right: 50%; margin-right: -30px; } .about-visual-recommon { max-width: 100%; border: none; margin-bottom: 0; height: 171px; } .about-visual-recommon .pics-1 { right: 50%; margin-right: -160px; width: 320px; height: 207px; } .pics2-1 { display: none; } .pics2-2 { display: none; } .about-visual-recommon .controller { top: auto; bottom: 90px; right: 50%; margin-right: -70px; } .about-visual-recommon .pics-1 .items { height: 202px; }}/*# sourceMappingURL=style.css.map */