/*Top002374*/ .Top002374{ position:absolute; width:100%; left:0; top:0; z-index:100; padding:0 5%; background: rgba(0,0,0,.8); } @media(max-width:1360px){ .Top002374{ padding:0 2%;} } @media(min-width:1025px){ .Top002374_subbg .header{ position:relative; z-index:2;} .Top002374::before{ position:absolute; content:''; width:100%;height:0; transition:height 0.3s;background: rgba(0,0,0,.8); left:0; top:105px; z-index:1; display: none;} .Top002374_subbg::before{height:45px; } .Top002374 .header-menu li.has-sub .sub{ opacity:0; transition:opacity 0.3s 0.3s;} .Top002374 .header-menu li.has-sub.aon .sub, .Top002374 .header-menu li.has-sub.aon2 .sub{ opacity:1;} .Top002374 .header{ height: 105px;} } .Top002374 .header-left{ float:left; width:20%;} .Top002374 .logo{ position:absolute; left:0; top:50%; transform:translateY(-50%);} .Top002374 .header-right{ float:right; z-index:999; position:relative; margin-left:2%;} @media(min-width:1025px){ .Top002374 .header-left{ position:relative;height:105px;} .Top002374 .header-mid{ float:right;} .Top002374 .header-mid{ width:60%; max-width:590px;} .Top002374 .header-right{ padding-top:42px;} .header-menu li{ position: inherit; width: auto!important; padding-right: 7%;} .Top002374 .header-mid{ position: relative;} .Top002374 .header-menu li#m2 .sub{ left: -18px;} .Top002374 .header-menu li#m8 .sub{ left: 125px;} .Top002374 .header-menu li#m13 .sub{ left: 80px;} .Top002374 .header-menu li#m14 .sub{ left: 225px;} .Top002374 .header-menu li#m15 .sub{ left: 415px;} } .Top002374 .header-menu li a{ transition:0.3s;} .Top002374 .header-menu li em{ line-height:105px; font-size:20px; text-align:left;} .Top002374 .header-menu li em a{ color:#c8a05a; text-align:center; font-size:16px;} .Top002374 .header-menu li em a:hover, .Top002374 .header-menu li.aon em a, .Top002374 .header-menu li.aon2 em a{ color:#fff;} .Top002374 .no-fullbground .sub{ background:none;} .Top002374 .header-menu li .sub dt a{ color:#fff; line-height:normal;} .Top002374 .header-menu li .sub dt a::before{ display:inline-block; content:''; width:3px; height:3px; background:#666; border-radius:50%; vertical-align:middle; margin-right:5px;} .Top002374 .header-menu li .sub dt a:hover{ background:none; color:#fff000;} .Top002374 .header-menu li .sub dt a:hover::before{background:#fff000;} .Top002374 .header-right dd{ float:left; font-size:16px;} .Top002374 .top-search{ position:relative; margin-left:20px;} .Top002374 .top-language, .Top002374 .top-language a{ color:#c8a05a;} .Top002374 .top-language a:hover, .Top002374 .top-language a.on{ color:#fff;} .Top002374 .open-search{ color:#fff; font-size:21px; padding:0 15px;} .Top002374 .search-box{ position:absolute; top:100%; right:0; padding-top:7px; width:260px; display:none; overflow:hidden; height:46px;} .Top002374 .search-box .text{ width:100%; border:none; height:39px; line-height:39px; padding:0 40px 0 10px; color:#999;} .Top002374 .search-box .btn{ position:absolute; right:0; top:7px; height:39px; width:39px; background:url(../images/Top002374-icon.png) no-repeat center center;} .Top002374 .search-box .btn:after{ position:absolute; content:''; border:6px solid transparent; border-bottom-color:#fff; left:50%; margin-left:-6px; top:-12px;} @media(max-width:1024px){ .Top002374 .header{ position:relative; padding:2% 0;} .Top002374 .header-right{line-height:28px;height:60px; display:table; } .Top002374 .header-right dd{ display:table-cell; vertical-align:middle;float:none;} .Top002374 .top-search{ margin-left:0;} .Top002374 #header-menu{ position:fixed; left:-100%; top:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.5); opacity:0; transition:opacity 0.3s;} .Top002374 #header-menu.header-menu-show{ opacity:1; left:0;} .Top002374 #header-menu ul{width:60%; max-width:280px;background:#000;height:100%; overflow:auto; max-height:100%; transform:translateX(-100%);transition:0.3s 0.3s;} .Top002374 #header-menu.header-menu-show ul{ transform:translateX(0);} .Top002374 #header-menu li a{ color:#fff; line-height:35px; padding:0 5%;} .Top002374 #header-menu li a:hover{ color:#fff000;} .Top002374 #header-menu li em{ display:block; border-bottom:1px solid rgba(255,255,255,0.5); font-size:16px; padding:2% 0;} .Top002374 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.2);} .Top002374 #header-menu li dt{ float:left; width:50%;} .Top002374 #header-menu li dt a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .Top002374 #header-menu li dt a::before{ display:inline-block; content:''; width:4px; height:4px; margin-right:5px; background:#fff; vertical-align:middle;} .Top002374 #open_menu{width:36px; height:28px; position:relative; z-index:101;} .Top002374 #open_menu i, .Top002374 #open_menu::before, .Top002374 #open_menu::after{ position:absolute; left:0; width:100%;height:3px; background:#fff;} .Top002374 #open_menu i{ top:50%; margin-top:-1.5px;} .Top002374 #open_menu::before, .Top002374 #open_menu::after{content:'';} .Top002374 #open_menu::before{ top:3px;} .Top002374 #open_menu::after{ bottom:3px;} .Top002374 #open_menu.open_menu_on i{ background:transparent;} .Top002374 #open_menu.open_menu_on::before, .Top002374 #open_menu.open_menu_on::after{ background:#fff; bottom:auto; top:50%; transform:rotate(45deg);} .Top002374 #open_menu.open_menu_on::after{transform:rotate(-45deg);} } /*Banner002511 */ .Banner002511 .bx-wrapper{ position:relative; z-index:1; text-align: center;} .Banner002511 .bx-viewport{ z-index:1;} .Banner002511 .bx-pager{ position:absolute; left:0; width:100%; bottom:5%; text-align:center; z-index:10;} .Banner002511 .bx-pager div{ display:inline-block; position:relative;} .Banner002511 .bx-pager div::before{ width:12px; height:12px; position:absolute; content:''; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff;border-radius:50%;} .Banner002511 .bx-pager a{ display:block; border-radius:50%; border:1px solid transparent; width:55px; height:55px; overflow:hidden; line-height:1000px;} .Banner002511 .bx-pager a.active{ border-color:#fff;} @media(max-width:640px){ .Banner002511 .bx-pager a{ width:30px; height:30px; } } /* .Floor002375 为demo编号 */ .Floor002375{ padding: 30px 0 60px; margin-bottom: -30px; background-size: auto 100%; background-color: #2d2d2d;} .Floor002375 .auto{ padding: 0 2%;} .Floor002375 .pic{} .Floor002375 .word .tit{ margin: 0; color: #c8a05a; font-size: 20px; font-weight: normal; line-height: 32px;} .Floor002375 .word .tit:after{ content: ""; display: block; max-width: 43px; width: 20%; height: 3px; background: #c8a05a; margin: 25px 0;} .Floor002375 .word .tit em{ font-style: normal; font-size: 32px; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;} .Floor002375 .word figure{ font-size: 14px; line-height: 1.8;} .Floor002375 .word .more{ width: 187px; height: 50px; line-height: 26px; border: 2px solid #aeaeae; font-size: 16px; color: #666; display: block; padding: 10px 20px; position: relative; margin-top: 8%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .Floor002375 .word .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #c8a05a; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002375 .word .more span{ position: relative; z-index: 3; display: block;color: #fff;} .Floor002375 .word .more i{ position: absolute; font-family: 宋体; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600;} .Floor002375 .word .more:hover{ color: #fff; border-color: #c8a05a;} .Floor002375 .word .more:hover:before{ width: 100%; } @media only screen and (max-width:767px ) { .Floor002375 .word .tit{ text-align: center;} .Floor002375 .word .tit:after,.Floor002375 .word .more{ margin-left: auto; margin-right: auto;} .Floor002375 .word .more{ height: 40px; line-height: 17px;} .Floor002375 .word .more i{ margin-top: -8px;} } @media only screen and (min-width:768px ) { .Floor002375{ padding: 40px 0 70px;} .Floor002375 .pic{ float: left; width: 38%;} .Floor002375 .word{ float: right; width: 42.5%; margin-right:2%;} .Floor002375 .word .tit{font-size: 24px; line-height: 42px;} .Floor002375 .word .tit em{ font-size: 42px; top: 10px;padding-right: 30px;} .Floor002375 .word figure{ font-size: 15px; line-height: 30px;color: #f5f5f5; } } @media only screen and (min-width:1024px ) { .Floor002375{ padding: 50px 0 80px;} .Floor002375 .word .tit{font-size: 26px; line-height: 48px;} .Floor002375 .word .tit:after{ margin: 35px 0;} .Floor002375 .word .tit em{ font-size: 48px;} } @media only screen and (min-width:1280px ) { .Floor002375{ padding: 70px 0 100px;} .Floor002375 .word .tit{font-size: 28px; line-height: 54px; color:#c8a05a; } .Floor002375 .word .tit:after{ margin: 45px 0;} .Floor002375 .word .tit em{ font-size: 54px; } } @media only screen and (min-width:1440px ) { .Floor002375{ padding: 90px 0 80px;} .Floor002375 .word .tit{font-size: 30px; line-height: 60px;} .Floor002375 .word .tit:after{ margin: 55px 0;} .Floor002375 .word .tit em{ font-size: 60px; } .Floor002375 .word figure{ font-size:18px; min-height:300px;} } /* .Floor002491 为demo编号 */ .Floor002491{ width: 100%; position: relative; z-index:9; padding-bottom: 3%; background-color: #2d2d2d; margin: 0 auto; max-width: 1920px;} .Floor002491 .wrap-container{ margin: 0 auto;} @media (max-width: 1230px) { .Floor002491 .wrap-container{ padding: 0 15px; max-width: 1230px;} } .Floor002491 .maintit{display: block; padding: 30px 0 20px; width: 80%; margin: 0 auto; text-align: center;font-size: 22px; font-weight: normal; color: #c8a05a; line-height: 1;} @media (min-width:1000px ) { .Floor002491 .maintit{font-size: 34px; padding:20px 0 37px;} } .Floor002491 ul * { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .Floor002491 ul li{ width: 25%;float: left; height: 200px; background-position: 0 0; position: relative; background-size: cover; background-repeat: no-repeat; border-radius: 20px 0; position: relative;overflow: hidden; } .Floor002491 ul li a{display: block; color: #c8a05a;position: absolute; width: 100%;height: 100%;left: 0;bottom: 0; } .Floor002491 ul li a .txt{display: none;} .Floor002491 ul li a .txtBox .h3{text-align: center; font-size: 14px; font-weight: normal; margin:10px 0;} .Floor002491 ul li a .icon{max-width: 50%; text-align: center; margin: 0 auto;} .Floor002491 ul li .liBox{ position: relative; width: 100%;height: 100%;overflow: hidden; } .Floor002491 ul li .liBox .liCon{position: absolute; width: 100%;bottom: 10px;} .Floor002491 ul li.li1 .liBox{background: rgba(0,0,0,0.6); } .Floor002491 ul li.li2 .liBox{background: rgba(200,160,90,.8); } .Floor002491 ul li.li3 .liBox{background: rgba(200,160,90,.8); } .Floor002491 ul li.li4 .liBox{background: rgba(200,160,90,.8); } .li3box{background: rgba(200,160,90,.8)!important; } .Floor002491 ul li.on a{ color: #fff;} @media screen and (min-width:768px ){ .Floor002491 ul li{ width: 25%;float: left; height: 400px;} .Floor002491 ul li a .txtBox .h3{font-size: 18px;} } @media screen and (min-width:1000px ){ .Floor002491 ul li{height: 455px; width: 15%;} .Floor002491 ul li.on{width:55%; } .Floor002491 ul li.on a{ width: 40%; height: auto; border-radius: 0 20px 0 0; overflow: hidden; } .Floor002491 ul li.on .liBox .liCon{position:relative; height: 100%; padding:12px 30px 12px 20px; background: url(../images/Floor002491-more.png) no-repeat 98% center;} .Floor002491 ul li.on .liBox .liCon .icon{position: absolute; left: 0;top: 50%; width: 100px; height: 75px;margin-top: -37.5px; } .Floor002491 ul li.on .liBox .liCon .txt{display: block;} .Floor002491 ul li.on a .txtBox .h3{text-align: left;} .Floor002491 ul li.on a .txtBox{/*position: relative; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);*/} } .page_3 .maintit{display: block; width: 80%; margin: 0 auto; text-align: center; font-weight: normal; color: #c8a05a; line-height: 1;font-size: 34px; padding: 20px 0 37px; border-bottom: solid 1px #c8a05a; margin-bottom: 3%;letter-spacing:5px;} .page_3 .auto { padding: 0 2%;} .page_3 ul li{ width: 15%; float: left; text-align: center; margin: 5%; overflow: hidden; transition: 0.3s;} .page_3 ul li .pic{-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%; border-radius:50%;transition: 0.3s; overflow: hidden;} .page_3 ul li img{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .page_3 ul li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); -webkit-transform:scale(1.1);-o-transform:scale(1.1);} .page_3 ul li p{color: #c8a05a;font-size: 34px;} .page_3 ul li a{ position: relative; z-index: 99;} @media only screen and (max-width:768px ) { .page_3 .maintit{ font-size: 19px;} .page_3 ul li p{ font-size: 18px;} } @media only screen and (max-width:480px ) { .page_3 ul li{ width: 50%; margin: 0;box-sizing: border-box;padding: 0 30px;margin-bottom: 3%;} } /* .Banner002388 为demo编号 */ .Banner002388{ overflow: hidden;} .Banner002388 img{ position: relative;width: 100%;} @media only screen and (max-width:1024px ) { .Banner002388 img{ width: 130%; left: -15%; max-width: none;} } @media only screen and (max-width:768px ) { .Banner002388 img{ width: 150%; left: -25%;} } @media only screen and (max-width:480px ) { .Banner002388 img{ width: 190%; left: -45%;} } /* .Floor002376 为demo编号 */ .Floor002376 .auto{ padding: 2% 5% 2% 5%;} .Floor002376{ padding:0; background-color: #2d2d2d;} .Floor002376 .wrap-head{ position: relative;} .Floor002376 .wrap-head h1{ margin: 0; color: #666; font-size: 20px; font-weight: normal; line-height: 32px;} .Floor002376 .wrap-head h1 em{ font-style: normal; font-size: 32px; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;} .Floor002376 .wrap-head .more{ width: 160px; height: 40px; line-height: 40px; display: block; position: absolute; top: 50%; right: 0; padding: 0 25px; font-size: 16px; color: #fff; border-radius: 15px; background: #c8a05a; text-align: center; margin: 0 45% 0 55%;} .Floor002376 .wrap-head .more i{ position: absolute; right: 25px; top: 0; font-style: normal; font-family: 宋体; font-weight: 600;} .Floor002376 .wrap-container{ padding-top: 25px;} .Floor002376 .item .item-inner{ position: relative; padding-top: 60%;} .Floor002376 .item .pic{ position: absolute; top: 0; left: 0; width: 100%; text-align: center;} .Floor002376 .item .word{ border-bottom: 10px solid #f0f0f0;} .Floor002376 .item .word-inner{ max-width: 525px;} .Floor002376 .item time{ font-size: 14px; color: #666; display: block; position: relative; padding-left: 25px;} .Floor002376 .item time:before{ content: "\e700"; font-family:"iconfont" !important; font-size: 16px; color: #aaa; position: absolute; left: 0; top: 1px;} .Floor002376 .item h3{ font-weight: normal; font-size: 16px; margin: 5% 0; overflow: hidden; line-height: 30px; height: 60px;} .Floor002376 .item h3 a{ color: #333;} .Floor002376 .item h3 a:hover{ color: #000;} .Floor002376 .item figure{ font-size: 14px; line-height: 24px; color: #999; height: 48px; overflow: hidden;} @media only screen and (max-width:767px ) { .Floor002376{ position: relative; padding-bottom: 50px; margin-bottom: 20px;} .Floor002376 .item{ max-width: 503px; margin: 0 auto;} .Floor002376 .item+.item{ padding-top: 20px;} .Floor002376 .wrap-head{position: static; text-align: center;} .Floor002376 .wrap-head .more{ left: 50%; bottom: 0; top: auto; margin-left: -80px;} .Floor002376 .item .word{ padding: 8% 7%;} } @media only screen and (min-width:768px ) { .Floor002376 .wrap-head h1{font-size: 24px; line-height: 42px;} .Floor002376 .wrap-head h1 em{ font-size: 42px; top: 10px;padding-right: 30px;} .Floor002376 .wrap-container{ margin: 0 -2.7%; padding-top: 39px;} .Floor002376 .item{ float: left; width: 33.3334%; padding: 0 2.7%;} .Floor002376 .item .pic{min-height:36%;} .Floor002376 .item .word-inner{ padding: 15% 7% 13%; } .Floor002376 .item h3{font-size: 18px; } .Floor002376 .item.odd .item-inner{ padding-bottom: 60%; padding-top: 0;} .Floor002376 .item.odd .pic{ top: auto; bottom: 0;} .Floor002376 .item.odd .word{ border-top: 10px solid #f0f0f0; border-bottom: none;} .Floor002376 .item .pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} } @media only screen and (min-width:1024px ) { .Floor002376 .wrap-head h1{font-size: 26px; line-height: 48px;} .Floor002376 .wrap-head h1 em{ font-size: 48px;} .Floor002376 .item .pic{ min-height: 44%;} .Floor002376 .item .item-inner{ padding-top: 62%;} .Floor002376 .item.odd .item-inner{ padding-bottom: 62%;} } @media only screen and (min-width:1280px ) { .Floor002376 .wrap-head h1{font-size: 28px; line-height: 54px;} .Floor002376 .wrap-head h1 em{ font-size: 54px; } } @media only screen and (min-width:1440px ) { .Floor002376 .wrap-head h1{font-size: 34px; line-height: 60px; color: #0a0404;} .Floor002376 .wrap-head h1 em{ font-size: 60px; } .Floor002376 .item .pic{min-height: 50%;} } /* .Bottom002400 为demo编号 */ .Bottom002400{ background: url(../images/Bottom002400-footer_bg.png) left top #2a2a2a; clear: both; } .Bottom002400 .auto{ margin: 0 auto; max-width: 1880px; position: relative; padding: 2% 1% 0 1%; background: url(../images/Bottom002400-footer_bg.png) left top #2a2a2a; } @media only screen and (max-width:1470px ) { .Bottom002400>*{ padding-right: 15px; padding-left: 15px;} } .Bottom002400 .bottom,.Bottom002400 .bottom a{ color: #999;} .Bottom002400 .bottom a:hover{ color: #c8a05a;} .Bottom002400 .bottom{ padding-top: 0;} .Bottom002400 nav{ overflow: hidden;} .Bottom002400 nav ul{ margin: 0 -2%;} .Bottom002400 nav li{ float: left; width: 20%; padding: 0 5%;} .Bottom002400 nav li h3{ font-weight: normal; font-size: 16px; color: #fff; border-bottom: 1px solid #d2d2d2; position: relative; padding-bottom: 30px; margin:0 0 30px 0 ; text-align: center;} .Bottom002400 nav li h3:after{ content: ""; display: block; position: absolute; bottom: -1px; left: 50%; width: 22px; height:3px; margin-left: -10px; background: #c8a05a;} .Bottom002400 nav li dl dd{ font-size: 14px; padding: 10px 0; text-align: center;} @media only screen and (max-width:767px ) { .Bottom002400 .bottom nav{ display: none;} } .Bottom002400 .bot{ text-align: center; padding: 3% 0;} .Bottom002400 .bot p{ margin: 15px 0 0;} .Bottom002400 footer,.Bottom002400 footer a{ color: #5b5b5b;} .Bottom002400 footer a:hover{ color: #fff;} .Bottom002400 footer{ background: url(../images/Bottom002400-footer_bg.png) left top #2a2a2a; border-top: 2px solid #c8a05a; padding-top: 3%;padding-bottom: 3%; } .Bottom002400 footer .links a+a{ margin-left: 20px; position: relative;} .Bottom002400 footer .links a+a:before{ content: "";position: absolute; left: -10px; top: 30%; height: 50%; width: 1px; background: #5b5b5b; } .Bottom002400 footer .copyright{ margin-top: 10px;} .Bottom002400 footer .share{ position: absolute; right: 0; top: 50%; margin-top: -22px;} .Bottom002400 footer .share a{ width: 44px; height: 44px; display: inline-block; border-radius: 50%; border: 1px solid #3b3b3b; text-align: center; line-height: 44px; font-size: 20px;color: #8c8c8c;} .Bottom002400 footer .share a+a{ margin-left: 20px;} .Bottom002400 footer .share a span{ font-size: 24px; } .Bottom002400 footer .share a:hover{ color: #fff;} .Bottom002400 footer .share a.Gotop{ background: #c8a05a; color: #fff; cursor: pointer;} @media only screen and (max-width:767px ) { .Bottom002400 footer{ text-align: center;} .Bottom002400 footer .share{ position: static; margin: 15px 0 0;} } .jiathis_style .jiadiv_01{ width: 120px !important;} .Bottom002400 footer .share a{ padding-left:0 !important; background:none; font-size:24px;} .bd_weixin_popup{ width:260px !important; height:320px !important;} .bdshare_popup_box{ display:none !important;} /* .Menu002272 为demo编号 */ .Menu002272{ position:relative; z-index:99;} .Menu002272 .nav-menu{border-bottom: 1px solid #c8a05a;} .Menu002272 .nav-menu ul{display: none;} .Menu002272 .current{padding-left: 25px;background: url(../images/Menu002272-icon.png) no-repeat left center;} .Menu002272 .current a{font-size: 14px;color: #c8a05a;padding: 0 13px 0 10px; position: relative; line-height: 45px;} .Menu002272 .current a:after{ content: "·"; position: absolute; top: 0; right: 0; line-height: 20px; height: 20px; color: #c8a05a;} .Menu002272 .current a:first-child{padding-left: 0;} .Menu002272 .current a:hover{color: #fff;} .Menu002272 .current span{padding-left: 10px; color: #c8a05a;} .Menu002272 .nav-menu ul li > a{color: #c8a05a;} .Menu002272 .nav-menu ul li .dl_h{ line-height: 30px; height: 30px;} .Menu002272 .nav-menu ul li .dl_h a{ display: block;} @media screen and (min-width:768px ) { .Menu002272 .nav-menu ul{display: block;float: left;} .Menu002272 .nav-menu ul li{float: left;line-height: 60px;margin: 0 2px;padding: 0 3px; position: relative;} .Menu002272 .nav-menu ul li:after{ content:''; width: 1px;height: 30px; background: #c8a05a; position: absolute; top: 22px; left: 0;} .Menu002272 .nav-menu ul li:last-child:before{ content:''; width: 1px;height: 30px; background: #c8a05a; position: absolute; top: 22px; right: 0;} .Menu002272 .nav-menu ul li:first-child{margin-left: 0;} .Menu002272 .nav-menu ul li:hover a, .Menu002272 .nav-menu ul li.on a{color: #fff;} .Menu002272 .nav-menu .location{float: right;} .Menu002272 .current a{line-height: 60px;} } @media screen and (min-width:1024px ) { .Menu002272 .nav-menu ul li{padding: 0 12px;margin: 0 6px;} } @media screen and (min-width:1200px ) { .Menu002272 .nav-menu ul li{line-height: 73px;font-weight: 700; font-size: 18px;} .Menu002272 .current a{line-height: 73px;font-weight: 700;} .Menu002272 .current span{font-weight: 700;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ max-width:1200px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#815122; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } /* .PicList002497 为demo编号 */ .PicList002497{ background: #3c4a56;} .PicList002497 .auto_1600 { max-width: 1600px; background: #fff;} .PicList002497 .maintit{display: block; padding: 30px 0; width: 100%; text-align: center; margin: 0; font-size: 22px; font-weight: normal; color: #1361a7; line-height: 1;} .PicList002497 .maintit i{ display: inline-block; background: url(../images/PicList002497-titlebg.png) no-repeat center; width:20px; height: 20px; } @media (min-width:1000px ) { .PicList002497 .maintit{ position: relative; top:-46px; z-index:6;font-size: 34px; margin: 0; padding-top: 0;} } .PicList002497 .wrap-container{ margin: 0 auto; max-width: 1200px;} @media (max-width: 1230px) { .PicList002497 .wrap-container{ padding: 0 15px; max-width: 1230px;} } .PicList002497 .List *{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .PicList002497 .List ul li { padding-top: 100%;position: relative;width: 100%;margin-top: -1px; border:1px solid #eee;} .PicList002497 .List ul li a { display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;} .PicList002497 .List ul li .imgBox {height: 100%;position: relative;width: 100%;} .PicList002497 .List ul li .imgWrap { left: 50%; position: absolute;top: 50%;transform: translate(-50%, -50%); width: 100%;} .PicList002497 .List ul li .txtCon{padding: 20px;} .PicList002497 .List ul li a .img {display: block;height: 75px; position: relative;} .PicList002497 .List ul li a .img img {max-height: 90%;} .PicList002497 .List ul li a .img img.img02{ position: absolute; left: 0;top: 0;opacity: 0; } .PicList002497 .List ul li a .txt {display: block; width: 100%; color: #666; font-size: 14px;} .PicList002497 .List ul li a .h3{font-size: #333;font-size: 18px;font-weight: normal;margin: 10px 0;} .PicList002497 .List ul li a .more{display: block; font-size: 14px; width: 100px;padding-left: 15px;height: 30px;line-height: 30px; border-radius: 8px 0;border:1px solid #999; color: #999; margin-top: 20px;} @media screen and (min-width:540px ){ .PicList002497 .List ul li{width: 50%;padding-top: 50%;float: left; margin-top: 0; border:none;} .PicList002497 .List ul li a {border-right: 1px solid #eee;border-bottom:1px solid #eee; } .PicList002497 .List ul li:nth-child(2n+1) a, .PicList002497 .List ul li.last a{ border-left: 1px solid none; } .PicList002497 .List ul li:nth-child(1) a,.PicList002497 .List ul li:nth-child(2n+1) a{border-left: 1px solid #eee;} .PicList002497 .List ul li:nth-child(1) a, .PicList002497 .List ul li:nth-child(2) a {border-top:1px solid #eee;} } @media screen and (min-width:768px ){ .PicList002497 .List ul li{width: 33.33%;padding-top: 33.33%;} .PicList002497 .List ul li:nth-child(3) a {border-top:1px solid #eee;} .PicList002497 .List ul li:nth-child(2n+1) a{border-left: none;} .PicList002497 .List ul li:nth-child(3n+1) a{ border-left: 1px solid #eee;} } .PicList002497 .List ul li a:hover{background: #1d93ab;} .PicList002497 .List ul li a:hover .img img.img02{opacity: 1;} .PicList002497 .List ul li a:hover .h3, .PicList002497 .List ul li a:hover .txtp{color: #fff;} .PicList002497 .List ul li a:hover .more{color: #fff; border-color: #fff;} @media screen and (min-width:1200px ){ .PicList002497 .List ul li .txtCon{padding:0 80px 0 30px;} .PicList002497 .List ul li a .h3{margin: 30px 0 20px;} .PicList002497 .List ul li a .txtp{height: 60px;} } /* .PicList002273 为demo编号 */ .PicList002273{padding-top: 8%;} .PicList002273 .left img{width: 100%;} .PicList002273 .right .time{font-size: 12px;color: #999;border: 1px solid #c5c6c6;padding: 2px 5px;margin-top: 8px;display: inline-block;} .PicList002273 .right .h3{color: #313131;font-size: 18px;font-weight: normal;margin: 10px 0;} .PicList002273 .right .h3 a{color: #313131;} .PicList002273 .right .p{color: #999;font-size: 14px;} .PicList002273 ul li{margin-bottom: 30px;background: #eef0f1;padding: 18px 20px;} @media screen and (min-width:768px ) { .PicList002273 .left{float: left;width: 25%;} .PicList002273 .right{float: right;width: 72%;} .PicList002273 .right .time{margin-top: 0px;} .PicList002273 ul li{background:#eef0f1;} } @media screen and (min-width:1024px ) { .PicList002273 .right .time{margin-top: 15px;} .PicList002273 ul li:hover{border: 1px solid #ee322d;box-shadow: 0px 0px 30px #ccc;} .PicList002273 ul li{background:#eef0f1;position: relative;} .PicList002273 ul li .right_btn{width: 11px;height: 19px;background: url(../images/PicList002273-arrow_right.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -10px} .PicList002273{padding-top: 31px;} } @media screen and (min-width:1200px ) { .PicList002273 .left{float: left;margin-right: 50px;} .PicList002273 .right{float: left;width: 600px;} .PicList002273 .right .time{margin-top: 14px;} .PicList002273 .right .h3{line-height: 18px;margin: 28px 0 17px;} .PicList002273 .right .p{line-height: 19px;} .PicList002273 ul li{padding-right: 20px;} } /*Page002221*/ .Page002221 a{ display:inline-block; margin:0px 2px; line-height:30px;} .Page002221{ text-align:center; padding:0 0 4%;} .Page002221 em{ font-style:normal; font-size:18px; display:inline-block; position:relative; padding:0 5px;} .Page002221 em a{ margin:0 5px; color:#999;} .Page002221 em a.a_cur,.Page002221 em a:hover{ color:#c8a05a;} .Page002221 .a{ width:76px; height:30px; border:1px solid #d8d8d8; border-radius:30px 0 0 30px;transition:all 0.33s ease-out 0s;} .Page002221 .a_prev{ background:url(../images/Page002221-prev.png) no-repeat 40% center;} .Page002221 .a_next{background:url(../images/Page002221-next.png) no-repeat 60% center;border-radius: 0 30px 30px 0;} .Page002221 .a:hover{ background-color:#c8a05a; border-color:#c8a05a;color:#fff;} .Page002221 .a_prev:hover{ background-image:url(../images/Page002221-prev_hover.png);} .Page002221 .a_next:hover{ background-image:url(../images/Page002221-next_hover.png);} @media(max-width:480px){ .Page002221 .a{ width:56px;} .Page002221 em{ display:none;} } .Page002221 .p_cur, .Page002221 .p_count, .Page002221 .p_total, .Page002221 .a_first, .Page002221 .a_end, .Page002221 .p_jump{ display:none;} .Page002221 .a_prev, .Page002221 .a_next{ width:76px; height:30px; border:1px solid #d8d8d8; border-radius:30px 0 0 30px;transition:all 0.33s ease-out 0s; font-size:0; vertical-align:middle;} .Page002221 .a_next{ border-radius: 0 30px 30px 0;} .Page002221 .a_prev:hover, .Page002221 .a_next:hover{ background-color:#c8a05a; border-color:#c8a05a;color:#fff;} .Page002221 em{ vertical-align:middle;} /*Page002221 End*/ /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:3% 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:36px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#c8a05a; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left;margin: 0 2px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif); margin-left: 2px;} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } @media(max-width:480px){ .Page002046 .Pages a{padding:0 5px; } } /* .Bottom002370 为demo编号 */ .Bottom002370{ } .Bottom002370,.Bottom002370 a{ color: #c9c9c9; transition: all .3s ease;} .Bottom002370 a:hover{ color: #fff;} .Bottom002370 .bottom{ padding: 2% 0 1% 0; } .Bottom002370 nav li{ float: left; width: 33.3334%;} .Bottom002370 nav li h3{ color: #fff; font-size: 16px; margin: 0; font-weight: normal;} .Bottom002370 nav li h3:after{ display: block; width: 17px; background-color: #575757; height: 1px; content:""; margin-top: 12px;} .Bottom002370 nav li dl{ padding-top: 10px;} .Bottom002370 nav li dl dd{ padding: 3px 0;} .Bottom002370 .QRcode { text-align: center;} .Bottom002370 .QRcode span{ display: block; padding-top: 5px;} .Bottom002370 .tel dt{ font-size: 14px;} .Bottom002370 .tel dt:before{ content: "\e714"; font-family:"iconfont" !important; padding-right: 5px; position: relative; top: 0px; font-size: 18px;} .Bottom002370 .tel dd{ font-size: 24px; color: #fff;} .Bottom002370 .contact p{ margin: 5px 0 0; font-size: 16px; line-height: 1.465;} .Bottom002370 .contact{ padding-left: 2%;} .Bottom002370 .share{ margin-top: 10px;} .Bottom002370 .share a{ display: inline-block; width: 34px; height: 34px; text-align: center; line-height: 34px; border-radius: 50%; background: #8d8d8d; font-size: 20px; color: #3a3a3a; margin-right: 5px;} .Bottom002370 .share a:hover{ background-color: #fff;} .Bottom002370 footer{ border-top: 1px solid #414244; padding: 1% 0 1%;} .Bottom002370 .links a{ display: inline-block;} .Bottom002370 .links a+a{ margin-left: 20px; position: relative;} .Bottom002370 .links a+a:before{ content: ""; width: 1px; height: 55%; top: 30%; background: #6b6b6b; position: absolute; left: -10px;} .weixin{ padding-left: 23%;} .log{ padding-left: 8%; padding-top: 20px;} @media only screen and (max-width:767px) { .Bottom002370 nav{ max-width: 310px; margin: 0 auto 15px;} .Bottom002370 .contact{ text-align: center; padding-top: 15px;} .Bottom002370 footer{ text-align: center;} } @media only screen and (min-width:768px ) { .Bottom002370 .bottom .auto >*{ float: left; width: 33.3334%;} .Bottom002370 .copyright{ float: left;} .Bottom002370 .links{ float: right;} } /* .PicList002451 为demo编号 */ .PicList002451{ overflow: hidden; padding-bottom: 10px;max-width: 1200px; margin: 1% auto 3%;} .PicList002451 ul{} .PicList002451 li{ float: left; width: 50%; padding: 10px 5px 0;} .PicList002451 li .inner{ position: relative; border: 1px solid #e5e5e5;} .PicList002451 li .abshref{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; z-index: 5;} .PicList002451 li .pic{ overflow: hidden;} .PicList002451 li .pic img{ visibility: hidden;} .PicList002451 li .pic a{ display: block; background-position: center; background-size: cover; background-repeat: no-repeat; transition: transform .5s ease-in-out; width:100%; height:0; padding-bottom:108%; } .PicList002451 li .word{ padding: 10px; background:rgba(0,0,0,0.5);transition: background-color .5s ease-in-out; position:absolute; left:0; bottom:0; width:100%;} .PicList002451 li .word h2{ margin: 0; font-weight: normal; font-size: 18px; color: #fff; text-align: center;} .PicList002451 li:hover .pic a{ transform: scale(1.05);} /*.PicList002451 li:hover .word{ background: #c8a05a;}*/ @media only screen and (min-width: 1024px) { .PicList002451 li{width: 33.3334%;} .PicList002451 li .word{ padding:10px 25px;} } @media only screen and (min-width: 1200px) { .PicList002451 li{width: 25%;} } .PicList002451 .js-load-more{ display: block; text-align: center; padding: 35px 0;} .PicList002451 .js-load-more a{ color: #333; font-size: 16px; position: relative; line-height: 25px; padding-left: 30px;} .PicList002451 .js-load-more a i{background: url(../images/PicList002451-loading.gif) no-repeat; width: 25px; height: 25px; background-size: cover; display: block; position: absolute; left: 0; top: 0;} /* .RighInfo002254 为demo编号 */ .RighInfo002254 .auto_1260{ max-width: 1260px;} @media only screen and (max-width:1260px) { .RighInfo002254 .auto_1260{ padding: 0 2%;} } .RighInfo002254{ padding:30px 0 1%;} .RighInfo002254 .list_img{ float:left; width:45.6%; position:relative;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:100%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:87%;} .RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo002254 .list{ padding:66% 35px 0 35px;} .RighInfo002254 .list .bd{ position:relative; overflow:hidden;} .RighInfo002254 .list a{ position:absolute; width:20px; height:50px; bottom:6%; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto; cursor:pointer;} .RighInfo002254 .list a.prev{ left:0;} .RighInfo002254 .list a.next{ right:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:110px; width:120px; position:relative; float: left;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:94%; top:9px; bottom:15px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #c8a05a;} .RighInfo002254 .right_info{ float:right; width:49.2%; color: #fff;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding:7% 0; color:#c8a05a; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#c8a05a; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#c8a05a; color:#fff;} .RighInfo002254 .right_info .tit{ font-weight: normal; font-size: 30px; margin: 0;} .RighInfo002254 .right_info dl{ padding: 12% 0 5%;} .RighInfo002254 .right_info .tits{ color: #fff;} .RighInfo002254 .right_info .con{ padding-bottom:5%; min-height:227px;} .RighInfo002254 .gopage, .RighInfo001774 .intro .gopage{} .RighInfo001774 .intro .gopage{ padding:5% 0 2%;} .RighInfo002254 .gopage a, .RighInfo001774 .intro .gopage a{ display: inline-block; max-width: 180px; padding: 2% 2%; border: 2px solid #c8a05a; text-align: center; width: 45%; color: #c8a05a; transition:all .3s ease-in-out; } .RighInfo002254 .gopage a:hover, .RighInfo001774 .intro .gopage a:hover{ color: #fff; background-color: #c8a05a;} .RighInfo002254 .tab{ padding:3% 0; display:none;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#c8a05a; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:1024px) and (min-width:768px){ .RighInfo002254 .big_img{ height:92%;} } @media(max-width:768px){ .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} .RighInfo002254 .list a{ background-size:50%;} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} } @media(max-width:480px){ /*.RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;}*/ .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;} } .RighInfo002254 .case_detail{ padding:3% 0 5%;} .RighInfo002254 .case_detail .case_dh{ border-bottom:1px solid #dcdcdc;margin-bottom:30px;} .RighInfo002254 .case_detail .case_dh span{ display:inline-block; padding:12px 18px; font-size:16px; color:#fff; background:#c8a05a;} .RighInfo002254 .case_detail .case_con{ color: #fff;} .RighInfo002254 .case_detail .case_con:after{ content: ""; display: block; width: 100%; height: 0; clear: both; } /* .PicList000762 为demo编号 */ .PicList000762{ padding-top:2%; max-width: 1200px; margin: 0 auto;} .PicList000762 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; position: relative;} .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li a{ display:block;transition:all ease-in-out 0.3s;} .PicList000762 li h2{ margin:0; font-size:16px; color:#c8a05a; text-align:center; padding: 10px; transition: background-color .5s ease-in-out; position: absolute; left: 0; bottom: 0; width: 100%; background:rgba(0,0,0,0.5);} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:67.8%;} .PicList000762 li:hover h2{ color: #fff;} @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } /* .RighInfo002452 为demo编号 */ .RighInfo002452{ position: relative; margin: 0 auto; max-width: 1200px;} .RighInfo002452 .bigimg{width: 50%; position: absolute; left: 0; top: 0; padding: 1px 0; height: 90%; overflow: hidden;} .RighInfo002452 .bigimg span{ display: block; background-size: cover; background-repeat: no-repeat; background-position: center; height: 80%;} .RighInfo002452 .bigimg span img{ visibility: hidden;} @media only screen and (max-width:1000px ) { .RighInfo002452 .bigimg{ width: 100%; position: static; padding-top: 6%;} } .RighInfo002452 .right-content{ float: right; width: 50%; padding: 5.28% 5%; color: #333; line-height: 28px;} @media only screen and (max-width:1366px ) { .RighInfo002452 .right-content{ padding: 3% 5%;} } @media only screen and (max-width:1000px ) { .RighInfo002452 .right-content{ float: none; width: 100%;} } .RighInfo002452 .right-content .inner{ max-width: 410px;} @media only screen and (max-width:1000px ) { .RighInfo002452 .right-content .inner{ max-width:none;} } .RighInfo002452 .right-content .tit{ font-weight: normal; font-size: 30px; margin: 0;} .RighInfo002452 .right-content dl{ padding: 12% 0 5%;} .RighInfo002452 .right-content .tits{ color: #666;} .RighInfo002452 .right-content .con{ padding-bottom:5%;} .RighInfo002452 .smalllist{ padding: 0;position: absolute;left: 0;height: 10%;bottom: 15%;width: 50%;} .RighInfo002452 .smalllist li{ float: left; width: 64px; height: 48px; position: relative;} .RighInfo002452 .smalllist li+li{ margin-left:3px;} .RighInfo002452 .smalllist li.on:before{ position: absolute; top: 0; content: ""; left: 0; width: 100%; height: 100%;background:rgba(56, 128, 106, 0.7) none repeat scroll 0 0 !important;filter:Alpha(opacity=70); background: #c8a05a;} .RighInfo002452 .smalllist li a{ cursor: pointer;} @media only screen and (max-width:1000px ) { .RighInfo002452 .smalllist{ padding: 6% 0; width: 100%; position: static;} } .RighInfo002452 .gopage{} .RighInfo002452 .gopage a{ display: inline-block; max-width: 180px; padding: 2% 2%; border: 2px solid #c8a05a; text-align: center; width: 45%; color: #c8a05a; transition:all .3s ease-in-out; } .RighInfo002452 .gopage a:hover{ color: #fff; background-color: #c8a05a;} /*Timeline001915*/ .Timeline001915{ padding-bottom:4%; max-width: 1550px; margin: 0 auto;} .Timeline001915 .columnName{ padding:4% 0; line-height:normal; text-align:center; font-size:61px; color:#c8a05a; text-transform:uppercase;} .Timeline001915 .columnName span{ display:block; color:#fff; font-size:30px; padding:10px 0 15px;} .Timeline001915 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#c8a05a;} .Timeline001915 .list{ /*background:url(../images/Timeline001915-logo.jpg) no-repeat center top;*/ background-repeat:no-repeat; background-position:center top; background-size:150px 150px; padding-top:150px; padding-right:20px;} .Timeline001915 .list ul{ background:url(../images/history_bg.png) repeat-y center top; padding:29px 0 54px;} .Timeline001915 li{ padding-left:50%; height:185px;} .Timeline001915 li .HistoryItem{ margin-left:176px; border-top:1px solid #e1e1e4; height:0px; position:relative;} .Timeline001915 li .HistoryItem p{ margin:5px 0; line-height:24px;font-family:'黑体'; font-size: 16px; color: #fff; position:absolute; left:0;} .Timeline001915 li:nth-child(2n) .HistoryItem p{} .Timeline001915 li .HistoryItem .p_cn{ bottom:100%;} .Timeline001915 li .HistoryItem .p_en{ top:100%; line-height:18px; width:100%; word-break:break-all;} .Timeline001915 ul li:nth-child(2n){ padding-left:0; padding-right:50%; height:93px;} .Timeline001915 ul li:nth-child(2n) div{ margin-left:0; padding-left:0; margin-right:250px; margin-left:20px;} .Timeline001915 li time{ display:block; width:100px; height:100px; line-height:100px; text-align:center; color:#fff; font-size:24px;background:url(../images/time_bg.png) no-repeat center; background-size:100% auto; position:absolute; left:-100px; top:-50px;} .Timeline001915 ul li:nth-child(2n) time{ left:auto; right:-100px;} .Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;} .Timeline001915 ol{ text-align:center;} .Timeline001915 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#c8a05a; color:#fff; font-size:14px; border-radius:5px;} .history_top{ width:100%; height:151px; background:url(../images/history_top.png) no-repeat center top;} .history_bottom{ width:100%; height:118px; background:url(../images/history_bottom.png) no-repeat center bottom;} @media(max-width:1000px){ .Timeline001915 .list ul{ background:url(../images/history_top.png) repeat-y -120px top;} .Timeline001915 li, .Timeline001915 ul li:nth-child(2n){ padding-left:60px; height:auto; margin-bottom:20px;} .Timeline001915 ul li:nth-child(2n){ padding-right:0;} .history_top, .history_bottom{ background-position:-120px top;} .Timeline001915 li .HistoryItem{ height:auto; margin-left:0;} .Timeline001915 li time{ position:static;} .Timeline001915 li .HistoryItem p{ position:static;} .Timeline001915 ul li:nth-child(2n) .HistoryItem{ margin-right:0; margin-left:0;} .Timeline001915 .list{ background-position:-8px 32px; background-size:80px 80px; padding-top:111px;} } @media(max-width:640px){ } /*PicList002172 */ .PicList002172{ padding:3% 0;} .PicList002172 .listimg{ padding:0 30px;} .PicList002172 .listimg .item{ padding:0 15px;} .PicList002172 .listimg .item figure{ border:1px solid #e8e8e8; padding:8%;} .PicList002172 .listimg .item img{ display:none;} .PicList002172 .listimg .item p{ text-align:center; margin-bottom: 0; color: #fff;} .PicList002172 .listimg .item figure span{ display:block; padding-bottom:65%; background-size:contain;} .PicList002172 .listimg .current figure{ border-color:#006cba;} .PicList002172 .listimg .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/PicList002172-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .PicList002172 .listimg .owl-nav .owl-prev{ left:0;} .PicList002172 .listimg .owl-nav .owl-prev.disabled{ background-position:left top;} .PicList002172 .listimg .owl-nav .owl-next{ right:0; background-position: right bottom;} .PicList002172 .listimg .owl-nav .owl-next.disabled{background-position: right top;} .PicList002172 .listimg .owl-nav div.disabled{ cursor:default;} .PicList002172 .hover{ position:relative; margin-bottom:5%;} .PicList002172 .hover dl{ padding-top: 10%; position: relative;} .PicList002172 .hover dl dt{ background:#c8a05a; color:#fff; padding:6% 75% 8% 5%;} .PicList002172 .hover dl dt p{ margin:0; text-align:center; font-size:24px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ display:block; content:''; height:20px; background:url(../images/PicList002172-icon.png) no-repeat left top;} .PicList002172 .hover dl dt p.year{ padding-bottom:3%;} .PicList002172 .hover dl dt p.txt:after{ background-position:right top;} .PicList002172 .hover dl dd{ position:absolute; right:0; height:100%; width:56%; top:0; /*background-size:contain;*/ /*background-color:#fff;*/} .PicList002172 .hover dl dd img{ display:none;} @media(max-width:1000px){ .PicList002172 .item{ padding:0 10px;} } @media(max-width:640px){ .PicList002172 .hover{ padding-top:0;} .PicList002172 .hover dl dt{ padding-right:5%; margin-bottom:2%;} .PicList002172 .hover dl dd{ position:relative; height:auto; width:auto; padding-bottom:50%;} } @media(max-width:480px){ .PicList002172 .hover dl dt p{ font-size:18px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ height:12px; background-size:auto 100%;} } /**插件样式 有相同 留一个即可**/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} /*.owl-carousel .owl-item img{display:block;width:100%}*/ .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /***end**/ /* .Map001070 为demo编号 */ .Map001070{ padding:2% 0; max-width: 1200px; margin: 0 auto;} .Map001070 dd{ border:1px solid #e7e7e7; margin-bottom:2%; padding-right:53%; background-color:#fff; position:relative;} .Map001070 dd:last-child{ margin-bottom:0;} .Map001070 .map *{ max-width:none;} .Map001070 dd figure{ padding:3% 0 3% 3%;} .Map001070 dd figure h1{font-size: 22px;color: #b71e23; font-weight:normal;padding: 16px 0; margin:0;border-bottom: dashed 1px #ccc;} .Map001070 dd ul{ padding-top:16px;} .Map001070 dd li{line-height:25px; margin-bottom:10px; padding-left:36px; background-repeat:no-repeat; background-position:0 0;} .Map001070 dd li:nth-child(1){background-image:url(../images/Map001070-ico_01.png);} .Map001070 dd li:nth-child(2){background-image:url(../images/Map001070-ico_02.png);} .Map001070 dd li:nth-child(3){background-image:url(../images/Map001070-ico_03.png);} .Map001070 dd li:nth-child(4){background-image:url(../images/Map001070-ico_04.png);} .Map001070 dd li:nth-child(5){background-image:url(../images/Map001070-ico_05.png);} .Map001070 dd li dl dd{ position:relative; border:none; padding-left:60px; padding-right:0; margin-top:5px;} .Map001070 dd li dl dd span{ position:absolute; left:0; top:0;} .Map001070 dd li dl dd em{ font-style:normal;} @media(min-width:641px){ .Map001070 .map{ position:absolute !important; width:50%; right:0; height:100%; top:0;} } @media(max-width:640px){ .Map001070 dd{ padding:3%;} .Map001070 .map{ height:300px; position:relative !important;} .Map001070 dd figure{ padding:0;} } @media(max-width:480px){ .Map001070 dd figure h1{ font-size:20px;} } /* .Form001215 为demo编号 */ .Form001215{ padding:2% 0;} .Form001215 .form{ float:left; width:43%;} .Form001215 .form li{ padding-bottom:2%;} .Form001215 .form .text{ border:1px solid #dae7e6; width:100%; height:39px; line-height:39px; padding:0 10px; border-radius:3px; background:#fff;} .Form001215 .form textarea.text{ height:195px;} .Form001215 .form .btn{ cursor:pointer; border-radius:5px; background:#c8a05a; color:#fff; height:37px; padding:0 12%; border:none;} .Form001215 .hotline{ float:right; width:52%; background:url(../images/Form001215-bg.jpg) no-repeat right bottom/contain; padding:10% 0 16% 0; text-shadow:0 1px 0 #fff;} .Form001215 .hotline figure{ width:60%; max-width:285px; font-size:12px;border-top:1px solid #d6e1e0; padding-top:3%; margin-top:3%;} .Form001215 .hotline figure b{ display:block; color:#c8a05a; font-size:14px;} .Form001215 .hotline dl{ min-height:46px; padding-left:62px; background:url(../images/Form001215-call.png) no-repeat left top;} .Form001215 .hotline dd{ font-size:33px; color:#f08200; font-weight:bold;} .Form001215 .hotline dt{ color:#000;} @media(max-width:640px) and (min-width:481){ .Form001215 .hotline{ padding:3% 0 32% 0; background-position:right bottom;} } @media(max-width:640px){ .Form001215 .hotline dd{ font-size:24px;} } @media(max-width:480px){ .Form001215 .form, .Form001215 .hotline{ float:none; width:auto;} .Form001215 .form textarea.text{ height:117px;} } /* .Floor001641 为demo编号 */ .Floor001641{ margin:1% auto 4%; background-color: #2d2d2d;} .Floor001641 .auto{background-color:#2d2d2d; position:relative;} .Floor001641 .auto::before{position:absolute; content:''; width:2%; height:100%; left:49%; top:0;} .Floor001641 .box{ float:left; width:33%; padding:3% 2% 2%;} .Floor001641 .title, .Floor001641 ul{padding:0 3%;} .Floor001641 .title{padding-bottom:3%; color:#d4ccbe; text-transform:uppercase; position:relative;} .Floor001641 .title::before{ position:absolute; content:''; width:4%; height:2px; background-color:#c8a05a; left:0; top:17px;} .Floor001641 .title h1{font-size:24px; font-weight:normal; margin:0; color:#c8a05a;} .Floor001641 .title a{ float:right; font-weight:bold; background:url(../images/Floor001641-a_more.png) no-repeat right center; padding-right:15px; color: #f2f2f2;} .Floor001641 li{ height:3em; border-bottom:1px dotted #dadada; padding-top:1.3em; font-size: 16px;} .Floor001641 li time{ float:right; color:#b1b1b1; font-size:0.85em;} .Floor001641 li a{ padding-left:13px; position:relative;padding-right:20px;color: #dedede;} .Floor001641 li a::before{ position:absolute; content:''; width:3px; height:3px; background-color:#7a7a7a; left:0; top:50%; margin-top:-1px;} .Floor001641 li a:hover, .Floor001641 .title a:hover{ color:#c8a05a;} .Floor001641 ol{position:relative; margin-bottom:2%;} .Floor001641 ol::before{ position:absolute; content:'';width:60%; background-color:#e6e6e6; height:1px; right:0; bottom:1px;} .Floor001641 ol figure{ float:left; width:35.434%;} .Floor001641 ol figure img{ width:100%;} .Floor001641 ol div{ float:right; width:60%;font-size:12px;} .Floor001641 ol div h5{ margin:0; padding:2% 0;font-size:16px;} .Floor001641 ol div h5 a{ color:#f5f5f5;} .Floor001641 ol div h5 a:hover{ color:#c8a05a;} .Floor001641 ol div p{ margin:0; color:#909090; line-height:20px; overflow:hidden; height:40px; font-size: 14px;} .Floor001641 ol div time{ color:#b1b1b1; display:block; padding:2% 0;} .Floor001641 .box:last-child li:first-child{ padding-top:0; height:auto;} .Floor001641 .box:last-child .all_more{ margin-left:5%; margin-top:3%;} .Floor001641 .all_more{ border:1px solid #e0e0e0; margin-top: 3%; font-weight:bold; font-size:0.8em; display:inline-block; line-height:2.85em; padding-left:2.5em; padding-right:3.5em; border-radius:30px; background:url(../images/Floor001641-a_more.png) no-repeat 90% center;transition:all ease 0.5s; color: #e0e0e0;} .Floor001641 .all_more:hover{ padding-right:2.5em; background-color:#c8a05a; background-position:120% center; color:#fff; transition:all ease 0.5s;} @media(max-width:1200px){ .Floor001641 .auto{ padding:0;} } @media(max-width:768px){ .Floor001641 .box{ float:none !important; width:auto !important; clear:both; overflow:hidden;} .Floor001641 .box:last-child{ border-top:1.5em solid #fff;} .Floor001641 .auto::before{ display:none;} .Floor001641 .box{padding-bottom:5%;} .Floor001641 .box:last-child .all_more{ float:right; margin-right:5%;} } @media(max-width:640px){ .Floor001641 ol div p{height:40px; overflow:hidden;} } @media(max-width:480px){ .Floor001641 ol::before{ display:none;} .Floor001641 ol{ border-bottom:1px solid #e6e6e6; padding-bottom:2%; margin-bottom:2%;} .Floor001641 .title h1{font-size:20px;} } /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 div{ height:430px; background-position:center top; background-repeat:no-repeat;} .Banner002167 img{ display:none;} .Banner002167 aside{ position:absolute; left:50%; top:50%; line-height:46px;height:46px; width:100%; font-size:33px; padding:0 2%; max-width:1200px; color:#fff; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} @media(max-width:1000px){ .Banner002167 div{ display:none;} .Banner002167 img{ display:block; width:100%;} } @media(max-width:640px){ .Banner002167 aside{ font-size:24px;} } .siglepage{ padding:2% 0; min-height:300px;} /*.Menu002272 .nav-menu ul li a{ display:block; color: #c8a05a;}*/ .Menu002272 .current{ font-size:0;} .Menu002272 .current span{ font-size:14px;} /*.RichInfo005 为demo编号*/ .RichInfo005{padding:2% 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:14px; border-bottom:1px dashed #d2d2d2; margin-bottom:3%;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal; color:#fff;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title span{ margin:0 20px; color:#fff; font-size:12px; } .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info .part1{ background:url(../images/cartographer.png); height: auto; overflow: hidden;} .RichInfo005 .news_info .info .pic{ width: 50%; float: left; padding-bottom: 30%; background-repeat: no-repeat; background-size: cover; box-shadow: -10px 0 20px rgba(0,0,0,0.01) inset; position:relative; overflow:hidden;} .RichInfo005 .news_info .info .pic img{ width:100%; position:absolute; top:0; left:0;} .RichInfo005 .news_info .info .text{ width: 50%; float: left; padding:65px 40px 0 40px; position: relative; } .RichInfo005 .news_info .info .text:after{ content: ""; display: block; width: 40px; height:40px; position: absolute; left: -10px; top: 57%; z-index: 100; background:url(../images/cartographer.png); border-radius: 50%;} .RichInfo005 .news_info .info .text dd{ line-height: 30px; font-size: 15px; padding-left: 20px;} .RichInfo005 .news_info .info .text .d1{ background: url(../images/RichInfo005-icon1.png) no-repeat left center} .RichInfo005 .news_info .info .text .d2{ background: url(../images/RichInfo005-icon2.png) no-repeat left center} .RichInfo005 .news_info .info .text .d3{ background: url(../images/RichInfo005-icon3.png) no-repeat left center} .RichInfo005 .news_info .info .text .d4{ background: url(../images/RichInfo005-icon4.png) no-repeat left center} .RichInfo005 .news_info .info .text dd strong{ font-weight: normal; color: #222} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:30px 0; margin-top:20px; border-top:1px dashed #d2d2d2; } .RichInfo005 .news_info .info_back a{ color:#999;; font-size:14px;} .RichInfo005 .news_info .info_back a:hover{color:#c8a05a;} .RichInfo005 p{text-indent:2em; font-size:14px; color:#666; line-height:28px;} @media(max-width:640px){ .RichInfo005 .news_info .title h1{ font-size:20px!important; padding:10px 0; padding-bottom:10px!important; } .RichInfo005 .news_info .title span{ display:inline-block; margin:0 10px!important; } .RichInfo005 .news_info .info_back{ padding:20px 0!important; width:100%; overflow: hidden; } .RichInfo005 .news_info .info_back span{ display:block; width:100%; text-align:left; } .RichInfo005 .news_info .info_back a{ float: left; } .News_list li .left{ width:100%;} .News_list li .right{ width:100%; padding-right:0px;} .RichInfo005 .news_info .info .pic, .RichInfo005 .news_info .info .text{ width:100%; float:none;} .RichInfo005 .news_info .info .pic{ padding:0; height:auto;} .RichInfo005 .news_info .info .pic img{ position:static;} .RichInfo005 .news_info .info .text{ padding:5%;} .RichInfo005 .news_info .info .text:after{ display:none;} } .Floor002375 .pic{ position:relative; width:52%;} .Floor002375 .pic img{ width: 100%;} .Floor002375 .pic .video_btn{ width:100px; height:100px; background:url(../images/play.png) #c8a05a no-repeat center center; position:absolute; right:-38px; bottom:-38px; cursor:pointer;} /*视频弹窗*/ .myvideo{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000; z-index:999; display:none;} .myvideo .myvideo_m{width:100%; height: 100%;} .myvideo .myvideo_m .myvideo_box{ width:100%; margin:0 auto; position:relative; height: 100%;} .myvideo .myvideo_m .myvideo_box video{ width:100%; position: absolute; top: 0%; left: 0; width: 100%; height: 100%;} .myvideo .myvideo_m .myvideo_box .video_close{ display:block; width:35px; height:35px; background:url(../images/close.png) #fff no-repeat center center; background-size: 44%; border-radius: 100%; position:absolute; top:0; right:0; cursor:pointer;} .homecy{ height:235px; background-repeat:no-repeat; background-position:center; position:relative; transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; margin: 0 auto; max-width: 1920px;} .homecy .homecy_txt{ position:absolute; top:0; left:0; width:100%; height:100%; line-height:100%; background:rgba(0,0,0,0.5);} .homecy .homecy_txt .table{ display: table-row; height: 100%; width: 100%; text-align: center;} .homecy .homecy_txt .table>*{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;} .homecy .homecy_txt .p{ font-size:36px; color:#c8a05a; font-weight: 100; text-align:center; margin-bottom:30px; width: 100%;} .homecy .homecy_txt span{ display:block; width:180px; height:45px; line-height:45px; margin:0 auto; border:1px solid #fbfaf6; color:#fbfaf6; font-size:18px; padding-left:15px; opacity:0;} .homecy .homecy_intro{ width:60%; color:#fff; margin:0 auto; line-height: 1.5; font-size:16px; text-align:center; opacity:0; margin-bottom:20px;} @media only screen and (min-width:1000px ) { .homecy:hover{ height:400px;} .homecy:hover .homecy_txt{ background:rgba(150, 132, 99, 0.9);} .homecy:hover .homecy_txt span, .homecy:hover .homecy_intro{ opacity:1; color: #fff;} .homecy:hover .homecy_intro{ font-size: 30px; line-height: 1.5;} .homecy:hover .homecy_txt .p{ display: none;} } .homecyhovers { margin: 0 auto; } .homecyhovers .hlink { width: 100%; height: 220px; background: center center no-repeat; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .homecyhovers .hlink .text { max-width: 1000px; width: 80%; height: 200px; /* margin-left: -500px;*/ /* margin-top: -100px; position: absolute; left: 50%; top: 50%;*/ position: relative; margin: 0 auto; background: center no-repeat; text-align: center; display: table; } .homecyhovers .hlink .text b{ display: table-row; } .homecyhovers .hlink .text span { font-weight: normal; display: table-cell; vertical-align: middle; } .homecyhovers .hlink .base { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .homecyhovers .hlink .base .text span { font-weight: 100; font-family: 'FZLT2'; font-size: 36px; color: #c8a05a; } @media(max-width:640px){ .homecyhovers .hlink .base .text span{font-size: 15px;font-weight: bold;} } .homecyhovers .hlink .mask { width: 100%; height: 100%; background: rgba(150, 132, 99, 0.9); position: absolute; left: 0; top: 0; display: none; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .homecyhovers .hlink .mask .text { /* position: absolute; left: 50%; top: 120px;*/ padding-top:100px; } .homecyhovers .hlink .mask .text span { font-family: 'FZLT2'; font-size: 30px; line-height: 1.5; color: #ffffff; } .homecyhovers .hlink .mask .btn { width: 132px; height: 36px; margin-left: -66px; margin-top: -18px; position: absolute; left: 50%; top: 320px; border: 1px solid rgba(255, 255, 255, 0.3); background: center no-repeat; box-sizing: border-box; padding: 12px; text-align: center; color: #fff; font-size: 12px; line-height: 1; transition: all 0.4s; } .homecyhovers .hlink .mask .btn:hover{ background-color: #c8a05a; color: #fff; } @media (max-width: 1000px) { .homecyhovers .hlink .text{ font-size: 22px;} .homecyhovers .hlink .mask .text span{ font-size: 18px;} } .Floor001641 .box1{ margin-left:1%;} .Floor001641 .box2{ margin-left:2.5%;} .Floor001641 .box3{ float: right;width: 27%;margin-right: 1.5%;} .Floor001641 .box3 img{ border-radius:5px;} .Floor001641 .box3 .p{ margin: 2% 0;color: #dedede;} /*搜索中心*/ .search_list{ margin-top:40px;} .search_list li{ font-size: 16px; border-bottom:solid 1px #e1e1e1; line-height:25px; padding:5px 0; float: left; width: 100%; } .search_list li time{ min-width:71px; float:right; font-size:14px; display:block; white-space:nowrap; } .search_list li span{ display:block; width:73%; float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:initial;} .Floor002376 .wrap-head .more{ position:relative; margin:0 auto; left:0;} .PicList002273 .right .p{ line-height:20px; height:40px; overflow:hidden;} @media(max-width:1400px){ .Floor002375 .pic{width:50%;} } @media(max-width:768px){ .Floor002375 .word figure{ color:#f5f5f5;} .Floor002375 .pic{ float:none; width:100%; max-width:none; margin-bottom:20px;} .Floor002375 .pic img{ width:100%;} .Floor002375 .pic .video_btn{ width:60px; height:60px; background-size:50% 50%; right:0; bottom:0;} .Floor001641 .box:last-child{ border:none;} .Floor001641 .box1, .Floor001641 .box2, .Floor001641 .box3{ margin:0;} .Floor001641 .title::before{ width:2%;} .Bottom002370 .contact, .Bottom002370 .QRcode{ padding-left:0; padding-bottom:20px;} .Bottom002400 footer .share a{ float:none;} .Menu002272 .nav-menu ul{ display:block; border:1px solid #eee; border-bottom:none; margin:20px 0;} .Menu002272 .nav-menu ul li{ border-bottom:1px solid #eee; line-height: 35px; padding: 0 2%;} /*.Menu002272 .nav-menu ul li.on{ background:#c8a05a;}*/ .Menu002272 .nav-menu ul li a{ padding:10px 0; text-align:center; color: #c8a05a} .Menu002272 .nav-menu ul li.on a{ color:#fff;} } @media(max-width:640px){ .Top002374 .logo{ position:static;} .Top002374 .header-right{ display:block; height:32px;} .Top002374 .header-left{ width:auto;} .Top002374 .logo img{ width:120px;} .homecy .homecy_txt{ padding-top:12%;} .homecy .homecy_txt .p{ font-size:18px;} .Floor001641 .all_more{ float:right;} .Bottom002400 footer .links a+a{ margin-left:10px;} .Bottom002400 footer .links a+a:before{ left:-7px;} .PicList002451 li .word h2{ font-size:14px;} .Bottom002400 footer .share a, .Bottom002400 footer .share a+a{ margin:0 5px;} } @media(max-width:480px){ .Floor001641 ol figure, .Floor001641 ol div{ float:none; width:100%;} } /*荣誉顾客*/ .partner{} .partner li{ width:24%; margin-right:1.33%;} .partner li:nth-child(3n){ margin-right:1.33%;} .partner li:nth-child(4n){ margin-right:0;} .partner li figure{ padding-bottom:50%;} @media(max-width:640px){ .partner li{ width:49%; margin-right:2%;} .partner li:nth-child(3n){ margin-right:2%;} .partner li:nth-child(4n){ margin-right:2%;} .partner li:nth-child(2n){ margin-right:0;} } /*荣誉顾客*/ .qq-client{position:fixed;right:0px;top:50%;margin-top:-80px; z-index: 99;} .qq-client a{width:50px;height:160px;text-align:center; background: #c8a05a; padding:0px 0px;line-height:40px;display:block; color: #fff;} .qq-client-content{position:fixed;right:-250px;top:38%;border:#ebebeb solid 1px;width:200px;display:none;background:#ffffff; z-index:99;} .qq-client-content h1{font-size:14px;width:90%;margin:0px auto;text-align:center;height:50px;line-height:50px;border-bottom:#ebebeb solid 1px;position:relative; color: #c8a05a;} .qq-client-content h1 span{font-size:12px;font-weight:normal;position:absolute;left:-30px;top:-20px;cursor:pointer;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;} .qq-client-list{background:#ffffff;} .client-list{overflow:hidden;line-height:40px;width:90%;margin:0px auto;border-bottom:dashed 1px #ebebeb;} .client-list:last-child{ border-bottom: none;} .client-list a{display:block; color:#c8a05a;} .client-list a:hover{color:c8a05a;} .client-list span{float:left;} .client-list label{float:left;width:105px;text-align:right;padding-right:10px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .qq-client-content figure{ padding: 10px;} .qq-client-content figure p{ margin: 0;} .qq-client-content figure img{ width: 100%;} /*RighInfo001774*/ .RighInfo001774{ padding:3% 0;} .RighInfo001774 .title{ color:#000; font-size:18px; border-bottom:1px solid #e5e5e5;padding:15px 0; margin-bottom:30px;} .RighInfo001774 .list_img{float:left; width:42%;} .RighInfo001774 .big{ border:1px solid #e5e5e5; margin-bottom:20px;} .RighInfo001774 .big li figure{ padding-bottom:100%; background-size:contain;} .RighInfo001774 .scroll li img, .RighInfo001774 .big li img{ display:none;} .RighInfo001774 .scroll{ padding:0 30px; position:relative;} .RighInfo001774 .scroll a{ position:absolute; height:100%; top:0; width:25px; z-index:10; cursor:pointer;} .RighInfo001774 .scroll a.prev{ left:0;} .RighInfo001774 .scroll a.next{ right:0;} .RighInfo001774 .scroll a.prevStop, .RighInfo001774 .scroll a.nextStop{ cursor:default;} .RighInfo001774 .scroll a span{ position:absolute; font-size:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px; color:#ccc;} .RighInfo001774 .scroll li figure{ margin:0 auto; padding-bottom:90%; background-size:contain; max-width:90%; border:1px solid #e5e5e5;} .RighInfo001774 .scroll li.on figure{ border-color:#ed4d50;} .RighInfo001774 .intro{ float:right; width:45%;} .RighInfo001774 .intro dl{color:#666; display:table; width:100%; padding-bottom:3%;} .RighInfo001774 .intro dt, .RighInfo001774 .intro dd{ display:table-cell; vertical-align:top; line-height:30px;} .RighInfo001774 .intro dt{ width:50px;} .RighInfo001774 .intro dd h1{font-size: 24px;color: #e00616; margin:0;} .RighInfo001774 .intro dd a{ float:left; padding:1px;border:1px dashed #ccc; margin-right:10px; text-align:center; line-height:35px;color:#666; cursor:pointer; padding:1px 16px;} .RighInfo001774 .intro dd a.on{ padding:0 15px; border:2px solid #e9282c;background:url(../images/RighInfo001774-icon_a_select.png) no-repeat right bottom;} .RighInfo001774 .intro dd i{ display:inline-block;background: #e7161b;color: #fff;font-style: normal; font-size:12px;padding: 0 8px;} .RighInfo001774 .intro dd .num{ height:30px; line-height:30px; width:50px; text-align:center;} .RighInfo001774 .buy a{display:inline-block; font-size:16px;height:40px; line-height:40px; color:#666; font-weight:bold;text-align:center; padding:0 30px;border:1px solid #e00616;background:#e00616; } .RighInfo001774 .buy a.gobuy{margin-right:10px;color:#fff;} .RighInfo001774 .buy a.addcart{border-color:#e7e7e7; background:url(../images/RighInfo001774-icon_addcart.png) no-repeat 20px center #f9f9f9; padding-left:50px;} .RighInfo001774 .salenum{ margin:3% 0;border:1px dashed #c9c9c9; padding:3% 0; border-left:0; border-right:0;} .RighInfo001774 .salenum li{ float:left; margin-right:3%;} .RighInfo001774 .salenum li span{ color:#e00616;} .RighInfo001774 .share li{ float:left; margin-right:5px;} .RighInfo001774 .share li a{ display:block;line-height:30px !important; border:1px solid #e7e7e7; border-radius:3px;padding-left:30px !important; padding-right:10px;background:url(../images/RighInfo001774-icon_share.png) no-repeat 10px 8px #f9f9f9; color:#333;} .RighInfo001774 .share li a.favorites{ background-position: 10px -85px;} .RighInfo001774 .share li.jiathis_style a{ float:none;height:auto !important;background-position: 10px center;} .jiathis_style *{ box-sizing:content-box;} .RighInfo001774 .share li a:hover{ background-image:url(../images/RighInfo001774-icon_share_hover.png);} .RighInfo001774 .tips{ margin-top:3%;} .RighInfo001774 .tips li{ float:left; margin-right:2%; line-height:28px; padding-left:30px; background:url(../images/RighInfo001478-icon_tips.png) no-repeat 0 0;} .RighInfo001774 .tips li.b{ background-position:0 -67px;} .RighInfo001774 .tips li.c{ background-position:0 -129px;} .RighInfo001774 .tips li.d{ background-position:0 -196px;} .RighInfo001774 .infobox .tab{ border-bottom:1px solid #e5e5e5; overflow:hidden; margin:30px 0 0;} .RighInfo001774 .infobox .tab span{ float:left;padding:0 20px; color:#000; font-size:16px; line-height:36px; cursor:pointer;} .RighInfo001774 .infobox .tab span.on{ background:#000; color:#fff;} .RighInfo001774 .single{ padding:20px 0; min-height:300px;} .RighInfo001774 .single .tableInfo{ border-bottom:1px dashed #c1c1c1; padding-bottom:20px; margin-bottom:20px;} .RighInfo001774 .tableInfo dd{ float:left; width:25%; padding:5px 10px 5px 0; line-height:24px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .RighInfo001774 .guess_like{ float:left; width:21%;border:1px solid #e5e5e5;border-bottom:0;} .RighInfo001774 .guess_like h1{ margin:0; border-bottom:1px solid #e5e5e5; font-weight:normal; } .RighInfo001774 .guess_like h1 span{ background:#000;color:#fff;font-size:14px; line-height:35px;display:table; padding:0 15px;} .RighInfo001774 .guess_like li{ padding:15px 10px;border-bottom:1px solid #e5e5e5;} .RighInfo001774 .guess_like li a{ display:block;} .RighInfo001774 .guess_like li a:hover{color:#000;} .RighInfo001774 .guess_like li figure{ padding-bottom:100%; background-color:#fff; background-size:contain;} .RighInfo001774 .guess_like li figure img{ display:none; width:100%;} .RighInfo001774 .guess_like li p{color:#555; line-height:20px; height:40px; overflow:hidden;} .RighInfo001774 .guess_like li:hover p{ color:#000;} .RighInfo001774 .guess_like li h5{ margin:0; font-size:16px; color:#e00616;} .RighInfo001774 .guess_like li h5 i{ font-style:normal; font-size:12px;} .RighInfo001774 .faq{ float:right; width:77%;border:1px solid #e5e5e5;} .RighInfo001774 .faq .tab{border-bottom:1px solid #e5e5e5; font-weight:normal; overflow:hidden;} .RighInfo001774 .faq .tab span{ float:left; padding:0 15px; color:#000; line-height:35px;cursor:pointer;} .RighInfo001774 .faq .tab span.on{background:#e9282c; color:#fff;} .RighInfo001774 .btn_faq{ width: 110px;height: 31px;color: #fff;background: #e9282c;border:none; cursor:pointer; padding:0;} .RighInfo001774 .set_faq{ border-bottom:1px dashed #d2d2d2; padding:20px 140px 15px 20px; position:relative;} .RighInfo001774 .set_faq input.btn_faq{position:absolute; right:20px; top:20px;} .RighInfo001774 .set_faq li{ float:left; cursor:pointer;margin: 0 5px 5px 0;border: 1px solid #e7e7e7;background: #f9f9f9;padding: 0 15px;color: #000;line-height: 29px;height: 31px;border-radius: 3px;} .RighInfo001774 .list dl{ display:table;border-bottom:1px dashed #d2d2d2; width:100%; line-height:24px;} .RighInfo001774 .list dt, .RighInfo001774 .list dd{ display:table-cell;padding:20px;} .RighInfo001774 .list dd{ width:25%;} .RighInfo001774 .list dd span{display:block;} .RighInfo001774 .list dd.name{width:20%;border-left:1px dashed #d2d2d2; } .RighInfo001774 .list dd.name span{ color:#e9282c;} .RighInfo001774 .list dt time{ color:#b6b6b6;} .RighInfo001774 .list dt h4{margin: 0;font-size: 14px;font-weight: normal;} .RighInfo001774 .submitQ{ display:table; width:100%; padding:20px;border-bottom:1px dashed #d2d2d2;} .RighInfo001774 .submitQ dt, .RighInfo001774 .submitQ dd{display:table-cell; vertical-align:top;} .RighInfo001774 .submitQ dt{ width:20%; text-align:right;} .RighInfo001774 .submitQ dd textarea{ width:100%; height:100px; color:#b6b6b6; padding:10px;} .RighInfo001774 .list li{border-bottom:1px dashed #d2d2d2;padding:20px;} .RighInfo001774 .list li time{ float:right; color:#b6b6b6;} .RighInfo001774 .Pages{ text-align:right; padding:2%; color:#555;} .RighInfo001774 .Pages .p_cur, .RighInfo001774 .Pages a.a_first, .RighInfo001774 .Pages a.a_end{ display:none;} .RighInfo001774 .Pages a{ text-align:center;display:inline-block; vertical-align:middle; margin:0 3px; border:1px solid #b5b5b5; color:#555; width:40px; height:40px;line-height:40px;} .RighInfo001774 .Pages a.a_prev, .RighInfo001774 .Pages a.a_next{ position:relative;} .RighInfo001774 .Pages a.a_prev span, .RighInfo001774 .Pages a.a_next span{ position:absolute; left:50%; top:50%; margin-top:-9px; margin-left:-9px; font-size:18px;} .RighInfo001774 .Pages a:hover, .RighInfo001774 .Pages a.a_cur{ background:#919191; color:#fff;} .RighInfo001774 .Pages em{ font-style:normal;} .RighInfo001774 .Pages b{ font-weight:normal;} .RighInfo001774 .Pages .i_text, .RighInfo001774 .Pages .i_button{width:50px; height:40px; border:none; padding:0;vertical-align:middle;margin:0 5px;} .RighInfo001774 .Pages .i_text{ text-align:center; line-height:40px; background:url(../images/RighInfo001774-inputbg.jpg) no-repeat; } .RighInfo001774 .Pages .i_button{cursor:pointer;background:url(../images/RighInfo001774-go.jpg) no-repeat; margin-right:0;} .zoomContainer{ margin-top:-1px;} @media(max-width:1000px){ .RighInfo001774 .intro{width:55%; margin-right:0;} } @media(max-width:768px){ .RighInfo001774 .list_img, .RighInfo001774 .guess_like, .RighInfo001774 .faq, .RighInfo001774 .intro{ float:none; width:auto; margin-bottom:3%;} .RighInfo001774 .tableInfo dd{ width:50%;} .RighInfo001774 .Pages .p_jump{ display:none;} .zoomContainer{ display:none !important;} } @media(max-width:768px) and (min-width:376px){ .RighInfo001774 .guess_like{border-bottom:1px solid #e5e5e5;} .RighInfo001774 .guess_like li{ position:relative; float:left; width:33.3333333%; border-bottom:0; } .RighInfo001774 .guess_like li::before{ position:absolute; content:''; width:1px; height:100%; background-color:#e5e5e5; top:0; right:0;} .RighInfo001774 .guess_like li:nth-child(3n)::before{ display:none;} } @media(max-width:640px){ .RighInfo001774 .Pages .p_count, .RighInfo001774 .Pages .p_total{ display:none;} .RighInfo001774 .list dl{ font-size:12px;} .RighInfo001774 .list dt, .RighInfo001774 .list dd{ padding:10px;} .RighInfo001774 .set_faq{ padding-top:10px; padding-left:10px; padding-bottom:10px;} .RighInfo001774 .set_faq input.btn_faq{ top:10px;} } @media(max-width:480px){ .RighInfo001774 .Pages em{display:none;} .RighInfo001774 .set_faq{ padding-right:10px;} .RighInfo001774 .set_faq input.btn_faq{ position:static; top:auto;} .RighInfo001774 .submitQ dt, .RighInfo001774 .submitQ dd{ display:block;} .RighInfo001774 .list dl:nth-child(2n){ background-color:#ececec;} .RighInfo001774 .list dt, .RighInfo001774 .list dd{ display:block; width:auto !important;} .RighInfo001774 .list dd{ border-top:1px dashed #d2d2d2} .RighInfo001774 .list dd.name{ border-left:0;} .RighInfo001774 .tableInfo dd{ float:none; width:auto;} } .RighInfo001774 .intro{ float:right; width:53%;} .RighInfo001774 .intro h1, .RighInfo001774 .intro h3, .RighInfo001774 .intro p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo001774 .intro h1{ padding:7% 0; color:#c8a05a; font-size:26px; } .RighInfo001774 .intro h3{ font-size:18px; font-weight:normal;} .RighInfo001774 .intro p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo001774 .intro a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#c8a05a; transition:0.4s;} .RighInfo001774 .intro a:hover{ background-color:#c8a05a; color:#fff;} @media(max-width:768px){ .RighInfo001774 .intro{ float:none; width:100%;} } .pd_menu{} @media screen and (min-width:768px ) { .pd_menu .nav-menu ul li:hover, .pd_menu .nav-menu ul li.on{background:none;} .pd_menu .nav-menu ul li{ padding:0; position:relative;} .pd_menu .nav-menu ul li a{ padding:5px 6px; line-height:24px; padding-left: 12px;} .pd_menu .nav-menu ul li .li_h a{ padding:24px 12px; color: #c8a05a;} /*.pd_menu .nav-menu ul li a:hover{ background:#c8a05a;}*/ .pd_menu .nav-menu ul li .nav_ul{ position:absolute; top:100%; left:0; min-width:160px; display:none;} .nav_ul a{ font-weight:normal; font-size:14px;} .pd_menu .nav-menu ul li .nav_ul .nav_li{ background: -webkit-linear-gradient(rgba(119, 118, 118, 0.86), rgba(90, 90, 90, 0.83)); background: -o-linear-gradient(rgba(119, 118, 118, 0.86), rgba(90, 90, 90, 0.83)); background: -moz-linear-gradient(rgba(119, 118, 118, 0.86), rgba(90, 90, 90, 0.83)); background: linear-gradient(rgba(119, 118, 118, 0.86), rgba(90, 90, 90, 0.83)); } .pd_menu .nav-menu ul li .nav_ul .nav_li:hover{ background: #c8a05a} .pd_menu .nav-menu ul li .nav_ul .nav_li:hover a{ color: #fff;} .pd_menu .nav-menu ul li .nav_ul .dl a{ padding-left:20px;} .pd_menu .nav-menu ul li .aon1 > a{ color:#fff;} } @media screen and (max-width:768px ) { .pd_menu .nav-menu ul li{ border-bottom:none;} .pd_menu .nav-menu ul li a{ border-bottom: 1px solid #eee; padding:10px; text-align:left; display: block;} .pd_menu .nav-menu ul li .dl_h a{ padding-left:30px;} .pd_menu .nav-menu ul li .dl a{ padding-left:50px;} .pd_menu .nav-menu ul li .aon1 a, .pd_menu .nav-menu ul li .aon2 a, .pd_menu .nav-menu ul li .aon3 a{ color: #fff;} .Menu002272 .nav-menu ul .nav_ul{ display: none;} .Menu002272 .nav-menu ul li .dl_h{ height: auto; height: auto;} } .siglepage .con .about_head{ position:relative;} .siglepage .con .about_head::before, .siglepage .con .about_head::after{ content:''; display:block; width:70px; height:2px; background:#fff; position:absolute; top:50%;} .siglepage .con .about_head::before{ left:-80px;} .siglepage .con .about_head::after{ right:-80px;} /*内页banner轮播*/ .sidebanner{} .sidebanner .pic img{ width:100%;} .sidebanner .pic .img1{} .sidebanner .pic .img2{ display:none;} .sidebanner .bx-controls{ display: none!important;} @media screen and (max-width:1000px ) { .sidebanner .pic .img1{ display:none;} .sidebanner .pic .img2{ display:block;} } /*产品搜索*/ .PdSearch{ padding:25px 0 10px; color:#fff;} .PdSearch .keyword, .PdSearch .type, .PdSearch .btn{ float:left; padding-right:25px;} .PdSearch .keyword input{ width:210px; height:36px; line-height:36px; padding:0 10px; border:none;} .PdSearch .type select{ min-width:135px; height:36px; padding:0 15px;} .PdSearch .btn input{ width:71px; height:32px; border:none; border-radius:3px; color:#fff; background:#c8a05a; margin-top:2px; cursor:pointer;} @media screen and (max-width:640px ) { .PdSearch .keyword, .PdSearch .type, .PdSearch .btn{ float:none; width:100%; padding:0 0 15px;} .PdSearch .keyword span, .PdSearch .type span, .PdSearch .btn span{ display:inline-block; width:72px; text-align:right;} .PdSearch .keyword input{ margin-left:4px;} .PdSearch .btn{ padding-left:75px;} } /*荣誉客户*/ .honor_pic{ padding:25px 0 15px;} .honor_pic img{ width:100%;} .honor_list{ color:#fff;} .honor_list .ul li{ padding:20px 0; border-bottom:1px solid #fff;} .honor_list .honor_h{ position:relative; padding:0 60px 10px 0;} .honor_list .honor_h .title{ font-size:24px;} .honor_list .more{ float:right;} .honor_list .info{ line-height:24px; max-height:48px; overflow:hidden;}