.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_news_list-110002{ overflow: hidden; } .c_news_list-110002 .wrap{ width: inherit; height: auto; overflow: hidden; margin: 10px auto; } .c_news_list-110002 a{ text-decoration: none; } .c_news_list-110002 .wrap ul li .a1 img{ width: 474px; height: 267px; } .c_news_list-110002 .wrap ul li{ width: calc((100% - 30px)/3); height: auto; list-style: none; position: relative; float: left; overflow: hidden; margin: 5px; margin-bottom:15px; } .c_news_list-110002 .wrap ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 10px 20px; background: #fafafa; } .c_news_list-110002 .wrap ul li .a1 .divA>.p1{ width: auto; height: auto; font-size: 18px; line-height: 25px; color: #666; } .c_news_list-110002 .wrap ul li .a1 .divA>.p2{ width: auto; height: auto; font-size: 14px; color: #b4b4b4; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_news_list-110002 .wrap ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: auto; height: auto; color: #f60; } .c_news_list-110002 .wrap ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } .c_news_list-110002 .wrap ul li .a2{ position: absolute; top: 0; left:-474px; width: 100%; height: 100%; text-align: center; color: white; background: rgba(0,0,0,0.5); transition: all 0.2s; } .c_news_list-110002 .wrap ul li .a2 .p4{ width:100%; text-align: center; position: absolute; top: 34px; left: -474px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } .c_news_list-110002 .wrap ul li .a2 .p5{ width: auto; text-align: center; line-height:24px ; padding-left:30px; padding-right:30px; position: absolute; top: 65px; left: -474px; margin: 30px 0 10px; font-size: 14px; color: white; transition: all 0.2s 0.2s ease-out ; } .c_news_list-110002 .wrap ul li .a2 .p6{ position: absolute; top: 140px; left: 175px; transform: scale(1.4); transition: all 0.3s 0.2s ; } .c_news_list-110002 .wrap ul li .a2 .p6 span{ font-family: Arial; font-size: 36px; font-weight: 700; color: white; } .c_news_list-110002 .wrap ul li .a2 .p7{ position: absolute; bottom:-50px; left: 31%; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } .p_page div { float: left; line-height: 30px; margin-left: 2px; } .e_pagebox { width: auto; height: auto; clear: both; float: right; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; position: relative; } .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .p_page .next { display: inline-table; float: left; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .pre:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .p_page .pre:active { background-color: rgba(90, 170, 167, 1); } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .pre:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pre:active .iconfont { color: rgba(255,255,255,1); } .p_page .pre .iconfont:before { content: ""; margin-right: 5px; } .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .next:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .p_page .next:active { background-color: rgba(90, 170, 167, 1); } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .next:hover .iconfont { color: rgba(255,255,255,1); } .p_page .next:active .iconfont { color: rgba(255,255,255,1); } .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; } .p_page .pageNum { position: absolute; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; text-decoration: none; width: inherit; } .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .p_page .pageNum:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); cursor: pointer; text-decoration: none; background-color: rgba(101,190,186,1); } .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255,255,255,1); } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .p_page .pageNum .iconfont { display: inline; color: rgba(255,255,255,1); vertical-align: middle; } .p_page .pageNum:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum:active .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum .iconfont:before { content: ""; } .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .clear { clear: both; } .c_news_list-36002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-36002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-36002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-36002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_news_list-110002 a{ text-decoration: none; } .c_news_list-110002 .wrap{ width: inherit; height: auto; overflow: hidden; margin: 10px auto; } .c_news_list-110002 .wrap ul li .a1 img{ width: 400px; height: 267px; } .c_news_list-110002 .wrap ul li{ width: 380px; height: auto; list-style: none; position: relative; float: left; margin-right: 15px; overflow: hidden;  margin-bottom:15px; } .c_news_list-110002 .wrap ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 10px 10px; background: #fafafa; } .c_news_list-110002 .wrap ul li .a1 .divA>.p1{ width: auto; height: auto; font-size: 17px; line-height: 25px; color: #444; } .c_news_list-110002 .wrap ul li .a1 .divA>.p2{ width: auto; height: auto; font-size: 13px; color: #666; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c_news_list-110002 .wrap ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: auto; height: auto; color: #f60; } .c_news_list-110002 .wrap ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } .c_news_list-110002 .wrap ul li .a2{ position: absolute; top: 0; left:-474px; width: 100%; height: 100%; text-align: center; color: white; background: rgba(0,0,0,0.5); transition: all 0.2s; } .c_news_list-110002 .wrap ul li .a2 .p4{ width:100%; text-align: center; position: absolute;  padding: 10px; left: -474px; color: #ffe605; font-size: 20px; font-weight: bold; transition: all 0.2s 0.1s ease-out; } .c_news_list-110002 .wrap ul li .a2 .p5{ width: auto; text-align: center; line-height:24px; padding-left: px;  position: absolute; top: 65px; left: -474px; margin: 30px 0 10px; font-size: 12px; color: white; transition: all 0.2s 0.2s ease-out; } .c_news_list-110002 .wrap ul li .a2 .p6{ position: absolute; top: 140px; left: 175px; transform: scale(1.4); transition: all 0.3s 0.2s ; } .c_news_list-110002 .wrap ul li .a2 .p6 span{ font-family: Arial; font-size: 36px; font-weight: 700; color: white; } .c_news_list-110002 .wrap ul li .a2 .p7{ position: absolute; bottom:-50px; left: 31%; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } .p_page div { float: left; line-height: 30px; margin-left: 2px; } .e_pagebox { width: auto; height: auto; clear: both; float: right; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; position: relative; } .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .p_page .next { display: inline-table; float: left; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .pre:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .p_page .pre:active { background-color: rgba(90, 170, 167, 1); } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .pre:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pre:active .iconfont { color: rgba(255,255,255,1); } .p_page .pre .iconfont:before { content: ""; margin-right: 5px; } .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .p_page .next:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .p_page .next:active { background-color: rgba(90, 170, 167, 1); } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .p_page .next:hover .iconfont { color: rgba(255,255,255,1); } .p_page .next:active .iconfont { color: rgba(255,255,255,1); } .p_page .next .iconfont:before { content: ""; margin-top: 3px; float: right; margin-left: 5px; } .p_page .pageNum { position: absolute; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; text-decoration: none; width: inherit; } .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .p_page .pageNum:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); cursor: pointer; text-decoration: none; background-color: rgba(101,190,186,1); } .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255,255,255,1); } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .p_page .pageNum .iconfont { display: inline; color: rgba(255,255,255,1); vertical-align: middle; } .p_page .pageNum:hover .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum:active .iconfont { color: rgba(255,255,255,1); } .p_page .pageNum .iconfont:before { content: ""; } .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .clear { clear: both; } .c_news_list-36002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-36002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-36002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-36002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-36002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_news_list-110002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_news_list-110002 .p_CommonSummaryBoxA{text-align:center; }.c_news_list-110002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_news_list-110002 >div{animation-fill-mode:both; }.c_news_list-110002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-110002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-110002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_news_list-110002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_ads_banner-17002{width:1420px; overflow: hidden;height:400px; position:absolute; } .lubo { width: 100%; min-width: 100%; clear: both; position: relative; height: 100%; } .lubo_box { position: relative; width: 100%; height: 100%; } #c_ads_banner-14943199982472136{left:0 !important;} .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 100%; height: 100%; } .lubo_box li img { width: 100%; height: 100%; } .cir_box { overflow: hidden; position: absolute; z-index: 100; } .cir_box li { float: left; width: 30px; height: 5px; margin: 0 5px; cursor: pointer; background: #fff; opacity: 1; filter: alpha(opacity=80); } .cir_on { background: #ffc704 !important; } .lubo_btn { position: absolute; width: 100%; top: 200px; z-index: 2; } .left_btn, .right_btn { transition: 1s all; top: 215px; padding: 20px 10px; font-size: 30px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.498039); cursor: pointer; font-family: "宋体"; display: block; opacity: 0.5; } .left_btn:hover, .right_btn:hover { opacity: 1; } .left_btn { float: left; } .right_btn { float: right; }.c_ads_banner-17002 .p_MatteIcon .iconfont:before{content:'\e602'; } .w_vline-001 .p_Vline{ width:1px; height:200px; background-color:rgba(189,189,189,0); width:0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(189,189,189,1); opacity:1; filter:alpha(opacity:100); }.w_vline-001{ position:absolute; width:1px; height:300px; left:20px; top:20px; } .w_vline-001 .w_vline{ width:inherit; height:100%; } .w_vline-001 .p_Vline{ width:inherit; height:100%; }.c_product_list-349002{overflow:hidden;width:925px; height:1111px; position:absolute; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .common-padd{margin:0 auto;} .product-list li{width: calc((100% -100px)/4);float:left;} .product-list li figure{width: 270px;border: 1px solid #ccc;display:block;line-height:normal;overflow:hidden;position:relative;} .product-list li figure img{ display:block; width:100%; height:auto; transition:424ms linear;} .product-list li figcaption{display:block;color:#5d5d5d;font-size: 15px;TEXT-ALIGN: CENTER;line-height:normal;margin-top:14px;margin-left: 40px;WIDTH: unset;transition:350ms;} .product-box .product-down{ float:left;} .product-list li figure mark{ position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,123,186,.2); background:#eb6123\9; filter:alpha(opacity=20); z-index:20; opacity:0; transform:skewX(45deg); visibility:hidden; transition:360ms;} .product-list li figure mark b{ display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px; z-index:30;} .product-list li figure mark b:before{ content:""; width:100%; height:1px; background:#007bba; position:absolute; left:0; top:23px; transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);} .product-list li figure mark b:after{ content:""; width:1px; height:100%; background:#007bba; position:absolute; left:23px; top:0; transform:translateY(-200px); -webkit-transform:translateY(-200px); -moz-transform:translateY(-200px);} .product-list li figure mark:before{ content:""; width:100%; height:0%; border-left:3px solid #007bba; border-right:3px solid #007bba; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;} .product-list li figure mark:after{ content:""; width:0%; height:100%; border-top:3px solid #007bba; border-bottom:3px solid #007bba; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;} .product-list li:hover figure mark{ opacity:1; transform:skewX(0); visibility:visible;} .product-list li:hover figure mark:before{ height:100%; transition:330ms 200ms;} .product-list li:hover figure mark:after{ width:100%; transition:330ms 200ms;} .product-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);} .product-list li:hover figure mark b:before{ transition:355ms 180ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);} .product-list li:hover figure mark b:after{ transition:355ms 240ms; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);} .product-list li:hover figcaption{ color:#007bba; } .p_page div{ float:left; line-height:30px; margin-left:2px; } .e_pagebox{ width:auto; height:auto; clear:both; float:right; margin-right:30px; margin-top:30px; margin-bottom:30px; position:relative; } .p_page .pre{ display:inline-table; float:left; margin-left:18px; margin-right:5px; } .p_page .pageNum{ display:inline-block; position:static; float:left; margin-right:5px; line-height:30px; } .p_page .next{ display:inline-table; float:left; } .p_page .PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; } .p_page .p_PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; } .p_page .pre:after{ content:""; display:none; position:absolute; top:5px; left:-14px; width:27px; height:27px; background-color:rgba(242, 242, 242, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .pre:hover:after{ top:4px; left:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .pre:active:after{ top:8px; left:-12px; width:28px; height:25px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -o-transform:rotate(-226deg); -ms-transform:rotate(-226deg); transform:rotate(-226deg); z-index:-1; } .p_page .pre{ height:30px; color:rgba(102, 102, 102, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .p_page .pre:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .p_page .pre:active{ background-color:rgba(90, 170, 167, 1); } .p_page .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_page .pre:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .pre:active .iconfont{ color:rgba(255,255,255,1); } .p_page .pre .iconfont:before{ content:""; margin-right:5px; } .p_page .next:after{ content:""; display:none; position:absolute; top:5px; right:-14px; width:27px; height:27px; background-color:rgba(101, 190, 186, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .next:hover:after{ top:5px; right:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); z-index:-1; width:26px; height:26px; } .p_page .next:active:after{ top:8px; right:-12px; width:27px; height:24px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(226deg); -moz-transform:rotate(226deg); -o-transform:rotate(226deg); -ms-transform:rotate(226deg); transform:rotate(226deg); z-index:-1; } .p_page .next{ height:30px; color:rgba(255, 255, 255, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .p_page .next:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .p_page .next:active{ background-color:rgba(90, 170, 167, 1); } .p_page .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_page .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .next:active .iconfont{ color:rgba(255,255,255,1); } .p_page .next .iconfont:before{ content:""; margin-top:3px; float:right; margin-left:5px; } .p_page .pageNum{ position:absolute; background-size:100% 100%; color:inherit; cursor:pointer; display:table; font-family:inherit; font-size:14px; font-weight:inherit; height:inherit; text-decoration:none; width:inherit; } .p_page .pageNum{ height:30px; width:30px; color:rgba(102, 102, 102, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; position:relative; } .p_page .pageNum:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); cursor:pointer; text-decoration:none; background-color:rgba(101,190,186,1); } .p_page .pageNum:active{ text-decoration:none; background-color:rgba(90, 170, 167, 1); } .p_page .pageNum.active{ text-decoration:none; background-color:rgba(90, 170, 167, 1); color:rgba(255,255,255,1); } .p_page .pageNum .font{ display:table-cell; vertical-align:middle; bottom:0; } .p_page .pageNum .iconfont{ display:inline; color:rgba(255,255,255,1); vertical-align:middle; } .p_page .pageNum:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .pageNum:active .iconfont{ color:rgba(255,255,255,1); } .p_page .pageNum .iconfont:before{ content:""; } .p_page .PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_page .p_PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_OccupyBox{ margin:0; width:auto; height:auto; padding:0; border:none; overflow:hidden; } .clear{ clear:both; } .c_product_list-349002 .p_Product{width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_product_list-349002 .p_CommonSummaryBoxA {text-align:center; }.c_product_list-349002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_product_list-349002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-349002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-349002 >div{animation-fill-mode:both; }.c_news_list-63002002{position:absolute;width:400px;height:200px;overflow:hidden} .news_btn {width:20%;position:relative;right:0px;float:left; display:inline-block;} .news_btn A.up{ background:url(//dfs.yun300.cn/group1/M00/00/57/rBQBHVjdzkeEeO_WAAAAAISGVcE331.png?tenantId=155089&viewType=1&v=000) no-repeat center 50%; top:7px; } .news_btn A{ position:absolute; width:16px; display:block; height:9px; right:0px; } .news_btn A.down{ background:url(//dfs.yun300.cn/group1/M00/00/CA/rBQBHFjdzmyEHnTQAAAAAM4d8KA317.png?tenantId=155089&viewType=1&v=000) no-repeat center 50%; top:30px; } #rollnews { height:44px; line-height:44px; overflow:hidden; width:80%; float:left; display:inline-block; } #rollnews .content{ height:44px; line-height:44px; overflow:hidden; } #rollnews .title{ width:80%; float:left; display:inline-block; } #rollnews .title a{ font-size:14px; color:#444; height:44px; line-height:44px; } #rollnews .time{ width:20%; line-height:44px; font-size:12px; text-align:right; color:#999; float:left; display:inline-block; }.w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); } .w_hline-001{ position:absolute; width:300px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:inherit; }.c_nav_main-40002{width:702px; height:50px; overflow: hidden;position:absolute; } .c_nav_main-40002 .nav { margin:0 auto ; display:block; } .c_nav_main-40002 .clear{ clear:both; } .c_nav_main-40002 .nav .jquery_out { float:left; line-height:50px; display:block; border-right:1px solid #fff; text-align:center; color:#fff; font:18px/32px "微软雅黑"; background:#062723;} .c_nav_main-40002 .nav .jquery_out .smile { padding-left:1em; } .c_nav_main-40002 .nav .jquery_inner { margin-left:16px; } .c_nav_main-40002 .nav .jquery { margin-right:1px; padding:0 2em; } .c_nav_main-40002 .nav .mainlevel {  float:left; border-right: 1px dotted #008ed7; } .c_nav_main-40002 .nav .mainlevel a { color: #fff; text-decoration:none; font-size: 16px; line-height: 54px; display:block; padding: 0 36px; } .c_nav_main-40002 .nav .mainlevel a:hover { color:#fff; text-decoration:none; font-size: 16px; transition: 0.6s; background: #2c156f; } .c_nav_main-40002 .nav .mainlevel ul { display:none; position:absolute;} .c_nav_main-40002 .nav .mainlevel li { border-top:1px solid #fff; background:#7bc8c4; } .c_nav_main-40002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_search_total-02001{ width: 890px; height: auto; font-size: 0; position: absolute; top: 20px; left: 50px; } .c_search_total-02001 .p_contentBox{ width: auto; height: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001 .p_searchBox .p_input{ width: 220px; display: inline-block; height: 34px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_search_total-02001 .p_searchBox .p_input .last{ display: none; } .c_search_total-02001 .p_searchBox .p_input .forward{ display: none; } .c_search_total-02001 .p_searchBox .p_input .forward:before{ content: "\e6d5"; color: #797979; } .c_search_total-02001 .p_searchBtn{ width: auto; height: 34px; display: inline-block; vertical-align: middle; font-size: 14px; color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(0, 123, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: inherit; margin: 0; padding: 0 10px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; } .c_search_total-02001 .p_searchBtn .iconfont{ margin-right: 5px; } .c_search_total-02001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_search_total-02001 .p_searchBtn .iconfont:before{ content: "\e661"; } .c_search_total-02001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 1px; border-style: solid; border-color: #f0f0f0; padding-left: 5px; padding-right: 5px; } .c_search_total-02001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_search_total-02001 .p_select input{ width: 75px; height: 30px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding-left: 5px } .c_search_total-02001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_search_total-02001 .p_select .shape { display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; line-height: 30px; background-color: #fafafa; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_search_total-02001 .p_select .shape:before { content: "\e6c9"; } .c_search_total-02001 .p_select .shape:hover { color: #65beba; } .c_search_total-02001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 30px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_search_total-02001 .p_select li { width: auto; height: 30px; line-height: 30px; display: block; text-align: center; } .c_search_total-02001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001 .p_select li i img{ display: none; }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; }.w_bbox-001{ position:absolute; width:100%; height:120px; }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; } .w_btn-002 .p_CommonBtn{ font-size:18px; width: 100%; height:50px; color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); padding-top:0; padding-right:20px; padding-left:20px; text-align: center; } .w_btn-002 .p_CommonBtn:hover{ color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); } .w_btn-002 .p_CommonBtn:hover .font{ color:rgba(255,255,255,1); } .w_btn-002 .p_CommonBtn:active{ color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(106,186,190,1); } .w_btn-002 .p_CommonBtn .font{ display:table-cell; vertical-align:middle; text-align: inherit; } .iconfont:before{ content: ""; }  .e_title.w_btn-002 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_btn-002 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_btn-002 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_btn-002 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_btn-002 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.w_btn-002 .p_link .iconfont:before{ display: inline-block; content:""; } .w_btn-002{position:absolute; width:157px; height:50px; } .w_btn-002 .p_CommonBtn{width: 100%;height: inherit;padding:0;background-color:rgba(255, 102, 0, 1); } .w_btn-002 .animated{ width:100%; height:100%; } .w_btn-002 .p_CommonBtn{ border-style: solid; }.w_btn-002 .p_CommonBtn:hover{background-color:rgba(255, 102, 0, 1); box-shadow:-0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset; shadow-angle-ofInset:-90px; shadow-distance-ofInset:2px; }.w_btn-002 .p_CommonBtn:active{background-color:rgba(255, 102, 0, 1); box-shadow:-0px -2px 3px 0px rgba(0, 0, 0, 0.35) inset; shadow-angle-ofInset:-90px; shadow-distance-ofInset:2px; }.w_btn-002 .p_MatteIcon iconfont:before{content:'\e752'; }@CHARSET "UTF-8";#c_ads_banner-15404464037207088{ position:absolute; top:199px; left:-360px; z-index:3; width:1911px; height:564px; }#c_nav_main-15404468432375943{ position:absolute; top:0px; left:361px; z-index:2; width:1199px; height:54px; }#c_news_list-15404480987781178 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_news_list-15404480987781178 .p_CommonSummaryBoxA{text-align:center; }#c_news_list-15404480987781178 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_news_list-15404480987781178 >div{animation-fill-mode:both; }#c_news_list-15404480987781178 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-15404480987781178 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-15404480987781178 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-15404480987781178 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-15404480987781178{ position:absolute; top:7px; left:535px; z-index:3; width:1021px; height:44px; }#c_product_list-15404498671449937 .p_Product{width:calc((100% - 0px)/4); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_product_list-15404498671449937 .p_CommonSummaryBoxA {text-align:center; }#c_product_list-15404498671449937 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_product_list-15404498671449937 >div{animation-name:fadeInLeft; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; }#c_product_list-15404498671449937 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_product_list-15404498671449937 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_product_list-15404498671449937{ position:absolute; top:2124px; left:1px; z-index:11; width:1201px; height:343px; }#c_news_list-15404513315895660 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_news_list-15404513315895660 .p_CommonSummaryBoxA{text-align:center; }#c_news_list-15404513315895660 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_news_list-15404513315895660 >div{animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; }#c_news_list-15404513315895660 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-15404513315895660 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-15404513315895660 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-15404513315895660 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-15404513315895660{ position:absolute; top:3290px; left:1px; z-index:17; width:1200px; height:295px; }#c_search_total-15404463589019726 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_search_total-15404463589019726 >div{animation-fill-mode:both; }#c_search_total-15404463589019726 .p_product .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_search_total-15404463589019726 .p_info .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_search_total-15404463589019726{ position:absolute; top:92px; left:1247px; z-index:5; width:287px; height:34px; } #w_wbox-1540379546778 .p_wbox{ background-image:url(/img/top_bg.jpg?tenantId=155089&viewType=1&v=000); background-image-part-image:url(/img/top_bg.jpg?tenantId=155089&viewType=1&v=000); background-repeat:repeat-x; } #w_wbox-1540379546778 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1540379546778 >div{ animation-name:fadeInDown; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; } #w_wbox-1540446701924 .p_wbox{ background-color:rgba(0, 123, 186, 1); } #w_wbox-1540446701924 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1540446701924 >div{ animation-fill-mode:both; } #w_wbox-1540447956084 .p_wbox{ background-color:rgba(243, 243, 243, 1); } #w_wbox-1540447956084 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1540447956084 >div{ animation-fill-mode:both; } #w_img-1540448398681 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1540448398681 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; } #w_common_text-1540448266689 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1540448266689 >div{ animation-name:fadeInLeft; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; } #w_wbox-1540448763704 .p_wbox{ background-image:url(/img/sy_bg111.jpg?tenantId=155089&viewType=1&v=000); background-image-part-image:url(/img/sy_bg111.jpg?tenantId=155089&viewType=1&v=000); background-repeat:no-repeat; background-attachment:fixed; } #w_wbox-1540448763704 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1540448763704 >div{ animation-fill-mode:both; } #w_hline-1540449845322 .p_HLine{ border-top-color:rgba(0, 123, 186, 1); border-top-style:solid; border-top-width:4px; } #w_hline-1540449845322 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1540449845322 >div{ animation-name:fadeInLeft; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_btn-1540450488612 .p_CommonBtn{ background-color:rgba(0, 0, 0, 0); border-top-color:rgba(102, 102, 102, 1); border-top-width:1px; border-right-color:rgba(102, 102, 102, 1); border-right-width:1px; border-bottom-color:rgba(102, 102, 102, 1); border-bottom-width:1px; border-left-color:rgba(102, 102, 102, 1); border-left-width:1px; font-size:14px; color:rgba(0, 0, 0, 1); } #w_btn-1540450488612 .p_CommonBtn:hover{ background-color:rgba(0, 0, 0, 0); border-color:rgba(102, 102, 102, 1); box-shadow:0px 0px 0px 0px inset; } #w_btn-1540450488612 .p_CommonBtn:hover .font{ color:rgba(102, 102, 102, 1); } #w_btn-1540450488612 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_btn-1540450488612 >div{ animation-name:fadeInLeft; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_wbox-1540450700972 .p_wbox{ background-image:url(/img/bbg.jpg?tenantId=155089&viewType=1&v=000); background-image-part-image:url(/img/bbg.jpg?tenantId=155089&viewType=1&v=000); background-repeat:no-repeat; } #w_wbox-1540450700972 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1540450700972 >div{ animation-name:zoomIn; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1540451262094 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1540451262094 >div{ animation-name:fadeInLeft; animation-duration:1s; animation-delay:1.5s; animation-fill-mode:both; } #w_hline-1540451260882 .p_HLine{ border-top-color:rgba(0, 123, 186, 1); border-top-style:solid; border-top-width:4px; } #w_hline-1540451260882 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1540451260882 >div{ animation-fill-mode:both; } #w_bbox-1540451429884 .p_wbox{ background-image:url(/img/boot_bg.jpg?tenantId=155089&viewType=1&v=000); background-image-part-image:url(/img/boot_bg.jpg?tenantId=155089&viewType=1&v=000); background-repeat:repeat-x; } #w_bbox-1540451429884 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1540451429884 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_img-1540450746065 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1540450746065 >div{ animation-fill-mode:both; } #w_common_text-1540449748799 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1540449748799 >div{ animation-name:fadeInLeft; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_img-1540450845360 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1540450845360 >div{ animation-fill-mode:both; } #w_img-1540450852767 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1540450852767 >div{ animation-fill-mode:both; } #w_img-1540446148884 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1540446148884 >div{ animation-fill-mode:both; } #w_img-1540446289054 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1540446289054 >div{ animation-fill-mode:both; } #w_img-1540451585169 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1540451585169 >div{ animation-fill-mode:both; } #w_vline-1540451862880 .p_Vline{ border-left-color:rgba(79, 169, 215, 1); border-left-style:solid; border-left-width:1px; } #w_vline-1540451862880 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1540451862880 >div{ animation-fill-mode:both; } #w_vline-1540451899255 .p_Vline{ border-left-color:rgba(79, 169, 215, 1); border-left-style:solid; border-left-width:1px; } #w_vline-1540451899255 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1540451899255 >div{ animation-fill-mode:both; } #w_img-1556100494222 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1556100494222 >div{ animation-fill-mode:both; } #w_wbox-1540379546778{ position:absolute; top:0px; left:-356px; z-index:2; width:1912px; height:145px; } #w_wbox-1540446701924{ position:absolute; top:145px; left:-356px; z-index:5; width:1912px; height:54px; } #w_wbox-1540447956084{ position:absolute; top:763px; left:-356px; z-index:6; width:1912px; height:55px; } #w_img-1540448398681{ position:absolute; top:884px; left:704px; z-index:8; width:500px; height:333px; } #w_common_text-1540448266689{ position:absolute; top:884px; left:0px; z-index:7; width:678px; height:333px; } #w_wbox-1540448763704{ position:absolute; top:1303px; left:-356px; z-index:9; width:1912px; height:595px; } #w_hline-1540449845322{ position:absolute; top:2031px; left:582px; z-index:10; width:41px; height:42px; } #w_btn-1540450488612{ position:absolute; top:2508px; left:533px; z-index:12; width:148px; height:41px; } #w_wbox-1540450700972{ position:absolute; top:2607px; left:-356px; z-index:13; width:1912px; height:320px; } #w_common_text-1540450945021{ position:absolute; top:2927px; left:837px; z-index:18; width:362px; height:128px; } #w_common_text-1540451262094{ position:absolute; top:3128px; left:241px; z-index:15; width:710px; height:141px; } #w_hline-1540451260882{ position:absolute; top:3211px; left:581.5px; z-index:14; width:41px; height:15px; } #w_bbox-1540451429884{ position:absolute; top:3585px; left:-356px; z-index:auto; width:1912px; height:305px; } #w_common_text-1540447983645{ position:absolute; top:19px; left:358px; z-index:1; width:131px; height:21px; } #w_img-1540450746065{ position:absolute; top:50px; left:357px; z-index:1; width:369px; height:397px; } #w_common_text-1540449748799{ position:absolute; top:649px; left:493px; z-index:3; width:899px; height:143px; } #w_common_text-1540379573810{ position:absolute; top:6px; left:359px; z-index:1; width:426px; height:19px; } #w_common_text-1540446580313{ position:absolute; top:5px; left:1454px; z-index:6; width:102px; height:19px; } #w_img-1540450845360{ position:absolute; top:50px; left:771.5px; z-index:3; width:369px; height:397px; } #w_common_text-1540450783339{ position:absolute; top:323px; left:358px; z-index:2; width:362px; height:125px; } #w_img-1540450852767{ position:absolute; top:50px; left:1187.5px; z-index:4; width:369px; height:397px; } #w_common_text-1540450939500{ position:absolute; top:322px; left:776px; z-index:5; width:359px; height:122px; } #w_common_text-1540449201657{ position:absolute; top:105px; left:838px; z-index:2; width:242px; height:77px; } #w_common_text-1540446315504{ position:absolute; top:52px; left:1274px; z-index:4; width:286px; height:24px; } #w_img-1540446148884{ position:absolute; top:35px; left:360px; z-index:2; width:600px; height:105px; } #w_img-1540446289054{ position:absolute; top:47px; left:1238px; z-index:3; width:36px; height:34px; } #w_common_text-1540448849285{ position:absolute; top:195px; left:460px; z-index:1; width:976px; height:282px; } #w_common_text-1540451502891{ position:absolute; top:275px; left:358px; z-index:1; width:723px; height:23px; } #w_img-1540451585169{ position:absolute; top:42px; left:357px; z-index:2; width:322px; height:202px; } #w_common_text-1540451631630{ position:absolute; top:53px; left:766px; z-index:3; width:411px; height:205px; } #w_common_text-1540451701139{ position:absolute; top:54px; left:1250px; z-index:4; width:307px; height:187px; } #w_vline-1540451862880{ position:absolute; top:38px; left:743px; z-index:5; width:39px; height:225px; } #w_vline-1540451899255{ position:absolute; top:38px; left:1211px; z-index:6; width:39px; height:225px; } #w_img-1556100494222{ position:absolute; top:267px; left:1097px; z-index:7; width:106px; height:36px; }