/*index-company*/
#lw_tdd_foot .bodyCont_width .bodyContContent .foot_1 .nav_ul>li:nth-child(1){
width: 210px;
margin-right: 75px;
}
#lw_tdd_foot .bodyCont_width .bodyContContent .foot_1 .nav_ul>li#nav_fast .nav_ul_son>li{
width: 90px;
}
@media (max-width: 1399px){
#lw_tdd_foot .bodyCont_width .bodyContContent .foot_1 .nav_ul>li:nth-child(1){
margin-right: 0%;
}
}
#lw_tdd_foot .bodyCont_width .nav_ul #tel{
margin-left: 0px;
}
#laymod_312791 .bodyCont_width .bodyContContent .left_img{
width: 922px;
height: 451px;
}
#laymod_312791 .bodyCont_width .bodyContContent .right_text{
width: 478px;
padding: 66px 45px 0 37px;
height: 451px;
}
@media(max-width: 1399px){
#laymod_312791 .bodyCont_width .bodyContContent .left_img{
width: 790px;
}
#laymod_312791 .bodyCont_width .bodyContContent .right_text{
width: 409px;
}
#g_web{
overflow: hidden;
}
}
@media(max-width: 991px){
#laymod_312660 .fl .ql-size-30{
font-size: 6vw;
}
/* company */
#laymod_312791 .bodyCont_width .bodyContContent .swiper .left_img{
width: 100%;
height: 100%;
}
#laymod_312791 .bodyCont_width .bodyContContent .swiper .right_text{
padding: 20px 15px;
width: 100%;
height: 410px;
}
#laymod_312791 .bodyContContent .more{
left: 15px;
}
}
/*video*/
#laymod_315569 #lw_wl_imgtext .bodyCont_width{
width: 1200px;
}
#laymod_315569 .bodyCont_width .bodyContContent .left_img{
width: 816px;
height: 499px;
}
#laymod_315569 .bodyCont_width .bodyContContent .right_text{
width: 384px;
padding: 75px 40px 0 30px;
height: 499px
}
#laymod_315567 #lw_wl_breaknav .container{
width: 1200px;
}
@media (min-width: 992px){
#jh2_video_3.bodyCont .win_video.active_bg .video_play{
width: 800px;
height: 670px;
right: 30vw;
}
#jh2_video_3.bodyCont .win_video .video_btn a{
color: #fff;
}
#jh2_video_3 .bodyCont_width.container{
width: 1200px;
}
}
/*company*/
#laymod_313377 #lw_wl_imgtext .bodyCont_width{
width: 1200px;
}
#laymod_313377 .bodyCont_width .bodyContContent .left_img{
width: 865px;
height: 514px;
}
#laymod_313377 .bodyCont_width .bodyContContent .right_text{
width: 335px;
padding: 155px 70px 0 60px;
height: 514px
}
/* detail */
#laymod_313723 #lw_wl_imgtext .bodyCont_width{
width: 1200px;
}
#laymod_313723 .bodyCont_width .bodyContContent .left_img{
width: 785px;
height: 465px;
}
#laymod_313723 .bodyCont_width .bodyContContent .right_text{
width: 415px;
padding: 90px 45px 0 35px;
height: 465px
}
#laymod_313723 .bodyCont_width .bodyContContent .bottom_con .btn_txt:nth-child(1){
margin-right: 20px;
}
#laymod_313723 .bodyCont_width .bodyContContent .bottom_con .btn_txt{
width: 590px;
}
#laymod_313723 .bodyCont_width .bodyContContent .bottom_con .btn_txt .left_title{
width: 248px;
padding: 86px 19px 0 28px;
}
@media (min-width: 1399px){
#laymod_313123 #lw_wl_breaknav .container {
width: 1200px;
}
}
#lw_tdd_foot .bodyCont_width.active{
position: fixed;
bottom: 0;
width: 100%;
background: rgba(243,243,243,1);
z-index: 99;
padding-top: 65px;
margin: 0 !important;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.ImageText961 #lw_wl_imgtext .bodyContContent .bottom_con .tit2 .tit2_txt::before,
.ImageText961 #lw_wl_imgtext .bodyContContent .right_text .tit2 .tit2_txt::before {
width: 0;
}
/* 默认引入阿里云图标 */
@font-face {
font-family: 'iconfont'; /* project id 249974 */
src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot');
src: url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff2') format('woff2'),
url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.woff') format('woff'),
url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.ttf') format('truetype'),
url('//at.alicdn.com/t/font_249974_erxb7c1qrtn.svg#iconfont') format('svg');
}
@font-face {
font-family: 'Conv_AvantGardeITCbyBT-Book';
src: url('https://cdn.jihuinet.com/wechat/upload/AvantGardeITCbyBT-Book.eot');
src: local('☺'), url('https://cdn.jihuinet.com/wechat/upload/AvantGardeITCbyBT-Book.woff') format('woff'), url('https://cdn.jihuinet.com/wechat/upload/AvantGardeITCbyBT-Book.ttf') format('truetype'), url('http://cdn.jihuinet.com/wechat/upload/AvantGardeITCbyBT-Book.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.iconfont {
font-family:"iconfont" !important;
font-style:normal;
}
img {
border:0 none;
}
ul,ol,li {
list-style:none;
padding:0;
margin:0;
}
h1,h2,h3,h4,h5,h6,p {
margin:0;
font-weight:normal;
}
a, a:hover, a:active, a:visited, a:focus {
text-decoration:none;
}
/*模版整体控制*/
#laymod_986892 {
position:relative;
z-index: 1500;
font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode";
}
#laymod_986892 .bg {
position:absolute;
z-index: 1;
width:100%;
height:100%;
top:0;
left:0;
}
.page-index #laymod_986892 .top_nav{
display: none;
}
#laymod_986892 .top_nav{
width: 100%;
background-color: #333333;
height: 50px;
display: none;
}
#laymod_986892 .top_nav .box{
width: 1170px;
margin: 0 auto;
position: relative;
}
#laymod_986892 .top_nav .left_nav{
float: left;
width: 60%;
}
#laymod_986892 .top_nav .left_nav .text_nav{
color: #fffefe;
font-size: 14px;
line-height: 50px;
}
#laymod_986892 .top_nav .right_nav{
float: right;
}
#laymod_986892 .top_nav .right_nav a{
float: left;
color: #999999;
line-height: 50px;
padding-left: 30px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
#laymod_986892 .top_nav .right_nav a:hover{
color: #ee780d;
}
#laymod_986892 .top_nav .right_nav a.nav_watch{
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
position: relative;
}
#laymod_986892 .top_nav .right_nav a.nav_watch img{
width: 120px;
height: 120px;
display: block;
position: absolute;
top: -200px;
right: 0;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
z-index: -999;
transition: all 1s cubic-bezier(.075,.82,.165,1) 0s;
-moz-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s;
-ms-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s;
-webkit-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s;
-o-transition: all 1s cubic-bezier(.075,.82,.165,1) 0s;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#laymod_986892 .top_nav .right_nav a.nav_watch:hover img{
z-index: 1;
top: 100%;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
#laymod_986892 .bodyContContent {
width: 1170px;
position: relative;
margin: 0 auto;
}
@media (min-width: 992px) {
#laymod_986892 .bg {
background-color: transparent !important;
height: 0;
transition: all .4s cubic-bezier(.19,1,.22,1);
}
#laymod_986892 .nav_height .bg {
height: 100%;
background-color:#fff !important;
}
#laymod_986892 #lw_wl_nav.nav_height {
box-shadow: 0 5px 10px #eee;
}
#laymod_986892 #lw_wl_nav .bodyContContent .navli_fixed {
margin: 0 0 0 auto;
transition: all .35s;
float: right;
}
#laymod_986892 #lw_wl_nav .navli_fixed .father_ul li>a {
color: #000;
transition: all .4s cubic-bezier(.19,1,.22,1);
}
#laymod_986892 #lw_wl_nav.nav_height .navli_fixed .father_ul li>a {
color: #333;
transition: all .4s cubic-bezier(.19,1,.22,1);
}
#laymod_986892 #lw_wl_nav .bodyContContent .navli_fixed .father_ul li>a.active {
color: rgba(238,118,12,1);
}
#laymod_986892 .bodyContContent .nav_fixed {
position: absolute;
padding-top: 35px;
left: 1px;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 4;
transition: top .8s ease;
}
#laymod_986892 .bodyContContent .fied{
width: 1170px;
}
#laymod_986892 .bodyContContent .nav_fixed .nav_logo{
float: left;
}
#laymod_986892 .bodyContContent .nav_fixed .nav_logo a {
display:-webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items:center;
-webkit-align-items:center;
height: 70px;
overflow: hidden;
}
#laymod_986892 .bodyContContent .nav_fixed .nav_logo a img {
max-height: 70px;
}
#laymod_986892 .bodyContContent .navli_fixed {
margin: 14px 0 0 auto;
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul {
display: -ms-flexbox;
display: flex;
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul li {
margin-left: 33px;
position: relative;
padding-bottom: 10px;
line-height: 70px;
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul li>a {
font-size:14px;
font-weight:normal;
line-height: 1;
position: relative;
color: #000;
transition: transform .4s cubic-bezier(.19,1,.22,1);
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul li ul {
position: absolute;
top: 18px;
right: -10px;
overflow: hidden;
padding: 5px 0;
width: 150px;
background: #fff;
box-shadow: 0 2px 10px #ccc;
transform: translateY(50px);
transition: all .35s;
opacity: 0;
visibility: hidden;
border-top: 2px solid rgba(238,118,12,1);
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul li ul a {
display: block;
font-size:12px;
font-weight:normal;
color: #333;
transition: transform .4s cubic-bezier(.19,1,.22,1);
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul li ul a span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
padding: 10px;
}
#laymod_986892 #lw_wl_nav .navli_fixed .father_ul li>a.active {
color: rgba(238,118,12,1);
}
#laymod_986892 #lw_wl_nav,
#laymod_986892 #lw_wl_nav.header_fixed {
height: 115px;
}
.page-index #laymod_986892 #lw_wl_nav,
.page-index #laymod_986892 #lw_wl_nav.header_fixed {
height: 115px;
}
#laymod_986892 #lw_wl_nav .bodyContContent .nav_fixed,
#laymod_986892 #lw_wl_nav.header_fixed .bodyContContent .nav_fixed {
padding-top: 20px;
}
#laymod_986892 #lw_wl_nav .bodyContContent .nav_fixed .nav_logo a img,
#laymod_986892 #lw_wl_nav.header_fixed .bodyContContent .nav_fixed .nav_logo a img {
max-height: 70px;
}
#laymod_986892 .sjnav_fixed {
display: none;
}
#laymod_986892 .nav_link a {
color:#000;
transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
line-height: 70px;
position:relative;
float:left;
}
#laymod_986892 .nav_link a.nav_link1>img {
width:120px;
height:120px;
display:block;
position:absolute;
top:-200px;
right:0;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
z-index: -999;
transition:all 1s cubic-bezier(.075,.82,.165,1) 0s;
-moz-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s;
-ms-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s;
-webkit-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s;
-o-transition:all 1s cubic-bezier(.075,.82,.165,1) 0s;
box-shadow:0 0 5px rgba(0,0,0,0.2);
}
#laymod_986892 .nav_link a.nav_link1:hover img {
z-index: 1;
top:100%;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#laymod_986892 .nav_search>a.nav_btn {
display: block;
line-height: 70px;
text-align: center;
position: relative;
overflow: hidden;
margin: 0 18px;
}
#laymod_986892 .nav_search>a.nav_btn span:before{
content:"\e690";
}
#laymod_986892 .nav_search>a.nav_btn span {
display:block;
color:#000;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
height:34px;
width:34px;
position:absolute;
top:0;
left:0;
transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
}
#laymod_986892 .nav_search>a.nav_btn:hover span {
top:-34px;
}
#laymod_986892 .nav_search{
position: relative;
}
@-webkit-keyframes avia_pop {
0% { -webkit-transform:scale(0.8); }
100% { -webkit-transform:scale(1); }
}
@keyframes avia_pop {
0% { transform:scale(0.8); }
100% { transform:scale(1); }
}
#laymod_986892 .nav_search>.nav_lan {
position:absolute;
left:100%;
top:0;
width:200%;
}
#laymod_986892 .nav_search>.nav_lan a {
font-size:14px;
line-height:34px;
color:#000;
padding:0 3%;
opacity: 0.4;
-moz-opacity: 0.4;
filter:alpha(opacity=40);
transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
}
#laymod_986892 .nav_search>.nav_lan a:hover {
color:rgba(238,118,12,1);
text-decoration:none;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#laymod_986892 .mobile_style .nav_search {
display:block !important;
width:100%;
top:100%;
background:#fff;
height:auto;
right:0;
padding:0;
}
#laymod_986892 .mobile_style .nav_search>a {
display:none;
}
/* 搜索框 */
#laymod_986892 .search_fixed {
position: fixed;
width: 100%;
height: calc(100vh - 515px);
background-color: rgba(0, 0, 0, 0.95);
z-index: 20;
top: 115px;
left: 0;
padding: 0 50px;
opacity: 0;
visibility: hidden;
}
#laymod_986892 .search_fixed .search_content {
position: relative;
width: 100%;
height: 100%;
}
#laymod_986892 .search_fixed .search_content .nav_search_list {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 970px;
max-width: 100%;
}
#laymod_986892 .search_fixed .search_content #search_title {
text-transform: uppercase;
font-size: 48px;
font-weight: 400;
letter-spacing: 15px;
color: #fff;
margin-bottom: 60px;
}
#laymod_986892 .search_fixed .search_content form {
height: 50px;
line-height: 50px;
width: 100%;
border-bottom: 1px solid #898989;
overflow: hidden;
}
#laymod_986892 .search_fixed .search_content .search_text {
background: transparent;
border-width: 0;
width: calc(100% - 50px);
font-size: 15px;
line-height: 50px;
height: 50px;
padding: 0 10px;
letter-spacing: 1px;
font-weight: 400;
color: #fff;
float: left;
}
#laymod_986892 .search_fixed .search_content .search_btn {
height: 50px;
width: 50px;
color: #fff;
line-height: 50px;
text-align: center;
background: transparent;
border-width: 0;
float: right;
font-size: 16px;
}
#laymod_986892 .search_fixed .search_content .search_btn:after {
content: "\e801";
}
#laymod_986892 .search_fixed .close_click {
color: #fff;
font-size: 30px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
position: absolute;
right: 0;
top: 40px;
cursor: pointer;
transition: all .3s ease-out;
}
#laymod_986892 .search_fixed .close_click:after {
content: "\e803";
}
#laymod_986892 .search_fixed.active {
opacity: 1;
visibility: visible;
}
#laymod_986892 .active_false .search_fixed .close_click:hover {
transform: scale(1.3);
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul li:hover>a:before {
transform: scaleX(1);
transform-origin: left;
}
#laymod_986892 #lw_wl_nav.active_false .bodyContContent .navli_fixed .father_ul>li:hover>a,
#laymod_986892 #lw_wl_nav.active_false .bodyContContent .navli_fixed .father_ul .son_ul a:hover {
color: rgba(238,118,12,1);
}
#laymod_986892 .active_false .bodyContContent .navli_fixed .father_ul li:hover ul {
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
#laymod_986892 .active_false .bodyContContent .navli_fixed .father_ul li>a:hover,
#laymod_986892 .active_false .bodyContContent .navli_fixed .father_ul li ul a:hover {
color: rgba(238,118,12,1);
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul div.tel a{
font-size: 18px;
color: #000;
margin-left: 83px;
padding-right: 17px;
position: relative;
line-height: 70px;
font-family: 'Conv_AvantGardeITCbyBT-Book';
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul div.tel a::before{
content: '';
height: 10px;
width: 1px;
background: #d8d8d8;
position: absolute;
top: 6px;
right: 0;
}
}
@media (max-width: 991px){
#laymod_986892 {
overflow: visible;
}
#laymod_986892 .bodyCont_width {
z-index:4;
position:relative;
}
#laymod_986892 .bodyContContent .nav_fixed {
display: none;
}
#laymod_986892 .sjnav_fixed {
display: block;
position: fixed;
top: 0;
width: 100%;
height: 50px;
z-index: 100;
left: 0;
background: #fff;
}
#laymod_986892 .sjnav_fixed .sjnav_logo {
margin-left: 15px;
margin-top: 5px;
max-width: 50%;
}
#laymod_986892 .sjnav_fixed .sjnav_logo a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
height: 60px;
overflow: hidden;
max-width: 100%;
}
#laymod_986892 .sjnav_fixed .sjnav_logo a img {
max-width: 100%;
max-height: 40px;
display: block;
}
#laymod_986892 .sjnav_fixed .sjnav_hamburger {
position: absolute;
top: 16px;
right: 15px;
width: 20px;
height: 18px;
z-index: 111;
max-width: 20%;
}
#laymod_986892 .sjnav_fixed .sjnav_hamburger span {
display: block;
width: 100%;
background: #333;
position: absolute;
height: 2px;
}
#laymod_986892 .sjnav_fixed .sjnav_hamburger .sj_one {
top: 0;
right: 0;
transition: all .35s;
}
#laymod_986892 .sjnav_fixed .sjnav_hamburger .sj_two {
top: 8px;
right: 0;
opacity: 1;
}
#laymod_986892 .sjnav_fixed .sjnav_hamburger .sj_three {
right: 0;
bottom: 0;
transition: all .35s;
}
#laymod_986892 .sjnav_fixed .sjnav_hamburger.active .sj_two {
opacity: 0;
}
#laymod_986892 .sjnav_fixed .sjnav_hamburger.active .sj_one {
transform: translateY(8px) rotate(-45deg);
}
#laymod_986892 .sjnav_fixed .sjnav_hamburger.active .sj_three {
transform: translateY(-8px) rotate(45deg);
}
#laymod_986892 .sjnav_fixed nav {
position: fixed;
left: 0;
visibility: hidden;
width: 0%;
height: 100vh;
opacity: 0;
background: #fff;
transition: all .4s;
}
#laymod_986892 .sjnav_fixed nav.active_nav {
display: block;
width: 100%;
left: 0;
visibility: visible;
opacity: 1;
transition: all .4s;
top: 70px;
}
#laymod_986892 .sjnav_fixed nav.active_nav .father_ul {
margin-top: 20px;
padding: 0 15px;
}
#laymod_986892 .sjnav_fixed nav .father_ul li {
position: relative;
}
#laymod_986892 .sjnav_fixed nav .father_ul li a {
color: #333;
font-size: 14px;
line-height: 45px;
position: relative;
}
/* 一级分类 */
#laymod_986892 .sjnav_fixed nav .father_ul .f_li>a {
display: inline-block;
vertical-align: top;
width: 85%;
}
#laymod_986892 .sjnav_fixed nav .father_ul .f_li>.iconfont {
display: inline-block;
width: 15%;
font-size: 12px;
line-height: 45px;
vertical-align: top;
text-align: right;
text-indent: 15px;
color: #333;
}
#laymod_986892 .sjnav_fixed nav .father_ul .f_li>.iconfont:after {
content: "\e79b";
}
#laymod_986892 .sjnav_fixed nav .father_ul .f_li>.iconfont.active:after {
display: inherit;
transform: rotateX(180deg);
transition: all 1s ease;
}
#laymod_986892 .sjnav_fixed nav .father_ul li>a.active {
color: rgba(238,118,12,1);
}
#laymod_986892 .sjnav_fixed nav .father_ul li>a.active:before {
position: absolute;
bottom: 0px;
left: 0px;
width: 6%;
height: 2px;
content: '';
background: rgba(238,118,12,1);
}
/* 二级分类 */
#laymod_986892 .sjnav_fixed nav .father_ul li .son_ul {
text-indent: 2em;
padding: 12px 0;
display: none;
}
#laymod_986892 .sjnav_fixed nav .father_ul li .son_ul a {
display: block;
opacity: 0.6;
font-size: 13px;
line-height: 35px;
}
#laymod_986892 .search_fixed {
padding: 0 15px;
}
#laymod_986892 .search_fixed .search_content .nav_search_list {
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
#laymod_986892 .search_fixed .search_content #search_title {
font-size: 32px;
margin-bottom: 35px;
}
#laymod_986892 .active_true .search_fixed {
padding: 0 15px;
}
#laymod_986892 .active_true .search_fixed .search_content .nav_search_list {
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
#laymod_986892 .active_true .search_fixed .search_content #search_title {
font-size: 32px;
margin-bottom: 35px;
}
}
#laymod_986892 .active_true .bodyCont_width {
z-index:4;
position:relative;
}
#laymod_986892 .active_true .bodyContContent .nav_fixed {
display: none;
}
#laymod_986892 .active_true .sjnav_fixed {
display: block;
position: fixed;
top: 0;
width: 100%;
height: 70px;
z-index: 100;
left: 0;
background: #fff;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_logo {
margin-left: 15px;
margin-top: 5px;
max-width: 50%;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_logo a {
max-width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
height: 60px;
overflow: hidden;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_logo a img {
max-width: 100%;
max-height: 60px;
display: block;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_hamburger {
position: absolute;
top: 26px;
right: 15px;
width: 20px;
height: 18px;
z-index: 111;
max-width: 20%;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_hamburger span {
display: block;
width: 100%;
background: #333;
position: absolute;
height: 2px;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_hamburger .sj_one {
top: 0;
right: 0;
transition: all .35s;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_hamburger .sj_two {
top: 8px;
right: 0;
opacity: 1;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_hamburger .sj_three {
right: 0;
bottom: 0;
transition: all .35s;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_hamburger.active .sj_two {
opacity: 0;
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_hamburger.active .sj_one {
transform: translateY(8px) rotate(-45deg);
}
#laymod_986892 .active_true .sjnav_fixed .sjnav_hamburger.active .sj_three {
transform: translateY(-8px) rotate(45deg);
}
#laymod_986892 .active_true .sjnav_fixed nav {
position: fixed;
left: 0;
visibility: hidden;
width: 0%;
height: 100vh;
opacity: 0;
background: #fff;
transition: all .4s;
}
#laymod_986892 .active_true .sjnav_fixed nav.active_nav {
display: block;
width: 100%;
left: 0;
visibility: visible;
opacity: 1;
transition: all .4s;
top: 70px;
}
#laymod_986892 .active_true .sjnav_fixed nav.active_nav .father_ul {
margin-top: 20px;
padding: 0 15px;
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul li {
position: relative;
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul li a {
color: #333;
font-size: 14px;
line-height: 45px;
position: relative;
}
/* 一级分类 */
#laymod_986892 .active_true .sjnav_fixed nav .father_ul .f_li>a {
display: inline-block;
vertical-align: top;
width: 85%;
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul .f_li>.iconfont {
display: inline-block;
width: 15%;
font-size: 12px;
line-height: 45px;
vertical-align: top;
text-align: right;
text-indent: 15px;
color: #333;
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul .f_li>.iconfont:after {
content: "\e79b";
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul .f_li>.iconfont.active:after {
display: inherit;
transform: rotateX(180deg);
transition: all 1s ease;
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul li.active>a {
color: rgba(238,118,12,1);
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul li.active>a:before {
position: absolute;
bottom: 0px;
left: 0px;
width: 6%;
height: 2px;
content: '';
background: rgba(238,118,12,1);
}
/* 二级分类 */
#laymod_986892 .active_true .sjnav_fixed nav .father_ul li .son_ul {
text-indent: 2em;
padding: 12px 0;
display: none;
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul li .son_ul a {
display: block;
opacity: 0.6;
font-size: 13px;
line-height: 35px;
position: relative;
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul li .son_ul a.active{
color: #ee780d;
}
#laymod_986892 .active_true .sjnav_fixed nav .father_ul li .son_ul a.active:before{
position: absolute;
bottom: 0px;
left: 25px;
width: 6%;
height: 2px;
content: '';
background: rgba(238,118,12,1);
}
@media(max-width: 1399px){
#laymod_986892 .bodyContContent .navli_fixed .father_ul li{
margin-left: 20px;
}
#laymod_986892 .bodyContContent .navli_fixed .father_ul div.tel a{
margin-left: 30px;
}
}
@media(min-width: 1399px){
#laymod_986892 .top_nav .box{
width: 1400px;
}
#laymod_986892 .bodyContContent{
width: 1400px;
position: relative;
margin: 0 auto;
}
#laymod_986892 .bodyContContent .nav_fixed.active{
position: fixed;
width: 100%;
background: #fff;
height: 115px;
padding-top: 20px;
}
#laymod_986892 .bodyContContent .fied{
width: 1400px;
margin: 0 auto;
}
}
#laymod_986976 #lw_wl_breaknav{
border-top: 1px solid #e0e0e0;
}
#laymod_986976 #lw_wl_breaknav.fix_nav{
position:fixed;
top:0;
left:0;
width:100%;
background: #fff;
z-index: 999;
}
#laymod_986976 .container{
position: relative;
overflow: hidden;
height: 56px;
}
#laymod_986976 .container .left_keyword{
width: 70%;
float: left;
}
#laymod_986976 .container .left_keyword span{
line-height: 56px;
color: #666666;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
#laymod_986976 .container .left_keyword a:hover span{
color: #ee780d;
}
#laymod_986976 .container .left_keyword a span{
padding-right: 28px;
}
#laymod_986976 .container .right_message{
float: right;
}
#laymod_986976 .container .right_message a{
font-size: 12px;
color: #ffffff;
line-height: 35px;
display: block;
margin-top: 10px;
width: 118px;
height: 35px;
text-align: center;
background-color: #ee780d;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
#laymod_986976 .container .right_message a:hover{
box-shadow: 3px 0px 10px #ee780d;
}
#laymod_986976 .container .left_keyword a:hover{
color: #ee780d;
}
@media (min-width: 1399px){
#laymod_986976 .container{
width: 1400px;
}
}
/* 默认引入阿里云图标 */
@font-face {
font-family: 'iconfont'; /* project id 249974 */
src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot');
src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff2') format('woff2'),
url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff') format('woff'),
url('//at.alicdn.com/t/font_249974_nfjb564vfrc.ttf') format('truetype'),
url('//at.alicdn.com/t/font_249974_nfjb564vfrc.svg#iconfont') format('svg');
}
.iconfont {
font-family:"iconfont" !important;
font-style:normal;
}
#laymod_986918 #lw_wl_product .load-more{
margin-top: 41px;
text-align: center;
background-color: #eee;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0,0,0,0);
}
#laymod_986918 #lw_wl_product .load-more a{
line-height: 60px;
font-size: 16px;
color: #000;
}
#laymod_986918 #lw_wl_product .load-more:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(238,118,12,1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#laymod_986918 #lw_wl_product .load-more:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
}
#laymod_986918 #lw_wl_product .menu_loading{
text-align: center;
}
#laymod_986918 #lw_wl_product .menu_loading .more{
width: 157px;
height: 47px;
border: 1px solid #000;
text-align: center;
line-height: 47px;
color: #000;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-ms-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
}
#laymod_986918 #lw_wl_product .menu_loading .more:hover{
color: #ee780d;
border: 1px solid #ee780d;
}
#laymod_986918 #lw_wl_product .menu_loading .more::before{
bottom: 0;
right: 0;
-webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
#laymod_986918 #lw_wl_product .menu_loading .more::after{
top: 0;
left: 0;
-webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
#laymod_986918 #lw_wl_product .menu_loading .more::before,
#laymod_986918 #lw_wl_product .menu_loading .more::after{
content: '';
display: block;
position: absolute;
box-sizing: border-box;
border: 1px solid transparent;
width: 0;
height: 0;
}
#laymod_986918 #lw_wl_product .menu_loading .more:hover::before,
#laymod_986918 #lw_wl_product .menu_loading .more:hover::after{
height: 100%;
width: 100%;
}
#laymod_986918 #lw_wl_product .menu_loading .more:hover:before {
border-bottom-color: #ee780d;
border-left-color: #ee780d;
-webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
#laymod_986918 #lw_wl_product .menu_loading .more:hover:after {
border-top-color: #ee780d;
border-right-color: #ee780d;
-webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
#laymod_986918 #lw_wl_product .menu_loading img{
display: none;
margin: 0 auto;
}
i,em {
font-style:normal;
}
img {
border:0 none;
}
ul,ol,li {
list-style:none;
padding:0;
margin:0;
}
h1,h2,h3,h4,h5,h6,p {
margin:0;
font-weight:normal;
}
a, a:hover, a:active, a:visited, a:focus {
text-decoration:none;
}
/*模版整体控制*/
#lw_wl_product{
z-index: 5;
border-top: 1px solid #e0e0e0;
}
#laymod_986918 #lw_wl_product {
position:relative;
overflow:hidden;
font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode";
}
#laymod_986918 #lw_wl_product>.bg {
position:absolute;
z-index: 1;
width:100%;
height:100%;
top:0;
left:0;
}
#laymod_986918 #lw_wl_product>.bg_img {
z-index:2;
}
#laymod_986918 #lw_wl_product .bodyCont_width {
position:relative;
z-index: 3;
}
/*标题控制*/
#laymod_986918 #lw_wl_product .bodyContTitle {
margin:0 auto;
padding: 0;
position:relative;
z-index: 3;
}
#laymod_986918 #lw_wl_product .bodyContTitle .fl {
font-size:20px;
color:#000;
text-align: center;
font-weight: bold;
}
#laymod_986918 #lw_wl_product .bodyContTitle .fl2 {
font-size:12px;
text-align: center;
color:#999;
font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei";
}
#laymod_986918 #lw_wl_product .bodyContContent {
position:relative;
z-index: 4;
}
/*模版主体部分*/
#laymod_986918 #lw_wl_product .bodyContContent {
position:relative;
}
#laymod_986918 #lw_wl_product .pro_list {
width:auto;
position:relative;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-wrapper_ {
position:relative;
padding:8px 0;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-slide_li {
margin:0 0 17px 0;
width: 279px;
padding: 0;
margin-right: 27px;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-slide_li:nth-child(4n+4){
margin-right: 0;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-slide_li a {
background:#fff;
display:block;
width:100%;
transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
position:relative;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-slide_li a>.pro_bg_color {
display:block;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
transition:all 0.6s ease 0s;
-moz-transition:all 0.6s ease 0s;
-webkit-transition:all 0.6s ease 0s;
-o-transition:all 0.6s ease 0s;
z-index: 0;
}
#laymod_986918 #lw_wl_product .pro_list .pro_pic {
display:block;
width:100%;
height:auto;
position:relative;
overflow:hidden;
background: #f6f6f6;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align:center;
z-index: 2;
}
#laymod_986918 #lw_wl_product .pro_list .pro_pic img {
display:block;
width:100%;
position:relative;
z-index: 1;
border: 1px solid #eee;
}
#laymod_986918 #lw_wl_product .pro_list i.pic_bg2 {
display:block;
width:100%;
height:100%;
z-index: 1;
position:absolute;
top:0;
left:0;
}
#laymod_986918 #lw_wl_product .pro_list span.pro_name {
display:block;
width:100%;
text-align:center;
font-size:12px;
line-height:43px;
height:43px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color:#000;
opacity: 1;
-moz-opacity: 1;
z-index: 3;
position:relative;
transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
}
#laymod_986918 .pro_list span.pro_price,
#laymod_986918 .pro_list span.member-price {
display:block;
width:100%;
text-align:center;
font-size:1.4rem;
line-height:2;
overflow:hidden;
color:#999;
z-index: 5;
padding:0;
position:relative;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
#laymod_986918 .pro_list span.member-price em {
display: inline-block;
vertical-align: top;
color: rgba(238,118,12,1);
font-size: 12px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
#laymod_986918 .pro_list span.price1 {
color:#f00;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
#laymod_986918 .pro_list span.price2 {
text-decoration:line-through;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
#laymod_986918 #lw_wl_product .pagenation {
clear:both;
overflow:hidden;
margin-bottom: 37px;
}
#laymod_986918 #lw_wl_product .pagenation .row {
text-align:center;
font-size:0;
}
#laymod_986918 #lw_wl_product .pagenation .page_li {
float:none;
display:inline-block;
*display:inline;
*zoom:1;
vertical-align: top;
}
#laymod_986918 #lw_wl_product .pagenation .page_li a {
display: inline-block;
padding: 0;
font-size: 1.4rem;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
color:#ccc;
transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-moz-border-radius: 14px;
-khtml-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-border-radius-bottomleft:14px;
-moz-border-radius-bottomright:14px;
-khtml-border-radius: 14px;
-webkit-border-bottom-left-radius:14px;
-webkit-border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
}
#laymod_986918 #lw_wl_product .pro_list .pro_search_noting {
padding:1%;
font-size:14px;
color:rgba(238,118,12,1);
line-height:3;
display:none;
text-indent:10px;
}
@media (min-width:992px) {
#laymod_986918 #lw_wl_product .bodyContContent{
padding: 0;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-wrapper_ {
padding: 0 0 8px 0;
display:-webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
width: 1200px;
}
}
/* 电脑端二、三级分类 */
#laymod_986918 #lw_wl_product.active_false .pro_erji,
#laymod_986918 #lw_wl_product.active_false .pro_sanji {
margin: 0 auto;
}
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate {
display: none;
}
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate.active_bg,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate.active_bg {
display: block;
margin-top: 10px;
text-align: center;
}
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate.active_bg li,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate.active_bg li {
display: inline-block;
width: auto;
position: relative;
margin-right: 10px;
margin-bottom: 6px;
}
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate.active_bg li a,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate.active_bg li a {
display: block;
width: auto;
height: 40px;
line-height: 40px;
text-align: center;
margin: 0;
padding: 0 15px;
position: relative;
z-index: 1;
background: #eee;
color: #7d7d7d;
font-size: 13px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate.active_bg li a:before,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate.active_bg li a:before {
content: "";
display: block;
width: 0;
height: 40px;
position: absolute;
top: 0;
left: 50%;
background: rgba(238,118,12,1);
z-index: -1;
transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-webkit-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
}
/* 电脑端hover */
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate.active_bg li:hover a,
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate.active_bg li.active_bg a,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate.active_bg li:hover a,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate.active_bg li.active_bg a{
color:#fff;
}
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate.active_bg li:hover a:before,
#laymod_986918 #lw_wl_product.active_false .pro_erji .sonCate.active_bg li.active_bg a:before,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate.active_bg li:hover a:before,
#laymod_986918 #lw_wl_product.active_false .pro_sanji .sunCate.active_bg li.active_bg a:before{
width:100%;
left:0;
}
#laymod_986918 #lw_wl_product.active_false .pro_list .swiper-slide_li a:hover {
text-decoration:none;
box-shadow:0 0 8px #ccc;
}
#laymod_986918 #lw_wl_product.active_false .pro_list a:hover span.pro_name,
#laymod_986918 .active_false .pro_list a:hover span.pro_price,
#laymod_986918 .active_false .pro_list a:hover span.price1,
#laymod_986918 .active_false .pro_list a:hover span.member-price {
color:#ee760c;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
#laymod_986918 .active_false .pro_list a:hover span.member-price em {
color:#fff;
}
#laymod_986918 .active_false .pro_list a:hover span.price2 {
color:#fff;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
}
#laymod_986918 #lw_wl_product.active_false .pagenation .page_li a:hover {
color:rgba(238,118,12,1);
text-decoration:none;
}
#laymod_986918 #lw_wl_product.active_false .pagenation .pagePrev>a:hover {
text-decoration:none;
margin-left:-5px;
}
#laymod_986918 #lw_wl_product.active_false .pagenation .pageNext>a:hover {
text-decoration:none;
margin-left:5px;
}
#laymod_986918 #lw_wl_product.active_false .pro_list li:hover .pro_pic img {
transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transform: scale(0.8);
}
#laymod_986918 #lw_wl_product.active_true .bodyContTitle .fl,
#laymod_986918 #lw_wl_product.active_true .bodyContTitle .fl p,
#laymod_986918 #lw_wl_product.active_true .bodyContTitle .fl span,
#laymod_986918 #lw_wl_product.active_true .bodyContTitle .fl b {
font-size:20px;
}
#laymod_986918 #lw_wl_product.active_true .bodyContTitle .fl2,
#laymod_986918 #lw_wl_product.active_true .bodyContTitle .fl2 p,
#laymod_986918 #lw_wl_product.active_true .bodyContTitle .fl2 span,
#laymod_986918 #lw_wl_product.active_true .bodyContTitle .fl2 b {
font-size: 12px;
}
#laymod_986918 #lw_wl_product.active_true .bodyCont_width {
margin-bottom:2rem !important;
}
#laymod_986918 #lw_wl_product.active_true .pro_list li {
margin:0 0 1rem 0;
}
#laymod_986918 #lw_wl_product.active_true .pro_list li.pro_item{
margin: 10px 0 22px 0;
}
#laymod_986918 #lw_wl_product.active_true .pro_list .swiper-wrapper_ {
margin: 0 auto;
display:-webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
}
#laymod_986918 #lw_wl_product.active_true .pro_list .swiper-slide_li {
width: 48%;
padding: 0;
float: left;
display: block;
}
#laymod_986918 #lw_wl_product.active_true .pro_list .swiper-slide_li:nth-child(2n-1) {
margin-right: 1.8%;
}
#laymod_986918 #lw_wl_product.active_true .pro_list .swiper-slide_li:nth-child(2n) {
margin-left: 1.8%;
}
#laymod_986918 #lw_wl_product.active_true .pro_list .swiper-slide_li a {
padding: 0;
}
@media (max-width: 991px) {
#laymod_986918 #lw_wl_product .bodyContTitle {
padding: 0 15px;
}
#laymod_986918 #lw_wl_product .bodyContTitle .fl,
#laymod_986918 #lw_wl_product .bodyContTitle .fl p,
#laymod_986918 #lw_wl_product .bodyContTitle .fl span,
#laymod_986918 #lw_wl_product .bodyContTitle .fl b {
font-size:20px;
}
#laymod_986918 #lw_wl_product .bodyContTitle .fl2,
#laymod_986918 #lw_wl_product .bodyContTitle .fl2 p,
#laymod_986918 #lw_wl_product .bodyContTitle .fl2 span,
#laymod_986918 #lw_wl_product .bodyContTitle .fl2 b {
font-size: 12px;
}
#laymod_986918 #lw_wl_product .bodyCont_width {
margin-bottom:2rem !important;
}
#laymod_986918 #lw_wl_product .pro_list li {
margin:0 0 1rem 0;
}
#laymod_986918 #lw_wl_product .pro_list li.pro_item{
margin: 10px 0 22px 0;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-wrapper_ {
margin: 0 auto;
display:-webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-slide_li {
width: 48%;
padding: 0;
float: left;
display: block;
margin-right: 0;
}
#laymod_986918 #lw_wl_product.active_true .pro_list .swiper-slide_li:nth-child(2n-1){
margin-right: 4%;
}
#laymod_986918 #lw_wl_product.active_true .pro_list .swiper-slide_li:nth-child(2n){
margin-left: 0;
}
#laymod_986918 #lw_wl_product .pro_list .swiper-slide_li a {
padding: 0;
}
}
/* 默认引入阿里云图标 */
@font-face {
font-family: 'iconfont'; /* project id 249974 */
src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot');
src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff2') format('woff2'),
url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff') format('woff'),
url('//at.alicdn.com/t/font_249974_nfjb564vfrc.ttf') format('truetype'),
url('//at.alicdn.com/t/font_249974_nfjb564vfrc.svg#iconfont') format('svg');
}
.iconfont {
font-family:"iconfont" !important;
font-style:normal;
}
i,em {
font-style:normal;
}
/*模版整体控制*/
#laymod_986893 #lw_tdd_foot {
position:relative;
overflow:hidden;
font-family:"Microsoft Yahei","PingHei","Lucida Grande","Lucida Sans Unicode";
}
#laymod_986893 #lw_tdd_foot>.bg {
position:absolute;
z-index: 1;
width:100%;
height:100%;
top:0;
left:0;
}
#laymod_986893 #lw_tdd_foot>.bg_img {
z-index:2;
}
#laymod_986893 .bodyCont_width {
position:relative;
z-index: 4;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
/*标题控制*/
#laymod_986893 .bodyContContent {
position:relative;
z-index: 4;
}
/*模版主体部分*/
#laymod_986893 .foot_1 {
padding-bottom:37px;
overflow:hidden;
width: 1400px;
margin: 0 auto;
border-bottom: 1px solid #d6d6d6;
}
#laymod_986893 .foot_1 #nav_f_logo .logotit{
font-size: 20px;
color: #fff;
font-weight: bold;
margin-top: 14px;
margin-bottom: 35px;
}
#laymod_986893 .foot_1 #nav_f_logo .hour{
font-size: 14px;
color: #88c4ff;
margin-bottom: 13px;
}
#laymod_986893 .foot_1 #nav_f_logo .tel{
font-size: 30px;
color: #fff;
font-weight: bold;
}
#laymod_986893 .foot_1 .nav_ul>li{
width: 175px;
float: left;
}
#laymod_986893 .foot_1 .nav_ul>li:nth-child(1){
margin-right: 90px;
width: 127px;
}
#laymod_986893 .foot_1 .nav_ul>li#nav_fast .nav_ul_son>li{
width: 50px;
float: left;
}
#laymod_986893 .foot_1 .nav_ul>li#nav_fast .nav_ul_son>li:nth-child(2n-1){
margin-left: 25px;
}
#laymod_986893 .foot_1 .nav_ul>li:nth-last-child(1){
width: 160px;
}
#laymod_986893 .foot_1>ul>li>.text {
font-size:12px;
text-align:center;
margin-top: 11px;
color:#d3e9ff;
padding-left: 15px;
}
#laymod_986893 .foot_1>ul>li>a>img,
#laymod_986893 .foot_1>ul>li>img {
display:block;
width:133px;
max-height:133px;
}
#laymod_986893 .foot_1>ul>li .nav_link {
font-size:16px;
color:rgba(0,0,0,1);
margin:0 0 20px 0;
display:inline-block;
}
#laymod_986893 .foot_1>ul>li>ul>li {
padding-right:0;
padding-left: 0;
color:#89c5ff;
}
#laymod_986893 .foot_1>ul>li#nav_fast>ul>li span{
float: left;
}
#laymod_986893 .foot_1>ul>li>ul>li>a,
#laymod_986893 #nav_contacts>ul>i a {
line-height: 24px;
font-size:12px;
color:#999;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
margin:0;
display:inline-block;
opacity: 0.58;
-moz-opacity: 0.58;
filter:alpha(opacity=58);
word-break: break-all;
}
#laymod_986893 #nav_contacts>ul>li,
#laymod_986893 #nav_contacts>ul>i {
color:rgba(0,0,0,1);
margin:0 0 15px 0;
line-height:1;
font-size: 0;
display: block;
}
#laymod_986893 #nav_contacts>ul>i li {
margin-bottom: 15px;
}
#laymod_986893 #nav_contacts>ul>li>em,
#laymod_986893 #nav_contacts>ul>li>span {
font-style:normal;
opacity: 0.58;
-moz-opacity: 0.58;
filter:alpha(opacity=58);
}
#laymod_986893 #tel{
width: 187px;
margin-left: 45px;
}
#laymod_986893 #tel .text2 a .free1{
font-size: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
#laymod_986893 #tel .text2 .free2{
font-size: 12px;
color: #999999;
text-align: center;
margin-top: 16px;
}
#laymod_986893 #tel .text2 a.more{
margin-top: 30px;
text-align: center;
border: 1px solid #000;
display: block;
width: 128px;
height: 41px;
margin-left: auto;
margin-right: auto;
line-height: 41px;
color: #000;
-webkit-transition: all 0.6s ease-in;
-moz-transition: all 0.6s ease-in;
-ms-transition: all 0.6s ease-in;
-o-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
position: relative;
}
/* 按钮 */
#laymod_986893 #tel .text2 a.more:hover{
color: #ee780d;
border: 1px solid #ee780d;
}
#laymod_986893 #tel .text2 a.more::before{
bottom: 0;
right: 0;
-webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
#laymod_986893 #tel .text2 a.more::after{
top: 0;
left: 0;
-webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
#laymod_986893 #tel .text2 a.more::before,
#laymod_986893 #tel .text2 a.more::after{
content: '';
display: block;
position: absolute;
box-sizing: border-box;
border: 1px solid transparent;
width: 0;
height: 0;
}
#laymod_986893 #tel .text2 a.more:hover::before,
#laymod_986893 #tel .text2 a.more:hover::after{
height: 100%;
width: 100%;
}
#laymod_986893 #tel .text2 a.more:hover:before {
border-bottom-color: #ee780d;
border-left-color: #ee780d;
-webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
#laymod_986893 #tel .text2 a.more:hover:after {
border-top-color: #ee780d;
border-right-color: #ee780d;
-webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
#laymod_986893 #nav_ewm {
text-align:center;
}
#laymod_986893 #nav_ewm img {
margin-left: 15px;
}
#laymod_986893 #nav_ewm .free{
color: #fff;
position: relative;
}
#laymod_986893 #nav_ewm .free1::after{
position: absolute;
content: '';
bottom: -5px;
width: 47px;
left: 0;
background: #89c5ff;
height: 1px;
display: block;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
#laymod_986893 #nav_ewm .free2:after{
position: absolute;
content: '';
bottom: -5px;
width: 97px;
left: 0;
background: #89c5ff;
height: 1px;
display: block;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
#laymod_986893 #nav_ewm .free1:hover::after{
width: 0;
}
#laymod_986893 #nav_ewm .free2:hover::after{
width: 0;
}
#laymod_986893 #nav_ewm .free1{
margin-right: 10px;
}
#laymod_986893 .foot_keyword{
width: 1400px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 30px;
}
#laymod_986893 .foot_keyword a{
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
#laymod_986893 .foot_keyword a:hover{
color: #ee7507 !important;
}
#laymod_986893 .foot_2 {
overflow:hidden;
padding-top:22px;
padding-bottom:22px;
background-color: #333;
}
#laymod_986893 .foot_2 .foot_bottom{
width: 1400px;
margin: 0 auto;
}
#laymod_986893 .foot_2 .foot_bottom,
#laymod_986893 .foot_2 .foot_bottom a {
padding:0;
color:rgba(153,153,153,1);
font-size:12px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
#laymod_986893 .foot_2 .left_copy {
float: left;
width: 50%;
}
#laymod_986893 .foot_2 .left_copy div{
float: left;
padding-right: 5px;
}
#laymod_986893 .foot_2 .left_copy .tech{
float: left;
}
#laymod_986893 .foot_2 .right_copy {
float:right;
}
#laymod_986893 #nav_follow .nav_ul_son {
width: 56%;
}
#laymod_986893 #nav_contacts ul li .pxyz,
#laymod_986893 #nav_contacts ul li .pjz {
display: inline-block;
vertical-align: top;
opacity: 0.58;
font-size: 12px;
}
#laymod_986893 .foot_2 .foot_cmpp {
float: left;
margin-right: 10px;
}
#laymod_986893 .foot_2 .foot_cmpp>div{
float: left;
margin-right: 15px;
}
#laymod_986893 .foot_2 .foot_cmpp a{
margin-right: 18px;
}
#laymod_986893 .foot_2 .foot_cmpp a:nth-last-child(1){
margin-right: 0;
}
#laymod_986893 .foot_2 .foot_cmpp .tech{
margin-right: 75px;
}
#laymod_986893 .foot_1>ul>li>ul>li>a:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
text-decoration:none;
color: #ee7507;
}
#laymod_986893 .foot_2 .foot_bottom a:hover {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
text-decoration:none;
color:#ee7507;
}
@media (max-width: 992px) {
#laymod_986893 .foot_1>ul>li .nav_link {
font-size: 16px;
margin-bottom: 20px;
}
#laymod_986893 .foot_1>ul>li>ul>li>a {
font-size:12px;
}
#laymod_986893 #nav_contacts>ul>li,
#laymod_986893 #nav_contacts>ul>i li {
margin: 0 0 12px 0;
padding: 0;
}
#laymod_986893 #nav_contacts>ul>i li {
padding: 0;
}
#laymod_986893 .foot_2 .left_copy .foot_cmpp,
#laymod_986893 .foot_2 .container a {
display:inline-block;
margin-right: 6px;
}
#laymod_986893 .foot_1 {
padding: 0;
padding-bottom:35px;
}
#laymod_986893 .foot_1>ul {
margin:0;
}
#laymod_986893 .foot_1>ul>li.f_nav_list {
display:none;
}
#laymod_986893 #nav_ewm img {
margin-left: 15px;
width:40%;
max-height: inherit;
}
#laymod_986893 .foot_2 {
padding-top:14px;
padding-bottom:14px;
}
#laymod_986893 .foot_2 .left_copy,
#laymod_986893 .foot_2 .right_copy {
text-align:center;
}
#laymod_986893 .foot_2 .col-md-8,
#laymod_986893 .foot_2 .col-md-4 {
text-align:center;
line-height:2;
}
#laymod_986893 #nav_contacts>ul {
margin:0 auto;
}
#laymod_986893 .foot_2 .container a {
display: inline-block;
}
}
@media (max-width: 1399px){
#laymod_986893 .foot_1{
width: 1200px;
}
#laymod_986893 .foot_1 .nav_ul>li:nth-child(1){
margin-right: 1.1%;
}
#laymod_986893 .foot_1 .nav_ul>li{
width: 12.1%;
}
#laymod_986893 .foot_keyword,
#laymod_986893 .foot_2 .foot_bottom{
width: 1200px;
}
}
@media(max-width: 991px){
#laymod_986893 .foot_keyword,
#laymod_986893 .foot_2 .foot_bottom,
#laymod_986893 .foot_2 .left_copy,
#laymod_986893 .foot_1{
width: 100%;
}
#laymod_986893 .foot_keyword{
padding: 0 15px;
}
#laymod_986893 #tel{
margin-left: 15px;
}
#laymod_986893 #tel .text2 a .free1{
font-size: 6vw;
}
#laymod_986893 #tel .text2 a.more{
margin-left: inherit;
}
#laymod_986893 .foot_2 .foot_bottom{
line-height: 1.5;
}
#laymod_986893 #nav_ewm{
display: none;
}
#laymod_986893 .foot_2 .right_copy{
float: none;
}
}