/**************************************/ /*************[公用start]**************/ /**************************************/ body,div,p,span,ul,li,h1,h2,h3,h4,h5,h6,a,input,textarea,select,dl,dd,table,tr,td{ margin:0; padding: 0; } body{ font-family:"Arial","Microsoft Yahei"; font-size: 14px; /*主要内容区字号大小,每次制作前更新!!! */ color:#333; background-color: #e5eaee; line-height: 1.2; } input,textarea,select{ outline: none; font-family:"Arial","Microsoft Yahei"; color:#333; font-size: 14px; } textarea{ resize: none; } ul li{ list-style-type: none; } h1,h2,h3,h4,h5,h6{ font-weight: normal; } i{ font-style: normal; } div.clear{ clear: both; height: 0; width: 0; } .clearfix{zoom:1}.clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1100px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; /*padding: 0 21px;*/ } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } *{ /*【块级元素】不受边框、margin、padding影响类名,需要时添加*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ width: 300px!important;/*图片盒子宽度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ height: 200px!important;/*图片盒子高度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ 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{ background-repeat: no-repeat; background-position: center; background-image: url(../images/header-12.jpg); -webkit-background-size: cover; background-size: cover; margin-top: 12px; } .header-1{ height: 152px; } .logo{ margin-top: 45px; font-size: 0; } .sanhei{ margin-top: 20px; width: 155px; } .sanhei a{ margin-left: 20px; font-size: 0; position: relative; } .search{ position: absolute; left: 50%; width: 200px; margin-left: -100px; top: 13px; display: none; } .search input[type="text"]{ width: 100%; display: block; height: 30px; line-height: 30px; background-color: #fff; border:0; padding: 0 40px 0 10px; border-radius: 5px; } .search input[type="image"]{ position: absolute; right: 8px; top: 8px; } .nav{ /*background-color: #004174;*/ background-image: url(../images/heidi22.png); } .nav li{ float: left; position: relative; } .nav li:last-child .downla{ left:auto; right:0; } .downla{ display: none; position: absolute; left: 0; width: 251px; top: 40px; background-color:#0c4473; padding: 5px; z-index: 90000; } .downla a{ display: block; height: 30px; line-height: 30px; text-align: left; padding-left: 5px; color:#fff; transition: .3s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .downla a:hover{ background-color: #002747; } .nav li>a{ display: block; height: 40px; line-height: 40px; font-size: 16px; color:#fff; text-align: center; transition: .3s; padding: 0 27px; } .nav li:hover>a{ background-color: #002747; } .nav li.active>a{ background-color: #002747; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .hero-txt{ position: absolute; left: 30px; bottom:35px; width: 800px; background-image: url(../images/heidi.png); padding:10px 20px; } .hero-txt h1{ font-size: 30px; font-weight: bold; color:#fff; } .hero-txt h2{ font-size: 20px; /*font-weight: bold;*/ color:#fff; margin-top: 0px; } .main{ background-image: url(../images/index.jpg); background-repeat: no-repeat; background-position: center; } .main .wp{ /*height: 771px;*/ padding: 21px; /*background-image: url(../images/main.png);*/ background-color: #fafcfd; } .main-1{ width: 216px; padding-right: 20px; border-right: 1px solid #d0d0d0; } .title-11{ padding: 10px 0; } .title-11 h1{ font-size: 14px; color:#333; padding-left: 8px; border-left:3px solid #0069bc; font-weight: 600; } .denglu a{ display: block; height: 36px; line-height: 36px; text-align: center; border:1px solid #d0d0d0; border-radius: 5px; margin-top: 13px; font-size: 14px; color:#333; } .denglu a:hover{ color:#0069bc; } .denglu { padding: 0 9px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0; } .xitong-list{ padding: 11px 0; } .xitong-list li{ margin-top: 4px; } .xitong-list a{ display: block; height: 42px; line-height: 42px; color:#fff; background-color: #0069bc; border-radius: 5px; padding-left: 52px; background-repeat: no-repeat; background-position: 10px center; } .xitong-list li:first-child a{ margin-top: 0; } .youqing-1 a{ display: block; font-size: 14px; color:#333; margin-top: 11px; } .youqing-1 a:hover{ color:#0069bc; } .main-2{ width: 540px; margin-left: 17px; } .title-2{ padding-top: 5px; background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/title-2.jpg); } .title-2 h1{ float: left; border-bottom: 2px solid #0069bc; color:#0069bc; font-size: 18px; padding: 0 3px; padding-bottom: 8px; } .title-2 a.fr{ font-size: 12px; color:#666; margin-top: 5px; } .title-2 a.fr:hover{ color:#0069bc; } .data-1{ width: 56px; border:1px solid #0069bc; text-align: center; border-radius: 5px; overflow: hidden; margin-left: 11px; margin-right: 19px; } .data-1 h1{ font-size: 16px; color:#999; height: 20px; line-height: 20px; background-color: #fff; } .data-1 h2{ font-size: 12px; color:#fff; height: 20px; line-height: 20px; background-color: #0069bc; } .list_1 li{ margin-top: 16px; } .list_1 li>h1{ font-size: 14px; color:#333; padding-top: 3px; padding-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list_1 li>h1:hover{ color:#0069bc; } .list_1 li>p{ font-size: 12px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .m30{ margin-top: 26px; } .list_2{ margin-top: 8px; } .list_2 li{ padding-left: 27px; background-image: url(../images/list_2.png); height: 35px; line-height: 35px; background-repeat: no-repeat; background-position: 12px center; font-size: 14px; color:#333; } .list_2 li a:hover{ color:#0069bc; } .list_2 li span{ font-size: 12px; color:#999; margin-right: 15px; } .list_2 li.ou-li{ background-color:#ececec;} .main-3{ width: 261px; } .banshi{ background-color:#eeeeee; padding: 20px 15px; background-image: url(../images/banshi.png); background-repeat: no-repeat; background-position: left top; } .title-3 h1{ float: left; font-size: 14px; color:#0069bc; margin-left: 10px; } .list_3{ margin-top: 9px; } .list_3 li{ padding-left: 20px; height: 30px; line-height: 30px; font-size:14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-image: url(../images/list_3.png); background-repeat: no-repeat; background-position: 3px center; } .list_3 li a:hover{ color:#0069bc; } .ssss{ margin-top: 28px; } .ssss a{ overflow: hidden; display: block; margin-top: 10px; } .ssss a:first-child{ margin-top: 0; } .ssss a img{ display: block; width: 100%; transition: .3s; } .ssss a img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .sel{ height: 30px; line-height: 30px; /*text-align: center!important;*/ font-size: 13px; color:#000; background-color:#fff; margin:15px 0; cursor: pointer; position: relative; border:1px solid #d0d0d0; padding-left: 12px; background-image: url(../images/sel.png); background-repeat: no-repeat; background-position: 92% center; } .sel span{ color:#666; } .sel select{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0); } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ padding: 30px 0; background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding-top: 20px; line-height: 2.5; color:#fff; font-size: 12px; } #footer p{ overflow: hidden; padding-top: 20px; } .erweima{ line-height: 1.6; width: 500px; margin-left: 15px; } .erweima li{ float: left; width: 25%; text-align: center; font-size: 12px; } .erweima li img{ display: block; margin:0 auto 8px; } /**************************************************************/ /*footer-over*/ /*news*/ .banner-2{ height: 275px; background-repeat: no-repeat; background-position: center; } .banner-2-2{ display: none; position: relative; z-index: 600; } .banner-2-2 img{display: block;width: 100%;} .erji{ padding-bottom: 40px; } .erji-top h1{ height: 86px; background-image: url(../images/hedi.png); width: 240px; line-height: 86px; text-align: center; color:#fff; font-size: 18px; margin-top: -34px; position: relative; z-index: 800; } .mianbaoxie{ font-size: 14px; color:#999; margin-top: 18px; } .mianbaoxie a:hover{ color:#0069bc; } .menu { width: 240px; } .menu li{ background-repeat: no-repeat; background-position:85% center; background-image: url(../images/menu.png); background-color: #fff; } .menu li>a{ display: block; height: 44px; line-height: 44px; padding-left: 27px; font-size: 14px; color:#333; background-repeat: no-repeat; background-position: center top; background-image: url(../images/menuline.png); } .menu li:first-child>a{ background-image: none; } .menu li:hover{ background-image: url(../images/menu-h.png); background-color: #004174; } .menu li:hover a{ color:#fff; background-image: none; } .menu li.active{ background-image: url(../images/menu-h.png); background-color: #004174; } .menu li.active a{ color:#fff; background-image: none; } .content{ background-color: #fff; width: 850px; padding: 25px; } .title-1 h1 img{ vertical-align: middle; margin-right: 8px; margin-top: -3px; } .news-list li{ padding: 44px 0; border-bottom: 1px solid #efefef; } .data{ width: 98px; text-align: center; border-right: 1px dashed #c6c6c6; margin-right: 23px; } .data h1{ font-size: 44px; color:#818181; line-height: 1; } .data h2{ font-size: 16px; color:#666; } .news-list li>h1{ font-size: 14px; color:#707070; padding: 6px 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news-list li>p{ font-size: 14px; color:#acacac;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news-list li:hover .data h1, .news-list li:hover .data h2{ color:#0069bc; } .news-list li:hover>h1{ font-size: 16px; color:#0069bc; } /*===???’??????a�???????a�????μ???’???§??a�???????a�?????====*/ .m-page{text-align: center;padding: 40px 0;overflow: hidden;color: #999;line-height: 1.8;} .m-page ul{display: inline-block;overflow: hidden;vertical-align: middle;} .m-page ul li{float: left;margin-right: 4px;} .m-page ul li a{ display: block;line-height: 18px;font-size: 12px;padding: 0 4px;border: 1px solid #ddd; color: #303030; } .m-page ul li.on a,.m-page ul li a:hover{border-color: #fff;} .m-page select{height: 18px;width: 40px;font-size: 12px;vertical-align: middle;border: 1px solid #303030;} .m-page i{ font-style: normal; font-size: 12px; color:#999; display: inline-block; width: 80px; height: 24px; line-height: 24px; border:1px solid #ddd; text-align: center; margin-left: 14px; cursor: pointer; } .m-page i a{ color:#999; } .title-1 h1{ display: inline-block; font-size: 18px; color:#0069bc; padding: 10px 10px; padding-top: 0; border-bottom: 2px solid #0069bc; padding-left: 25px; background-image: url(../images/h.png); background-repeat: no-repeat; background-position: 6px 3px; } .title-1{ background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/title-1.jpg); } .title-1 a{ font-size: 12px; color:#999; margin-top: 3px; } .xinwen-list{ margin-top: 15px; } .xinwen-list>ul>li{ height: 38px; line-height: 38px; border-bottom: 1px dashed #ccc; } .xinwen-list>ul>li a{ display: block; /*text-indent: 10px;*/ color:#333; } .xinwen-list>ul>li a:hover{ color:#0069bc; } .tupian-list li{ float: left; width: 247px; margin-left:29px; margin-top: 30px; } .tupian-list ul{ margin-left: -29px; } .tupian-pic{ overflow: hidden; } .tupian-pic img{ display: block; width: 100%;transition: .3s; } .tupian-list li:hover .tupian-pic img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tupian-list li h1{ font-size: 14px; color:#333; text-align: center; padding-top: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tupian-list li:hover h1{ color:#0069bc; } /*down style*/ .downList a:link, .downList a:visited { color: #333; } .downList a:active, .downList a:hover { color: #fff; } .downList .item { margin-top: 18px; } .downList .t, .downList .c { background-color: #ececec; position: relative; } .downList .t {float: left;display: block;width: 65%;border-right: 2px solid #fff;} .downList .c { float: left; display: block; width: 35%; text-align: center; } .downList .t a {height: 93px; padding: 22px 82px 21px 66px; font: 18px/50px "microsoft yahei"; display: block; position: relative; z-index: 2; overflow: hidden; } .downList .t .i1 { width: 50px; height: 50px; float: left; display: block; background: url(../images/ico2.png) no-repeat; position: absolute; left: 9px; top: 24px; transition: 300ms; -webkit-transition: 300ms; } .downList .t .name { height: 50px; overflow: hidden; display: block; } .downList .t .gs { position: absolute; right: 10px; width: 60px; font-size: 14px; } .downList .c a { padding: 20px 0px; display: block; position: relative; z-index: 2;height: 93px; } .downList .c .i2 { background: url(../images/down.png) no-repeat; padding: 0px 0px 0px 50px; overflow: hidden; line-height: 50px; display: inline-block; *display: inline; *zoom: 1; font-style: initial; font-size: 14px; transition: 300ms; -webkit-transition: 300ms; } .downList .bot { background-color: #0069bc; height: 0px; width: 100%; position: absolute; left: 0px; top: 0px; transition: 400ms; -webkit-transition: 400ms; } .downList .t .bot { background-color: #004174; } .downList .item:hover .bot { height: 100%; } .downList .item:hover .i1 { background-position: 0px bottom; } .downList .item:hover .i2 { background-position: 0px bottom; } .downList .item:hover a { color: #fff; } /*down style end*/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ .banner{ display: none; } .banner .flex-direction-nav{ display: block; } .banner .flex-direction-nav a{ width: 30px; height: 54px; margin-top: -27px; background: url(../images/left_b-h.png) no-repeat center; -webkit-background-size: 100%; background-size: 100%; } .banner .flex-direction-nav .flex-next{ background: url(../images/right_b-h.png) no-repeat center; } #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: 80000; background-color: #0069bc; } .nav-2{ width: 80%; height: 100%; position: fixed; left: 100%; top: 0; z-index: 200; background-color: #0069bc; z-index: 100000; padding: 10%; } .nav-2 li{ padding:0 10px ; margin-top: 15px; } .nav-2 li:first-child{ margin-top: 0; } .nav-2 li>span{ padding: 6px 20px; border:1px dashed #fff; display: block; font-size: 18px; text-align: center; border-radius: 10px; } .nav-2 li{ width: 100%; color:#fff; border-radius: 5px; } .nav-2 li a{ font-size: 16px; width: 100%; color:#333; text-align: center; border-radius: 5px; } .downla-2 { padding: 10px 0 0px; display: none; } .downla-2 dd{ padding-left: 30px; } .downla-2 dd a{ font-size: 16px; display: inline-block; padding: 9px 0; width: auto; color:#fff; } /*.nav-2 li a:hover{ color:#1a0d07; }*/ #heidai{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 90000; background-color: rgba(0,0,0,0.6); } .logo-2{ font-size: 0; width: 200px; margin-left: 5px; margin-top:12px; } .logo-2 a{ display: inline-block; width: 100%; height: 55px; line-height: 55px; } .logo-2 img{ vertical-align: middle; } .menu2{ height: 100%; line-height: 75px; margin-right: 15px; } .menu2 li{ display: inline-block; cursor:pointer ; margin-left: 10px; } .menu2 li img{ vertical-align: middle; } .chenggao{ display: none; height:75px; } .sq{ display: none; } .sq.sel{ width: 200px; /*margin:15px auto;*/ } .sq.title-11{ margin-top: 15px; } .youqing-1.sq { } .youqing-1.sq a{ display: inline-block; margin:5px; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*5-3en*/ .mainen-top-1{ width: 540px; } .mainen-top-2{ width: 490px; } .llist_11 li{ padding: 15px 0; } .llist-pic{ width: 163px; margin-right: 18px; } .llist-pic img{display: block;width: 100%;} .llist-con { overflow:hidden; padding-top: 12px; } .llist-con h1{ font-size: 14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .llist-con h1:hover{ color:#0069bc; } .llist-con h2{ font-size: 12px; color:#999; padding: 12px 0 8px; } .llist-con p{ font-size: 12px; color:#999; line-height: 1.6; height: 38px; overflow: hidden; } .data-1{ width: 56px; border:1px solid #0069bc; text-align: center; border-radius: 5px; overflow: hidden; margin-left: 11px; margin-right: 19px; } .data-1 h1{ font-size: 16px; color:#999; height: 20px; line-height: 20px; background-color: #fff; } .data-1 h2{ font-size: 12px; color:#fff; height: 20px; line-height: 20px; background-color: #0069bc; } .llist_22 li{ padding: 13px 0; border-top: 1px dashed #ccc; } .llist_22 li .data-1 {margin-left: 0;} .llist_22 li:first-child{ border-top: 0; } .llist_22 li>h1{ font-size: 14px; color:#333; padding-top: 3px; padding-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .llist_22 li>h1:hover{ color:#0069bc; } .llist_22 li>p{ font-size: 12px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .en-list { margin-top: 10px; } .en-list li{ padding-left: 15px; height: 35px; line-height: 34px; border-bottom: 1px dashed #ccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-image: url(../images/en.jpg); background-repeat: no-repeat; background-position: left center; } .en-list li a{ font-size: 14px; color:#333; } .en-list li a:hover{ color:#0069bc; } .en-list li span{ font-size: 12px; color:#999; margin-left: 15px; } .mainen-bottom1{ width: 410px; } .mainen-bottom2{ width: 255px; margin-left: 26px; } .mainen-bottom3{ width: 335px; } .mainen-bottom{ margin-top: 10px; } .shipino{ margin-top: 20px; position: relative; } .shipino img{ display: block; width: 100%; } .shipino-hei{ position: absolute; left: 0; right: 0; top: 0; bottom:0; background-image: url(../images/heidi.png); } .shipino-bo{ position: absolute; left: 50%; margin-left: -21px; width: 42px; margin-top: -21px; top: 50%; bottom:0; z-index: 50; } .link-list{ margin-top: 20px; background-color: #fff; } .link-list-top{ height: 39px; line-height: 39px; text-align: center; font-size: 18px; color:#fff; background-color: #0069bc; } .link-list-top img{ vertical-align: middle; margin-top: -3px; margin-left: 15px; } .link-list li{ border-top: 1px solid #e4e4e4; background-repeat: no-repeat; background-position: 95% center; background-image: url(../images/ji.png); padding-right: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .link-list li:first-child{ border-top: 0; } .link-list li a{ display: block; height: 41px; line-height: 41px; padding-left: 35px; } .link-list li a:hover{ color:#0069bc; } .llinkk-sel-div select{ width: 100%; height: 41px; line-height: 41px; padding-left: 35px; border:0; border-bottom:1px solid #e4e4e4;} /*********article-start****************/ div.article{ width: 100%; padding: 0 15px; margin:80px auto; } div.article>h1{ text-align: center; font-size: 26px; color:#0064ac; } div.article-tishi{ text-align: center; margin:25px auto 20px; } #fenxiang-anniu{ display: inline-block; vertical-align: top; } div.article-con{ padding: 40px 0 120px; position: relative; border-top: 1px dashed #c9c7c7; border-bottom: 1px dashed #c9c7c7; line-height: 2.2; } div.article-con>img{ display: block; margin:20px auto; max-width: 100%; } div.article-con>p{ text-indent: 2em; } div.article-con>h1{ font-size: 14px; text-align: center; margin:10px 0; } div.article-con>a{ position: absolute; right: 8px; bottom: 50px; width: 102px; height: 31px; line-height: 31px; text-align: center; color:#fff; background-color: #f37728; border-radius: 3px; } div.article-page{ height: 87px; line-height: 87px; padding-bottom: 20px; } div.article-page>a:hover{ color:#0064ac; } a.article-page-pre{ float: left; } a.article-page-next{ float: right; } /*********响应式设置-start****************/ @media only screen and (max-width: 1200px){ div.article{ width: 90%; margin: 8% auto; padding-left:0; padding-right: 0; } } @media only screen and (max-width: 800px){ div.article-page{ height: auto; line-height: normal; } a.article-page-pre{ float: none; display: block; margin:10px 0; } a.article-page-next{ float: none; display: block; margin:10px 0; } div.article>h1 {font-size: 18px;} div.article-con{ padding: 20px 0 100px; } } /*********响应式设置-over****************/ /*********article-start****************/ .reduce{ margin:0 0.15rem; } .add{ margin-left: 0.15rem; }