www.gusucode.com > 【T774】红色大型装修设计家装软装别墅装修网站织梦模板源码程序 > 【T774】红色大型装修设计家装软装别墅装修网站织梦模板/dede58/css/style.css
/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
/* ?????????????????????????????????????????????????????????????????????????????????????????? */
html {
color: #696969;
background: #262626;
-webkit-text-size-adjust: 100%;/*chrome????????????*/
-ms-text-size-adjust: 100%;
font-size: 100%;
}
/*IE6???positon:fixed?????????????????????IE6???????????????bug*/
*html,*html body{
background-image:url(about:blank);/*??????IE6???????????????bug*/
background-attachment: fixed;/*??????????????????????????????*/
}
/* ??????????????????????????????????????????????????????????????? */
*{
margin: 0;
padding: 0;
}
body{
width: 100%;
}
.warrp{
width: 100%;
margin: 0 auto;
}
/* ??????????????????????????????????????? font ????????? */
body, button, input, select, textarea {
font-family: "????????????","Microsoft YaHei";
font-size:14px;
line-height:24px;
color: #666;
outline: none;
}
input, select, textarea {
font-size: 100%;
padding-left:10px;
}
/* ?????????Table cell ??????????????????????????? */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* IE bug fixed: th ????????? text-align*/
th {
text-align: inherit;
}
/* ?????????????????????????????????, ????????????????????? */
caption, th {
text-align: left;
}
/* ?????????????????? */
fieldset, img {
border: none;
outline: none;
-moz-outline:none;
}
/*border*/
.border-d6{
border: 1px solid #d6d6d6;
}
.border-be{
border: 1px solid #bebebe;
}
.border-d2{
border: 1px solid #d2d2d2;
}
.border-e5{
border: 1px solid #e5e5e5;
}
.border-b-dc{
border-bottom: 1px solid #dcdcdc;
}
.border-b-ee{
border-bottom: 1px solid #eee;
}
.border-b-be{
border-bottom: 1px solid #bebebe;
}
.border-b-ec{
border-bottom: 1px solid #ececec;
}
.border-d-b-c6{
border-bottom: 1px dashed #c6c6c6;
}
.border-d-b-ec{
border-bottom: 1px dashed #ececec;
}
.border-d-b-ee{
border-bottom: 1px dashed #eee;
}
/* ie6 7 8(q) bug ????????????????????? */
iframe {
display: block;
}
/* ????????????????????????, li ????????? */
ol, ul, li {
list-style: none;
}
/* ????????? del ?????? */
del {
text-decoration: line-through;
}
/* ??????yahoo, ?????????????????????, ???????????????????????? */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 500;
}
/* ????????????????????? */
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ????????????????????????????????????????????? */
ins, a {
text-decoration: none;
}
/* ???????????? hover ???????????????????????? */
a {
color: #444;
cursor: pointer;
outline: none;
outline: none;
blr:expression(this.onFocus=this.blur());
}
a:hover {
text-decoration: none;
color: #333333;
}
ul li a{
color: #444;
}
/* ???????????? */
.clearFloat:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearFloat {
zoom: 1; /* for IE6 IE7 */
}
.overflow{
overflow: hidden;
}
/*display*/
.display{
display: block;
}
/*font-weight*/
.font-weight{
font-weight: bold;
}
/* ????????????, ?????????????????????bug */
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
/* ?????? HTML5 ??????, IE ????????? js ??? createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
/* HTML5 ??????????????? img ???????????? */
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*??????????????????????????????*/
/*img{*/
/*max-width: 100%;*/
/*}*/
/*.video embed, .video object, .video iframe{
width: 100%;
height: auto;
}*/
/*?????????????????????????????? end*/
/* ?????? firefox ????????????????????? */
abbr, acronym {
border: 0;
font-variant: normal;
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: 500;
}
.none {
display: none;
}
/*??????css?????????????????????*/
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
color: #ccc;
font-weight:400;
text-shadow:none;
}
/*?????????????????????????????????*/
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
text-shadow:none;
}
/*??????ul???margin???0*/
.ui-content .ui-listview-inset, .ui-panel-inner > .ui-listview-inset {
margin: 0;
}
.ui-shadow {
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
/*?????????????????????css3????????????????????????FORM????????????*/
.box-sizing {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*topline*/
.topline{
border-top: 4px solid #ff8f00;
}
/*topline end*/
.row{
margin-left: -15px;
margin-right: -15px;
}
.row2{
margin-left: -20px;
margin-right: -20px;
}
.row3{
margin-left: -15px;
margin-right: -55px;
}
/*????????????*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f24{font-size:24px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
/*??????color*/
.text-99{
color: #999;
}
.text-66{
color: #666;
}
.text-b8{
color: #b8162b;
}
.text-9b{
color:#9b040d;
}
.text-88{
color:#888;
}
.text-33{
color: #333;
}
.text-ff{
color: #fff;
}
.text-aa{
color: #aaa;
}
.text-cc{
color: #ccc;
}
.text-d2{
color: #d2d2d2;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
.text-success {
color: #3c763d;
}
.text-info {
color: #31708f;
}
/*??????*/
.relative{
position: relative;
}
.absolute{
position: absolute;
}
/*???*/
.w1000{
width: 1000px;
margin: 0 auto;
}
.w1200{
width: 1200px;
margin: 0 auto;
}
.w185{
width: 185px;
}
.w270{
width: 270px;
}
.w290{
width: 290px;
}
.w298{
width: 298px;
}
.w389{
width: 389px;
}
.w400{
width: 400px;
}
.w482{
width: 482px;
}
.w645{
width: 645px;
}
.w835{
width: 835px;
}
/*??????*/
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mtb10{margin: 10px 0}
.mtb15{margin: 15px 0}
.mtb20{margin: 20px 0}
.mtb25{margin: 25px 0}
.mtb30{margin: 30px 0}
.mtb35{margin: 35px 0}
.mtb50{margin: 50px 0}
.mtb60{margin: 60px 0}
.mtb95{margin: 95px 0}
.mlr10{margin: 0 10px}
.mlr15{margin: 0 15px}
.mlr20{margin: 0 20px}
.mlr25{margin: 0 25px}
.mlr30{margin: 0 30px}
.mlr45{margin: 0 45px}
.mlr50{margin: 0 50px}
.mt5{margin-top:5px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt65{margin-top:65px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb8{margin-bottom:8px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb100{margin-bottom:100px}
.mb200{margin-bottom:200px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml45{margin-left:45px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr16{margin-right:16px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr28{margin-right:28px}
.mr30{margin-right:30px}
.mr34{margin-right:34px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mr50{margin-right:50px}
.mr53{margin-right:53px}
.mr60{margin-right:60px}
.mr66{margin-right:66px}
.mr68{margin-right:68px}
.mr70{margin-right:70px}
.mr100{margin-right:100px}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.ptb5{padding: 5px 0}
.ptb10{padding: 10px 0}
.ptb15{padding: 15px 0}
.ptb20{padding: 20px 0}
.ptb25{padding: 25px 0}
.ptb30{padding: 30px 0}
.ptb35{padding: 35px 0}
.ptb40{padding: 40px 0}
.ptb50{padding: 50px 0}
.plr10{padding: 0 10px}
.plr15{padding: 0 15px}
.plr20{padding: 0 20px}
.plr30{padding: 0 30px}
.plr50{padding: 0 50px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl28{padding-left:28px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl95{padding-left:95px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}
/*??????*/
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
/*background*/
.bgd-00{
background: #342c2a;
}
.bgd-66{
background: #666;
}
.bgd-b8{
background: #b8162b;
}
.bgd-ee{
background: #eee;
}
.bgd-ff{
background: #fff;
}
.bgd-9b{
background: #9b040d;
}
/*border-radius*/
.border-radius-5{
border-radius: 5px;
}
/*btn*/
.btn{
border: 1px solid #dcdcdc;
/*padding: 10px 45px;*/
}
/*line-height*/
.line-height-25{
line-height: 25px;
}
.line-height-26{
line-height: 26px;
}
/*??????????????????*/
/* CSS Document */
/*????????????*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldest, input, button, p, blockquote, th, td {
margin: 0;
padding: 0;
}
body {
margin: 0;
background: rgb(235,235,235);
color: #555;
font-size: 12px;
font-family: FZLTHK???GBK1???0, "????????????", Arial, Helvetica, sans-serif;
line-height: 22px;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
body.ss {
margin: 0 !important;
}
ol, ul {
list-style: none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}/* Hides from IE-mac \*/
*html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}/* End hide from IE-mac */
*+html .clearfix {
min-height: 1%;
}
img {
border: none;
}
.clear {
clear: both;
}
a {
color: #555;
text-decoration: none;
}
a:hover {
color: #811f1c;
text-decoration: none;
}
.left {
float: left;
}
.right {
float: right;
}
.fl, .il .fl {
float: left;
}
.fr, .il .fr {
float: right;
}
.fc, .il .fc {
float: none;
clear: both;
}
.col {
width: 1100px;
margin: auto;
}
.rel {
position: relative;
}
.abs {
position: absolute;
}
.dIBlock {
display: inline-block;
}
.il {
list-style: none;
}
.clearfix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: ".";
font-size: 0;
line-height: 0;
}
.red {
color: #da231b;
}
em {
font-style: normal;
}
.hyzm {
background: #009933;
border: none;
height: 28px;
padding: 0 10px;
color: #fff
}
/*????????????*/
.topCityBox{height:20px; line-height:20px; color:#eeeeee; background-color:#342c2a;}
.topCityBox a{color:#eee;}
.topCityBox a:hover{color:#eee;}
.topad{height:50px; display:block;}
.headerbg {
height: 165px;
background: #fff;
width: 100%
}
.headerbg .header {
position: relative;
margin: 0 auto;
width: 1190px;
}
.headerbg .header .logo {
position: absolute;
top: 20px;
/*left: 0px;*/
left: 60px;
}
.headerbg .header .text {
position: absolute;
top: 36px;
right: 60px;
width: 250px;
height: 28px;
border: none;
line-height: 28px;
}
.headerbg .header .go {
position: absolute;
top: 36px;
right: 0;
width: 60px;
height: 28px;
border: none;
background: #e50101;
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 28px;
}
.headerbg .header .dwy {
position: absolute;
top: 80px;
left: 400px;
}
.headerbg .header .tel-text {
width: 400px;
position: absolute;
left: 350px;
top: 110px;
color: #342c2a;
font-size: 18px;
font-weight: 600;
}
.headerbg .header .pngAD-text {
width:auto;
position: absolute;
right: 0;
top: 45px;
color: #342c2a;
font-size: 18px;
font-weight: 600;
}
.headerbg .header .png-text{ width:auto;
position: absolute;
left: 400px;
top: 45px;}
.headerbg .header .tel-text span {
font-size: 26px;
}
.headerbg .header .tel {
position: absolute;
left: 460px;
top: 16px;
}
.sear {
width: 410px;
position: absolute;
right: 10px;
left: 350px;
}
.sear .searchBox {
width: 520px;
padding: 65px 5px 0 5px;
}
.sear .searchBox .fromBox {
width: 404px;
height: 35px;
background-color: #342c2a;
}
.sear .searchBox .fromBox .type {
width: 52px;
padding-left: 25px;
height: 31px;
background-color: #FFFFFF;
border-right: #342c2a solid 1px;
left: 2px;
top: 2px;
line-height: 31px;
color: #71645e;
}
.sear .searchBox .fromBox .type i {
width: 9px;
height: 6px;
background-position: -2px -90px;
top: 13px;
left: 57px;
}
.sear .searchBox .fromBox .type .typelist {
width: 75px;
z-index: 99999;
left: 0px;
top: 31px;
border: 1px #e6e6e6 solid;
border-top: none;
}
.sear .searchBox .fromBox .type .typelist a {
display: block;
color: #71645e;
line-height: 30px;
text-align: center;
background: #f1f1f1;
}
.sear .searchBox .fromBox .type .typelist a:hover {
background: #dbd9d9;
}
.sear .searchBox .fromBox .inputBox {
top: 2px;
left: 80px;
width: 247px;
}
.sear .searchBox .fromBox .inputBox input {
height: 31px;
width: 237px;
border: none;
padding-left: 10px;
}
.sear .searchBox .fromBox .BtnBox {
left: 326px;
top: 2px;
}
.sear .searchBox .fromBox .BtnBox .btn {
height: 31px;
width: 77px;
font-size: 14px;
color: #fff;
background-color: #342c2a;
border: none;
cursor: pointer;
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 28px;
}
.sear .searchBox .keyword {
padding-top: 10px;
padding-left: 5px;
color: #fff;
}
.sear .searchBox .keyword a {
color: #555;
}
.sear .searchBox .keyword a:hover {
text-decoration: underline;
}
.sear .topTel {
width: 170px;
}
.navbg {
height: 41px;
/*border-bottom: 2px solid #811f1c;*/
background: #811f1c;
line-height: 41px;
}
.navbg .nav {
margin: 0 auto;
width: 1200px;
}
.navbg .nav ul li {
float: left;
width: 120px;
text-align: center;
}
.navbg .nav ul li:hover {
}
.navbg .nav ul li a {
color: #fff;
font-size: 120%;
font-weight: bold;
display:block;
}
.hotIcon {
height: 13px;
width: 23px;
left: 85px;
top: -5px;
background-image: url(img/hot2015.gif);}
/*.navbg .nav ul li a:hover {
color: #fff;
}
.navbg .nav ul li:hover {
background: #342c2a;
}*/
<!--????????????-->
ul{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.dropdown{
position: relative;
width: 100%;
}
ul.dropdown li{
position: relative;
/* background: #ecf0f1;*/
float: left;
width: 105px;
text-align: center;
}
ul.dropdown a:hover{
color: #000;
background: #342c2a;
}
ul.dropdown li a {
display: block;
color: #34495e;
position: relative;
z-index: 2000;
text-align: center;
text-decoration: none;
font-weight: 300;
}
ul.dropdown li a:hover,
ul.dropdown li a.hover{
background: #342c2a;
position: relative;
color: #fff;
}
ul.dropdown ul{
display: none;
position: absolute;
top: 0;
left: 0;
width: 180px;
z-index: 1000;
}
ul.dropdown ul li {
font-weight: normal;
background: #f6f6f6;
color: #000;
border-bottom: 1px solid #ccc;
}
ul.dropdown ul li a{
display: block;
color: #34495e !important;
background: #eee !important;
}
ul.dropdown ul li a:hover{
display: block;
background: #342c2a !important;
color: #fff !important;
}
.drop > a{
position: relative;
}
.drop > a:after{
content: "";
position: absolute;
right: 15px;
top: 45%;
border-left: 5px solid transparent;
border-top: 5px solid #fff;
border-right: 5px solid transparent;
z-index: 999;
}
.drop > a:hover:after{
content:"";
border-left: 5px solid transparent;
border-top: 5px solid #fff;
border-right: 5px solid transparent;
}
<!--????????????-->
.bannerbg {
height: 480px;
background: url(img/bannerbgs.jpg) no-repeat center center;
}
.bannerbg .banner {
margin: 0 auto;
width: 1190px;
}
.ban-box {
padding: 20px;
}
.ban-box img {
width: 1150px;
}
.main {
background:#f1f0f0;
padding-bottom: 30px;
}
.main .tit {
/* background: url(img/1950389_1930852552.jpg) no-repeat left bottom;
*/ background: url(img/20150817.jpg) no-repeat left bottom;
color: #666;
font-size: 18px;
line-height: 60px;
}
.xt {
position: relative;
}
.xt .l-xt {
float: left;
margin-top: 10px;
margin-right: 10px;
width: 230px;
line-height: 0;
overflow: hidden
}
.xt .l-xt img {
width: 230px;
height: 475px;
}
/* ui-banner */
.index-new{width:800px; float:left; }
.ui-banner{display:block;position:relative;width:740px;background:#FFF}
.ui-banner.ui-banner-invalid{display:none;}
.ui-banner,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{height:380px; margin-top:5px;}
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;}
.ui-banner ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}
.ui-banner .ui-banner-slides{width:445px;height:350px;left:15px;}
.ui-banner .ui-banner-slides li{display:none;position:absolute;top: 5px;+top:10px;}
.ui-banner .ui-banner-slides li img{width:445px;height:350px;border:none;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-654px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:654px;}
.ui-banner .ui-banner-slogans{height:350px;overflow:hidden;width:278px;right:0;}
.ui-bnnerimg{
width: 103px;
height: 83px;
}
.ui-bnnerp{
width: 130px;
height: 93%;
padding-left: 15px;
font-size:12px;
/*text-overflow:ellipsis;white-space:nowrap;overflow: hidden;content:"...";*/
}
.ui-bnnerp h3{
font-size: 14px;
color: #666;
}
.ui-bnnerp p{
color: #666;
}
.ui-line{
zoom: 1;
overflow: hidden;
}
.ui-line-hover{
background:url("img/stuj.png") no-repeat left center;
}
.ullinehover{
border-bottom: 1px solid #ececec;
height: 75px;
margin: 0 0 3px 25px;
+margin: 0 0 1px 25px;
padding: 6px 0;
}
.ui-bnnerp-hover{
background-color:#9b040d;
color:#fff;
}
/*.ullinehover:hover .ui-bnnerp h3,.ullinehover:hover .ui-bnnerp p{
color: #fff;
}*/
.uibannerslog ul li{
border: 1px solid red;
}
.ui-bnnerp-hover h3,.ui-bnnerp-hover p{
color:#fff;
}
.ui-banner .ui-banner-arrow{display:block;width:23px;outline:none;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{
background: transparent url("img/jleft.jpg") no-repeat scroll 0 0;
height: 23px;
right: -43px;
top: 17px;
width: 23px;
}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{
background: transparent url("img/jright.jpg") no-repeat;
height: 23px;
right: -43px;
top: 49px;
width: 23px;
}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next img{left:-15px;}
.ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:173px;}
/* ?????????css */
.xtbg1 {
padding-bottom: 20px;
background: #f3f1f1;
}
.xtbg {
padding-bottom: 20px;
}
.slideGroup {
width: 1190px;
text-align: left;
}
.slideGroup .parHd {
position: relative;
background: url(img/20150817.jpg) no-repeat left bottom;
color: #666;
font-size: 18px;
line-height: 60px;
}
.slideGroup .parHd ul {
position: absolute;
top: -1px;
top: 30px;
right: 0px;
right: 10px;
float: left;
width: 40px;
height: 32px;
}
.slideGroup .parHd ul li {
float: left;
display: inline-block;
margin-right: 3px;
width: 9px;
height: 9px;
background: url(img/icoCircle.gif) no-repeat 0 -9px;
cursor: pointer;
}
.slideGroup .parHd ul li.on {
background-position: 0 -0;
}
.slideGroup .parBd ul {
overflow: hidden;
zoom: 1;
}
.slideGroup .parBd ul li {
float: left;
overflow: hidden;
margin: 0;
text-align: center;
_display: inline;
}
.slideGroup .parBd ul li .pic {
text-align: center;
}
.slideGroup .parBd ul li .pic img {
display: block;
padding: 2px;
width: 120px;
height: 90px;
border: 1px solid #ccc;
}
.slideGroup .parBd ul li .pic a:hover img {
border-color: #999;
}
.slideGroup .parBd ul li .title {
line-height: 24px;
}
.slideBox {
position: relative;
overflow: hidden;
width: 100%;
height: 550px;
}
.slideBox .hd {
position: absolute;
bottom: 5px;
z-index: 1;
overflow: hidden;
width: 100%;
height: 15px;
text-align: center;
}
.slideBox .hd ul {
overflow: hidden;
zoom: 1;
}
.slideBox .hd ul li {
display: inline-block;
margin-right: 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #fff;
text-indent: -9999em;
cursor: pointer;
}
.slideBox .hd ul li.on {
border: 1px solid #fff;
background: #f00;
}
.slideBox .bd {
position: relative;
z-index: 0;
height: 100%;
}
.slideBox .bd li {
height: 550px;
vertical-align: middle;
zoom: 1;
}
.slideBox .bd li a {
display: block;
width: 100%;
height: 550px;
}
.slideBox .bd img {
display: block;
width: 450px;
height: 230px;
}
/* ????????????/????????????????????????????????????????????? */
.slideBox .prev, .slideBox .next {
position: absolute;
top: 50%;
left: 3%;
display: block;
margin-top: -25px;
width: 32px;
height: 40px;
background: url(images/slider-arrow.png) -110px 5px no-repeat;
opacity: 0.5;
filter: alpha(opacity=50);
}
.slideBox .next {
right: 3%;
left: auto;
background-position: 8px 5px;
}
.slideBox .prev:hover, .slideBox .next:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.slideBox .prevStop {
display: none;
}
.slideBox .nextStop {
display: none;
}
.picFocus {
position: relative;
overflow: hidden;
margin: 0 auto;
width:auto;
zoom: 1;
margin-top:15px;
}
.picFocus .hd {
clear: both;
overflow: hidden;
margin-top: 10px;
}
.picFocus .item1{ height:415px; width:330px ; /*margin-right:10px*/}
.picFocus .item3{ height:415px; width:260px; }
.picFocus .probox{ height:200px; margin-bottom:8px;}
.picFocus .t157r23{
top: 157px;
right: 23px;}
.picFocus .probox a{ display:block;width:104px; height:27px; line-height:27px; border:1px solid #811f1c; font-size:14px; color:#811f1c; border-radius:5px; float:left; text-align:center; margin:0 20px;}
.picFocus .probox .pbtn{ bottom:73px; }
.picFocus .probox .casebtn{ bottom:35px; }
.picFocus .probox a:hover{ background-color:#811f1c; color:#fff;}
.picFocus .probox .za{color:#132110; border:1px solid #132110;}
.picFocus .probox .za:hover{ background-color:#132110; color:#fff;}
.picFocus .case{ height:193px; overflow:hidden;}
.picFocus .marb15 { margin-bottom:15px}
.picFocus .case .img{ width:100%; height:200px; left:0px; top:0px; z-index:1;}
.picFocus .case .t{ color:#fff; text-align:center; font-size:14px; height:30px; line-height:30px; bottom:0px; left:0px; width:100%; z-index:3;}
.picFocus .case .bg{ background-color:#342c2a; opacity:0.7;filter:alpha(opacity=70); z-index:2;bottom:0px; left:0px; height:30px; width:100%;}
.picFocus .hd ul {
overflow: hidden;
zoom: 1;
width: 1200px;
}
.picFocus .hd ul li {
position: relative;
float: left;
margin: 0px 10px 0px 0;
text-align: center;
line-height: 0;
width: 230px;
height: 115px;
overflow: hidden
}
.picFocus .hd ul li .wz {
position: absolute;
top: 70px;
right: 0;
z-index: 999;
height: 20px;
min-width: 50px;
background: rgba(0,0,0,0.6);
color: #fff;
text-align: center;
line-height: 20px;
}
.picFocus .hd ul li:last-child {
margin: 0;
}
.picFocus .hd ul li img {
width: 230px;
height: 115px;
cursor: pointer;
}
.picFocus .hd ul li.on .wz {
background: rgba(229,1,1,0.5);
}
/*.picFocus .bd { float:right; margin-top:10px; width:950px; height:475px;}
.picFocus .bd li{ position:relative; margin:0 !important; vertical-align:middle; }
.picFocus .bd li img{ width:950px; height:475px;}
.picFocus .bd li .text{ position:absolute;padding-bottom:10px; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; text-align:left;position:absolute;top:-485px;overflow:hidden;}
.picFocus .bd li .text .titms{ padding: 0 15px;}
.picFocus .bd li .text .titsub{ padding-left:15px; height:35px; font-weight:bold; font-size:14px; line-height:35px;}
.picFocus .bd img{ display:block; width:auto; height:auto; }
.picFocus .bd ul li .rsp{width:100%;height:100%;overflow:hidden;position: absolute;background:#342c2a;top:0px;left:0px;}
.picFocus .bd .text h3{width:300px;margin-top:100px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}
.picFocus .bd .text a,.picFocus .bd .text a:hover{text-decoration: none;
color: #FFF;
display: block;
width: 100%;
height: 100%;}
..picFocus bd .text div{text-align:center;color:#FFFFFF;font-size:18px;}
*/
.zxzs {
overflow: hidden;
overflow: hidden;
margin: 0 auto;
width: 1190px;
}
.zxzs .i-tit {
height: 50px;
color: #666;
text-indent: 30px;
font: 700 16px/50px "Microsoft Yahei";
}
.zxzs .ads{
margin:0 15px;
padding-top:23px;
}
.zxzs .ads img{
display:block;
float:left;
}
.zxzs .i-news {
float: left;
overflow: hidden;
margin-top: 10px;
/* padding-bottom: 20px;*/
width: 390px;
height: auto;
border-right: 1px dotted #ccc;
}
.zxzs .i-news .gsdt {
margin-bottom: 15px;
padding-bottom: 10px;
background: #f1f0f0;
}
.zxzs .gsdt ul li {
padding-left: 30px;
background: url(img/listico.jpg) no-repeat 18px center;
color: #666;
line-height: 28px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
content: "...";
}
.zxzs .wt {
float: left;
margin-top: 10px;
margin-left: 10px;
width: 400px;
background: #f1f0f0;
}
.zxzs .content_book_2_info{
width: 608px;
height: 473px;
float:right;
margin-top: 20px;
}
.zxzs .content_book_2_info_img{
width: 146px;
height: 146px;
border: 1px solid #dcdddd;
float: left ;
margin-left: 3px;
text-align: center;
margin-top: 2px;
overflow: hidden;
_margin-left: 1px;
}
.hezuo {
margin: 0 auto;
width: 1190px;
}
.txtScroll-top {
position: relative;
overflow: hidden;
width: 400px;
}
.txtScroll-top1 {
position: relative;
overflow: hidden;
padding-left: 20px
}
.txtScroll-top .hd {
overflow: hidden;
height: 30px;
background: #f4f4f4;
}
.txtScroll-top1 .hd {
overflow: hidden;
height: 30px;
background: #f4f4f4;
width: 400px;
}
.txtScroll-top .hd .prev, .txtScroll-top .hd .next {
float: right;
display: block;
overflow: hidden;
margin-top: 10px;
margin-right: 5px;
width: 9px;
height: 5px;
background: url("images/icoUp.gif") no-repeat;
cursor: pointer;
}
.txtScroll-top .hd .next {
background: url("images/icoDown.gif") no-repeat;
}
.txtScroll-top .hd ul {
float: right;
overflow: hidden;
margin-top: 10px;
zoom: 1;
}
.txtScroll-top .hd ul li {
float: left;
overflow: hidden;
margin-right: 5px;
width: 9px;
height: 9px;
background: url("images/icoCircle.gif") 0 -9px no-repeat;
text-indent: -999px;
cursor: pointer;
}
.txtScroll-top .hd ul li.on {
background-position: 0 0;
}
.txtScroll-top .bd {
padding: 0 15px;
height: 365px;
}
.txtScroll-top .infoList li {
padding: 15px 0;
padding-left: 15px;
border-bottom: 1px dotted #ccc;
}
.txtScroll-top1 .infoList li {
padding: 0 10px;
border-right: 1px dotted #ccc;
width: 350px;
float: left;
}
.txtScroll-top .infoList li:first-child {
padding-top: 0;
}
.txtScroll-top1 .infoList li:first-child {
padding-top: 0;
}
.txtScroll-top .infoList li .date {
float: right;
color: #999;
}
.txtScroll-top .infoList li .cj-box .cj-tit, .txtScroll-top1 .infoList li .cj-box .cj-tit {
font-weight: bold;
font-size: 14px;
margin-bottom:5px;
}
.txtScroll-top .infoList li .cj-box .cj-ms, .txtScroll-top1 .infoList li .cj-box .cj-ms {
line-height: 22px;
}
.jz {
float: right;
margin-top: 10px;
width: 470px;
background: #f1f0f0;
}
.txtScroll-tops {
position: relative;
overflow: hidden;
width: 470px;
}
.txtScroll-tops .hd {
position: relative;
background: url(img/1950389_1930852552.jpg) no-repeat left bottom;
color: #666;
font-size: 18px;
line-height: 60px;
}
.txtScroll-tops .hd .prev, .txtScroll-top .hd .next {
float: right;
display: block;
overflow: hidden;
margin-top: 10px;
margin-right: 5px;
width: 9px;
height: 5px;
background: url("images/icoUp.gif") no-repeat;
cursor: pointer;
}
.txtScroll-tops .hd .next {
background: url("images/icoDown.gif") no-repeat;
}
.txtScroll-tops .hd ul {
float: right;
overflow: hidden;
margin-top: 10px;
zoom: 1;
}
.txtScroll-tops .hd ul li {
float: left;
overflow: hidden;
margin-right: 5px;
width: 9px;
height: 9px;
background: url("images/icoCircle.gif") 0 -9px no-repeat;
text-indent: -999px;
cursor: pointer;
}
.txtScroll-tops .hd ul li.on {
background-position: 0 0;
}
.txtScroll-tops .bd {
padding: 0 15px;
height:380px;
overflow:hidden;
}
.txtScroll-tops .infoList li {
height: 90px;
margin-bottom: 5px
}
.txtScroll-tops .infoList li .cj-img {
float: left;
width: 120px;
height: 90px;
overflow:hidden;
}
.txtScroll-tops .infoList li .cj-img img {
width: 120px;
}
.txtScroll-tops .infoList li .cj-box {
float: right;
width: 200px;
}
.txtScroll-tops .infoList li .date {
float: right;
color: #999;
}
.txtScroll-tops .infoList li .cj-box .cj-tit {
font-weight: bold;
font-size: 14px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.txtScroll-tops .infoList li .cj-box .cj-ms {
line-height: 18px;
}
.td {
width: 1180px;
margin: 0 auto;
height: 180px;
margin-top: 20px;
}
.td ul li {
float: left;
display: inline;
margin-right: 15px;
overflow: hidden;
width: 122px;
}
.td ul li span {
display: block;
text-align: center;
}
.td .td-box {
width: 1180px;
margin-top: 10px;
background: #f1f0f0 no-repeat;
margin-top: 15px;
}
.td ul li .pic {
overflow: hidden
}
.td ul li .title {
display: block;
text-align: center;
clear: both;
height: 20px;
}
.td ul li img {
border: 1px solid #ccc;
}
#demo {
overflow: hidden;
margin: 0 auto
}
#demo a {
display: block;
}
#demo p {
text-align: center;
}
#demo img {
border: 1px solid #ccc;
width: 120px;
height: 90px;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
margin-left: 5px;
}
.chj-foot {
overflow: hidden;
padding-top: 30px;
padding: 15px;
background: #474747;
}
.chj-foot-box {
margin: 0 auto;
padding-top: 20px;
width: 1200px;
}
.chj-foot-box dl {
float: left;
width: 205px;
color: #ccc;
}
.chj-foot-box dl dt {
color: #ccc;
font-weight: bold;
font-size: 14px;
}
.chj-foot-box .er {
float: left;
padding-left: 50px;
border-left: 1px solid #5A5A5A;
color: #fff;
font-weight: bold;
}
.chj-foot-box .er {
text-align:center;
margin:0 auto;
}
.chj-foot-box a {
color: #fff;
}
.team {
position: relative;
overflow: hidden;
width: 100%;
}
.team ul li {
float: left;
width: 25%;
}
.team ul li img {
width: 100%;
}
#team {
overflow: hidden;
margin: 0 0 0 0;
padding: 30px 0;
padding-bottom: 60px;
background: #f3f1f1;
}
#team header {
padding-bottom: 50px;
color: #333;
text-align: center;
font-size: 18px;
}
#team header h1 {
margin-top: 10px;
padding-bottom: 10px;
font-weight: 100;
font-size: 40px;
line-height: 60px;
}
#team header h2 {
color: #666;
font-size: 24px;
}
#team h1, #team h2, #team h3 {
font-weight: normal;
}
#team .staff-slide-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
#team .staff-slide-wrap button {
position: absolute;
top: 50%;
z-index: 20;
display: block;
margin-top: -26px;
width: 52px;
height: 52px;
border-width: 0px;
background-color: #dd0303;
background-image: url(img/team-slide-button.gif);
background-repeat: no-repeat;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity: 80);
}
#team .staff-slide-wrap button.prev {
left: 0;
background-position: left top;
}
#team .staff-slide-wrap button.next {
right: 0;
background-position: right top;
}
#team .staff-slide-wrap button.prev:hover {
background-position: left bottom;
}
#team .staff-slide-wrap button.next:hover {
background-position: right bottom;
}
#team .staff-list {
overflow: hidden;
width: 500%;
*zoom:1;
}
#team .staff-list li {
position: relative;
float: left;
display: inline;
width: 4%;
height: 300px;
}
#team .staff-list li img {
width: 100%;
vertical-align: top;
}
#team .staff-bio {
position: absolute;
top: 0;
left: 0;
z-index: 10;
overflow: hidden;
width: 100%;
height: 100%;
background-color: #d40303;
color: white;
text-align: center;
opacity: 0;
cursor: default;
-moz-opacity: 0;
filter:alpha(opacity: 0);
}
#team .staff-bio * {
padding: 0 20px;
}
#team .staff-bio h1 {
margin-top: 20px;
font-size: 24px;
}
#team .staff-bio h2 {
font-size: 16px;
}
#team .staff-bio h3 {
margin-top: 10px;
font-size: 12px;
}
#team .staff-bio:hover {
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity:80);
}
#team .staff-msg {
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
overflow: hidden;
padding: 10px 0;
width: 100%;
background: url(img/subject-select-background.png) 0 0 repeat;
color: white;
text-align: center;
line-height: 1.2;
cursor: default;
}
#team .staff-msg h2 {
font-size: 50%;
}
#team .staff-bio h1 {
margin-top: 20px;
padding: 0px 20px;
font-size: 20px;
}
#team .staff-bio h2 {
padding: 0px 20px;
font-size: 16px;
}
#team .staff-bio h3 {
margin-top: 10px;
padding: 0px 20px;
font-size: 14px;
}
.footerbg {
border-top: 1px solid #5d5b5b!important;
background: rgb(62,59,59);
}
.footer {
margin: 0 auto;
padding: 15px 0;
width: 1190px;
color: #f5f5f5;
text-align: left;
}
.footer a {
color: #fff;
}
.cbbfixed {
position: fixed;
right: 10px;
bottom: -85px;
z-index: 3;
cursor: pointer;
transition: bottom ease .3s;
}
.cbbfixed .cbbtn {
display: block;
width: 40px;
height: 40px;
background-color: #2c2d2e;
}
.cbbfixed .gotop {
margin-top: 1px;
transition: background-color ease .3s;
}
.cbbfixed .gotop .up-icon {
float: left;
margin: 14px 0 0 9px;
width: 23px;
height: 12px;
background: url(img/side-icon02.png);
}
.cbbfixed .gotop:hover {
background-color: #d91111;
}
.cbbfixed .cweixin {
background: #666;
}
.cbbfixed .cweixin div {
position: absolute;
top: -60px;
left: -110px;
display: none\0;
width: 110px;
height: 110px;
background: url(img/ss.png);
opacity: 0;
-webkit-transition: all ease .3s;
transition: transform ease .3s, opacity ease .3s;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 100% 70%;
transform-origin: 100% 70%;
*display:none;
}
.cbbfixed .cweixin:hover div {
display: block;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
*display:block;
}
.cbbfixed .cweixin .weixin-icon {
float: left;
margin: 12px 0 0 11px;
width: 18px;
height: 18px;
background: url(img/side-icon01.png);
}
.site-nav-left a, .floor1-nav-content a div, .banner-nav li, .floor1-title {
background: url(img/icons.png) no-repeat;
}
.w1180 {
margin: 0 auto;
width: 1180px;
}
.head-shadow, .head-shadow2 {
position: relative;
bottom: 0;
left: 0;
z-index: 999999;
width: 100%;
height: 3px;
background: #b2b2b2;
opacity: .35;
}
.slide-banner {
position: relative;
overflow: hidden;
width: 100%;
height: 630px;
}
.banner-bg {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 630px;
background-color: #f4f4f4;
background-position: 50% 0;
}
.banner-nav-bg {
position: relative;
bottom: 70px;
z-index: 199;
height: 70px;
background: #fff;
opacity: .75;
filter: alpha(opacity=75);
}
.banner-nav {
position: absolute;
bottom: 27px;
left: 50%;
z-index: 999;
}
.banner-nav li {
float: left;
margin-right: 8px;
width: 16px;
height: 16px;
background-position: -4px -4px;
cursor: pointer;
}
.banner-nav li.active {
background-position: -25px -4px;
}
.banner-content {
position: relative;
z-index: 100;
margin: 0 auto;
width: 1180px;
height: 630px;
}
.banner-img {
position: absolute;
left: -150%;
z-index: 2;
}
.banner-bar-bg {
position: relative;
bottom: 73px;
z-index: 99999;
margin: 0 auto;
height: 3px;
background: url(bar-bg.png) no-repeat;
}
.banner-bar {
position: absolute;
left: 0;
z-index: 999;
width: 0;
height: 3px;
background: #999;
}
.floor1-title {
overflow: hidden;
margin: 60px auto 0;
width: 300px;
height: 80px;
cursor: pointer;
}
.xl-topbg {
background: url(img/tm.png) repeat;
;
height: 44px;
line-height: 44px;
padding-top: 40px;
border-bottom: #ddd 1px solid;
width: 100%;
z-index: 9999
}
.xl-top {
width: 1180px;
margin: 0 auto;
}
.xl-top .xl-name {
font-size: 24px;
float: left
}
.xl-top ul {
float: right;
border-left: #ddd 1px solid
}
.xl-top ul li {
float: left;
width: 100px;
text-align: center;
border-top: #ddd 1px solid;
border-right: #ddd 1px solid
}
.xl-top ul li a {
display: block
}
.xl-top ul li.ati {
background: #fff;
border-top: 2px solid #e50101;
height: 43px;
}
.xl-top ul li.zx {
border: none;
margin-left: 20px;
}
.xl-top ul li.zx a {
height: 40px;
width: 108px;
background: #ff3333;
display: block;
color: #fff
}
.xl-showbg {
width: 100%;
display: table;
padding: 50px 0;
}
.xl-showbg.on {
background: #f4f4f4
}
.xl-showbg .show-box {
display: table-cell;
vertical-align: middle
}
.xl-showbg .show-box .show-xx {
}
.xl-show {
width: 1180px;
margin: 0 auto;
}
.xl-show .show-l {
position: relative;
left: -100px;
width: 520px;
padding-top: 40px;
}
.xl-show .show-r {
position: relative;
right: -100px;
}
.xl-show ul {
margin-top: 10px;
}
.xl-show ul li {
float: left;
margin-right: 30px;
margin-top: 10px;
}
.xl-show a.yuyue {
background: #87c149;
height: 40px;
line-height: 40px;
color: #fff;
clear: both;
width: 130px;
border-radius: 5px;
text-align: center;
display: block;
margin-top: 20px;
}
.xl-show a.yuyue:hover {
background: #5ea511;
}
.xl-show a.yi:hover {
background: #fa4646
}
.box {
display: table;
width: 100%;
padding: 10px 0;
/*height: 400px;*/
height: 250px;
}
.box.on {
background: #f4f4f4
}
.box .gc-con {
display: table-cell;
vertical-align: middle;
margin-top: -100px;
}
.box .gc-con .gc-show {
width: 1180px;
margin: 0 auto;
position: relative
}
.box .gc-con .gc-show .gc-l {
position: relative;
left: -100px;
width: 600px;
font-size: 16px;
}
.box .gc-con .gc-show .gc-l p.kh {
font-size: 32px;
font-weight: bold
}
.box .gc-con .gc-show .gc-l ul {
margin-top: 10px;
overflow: hidden
}
.box .gc-con .gc-show .gc-l ul li {
float: left;
margin-right: 30px;
margin-top: 10px;
}
.box .gc-con .gc-show .gc-l a.yuyue {
background: #fd461a;
height: 40px;
line-height: 40px;
color: #fff;
clear: both;
width: 130px;
border-radius: 5px;
text-align: center;
display: block;
margin-top: 20px;
clear: both
}
.box .gc-con .gc-show p {
margin-bottom: 12px;
}
.box .gc-con .gc-show .gc-l a.yi {
background: #ff0231;
height: 40px;
line-height: 40px;
color: #fff;
clear: both;
width: 130px;
border-radius: 5px;
text-align: center;
display: block;
margin-top: 20px;
}
.box .gc-con .gc-show .gc-l a.le {
background: #ff0119;
height: 40px;
line-height: 40px;
color: #fff;
clear: both;
width: 130px;
border-radius: 5px;
text-align: center;
display: block;
margin-top: 20px;
}
.box .gc-con .gc-show .gc-r {
position: relative;
top: 0;
right: -100px;
width: 500px;
margin-left: 70px;
text-align: center;
padding-top: 40px;
font-size: 14px;
overflow: hidden
}
.box .gc-con .gc-show .gc-r .gc-ms {
margin-top: 28px;
color: #666;
font-size: 16px;
line-height: 30px;
}
.box .gc-con .gc-show p.botton {
background: #ff0231;
width: 120px;
text-align: center;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
display: inline-block;
border-radius: 5px;
margin-top: 20px;
}
.box .gc-con .gc-show p.botton1 {
background: #fd461a;
width: 120px;
text-align: center;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
display: inline-block;
border-radius: 5px;
margin-top: 20px;
}
.box .gc-con .gc-show p.botton a, .box .gc-con .gc-show p.botton1 a, .box .gc-con .gc-show p.botton2 a {
color: #fff
}
.box .gc-con .gc-show p.botton2 {
background: #ff0119;
width: 120px;
text-align: center;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
display: inline-block;
border-radius: 5px;
margin-top: 20px;
}
.box .gc-con .gc-show h1 {
font-size: 36px;
font-weight: bold;
margin-bottom: 10px;
height: 60px;
line-height: 60px;
}
.pza {
width: 1180px;
margin: 0 auto
}
.pza .pz-l {
width: 600px;
}
.pza .pz-r {
width: 550px;
word-break: break-all;
overflow: hidden
}
.pza .pz-r h1 {
font-size: 24px;
margin-bottom: 15px;
}
.pza .pz-r .pz-cs {
margin-top: 30px;
}
.cs-list {
margin-bottom: 30px;
}
.cs-list .tit {
font-size: 24px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
font-weight: bold;
text-align: center
}
.cs-list .tit-sub {
font-size: 16px;
font-weight: bold;
margin-top: 15px;
}
.cs-list table tr {
border-bottom: 1px solid #ddd
}
.cs-list table {
width: 100%;
margin: 30px 0;
overflow: hidden
}
.cs-list table th {
font-size: 16px;
color: #ff3333;
width: 20%;
padding: 10px;
font-weight: normal
}
.cs-list table td {
font-size: 14px;
line-height: 30px;
padding: 10px;
}
.sever {
width: 1180px;
margin: 0 auto
}
.sever .sev-box {
margin-top: 100px;
}
.sever li {
border-left: 3px solid #999;
margin-left: 70px;
font-size: 14px;
}
.sever .sev-l {
font-size: 36px;
background: url(img/ico4.png) no-repeat center center;
width: 79px;
height: 79px;
overflow: hidden;
line-height: 79px;
text-align: center;
float: left;
position: relative;
z-index: 99;
top: -38px;
left: -38px;
}
.sever .sev-r {
float: left;
position: relative;
top: -40px;
left: -60px;
width: 980px;
}
.sever .sev-r h4 {
background: #999;
width: 300px;
color: #fff;
text-align: center;
font-size: 16px;
height: 35px;
line-height: 35px;
margin-top: 23px;
margin-left: -5px;
}
.sever .sev-r h4.bg {
background: #999;
}
.sever .sev-r .sev-xx {
margin-top: 20px;
padding: 15px;
min-height: 60px;
}
.sever .sev-r p {
margin-bottom: 15px;
}
.sever .sev-tit {
font-size: 36px;
border-bottom: 1px;
clear: both;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
text-align: center;
line-height: 36px;
}
.sever .b1 {
background: url(img/fw_02.jpg) no-repeat -25px center;
border: none;
width: 124px;
height: 124px;
left: -62px;
top: -62px;
}
.sever .b2 {
background: url(img/fw_02.jpg) no-repeat -217px center;
border: none;
width: 124px;
height: 124px;
left: -62px;
top: -62px;
}
.sever .b3 {
background: url(img/fw_02.jpg) no-repeat -426px center;
border: none;
width: 124px;
height: 124px;
left: -62px;
top: -62px;
}
.sever .b4 {
background: url(img/fw_02.jpg) no-repeat -636px center;
border: none;
width: 124px;
height: 124px;
left: -62px;
top: -62px;
}
.sever .b5 {
background: url(img/fw_02.jpg) no-repeat -857px center;
border: none;
width: 124px;
height: 124px;
left: -62px;
top: -62px;
}
.gy-banner {
background: url(img/banner.jpg) no-repeat bottom center;
height: 186px;
width: 100%;
box-shadow: 0px 2px 5px rgba(0,0,0,0.1)
}
.gy {
width: 1180px;
margin: 0 auto;
}
.gy ul {
padding-top: 50px;
background: url(img/line.jpg) repeat-y center center;
overflow: hidden
}
.gy ul li {
position: relative;
font-size: 14px;
padding-top: 90px;
}
.gy ul li .gy-sl {
margin-bottom: 20px;
overflow: hidden;
position: relative
}
.gy ul li .gy-yd {
background: url(img/ico2.png) no-repeat center center;
width: 14px;
height: 14px;
position: absolute;
left: 50%;
margin-left: -7px;
}
.gy ul li.gy-top {
text-align: center;
height: 100px;
line-height: 100px;
}
.gy ul li h4 {
font-size: 18px;
}
.gy ul li .gy-img {
width: 142px;
}
.gy ul li .gy-ms {
width: 340px;
}
.gy .gy-l {
width: 500px;
}
.gy .gy-r {
width: 500px;
}
.gy ul li .gy-list {
position: absolute;
width: 80px;
background: url(img/ico3.png) no-repeat center center;
font-weight: bold;
height: 80px;
text-align: center;
line-height: 80px;
font-size: 24px;
left: 50%;
margin-left: -44px;
top: -20px
}
.case-r {
width: 310px;
margin-top: 20px;
}
.case-r .case-t {
border: 1px solid #ddd;
background: #fff;
overflow: hidden
}
.case-r .case-tit {
font-size: 16px;
height: 40px;
line-height: 40px;
padding-left: 15px;
}
.case-r .case-t .case-xx {
padding: 0px 15px 15px;
}
.case-r .case-t .case-xx ul li {
float: left;
width: 50%;
line-height: 30px;
}
.case-r .case-t .case-xx ul li span {
font-weight: bold
}
.case-r .case-bj .bj-box {
padding: 15px;
}
.case-r .case-bj .bj-box p {
margin-bottom: 10px;
}
.case-r .case-bj .bj-box input.text {
background: #f3f3f3;
border: none;
height: 25px;
width: 200px;
display: inline-block
}
.case-r .case-bj .bj-box input.botton {
background: #e50101;
width: 200px;
color: #fff;
height: 40px;
line-height: 40px;
border: none;
}
.case-r .case-bj {
background: #fff;
border: 1px solid #ddd;
margin-top: 20px;
overflow: hidden
}
.case-r .d-news {
background: #fff;
border: 1px solid #ddd;
margin-top: 20px;
}
.case-r .d-news .d-box ul li {
padding: 0 15px;
}
.case-r .d-news .d-box ul li a {
color: #333;
line-height: 30px;
}
.case-r .d-news .d-box ul li span {
padding: 0 7px;
font-size: 14px;
color: #999;
display: inline-block;
margin-right: 10px
}
.case-r .d-news .d-box ul li span.on {
background: #F63;
color: #fff
}
.deg {
margin: 0px 0px 20px 0px;
overflow: hidden
}
.deg ul {
width: 1200px;
}
.deg ul li {
background: #fff;
float: left;
padding: 10px;
width: 200px;
margin: 20px 20px 0px 0px;
border: 1px solid #ddd
}
.deg ul li a {
display: block
}
.deg ul li .deg-top {
position: relative;
height: 200px;
overflow: hidden
}
.deg ul li .deg-top .deg-img {
position: absolute;
top: 0px;
left: 0;
}
.deg ul li .deg-top .deg-tc {
position: absolute;
width: 100%;
width: 200px;
z-index: 999;
bottom: -100px;
left: 0;
text-align: center;
}
.deg ul li .deg-top .deg-tc a {
display: inline-block;
background: #ff3333;
padding: 4px 10px;
color: #fff;
margin-left: 10px;
}
.deg ul li .deg-img img {
width: 200px;
height: 200px;
}
.deg ul li .deg-top .deg-tc a.qq {
background: #093;
}
.deg ul li .deg-name {
font-weight: bold;
font-size: 14px;
margin-top: 10px;
}
.team-show {
width: 820px;
float: left;
margin-top: 30px;
background: #fff;
border: 1px solid #ddd;
padding: 15px;
}
.team-show .deg-toux {
float: left;
line-height: 0;
width: 300px;
float: left
}
.team-show .deg-toux img {
width: 300px;
height: 300px
}
.team-show .deg-mz {
font-size: 14px;
color: #fff;
height: 30px;
line-height: 30px;
font-weight: bold;
display: inline-block;
}
.team-show .deg-mz span.zw {
background: #ff6633;
display: inline-block;
padding: 0px 12px;
}
.team-show .deg-mz span.mz {
background: #e20000;
display: inline-block;
padding: 0px 12px;
}
.team-show .deg-jj {
width: 500px;
float: right
}
.team-show .deg-jj ul {
margin-top: 12px;
}
.team-show .deg-jj ul li {
line-height: 38px;
}
.team-show .deg-jj ul li span {
font-weight: bold
}
.team-show .deg-jj ul li.sev {
margin-top: 20px;
}
.team-show .deg-jj ul li.sev a {
background: #e20000;
display: block;
float: left;
height: 35px;
line-height: 35px;
color: #fff;
padding: 0px 20px;
margin-right: 20px;
border-radius: 3px
}
.team-show .deg-jj ul li.sev a.qq {
background: #093;
}
.team-show .picScroll-left {
width: 810px;
overflow: hidden;
position: relative;
line-height: inherit;
margin-top: 20px;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.team-show .picScroll-left .hd {
overflow: hidden;
height: 30px;
background: none;
padding: 0 10px;
line-height: 30px;
}
.team-show .picScroll-left .hd .prev, .picScroll-left .hd .next {
display: block;
width: 5px;
height: 9px;
float: right;
margin-right: 5px;
margin-top: 10px;
overflow: hidden;
cursor: pointer;
background: url("images/arrow.png") no-repeat;
}
.team-show .picScroll-left .hd .next {
background-position: 0 -50px;
}
.team-show .picScroll-left .hd .prevStop {
background-position: -60px 0;
}
.team-show .picScroll-left .hd .nextStop {
background-position: -60px -50px;
}
.team-show .picScroll-left .hd ul {
float: right;
overflow: hidden;
zoom: 1;
margin-top: 10px;
zoom: 1;
}
.team-show .picScroll-left .hd ul li {
float: left;
width: 9px;
height: 9px;
overflow: hidden;
margin-right: 5px;
text-indent: -999px;
cursor: pointer;
background: url("images/icoCircle.gif") 0 -9px no-repeat;
}
.team-show .picScroll-left .hd ul li.on {
background-position: 0 0;
}
.team-show .picScroll-left .bd {
padding: 10px;
}
.team-show .picScroll-left .bd ul {
overflow: hidden;
zoom: 1;
}
.team-show .picScroll-left .bd ul li {
float: left;
margin-right: 20px;
_display: inline;
overflow: hidden;
text-align: center;
}
.team-show .picScroll-left .bd ul li .pic {
text-align: center;
}
.team-show .picScroll-left .bd ul li .pic img {
width: 250px;
height: auto;
display: block;
border: 1px solid #ddd;
}
.team-show .picScroll-left .bd ul li .pic a:hover img {
border-color: #999;
}
.team-show .picScroll-left .bd ul li .title {
line-height: 24px;
}
.left-about {
width: 200px;
float: left;
background: #f4f4f4;
border: 1px solid #ddd;
margin-top: 20px;
border-top: 2px solid #ddd;
padding-bottom: 20px;
}
.left-about dt {
font-size: 16px;
height: 45px;
line-height: 45px;
text-align: center;
border-bottom: 1px solid #ddd
}
.left-about dd {
line-height: 45px;
text-align: center
}
.left-about dd a {
display: block
}
.left-about dd a:hover {
background: #ff3333;
display: block;
color: #fff;
margin: 1px 0
}
.left-about dd a.ati {
background: #ff3333;
display: block;
color: #fff
}
.about-show {
width: 910px;
float: right;
margin-top: 20px;
border: 1px solid #ddd;
padding: 20px;
}
.about-show .adr {
font-size: 20px;
color: #999;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.about-show .adr span {
float: right;
font-size: 12px;
}
.about-show .about-box ul {
padding: 20px;
}
.about-show .about-box ul li {
overflow: hidden
}
.about-show .about-box ul li .c_intro_img {
width: 262px;
}
.about-show .about-box ul li .c_intro_text {
width: 590px;
font-size: 14px;
color: #666;
margin-top: 22px;
}
.about-show .about-box ul li .c_intro_text span {
color: #342c2a;
}
.about-show .about-box {
padding-top: 20px;
}
.news-box ul li {
border-bottom: 1px dashed #ddd
}
.news-box ul li a {
display: block;
padding: 20px 10px;
}
.news-box ul li a:hover {
background: #ff4d4d;
color: #fff
}
.news-box ul li a:hover span {
color: #fff
}
.news-box ul li a:hover .news-tit {
color: #fff
}
.news-box ul li .news-tit {
font-size: 14px;
color: #342c2a
}
.news-box ul li .news-tit span {
font-size: 12px;
color: #666;
float: right
}
.news-box ul li .new-ms span.more {
float: right
}
.news-box ul li .new-ms span.more a {
color: red
}
.new-info-tit {
font-size: 16px;
font-weight: bold;
margin-top: 20px;
}
.new-info-date {
margin-top: 10px;
border-bottom: 1px dashed #ddd;
padding-bottom: 20px;
}
.new-info-date span.fx {
float: right
}
.new-info-date em {
padding-right: 10px;
color: #999;
}
.new-info-ms {
margin-top: 20px;
}
.online {
margin: 30px 0;
background: #fff
}
.online .online-box ul li {
width: 210px;
border: 1px solid #ddd;
height: 210px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
display: table;
background: #fff
}
.online .online-box ul li a {
display: block
}
.online .online-box ul li span {
background: url(img/helpsirite.png) no-repeat;
display: inline-block;
}
.online .online-box ul li span.zn {
background-position: -252px 0;
width: 63px;
height: 63px;
}
.online .online-box ul li span.rg {
background-position: -252px -63px;
width: 63px;
height: 63px;
}
.online .online-box ul li span.cg {
background-position: -315px -0px;
width: 63px;
height: 63px;
}
.online .online-box ul li span.ql {
background-position: -252px -127px;
width: 63px;
height: 63px;
}
.online .online-box ul li span.zf {
background-position: -441px -127px;
width: 63px;
height: 63px;
}
.online .online-box ul li span.dz {
background-position: -315px -127px;
width: 63px;
height: 63px;
}
.online .online-box ul li span.mf {
background-position: -509px -128px;
width: 63px;
height: 63px;
}
.online .online-box ul li span.ly {
background-position: -378px -63px;
width: 63px;
height: 63px;
}
.online .online-box ul li span.lx {
background-position: -441px -191px;
width: 63px;
height: 63px;
}
.online .online-box ul li span.kf {
background-position: -379px -191px;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover {
color: #f15e43
}
.online .online-box ul li a:hover span.zn {
background-position: 0 0;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover span.cg {
background-position: -63px 0px;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover span.ql {
background-position: 0px -127px;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover span.zf {
background-position: -189px -127px;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover span.rg {
background-position: 0 -63px;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover span.ly {
background-position: -126px -63px;
width: 63px;
height: 63px;
}
.online ul li a:hover span.dz {
background-position: -63px -127px;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover span.lx {
background-position: -189px -191px;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover span.kf {
background-position: -126px -191px;
width: 63px;
height: 63px;
}
.online .online-box ul li a:hover span.mf {
background-position: -508px -191px;
width: 63px;
height: 63px;
}
.online .online-box ul li .ag {
display: table-cell;
vertical-align: middle;
text-align: center
}
.online .online-box ul li a {
font-size: 14px;
color: #342c2a
}
.con-list {
overflow: hidden;
height: 500px;
box-sizing: border-box
}
.con-xx {
height: 500px;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
width: 1140px;
background: #fff;
}
.con-xx .con-an {
position: absolute;
left: 0px;
top: 0
}
.online .zt {
background: #fff;
border: 1px solid #ddd;
overflow: hidden;
height: 500px;
width: 1180px;
}
.online-tit {
height: 45px;
line-height: 45px;
border-bottom: 1px solid #ddd;
font-size: 16px;
margin-bottom: 20px;
}
.online-tit span {
background: red;
padding: 3px 10px;
color: #fff;
float: right;
line-height: 22px;
display: inline-block;
margin-top: 10px;
font-size: 12px;
}
.online-tit span a {
color: #fff
}
.online-a .zt label {
width: 100px;
text-align: right;
display: inline-block
}
.online-a .zt .zt-left {
padding: 20px;
float: left;
padding-left: 100px;
margin-top: 40px;
border-right: 1px dashed #ddd;
width: 500px;
}
.online-a .zt .zt-left ul li {
line-height: 25px;
margin-bottom: 10px;
}
.online-a .zt .zt-left ul li input.text {
border: 1px solid #ddd;
height: 25px;
width: 300px;
}
.online-a .zt .zt-left ul li textarea {
border: 1px solid #ddd;
height: 60px;
width: 300px;
vertical-align: top
}
.online-a .zt .zt-left ul li select {
border: 1px solid #ddd;
width: 100px;
margin-right: 5px;
}
.online-a .zt .zt-left ul li.yf input {
height: 30px;
width: 120px;
background: #811f1c;
color: #fff;
border: none;
margin-left: 130px;
}
.online-a .zt .zt-right {
width: 400px;
float: right;
text-align: left;
margin-right: 50px;
margin-top: 40px;
padding-top: 100px;
}
.online-a .zt .zt-right h1 {
font-size: 18px;
margin-bottom: 20px;
}
.online-a .zfa {
background: #fff;
border: 1px solid #fff;
}
.online-a .zfa table {
margin: 20px;
}
.online-a #message-prost {
padding-top: 30px;
}
.online-a .map {
background: #fff;
overflow: hidden
}
.online-a #allmap {
padding: 20px;
}
.contact {
background: #fff;
border: 1px solid #fff
}
.contact .cont-show {
padding: 100px;
overflow: hidden
}
.online-a {
padding: 20px;
background: #fff;
border: 1px solid #ddd;
margin-top: 20px;
padding-top: 0px;
overflow: hidden
}
.online-a .zn {
padding: 50px 0;
overflow: hidden
}
.online-a .zn select {
width: 130px;
border: 1px solid #ddd;
height: 25px;
}
.online-a .zn input[type="text"] {
border: 1px solid #ddd;
height: 25px;
}
.online-a .zn table td {
padding: 5px;
}
.online-a .zn input[type="radio"] {
margin: 0px 5px;
}
.online-a .zn .bj {
margin-top: 15px;
}
.online-a .zn .bj input {
background: #811f1c;
height: 35px;
line-height: 35px;
color: #fff;
width: 120px;
text-align: center;
border: none;
}
.online-a .zn-a {
width: 700px;
float: left
}
.online-a .zn-b {
width: 260px;
float: left;
margin-left: 100px;
}
.online-a .zn-b h3 {
font-size: 16px;
}
.online-a .zn-b .mon {
background: #f4f4f4;
color: red;
font-size: 18px;
font-weight: bold;
height: 60px;
line-height: 60px;
width: 200px;
text-align: center;
margin: 20px 0
}
.gany ul li {
margin-top: 20px;
border-bottom: 1px dashed #ddd;
overflow: hidden;
padding-bottom: 10px;
}
.gany ul li .gany-img {
width: 140px;
float: left
}
.gany ul li .gany-ms {
width: 770px;
float: right
}
.gany ul li .kf-name {
font-size: 14px;
font-weight: bold
}
.deg-yuyue {
width: 850px;
background: #fff;
border: 1px solid #ddd;
float: left;
margin-top: 20px;
min-height: 580px;
}
.deg-yuyue .ts {
height: 100px;
line-height: 100px;
text-align: center;
background: #f4f4f4;
font-size: 14px;
}
.deg-yuyue ul {
padding: 20px;
padding-left: 100px;
}
.deg-yuyue ul li label {
display: inline-block;
width: 80px;
text-align: right;
margin-bottom: 15px;
}
.deg-yuyue ul li input[type="text"] {
height: 25px;
width: 250px;
border: 1px solid #ddd
}
.deg-yuyue ul li textarea {
border: 1px solid #ddd;
height: 60px;
width: 250px;
vertical-align: top
}
.deg-yuyue ul li input[type="submit"] {
background: #811f1c;
border: none;
height: 30px;
text-align: center;
width: 120px;
color: #fff
}
.bz {
background: #fff;
border: 1px solid #ddd;
margin-top: 20px;
padding: 20px;
overflow: hidden;
padding-right: 0
}
.bz ul li {
background: url(img/bz1.png) no-repeat;
background-size: 290px auto;
width: 190px;
height: 75px;
padding-left: 78px;
padding-right: 10px;
padding-top: 10px;
float: left;
margin-right: 8px;
}
.bz ul li.two {
background: url(img/bz2.png) no-repeat;
background-size: 298px auto;
width: 198px;
}
.bz ul li.thr {
background: url(img/bz3.png) no-repeat;
background-size: 290px auto;
}
.bz ul li.four {
background: url(img/bz4.png) no-repeat;
background-size: 290px auto;
}
.bz ul.gd {
padding-left: 70px;
}
.bz ul.gd li {
margin-right: 70px;
}
#message-prost input[type="text"] {
border: 1px solid #ddd;
height: 24px;
width: 280px;
}
#message-prost textarea {
border: 1px solid #ddd;
width: 280px;
}
/* ????????????*/
.paginator {
font: 11px Arial, Helvetica, sans-serif;
padding: 10px 20px 10px 0;
margin: 0px;
}
.paginator a {
padding: 4px 6px;
border: solid 1px #ddd;
text-decoration: none;
margin-right: 2px;
color: Gray;
font-size: 12px;
}
.paginator a:visited {
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.paginator .cpb {
padding: 1px 6px;
font-weight: bold;
font-size: 13px;
border: none;
}
.paginator a:hover {
color: #fff;
background: #333;
border-color: #dedede;
text-decoration: none;
}
.m-right {
position: fixed;
top: 350px;
right: 10px;
}
.m-right ul li {
line-height: 0
}
.m-right ul li a {
display: block
}
.list-pro .pro-tit {
font-size: 18px;
height: 50px;
line-height: 50px;
border-bottom: 1px dotted #ddd;
color: #666;
}
.list-pro ul {
width: 1200px;
}
.list-pro ul li {
float: left;
width: 290px;
margin-right: 20px;
margin-top: 20px;
}
.list-pro ul li img {
width: 290px;
}
.list-pro ul li a {
display: block
}
.list-pro ul li .tits {
font-size: 14px;
font-weight: bold;
text-align: center
}
.list-pro ul li .tits-ms a {
color: #666
}
.show-tit {
font-size: 18px;
text-align: center;
height: 50px;
line-height: 50px;
}
.pagelink{ height:26px;width:350px; line-height:26px; margin:20px auto 0 auto; padding:20px 10px;TEXT-ALIGN: center}
.pagelink li{ float:left; margin-right:3px; list-style-type:none;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink .thisclass {padding:-5px auto 3px; color:#F00;}
.pagelink .thisclass a{padding:-5px auto 3px; color:#F00;;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}