.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: none; } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_nav_bottom-01001 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_nav_bottom-01001 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_nav_bottom-01001 .p_succ .iconfont:before{ content: "\e648"; } .c_nav_bottom-01001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_nav_bottom-01001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_nav_bottom-01001 .p_succ .assistfont{ display: none; } .c_nav_bottom-01001 .p_succ .closebtn { display: none; } .c_nav_bottom-01001 .p_fail{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_nav_bottom-01001 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_nav_bottom-01001 .p_fail .iconfont:before{ content: "\e641"; } .c_nav_bottom-01001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_nav_bottom-01001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_nav_bottom-01001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_nav_bottom-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_nav_bottom-01001 .p_fail .closebtn:hover{ cursor: pointer; }.c_nav_bottom-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_nav_bottom-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; }  .c_nav_bottom-01001 .p_BottomLevelB{ display:inline-block; margin:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; color:rgba(255,255,255,1); font-size: 14px; text-align:left; } .c_nav_bottom-01001 .p_BottomLevelB .font{  vertical-align:middle; line-height: 26px; } a>.c_nav_bottom-01001 .p_BottomLevelB:hover{ color:rgba(255,255,255,1); cursor:pointer; } .c_nav_bottom-01001 .p_BottomLevelB .iconfont:before{ content:""; }  .c_nav_bottom-01001 .p_imageA{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_bottom-01001 .p_imageA:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_bottom-01001 .p_imageA:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .c_nav_bottom-01001 .p_icon{ position:relative; z-index:3; vertical-align:middle; color:rgba(153,153,153,1); width:20px; height:auto; font-size:14px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; text-align: center; } .c_nav_bottom-01001 .p_icon:hover{ color:rgba(153,153,153,1); } .c_nav_bottom-01001 .p_icon:active{ color:rgba(153,153,153,1); } .c_nav_bottom-01001 .p_icon .font{ font-size: inherit; } .c_nav_bottom-01001 .p_icon .iconfont::before{ display: inline-block; content:"\e6ae"; }  .c_nav_bottom-01001 .p_articlesC{ width:164px; height:110px; border-width:1px; border-style:none; border-color:rgba(240, 240, 240, 1); }   .c_nav_bottom-01001 .p_articlesB{ 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; } .c_nav_bottom-01001 .p_NavVLine{ height:0px; border-top-width: 0px; border-top-style: dashed; border-top-color:rgba(255,255,255,1); opacity:1; filter:alpha(opacity:100); } .c_nav_bottom-01001 .p_BottomLevelA{ display:inline-block; margin:0; padding-bottom:0; padding-left:0; font-weight: bold; padding-right:0; padding-top:0; color:rgba(255,255,255,1); font-size: 18px; text-align:left; } .c_nav_bottom-01001 .p_BottomLevelA .font{  vertical-align:middle; line-height: 21px; } a>.c_nav_bottom-01001 .p_BottomLevelA:hover{ color:rgba(255,255,255,1); cursor:pointer; } .c_nav_bottom-01001 .p_BottomLevelA .iconfont:before{ content:""; }  .e_title.c_nav_bottom-01001 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_nav_bottom-01001 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_nav_bottom-01001 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_nav_bottom-01001 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_nav_bottom-01001 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.c_nav_bottom-01001 .p_link .iconfont:before{ display: inline-block; content:""; }  .c_nav_bottom-01001 .p_image{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_bottom-01001 .p_image:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_bottom-01001 .p_image:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .c_nav_bottom-01001 .p_articlesA{ 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; }  .c_nav_bottom-01001 .p_articles{ 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; }  .c_nav_bottom-01001 .p_nav{ margin:0; width: 1350px; height:62px; padding:0; border-width:1px; border-style:none; border-color:color:transparent;  word-wrap:break-word; word-break:break-all; }  .c_nav_bottom-01001 .p_main{ margin:0; width: 1350px; height:62px; padding:0; border-width:1px; border-style:none; border-color:color:transparent;  word-wrap:break-word; word-break:break-all; }  .c_nav_bottom-01001{ position:absolute; width:1180px; height:230px; overflow: visible; }  .c_nav_bottom-01001 .p_articles{ width:auto; height:auto; } .c_nav_bottom-01001 .p_articlesA{ width:auto; height:auto; vertical-align: middle; text-align: left; padding: 0px; } .c_nav_bottom-01001 .p_articlesB{ width:auto; height:auto; margin-top: 15px; } .c_nav_bottom-01001 .p_articlesB .p_articlesA{ text-align: left; margin: 0px; padding: 0; } .c_nav_bottom-01001 .p_main { text-align: center; vertical-align: middle; width: 100%; height: auto;  font-size: 0; } .c_nav_bottom-01001 .p_nav{ height:auto; width:100%; display: inline-block; text-align: center;  } .c_nav_bottom-01001 .p_nav:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } .c_nav_bottom-01001 .p_image{ display:inline-block; vertical-align:middle; border-width:0; background:none; position:relative; margin-right: 5px; } .c_nav_bottom-01001 .p_BottomLevelA{ display:inline-block; vertical-align:middle; color: #454545; } .c_nav_bottom-01001 .p_imageA{ display:inline-block; vertical-align:middle; border-width:0; background:none; position:relative; margin-right: 5px; } .c_nav_bottom-01001 .p_BottomLevelB{ vertical-align: middle; } .c_nav_bottom-01001 .p_icon{ display:inline-block; vertical-align: middle; margin-right: 5px; } .c_nav_bottom-01001 .p_icon:before{ content:"\e669"; color:#d0efee; } .c_nav_bottom-01001 .p_articlesC{ width: inherit; height: auto; } .c_nav_bottom-01001 .p_BottomLevelA{ line-height:32px; } .c_nav_bottom-01001 .p_articles{ display: inline-block; width: calc((100% - 280px)/6); vertical-align: top; margin: 0px 20px; } .c_nav_bottom-01001 .p_image:hover, .c_nav_bottom-01001 .p_imageA:hover{ background-color:transparent; border-width:0px; } .c_nav_bottom-01001 .p_ImageMore:hover{ background-color:transparent; border-width:0px; } .c_nav_bottom-01001 .p_image:hover:after{ background-color:transparent; } .c_nav_bottom-01001 .p_imageA:hover:after{ background-color:transparent; } .c_nav_bottom-01001 .p_ImageMore:hover:after{ background-color:transparent; } .c_nav_bottom-01001 .p_articlesC .p_BottomLevelB{ color: #6a6a6a; } .c_nav_bottom-01001 .p_articlesC .p_BottomLevelB:hover{ color: #6a6a6a; } .c_nav_bottom-01001 .p_articlesC:hover{ background-color: transparent; } .c_nav_bottom-01001 .p_articlesC:active{ background-color: transparent; } .c_nav_bottom-01001 .p_NavVLine{ color: #fff; }#c_public_htmlCode-15415592559921448{ width: auto !important; height: auto !important; } #c_public_htmlCode-15456526743085149{ width: auto !important; height: auto !important; } #box { background: url(../images/bgn2.jpg) no-repeat center; height: 620px; width: 100%; position: absolute; top: 0; z-index: 0; } #c_public_htmlCode-15396599415451463 { position: absolute; top: 0px; left: 0px; z-index: 2; width: 100% !important; height: 100%; } #c_public_htmlCode-15391590502405243 { position: absolute; top: 216px; left: 594px; z-index: 2; width: 100% !important; height: 100%; } #c_public_htmlCode-15391600193541179 { position: absolute; top: 216px; left: 594px; z-index: 2; width: auto !important; height: auto !important; } #c_public_htmlCode-15391401609680832{ position: absolute; top: 216px; left: 594px; z-index: 2; width: auto !important; height: 100%; } .yy { width: 85px; background: url(../images/yrbg.png) no-repeat center; height: 40px; } .fixed .yy .xz { color:#333 !important; } .yy .xz {color: #333 !important;transition: 0.5s all;text-indent: 15px;} .yy li { width: 85px; height: 40px; line-height: 40px; text-align: center; font-size: 12px; float: left;   display: inherit; position: relative; cursor: pointer; } .yy ul { position: absolute; left: 0; top: 40px; width: 100px; background: #fff; display: none; } .yy li a { color: #777; text-decoration: none; line-height: 24px; } .mousetip { background: url(../images/rBQBHVlLUVaELCPLAAAAABB0xu8549.png) no-repeat; width: 51px; height: 41px; position: fixed; bottom: 10px; left: 50%; margin-left: -25px; z-index: 100; cursor: pointer; animation-name: firstPart; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; -moz-animation-name: firstPart; -moz-animation-duration: 0.8s; -moz-animation-timing-function: linear; -moz-animation-delay: 0.3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -moz-animation-play-state: running; -webkit-animation-name: firstPart; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; -o-animation-name: firstPart; -o-animation-duration: 0.8s; -o-animation-timing-function: linear; -o-animation-delay: 0.3s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; -o-animation-play-state: running; } @keyframes firstPart { 0% { bottom: 40px; } 100% { bottom: 20px; } } @-moz-keyframes firstPart  { 0% { bottom: 40px; } 100% { bottom: 20px; } } @-webkit-keyframes firstPart  { 0% { bottom: 40px; } 100% { bottom: 20px; } } @-o-keyframes firstPart  { 0% { bottom: 40px; } 100% { bottom: 20px; } } .cd-popup-trigger { display: block; width: 30px; height: 35px; line-height: 35px; margin: 3em auto; text-align: center; color: #FFF; font-size: 0px; font-weight: bold; text-transform: uppercase; background: url(../images/wx1.png) no-repeat center; } @media only screen and (min-width: 1170px) { .cd-popup-trigger { margin: 6em auto; } }  .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; width: 90%; max-width: 445px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);  -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-container p { padding: 20px 0px; } .cd-popup-container .cd-buttons:after { content: ""; display: table; clear: both; } .cd-popup-container .cd-buttons li { float: left; margin-right: 0.5%; width: 49%; } .cd-popup-container .cd-buttons a { display: block; height: 52px; line-height: 52px; font-size: 14px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .cd-popup-container .cd-buttons li:first-child a { background: #999; } .no-touch .cd-popup-container .cd-buttons li:first-child a:hover { background: #118ccf; } .cd-popup-container .cd-buttons li:last-child a { background: #999; } .no-touch .cd-popup-container .cd-buttons li:last-child a:hover { background: #118ccf; } .cd-popup-container .cd-popup-close { position: absolute; top: 8px; right: 8px; font-size: 0px; width: 30px; height: 30px; } .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #333; } .cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; } .cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; } .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media only screen and (min-width: 1170px) { .cd-popup-container { margin: 8em auto; padding: 50px; margin-top: -250px; top: 50%; } } .cd-buttons{background:url(../images/rmewm2.jpg) no-repeat;width:345px;height:420px;} .jin_box { width: 100%; height: 100%; background: #c4c4c4; } .jin_box .jin_cp { background-image: url(/images/zjcp01.jpg?tenantId=94324&viewType=1); background-repeat: no-repeat; background-position: center; background-size: cover; width: 20%; height: 100%; position: relative; float: left; -webkit-transition: 0.5s; } .jin_box .jin_cp:hover { } .jin_box .jin_cp01 { background-image: url(/images/zjcp02.jpg?tenantId=94324&viewType=1); } .jin_box .jin_cp02 { background-image: url(/images/zjcp03.jpg?tenantId=94324&viewType=1); } .jin_box .jin_cp03 { background-image: url(/images/zjcp04.jpg?tenantId=94324&viewType=1); } .jin_box .jin_cp04 { background-image: url(/images/zjcp05.jpg?tenantId=94324&viewType=1); } .jin_box .jin_cp .jin_bg { width: 100%; height: 100%; background: rgba(59, 17, 2, 0.65); position: absolute; transition: opacity 2s; opacity: 1; } .jin_box .jin { text-align: center; position: relative; top: 48%; transition: top 1s; } .jin_box .jin .xian { display: inline-block; width: 35px; height: 6px; background: #fff; margin-top: 10px; } .jin_box .jin h2 { line-height: 24px; color: #fff; } .jin_box .jin P { line-height: 36px; color: #fff; } .jin_box .jin_cp:hover .jin_bg { opacity: 0; } .jin_box .jin_cp:hover h2 { color: #3b1102; } .jin_box .jin_cp:hover P { color: #3b1102; } .jin_box .jin_cp:hover .jin { top: 45%; color: #3b1102; } .jin_box .jin_cp:hover .xian { background: #3b1102; } .wyz{ border: none !important; }.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; } #w_hline-1530089656197 { position: absolute; top: 589px !important; left: 0px; z-index: 100; width: 1200px; height: 12px; }#w_hline-1529653444311 { position: absolute; top: 589px !important; left: 0px; z-index: 103; width: 1200px; height: 12px; } #w_hline-1530088709003 { position: absolute; top: 589px !important; left: 0px; z-index: 103; width: 1200px; height: 12px; }.c_search_total-02001{ width: 890px; height: auto; font-size: 0; position: absolute; top: 20px; left: 50px; } #c_search_total-15538211536526140{display:none;} .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: 320px; display: inline-block; height: 42px; 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: 42px; display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; position: absolute; border-width: 0; border-style: solid; border-color: rgba(255,255,255,0);  text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; margin: 0; padding: 0 10px; right: 0px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; } .c_search_total-02001 .p_searchBtn .iconfont{ margin-right: 0px; font-size: 18px; color: #999; } .i_buttonText{font-size:0px;} .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: 0px; border: 1px solid #dddddd; 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_img-1539143091855 .p_dimage{background: url(../images/logo1.png) no-repeat left center;transition: 0.5s all;} .fixed #w_img-1539143091855 .p_dimage{ background:url(../images/logo1.png) no-repeat left center; } #head{ width:100%; height: 100px !important; background:none; -moz-transition: padding 0.5s; background: #fff; -o-transition: padding 0.5s; -webkit-transition: padding 0.5s; transition: padding 0.5s; height: 100px; box-shadow: 0 0px 50px 0 rgba(0, 0, 0, 0.1); } #head.fixed { background-color: #fff !important; position:fixed; width:100%; transition: all .5s; height: 100px; animation: breathe 1s ease-in-out infinite alternate; -moz-animation: breathe 1s ease-in-out infinite alternate; -webkit-animation: breathe 1s ease-in-out infinite alternate; -o-animation: breathe 1s ease-in-out infinite alternate; -webkit-backface-visibility: hidden; box-shadow: 0 0px 50px 0 rgba(0, 0, 0, 0.1); -webkit-transform-style: preserve-3d; } #head .p_wbox{ position:relative; width:1920px; margin:0px auto; }.c_nav_main-12001007{position:absolute;width:1920px;height:200px; } .c_nav_main-12001007 .fix { margin-left: 200px; } .c_nav_main-12001007 .fix::before, .fix::after { clear: both; content: ""; display: table; } .c_nav_main-12001007 .oh { overflow: hidden; } .c_nav_main-12001007 .pa { position: absolute; } .c_nav_main-12001007 .pr { position: relative; } .c_nav_main-12001007 .l { float: left; } .c_nav_main-12001007 .r { float: right; } .c_nav_main-12001007 .c { margin-bottom: -9999px; padding-bottom: 9999px; } .c_nav_main-12001007 .wrap { margin-left: auto; margin-right: auto; width: 1200px; } .c_nav_main-12001007 a { color: #333; } .c_nav_main-12001007 a:hover { color: #d2232a; font-weight:normal; } .c_nav_main-12001007 a { outline: 0 none; text-decoration: none; transition: all 0.3s ease 0s; } .nav{ width: 100%; margin-top:0px; *width:1200px; } .nav .nav_li{ float:left; padding: 0 20px; height:100px; } .nav .nav_li .nav_a{ font-size:15px; display:block; padding-bottom: 0px; height:100px; line-height: 100px; color:#333333; } .nav .nav_li .nav_a:hover{ color: #d2232a; } .nav .nav_li .setNav{ width: 1920px; left: 50%; margin-left: -960px; right:0; background:rgba(255, 255, 255, 0.96); display:none; border-top-style: solid; border-top-width:1px; border-top-color:rgba(221, 221, 221, 1); } .nav .nav_li .setNav .set-img{ width:27%; padding-top:0px; } .nav .nav_li .setNav .set-img img{ height:175px; width:310px; } .nav .nav_li .setNav .setCon .tit{ font-size:24px; color:#333333; margin-bottom: 10px; } .nav .nav_li .setNav .setMenu{ width:64%; } .nav .nav_li .setNav .setMenu li{ float: left; width: 28%; margin-right: 2%; margin-bottom: -1px; position:relative; overflow:hidden; } .nav .nav_li .setNav .setMenu li a{ position:relative; z-index:1; display: block; height: 54px; line-height: 54px; padding: 0 6%; color: #333333; font-size: 15px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .nav .nav_li .setNav .setMenu li a:hover {color:#ffffff;} .nav .nav_li .setNav .setMenu li:after{content:'';position:absolute;left:-100%;top:0; width:100%;height:54px; transition:all 0.5s ease; background:#d2232a;} .nav .nav_li .setNav .setMenu li:hover:after{left:0;} .nav .nav_li .setNav .setCon{ width: 100%; padding: 50px 0px 20px 0px; border-right: none; } .nav .nav_li .setNav .setCon .p{ color: #666666; line-height: 24px; height: auto; overflow: hidden; text-align: justify;  font-size:13px; } .nav .nav_li .setNav .setbottom{ height:50px; clear:both; } .nav .nav_li .setNav .set_close{ display:block; width:21px; height:21px; background:url(../images/rBQBHFmf2zaEcnTXAAAAAHIvhaw641.png) 0 0 no-repeat;right: 0;bottom:7%; } .nav .line { position: absolute; bottom: 0px; width: 0px; height: 4px; font-size: 3px; background-color: #ce1421; display: none; } .nav .nav_li .setNav .tech-menuItems{ border:none; } .c_nav_main-12001007 .nav .nav1 .setNav{ display:none !important; } .c_nav_main-12001007 .nav .nav7 .setNav{  } .nav .nav_li.nav8{ padding-right:0px; }.c_nav_main-12001007 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_nav_main-15456985798693009{ position:absolute; top:0px; left:-4px; z-index:1; width:1920px; height:100px; }#c_search_total-15457015106774802 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_search_total-15457015106774802 >div{animation-fill-mode:both; }#c_search_total-15457015106774802 .p_product .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_search_total-15457015106774802 .p_info .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_search_total-15457015106774802{ position:absolute; top:193px; left:1234px; z-index:3; width:321px; height:42px; }#c_nav_bottom-15456994865361721 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_nav_bottom-15456994865361721 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_nav_bottom-15456994865361721 >div{animation-fill-mode:both; }#c_nav_bottom-15456994865361721{ position:absolute; top:80px; left:355.5px; z-index:1; width:871px; height:192px; }#c_nav_bottom-15456994865361721 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_nav_bottom-15456994865361721 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_nav_bottom-15456994865361721 >div{animation-fill-mode:both; }#c_nav_bottom-15456994865361721 .c_nav_bottom-01001 .p_BottomLevelA{display:inline-block; vertical-align:middle; color:#ffffff; }#c_nav_bottom-15456994865361721{}#c_nav_bottom-15456994865361721 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_nav_bottom-15456994865361721 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_nav_bottom-15456994865361721 >div{animation-fill-mode:both; }#c_nav_bottom-15456994865361721 .p_BottomLevelA{display:inline-block; vertical-align:middle; color:#ffffff; }#c_nav_bottom-15456994865361721{} #c_search_total-15538211536526140 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_search_total-15538211536526140 >div{ animation-fill-mode:both; } #c_search_total-15538211536526140 .p_product .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15538211536526140 .p_info .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15538211536526140{ position:fixed; top:100px; left:auto; bottom:auto; right:170px; transform:none; width:320px; height:42px; z-index:129; content:"rt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #c_public_htmlCode-16006926212108685 .p_MatteIcon .iconfont:before{ content:'\e602'; }#c_public_htmlCode-16006926212108685 >div{ animation-fill-mode:both; }#c_public_htmlCode-16006926212108685 .wyz{ position:fixed; right:2px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding:50px 0; border-right:1px solid #20b09f; height:482px; -moz-box-sizing:border-box; box-sizing:border-box; z-index:99; }#c_public_htmlCode-16006926212108685 .wyz-form.cur{ width:200px; opacity:1; }#c_public_htmlCode-16006926212108685 .wyz .transition{ -webkit-transition-duration:.8s; -moz-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; }#c_public_htmlCode-16006926212108685 .wyz .wyz-title{ background-color:rgba(32, 176, 159, .8); color:#fff; padding:15px 20px 0; white-space:nowrap; position:relative; }#c_public_htmlCode-16006926212108685 .wyz .wyz-title .cf-close{ position:absolute; left:166px; top:0; padding:10px; }#c_public_htmlCode-16006926212108685 .wyz-item-block{ position:absolute; right:0; width:70px; height:70px; background-color:rgba(0, 0, 0, .4); border:1px solid #df0a02; border-right:none; -moz-box-sizing:border-box; box-sizing:border-box; }#c_public_htmlCode-16006926212108685 .wyz-item-block:nth-child(1){ top:50px; }#c_public_htmlCode-16006926212108685 .wyz-item-block:nth-child(2){ top:128px; }#c_public_htmlCode-16006926212108685 .wyz-item-block:nth-child(3){ top:206px; }#c_public_htmlCode-16006926212108685 .wyz-item-block:nth-child(4){ top:284px; }#c_public_htmlCode-16006926212108685 .wyz-item-block:nth-child(5){ top:362px; }#c_public_htmlCode-16006926212108685 .wyz-item{ width:100%; height:100%; }#c_public_htmlCode-16006926212108685 .wyz-item-p{ color:#fff; font-size:12px; margin-top:5px; }#c_public_htmlCode-16006926212108685 .wyz-item-in{ height:100%; display:none; position:relative; z-index:1; overflow:hidden; }#c_public_htmlCode-16006926212108685 .wyz-item-in-p{ color:#fff; text-align:center; line-height:68px; height:68px; white-space:nowrap; font-size:16px; }#c_public_htmlCode-16006926212108685 .wyz-in.cur{ width:156px; background-color:transparent; }#c_public_htmlCode-16006926212108685 .wyz-in.cur .wyz-item-in{ width:100%; display:block; }#c_public_htmlCode-16006926212108685 .wyz-in.cur .wyz-item{ display:none; }#c_public_htmlCode-16006926212108685 .wyz-in:before{ content:""; background-color:rgba(223, 10, 2, .8); position:absolute; height:100%; width:0; -webkit-transition:all .8s ease; -o-transition:all .8s ease; -moz-transition:all .8s ease; transition:all .8s ease; }#c_public_htmlCode-16006926212108685 .wyz-in.cur:before{ width:100%; }#c_public_htmlCode-16006926212108685 .wyz-item-block.wyz-top{ display:none; cursor:pointer; width:46px; height:46px; top:480px; }#c_public_htmlCode-16006926212108685 .wyz-item-block.wyz-top .wyz-item-p{ font-size:14px; margin-top:0; }#c_public_htmlCode-16006926212108685 .wyz-in.wyz-search.cur{ border-left:none; }#c_public_htmlCode-16006926212108685 .wyz-form{ position:absolute; width:0; right:156px; bottom:-1px; z-index:999; overflow:hidden; opacity:0; }#c_public_htmlCode-16006926212108685 .wyz-form .cf-form{ background-color:rgba(32, 176, 159, .8); -moz-box-sizing:border-box; box-sizing:border-box; padding:10px 20px 20px; border-bottom:1px solid #20b09f; }#c_public_htmlCode-16006926212108685 .wyz-form .cf-form-item{ margin-bottom:10px; font-size:0; white-space:nowrap; }#c_public_htmlCode-16006926212108685 .wyz-form .cf-form-item:last-of-type{ margin:0; }#c_public_htmlCode-16006926212108685 .wyz-form input{ padding:0 8px; margin:0; border:none; -moz-box-sizing:border-box; box-sizing:border-box; width:160px; height:28px; line-height:28px; font-size:12px; display:inline-block; vertical-align:middle; background-color:#fff; }#c_public_htmlCode-16006926212108685 .wyz-form .verify{ width:86px; margin-right:5px; }#c_public_htmlCode-16006926212108685 .wyz-form .submit{ width:160px; height:28px; line-height:28px; font-size:14px; }#c_public_htmlCode-16006926212108685 .wyz-qr-show{ display:none; position:absolute; z-index:1; border:1px solid rgba(32, 176, 159, .8); left:-160px; top:-91px; }#c_public_htmlCode-16006926212108685 .wyz-qr-show01{ display:none; position:absolute; z-index:1; border:1px solid rgba(32, 176, 159, .8); left:-160px; top:-91px; }#c_public_htmlCode-16006926212108685 .flex-col{ display:flex; flex-direction:column; justify-content:center; align-items:center; }#w_wbox-1545698552914 .p_wbox{ background-color:rgba(255, 255, 255, 1); } #w_wbox-1545698552914 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1545698552914 >div{ animation-fill-mode:both; } #w_img-1545698621734 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1545698621734 >div{ animation-fill-mode:both; } #w_img-1545698561515 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1545698561515 >div{ animation-fill-mode:both; } #w_bbox-1545699465311 .p_wbox{ background-color:rgba(51, 51, 51, 1); margin-top:40px; } #w_bbox-1545699465311 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1545699465311 >div{ animation-fill-mode:both; } #w_hline-1545701519697 .p_HLine{ border-top-color:rgba(255, 255, 255, 0.2); border-top-style:solid; border-top-width:1px; } #w_hline-1545701519697 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1545701519697 >div{ animation-fill-mode:both; } #w_wbox-1545698552914{ position:fixed; top:0px; left:0px; bottom:auto; right:auto; transform:none; width:1912px; height:100px; z-index:125; content:"lt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_img-1545698621734{ position:fixed; top:30px; left:auto; bottom:auto; right:30px; transform:none; width:124px; height:42px; z-index:128; content:"rt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_img-1545698561515{ position:fixed; top:30px; left:30px; bottom:auto; right:auto; transform:none; width:295px; height:40px; z-index:127; content:"lt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_img-1553821130782{ position:fixed; top:34px; left:auto; bottom:auto; right:170px; transform:none; width:82px; height:32px; z-index:130; content:"rt"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_bbox-1545699465311{ position:absolute; top:2779px; left:-356px; z-index:126; width:1912px; height:385px; } #w_hline-1545701519697{ position:absolute; top:302px; left:355.5px; z-index:4; width:1200px; height:30px; } #w_common_text-1545701552063{ position:absolute; top:332px; left:356px; z-index:5; width:435px; height:20px; } #w_img-1545699566707{ position:absolute; top:80px; left:1286px; z-index:2; width:229px; height:85px; } #w_common_text-1545701663688{ position:absolute; top:332px; left:1120.5px; z-index:6; width:435px; height:20px; } #c_public_htmlCode-16006926212108685{ position:absolute; top:256px; left:657px; z-index:7; width:0px; height:0px; }