.e_ContentMajorStyleBox-001{ height:auto; height-and-height-uint:auto; width-and-width-uint:100%; width:100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_top{ height:40px; height-and-height-uint:40px; width-and-width-uint:auto; width:auto; background-color:rgba(26, 153, 84, 1); } .e_ContentMajorStyleBox-001 .title_icon{ vertical-align:middle; line-height:40px; margin-right:10px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_ContentMajorStyleBox-001 .title_icon::before{ content:""; } .e_ContentMajorStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); max-width:600px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; font-weight:normal; } .e_ContentMajorStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_ContentMajorStyleBox-001 .stylebox_title{ padding-left:15px; padding-right:15px; vertical-align:bottom; height:inherit; height-and-height-uint:inherit; width-and-width-uint:auto; width:auto; font-size:0px; background-color:rgba(26, 153, 84, 1); white-space:nowrap; display:inline-block; } .e_ContentMajorStyleBox-001 .stylebox_link{ vertical-align:middle; margin-right:15px; height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; padding:0 15px; float:right; } .e_ContentMajorStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_ContentMajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .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{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height:1px; background-color:rgba(240,240,240,1); }/*e_IndexOrdinaryStyleBox-001*/ .e_IndexOrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; } /*stylebox_link*/ .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{ } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; } #w_wbox-1516957917872{ border-bottom:1px solid #e4e7ea; } #w_wbox-1521858488818{ border-bottom:1px solid #e4e7ea; }.c_public_htmlCode-01001{ position:absolute; width:300px; height:285px; overflow:hidden !important; } #demo-page { display: flex; height: auto; text-align: center; } #main-container { align-self: center; margin: 0 auto; position: relative; perspective: 750px; } #main-container.vertical-version .controls-wrapper { display: inline-block; position: absolute; right: -60px; top: 50%; transform: rotate(90deg) scaleY(-1) translateX(50%); transform-origin: right; } #main-container.vertical-version #images-wrapper { margin: 0 auto; } #images-wrapper { width: 283px; height: 195px; margin: 0 auto 0px; position: relative; } #images-wrapper.origin-left .image-wrapper { transform-origin: right; } #images-wrapper.origin-right .image-wrapper { transform-origin: left; } .image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 50px 100px rgba(50,50,93,0.05), 0 15px 35px rgba(50,50,93,0.15); opacity: 0; } .image-wrapper.active { opacity: 1; } .image-wrapper img { width: 100%; height: 100%; } .controls-wrapper { display: inline-block; margin-top:10px; } .controls { display: flex; justify-content: center; position: relative; } .controls.disabled .dot { pointer-events: none; } #circular-line { position: absolute; top: 0px; left: 0px; pointer-events: none; transform: rotate(90deg); } #circular-line.flip { transform: rotate(90deg) scaleY(-1); } #circular-line-path { stroke-dasharray: 106; stroke-dashoffset: 0; stroke-linejoin: round; stroke-linecap: round; stroke: #dd2470; } .straight-line { position: absolute; left: 0; right: 0; width: 100%; bottom: 0; height: 4px; background: #008d30; border-radius: 3px; transform-origin: left; transform: scaleX(0); } svg { display: none; } .dot { width: 10px; height: 10px; background: #ddd; border-radius: 50%; margin: 12px; cursor: pointer; transform: scale(.85); transition: .3s all ease; } .dot.active { background: #dd2525; transform: scale(1.1); } .tanchu{ width:550px; position:fixed; left:50%; margin-left:-326px; top:26%; opacity:0; z-index:-9999; height:0; overflow:hidden; transition:all 1s; } .tanchuhover{ opacity:1; transition:all 1s; top:20%; z-index:9999; height:245px; } .clickimg{ width:26px; height:26px; cursor:pointer; } .close{ width:30px; height:30px; display:block; background:#fff; border-radius:100px; box-shadow:#666 1px 1px 1px; cursor:pointer; color:#58595b; position:absolute; text-align:center; font-size:12px; right:26px; line-height:30px; top:12px; }.c_nav_main-55002{position:absolute; width:400px; height:200px; } .navBar { width:100%; margin:0 auto; line-height:95px; color:#333; } .nav { position:relative; width:100%; margin:0 auto; font-size:16px; height:95px; line-height:95px; } .nav a { color: #333; font-size: 16px; } .nav a:hover{ color: #0563bb; font-size: 16px; } .nav h3 { font-size:100%; font-weight:normal; } .nav .m { float:left; position:relative; z-index:1; line-height:95px; } .nav .s { float:left; width:3px; text-align:center; color:#D4D4D4; font-size:16px; display: none; } .nav h3 a { display:block; width: 95px; text-align:center; font-weight:normal; } .nav .sub { display:none; position:absolute; top: 95px; z-index:1; width: 140px; border:0px solid #E6E4E3; border-top:0; background: #0563bb; color: #fff; left: -20px; } .nav .sub li { text-align:center; padding:0 0px; margin-bottom:-1px; } .nav .sub li a { display:block; border-bottom:1px solid #0676de; height:40px; line-height:40px; color:#fff; font-size:14px; font-weight:normal; } .nav .sub li a:hover{color:#fff!important; background-color:#054886!important;} .nav .sub li a:hover { color:#0563bb; } .nav .block { height: 5px; width: 80px; background: #0563bb; position:absolute; left: 5px!important; top: 93px; overflow:hidden; z-index:99; display: none; }.c_nav_main-23002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_nav_main-55002 .p_MatteIcon .iconfont:before{content:'\e602'; }.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; } h1{font-weight:normal !important;}.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-1547706227294 .p_dimage,#w_img-1547706268713 .p_dimage,#w_img-1547712373895 .p_dimage,#w_img-1547712392666 .p_dimage{ transition:600ms; -webkit-transition: 600ms; } #w_img-1547706227294 .p_dimage:hover,#w_img-1547706268713 .p_dimage:hover,#w_img-1547712373895 .p_dimage:hover,#w_img-1547712392666 .p_dimage:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }#c_nav_main-15531356295786412{ position:absolute; top:16px; left:939px; z-index:3; width:585px; height:95px; }#c_public_htmlCode-15531477725584746{ position:absolute; top:264px; left:1451px; z-index:7; width:98px; height:27px; } #c_public_htmlCode-15531657001814108{ position:absolute; top:46px; left:1522px; z-index:6; width:32px; height:33px; } #w_wbox-1553132586992 .p_wbox{ background-color:rgba(5, 99, 187, 1); } #w_wbox-1553132586992 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1553132586992 >div{ animation-fill-mode:both; } #w_img-1553134995208 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1553134995208 >div{ animation-fill-mode:both; } #w_wbox-1553132625106 .p_wbox{ background-color:rgba(255, 255, 255, 1); } #w_wbox-1553132625106 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1553132625106 >div{ animation-fill-mode:both; } #w_bbox-1553134584475 .p_wbox{ background-image:url(/img/footbg.jpg); background-image-part-image:url(/img/footbg.jpg); background-repeat:repeat-x; } #w_bbox-1553134584475 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1553134584475 >div{ animation-fill-mode:both; } #w_img-1553135505166 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1553135505166 >div{ animation-fill-mode:both; } #w_img-1553147219275 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1553147219275 >div{ animation-fill-mode:both; } #w_wbox-1553132586992{ position:absolute; top:0px; left:-356px; z-index:106; width:1912px; height:35px; } #w_img-1553134995208{ position:absolute; top:4px; left:1px; z-index:110; width:20px; height:25px; } #w_wbox-1553132625106{ position:absolute; top:34px; left:-356px; z-index:105; width:1912px; height:111px; } #w_bbox-1553134584475{ position:absolute; top:2776px; left:-356px; z-index:102; width:1912px; height:400px; } #w_common_text-1553135175948{ position:absolute; top:9px; left:378px; z-index:1; width:135px; height:21px; } #w_common_text-1623303306231{ position:absolute; top:7px; left:1427px; z-index:3; width:144px; height:19px; } #w_img-1553135505166{ position:absolute; top:26px; left:347px; z-index:5; width:425px; height:64px; } #w_common_text-1553147634585{ position:absolute; top:319.5px; left:358px; z-index:6; width:434px; height:61px; } #w_img-1553147219275{ position:absolute; top:81px; left:1430px; z-index:4; width:115px; height:71px; } #w_common_text-1553145427152{ position:absolute; top:80px; left:1076.5px; z-index:3; width:205px; height:87px; } #w_common_text-1553145305868{ position:absolute; top:79px; left:357px; z-index:1; width:257px; height:82px; } #w_common_text-1553145381345{ position:absolute; top:79px; left:694.5px; z-index:2; width:297px; height:93px; } #w_common_text-1581479614446{ position:absolute; top:264px; left:358px; z-index:9; width:514px; height:19px; }