@charset "utf-8"; /*内页样式*/ /******************** 全局布局 ********************/ .wrapper { padding: 30px 0px 30px; } .w { width: 1200px; margin: 0 auto; } .nybanner, .nybanner ul, .nybanner img { height: 240px; } .nybanner.nyb2 { height: 360px; } .content { width: 730px; } .sitepath { height: 54px; line-height: 54px; color: #666666; border-bottom: 1px solid #f1f1f1; margin: 0 auto 10px; overflow: hidden; } .sitepath s { width: 22px; height: 26px; background-position: 0 0; margin-right: 8px; } .sitepath span { color: #127a44; font-weight: bold; } .sitepath a { color: #666666; } .sitepath a:last-child { color: #127a44; font-weight: bold; } .sitepath a:hover { color: #127a44; } .sbox { border-bottom: 1px dotted #eee; padding-bottom: 5px; } .erro { padding: 0 10px; color: Red; font-size: 14px; line-height: 60px; height: 60px } /*TITLE*/ .leftTit { width: 100%; height: 38px; line-height: 38px; color: #127a44; position: relative; font-weight: bold; font-size: 16px; text-indent: 15px; } .leftTit s { width: 9px; height: 38px; background-position: -100px -86px; margin-right: 14px; vertical-align: top; *vertical-align: middle; } /*recommend*/ .recommend { padding-bottom: 10px; font-size: 12px; margin-bottom: 20px; } .recommend .leftTit a { color: #555555; font-size: 12px; margin-right: 15px; font-weight: normal; } .recommend .leftTit a:hover { color: #127a44 } .reNew { overflow: hidden; } .reNew .list { padding-top: 10px; width: 104%; } .reNew li { width: 420px; padding: 0px 20px; line-height: 28px; float: left; height: 28px; overflow: hidden; } .reNew li s { width: 9px; height: 7px; background-position: -90px -112px; } .reNew li a { color: #666666; display: block; } .reNew li span { color: #666; } .rePro .list { padding-top: 18px; } .rePro li { float: left; width: 160px; margin-left: 16px; text-align: center; line-height: 30px; } .rePro li a { display: block; color: #555555; } .rePro li a:hover { color: #127a44 } .rePro li img { width: 158px; height: 65px; border: 1px solid #e6e6e6; display: block; } .rePro li img:hover { opacity: 0.8; filter: Alpha(opacity=80); border: 1px solid #127a44; } .recommend li a:hover { color: #127a44; } /* reLink */ .reLink { height: 38px; line-height: 38px; color: #666; border: 1px solid #e4e4e4; margin: 10px auto 10px; overflow: hidden; } .reLink .prevLink { float: left; margin-left: 10px; color: #666; } .reLink .nextLink { float: right; margin-right: 10px; color: #666; } .reLink a { color: #666; } .reLink a:hover { color: #127a44; } .subright .ipro { overflow: hidden; } .subright .ipro .list { width: 100%; } .subright .ipro .item { } /*leftNav*/ .subleft { width: 245px; } .submian .w { position: relative; z-index: 6; } .submian { padding-bottom: 30px; background: #fff; } .submian .sobtitle { height: 30px; line-height: 30px; padding: 10px 0px 10px; margin-bottom: 20px; font-size: 14px; border-bottom: 1px solid #f1f1f1; } .submian .sobtitle .home { background: url(../images/home.png) no-repeat left center; width: 24px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 10px; } .submian .sobtitle a { font-size: 14px; } .submian .sobtitle a.now { color: #dc241c; font-size: 14px; font-weight: bold; } .submian .sobtitle a.now:hover { text-decoration: underline; } .submian .subleft .title { background: #127a44; height: 60px; line-height: 60px; overflow: hidden; } .submian .subleft .title h2 { display: block; color: #fff; font-size: 24px; font-weight: bold; padding-left: 26px; } .submian .subleft .title i { width: 8px; height: 8px; display: block; background-position: 0 -203px; margin-right: 26px; float: right; margin-top: 24px; } .submian .subleft .bort9 { border-top: 9px solid #ff9e01; border-radius: 5px 5px 0px 0px; } .submian .subleft .bor9 { border-bottom: 9px solid #127a44; border-radius: 3px; } .submian .subleft .lefta .comt { border: 1px solid #eeeeee; border-top: 0 none; border-bottom: 0 none; } .submian .subleft .lefta .comt ul li { display: block; line-height: 54px; border-bottom: 1px solid #eeeeee; } .submian .subleft .lefta .comt ul li a { height: 54px; line-height: 54px; display: block; padding-left: 25px; font-size: 14px; color: #444; } .submian .subleft .lefta .comt ul li em { width: 8px; height: 8px; display: inline-block; background: url(../images/leftula.png) no-repeat 0 -20px; vertical-align: middle; margin-right: 14px; transition: all .3s ease-in; } .submian .subleft .lefta .comt ul li.hover em { background: url(../images/leftula.png) no-repeat 0 0; } .submian .subleft .lefta .comt ul li a:hover { color: #127a44; } .submian .subleft .lefta .comt ul li.hover .ita { color: #127a44; } .submian .subleft .lefta .comt ul li a:hover em { background: url(../images/leftula.png) no-repeat 0 0; margin-right: 18px; } .submian .subleft .lefta .comt .boxlist { margin-top: 0px; display: none; background: #f6f6f6; } .submian .subleft .lefta .comt .boxlist li { position: relative; border-bottom: none; } .submian .subleft .lefta .comt .boxlist li a { background: none; margin-left: 14px; height: 40px; line-height: 40px; color: #444; } .submian .subleft .lefta .comt .boxlist li a:before { width: 2px; height: 2px; display: block; content: ""; border: 2px solid #ccc; border-radius: 2px; position: absolute; top: 18px; left: 24px; } .submian .subleft .lefta .comt .boxlist li a.hover, .submian .subleft .lefta .comt .boxlist li a:hover { padding-left: 29px; color: #127a44; } /*.submian .subleft .lefta .comt .list .item:hover .boxlist, .submian .subleft .lefta .comt .list .item.hover .boxlist{display:block;} */ .submian .subleft .lefta .comt .list .item:hover .boxlist a, .submian .subleft .lefta .comt .list .item.hover .boxlist a { background: none; } .submian .subleft .lefta .comt ul li.hover .box a { background: none; font-weight: normal; } .submian .subleft .lefta .comt ul li.hover .boxlist li.hover a { color: #0088d2; font-weight: bold; } .submian .subleft .lefta .comt ul li.hover .boxlist { display: block; } .submian .subleft .lefta .comt ul li .boxlist li.active a { background: none; font-weight: bold; color: #0088d2; } .submian .subleft .adv { margin-bottom: 10px; background: #000; } .submian .subleft .adv a img { display: block; width: 100%; } .submian .subleft .adv a:hover img { opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; } .submian .subright .produtlist { overflow: hidden; } .submian .subright .produtlist .item { position: relative; padding-top: 24px; display: block; border-bottom: 1px solid #dadada; padding-bottom: 30px; transition: all .3s ease-in; } .submian .subright .produtlist .item:first-child { padding-top: 0; } .submian .subright .produtlist .item a { display: block; } .submian .subright .produtlist .item img { width: 300px; height: 145px; display: block; transition: all 0.3s ease-out 0s; float: left; margin-top: 5px; } .submian .subright .produtlist .item:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .submian .subright .produtlist .item .txt { width: 594px; cursor: pointer; } .submian .subright .produtlist .item .txt h3 { font-weight: normal; font-size: 18px; } .submian .subright .produtlist .item .txt .liu { color: #999; display: block; padding-bottom: 8px; font-size: 12px; } .submian .subright .produtlist .item .txt .desc { line-height: 18px; color: #333; } .submian .subright .produtlist .item .txt span.xq { display: block; color: #127a44; padding-top: 8px; } .submian .subright .produtlist .item:hover .txt h3 { color: #127a44; } .submian .subright .produtlist .item:hover { background-color: #fff; -moz-box-shadow: 5px 5px 20px #969696;/*firefox*/ -webkit-box-shadow: 5px 5px 20px #969696;/*webkit*/ box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);/*opera或ie9*/ } .submian .subright .produtbox { width: 100%; overflow: hidden; padding-top: 20px; } .submian .subright .produtbox .list { width: 108%; } .submian .subright .produtbox .item { float: left; width: 295px; position: relative; margin-right: 20px; margin-bottom: 24px; } .submian .subright .produtbox .item a { display: block; } .submian .subright .produtbox .item .img { width: 295px; height: 221px; overflow: hidden; } .submian .subright .produtbox .item img { width: 100%; height: 100%; display: block; transition: all 0.3s ease-out 0s; } .submian .subright .produtbox .item:hover img { transform: scale(1.1, 1.1); } .submian .subright .produtbox .item .txt { width: 100%; padding-top: 18px; cursor: pointer; } .submian .subright .produtbox .item .txt h3 { font-weight: normal; font-size: 16px; } .submian .subright .produtbox .item .txt span { width: 12px; height: 18px; display: block; background-position: -352px 0; margin-top: 5px; } .submian .subright .produtbox .item:hover .txt h3 { color: #127a44; } .submian .subright .info { padding: 20px 0; } .submian .subright .info img { max-width: 100% !important; display: block; margin: 0 auto; } .submian .subright { width: 920px; padding: 0; } .submian .subright img { max-width: 920px; } .submian .subright .title { border-bottom: 1px solid #ddd; position: relative; padding: 10px 0; } .submian .subright .title h3 { font-size: 18px; font-weight: bold; line-height: 30px; } .submian .subright .title em { width: 50px; height: 2px; display: block; position: absolute; left: 0; bottom: -1px; background: #127a44; } .submian .newslist .item { padding: 15px 0px; border-bottom: 1px dotted #c2c2c2; width: 100%; } .submian .newslist .item a { display: block; } .submian .subright .textlist .item a img { width: 0; height: 110px; display: block; } .submian .subright .textlist .item a .txt {/*padding-left:20px;*/ cursor: pointer; } .submian .subright .textlist .item a h3 { height: 40px; line-height: 40px; font-size: 16px; transition: all .3s ease-in; cursor: pointer; } .submian .subright .textlist .item a .time { color: #999; font-weight: normal; font-size: 12px; } .submian .subright .textlist .item a p { line-height: 22px; overflow: hidden; display: block; color: #666; cursor: pointer; } .submian .subright .textlist .item a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; } .submian .subright .textlist .item a:hover h3 { color: #127a44; padding-left: 6px; } .soulist { padding-top: 20px; } .submian .subright .caselist { overflow: hidden; } .submian .subright .caselist .parterul { width: 112%; } .submian .subright .caselist .parterul li { padding: 0px; width: 290px; float: left; display: block; margin-right: 25px; margin-bottom: 25px; } .submian .subright .caselist .parterul li a { display: block; } .submian .subright .caselist .parterul li a img { width: 100%; height: 100%; display: block; transition: all 0.3s ease-out 0s; } .submian .subright .caselist .parterul li a .img { width: 290px; height: 163px; overflow: hidden; cursor: pointer; } .submian .subright .caselist .parterul li a h3 { font-weight: normal; text-align: center; } .submian .subright .caselist .parterul li a:hover h3 { color: #127a44; } .submian .subright .caselist .parterul li a:hover img { transform: scale(1.1, 1.1); } .submian .subright .thumblist { } .submian .subright .thumblist .list { padding-bottom: 20px; } .submian .subright .thumblist .item { width: 880px; border-bottom: 1px solid #eaeaea; display: block; padding: 20px; transition: all .5s; } .submian .subright .thumblist .item a { display: block; } .submian .subright .thumblist .item .img { width: 180px; height: 135px; display: block; overflow: hidden; cursor: pointer; } .submian .subright .thumblist .item img { width: 100%; display: block; height: 100%; transition: all 0.3s ease-out 0s; } .submian .subright .thumblist .item a:hover img { transform: scale(1.1, 1.1); } .submian .subright .thumblist .item .txt { width: 680px; cursor: pointer; } .submian .subright .thumblist .item .txt h3 { font-size: 16px; line-height: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .submian .subright .thumblist .item .txt .mark { color: #999; font-size: 12px; line-height: 30px; } .submian .subright .thumblist .item .txt .mark span { display: inline-block; padding-right: 18px; } .submian .subright .thumblist .item .txt p { color: #666; line-height: 25px; } .submian .subright .thumblist .item .txt p span { display: inline-block; color: #127a44; } .submian .subright .thumblist .item a:hover .txt h3 { color: #127a44; } .submian .subright .thumblist .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .submian .honorlist { width: 100%; overflow: hidden; padding-top: 20px; } .submian .honorlist .list { width: 108%; } .submian .honorlist .item { float: left; width: 220px; margin-right: 14px; position: relative; text-align: center; margin-bottom: 40px; transition: all 0.3s ease-out 0s; } .submian .honorlist .item a { display: block; padding: 0; } .submian .honorlist .item img { width: 220px; height: 165px; margin: 0 auto; } .submian .honorlist .item h3 { font-size: 14px; color: #000; font-weight: normal; line-height: 24px; padding-top: 5px; cursor: pointer; } .submian .honorlist .item p { color: #999; font-weight: normal; line-height: 20px; height: 20px; display: none; } .submian .honorlist .item .txt { position: absolute; left: 0; bottom: -32px; width: 100%; } .submian .teamlist { width: 100%; overflow: hidden; padding-top: 20px; } .submian .teamlist .list { width: 108%; } .submian .teamlist .item { float: left; width: 290px; margin-right: 25px; position: relative; text-align: center; margin-bottom: 20px; transition: all 0.3s ease-out 0s; } .submian .teamlist .item a { display: block; } .submian .teamlist .item img { width: 290px; height: 255px; margin: 0 auto; } .submian .teamlist .item h3 { color: #000; font-weight: normal; line-height: 24px; cursor: pointer; } .submian .teamlist .item:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; } .submian .honorlist .item:hover, .submian .teamlist .item:hover { transform: translate3d(0px, -6px, 0px); } .submian .subright .news2 { overflow: hidden; } .submian .subright .news2 .item { width: 100%; border-bottom: 1px solid #eaeaea; display: block; padding: 30px 0; } .submian .subright .news2 .item:first-child { padding-top: 0; } .submian .subright .news2 .item a { display: block; } .submian .subright .news2 .item .img { width: 180px; height: 101px; display: block; overflow: hidden; cursor: pointer; } .submian .subright .news2 .item img { width: 100%; display: block; height: 100%; transition: all 0.3s ease-out 0s; } .submian .subright .news2 .item a:hover img { transform: scale(1.1, 1.1); } .submian .subright .news2 .item .txt { width: 720px; cursor: pointer; } .submian .subright .news2 .item .txt h3 { font-size: 15px; font-weight: bold; cursor: pointer; } .submian .subright .news2 .item .txt .mark { color: #999; font-size: 12px; } .submian .subright .news2 .item .txt .mark span { display: inline-block; padding-right: 18px; } .submian .subright .news2 .item .txt p { color: #666; line-height: 22px; } .submian .subright .news2 .item .txt p span { display: inline-block; color: #127a44; } .submian .subright .news2 .item a:hover .txt h3 { color: #127a44; } .divremmnews { padding: 10px; overflow: hidden; border: 1px solid #e4e4e4; border-top: none; } .divremmnews ul { width: 100%; } .divremmnews li { width: 47%; padding: 0; line-height: 40px; float: left; overflow: hidden; margin: 0 1.5%; border-top: 1px dashed #ccc; } .divremmnews li:nth-child(1), .divremmnews li:nth-child(2) { border-top: 0; } .divremmnews li s { width: 9px; height: 12px; background-position: -90px -112px; } .divremmnews li a { color: #666666; display: block; transition: all 0.3s ease-out 0s; } .divremmnews li a:hover { color: #127a44; padding-left: 6px; } .divremmnews li span { color: #999; font-size: 12px; } .biaogg td { padding: 5px; border: 1px solid #eee; } .aboutlist { padding-top: 0; color: #666; } .err { color: red; } /*leftRecom*/ .leftRecom { width: 250px; border: 1px solid #e4e4e4; margin: 20px 0; } .leftRecom li { width: 189px; margin: 10px auto; text-align: center; } .leftRecom li img { width: 183px; height: 137px; padding: 2px; border: 1px solid #e3e3e3; display: block; } .leftRecom li h3 { color: #666666; line-height: 30px; } .leftRecom li:hover img { background: #ffb700; border-color: #fff; } .leftRecom li:hover h3 { color: #ffb700; } /*leftCon*/ .leftnews .leftTel { margin: 18px 0px 0px 15px; line-height: 16px; } .leftnews .leftTel .icon { width: 46px; height: 46px; margin-right: 6px; background-position: -158px 0; } .leftnews .leftTel span { color: #303030; font-size: 14px; } .leftnews .leftTel strong { font-size: 22px; color: #127a44; font-family: impact; font-weight: normal; display: block; line-height: 30px; } .leftnews .icontxt { font-size: 12px; color: #303030; line-height: 24px; padding: 16px 15px; } .leftnews { margin-top: 15px; background: #fff; } .leftnews .title { height: 42px; line-height: 32px; margin-bottom: 0; } .leftnews .leftnewscomt { background: #fff; padding: 10px; } .leftnews .leftnewscomt ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; overflow: hidden; } .leftnews .leftnewscomt ul li a { font-size: 14px; display: block; padding-left: 10px; } .leftnews .leftcont { background: #fff; padding: 10px 0; overflow: hidden; } .leftnews .leftcont span { line-height: 24px; display: block; padding: 10px 0; } .leftnews .telbox { border-top: 1px solid #eee; padding: 15px; } .leftnews .leftcont .dzz { padding: 0 24px; color: #444; } .leftnews .leftcont .tel { color: #127a44; font-size: 26px; } .leftprocomt { margin: 0; position: relative; overflow: hidden; } .leftprocomt { padding-top: 10px; } .leftprocomt li { float: left; text-align: center; width: 117px; margin-right: 10px; } .leftprocomt li img { width: 117px; height: 87px; border-radius: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .leftprocomt li p { font-size: 12px; line-height: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .leftprocomt li:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } /*************************/ /*singlePage*/ .singlePage .contxt { line-height: 26px; font-size: 14px; color: #555; padding: 0px 8px; } .singlePage .contxt img, .singlePage .contxt p img { max-width: 100% !important; } .ArticleTitle { } .ArticleTitle h1.bt { font-size: 24px; padding: 20px 0px; text-align: center; font-weight: bold; border-bottom: 1px dashed #e1e1e1; margin-bottom: 5px; } .conBox .mark { height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999; } .conBox .mark span { margin-left: 14px; } .conBox .mark span:first-child { margin-left: 0; } /* listProduct */ .listProduct { width: 100%; overflow: hidden; } .listProduct .list { width: 102%; } .listProduct .item { width: 220px; float: left; margin: 0px 24px 20px 0px; padding-bottom: 15px; } .listProduct .item a { display: block; } .listProduct .item a img { width: 220px; height: 165px; } .listProduct .item a h3 { font-size: 14px; font-weight: normal; line-height: 20px; padding-top: 6px; text-align: center; } .listProduct .item a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .productTab { background: #1b77bc none repeat scroll 0 0; height: 36px; margin-bottom: 2px; width: 100%; overflow: hidden; } .productTab h3 { color: #ffffff; font-size: 16px; height: 34px; line-height: 34px; margin-right: 2px; text-align: center; cursor: pointer; display: inline-block; +display: inline; padding: 0 20px; font-weight: normal; } .productTab h3.current { background: #ffffff; border-left: 2px solid #1b77bc; border-top: 2px solid #1b77bc; color: #1b77bc; font-weight: bold; +padding:4px 20px 12px; } .productContent { color: #454545; line-height: 26px; display: none; } .procont { padding-bottom: 20px; padding-top: 20px; } /* listNews */ .listNews .newslist { overflow: hidden; } .listNews .list { overflow: hidden; } .listNews .item { width: 100%; border-bottom: 1px solid #e9e7e7; padding-bottom: 20px; margin-bottom: 25px; } .listNews .item a { display: block; } .listNews .item a h3 { font-weight: normal; color: #333; } .listNews .item a:hover h3 { font-weight: normal; color: #127a44; } .listNews .item a p { color: #666; font-size: 12px; } /*.listNews .item a:hover,.listNews .item a:hover p{color: #127a44;}*/ .listNews .item .time { color: #666666; font-size: 12px; font-weight: normal; } .listNews li dd { height: 44px; margin-top: 10px; font-size: 12px; color: #666666; line-height: 22px; } .questionlist li { border-bottom: 1px solid #ccc; padding: 15px 0; } .questionlist li p i { background: #662a2a; } .questionlist li i { width: 20px; height: 20px; color: #fff; font-size: 12px; display: inline-block; text-align: center; line-height: 22px; margin-right: 9px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .questionlist li span { font-size: 12px; } .questionlist li span i { background: #127a44; } /*listCase*/ .listCase .list { width: 108%; } .listCase .item { padding: 8px 0px; width: 284px; float: left; display: block; margin-right: 18px; } .listCase .item a { display: block; } /*.listCase .item img{width:270px; height:152px; display: block;border:4px solid #e2e2e2;} .listCase .item h3{width:100%; height:40px; line-height: 40px; display: block; color:#555555;font-weight: normal;text-align: center;cursor: pointer;} .listCase .item:hover h3{color: #127a44;} .listCase .item:hover img{/*filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;*/border-color: #127a44; } */ .listCase .item .desc { font-size: 12px; text-align: justify; color: #666; line-height: 20px; } .listCase .item h3 { text-align: left; height: 32px; line-height: 32px; color: #181818; font-size: 14px; font-weight: normal; } .listCase .item:hover h3 { font-weight: normal; color: #127a44; } .listCase .item img { width: 284px; height: 160px; display: block; border: 0 none; position: absolute; -webkit-transition: all .4s; transition: all .4s; } .listCase .item:hover img { border: 0 none; -webkit-transform: scale(1.05); transform: scale(1.05); } .listCase .item a.img { width: 284px; height: 160px; overflow: hidden; position: relative; } .listCase .item .desc { font-size: 12px; color: #666; line-height: 20px; } .listCase.fangan .item h3 { width: 100%; height: 40px; line-height: 40px; display: block; color: #555555; font-weight: normal; text-align: center; cursor: pointer; } .listCase.fangan .item:hover img { -webkit-transform: scale(1); transform: scale(1); } .listCase.fangan .item:hover h3 { color: #127a44; } .detaiInfo img { max-width: 100% !important; margin: 0 auto; } .parterlist { width: 100%; overflow: hidden; padding-top: 20px; } .parterlist .parterul { width: 108%; } .parterlist .parterul li { float: left; width: 432px; margin-right: 35px; position: relative; text-align: center; margin-bottom: 35px; } .parterlist .parterul li a { display: block; padding: 0; } .parterlist .parterul li img { width: 432px; height: 270px; margin: 0 auto; } .parterlist .parterul li .txt { height: 160px; text-align: center; } .parterlist .parterul li h5 { font-size: 16px; color: #000; font-weight: normal; } .parterlist .parterul li em { width: 54px; height: 2px; margin: 0 auto; background: #ccc; display: block; } .parterlist .parterul li span { color: #ff7e00; margin-top: 28px; display: block; } .parterlist .parterul li a:hover h5 { color: #ff7e00; } .parterlist .parterul li a:hover em { background: #ff7e00; } .parterlist .parterul li a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } /* pageNews */ .pageNewsRight { width: 220px; } .pageNewsRight a { display: block; } .pageNewsRight .right_1, .pageNewsRight .right_2 { margin-bottom: 20px; border: 1px solid #e4e4e4; } .pageNews { width: 710px; } .pageNews h1.bt { font-size: 18px; line-height: 25px; padding: 15px 0; text-align: center; font-weight: bold; color: #333; border-bottom: 1px dashed #e1e1e1; margin-bottom: 5px; } .pageNews .mark { height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #999; } .pageNews .mark span { margin-left: 14px; } .pageNews .mark span:first-child { margin-left: 0; } .pageNews .info { margin-bottom: 20px; padding: 10px 0; color: #666; } .pageNews .info img, .pageNews .info p img { max-width: 100% !important; height: auto !important; display: inline; } .pageNews .showtag { margin: 20px 0 18px; color: #666; } .pageNews .showtag a { color: #666; text-decoration: underline; } .submian .t { padding: 0 0 25px; color: #127a44; font-size: 18px; } .submian .t2 { padding: 25px 0; color: #127a44; font-size: 24px; } /* formData */ .formData { padding-bottom: 20px; } .formData .item { float: left; color: #999; font-weight: normal; width: 420px; height: 56px; line-height: 56px; border: 1px solid #e4e4e4; margin-right: 76px; margin-bottom: 45px; position: relative; } .formData .item label { padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 56px; line-height: 56px; font-size: 18px; color: #666; } .formData .item input { outline: none; line-height: 38px; height: 38px; font-size: 18px; } .formData .item .txt { width: 350px; height: 56px; line-height: 56px; display: block; background: none; padding-left: 70px; border: 0 none; color: #666; } .formData .item .red { position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11; } .formData .item.mr0 { margin-right: 0; } .formData .msg-box { position: absolute; left: 0; top: 0px; } .formData .liuyan { width: 918px; height: 260px; border: 1px solid #e4e4e4; float: left; } .formData .liuyan label { text-align: right; display: block; } .formData .liuyan textarea { width: 908px; height: 234px; line-height: 35px; padding: 12px 10px; text-indent: 100px; font-size: 18px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none; } .formData .bot { width: 100%; } .formData .sub { width: 232px; line-height: 52px; border: 2px solid #127a44; margin-right: 2px; text-align: center; background: #127a44; color: #FFF; cursor: pointer; font-size: 18px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .formData .sub:hover { background: none; color: #127a44; } .formData .yzm .txt { padding-left: 80px; } .formData .yzm img { position: absolute; right: 0; top: 0; height: 56px; border: 0px; display: block; } .submian .subright .anlitopH4 { height: 38px; line-height: 38px; border: 1px solid #e4e4e4; margin-top: 20px; } .submian .subright .anlitopH4 span { border-left: 5px solid #127a44; height: 38px; line-height: 38px; padding-left: 22px; display: block; float: left; color: #127a44; font-weight: bold; font-size: 14px; } .submian .subright .anlitopH4 span .org { color: #127a44; } .submian .subright .anlitopH4 span .org { display: inline } .submian .subright .divanli_mess { margin-bottom: 10px; padding: 15px 0; margin-top: 5px; } .submian .subright .divanli_mess p { line-height: 24px; } .submian .subright .divanli_mess ul { margin: 20px; width: 80%; } .submian .subright .divanli_mess ul li { padding-bottom: 15px; height: 32px; position: relative; display: block; } .submian .subright .divanli_mess ul li .tit { float: left; width: 80px; padding-right: 10px; text-align: right; font-size: 14px; line-height: 32px; height: 32px; } .submian .subright .divanli_mess ul li .tit font { color: #ff7e00; } .submian .subright .divanli_mess ul li input { width: 245px; height: 30px; line-height: 30px; padding: 0px 10px; border: 1px solid #e4e4e4; font-size: 14px; float: left; outline: none; background: none; } .submian .subright .divanli_mess ul li.beizhu { height: 200px; width: 100%; } .submian .subright .divanli_mess ul li.beizhu textarea { height: 200px; width: 622px; line-height: 30px; background: #fff; border: 1px solid #e4e4e4; font-size: 14px; float: left; outline: none; text-indent: 10px; background: none; } .submian .subright .divanli_mess ul li.yanzhenm input { width: 100px; } .divanli_mess img { max-width: 100%; } .submian .subright .divanli_mess ul li.yanzhenm img { position: absolute; left: 220px; top: 4px; } .submian .subright .divanli_mess ul li.yanzhenm .msg-box { margin-left: 65px; } .submian .subright .divanli_mess ul .bot { text-align: center; } .submian .subright .divanli_mess ul .bot input { width: 141px; background: #127a44; cursor: pointer; border: 0px; color: #fff; height: 43px; line-height: 43px; } .submian .subright .divanli_mess ul .bot input:hover { opacity: 0.8; } .ArticleTencont { padding: 5px 0px 20px 0px; line-height: 28px; overflow: hidden; color: #666; } /*百度地图*/ #content #mapCard_style { border: 3px solid #ff6600; } .baiduMap { margin: 10px; height: 300px; } .BMap_bubble_title a { display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 5px; background: #333; color: #FFF; } .BMap_bubble_content { line-height: 24px; padding: 10px 0; } .pageProduct .contentCon { padding: 20px 15px; } .pageProduct .photo { width: 450px; margin: 0 0 20px; } .pageProduct .photo .jqzoom { border: 1px solid #ddd; width: 450px; height: 216px; margin-bottom: 15px; position: relative; padding: 0px; cursor: pointer; overflow: hidden; } .pageProduct .photo div.zoomdiv { z-index: 999; position: absolute; top: 0px; left: 0px; width: 450px; height: 300px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; } .pageProduct .photo div.jqZoomPup { z-index : 999; visibility: hidden; position: absolute; top: 0px; left: 0px; border: 1px solid #aaa; background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); width: 300px !important; height: 300px; } .pageProduct .photo .img { width: 450px; height: 216px; display: block; } .pageProduct .photoimg { width: 450px; height: 40px; padding-top: 10px; position: relative; } .pageProduct .photoimg .list { width: 260px; overflow: hidden; position: relative; margin-left: 30px; } .pageProduct .photoimg .icon { width: 8px; height: 12px; position: absolute; top: 24px; cursor: pointer; display: block; background: url(../images/ico.png) no-repeat; } .pageProduct .photoimg .btnleft { left: 10px; background-position: 0 0; } .pageProduct .photoimg .btnright { right: 10px; background-position: 0 -12px; } .pageProduct .photoimg .list .listcon { width: 600%; } .pageProduct .photoimg a { width: 74px; height: 36px; display: block; float: left; margin-right: 14px; border: 1px solid #eee; } .pageProduct .photoimg a img { width: 74px; height: 36px; display: block; } .pageProduct .photoimg a:hover { border: 1px solid #f35b07; } .pageProduct .baseInfo { width: 416px; } .pageProduct .baseInfo h1 { color: #555; font-weight: bold; font-size: 16px; white-space: normal; word-break: break-all; } .pageProduct .baseInfo .miaos { color: #666; margin-top: 5px; } .pageProduct .baseInfo .miaos p { padding-left: 5px; font-size: 12px; line-height: 22px; height: 90px; overflow: hidden; } .pageProduct .baseInfo .showtel { width: 90%; padding: 10px 5%; margin-top: 5px; line-height: 28px; background: #f3f3f3; } .pageProduct .baseInfo .showtel .telcon { line-height: 28px; } .pageProduct .baseInfo .showtel .telcon strong { font-size: 26px; font-weight: normal; font-family: impact; color: #1e4ab2; } .pageProduct .baseInfo .button { width: 107px; height: 36px; margin-top: 10px; line-height: 36px; margin-right: 15px; border-radius: 2px; display: block; text-align: center; color: #fff; background: #127a44; } .pageProduct .baseInfo .button:hover { background: #1e4ab2; } .pageProduct .detaiTit { height: 44px; line-height: 44px; border-bottom: 1px solid #dbdbdb; margin: 15px auto 15px; } .pageProduct .detaiTit h2 { width: 95px; height: 42px; line-height: 39px; border-bottom: 3px solid #ff7e00; text-align: center; color: #ff7e00; font-size: 16px; } .pageProduct .detaiInfo { margin-bottom: 10px; padding: 0px 10px 10px; color: #666; white-space: normal; word-wrap: break-word } .pageProduct .detaiInfo a { display: block; } .pageProduct .detaiInfo img, .pageProduct .detaiInfo p img { max-width: 100% !important; margin: 0 auto; } .showpContact { margin-top: 20px; } .showpContact .txt { padding: 20px; border: 1px solid #eee; } .submian .subright .divanli_mess p { line-height: 24px; } .submian .subright .divanli_mess .baoming { padding-top: 30px; } .submian .subright .divanli_mess .item { padding-bottom: 15px; position: relative; } .submian .subright .divanli_mess .item .tit { float: left; padding-right: 10px; line-height: 30px; height: 30px; width: 80px; } .submian .subright .divanli_mess .item font { color: #dc241c; padding-left: 8px; } .submian .subright .divanli_mess .item input { width: 245px; height: 28px; line-height: 28px; padding: 0px 10px; border: 1px solid #e4e4e4; float: left; outline: none; } .submian .subright .divanli_mess .item.beizhu { height: 150px; width: 100%; } .submian .subright .divanli_mess .item.beizhu textarea { height: 150px; width: 410px; line-height: 28px; background: #fff; border: 1px solid #e4e4e4; float: left; outline: none; padding-left: 10px; max-width: 836px; } .submian .subright .divanli_mess .item.yanzhenm input { width: 100px; } .submian .subright .divanli_mess .item.yanzhenm font { padding-left: 68px; } .divanli_mess img { max-width: 100%; } .submian .subright .divanli_mess .item.yanzhenm img { position: absolute; left: 220px; top: 4px; } .submian .subright .divanli_mess .item.yanzhenm .msg-box { margin-left: 65px; } .submian .subright .divanli_mess .item.bot { text-align: center; } .submian .subright .divanli_mess .item.bot input { width: 141px; background: #127a44; cursor: pointer; border: 0px; color: #fff; height: 43px; line-height: 43px; } .submian .subright .divanli_mess .item.bot input:hover { background: #ff7e00; } .submian .subright .divanli_mess .item.it1 { margin-right: 70px; width: 385px; } .submian .subright .divanli_mess .item.beizhu textarea { width: 711px; } .submian .subright .divanli_mess .item input[type="radio"] { margin: 0; opacity: 0; display: inline-block; height: 30px; } .submian .subright .divanli_mess .item.sexbox { display: block; } .submian .subright .divanli_mess .item.kclb .cklist { } .submian .subright .divanli_mess .item.sexbox input { width: 0px; height: 0px; float: none; display: inline-block; padding: 0; border: 0 none; } .submian .subright .divanli_mess .sexbox label { cursor: pointer; padding-left: 15px; line-height: 30px; color: #000; display: inline-block; padding-right: 15px; } .submian .subright .divanli_mess .sexbox label.sex { background: url(../images/radio.jpg) no-repeat left center; height: 30px; padding-left: 15px; } .submian .subright .divanli_mess .sexbox input[type='radio'].radio:checked + .checked { background: url(../images/radio_c.jpg) no-repeat left center; } .submian .subright .divanli_mess .sexbox label.checked { background: url(../images/radio_c.jpg) no-repeat left center; } .divanli_mess img { max-width: 100%; } .submian .subright .divanli_mess .item.yanzhenm .msg-box { position: absolute; left: 280px; } /*↓组图样式↓*/ .HS10, .HS15 { overflow: hidden; clear: both; } .HS10 { height: 10px; } .HS15 { height: 15px; } .Hidden { display: none; } .Clearer { display: block; clear: both; font-size: 1px; line-height: 1px; margin: 0; padding: 0; } .FlLeft { float: left; } .FlRight { float: right; } /*幻灯片区域背景*/ .MainBg { width: 920px; margin: 0 auto; } /*大图展示区域*/ .OriginalPicBorder { padding: 0; } #OriginalPic { width: 920px; overflow: hidden; position: relative; font-size: 12px; } #OriginalPic img { display: block; min-width: 100px; margin: 0 auto; } /*鼠标手势*/ .CursorL { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; left: 0; } .CursorR { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; right: 0; } /*小图预览和滑动*/ .SliderPicBorder { width: 100%; overflow: hidden; } .ThumbPicBorder { width: 920px; margin: 0 auto; background: #eeeeee; overflow: hidden; position: relative; } .ThumbPicBorder #btnPrev { width: 45px; height: 113px; cursor: pointer; position: absolute; left: 20px; top: 20px; } .ThumbPicBorder #btnNext { width: 45px; height: 113px; cursor: pointer; position: absolute; right: 20px; top: 20px; } .ThumbPicBorder .pic { width: 755px; overflow: hidden; position: relative; margin: 20px auto; } #ThumbPic img { border: 3px solid #ddd; cursor: pointer; background-color: #ddd; margin: 0 5px; width: 135px; height: 108px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } #ThumbPic img.active { border: 3px solid #127a44; } /*↑组图样式↑*/