@charset "utf-8"; /* CSS Document */ /**************************************/ /*************[公用start]**************/ /**************************************/ div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ overflow: hidden; } .img-box img{ transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ } .header-1{ background-color: #ae1c1c; } .header-1 .container{ background-image: url(../images/header-top.jpg); background-repeat: no-repeat; height: 113px; background-position: 85% center; } .logo{ font-size: 0; margin-top: 26px; } .header-right-top{ font-size: 14px; color:#fff; text-align: right; margin-top: 18px; } .header-right-top a{ padding: 0 3px; } .header-right-top span{ display: inline-block;margin-left: 10px; cursor: pointer; } .header-right-top span img{ vertical-align: middle; margin-top: -3px; } .header-right-img{ font-size: 0; margin-top: 18px; } .nav { background-color: #fff; } .nav ul{ margin:0; } .nav>ul>li{ float: left; width: 10%; position: relative; } .nav>ul>li>a{ display: block; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color:#333; } .nav>ul>li.active>a,.nav>ul>li:hover>a{ background-color:#f0f0f0; color:#ae1c1c; } .xiala-a{ position: absolute; width: 145px; left: 50%; margin-left:-72px; top: 48px; padding: 15px; background-image: url(../images/heidi.png); z-index: 600; display: none; text-align:center; } .xiala-a a{ display: block; height: 47px; line-height: 46px; border-bottom: 1px dashed #98958b; color:#fff; font-size: 16px; } .xiala-a a:hover{ text-decoration: underline; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .banner{ background-color: #f7f7f7; } .banner-wp{ width: 1380px; margin:0 auto; } .fafa .flex-direction-nav{ display: block; } .fafa .flex-control-nav{ display: block; } .title-11{ background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/title-11.jpg); } .title-11 h1{ margin:0; font-size: 20px; color:#999; float: left; } .title-11 a.fr{ font-size: 14px; color:#333; margin-top: 5px; } .title-11 a.fr:hover{ color:#ae1d1d; } .title-11 h1 span{ font-size: 24px; color:#333; padding-left: 38px; padding-bottom: 15px; border-bottom: 2px solid #ae1d1d; display: inline-block; /*background-image: url(../images/title-11.png);*/ background-repeat: no-repeat; background-position: left 2px; margin-right: 2px; } .p35{ padding: 15px 0; } .main-left{ width: 730px; margin-right: 29px; } .main-right{ overflow: hidden; } .yaowen{ padding-top: 20px; } .yaowen-div{ width: 48.89%; } .yaowen-div a{ display: block; background-color: #f9f9f9; border:1px solid #e7e7e7; padding: 20px 19px; /*transition: .3s;*/ position: relative; } .yaowen-div a:hover{ box-shadow: 0 0 5px #ccc; } .yaowen-div a i{ position: absolute; left: 0; right: 0; height: 4px; background-color: #ae1c1c; bottom: -6px; display: none; } .yaowen-div a:hover i{ display: block; } .yaowen-div a h1{ font-size: 16px; color:#333; line-height: 1.6; margin:0; margin-top: 10px; height: 50px; overflow: hidden; } .pic-pic{ position: relative; padding-bottom: 66%; overflow: hidden; } .pic-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .pic-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .list { margin-top: 8px; } .list ul{ margin:0; } .list li{ height: 47px; line-height: 47px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 14px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/list.png); } .list li a{ font-size: 16px; color:#333; } .list li:hover a{ color:#ae1c1c; } .list li span{ font-size: 14px; color:#999; margin-left: 10px; } .main-2{} .baogao-dl dl{ margin:0; } .baogao-dl dd{ width: 49%; margin-top: 25px; } .baogao-pic{ width: 100px; margin-right: 13px; } .baogao-pic a{ display: block; position: relative; padding-bottom: 123%; overflow: hidden; } .baogao-pic a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .baogao-con{ overflow: hidden; padding-top: 10px; } .baogao-con h1{ font-size: 16px; color:#333; margin:0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .baogao-con h1 a:hover{ color:#ae1c1c; } .baogao-con ul{ margin:0; padding-top: 20px; } .baogao-con ul li{ height: 20px; line-height: 20px; padding-left: 27px; background-repeat: no-repeat; background-position: left center; font-size: 14px; color:#999;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 5px; } .list2 ul{ margin:0; padding-top: 12px; } .list2 li{ margin-top: 12px; } .list2 li>a{ display: block; background-color: #ececec; padding: 10px; padding-right: 39px; height: 58px; background-image: url(../images/a.jpg); background-repeat: no-repeat; background-position: right center; } .list2 li>a:hover{ background-color: #ae1c1c; } .list2 li>a:hover h1,.list2 li>a:hover h2{ color:#fff; } .list2 li>a h1{ font-size: 16px; color:#323232; margin:0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list2 li>a h2{ font-size: 14px; color:#999; margin:0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: right; margin-top: 6px; } .main-3{ margin: 20px 0; } .six a{ display: block; height: 80px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/six.jpg); padding-left: 100px; padding-top: 15px; } .six a h1{ font-size: 22px; color:#fff; margin:0; } .six a h2{ font-size: 18px; color:#d0cece; margin:0; margin-top:7px; font-family: "Arial"; } .yanjiu-pic{ width: 224px; margin-right: 40px; } .fyan .flex-control-nav{ display: block; bottom: 0; padding: 14px 0; font-size: 0; background-image: url(../images/heidi.png); } .yanjiu-con{ overflow: hidden; } .tui h1{ font-size: 16px; color:#ae1c1c; margin:0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tui h2{ font-size: 14px; color:#999; margin:0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:20px 0 13px; } .tui p{ font-size: 14px; color:#666; margin:0; overflow: hidden; line-height: 1.8; height: 50px; overflow: hidden; } .yanjiu{ margin-top: 20px; } .yanjiu .list{ margin-top: 25px; } .yanjiu .list li{ padding-left: 0; background-image: none; border-bottom: 1px dashed #dfdfdf; height: 55px; line-height: 55px; } .meiti-pic{ padding: 20px 32px; } .meiti-pic a{ display: block; padding-bottom: 53%; overflow: hidden; position: relative; } .meiti-pic a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .meiti-pic+.list{ margin-top: 0; } .meiti-pic+.list li{ background-image: url(../images/listz.png); } .meiti-pic+.list li:hover{ background-image: url(../images/list.png); } .zt-div{ background-color: #ececec; padding: 8px; padding-left: 50px; background-image: url(../images/zt.jpg); background-repeat: no-repeat; background-position: left center; } .zt-list ul{ margin:0; } .zt-list li{ float: left; padding-right: 6px; width: 230px; } .zt-list li img{ display: block; width: 100%!important; height: 120px!important; } .zt-list{ overflow: hidden; } .main-5 { margin-top: 35px; } .xue-list ul{ margin:0; } .xue-list li{ padding: 25px 0; border-bottom: 1px solid #e9e9e9 } .xue-pic{ width: 150px; margin-right: 24px; } .xue-pic a{ display: block; position: relative; padding-bottom: 66%; } .xue-pic a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .xue-con{ overflow: hidden; } .xue-con h1{ margin:0; font-size: 16px; color:#333;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xue-con h1 a:hover{ color:#ae1c1c; } .xue-con h2{ margin:0; font-size: 12px; color:#999;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:15px 0 10px; } .xue-con p{ margin:0; font-size: 14px; color:#999; overflow: hidden; line-height: 1.6; height: 44px; } .shipin{ margin-top: 25px; } .shipin a{ display: block; position: relative; padding-bottom: 30px; } .shipin a>img{ display: block; width: 100%; } .shipin a h1{ height: 60px; line-height: 60px; position: absolute; left: 30px; right: 30px; bottom: 0px; text-align: center; padding: 0 10px; color:#fff; font-size: 16px; background-color: #ae1c1c; margin:0; } .bo{ position: absolute; width: 66px; left: 50%; margin-left: -33px; top: 50%; margin-top: -33px; } .bo img{ display: block; width: 100%; } .you-sel dl{ margin:0; margin-left: -1%; } .you-sel dd{ float: left; width: 19%; margin-left: 1%; margin-top: 25px; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-1{ background-color: #3f3f3f; padding: 18px 0 10px; } .er{ width: 230px; } .erer{ width: 95px; font-size: 14px; color:#fff; text-align: center; } .erer img{ display: block; width: 100%; margin-bottom: 10px; } .foo-a { width: 400px; margin-top: 8px; margin-left: 25px; } .foo-a dl{ margin:0; } .foo-a dd{ float: left; margin-left: 80px; margin-bottom: 25px; } .foo-a dd a{ display: block; padding-right:24px; font-size: 20px; color:#fff; background-image: url(../images/aa.png); background-repeat: no-repeat; background-position: right center; } .foo-a dd a:hover{ text-decoration: underline; } .footer-2{ background-color: #ae1c1c; padding: 18px 0 18px; color:#fff; line-height:2; text-align:center; font-size: 14px; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; background-color: #ae1c1c; } .nav-2{ display: none; background-color: #fff; position: relative; z-index:900; } .nav-2 li{ border-top: 1px dotted #ccc; position: relative; } .jiaspan{ position: absolute; width: 30px; height: 30px; background-image: url(../images/jia2.png); background-repeat: no-repeat; background-position: center ; top: 8px; right: 14px; } .jiaspan.cur{ background-image: url(../images/jia2h.png); } .nav-2 li:first-child{ border-top: 0; } .nav-2 li>a{ padding:13px 10px; display: block; font-size: 14px; width: 100%; color:#333; } .nav-xia-a{ padding-bottom: 15px; display: none; } .nav-xia-a a{ padding: 8px 10px; display: block; font-size: 12px; padding-left: 25px; width: 100%; color:#666; } /*.downla-2 { padding: 5px 0 10px; display: none; } .downla-2 dd{ padding-left: 30px; } .downla-2 dd a{ font-size: 14px; display: inline-block; padding: 3px 0; width: auto; }*/ /*.nav-2 li a:hover{ color:#1a0d07; }*/ .logo-2 { font-size: 0; width: 190px; margin-left: 15px; margin-top: 12px; } .menu2{ margin-right: 15px; height: 75px; } .menu2 li{ cursor:pointer ; margin-left: 10px; } .menu2 li img{ /*vertical-align: middle;*/ display: block; margin-top: 29px; } .chenggao{ display: none; height: 75px; } #nav-2-heidi{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 800; background-image: url(../images/heidi.png); display: none; } .banner-x{ display: none; } .fxfx .flex-control-nav{ display: block; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ .banner-2{ background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; height: 350px; } .banner-2 img{ display: none; width: 100%; } .banner-2-title{ position:absolute; left:0; right:0; top:0; } .banner-2-title .container{ position:relative; height: 350px; } .banner-2-wp{ position:relative;} .banner-2-title h1{ position: absolute; left: 0; bottom: 0; height: 100px; line-height: 100px; width: 250px; text-align: center; color:#fff; font-size: 24px; margin:0; background-image: url(../images/hongdi.png); } .menu{ width: 250px; margin-right: 50px; border:1px solid #eeeeee; } .menu ul{ margin:0; } .menu>ul>li>a{ display: block; padding:8px 0; line-height: 1.8; font-size: 18px; color:#333; border-left: 4px solid #fff; padding-right:15px; padding-left: 34px; } .menu>ul>li.active>a,.menu>ul>li:hover>a{ background-color: #f3f3f3; border-left: 4px solid #ae1c1c; color:#ae1c1c; } .erji-content{ overflow: hidden;} .erji-title{ padding-bottom: 12px; padding-top: 25px; border-bottom: 1px solid #ae1c1c; } .mianbaoxie{ font-size: 12px; color:#999; height: 15px; line-height: 15px; background-image: url(../images/mian.png); background-repeat: no-repeat; background-position: left center; padding-left: 17px; } .erji-content-title{ color:#ae1c1c; font-size: 18px; text-align: center; padding: 30px 0; } .lingdao-list { margin-bottom:45px; } .lingdao-list ul{ margin:0; padding-bottom: 150px; } .lingdao-list li{ border-bottom: 1px dashed #cfcfcf; padding: 0 30px; float:left; width:50%; } .lingdao-list li dl{ margin:0; } .lingdao-list li dd{ padding-left: 24px; height: 54px; line-height: 54px; background-image: url(../images/dian.png); background-repeat: no-repeat; background-position: left center; } .lingdao-list li dd a{ font-size: 16px; color:#333; } .lingdao-list li dd a:hover{ color:#ae1c1c; } .fenye ul{ margin:0; } .fenye{ padding: 25px 0; text-align: center; font-size: 20px; } .erji-foo1{ height: 323px; background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: cover; background-size: cover; background-color: #fff; background-image: url(../images/foo1.png); padding-bottom: 0; padding-top: 140px; } .erji-foo1 .erer{ color:#333; } .erji-foo1 .foo-a dd a{ color:#333; background-image: url(../images/aah.png); } .jiaoyan-list ul,.jiaoyan-list dl{ margin:0; } .jiaoyan-list li h1{ height: 37px; line-height: 37px; background-color: #f3f3f3; color:#ae1c1c; font-weight: bold; margin:0; font-size: 16px; padding-left:37px ; background-image: url(../images/dian2.png); background-repeat: no-repeat; background-position: 22px center; } .jiaoyan-dl{ padding: 20px 15px 8px 37px; } .jiaoyan-dl dd{ float: left; width: 10%; font-size: 16px; color:#333; margin-bottom: 12px; } .jiaoyan-dl dd a:hover{ color:#ae1c1c; } .jiao-pic img{ display: block; margin:0 auto; } .jiao-pic{ padding: 75px 0; } .danpian{ padding-top:15px; } .danpian-h1{ font-size: 24px; line-height: 1.6; color:#333; text-align: center; padding: 10px 0; } .danpian-h2{ font-size: 14px; line-height: 1.6; color:#999; text-align: center; } .danpian-con{ font-size: 14px; color:#666; line-height: 2; padding: 10px 0 20px; } .danpian-con img{ display: block; margin:15px auto; } .dan-page{ padding-top: 10px; border-top: 1px solid #eee; } .dan-a{ margin-top: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .dan-a a{ font-size: 14px; color:#666; } .dan-a a:hover{ color:#ae1c1c; } .liebiao-list ul{ margin-bottom: 0; } .liebiao-list li{ padding-left:17px; height: 55px; line-height: 54px; background-repeat: no-repeat; background-position: 3px center; background-image: url(../images/dian2.jpg); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #e2e2e2; } .liebiao-list li a{ font-size: 16px; color:#333; } .liebiao-list li a:hover{ color:#993023; } .liebiao-list li span{ font-size: 14px; color:#999; margin-left: 20px; } .pic-list .col-lg-4{ margin-bottom: 25px; } .pic-list a h1{ text-align: center; margin:0; font-size: 16px; color:#333; margin-top: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pic-list a:hover h1{ color:#ae1c1c; } .san-a{ padding: 25px 0 10px; } .san-a a{ float: left; padding: 8px 25px; color:#333; background-color: #f3f3f3; margin-right: 10px; border-radius: 3px; margin-bottom: 10px; } .san-a a:hover{ color:#ae1c1c; } .san-a a.cur{ background-color: #ae1c1c; color:#fff; } .san-a a.cur:hover{ color:#fff; } .m-page{text-align: center;padding: 50px 0 10px; ;overflow: hidden;color: #999;} .m-page ul{display: inline-block;overflow: hidden;vertical-align: middle;} .m-page ul li{float: left;margin-right: 8px;} .m-page ul li a{ display: block;line-height: 32px;font-size: 14px;padding: 0 13px;border: 1px solid #e7e7e7; transition: .3s; } .m-page ul li.on a,.m-page ul li a:hover{border-color: #2e7a29;color:#fff;background-color: #2e7a29;} .header-right-top span{ position: relative; width: 180px; } .header-right-top span input[type="image"]{ position: absolute; right: 3px; top: 3px; right: 8px; top: 6px; } .header-right-top span .form-control{ vertical-align: middle; padding-right: 32px; } .danpian-con p{ text-indent:2em!important; } #vsb_content_7 TABLE{border-collapse:collapse; border:0px solid #000!important;}#vsb_content_7 TABLE TD{ border:0px solid #000!important; } #header-fine{ background-color: #ae1c1c; z-index: 1000; position: fixed; left: 0; right: 0; top: -61px; transition: .5s; } #header-fine.cur{ top: 0; } .header-fine-div{ position: relative; padding-left: 377px; } .logo-fine{ width: 362px; position: absolute; left: 0; top: 7px; } .logo-fine img{ display: block; width: 100%; } .nav-fine{ } .nav-fine ul{ margin:0; } .nav-fine>ul>li{ float: left; width: 10%; text-align: center; position: relative; } .nav-fine>ul>li>ul{ position: absolute; width: 140px; left: 0; top: 61px; background-color: #ae1c1c; display: none; } .nav-fine>ul>li:last-child>ul{ left: auto; right: 0; } .nav-fine>ul>li>ul>li>a{ display: block; height: 40px; line-height: 40px; font-size: 14px; color:#fff; } .nav-fine>ul>li>ul>li>a:hover{ background-color: #981818; } .nav-fine>ul>li>a{ display: block; height: 61px; line-height: 61px; font-size: 16px; color:#fff; } .nav-fine>ul>li.active>a,.nav-fine>ul>li:hover>a{ background-color: #981818; } .tu-list ul{ margin:0; } .tu-list li{ padding: 25px 0; border-bottom: 1px solid #eee; } .tu-list-pic{ width: 220px; margin-right: 20px; } .tu-list-con{ overflow: hidden; } .tu-list-con h1{ margin: 0; font-size: 18px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tu-list-con h1 a:hover{ color:#981818; } .tu-list-con h2{ margin: 0; font-size: 14px; color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 15px 0 10px; } .tu-list-con p{ margin: 0; font-size: 14px; color: #666; line-height: 2; height: 84px; overflow: hidden; overflow: hidden; } .n_news01{margin-bottom:46px;}.n_news01 a{width:30%; margin:20px 10px 0 10px; text-align:center; padding:25px 0; background:#b02115; color:#fff; font-size:16px; border-radius:5px; display:inline-block;vertical-align: top; }.n_news01 a:hover{background:#831d14;}