/**************************************/ /*************[公用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: #fff; min-width: 1000px; /*主要内容区最小尺寸大小,每次制作前更新!!! */ overflow-y:auto; /*防止页面高度过低,滚动条加载时突显引起的页面调动。!!! */ 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:#333; cursor: pointer; } img{ border:0; /* width: 100%; max-width: 100%;*/ } div.wp{ width: 1000px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } .bobox{ /*【块级元素】不受边框、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{ } .header-1 .wp{ height: 115px; background-image: url(../images/shui.png); background-repeat: no-repeat; background-position: right bottom; } .logo{ margin-top: 28px; margin-left: 3px; font-size: 0; } .xuexiao{ margin-top: 17px; width: 336px; } .xuexiao a:hover{ color:#665438; } .nav { background-color: #917c5a; border-bottom: 1px solid #fff; } .nav ul.nav-ul>li{ float: left; width: 12.5%; } .nav ul.nav-ul>li>a{ display: block; height: 37px; line-height: 37px; text-align: center; font-size: 14px; color:#fff; } .nav ul.nav-ul>li:hover>a{ background-color: #665438; } .nav ul.nav-ul>li.active>a{ background-color: #665438; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ .main-1{ padding: 26px 0; } .main-left{ width: 710px; } .main-right{ width:270px; } .kuai{ border:1px solid #e3e3e3; border-top: 3px solid #977a4c; padding-top: 18px; padding-bottom:5px; } .kuai-con{ padding: 18px; } .title-1 {background-color: #f4f4f4;height:39px;line-height: 39px;} .title-1 h1{ display: inline-block; height: 39px; font-size: 16px; color:#fff; width: 159px; text-align: center; background-color: #977a4c; } .more{ float: right; font-size: 12px; margin-right: 20px; } .m15{ margin-top: 15px; } .list li{ height: 36px; line-height: 36px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right: 42px; } .list li{ padding-left: 18px; background-repeat: no-repeat; background-position: 10px center; background-image: url(../images/dian.jpg); } .list li a:hover{ color:#977a4c; } .list li span{ font-size: 14px; color:#b4b4b4; float:none; position: absolute; right: 0; top: 0; } .list-2 li{ float: left; width: 50%; padding: 20px 0; border-top: 1px dashed #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; } .list-2 li:first-child{ border-top: 0; } .list-2 li:first-child+li{ border-top: 0; } /*.list-2 li:nth-child(2){ padding-left: 2%; } */ .list-2 li h1{ font-size: 14px; color:#333; font-weight: bold; padding: 3px 0 10px; } .list-2 li h1 a:hover{ color:#977a4c; } .list-2 li p{ line-height: 1.8; font-size: 12px; color:#696355; } .sheke-pic{ margin-right: 20px; width: 119px; overflow: hidden; } .sheke-pic img{ width: 100%; display: block; } .sheke .kuai-con{ padding: 0 15px; } .keyan .kuai.fl,.keyan .kuai.fr{ width: 346px; } .keyan-pic{ margin-bottom: 15px; } .keyan-pic img{ display: block; width: 100%; } .keyan .list li{ height: 32px; line-height: 32px; } .data{ width: 67px; height: 67px; border:1px solid #ebebeb; text-align: center; background-color: #977a4c; margin-right: 10px; } .data h2{ font-size: 16px; color:#fff; padding: 9px 0 7px; } .data h3{ font-size: 14px; color:#333; height: 24px; line-height: 24px; width: 60px; margin:0 auto; border-radius: 5px; background-color: #fff; } .xueshu .kuai-con{ padding: 0 20px; } .main-right .kuai{ padding: 24px 20px 20px; } .title-2{ font-size: 18px; color:#333; padding-bottom: 18px; height: 25px; line-height: 25px; } .fuwu-list li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 102px; height: 99px; background-repeat: no-repeat; background-position: center; text-align: center; font-size: 12px; color:#fff; margin-top: 20px; position: relative; overflow: hidden; } .fuwu-list li a{ display: block; height: 100%; padding-top: 69px; font-size: 14px; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } li.li_1{ background-image: url(../images/li_1.png); margin-top: 0; } li.li_4{ background-image: url(../images/li_2.png); } li.li_3{ background-image: url(../images/li_3.png); } li.li_2{ margin-top: 0; background-image: url(../images/li_4.png); } li.li_5{ background-image: url(../images/li_5.png); } li.li_6{ background-image: url(../images/li_6.png); } .li_bg{ display: none!important; position: absolute; left: 0; height: 100%; width: 100%; top: -99px; background-repeat: no-repeat; background-position: center; background-image: url(../images/li_bg.png); transition: .5s; } .li_bg a{ display: block; font-size: 12px; color:#fff; padding-top: 13px; transition: .3s; } .li_bg a:hover{ font-size: 14px; } .fuwu-list li:hover .li_bg{ top: 0; } .xiangmu-pic img{ display: block; width: 100%; } .group-form{ margin-top: 15px; text-align: center; } .group-form label{ display: inline-block; width: 42px; text-align: justify; vertical-align:top; height: 27px; line-height: 27px; } .group-form input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 177px;height: 27px; line-height: 27px; border:1px solid #d4d4d4; margin-left: 5px; font-size: 12px; padding: 0 5px; } .momo{ width: 100%; height: 0; display: inline-block; *display: inline; /* ie */ *zoom: 1; /* ie */ visibility: hidden; } .group-form input[type="button"]{ border:0; width: 87px; height: 27px; color:#fff; margin:0 5px; cursor: pointer; } .changyong{ background-color: #f4f4f4; padding: 24px 20px 12px!important; } .chang-list li{ padding-left: 18px; margin-top: 17px; background-image: url(../images/dian2.jpg); background-repeat: no-repeat; background-position: left 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1; } .chang-list li:first-child{ margin-top: 0 } .chang-list li a{ font-size: 12px; color:#;} .chang-list li a:hover{ color:#977a4c; } .you{ } .you-list{ overflow: hidden; height: 65px; } .you-list li{ min-width: 450px; height: 65px; float: left; margin:0 8px; } .you-list li a{ display: block; width:450px; height: 63px; border:1px solid #dcdbd9; } .you-list li a img{ display: block; } .youqing-list-wp{ position: relative; } .you-list .caroufredsel_wrapper{ margin:0 auto!important; } #skc-left{ position: absolute; left: -10px; top: 50%; margin-top: -15px; width: 12px; height: 30px; background-repeat: no-repeat; background-position: center; background-image: url(../images/skc-left.png); cursor: pointer; } #skc-right{ position: absolute; right: -10px; top: 50%; margin-top: -15px; width: 12px; height: 30px; background-repeat: no-repeat; background-position: center; background-image: url(../images/skc-right.png); cursor: pointer; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ padding: 18px 0; background-color: #1b1a1a; font-size: 12px; color:#fff; line-height: 1.8; } .gui{ width: 108px; } #footer .gui a{ color:#fff; } /**************************************************************/ /*footer-over*/ /*news*/ .banner-2{ height: 149px; font-size: 0;position: relative; /*margin-top: 5px;*/ } .menu{ float: left; width: 180px; background-color: #fff;margin-top: 1px; } .menu ul.menu-ul>li{ line-height: 44px;} .menu ul.menu-ul>li>a{ height: 44px; line-height: 44px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: 17px; background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: 130px center; font-size: 14px; color:#353535; transition: .3s } .menu ul.menu-ul>li:hover>a{ background-color: #917c5a; } .menu ul.menu-ul>li:hover>a{ background-image: url(../images/menu-h.png); color:#fff; } .menu ul.menu-ul>li.menu-active>a{ background-color: #917c5a; } .menu ul.menu-ul>li.menu-active>a{ background-image: url(../images/menu-h.png); color:#fff; } .menu ul.menu-ul>li li a {display: block;padding-left: 50px;} .menu ul.menu-ul>li li a:hover{ color:#9a0201; } .content{ float: right; width: 1000px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:17px 16px 47px 16px; margin-top: 1px; } .erji-title{ background-image: url(../images/title-bg-2.jpg); background-repeat: repeat-x; background-position: left bottom; height: 48px; line-height: 45px; position: relative; } .erji-title-1{ float: left; width: 105px; font-size: 18px; color:#917c5a; border-bottom: 3px solid #917c5a; } .erji-title-1 img{ margin-left: 6px; margin-right: 5px; } .mianbaoxie{ float: right; margin-right: 9px; color:#757575; width:250px; text-align: right; } .mianbaoxie a{ font-size: 12px; color:#757575; } .mianbaoxie a:hover{ color:#917c5a; } /*===页码====*/ .m-page{text-align: center;margin-top: 30px;overflow: hidden;color: #999;} .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; } .m-page i a{ color:#999; } .xinwen-list{ margin-top: 25px; } .xinwen-list>ul>li{ height: 34px; line-height: 34px; border-bottom: 1px dashed #ccc; } .xinwen-list>ul>li a{ display: block; text-indent: 10px; } .xinwen-list>ul>li a:hover{ color:#917c5a; } .tupian-list{margin-top: 20px;} .tupian-list li{ margin:0 5px; margin-bottom: 20px; float: left; width: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d0d0d0; box-shadow: 0 4px 6px -2px #ccc; } .tupian-list li:hover h1{ color:#917c5a; } .tupian-pic { padding: 15px; } .tupian-pic img { width: 100%; display: block; } .tupian-list li h1{ border-top: 1px solid #d0d0d0; font-size: 14px; color: #353535; height: 41px; line-height: 41px; background-color: #fafafa; padding-left: 15px; background-image: url(../images/pu.jpg); background-repeat: no-repeat; background-position: 93% center; } /*news end*/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ .kuai.m15.you{ padding: 24px 20px 20px; } .title-2 { padding-bottom: 14px; } .xuexiao a{ display: inline-block; vertical-align: middle; font-size: 12px; margin-top: 2px; position: relative; } .search{ position: absolute; width: 200px; height: 30px; right: -21px; top: 20px; display: none; } .search input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200px; height: 30px; line-height: 30px; border:1px solid #e3e3e3; font-size: 12px; padding: 0 30px 0 5px; } .search input[type="image"]{ position: absolute; right: 10px; top: 9px; } .sheke{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 299px; } .shegai-con{ padding-top: 17px; } .shegai-pic{ width: 284px; } .shegai-list{ width: 375px; } .shegai-list li{ padding-left: 18px; background-repeat: no-repeat; background-position: 10px center; background-image: url(../images/dian.jpg); line-height: 34px; } .shegai-list li a:hover { color: #977a4c; } .fafa .flex-direction-nav{ display: block; } .fafa ul.slides>li{ position: relative; } .fafa ul.slides>li h1{ position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url(../images/heidi.png); padding-left: 10px; font-size: 14px; text-align: center; } .youqing-list-wp{ position: relative; }