 .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_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-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_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .w_img-001 .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-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-001 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-001 .p_title:active{ color:rgba(69,165,161,1); } .w_img-001 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-001 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-001 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-001 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .e_title.w_img-001 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link002 .iconfont:before{ display: inline-block; content:""; }  .e_title.w_img-001 .p_link001{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link001 .iconfont:before{ display: inline-block; content:""; }  .w_img-001 .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-001{ position:absolute; width:280px; height:250px; } .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .font { white-space: nowrap; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-001 .e_image:hover:after { background: transparent; } .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_public_htmlCode-01001{ position:absolute; width:300px; height:390px; } .page4{background: #ffffff;} #wrapper{width: 1072px; height: 611px; position: absolute; top: 82px; left: 50%; margin-left: -452px; opacity: 0; transition: all 1.5s;} #carousel-left{width: 605px; height: 610px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1;} #carousel-right{width: 252px; height: 207px; overflow: hidden; position: absolute; top: 403px; right: 0; z-index: 1;} #carousel-center{width: 395px; height: 277px; overflow: hidden; position: absolute; top: 65px; left: 466px; z-index: 2; background: #ffffff;} #carousel-center .page4-p{float: left; width: 337px; height: 177px; background: #ffffff; padding: 50px 0 50px 58px;} #carousel-center .page4-p h1{font-size: 16px; font-weight: normal; color: #434342;} #carousel-center .page4-p span{font-size: 12px; color: #c5c5c5;} #carousel-center .page4-p p{font-size: 14px; color: #505050; line-height: 30px; margin-top: 40px;} .caroufredsel_wrapper img{display: block; float: left;} #prev,#next {background: rgba(0,0,0,0.3); color: #ffffff; font-size: 34px; text-align: center; text-decoration: none; display: block; width: 55px; height: 55px; position: absolute; z-index: 3;} #prev {left: 764px; bottom: 0;} #next {right: 197px; bottom: 0;} #prev:hover,#next:hover{background: rgba(0,0,0,0.5);} .page4 .page4-title{width: 36px; height: 182px; background: url(http://static201.yun300.cn/images/img/panel4_text1.png?tenantId=151784&viewType=1&v=1710762720000) 0 0 no-repeat; position: absolute; top: 40px; left: 50%; margin-left: 580px; opacity: 0; transition: all 1.5s;} .page4 .page4-text{width: 13px; height: 123px; background: url(http://static201.yun300.cn/images/img/panel4_text2.png?tenantId=151784&viewType=1&v=1710762720000) 0 0 no-repeat; position: absolute; top: 150px; left: 50%; margin-left: 545px; opacity: 0; transition: all 1.5s;} .page4 .page4-text:after{content: ""; height: 58px; position: absolute; left: 7px; bottom: -70px;} .page4-list{font-size: 16px; color: #434342; position: absolute; left: 50%; margin-left: -826px; top: 182px; padding-left: 27px; opacity: 0; transition: all 1s;} .page4-list p{margin-bottom: 30px; position: relative;} .page4-list p.page4-active:before{content: ""; width: 1px; height: 20px; background: #5e5e5e; position: absolute; left: -27px; top: 4px;} .page4-list:after{content: "â€¦â€¦"; position: absolute; left: 27px; bottom: -20px; font-size: 20px;} .view-current #wrapper{opacity: 1; top: 182px; transition-delay: 0.2s;} .view-current .page4-title{opacity: 1; top: 240px; transition-delay: 1.2s;} .view-current .page4-text{opacity: 1; top: 350px; transition-delay: 1.5s;} .view-current .page4-list{opacity: 1; margin-left: -626px; transition-delay: 1s;}.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; } .c_nav_main-40002 .nav .mainlevel a { color:#000; text-decoration:none; font-size:16px; line-height:50px; display:block; padding:0 15px; } .c_nav_main-40002 .nav .mainlevel a:hover { color: #000; text-decoration: none; font-weight: bold; font-size: 16px;} .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'; }.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_rbox-001{position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%; }.w_rbox-001 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_rbox-001 >div{animation-fill-mode:both; }.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; }#c_nav_main-15143597806440244 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_nav_main-15143597806440244{ position:absolute; top:44px; left:460px; z-index:auto; width:560px; height:50px; } #c_public_htmlCode-16711824045750282{ position:absolute; top:171.611px; left:8.24652px; z-index:15; width:300px; height:74px; } #w_rbox-1514359635560 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1514359635560 >div{ animation-fill-mode:both; } #w_rbox-1514359635560 div.w_rbox>.p_rbox{ background-color:rgba(0, 0, 0, 0); background-image:url(../image/dh_bg2.png); background-image-part-image:url(../image/dh_bg2.png); } #w_bbox-1563513462197 .p_wbox{ background-color:rgba(1, 107, 45, 1); } #w_bbox-1563513462197 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1563513462197 >div{ animation-fill-mode:both; } #w_rbox-1563513332635 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1563513332635 >div{ animation-fill-mode:both; } #w_img-1514360193760 .p_link001{ height:calc(100%); } #w_img-1514360193760 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1514360193760 >div{ animation-fill-mode:both; } #w_vline-1563513332672 .p_Vline{ border-left-color:#0c9746; border-left-style:dotted; border-left-width:1px; } #w_vline-1563513332672 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1563513332672 >div{ animation-fill-mode:both; } #w_img-1563513332767 .p_link001{ height:calc(100%); } #w_img-1563513332767 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1563513332767 >div{ animation-fill-mode:both; } #w_vline-1563513332864 .p_Vline{ border-left-color:#0c9746; border-left-style:dotted; border-left-width:1px; } #w_vline-1563513332864 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1563513332864 >div{ animation-fill-mode:both; } #w_img-1563513332998 .p_link001{ height:calc(100%); } #w_img-1563513332998 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1563513332998 >div{ animation-fill-mode:both; } #w_rbox-1514359635560{ position:absolute; top:0px; left:0px; z-index:102; width:1200px; height:116px; } #w_bbox-1563513462197{ position:absolute; top:3504px; left:-462.778px; z-index:108; width:2126px; height:260px; } #w_rbox-1563513332635{ position:absolute; top:0px; left:356px; z-index:1; width:1200px; height:260px; } #w_img-1514360193760{ position:absolute; top:5px; left:1032px; z-index:5; width:20px; height:20px; } #w_common_text-1514360152676{ position:absolute; top:5px; left:1058px; z-index:4; width:142px; height:20px; } #w_common_text-1564392437191{ position:absolute; top:50px; left:43px; z-index:6; width:411px; height:36px; } #w_vline-1563513332672{ position:absolute; top:37px; left:377.25px; z-index:3; width:31px; height:180px; } #w_img-1563513332767{ position:absolute; top:60.9895px; left:965px; z-index:6; width:122px; height:123px; } #w_common_text-1563513332801{ position:absolute; top:198px; left:973.438px; z-index:7; width:124px; height:23px; } #w_vline-1563513332864{ position:absolute; top:39px; left:845.5px; z-index:9; width:33px; height:180px; } #w_common_text-1563513332899{ position:absolute; top:77px; left:454.25px; z-index:10; width:323px; height:118px; } #w_common_text-1563513332967{ position:absolute; top:138px; left:8.25px; z-index:13; width:332px; height:53px; } #w_img-1563513332998{ position:absolute; top:64px; left:3.25px; z-index:14; width:300px; height:62px; }