.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); }.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:88px; }.c_nav_main-12001001{position:absolute;width:400px;height:200px;overflow:hidden} .nav_bottom_list li.nav_list_01:nth-child(3){ display: none; } .nav_bottom{width: 100%; } .nav_bottom_list{width:900px; float: right;display: inline-block;} .bottom_ewm{width: 300px;display: inline-block;float: left;} .bottom_ewm li{width: 50%; float: left;display: inline-block;} .bottom_ewm dt{font-weight: bold;margin-bottom: 25px;font-size: 18px; color: #3b5998; text-align: left;line-height: 30px;} .bottom_ewm dd img{width:120px;} .nav_bottom_list li{ width: auto; padding-right: 10%; float: left; display: inline-block;} .nav_bottom_list dt{font-weight: bold;margin-bottom: 25px;width: 100%; font-size: 18px; color: #3b5998; text-align: left;} .nav_bottom_list dd{width: 100%; } .nav_bottom_list dd a{display: block;width: 100%;color: #707070;line-height: 26px; text-decoration: none;font-size: 14px; } .nav_bottom_list dd a:hover{color: #82bb17;} .c_nav_main-12001001 .p_matteicon .iconfont:before{content:'\e602'; }.c_nav_main-12001008{position:absolute;width:400px;height:200px;overflow:hidden} * { padding: 0px; margin: 0px; } header, section, footer, article, aside, nav, main, figure, figcaption, hgroup { display: block; } input { font-family: "microsoft yahei", "微软雅黑", "simsun", "宋体"; } body { line-height: 140%; font-size: 16px; font-family: "microsoft yahei", "微软雅黑", "simsun", "宋体"; } a { color: inherit; text-decoration: none; transition: .3s ease 0s; } a:hover {text-decoration: none;} p { margin: 0px; } img { max-width: 100%; border: 0px; vertical-align: middle; } ul, ol, li {list-style: none;} .right_an{ margin-top: 10px;padding:0 10px; } .clear {clear:both;} .clearfix:after { clear: both; display: block; content: "."; width: 0px; height: 0px; visibility: hidden; } .ulclearfix ul:after { clear: both; display: block; content: "."; width: 0px; height: 0px; visibility: hidden; } .height100 { height: 100%; overflow: hidden; } .wrapper { box-sizing: border-box; width: 100%; max-width: 1920px; min-width: 320px; overflow: hidden; padding-top: 72px; margin: auto; } .wrapper:after { content: ""; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.4); pointer-events: none; opacity: 0; transition: .4s; } .wrapper-after-show { height: 100%; overflow: hidden; } .wrapper-after-show:after { pointer-events: auto; opacity: 1; } @media screen and (min-width: 1201px) { .wrapper-after-show:after { pointer-events: none; opacity: 0; } } @media screen and (max-width: 1200px) { .wrapper {padding-top: 50px} } @media screen and (max-width: 767px) { .wrapper {padding-top: 45px} } .header_nav { position: fixed; top: 0px; left: 0px; z-index: 10; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; width: 100%;border-top: 5px solid #72b0df; padding: 0px 20px; background: #fff; transition: .3s; } .header-scroll {box-shadow: 0px 1px 1px #ccc} .logo{ margin-top:15px; } .logo img { width: 100%; } .meun-btn { position: relative; width: 30px; height: 30px; display: none; cursor: pointer; } .meun-btn span { position: absolute; top: 50%; left: 0px; display: block; width: 30px; height: 2px; margin-top: -1px; background: #000; transition: .2s ease; } .meun-btn-open span { width: 0px; } .meun-btn span:before { content: ''; position: absolute; top: -8px; left: 0px; width: 30px; height: 2px; border-radius: 3px; background: #000; transition: transform .2s ease, top .2s ease; } .meun-btn-open span:before { top: 0px; transform: rotate(45deg); } .meun-btn span:after { position: absolute; top: 8px; left: 0px; width: 30px; height: 2px; content: ''; border-radius: 3px; background: #000; transition: transform .2s ease, top .2s ease; } .meun-btn-open span:after { top: 0px; transform: rotate(-45deg); } .meun-nav {} .meun-nav ul { margin-bottom: 0px; } .meun-nav ul li { float: left; margin-left: 1px; } .meun-nav ul li .tit1 { display: block; padding: 0px 22px; line-height: 70px; font-size: 16px; color: #505050; letter-spacing: 1px; transition: color .3s, background-color .2s; } .meun-nav ul li .tit1:after { display: block; border-bottom: 1px solid transparent; content: ""; transition: border .4s, padding-top .3s} .meun-nav ul li:hover .tit1:after { border-bottom: 3px solid #5e7eae; padding-top: 12px; }  .second-nav { position: absolute; top: 100%; left: 0px; right: 0px; z-index: 2; box-sizing: border-box; width: 100%; padding: 20px 5%; margin: auto; background: rgba(255,255,255,1); pointer-events: none; opacity: 0; transition: .6s ease; } .meun-nav ul li:hover .second-nav { pointer-events: auto; opacity: 1; } .second-nav:after { clear: both; display: block; content: "."; width: 0px; height: 0px; visibility: hidden; } .second-nav-left { float: left; width: 100%; } .second-nav-left h5 { height: 44px; overflow: hidden; margin: 0px; font-size: 30px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; text-overflow: ellipsis; white-space: nowrap; } .second-nav-left hr { width: 32px; height: 2px; border: none; margin: 15px 0px; background: #f04b01; } .second-nav-left dl.ej_box { margin-top: 0px; width: 24%;display:inline-block; float: left;overflow:hidden; float: left; box-sizing: border-box; } #menu_1 .second-nav-left dl.ej_box { margin-top: 0px; width: 24%;display:inline-block; float: left;overflow:hidden; min-height:390px; float: left; box-sizing: border-box; } #menu_2 .second-nav-left dl.ej_box { margin-top: 0px; width: 19%;display:inline-block; float: left;overflow:hidden; min-height:310px; float: left; box-sizing: border-box; } .second-nav-left dl:after { clear: both; display: block; content: "."; width: 0px; height: 0px; visibility: hidden; } .second-nav-left dl.ej_box dt{ float: left; box-sizing: border-box; width: 100%; letter-spacing:2px; overflow: hidden; padding: 0px 12px; margin: 18px 3%; background:  no-repeat left 8px; line-height: 21px; font-size: 18px;font-weight: bold; border-bottom: 2px solid #e4e5e5; padding-bottom: 25px; color: #3b5998; text-overflow: ellipsis; white-space: nowrap; } .second-nav-left dl dd.sj_title { float: left;padding-left:23px; box-sizing: border-box;letter-spacing:2px; width: 100%; height: 30px; overflow: hidden; line-height: 21px; font-size: 16px; color: #666; text-overflow: ellipsis; white-space: nowrap; } .second-nav-left dl dd.sj_title a:hover, .second-nav-left dl dd.sj_title a.active { color: #3b5998; } .second-nav-right { float: right; width: 65%; height: auto; background-repeat: no-repeat; background-position: center; } .out-link { display: block; text-align: right; width: 100%; overflow: hidden; } .out-link dt { display: none; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #505050; text-shadow: 0 1px 1px rgba(255,255,255,0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffffff',endcolorstr='#ffe6e6e6',gradienttype=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:dximagetransform.microsoft.gradient(enabled = false); border: 1px solid #bbb; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .out-link dd { width: 100%; display: block; text-align: right; } .out-link dd a { display: inline-block; margin-top: 10px; margin-left: 5px; cursor: pointer; } .out-link dd a:hover { opacity: .8; } .out-link dd a img {width: 30px} .wechat-fade { position: fixed; top: 50%; left: 50%; z-index: 13; display: none; width: 150px; height: 150px; margin-top: -60px; margin-left: -60px; background: rgba(0,0,0,.5); line-height: 150px; text-align: center; } .wechat-fade img { width: 120px; } @media screen and (min-width: 1920px) { .header_nav { padding: 0px 110px; } } @media screen and (max-width: 1570px) { .meun-nav ul li .tit1 { padding: 0px 16px; } .out-link dt { display: inline-block; } .out-link dd { float:right; width: 230px;  background: rgba(255,255,255,.4); pointer-events: none; opacity: 1; transition: .3s; } } @media screen and (max-width: 1200px) { .header_nav { height: 70px; } .logo { width: 190px; } .second-nav-bg { left: 0px; right: 0px; } .meun-nav ul li .tit1 { padding: 0px 16px; } .second-nav { padding: 2.5%; } .meun-nav { display: none; } .out-link { display: none; } } @media screen and (max-width: 767px) { .header_nav { height: 45px; padding: 0px 10px; } .logo { width: 160px; } } .mobile-nav-box { position: fixed; top: 0px; left: 0px; z-index: 13; width: 320px; height: 100%; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.4); transform: perspective(450px) rotatey(-90deg); transform-origin: 0% 0%; transition: .4s ease; } .mobile-nav-box-show { transform: perspective(450px) rotatey(0deg); } .search-btn { box-sizing: border-box; padding: 0px 20px; margin: 0px; background: #333; line-height: 56px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; } .search-btn i { margin-left: 10px; } .mobile-meun-nav {overflow-y: scroll} .mobile-meun-nav ul {} .mobile-meun-nav ul li { border-bottom: 1px solid #f2f2f2; } .mobile-meun-nav ul li .tit { position: relative; display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0px 20px 0px 40px; margin: 0px; font-size: 16px; color: #505050; font-weight: normal; letter-spacing: 1px; cursor: pointer; transition: .3s; } .mobile-meun-nav ul li .tit:before { content: ""; position: absolute; top: 50%; left: 15px; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #505050; border-radius: 50%; transition: .3s; } .mobile-meun-nav ul li .tit.chose:before, .mobile-meun-nav ul li .tit.active:before { border-color: #1b1b1b; background: #1b1b1b; } .mobile-meun-nav ul li .tit:hover, .mobile-meun-nav ul li .tit.chose, .mobile-meun-nav ul li .tit.active { color: #1b1b1b; } .mobile-meun-nav ul li .tit i { float: right; margin-top: 18px; font-size: 18px; } .mobile-second-nav { display: none; margin-bottom: 0px; } .mobile-second-nav dd { border-top: 1px solid #f2f2f2; } .mobile-second-nav dd a { display: block; height: 56px; line-height: 56px; overflow: hidden; padding: 0px 10px 0px 45px; font-size: 16px; color: #505050; letter-spacing: 1px; cursor: pointer; } .mobile-second-nav dd a:hover, .mobile-second-nav dd a.active { color: #ff4e00; } .mobile-out-link { margin-top: 30px; text-align: center; } .mobile-out-link a { display: inline-block; margin-left: 5px; cursor: pointer; } .mobile-out-link a:hover { opacity: .8; } .mobile-out-link img { width: 50px } @media screen and (min-width: 1201px) { .mobile-nav-box {display: none} } @media screen and (max-width: 1200px) { .meun-btn { display: block; } } @media screen and (max-width: 991px) { .mobile-meun-nav { position: absolute; top: 56px; bottom: 0px; width: 100%; } .mobile-out-link { position: absolute; top: 50%; right: 0px; margin-top: -105px; opacity: 0; } .mobile-meun-nav ul li .tit, .mobile-second-nav dd a { height: 50px; line-height: 50px; } .mobile-out-link a { display: block; margin: 10px 0px; } .mobile-nav-box-show .mobile-out-link { right: -80px; opacity: 1; transition: .3s .5s; } } @media screen and (max-width: 767px) { .mobile-nav-box { width: 250px; } .mobile-out-link a img { width: 55px; } } .footer { position: relative; box-sizing: border-box; padding: 0px 20px; margin-top: 20px; border-top: 1px solid #eee; background: #fff; line-height: 70px; font-size: 14px; color: #8b8b8b; } .footer p { display: inline-block; } .footer a:hover { color: #e76f30; } .link-btn { margin: 0px 5px; cursor: pointer; transition: .3s; } .link-btn:hover { color: #e76f30; } .powerby { float: right; } .scroll { position: absolute; right: 50%; top: 0px; display: none; box-sizing: border-box; width: 105px; height: 100%; padding-top: 8px; margin-right: -52.5px; line-height: 30px; text-align: center; } .scroll img { animation: scroll 1.8s linear infinite; } .scroll p { font-size: 12px; color: #000; letter-spacing: 1px; font-family: "arial"; } @keyframes scroll { 0% {transform: scale(1);} 25% {transform: scale(1.1);} 50% {transform: scale(1);} 75% {transform: scale(.9);} 100% {transform: scale(1);} } @media screen and (min-width: 1920px) { .footer { padding: 0px 71px; } } @media screen and (max-width: 1200px) { .footer { line-height: 50px; } .scroll { display: none; } } @media screen and (max-width: 767px) { .footer { position: static; padding: 5px 10px; line-height: 24px; text-align: center; } .footer p { display: block; } .powerby { float: none; display: block; margin: auto; } } .popover-content a { display: block; line-height: 24px; font-family: "microsoft yahei"; } .search-box { position: fixed; top: 0px; left: 0px; z-index: 101; width: 100%; height: 100%; background: rgba(0,0,0,.9); pointer-events: none; opacity: 0; transition: .4s; } .search-box-show { pointer-events: auto; opacity: 1; } .search-box .close { position: absolute; top: 30px; right: 30px; display: block; width: 30px; height: 30px; background:  no-repeat center; opacity: 1; } .search-box form { position: absolute; top: 50%; left: 2.6%; right: 2.6%; height: 40px; margin-top: -62px; border-bottom: 1px solid #515151; } .search-box form input { box-sizing: border-box; width: 100%; height: 40px; overflow: hidden; padding-left: 30px; padding-right: 50px; border: none; outline: none; background:  no-repeat left; line-height: 40px; font-size: 20px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .search-box form button { position: absolute; top: 0px; right: 0px; width: 50px; height: 100%; border: none; background: transparent; line-height: 40px; font-size: 18px; color: #777; text-align: center; cursor: pointer; transition: .3s; } .search-box form button:hover { color: #fff; } .title7 { text-align: center; } .title7 h5 { font-size: 40px; color: #fff; font-weight: bold; font-family: "arial"; letter-spacing: 2px; text-transform: uppercase; } .title7 h3 { margin: 10px 0px; font-size: 20px; color: #ffffff; font-weight: bold; letter-spacing: 4px; } .title7 hr { width: 32px; height: 2px; margin: 20px auto; border: 0px; background: #f04b01; } @media screen and (max-width: 1200px) { .title7 h5 {font-size: 32px} .title7 h3 {font-size: 16px} } .video_list{ background: url(/uploads/image/simg/zh_video_pic.jpg) no-repeat center center; } .menu_content{ max-width: 1600px; margin: 0 auto; } .menu_content .contact{ background: #91a9b5; overflow: hidden; } .contact ul{ max-width: 1200px; margin: 0 auto; } .bottom_nav_list { background: #0072ad; overflow: hidden; padding: 55px 0; }.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; }.c_nav_main-12001005{position:absolute;width:400px;height:200px;overflow:hidden} .c_ads_banner-11001001{position:absolute;width:400px;height:200px;overflow:hidden} .bottom_copyright{width: 100%; } .copyright_left{width: 100%;float: left;display: inline-block;} .copyright_left_nav{width: 100%; color:#aaa;font-size: 14px;} .copyright_left_nav span{display: inline-block; font-size: 14px; line-height:30px;color: #949494;} .copyright_text span a{text-align: center; text-decoration: none;color: #949494;} .copyright_text h1{text-align: center; display:inline; text-decoration: none;color: #949494;font-size: 14px;} .copyright_text div{display:inline} .copyright_text{width: 100%;text-align: center;line-height: 35px; font-size: 14px;color: #949494;} .copyright_text a{line-height: 35px; font-size: 14px;color: #949494;} .copyright_right{width: 30%; float: right;text-align: right;} .copyright_right a{text-align: left;line-height: 30px; font-size: 14px;color: #aaa; text-decoration: none;display:inline;} .fealist li{display: inline-block; float: left; width: calc(100% / 3);} .fealist .ilink { margin: 0 auto; width: 372px;position: relative; height: 243px; border: 1px solid #42a634; display: block;margin-right: 43px; background: 0 0 no-repeat; } .fealist .ilink .i { width: 72px; height: 72px; margin: 30px auto; display: block; background: center center no-repeat; background-size: cover; } .fealist .ilink .back { width: 100%; height: 100%; } .fealist .ilink .back span { font-family: 'fzlt'; font-size: 15px; color: #7d7d7d; font-weight: 100; } .fealist .ilink .back .n { width: 100%; text-align: center;line-height: 2em;padding-bottom: 1vh; display: block;font-size: 24px; color: #6cbd45; } .fealist .ilink .back .d { width: 100%;font-size: 18px; color: #6cbd45; text-align: center;display: block; } .fealist .ilink .back .d span { display: block; } .fealist .ilink .back .d .num { font-size: 65px; } .fealist .ilink .back .d .infi { font-size: 100px; margin: -27px 0; font-family: 'fzlt2'; } .fealist .ilink .back .h2{ font-size: 30px; width: 6em; text-align: left; float: right; } .fealist .ilink .inner { position: absolute; left: 0px; top: 0px; width: 0%; opacity: 0; height: 100%; display: block; overflow: hidden; background-color: #6cbd45; } .fealist .ilink .inner span { font-size: 20px; color: #ffffff; font-weight: 100; } .fealist .ilink .inner .n { text-align: left; width: 100%; font-size: 20px; line-height: 20px;text-align: center;display: block; } .fealist .ilink .inner .d { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 40px; line-height: 40px; position: absolute; left: 50%; bottom: 30px; text-align: center;margin-left: -20px; } .fealist .ilink.active .inner { width: 100%; } .fealist .ilink.ilink-1 { } .fealist .ilink.ilink-1 .back .i { background-image: ; } .fealist .ilink.ilink-1 .inner .i { background-image: ; } .fealist .ilink.ilink-2 { } .fealist .ilink.ilink-2 .back .i { background-image: ; } .fealist .ilink.ilink-2 .inner .i { background-image: ; } .fealist .ilink.ilink-3 { } .fealist .ilink.ilink-3 .back .i { background-image: ; } .fealist .ilink.ilink-3 .inner .i { background-image: ; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  } #w_common_text-1540204047017 div{ border-radius: 30px;line-height:28px; background-color:#eea92e; }#w_common_text-1540204412876 div, #w_common_text-1540204411699 div, #w_common_text-1540204412320 div, #w_common_text-1540204401732 div, #w_common_text-1540204047017 div{ border-radius: 30px; background-color:#eea92e; line-height:28px; }#c_nav_main-15266325414096713{ position:absolute; top:336px; left:-4px; z-index:136; width:1204px; height:40px; } #c_nav_main-15647153974944186{ position:absolute; top:0px; left:225px; z-index:2; width:1463px; height:138px; } #c_nav_main-15647356014084880 .p_matteicon .iconfont:before{ content:'\e602'; } #c_nav_main-15647356014084880{ position:absolute; top:0px; left:6px; z-index:135; width:1209px; height:313px; } #w_wbox-1510034032125 .p_wbox{ background-color:#fff; } #w_wbox-1510034032125 .p_matteicon .iconfont:before{ content:'\e602'; } #w_wbox-1510034032125 >div{ animation-fill-mode:both; } #w_bbox-1514367129063 .p_wbox{ margin-top:0px; background-color:#eee; background-repeat:repeat-x; background-position:center 370px; background-image:url(/uploads/image/simg/ut_footer_line.jpg); background-image-part-image:url(/uploads/image/simg/ut_footer_line.jpg); } #w_bbox-1514367129063 .p_matteicon .iconfont:before{ content:'\e602'; } #w_bbox-1514367129063 >div{ animation-fill-mode:both; } #w_wbox-1510034032125{ position:absolute; top:0px; left:-356px; z-index:999999; width:1912px; height:138px; } #w_bbox-1514367129063{ position:absolute; top:1137.5px; left:-356px; z-index:103; width:1912px; height:432px; } #w_rbox-1526632541587{ position:absolute; top:47px; left:356px; z-index:130; width:1200px; height:385px; }