@charset "UTF-8"; /*** *** css鍒濆鍖 *** ***/ * { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } ul, ol { margin: 0; padding-left: 0; } li { list-style: none; } a { text-decoration: none; } a:hover { text-decoration: none; } img { display: block; } #edition-cn { font-family: '寰蒋闆呴粦'; } #edition-en { font-family: 'Arial'; } .fl { float: left; } .fr { float: right; } .clearfix { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; } .am-container { padding-left: 1.6rem !important; padding-right: 1.6rem !important; } body { font-size: 1.4rem; } h1, h2, h3, h4, h5, h6 { font-size: 1.4rem; } /******************************************************* css鍒濆鍖 END */ /*** *** 澶撮儴 *** ***/ header { z-index: 999; position: fixed; top: 0; height: 60px; -webkit-transition: all .5s; transition: all .5s; } .header-menu { padding: 0 1.6rem; height: 60px; background: #fff; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1); } .logo { padding-top: 12px; } .logo img { height: 36px; } .logo span { margin-left: 0.8rem; padding-left: 0.8rem; border-left: 1px solid #ddd; } .logo em { color: #d50f0f; line-height: 1.4rem; display: block; } .headerlogo { background: url(/templets/images/headerlogo.png) no-repeat center; content: ''; width: 100%; height: 30px; background-size: 80% auto; } .aboutlogo { background: url(/templets/images/indexaboutlogo.png) no-repeat center; width: 100%; height: 50px; background-size: 80% auto; } .header-block { height: 60px; } .menu-m { z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; background: #395aa9; padding: 0 1.5rem; } .menu-m { transform: translateY(-100%); -webkit-transform: translateY(-100%); -webkit-transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1); transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1); } .menu-top-show { transform: translateY(0); -webkit-transform: translateY(0); } .menu-m li { line-height: 4.6rem; } .menu-m li a { position: relative; color: #fff; display: block; line-height: 4.6rem; font-size: 1.4rem; border-bottom: 1px solid #2a417a; text-indent: 1rem; } .menu-m li i { position: absolute; top: 0; right: 1rem; display: block; font-style: normal; font-size: 2.2rem; -webkit-transition: all .3s; transition: all .3s; -webkit-transform-origin: center center; transform-origin: center center; text-indent: 0; } .menu-m a.open i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-m li ul ul { display: none; } .nav-menu { padding: 5.8rem 0 2rem; } .nav-menu ul { padding: 0; } .nav-menu h1 { line-height: 1.2em; color: #fff; font-weight: bold; margin-bottom: 20px; } .menu-son { background: #446ac6; display: none; } .menu-son li a { font-size: 1.4rem; } .menu-son li:last-child { border-bottom: none; } .menu-btn { z-index: 9999; position: fixed; top: 0; right: 1rem; height: 60px; line-height: 60px; font-size: 1.4rem; color: #727272; display: block; text-align: left; } .menu-btn:hover { color: #727272; } .menu-btn img { height: 20px; float: left; margin: 1.7rem 1.6rem 0 0; } .menu-btn span { position: relative; float: left; margin: 30px .8rem 0 0; width: 1.6rem; height: 2px; display: block; background: #395aa9; } .menu-btn i { position: absolute; left: 0; width: 1.6rem; height: 2px; display: block; background: #fff; transition-duration: .3s,.3s; -webkit-transition-duration: .3s,.3s; transition-delay: .3s,0s; -webkit-transition-delay: .3s,0s; } .menu-btn i.mbtn-top { top: -0.6rem; -webkit-transition-property: top,-webkit-transform; transition-property: top,-webkit-transform; transition-property: top,transform; transition-property: top,transform,-webkit-transform; -webkit-transition-property: top,transform; background: #395aa9; } .menu-btn i.mbtn-bottom { bottom: -0.6rem; -webkit-transition-property: bottom,-webkit-transform; transition-property: bottom,-webkit-transform; transition-property: bottom,transform; transition-property: bottom,transform,-webkit-transform; -webkit-transition-property: bottom,transform; background: #395aa9; } .menu-btn .menu-font { font-style: normal; } .menu-btn-on span { background: #395aa9; margin-right: 1.6rem; } .menu-btn-on img { display: none; } .menu-btn-on, .menu-btn-on:hover { color: #fff; } .menu-btn-on i.mbtn-top, .menu-btn-on i.mbtn-bottom { background: #fff; transition-delay: 0s,.3s; -webkit-transition-delay: 0s,.3s; } .menu-btn-on i.mbtn-top { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .menu-btn-on i.mbtn-bottom { bottom: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .menu-btn-on .menu-font { display: none; } /******************************************************* HEADER END */ /*** *** 鑴氶儴 *** ***/ .foot-pro { border-top: 1px solid #eee; } .foot-pro .foot-epd { padding: .5rem 0; font-size: 1.2rem; text-align: center; color: #aaa; line-height: 2rem; } .foot-pro .foot-epd p { width: 90%; margin: 0 auto; } .foot-pro .foot-epd p .kong { display: none; } .foot-pro .foot-epd a { color: #aaa; } .foot-pro .share { height: 60px; } .footer { display: -webkit-box; display: -ms-flexbox; display: flex; background: #395aa9; position: fixed; bottom: 0; width: 100%; line-height: 60px; } .footer a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #fff; font-size: 1.6rem; border-right: 1px solid #2a417a; } .footer a span { display: inline-block; margin-right: .6rem; font-size: 2rem; } .footer a:hover { color: #fff; } /******************************************************* FOOTER END */ /*** *** 棣栭〉 *** ***/ /* 棣栭〉杞挱鍥 */ .index-banner .am-slider .am-direction-nav { display: none; /*鍘绘帀杞挱鍥 宸﹀彸鎸夐挳 */ } /*--------------------浜у搧鍒楄〃---------------------*/ .index-pro { background: #f5f5f5; } .index-pro .pro-tit { font-size: 2rem; text-align: center; font-weight: 600; color: #000; } .index-pro .pro-tit::after { content: "."; font-size: 0; display: block; margin: 1rem auto 2.4rem; height: 0; width: 4rem; border-bottom: 3px solid #395aa9; } .index-pro .pro-list li a { display: block; width: 100%; height: 100%; background: #fff; } .index-pro .pro-list li .pro-img { width: 100%; height: 15rem; } .index-pro .pro-list li .pro-title { line-height: 3rem; font-size: 1.4rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 5px; } .index-pro .pro-list li:nth-child(2n-1) { padding-right: .8rem; } .index-pro .pro-list li:nth-child(2n) { padding-left: .8rem; } .index-pro .more { width: 40%; height: 3rem; line-height: 3rem; font-size: 1.4rem; text-align: center; display: block; margin: 0 auto; color: #fff; background: #395aa9; border-radius: 1.5rem; } /*--------------------鍏充簬鎴戜滑---------------------*/ .index-about .about-tit { font-size: 2rem; text-align: center; font-weight: 600; color: #000; } .index-about .about-tit::after { content: "."; font-size: 0; display: block; margin: 1rem auto 2.4rem; height: 0; width: 4rem; border-bottom: 3px solid #395aa9; } .index-about .about-cont { font-size: 1.5rem; } .index-about .about-cont .en { display: none; } .index-about .about-cont .more { width: 40%; height: 3rem; line-height: 3rem; font-size: 1.4rem; text-align: center; display: block; margin: 2.4rem auto 0; color: #fff; background: #395aa9; border-radius: 1.5rem; } .index-about .about-pic { width: 100%; } .index-about .about-pic img { width: 100%; } .index-jituan { background: #f5f5f5; } .index-jituan .jituan-tit { font-size: 2rem; text-align: center; font-weight: 600; color: #000; } .index-jituan .jituan-tit::after { content: "."; font-size: 0; display: block; margin: 1rem auto 2.4rem; height: 0; width: 4rem; border-bottom: 3px solid #395aa9; } .index-jituan .jituan-cont .jituan-list li { position: relative; color: #555; padding-left: 1.5rem; } .index-jituan .jituan-cont .jituan-list li a { display: block; font-size: 1.6rem; line-height: 3rem; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index-jituan .jituan-cont .jituan-list li a .tit { float: left; width: 83%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; color: #555; } .index-jituan .jituan-cont .jituan-list li a .date { float: right; font-size: 1.6rem; color: #555; } .index-jituan .jituan-cont .jituan-list li::before { content: ""; display: block; width: 6px; height: 6px; background: #395aa9; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3px; } .index-jituan .jituan-cont .jituan-list .more { width: 40%; height: 3rem; line-height: 3rem; font-size: 1.4rem; text-align: center; display: block; margin: 2.4rem auto 0; color: #fff; background: #395aa9; border-radius: 1.5rem; } /*--------------------鏂伴椈---------------------*/ .index-jingying { background: #395aa9; } .index-jingying .jingying-tit { font-size: 2rem; text-align: center; font-weight: 600; color: #fff; } .index-jingying .jingying-tit::after { content: "."; font-size: 0; display: block; margin: 1rem auto 2.4rem; height: 0; width: 4rem; border-bottom: 3px solid #fff; } .index-jingying .jingying-cont .jingying-list li a { display: block; width: 100%; line-height: 3.4rem; color: #fff; border-bottom: 1px dashed #446ac6; } .index-jingying .zhengshu { width: 100%; } .index-jingying .zhengshu img { width: 100%; } .index-qixia { background: #395aa9; } .index-qixia .qixia-tit { color: #fff; font-size: 1.6rem; padding-bottom: .5rem; font-weight: bold; } .index-qixia .qixia-list li a { display: block; width: 100%; line-height: 3.4rem; color: #fff; border-bottom: 1px dashed #446ac6; } /******************************************************* INDEX END */ /*** *** 鍐呴〉 *** ***/ .page-banner { display: none; width: 100%; } .page-banner img { width: 100%; } .page-banner .en { display: none; } .page-title { font-size: 1.6rem; line-height: 40px; color: #000; } .page-title .tit { border-bottom: 1px solid #eee; text-indent: 5px; } .page-choose { background: #fff; } .page-choose .choose-box { position: relative; } .page-choose .choose-title { font-size: 1.6rem; line-height: 40px; color: #000; } .page-choose .choose-title .title-box { border-bottom: 1px solid #eee; } .page-choose .choose-title .tit { text-indent: 5px; } .page-choose .choose-title i { margin-right: 5px; font-size: 1.6rem; } .page-choose .choose-list { position: absolute; z-index: 10; top: 42px; left: 0; width: 100%; line-height: 3.6rem; background: #fff; display: none; } .page-choose .choose-list li { border-bottom: 1px solid #eee; } .page-choose .choose-list li .tit { text-indent: 5px; } .page-choose .choose-list li i { margin-right: 5px; display: none; } .page-choose .choose-list li a { color: #333; } .page-choose .choose-list .on i { display: block; } .page-choose .choose-listmore { display: none; position: absolute; z-index: 10; top: 42px; left: 0; width: 100%; background: #fff; } .page-choose .choose-listmore ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-choose .choose-listmore ul li { width: 33.3%; margin-bottom: 1rem; text-align: center; } .page-choose .choose-listmore ul li .tit { display: inline-block; color: #333; } .page-choose .choose-listmore ul .on .tit { border-bottom: 2px solid #395aa9; } #edition-en .page-choose .choose-listmore li { width: 50%; } .page-about { padding-top: 2.4rem; background: #fafafa; } .page-about .about-content { min-height: 200px; } .page-about .about-content img { margin: 0 auto; max-width: 100%; } .page-about .about-list .am-gallery { padding: 0; } .page-about .about-list .am-gallery-overlay > li { padding: 0 0 1.6rem; } .page-about .about-list .am-gallery-overlay > li:nth-child(2n-1) { padding-right: .8rem; } .page-about .about-list .am-gallery-overlay > li:nth-child(2n) { padding-left: .8rem; } .pagemain .nodata { display: none; text-align: center; padding-bottom: 1rem; } .pagemain .loading { display: none; text-align: center; height: 0; font-size: 0; } .page-news { background: #fafafa; } .page-news [class*=am-u-] { padding: 0; } .page-news .am-list { margin-bottom: 0; } .page-news .am-list > li { border: 0; margin-bottom: 2.4rem; } .page-news .news-list li { background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } .page-news .news-list li .pic { width: 100%; } .page-news .news-list li .pic img { width: 100%; } .page-news .news-list li .new-contbox { padding-top: 2rem; padding-bottom: 2rem; font-size: 1.6rem; } .page-news .news-list li .new-contbox h3 { color: #000; line-height: 2.2rem; font-weight: 600; } .page-news .news-list li .new-contbox .time { color: #aaa; font-size: 1.4rem; line-height: 3rem; } .page-news .news-list li .new-contbox .description { color: #333; font-size: 1.4rem; line-height: 2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .page-news .news-list li .new-contbox .en { display: none; } .art-news .news-info .news-tit { text-align: center; border-bottom: 1px solid #eee; } .art-news .news-info .news-tit .tit { font-weight: 600; color: #000; } .art-news .news-info .news-tit .data { font-size: 1.2rem; color: #aaa; } .art-news .news-info .news-content p { font-size: 1.4rem; } .art-news .news-info .news-content img { width: 100%; } .list-product-m { background: #fafafa; } .list-product-m .am-list > li { background-color: transparent; border-bottom: none; position: static; } .list-product-m .pro-list li { border-top: none; } .list-product-m .pro-list li:nth-child(2n-1) { padding-right: .8rem; } .list-product-m .pro-list li:nth-child(2n) { padding-left: .8rem; } .list-product-m .pro-list li .pic-box { width: 100%; height: 10rem; overflow: hidden; } .list-product-m .pro-list li a { color: #888; width: 100%; margin: 0 auto; border: 1px solid #eee; } .list-product-m .pro-list li a p { margin: 0 auto; background: #fff; color: #333; padding: 0 .5rem; line-height: 3.4rem; } .list-product-m .pro-list li a img { width: 100%; } .art-product .pro-info .pro-tit { text-align: center; color: #444; border-bottom: 1px solid #eee; font-size: 1.6rem; padding: 1rem 0; } .art-product .pro-info .pro-content .pro-cont .pic .am-figure-default { margin: 0; } .art-product .pro-info .pro-content .pro-cont .cont p { padding-left: 2rem; margin-bottom: .5rem; line-height: 24px; font-size: 1.6rem; position: relative; } .art-product .pro-info .pro-content .pro-cont .cont p span { font-size: 1.6rem; } .art-product .pro-info .pro-content .pro-cont .cont p::before { content: ""; display: block; width: 6px; height: 6px; background: #333; position: absolute; left: 1rem; top: 9px; border-radius: 50%; } .art-product .pro-info .pro-content img { width: 100%; } .art-product .am-figure-default img { margin: 0 auto; } .page-contact .contact-info p { margin-bottom: .5rem; color: #555; } .page-contact .contact-info p strong { color: #000; } .page-contact .form-cont { border-top: 1px solid #eee; } .page-contact .form-cont .form-tit { text-align: center; color: #395aa9; font-size: 1.8rem; } .page-contact .form-cont form .inp-box input { width: 100%; height: 3.4rem; margin-bottom: 1rem; font-size: 1.4rem; text-indent: 10px; } .page-contact .form-cont form .inp-box textarea { width: 100%; margin-bottom: 1rem; height: 100px; font-family: '寰蒋闆呴粦'; padding-top: 10px; text-indent: 10px; } .page-contact .form-cont form .coolbg { width: 150px; height: 40px; background: #395aa9; border: 1px solid #395aa9; color: #fff; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; } .page-contact .form-cont form .coolbg:hover { color: #395aa9; background: #fff; } /******************************************************* PAGE END */ /******************************************************* PAGE END */ /*** *** 鍏朵粬閫氱敤鏍峰紡 *** ***/ .prenext li { padding: 0; } .prenext li a { display: block; width: 100%; height: 100%; font-size: 1.4rem; padding: 1rem 1rem; color: #444; } .prenext .epd-backlist a { background: #395aa9; color: #fff !important; border: 1px solid #395aa9; } .prenext .epd-prev, .prenext .epd-next { border: none; } .ajax-loading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ajax-loading .loading-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .ajax-loading .loading-box i { font-size: 5rem; line-height: 5.4rem; color: #fff; text-shadow: 0 0 0 #555,0 0 2px #555; } .ajax-loading .loading-box p { color: #fff; text-shadow: 0 0 0 #555,0 0 2px #555; } /******************************************************* OTHER END */ /*# sourceMappingURL=css_m.css.map */