@charset "utf-8"; /* CSS Document */ html{background:#FFF;} body{font-size:63%;/*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#fff;color: #444;font-family:"微软雅黑",'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;} html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #323232; -webkit-font-smoothing: subpixel-antialiased;} table{border-collapse:collapse;border-spacing:0;width:100%;} fieldset,img{border:0;} img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #2e2e2e;} a:hover{color: #be3030;text-decoration: none;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;} /*定义清除浮动样式 方法一*/ .clearfix:after{content:'\20';display:block;height:0;clear:both; visibility:hidden;} .clearfix{zoom:1;} /*定义清除浮动样式 方法二*/ .clear{clear:both;} .fs36{font-size: 36px;} .fs24{font-size: 24px;} .fs22{font-size: 22px;} .fs20{font-size: 20px;} .fs18{font-size: 18px;} .fs16{font-size: 16px;} .fs15{font-size: 15px;} .fs14{font-size: 14px;} .fs13{font-size: 13px;} .fs12{font-size: 12px;} @media screen and (max-width:1024px){ .fs36{font-size: 28px;} .fs24{font-size: 22px;} .fs22{font-size: 20px;} .fs20{font-size: 18px;} } @media screen and (max-width:768px){ .fs36{font-size: 24px;} .fs24{font-size: 20px;} .fs22{font-size: 18px;} .fs18{font-size: 16px;} .fs16{font-size: 15px;} .fs14,.fs15{font-size: 13px;} } @media screen and (max-width:414px){ .fs36{font-size: 20px;} .fs24{font-size: 18px;} .fs22,.fs20{font-size: 16px;} .fs18{font-size: 15px;} .fs16{font-size: 14px;} .fs14,.fs13,.fs15{font-size: 12px;} } .ul-inline{font-size: 0;} .ul-inline li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;} .ul-inline li a{display: block;} .title{display: block;overflow: hidden;text-overflow: ellipsis;} .info{display: block;overflow: hidden;} .img{display: block;overflow: hidden;width: 100%;height: 0;} .imgCentered{display: block;overflow: hidden;width: 100%;height: 0;position: relative;} .img img{width: 100%;display: block;} .imgCentered img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;} .img img:hover{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;} .time{font-family: 'Arial';} .clear{clear:both;} .rightDate{float: right;} /*float */ .fl{float:left;} .fr{float:right;} .ct{ margin:0 auto;} ul,ol,li{list-style:none outside none;} .tc{text-align:center !important;} .tl{text-align:left !important;} .tr{text-align:right !important;} .fwn{font-weight:normal;} .fwb{font-weight:bold;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';content:none;} input,textarea,select{font-weight:inherit;} input,select,textarea,button {vertical-align:middle} .pa{position:absolute;} .pr{position:relative;} .inblock{display:inline-block;*zoom:1;*display:inline;} .disnone{display:none;} .block{ display:block;} .hidden{ overflow:hidden !important;} .none{ display:none;} .textoverflow{ white-space:nowrap; overflow:hidden;text-overflow: ellipsis;} .underline:hover{text-decoration:underline;} .mtc{margin:0 auto;} .number{ font-family:Arial;} .fw600{font-weight: 600;} .hand{cursor: pointer;} .distable{display: table;} .distr{display:table-row;} .distd{display:table-cell;} .mr35px{margin-right: 35px;} .ml35px{margin-left: 35px;} .mr10px{margin-right:10px;} .ml10px{margin-left:10px;} .mt20px{margin-top:20px;} .topicInfo li{transtion:all 1s ease 0s} /*头部样式*/ .wraq_header{ width:100%;position: relative;z-index: 900} .header{ max-width:1550px; min-width: 320px; height:240px; margin:0 auto;z-index:600;background:url(../../images/szgb20200622/headerBgIE.png) center center no-repeat;background-size:cover;position: relative;} /* .header::before{content: '';width: 587px;height: 100%;background:url(../../images/szgb20200622/headerBgl.png) left center no-repeat;background-size: auto 100%;position: absolute;left: 0;top: 0;} .header::after{content: '';width: 536px;height: 100%;background:url(../../images/szgb20200622/headerBgr.png) right center no-repeat;background-size: auto 100%;position: absolute;right: 0;top: 0;} */ .logo{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 662px;height: 82px;*left: 50%;*top: 50%;*margin:-41px 0 0 -331px;} .logo_01{/* width:600px; *//* display: inline-block; */} #btn_ser{display:none;} .btn_ser{ display: inline-block; width:34px; height: 31px;cursor: pointer;} .btn_ser img{ vertical-align: middle;} .ser{width:;height:30px;line-height:30px;float:right;padding: 11px 20px 0 0;} .search{width:200px;height: 30px;position:relative;overflow: hidden;margin-top:10px;} .search input{position:absolute;width:200px;height: 28px;line-height: 28px;font-size: 12px;color:#fff;border: 1px solid #be3030;border-right: 0;background: #fff;border-radius: 15px 0 0 15px;left:0px;top:0px;padding-left:0px;} .search input.notxt{color: #bababa;width:162px;padding: 0 0 0 12px;}.search input.notxt1 {position: absolute;width: 35px;height: 30px;top: 0;left: auto;right: 0;border: none;background:url(../../images/szgb20200622/ser.png) center center no-repeat #dc9797;cursor:pointer;overflow: hidden;border-radius: 0 16px 15px 0;} .snav{display:block;} .mbtn{display:block;} .links{position:absolute;right:10px;top:0;z-index:1005;margin-top:43px;} .links li{float:right;height:30px;} .links a.btn_ser{padding:0 2px;height:30px;} .search{margin-top:0;} #btn_ser{display:block;} .navBox{background: #be3030;} /*导航*/ .nav{width:100%; height:52px; line-height: 52px; z-index:2;max-width: 1200px;margin: 0 auto;} .nav ul{height:52px;float: left;} .nav ul li{float:left;height:52px;line-height:52px;padding: 0 30px;text-align:center;position:relative;} .nav ul li a{color: #fff;font-size: 18px;display:block;font-weight: bold;} .nav ul li .subNav{ position:absolute; left:50%;top:100%; display:none;background:#be3030;overflow:hidden;width:160px;margin-left:-80px;} .nav ul li .local{left:-86px;} .nav ul li.on{background-color:#fff;} .nav ul li.on a{color:#be3030;} .nav ul li.on .subNav { display:block;} .nav ul li .subNav dl{overflow:hidden;padding:5px 0;} .nav ul li .subNav dl dd{height:auto;line-height:18px;padding:8px 5px 8px 10px;text-align:left;} .nav ul li .subNav dl dd a{ font-size:1.5em;line-height:18px; text-align:center; font-weight:normal; color:#fff;} .nav ul li .subNav dl dd:hover{ background-color:#9e2020;font-weight:bold;} .nav ul li .pos_left{left:-72px;} /*手机端导航*/ .snav{display: none;height: 30px;background-color: #be3030;left:0px;top:0;z-index: 1002;width:100%;} .mbtn{display: none;height: 30px; left:10px; top:0;z-index: 1002;width:40px;cursor:pointer;} .navm{width:100%;line-height: 30px;background-color: #be3030;overflow: hidden;text-align: left;display: none;top:30px;left:0;} .navm ul{padding:0 0 10px;} .navm li{border-bottom: 1px solid #bf5c5c;position:relative;} .navm li a{ font-size: 1.4em; line-height:18px; padding:10px 0px; color:#fff; padding-left:13px; font-family:Georgia, Arial, Helvetica, sans-serif; display:block;} .navm li a:hover{color:#fff;} .navm li.sub_has span{ margin-left: 10px;} .navm li.on a{ color:#fff; display:block; width:100%;} .navm li strong{display:block;width:30px;height:38px;line-height:38px;text-align:center;background:url(../../images/szgb20200622/white-right-arrow.png) no-repeat center center;position:absolute;right:0;top:0;} .navm li.on strong{background:url(../../images/szgb20200622/white-down-arrow.png) no-repeat center center;} .navm dl{ display: none; background-color:#fff;color:#be3030} .navm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom:1px solid #e5e5e5;} .navm li.on dl dd a{ font-size: 14px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;} .navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline; display:block; border:none; padding:0px;} .navm li dl dd a:hover{ color:#be3030;} /*直通车*/ .car{width:346px;float:left;overflow:hidden;} .mode02 .title01 h2{background:url(../../images/szgb20200622/icon.png) no-repeat;background-position:0 -68px;background-color:#f1f1f1;width:112px;} .mode02 .topic .title01 h2{background:url(../../images/szgb20200622/icon.png) no-repeat;background-position:0 -100px;background-color:#f1f1f1;width:112px;} .mode02 .title01 .more01{background-color:#f1f1f1;} .carInfo{width:100%;overflow:hidden;} .carInfo li{width:33%;border-right:1px solid #fff;float:left;height:117px;font-size:1.6em;text-align:center;line-height:185px;} .carInfo li.message:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transition: all 1s ease 0s;} .carInfo li a{color:#fff;display:block;} .message{background:url(../../images/szgb20200622/message01.png) no-repeat center 20px;background-color:#4ba509;transition: all 1s ease 0s;} .talk{background:url(../../images/szgb20200622/talk01.png) no-repeat center 20px;background-color:#00988d;} .carInfo li.bbs{background:url(../../images/szgb20200622/bbs01.png) no-repeat center 20px;background-color:#eea200;border-right:0;} .carInfo li:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transition: all 1s ease 0s;} .link001{padding:5px 14px;background-color:#fff;margin-top:15px;font-size:1.4em;height:90px;} .link001 div{width:49%;text-indent:2.8em;float:left} .link001 div:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; transition: all 1s ease 0s;} .link001 div a {padding-left:9px;color:#b81a35;} .tengxun{border:1px dashed #b4b4b4;border-top:none;border-left:none;height:46px;line-height:46px;background:url(../../images/szgb20200622/icon.png) no-repeat;background-position:-284px -174px;} .sina{border-bottom:1px dashed #b4b4b4;height:46px;line-height:46px;background:url(../../images/szgb20200622/icon.png) no-repeat;text-indent:2.8em;background-position:4px -245px} .weixin{border-right:1px dashed #b4b4b4;height:46px;line-height:46px;background:url(../../images/szgb20200622/icon.png) no-repeat;background-position:2px -245px;} .mobile{height:46px;line-height:46px;background:url(../../images/szgb20200622/icon.png) no-repeat;background-position:-275px -243px;} /*标题*/ .title01{background:url(../../images/szgb20200622/title_bg.png) repeat-x;height:36px;margin:12px 0;} .title01 h2{font-size:19px;width:97px;height:36px;line-height:36px;padding-left:43px;color:#444;font-weight:normal;background:url(../../images/szgb20200622/icon.png) no-repeat;background-position:0 3px;background-color:#fff;} .fooer_wrap{width:100%;background:#f7f1eb;border-top: 5px solid #be3030;} .footer{max-width:1200px;margin:0 auto;text-align: center;} .copyRight{display: inline-block;*display: inline;*zoom:1;padding: 57px 126px 60px;position:relative;text-align:center;color:#666;line-height: 30px;font-size:14px;background:url(../../images/szgb20200622/footerLf.png) left center no-repeat,url(../../images/szgb20200622/footerRt.png) right center no-repeat;} .copyRight a{color: #666;padding: 0 24px;} @media screen and (max-width:1366px) { .footer { height: auto; } .footer_logo { float: none; padding: 25px 0 20px 0; margin: 0 auto; } .copy { float: none; margin: 0 auto; text-align: center; padding: 0 0 20px 0; } } @media screen and (max-width:1200px) { .nav ul li{padding:0 14px;} } @media screen and (max-width:1024px){ .header{height: auto;} .logo{position: static;width: 60%;height: auto;padding: 4% 0;} .logo_01{display: block;} } @media screen and (max-width:992px) { .nav{display:none;} .snav{display:block;} .mbtn{display:block;} .links{display:none;} .logo{/* max-width:400px; *//* margin:0px auto; *//* padding-top:32px; *//* float:none; */height: auto;} .logo_01{/* width: 400px; *//* display: block; */margin: 0 auto;} .logo_02{width: 250px;display: inline-block;} .phoneSearch{display: block;position: static;margin:5px auto 15px;} .phoneSearch .search{margin:0 auto;} } @media screen and (max-width:800px) { .links li{float:right;height:25px;} .links a.btn_ser{padding:0 2px;height:25px;} #btn_ser{display:block;} .friendLink h2 a{ font-size:1.6em;} .friendLink ul li a{ font-size:1.4em;} .footer{ margin:auto 15px;} .copyRight{margin: 0 auto;padding: 20px;background: none;} } @media screen and (max-width:640px) { .newsLf{ float:none !important; margin:0 auto;} .newsRt{ float:none !important; width:auto !important; } .friendLink{float: none;padding: 20px;margin: 0 auto;} } @media screen and (max-width:600px) { .slide_tabs{display:none;} .erweima{ position:static; margin:0 auto;} } @media screen and (max-width:480px) { .logo{/* width:300px; *//* height: auto; *//* padding-top: 42px; *//* text-align: center; */} .logo_01{/* width: 230px; */} .logo_02{width: 180px;} .header{/* height: 90px; */} }