/* Write your styles */ /*===========================header=============================*/ h1,h2,h3,h4,ul,ol,dl{ margin: 0; margin: 0; font-weight: normal;} h1{ font-size: 16px;} .fl{ float: left; } .fr{ float: right;} .am-with-fixed-navbar{ padding: 0;} .red{ color: red;} /*===========================header=============================*/ #header{ position:relative; top: 0; width:100%; background:#fff; z-index: 99; } #header .box{ height: 50px; position: relative; overflow:hidden;} #logo{ display: block; position: absolute; left: 1.5rem; top: 0;} #logo img{ height: 50px; border: none;} #bnt_lan{position: absolute; right: 4.5rem; top: 0; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca; } #bnt_lan a{ display: block; width: 4.5rem;} #bnt_lan img{ width: 4.5rem;} #bnt_list{position: absolute; right: 0rem; top: 0;} #bnt_list button{ height:5rem; width: 4.5rem; background:none; border:none; padding: 0;} #bnt_list button i{ font-size: 2rem; color: #505050; } .fixed_box{height:5rem;} #menu{ width:50%;} #menu li{ background:none;color: #EEE; height:3rem; text-align: center; padding:0;} #menu li a{ padding:0;} #menu li a:hover{ background:none; color:#fff;} #menu .am-header{ line-height: 15px;} #menu .iconfont{ color:#fff;} #aside_nav .am-offcanvas-bar{ width: 170px; background:#373849;} #nav .am-list > li{ background: none; border-color:rgba(0,0,0,.06); padding: 1rem 0; } #nav .am-list > li a{ padding:0; padding-left: 1rem; font-size:14px; color: #fff;} #nav .am-list > li ul{ padding:0 ; margin-bottom: -1rem;} #nav .am-list > li ul li{ padding:0 1rem; line-height: 3rem; display: block; } #nav .am-list > li ul li{} #nav .am-list > li ul li:last-child{ border:none;} #nav .am-list > li ul li a{ font-size:12px; display:block; padding:0;} #nav .am-fr[class*="am-icon-"]{ color: #eee;} #nav .doc-oc-demo3{ width:50px;} #nav .am-list > li ul{ padding-top: 10px; } .am-offcanvas-bar::after{ background:none;} #index_nav_bar li{} #index_nav_bar li a{ display: block; height: 5rem; line-height: 5rem; text-align: center; color: #fff; font-size: 14px;} /*===========================footer=============================*/ #footer_box{ background: none;} #footer_box .copyright a{ color:#797b7d;}/*===========================footer=============================*/ #footer_box{ padding: 0px; z-index:999; position:relative;} #footer_box .copyright{color:#797b7d; display:block; margin-bottom: 65px; border-top: 1px solid #fff; font-size: 13px;} #footer{ position:fixed; bottom:0; left:0; width:100%; background:#d83648;} #footer_box .am-dropdown{ cursor:pointer; width:100%; display:block; display:block;} #footer_box .am-dropdown-content{ } #footer_box .am-dropdown-content input{ } #footer li{ display: block;} #footer li a{ padding: 1.5rem 0; display: block; color: #fff; border-right:1px solid #e05e6d; font-size: 12px;} #footer li a .j_iconfont{ color: #fff;} #footer li:last-child a{ border: none;} #bnt_sub_nav{ position: relative;} #sub_nav_content{ display: none; background: #3b3b3c; position: absolute;top: 51px; right: 0; width: 100%;} #sub_nav_content .content a{ display: block; position: relative; height: 4rem; line-height: 3.8rem; text-align: center; width: 100%; } #sub_nav_content .content a i{font-style: normal; padding-left: .7rem; font-size: 12px; color: #fff;} #sub_nav_content .content a:nth-child(2n+1){ background: #4d4d4e;} /*===========================index=============================*/ .am-slider-b2{ box-shadow: none;} .my_bnt{ margin: 0 auto; text-align:center; font-size:12px; border-radius: 3px; line-height:3rem; height:3rem; text-transform: uppercase; width: 100px; color:#fff !important; margin-bottom: 2rem; border-radius: 0rem; background: #b48d44; display: block;} .j_bnt_border{ margin: 0 auto; text-align:center; font-size:12px; line-height:3rem; height:3rem; text-transform: uppercase; width: 100px; color:#e77817; margin-bottom: 2rem; border-radius: 0rem; border-radius: 2px; border: 1px solid #e77817; display: block;} .s_title{margin-bottom: 2rem; margin-top: 1rem; border-bottom: 1px solid #e9e9ec; padding-bottom: 1rem; position: relative;} .s_title h1{ font-size:16px; color:#474749; display:inline-block; font-weight: 400;} .s_title a{} .s_title strong{ font-size:14px; color:#d83648; line-height: 14px; letter-spacing: 1px; display:inline-block; font-weight: 400; text-transform:uppercase;} .s_title p{ font-size:12px; line-height:34px; color:#7e8285; display:block;} .more{ display:block; font-family: "SimSun"; color:#d83648; font-size:16px; text-transform: uppercase; position: absolute; right: 0; top: 0; } #s_main_box{margin-bottom: 7rem;} /*===============================首页-start==================================*/ /*===========================banner=============================*/ #banner{ background: #fff; position: relative; z-index: 1;} #banner .am-slider-default{ margin-bottom: 0;} #banner .am-slider-a1 .am-control-nav{ bottom:15px;} #banner .am-control-nav{ } #banner .am-slider-a1 .am-control-nav li a{border: none; background: #fff; border-radius: 50%} #banner .am-slider-a1 .am-control-nav li a.am-active{ background-color: #d83648 !important; box-shadow:none; background: #d83648;border: none; } /*===========================经典案例=============================*/ #s_case{ border-bottom: 1px solid #e5e7ea; padding-bottom: 2.5rem} #s_case ul{ margin: -.5rem;} #s_case ul li{ display: block;} #s_case ul li a{ display: block; margin: .5rem; position: relative; } #s_case ul li img{ display: block; width:100%; border: .5rem solid #f4f4f8; } #s_case ul li h1{ color:#414143; font-size: 12px; text-align: center; padding-top: .5rem; margin: 0 auto; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} /*===========================关于=============================*/ #s_about { position:relative; margin-top: 1rem; } #s_about .content{ display: block; cursor: pointer; font-size: 12px; line-height: 26px;text-align: center; color: #595959;} #s_about .content img { display: block; width: 100%;} #s_about .content ul{ margin: 0 -.25rem} #s_about .content ul li a{ display: block; margin:.5rem .25rem;} /*===========================关于=============================*/ #s_link_box { position:relative; margin-top: 2rem;} #s_link_box .un{ } #s_link_box .content{ display: block; cursor: pointer; font-size: 12px; line-height: 26px;text-align: center; color: #595959;} #s_link_box img { display: block; width: 100%;} #s_link_box ul{ margin: 0 -.25rem;min-height: 95px;} #s_link_box ul li a{ display: block; margin:.5rem .25rem; position: relative;} #s_stock{ position: absolute; left: 0; top: 0; width: 100%; box-sizing: border-box; background: #3b324f; text-align: left; padding: 1rem; } #s_stock img{ } #s_stock strong{color:#aba8b2; font-size: 12px; } #s_stock h1{color:#fff; font-size: 12px; line-height: 14px;} #s_stock h2{ display: inline-block; color:#e3394c; font-size: 14px; padding-right: 5px; line-height: 14px;} #s_stock .mark{ display: inline-block; background:url(/statics/wap/images/icon_rmb.png) left center no-repeat; line-height: 14px; background-size: 6px;padding-left: 14px; font-size: 14px; color: #e3394c; } #s_stock p{ font-size: 12px; color: #fff; opacity:.58;filter:alpha(opacity=58); line-height: 16px;} #s_stock #j_gp_jz.on .mark{ color: #fbb464; background:url(/statics/wap/images/icon_rmb_on.png) left center no-repeat; background-size: 7px; } #s_stock #j_gp_jz.on h2{ color: #fbb464;} #s_stock #j_gp_jz.down .mark{ background:url(/statics/wap/images/icon_rmb_un.png) left center no-repeat; background-size: 7px; color: #0d985e; } #s_stock #j_gp_jz.down h2{ color: #0d985e;} .video_box a{ display: block;position: relative; display: block;} .video_box a .icon{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(/statics/wap/images/icon_play.png) center no-repeat; background-size:22px;} /*===========================新闻中心=============================*/ .j_news_l_r{ background: #fff; margin:0px;} .j_news_l_r li{ display:block; position:relative; margin-bottom: 1rem; padding:.5rem; padding-bottom: 1rem; border-bottom: 1px solid #ededee; } .j_news_l_r li a{display:block; } .j_news_l_r li .pic_box{ position:absolute; left:0; top:0; width:128px; ; display: block; overflow: hidden;} .j_news_l_r li .pic_box img{ width:108px; height:80px; display:block; } .j_news_l_r li .text_box{ position:relative; height:80px; } .j_news_l_r li .text_box h1{ display:block; line-height: 14px; font-size:14px; color:#333; font-weight: normal; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } .j_news_l_r li .text_box span{ font-size:12px; display:block; line-height: 12px; color:#999; margin-top:7px; } .j_news_l_r li .text_box p{ line-height:18px; color:#666; height: 36px; overflow:hidden; margin-top: 5px; font-size:12px; } .j_news_text_dd li { position: relative; border-top: 0; padding-left: 1rem; margin: 0; background: none; border-bottom: 1px dotted #dcdcdc;} .j_news_text_dd li a{ color:#4e4f50; font-size: 12px; padding: 0; padding-left: 0rem; padding-right: 90px; line-height: 3rem; border: none; } .j_news_text_dd li .icon_dd{ position: absolute; left:0px; top: 15px; display:block; width:6px; height:6px; border-radius:50%; background:#88898a;} .j_news_text_dd li span{ top:0.6rem; color: #999999;} #copyright{margin-top: 15px; font-size: 12px; line-height: 20px; color: #818181; text-align: center;} #copyright a{color: #818181;} /*==============内页=====================*/ #n_banner{position: relative; background: #000; margin-top: 50px;} #n_banner img{ display: block; width: 100%; } #n_banner .box{ position: absolute; top: 50%; left:0; width: 100%; margin-top: -25px; text-align: center;} #n_banner .box h1{ display: block; font-size: 16px; color: #fff;} #n_banner .box h2{ font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase;} /*==============内页导航=====================*/ #nav_slide{ background: #d83648; line-height: 5rem; position: relative; z-index: 9; } #nav_slide #bnt_back{ position:absolute; left: 1rem; top:-2px; } #nav_slide #bnt_back img{ height: 15px;} #nav_slide .n_title{ height: 5rem; } #nav_slide h1{ font-size: 16px; color: #fff; text-align: center;} #bnt_sub_nav{ position: absolute; right: 1rem; top: 17.5px; cursor: pointer; } #bnt_sub_nav img{ display: block; height: 15px; } #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f2f2f2; display: none; box-shadow: 0 0 5px #333; z-index: 9; position: absolute;top: 50px;left: 0;width: 100%;} #sub_nav_content ul{ padding: 0 10px;} #sub_nav_content ul li { display: block; margin: 1.5rem 0;} #sub_nav_content ul li a{ display:block; border-left:2px solid #333; height: 20px; line-height: 20px; font-size: 14px; padding-left: 10px; color: #333;} #sub_nav_content ul li.on a{color: #ea353a; border-left:2px solid #ea353a;} #sub_nav_content dt{height:30px;line-height:30px;position:relative;background:#fafafb; border-top:1px solid #e7e7e7; z-index: 999; } #sub_nav_content dt a{ margin:0 10px; display:block;color:#5b5349; height: 30px; font-size:13px; font-weight: 400; } #sub_nav_content dt.title{background:#fafafb;} #sub_nav_content dt.title_on { background:#fafafb;} #sub_nav_content dt.title_on a{ color:#fff; border-top:1px solid #fff;} #sub_nav_content dt.last a{border-top:1px solid #f8f8f8;} #sub_nav_content dt.title_on.on{ } #sub_nav_content dt.title_on a{ color:#5b5349;} #sub_nav_content dd{ display:block;} #sub_nav_content dd .box{padding:0px 0px 0px 0px;} #sub_nav_content dd a{ padding:0 25px; line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;} #sub_nav_content dd a.on{ color:#b7863e} /*==============三级导航====================*/ #n_nav_sub{ padding: 2rem 0 0rem; } #n_nav_sub ul{ display: flex; text-align: center;} #n_nav_sub li{ flex: 1; text-align: center; list-style: none;} #n_nav_sub li a{ display: block; text-align: center; font-size: 12px; color: #e8eaed; padding-bottom: 1rem;} #n_nav_sub li.on a{ color: #fbaf41; background:url(/statics/wap/images/icon_dd_on.png) center bottom no-repeat; background-size: auto 5px;} /*==============内页区====================*/ #n_main_box{ margin: 2.5rem 0 8rem 0; } #n_content .map_box{ margin-top: 2rem;} #type_list{} #type_list li{ display:block; position:relative; margin-bottom: 1.5rem; } #type_list li a{display:block; } #type_list li img{ width:100%; display:block; } /*===========================新闻中心=============================*/ #n_news{margin-bottom: 3rem;} #n_news{} #n_news .j_news{margin:0px;} #n_news .j_news li{ display:block; position:relative; margin-bottom: 1.5rem;border: 1px solid #ededee; height: 95px; overflow: hidden;} #n_news .j_news li a{display:block; padding-left: 155px; } #n_news .j_news li .pic_box{ position:absolute; left:0rem; top:0rem; width:145px; height:95px; display: block; overflow: hidden;} #n_news .j_news li .pic_box img{ width:145px; height:95px; display:block; } #n_news .j_news li .text_box{ position:relative; padding:8px .5rem 1rem .5rem; } #n_news .j_news li .text_box h1{ padding-top: 0; display:block; line-height: 16px; font-size:14px; color:#333; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_news .j_news li .text_box span{ font-size:12px; display:block; line-height: 12px; padding-left: 13px; color:#999; margin-top:7px; background: url(/statics/wap/images/icon_time.png) left center no-repeat; background-size: auto 10px;} #n_news .j_news li .text_box p{ line-height:18px; color:#666; height: 36px; overflow:hidden;margin-top:5px; font-size:12px; } /*==============视频中心=====================*/ #n_video{ } #n_video ul{margin: 0 .5rem; overflow: hidden; } #n_video li{float:left; display:block; overflow: hidden;} #n_video li a{display:block; margin: .5rem; background:#f1f1f7; padding: .3rem .3rem 0 .3rem; } #n_video li .pic_box{ display:table;overflow:hidden; position: relative; margin: 0 auto; background: #000; position: relative;} #n_video li .icon_play{ position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; background: url(/statics/wap/images/icon_play.png) center no-repeat; background-size: 19px auto;} #n_video li .pic_box .box{display:table-cell;vertical-align:middle} #n_video li img{ width:100%; display:block; margin:0 auto; opacity:.7;filter:alpha(opacity=70);} #n_video li h1 strong{display:block; text-align: center; padding-top: .5rem; height: 3rem; line-height: 3rem; font-size:12px; font-weight:400; color: #565658; padding: 0 10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_video .bd li:hover { background: #d83648; } #n_video .bd li:hover h1{ color:#fff; background: url(/statics/wap/images/mark_video.png) right bottom no-repeat;} /*===========================暂时通告=============================*/ #n_notice{margin-top: -3rem;} #n_notice .up_box{ margin-bottom: 25px; background: #3b324f; padding: 1rem 0; color: #d6d4d9; font-size: 12px; } #n_notice .up_box table{ width: 100%; border: none; margin: 0 auto;} #n_notice .up_box table td{ vertical-align: top; padding: 3px 5px; text-align: center;} #n_notice .up_box strong{color:#aba8b2; font-size: 12px; } #n_notice .up_box h1{color:#fff; font-size: 12px;} #n_notice .up_box p{ font-size: 12px; text-align: left; color: #fff; opacity:.58;filter:alpha(opacity=58);} #n_notice .up_box h2{display: inline-block; color:#e3394c; font-size: 16px; } #n_notice .up_box .mark{ display: inline-block; background:url(/statics/wap/images/icon_rmb.png) left center no-repeat; background-size: auto 10px; padding-left: 14px; font-size: 14px; color: #e3394c; } #n_notice .up_box .content{ font-size: 12px;} #n_notice .up_box #j_gp_jz.on .mark{ color: #fbb464; background:url(/statics/wap/images/icon_rmb_on.png) left center no-repeat; } #n_notice .up_box #j_gp_jz.on h2{ color: #fbb464;} #n_notice .up_box #j_gp_jz.down .mark{ background:url(/statics/wap/images/icon_rmb_un.png) left center no-repeat; color: #0d985e; } #n_notice .up_box #j_gp_jz.down h2{ color: #0d985e;} /*===========================名师风范=============================*/ #n_teacher{ margin-bottom: 3rem;} #n_teacher ul{ position: relative; margin: -.5rem;} #n_teacher li{ display:block; position: relative; overflow: hidden; } #n_teacher li:last-child{ margin-right: 0;} #n_teacher li a{display: block; padding: 0; padding-bottom: 1rem; margin: .5rem; position: relative; background: #fff;} #n_teacher li a img{ display: block; width: 100%; overflow: hidden; margin: 0 auto; border: 1px solid #e4e4e8;} #n_teacher li a h1{ display: block; margin: 1rem; margin-bottom: .5rem; text-align: center; line-height: 14px; color:#212734; font-size: 13px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_teacher li a strong{ display: block; margin: 0;text-align: center; line-height: 14px; color:#737476; font-weight: 400; font-size: 12px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_teacher .info_box{ display: none; } /*==============新闻详情=====================*/ .n_article { } .ar_title{ text-align:center; margin-top: 1rem; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #eee;} .ar_title h1{color: #333; font-size:15px; margin:0; font-weight:normal; } .ar_title h3{ font-weight: normal; margin:0; color: #bcbbbb; padding-top:.5rem; font-size:12px; } .ar_title h3 strong{ font-weight: normal; margin:0 10px; color: #bcbbbb; } .n_article .ar_article{ padding-top:10px; padding-bottom:20px; } #fot_mark_box{ position:relative; border-bottom:1px solid #dedfdf; padding-bottom:15px;} #fot_mark_box .mark_box { background:url(/statics/wap/images/icon_mark.png) left center no-repeat; background-size: auto 20px; padding-left:25px; } #fot_mark_box .mark_box a{ height:24px; line-height:24px; padding:0 5px; font-size:12px; color:#8b8b8b; display:inline-block; } #ar_fot{ margin-top:20px; position:relative; padding:15px 0; } #ar_fot i{ display:block; float: left; width: 10px; height:20px; background: url(/statics/wap/images/line_page.png) center no-repeat;} #ar_fot a{ display: block; float: left; width: 50px; text-align: center; font-size:12px; color:#737070; font-weight:normal; height:20px; line-height: 20px;} #ar_fot .page_box{position: absolute;right: 0;top: 0;} #ar_fot .page_box a{ font-size: 14px; color: #646466;} #ar_fot .bnt_back{ position:absolute; top:0px; left:0; width: 75px; color:#94243a; background: url(/statics/wap/images/bg_jt.png) left center no-repeat; background-size: auto 12px; padding-left: 12px; font-size:14px; height:20px; line-height: 20px;} /*移动分页*/ .am-pagination-select .am-pagination-select select{ color: #666666 !important; text-align: center; background: none; font-size: 14px; border: 1px solid #dedede;} .am-pagination-select > li > a{ color: #666666 !important; background: none; font-size: 14px; border: 1px solid #dedede;} .am-pagination-select > li > a:hover{ background: none; border: 1px solid #dedede; }