@charset "utf-8";/* CSS Document*/ body { margin: 0; padding: 0; font-size: 14px; min-width: 1200px; background: #ffffff; font-family: "Microsoft Yahei", sans-serif; background:#ffffff; } ul,li { list-style-type: none; margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal } img { border: 0; } a { text-decoration: none; color: #666666; } a:hover { text-decoration: none; color: #cc0000; } .fl { float: left !important; } .fr { float: right !important; } .clearboth { clear: both; border: 0; padding: 0; margin: 0; } .w1200 { width: 1200px; height: auto; margin: 0 auto; overflow: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .relative { position: relative; } .imghover { cursor: pointer; transition: all 0.6s; } .imghover:hover { transform: scale(1.2); } /*header*/ .top-line{ background: #a80909; height: 32px; line-height: 32px; color: #8eb0d7; font-size: 14px; font-family: simsun; width: 100%; } .top-line marquee p{margin:0;color:rgba(255,255,255,0.9);font-size:14px;font-family:"Microsoft Yahei";} .top-line marquee p span{font-weight:bold;} .header{ width:100%; height: 150px; background: #be1515 url(../images/header_bg.png) no-repeat center center;min-width:1200px;} .header_bg{height: 150px;} .header .logo{ float: left; margin: 37.5px 0 0 0} .header .logo a{display:block;} .header .top-right{float: right;margin: 41px 0 0 0;width: 300px;} .top-link{text-align:right;} .top-link a{ font-size: 14px; color: #FFFFFF; margin-right: 13px; } .zy_ico{ width: 18px; height: 16px; display: inline-block; background: url(../images/ico.png) 0px 0px; vertical-align: middle; margin-right:10px; margin-top: -5px; } .sc_ico{ width: 18px; height: 17px; display: inline-block; background: url(../images/ico.png) -37px 0px; vertical-align: middle; margin-right:10px; margin-top: -4px; } .top-link a:last-child{margin-right:0;} /*search*/ .i-search { width: 226px; height: 38px; float:right; position: relative; margin:10px 0 0 0; } .i-search .search-txt { width: 226px; padding-left: 15px; padding-right: 46px; height: 38px; line-height: 38px; background: #ffffff; color: #9e9e9e; border: none; border-radius:19px; outline:none; box-sizing:border-box; } .i-search .search-btn { width: 46px; height: 38px; position: absolute; right: 0; top:0; *margin-top: 1px; background: url("../images/search.png") no-repeat center center; border: 0; cursor: pointer } /*i-menu*/ .i-menu { width:100%; height: 46px; z-index: 9999; margin: 0 auto; background: #a80909;min-width:1200px;} .nav{ width:1200px; margin: 0 auto; height:46px; line-height:46px; position:relative; z-index:1; } .nav a{ color:#fff; } .nav .nLi{ float:left; position:relative; display:inline; } .nav .nLi h3{ float:left; } .nav .nLi h3 a{display:block;padding: 0 18px;font-size:16px;font-weight:normal;color: #ffffff;} .nav .sub{display:none;width: 120%;left:0;top:46px;position:absolute;background:rgba(0,0,0,0.6);line-height:36px;padding:0 0;opacity: 0.8;} .nav .sub li{ zoom:1; } .nav .sub a{display:block;padding: 0 10px;text-align: center;color:#fff; } .nav .sub a:hover{ background:#a80909; color:#fff; } .nav .on h3 a{ background:#ffffff; color:#a80909; } /*banner*/ .i_bannerbox{background: url("../images/banner_bg.png");} .ibanner { width:100%; margin: 0 auto; overflow: hidden; position: relative; } .ibanner .hd { height: 15px; overflow: hidden; position: absolute; left:50%; transform:translate(-50%,0); bottom: 10px; z-index: 1; } .ibanner .hd ul { overflow: hidden; zoom: 1; float: left; } .ibanner .hd ul li { float: left; margin-right:10px; width: 10px; border-radius: 50px; height:10px; line-height:10px; text-align: center; background: #fff; cursor: pointer; opacity: 0.8; } .ibanner .hd ul li.on { background: #980000; opacity: 1; color: #fff; } .ibanner .bd { position: relative; z-index: 0; } .ibanner .bd li { zoom: 1; vertical-align: middle; position: relative } .ibanner .bd li h1 { position: absolute; width: 100%; bottom:0; left:0; background: url("../images/tt_bg.png"); font-size:18px; color: #ffffff; height: 44px; line-height: 44px; padding: 0 0 0 20px; } .ibanner .bd img { width:100%; display: block; } .ibanner .prev, .ibanner .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 45px; height: 80px; background: url(../images/slider-arrow.png) -120px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .ibanner .next { left: auto; right: 3%; background-position: -2px 5px; width: 45px; height: 80px; } .ibanner .prev:hover, .ibanner .next:hover { filter: alpha(opacity=100); opacity: 1; } .ibanner .prevStop { display: none; } .ibanner .nextStop { display: none; } /*p_news*/ .p_news{ width: 1200px; margin: 20px auto 0 auto; height: auto; overflow: hidden; position: relative;} .p_news_left{ float: left; width:790px; margin-right: 30px;} .p_news_center{float: left; width: 485px;} .p_news_right{float: right; width: 380px; overflow: hidden} .t_title{ border-bottom: #dadada 1px solid; height:50px; line-height: 50px;} .t_title.hd ul{float:left;} .t_title.hd ul li{float:left;cursor:pointer;} .t_title h1{ color: #333333; font-size:24px;padding:0 10px;font-weight:500; border-bottom: #a80909 2px solid; display:inline-block; height:49px; line-height:49px;} .t_title.hd ul li h1{color: #999999;border-bottom:none;} .t_title.hd ul li.on h1{color: #333333;border-bottom: #a80909 2px solid; } .t_title span{ color: #ff9900; font-size: 12px;} .t_title span.hdspan{float:right;display:block;} .t_title .more{ float: right; margin: 15px 5px 0 0} .t_title span.hdspan .more{margin: 15px 5px 0 0;float:none;display:block;} .n_list{height:auto; position: relative} .n_list li{width: 100%; height: 39px; line-height: 39px; display: block;color: #999999;font-size: 14px; background: url("../images/xhx.png") bottom repeat-x} .n_list li a{font-size: 16px;color: #666666; background: url("../images/ico_list.png") left center no-repeat; padding-left:20px; float: left} .n_list li a:hover{color: #a80909} .n_list li .date{float: right} .n_list li i{ font-style: normal; color: #ff9900} .ns_list{height: 330px; padding: 5px 0 0 0 !important; position: relative} .ns_list li{width: 100%; height: 31px; line-height: 31px; display: block;color: #999999;font-size: 14px;} .ns_list li a{font-size: 14px;color: #666666; float: left} .ns_list li a:hover{color: #cc3300} .ns_list li .date{float: right} .ns_list li i{ font-style: normal; color: #ff9900; margin-right: 3px;} .news-right{width:385px;} .tw_top{ width: 100%;height: auto; overflow: hidden; margin: 5px auto 0px auto} .tw_top img{ width:205px; height:136px; padding: 2px; border: #dfdfdf 1px solid; float: left; margin-right: 10px} .tw_top .tw_txt{width:100%; overflow: hidden; } .tw_top .tw_txt h1{ color: #a80909; font-size:20px; line-height:30px;} .tw_top .tw_txt h1 a{ color: #a80909;} .tw_top .tw_txt p{ font-size: 14px; line-height: 24px; color: #999999; margin:5px 0 ;padding: 0} .tw_top .tw_txt p a{ color: #999999} .top_pic{ width: 322px;height: auto; overflow: hidden; margin: 5px auto 10px auto;} .top_pic img{ width: 142px; height: 95px;padding: 3px; border: #dfdfdf 1px solid; float: left; margin-right: 10px} .date_list{position: relative; overflow: hidden;} .date_list li{ width: 100%; height:54px; display: block; padding: 16px 0 0;} .date_list li a{ font-size: 16px; color: #666666; line-height: 26px;} .date_list li a:hover{color: #a80909;} .date_list li span { float: left; display: block; width: 60px; background: #f1f1f1; text-align: center; color: #333333; font-size: 14px;line-height:24px; margin-right: 12px; letter-spacing: -1px; } .date_list li span i { width: 100%; display: block; text-align: center; color: #ffffff; background: #a80909; font-size: 22px; font-style: normal; line-height:30px; } /*i-others*/ .i-others{background: url("../images/newsbg.png");width: 100%;/* height: 215px; */margin:0px auto 0px auto;padding: 20px 0;min-width:1200px;} .i-others1{width:100%;padding:30px 0;} .i-others_left{ width:770px; margin-right:20px; float: left} .i-others_left1{ width:385px; margin-right:22.5px; float: left} .i-others_center{ width:385px; float: left} .i-others_right{ width:385px; float: right} .i-link{ width: 1200px; margin:0 auto; height: auto; overflow:hidden; padding: 10px 0} .i-link_left{ width: 800px; float: left; height: auto; overflow: hidden;} .i-link_right{ width: 385px; float: right;overflow: hidden} .i-link_left ul{ width: 1000px; float: left;} .i-link_left a{float:left;display: block;width: 254px;/* height: 88px; */margin: 0 15px 15px 0;overflow:hidden;} .i-link_left img{width:254px;/* height: 88px; */overflow: hidden;} .i-link_right .kstd_link{ font-size: 16px; color: #333333; line-height: 40px;padding: 15px 0 0 0} .i-link_right .kstd_link { width: 400px; height: auto; overflow: hidden} .i-link_right .kstd_link li{ background: url("../images/ico_004.png") left center no-repeat; padding-left: 10px; float:left; width: 120px} .i-link_right .kstd_link a{ } /*n_list*/ .n_list2{padding: 5px 0 0 0 !important; position: relative} .n_list2 li{width: 100%; height: 40px; line-height: 40px; display: block;color: #999999;font-size: 14px;} .n_list2 li a{font-size: 16px;color: #666666; background: url("../images/ico_001.png") left center no-repeat; padding-left: 10px; float: left} .n_list2 li a:hover{color: #a80909} .n_list2 li .date{float: right} .n_list2 li i{ font-style: normal; color: #ff9900} /*i-others*/ .i-link{ width: 1200px; margin:0 auto; height: auto; overflow:hidden; padding: 10px 0} .i-link_left{ width: 800px; float: left; height: auto; overflow: hidden;} .i-link_right{width: 100%;overflow: hidden;} .i-link_left ul{width: 98%;float: left;} .i-link_left a{float:left;display: block;width: 100%;/* height: 88px; */margin: 0 15px 15px 0;overflow:hidden;} .i-link_left img{width: 100%; height: 160px;overflow: hidden;} .i-link_right .kstd_link{ font-size: 16px; color: #333333; line-height: 40px;} .i-link_right .kstd_link {width: 100%;height: auto;overflow: hidden;} .i-link_right .kstd_link li{background: url("../images/ico_004.png") left center no-repeat;padding-left: 10px;float:left;width: 20%;box-sizing: border-box;} .i-link_right .kstd_link a{ } /*list*/ .lm_banner{ width: 100%; margin: 0 auto; height: 209px;} .list-main{ width: 1200px; margin: 15px auto;height:auto; position: relative;} .list-main-left{ float: left; width: 231px; top: -20px; position: relative;} .list-main-left .subbox{ position:absolute; top:-50px; z-index: 99999} .list-main-left .this-lmname{width: 230px; height:68px; background: url("../images/left_subbg.png") right center no-repeat; padding:0} .list-main-left .this-lmname H1{ font-size: 24px; color: #ffffff; line-height:68px;margin: 0; padding: 0 0 0 30px;} .list-main-left .this-lmname H3{ font-size: 14px; color: #cce9ff; line-height: 30px; margin: 0; padding: 0;} .list-sub{width: 231px; height: auto; overflow: hidden;} .left_logo{ border-bottom:#d1d1d1 4px solid } .list-sub li{height: 43px; width: 231px; overflow: hidden; } .list-sub li a{ height: 42px; line-height:42px;width: 197px; display: block; border-bottom: #d6d6d6 1px solid; border-left:#a80909 3px solid; border-right:#d1d1d1 1px solid; padding-left: 30px;} .list-sub li a:hover{background: #a80909; color: #ffffff} .list-sub li.on a{background: #a80909; color: #ffffff} .list-hot{ margin: 30px 0 0 0; width: 210px; border: #cccccc 1px solid; padding: 10px} .list-hot h1{ font-size: 16px; color: #006633; line-height: 40px; padding-left: 10px; } .list-hot-list{ padding:0; margin: 10px auto} .list-hot-list li{ text-align: center} .list-hot-list img{ width: 190px; height: 70px; margin: 5px auto} .list-main-right{ float: right; width: 940px; min-height: 600px; padding:0; overflow: hidden;} .list-main-right .lm_name{ height: 50px; line-height: 50px; border-bottom: #cccccc 1px solid} .list-main-right .lm_name h2{ float: left; text-align: center; font-size:22px; color: #a80909; font-weight: bold;} .list-main-right .lm_name span{ float: right; color: #666666; font-size: 12px; } .list-main-right .lm_name span a{ color: #666666;} .fy-list{height: auto; overflow: hidden; margin: 0 auto; padding: 20px 0} .fy-list li{ line-height: 40px; height: 40px; background: url("../images/ico_005.png") left center no-repeat; font-size: 16px; color: #999999; padding-left: 15px; text-align: left; } .fy-list li a{ color: #666666; float: left; display: block;line-height: 40px; height: 40px; } .fy-list li a:hover{color: #a80909;} .fy-list li span.lispan{ float: right} .listmor{ text-align: center; margin:30px auto;} /*zinfo*/ .content-box{ width: 1200px; margin: 15px auto} .content-box .lm_name{ height: 50px; line-height: 50px; border-bottom: #cccccc 1px solid} .content-box .lm_name h2{ float: left; text-align: center; font-size:22px; color: #a80909; font-weight: bold;} .content-box .lm_name span{ float: right; color: #666666; font-size: 12px; } .content-box .lm_name span a{ color: #666666;} .c-content { height: auto; overflow:hidden; position: relative; margin: 20px auto 20px auto; padding: 0; } .c-content .c-title { font-size: 30px; color: #333333; line-height: 40px; text-align: center; margin: 15px 0 20px 0; } .c-content .other-s { font-size: 14px; line-height: 30px; text-align: center; color: #7a7a7a; background: #ececec; } .c-content .nr-info { height: auto; overflow:hidden; position: relative; text-align: left } .c-content .nr-info p { } /*footer*/ .footer{background: #a80909;width:100%;padding:30px 0;} .footer-left p{ color: #ffffff; line-height: 41px; font-size: 16px; margin: 0; padding: 0;text-align:center;} .footer-left p a{ color: #ffffff; } .listbanner{width:100%;min-width:1200px;height:230px;} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} .newsbox{margin-top:20px;width:100%;} .news-left{width:385px;height: 264px;float:left;overflow: hidden;position: relative;} .news-left .hd { height: 15px; overflow: hidden; position: absolute; right:2%; bottom: 10px; z-index: 1; } .news-left .hd ul { overflow: hidden; zoom: 1; float: left; } .news-left .hd ul li { float: left; margin-right:10px; width: 10px; border-radius: 50px; height:10px; line-height:10px; text-align: center; background: #fff; cursor: pointer; opacity: 0.8; } .news-left .hd ul li.on { background: #ff9900; opacity: 1; color: #fff; } .news-left .bd { position: relative; height: 100%; z-index: 0; } .news-left .bd li { zoom: 1; vertical-align: middle; position: relative } .news-left .bd li h1 { position: absolute; width: 100%; bottom:0; left:0; background: url("../images/tt_bg.png"); font-size: 16px; color: #ffffff; height: 44px; line-height: 44px; padding: 0 0 0 15px; box-sizing: border-box; } .news-left .bd img { width:100%; height: 264px; object-fit:cover; display: block; } .zt-list{padding-top:5px;width:100%;} .zt-list li{width:100%;height:50px;margin-bottom:5px;} .zt-list li a{display:block;height:100%;} .zt-list li:last-child{margin-bottom:0;} .zt-list li img{width:100%;height:100%;object-fit:cover;} .t-phone{padding-top:10px;} .t-phone p{line-height:40px;font-size:16px;color:#666666;margin:0;} .t-phone p span{color:#a80909;} .n_list3{padding: 10px 0 0 0 !important; position: relative} .n_list3 li{width: 49%; display: block;color: #999999;font-size: 14px;float:left;} .n_list3 li:nth-child(2n){float:right;} .n_list3 li a{font-size: 16px;color: #666666;} .n_list3 li a:hover{color: #a80909} .pic_list{margin-top: 30px;} .pic_list li{margin-bottom: 30px;margin-right: 30px;width: calc( ( 100% - 60px )/3 );float:left;} .pic_list li:nth-child(3n){margin-right: 0;} .pic_list li a{display: block;} .pic_list li .pic-img{width: 100%;height: 170px;overflow: hidden;} .pic_list li .pic-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s all;} .pic_list li:hover .pic-img img{transform: scale(1.1,1.1);}