@charset "utf-8"; /* -------------------------- 间距清除 -------------------------- */ body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol, ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset, form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details, embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time, blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select { margin:0; padding:0; } ol,ul { list-style:none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; letter-spacing: 1px; } /* -------------------------- A标签 配置 -------------------------- */ a { text-decoration:none; outline:none; color: #666; } a:hover { color: #000; } img { border: 0; max-width: 100%; } a:focus { outline: none; } /* -------------------------- Body 配置 -------------------------- */ html { overflow-x:hidden; -webkit-text-size-adjust:none; } body { -webkit-font-smoothing: antialiased; font-family:"Source Han Sans CN","microsoft yahei",arial,"STXihei"; background: #fff; font-size: 14px; color: #484d67; margin-left: auto; margin-right: auto; overflow: hidden; } /* -------------------------- 表单控件设置 -------------------------- */ table { border-collapse: collapse; width: 100%; } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor: pointer; outline: none; -webkit-appearance: none; } input[type='checkbox'], input[type='radio'] { position: relative; vertical-align: middle; margin-top: -2px; margin-bottom:1px; margin-left: 5px; margin-right: 5px; -webkit-appearance: none; } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] { padding: 0px; color: #666; font-size: 12px; outline: none; font-family: "微软雅黑"; -webkit-appearance: none; } /* -------------------------- 快捷方式 -------------------------- */ .f-l { float: left; } .f-r { float: right; } .clearfix { clear: both; } .clearfix:after { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block; } /* text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; */ .niceScroll { overflow-y: scroll;} .niceScroll{ scrollbar-color: #1f2c5c rgba(0,0,0,0.2); /* 第一个方块颜色,第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar-width: thin; /* 火狐滚动条无法自定义宽度,只能通过此属性使滚动条宽度变细 */ -ms-overflow-style:none; /* 隐藏滚动条(在IE和Edge两个浏览器中很难更改样式,固采取隐藏方式) */ } /* 以下是chrome浏览器自定义滚动条样式方式 */ .niceScroll::-webkit-scrollbar {/*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .niceScroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 3px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); background: #1f2c5c; } .niceScroll::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); border-radius: 3px; background: rgba(0,0,0,0.2); } /* 分页 */ /*.page{ text-align: center; } .pagex { margin-top:60px; } .page a{ display: inline-block; margin: 0 6px; width: 50px; line-height: 50px; border:1px solid #e2e2e2; color: #999999; font-size: 18px; font-family: arial; } .page a:hover, .page a.curpage{background:#2259ac; border-color: #2259ac;color: #fff;} @media(max-width: 600px){ .pagex { margin-top:30px; } .page a{ font-size: 16px; margin: 0 3px; width: 40px; line-height: 40px;} } @media(max-width: 400px){ .page a{ font-size: 15px; margin: 0 3px; width: 32px; line-height: 32px;} } */ .page{ display: inline-block; text-align: center; } .page a{ float: left; margin: 0 4px; font-size: 16px; color: #999999; width: 50px; height: 50px; line-height: 50px; background: #ffffff; /* border-radius: 6px;*/ transition: all 0.3s; border: 1px solid #dcdcdc; } .page a.cur, .page a:hover{ color: #fff; background: #faa434; border: 1px solid #faa434; } .page a.s_fh{ font-family: 宋体; font-weight: bold; width: 70px; color: #cccccc; } .page a.fh{ color: #cccccc; font-family: 宋体; font-weight: bold; width: 50px; } .page a.prev{ font-size: 0; background: url(../images/page_img2.png) center center/cover #fff no-repeat; background-size: 7px 13px; } .page a.next{ font-size: 0; background: url(../images/page_img3.png) center center/cover #fff no-repeat; background-size: 7px 13px; } .page a.prev:hover{ font-size: 0; background: url(../images/page_img02.png) center center/cover #faa434 no-repeat; background-size: 7px 13px; } .page a.next:hover{ font-size: 0; background: url(../images/page_img03.png) center center/cover #faa434 no-repeat; background-size: 7px 13px; } /* 面包屑 */ .location { padding:0 0 20px; margin-top:-60px; text-align: right; } .location p { display: inline-block; position: relative; line-height: 39px; padding-left:26px; background: url(../images/locabg.png) no-repeat left center;} .location a,.location { font-size: 14px;color:rgba(255,255,255,0.8); } .location a.cur { color:#ffffff; } .relative { position: relative; width: 100%; height: 100%; } .fixMd { position: absolute; width: 1px; height: 1px; opacity: 0; position: absolute; left:0; top:-64px; } @media(max-width: 1680px){ .location { padding:0 0 10px; margin-top:-50px; } } @media(max-width: 1480px){ .fixMd { top:-60px; } } @media(max-width: 1024px){ .fixMd { top:-50px; } .location { padding:0 0 0px; margin-top:-40px; } } @media(max-width: 640px){ .ibanner:after { display: none;} .location { text-align: left; } .locDetail a.cur { display: none; } } .mainTit .t { font-size: 50px; color:#2a8a8e; } .mainTit .c { font-size: 16px; color:#666666; } .rightNav { position: absolute; right:0; top:50%; transform: translateY(-50%); } .rightNav a.sign { margin-right: 10px; display: inline-block; line-height: 32px; width: 180px; text-align: center; font-size: 16px;color: #666666; padding: 10px 30px; border:1px solid #dddddd; border-radius: 50px;transition: all 0.4s; } .rightNav a.sign:hover,.rightNav a.sign.cur { color: #ffffff; border:1px solid #faa434; background: #faa434;} @media(max-width: 1680px){ .mainTit .t { font-size: 42px; } } @media(max-width: 1480px){ .mainTit .t { font-size: 36px; } .rightNav a.sign { padding: 6px 20px; width: 170px; } } @media(max-width: 1280px){ .rightNav a.sign { padding: 2px 14px; width: 160px; } } @media(max-width: 1024px){ .rightNav a.sign { font-size: 14px; width: auto; padding: 2px 20px; } } @media(max-width: 640px){ .rightNav { margin-top: 10px; width: 100%; position: relative; top:0; transform: translate(0); } .rightNav .mainMore { display: none; } } .smallMore { display: inline-block; padding-right:22px; font-size: 15px;color:#faa434; background: url(../images/t_mainbgb.png) no-repeat right center; } .bottom2 { padding-top: 180px; } .sector-left2{ padding-bottom:150px; } .contact-show{ width:100%; height:auto; overflow:hidden; margin-top:10px; } .contact-show ul li{ padding-left:0px; height:20px; line-height:20px; font-size:15px; color:#666666; margin-top:15px; } .contact-show ul li.a{ background:url(../images/con-01.png) 0px center no-repeat; background:none; } .contact-show ul li.b{ background:none; background:url(../images/con-02.png) 0px center no-repeat; background:none; } .contact-show ul li.c{ background:url(../images/con-03.png) 0px center no-repeat; background:none; } .contact-show ul li.d{ background:url(../images/con-04.png) 0px center no-repeat; background: none; } .sector-title2{ margin-bottom:0px; } .sector-title-sp{ width:100%; border-bottom:solid 1px #999; font-size:18px; } .sector-title-sp ul { overflow:hidden; } .sector-title-sp ul li{ margin-left:40px; color:#333; padding-bottom:20px; float:left; line-height:normal; height:30px; line-height:30px; } .sector-title-sp ul li a{ color:#333; display:inline-block; } .sector-title-sp ul li:first-child{ margin-left:0px; } .sector-title-sp ul li.add-bottom{ height:29px; border-bottom:solid 2px #C4A876; } .sector-title-sp ul li.add-bottom a{ color:#055458; } .contact-map{ width:625px; height:390px; border:solid 1px #C9C9C9; margin-top:30px; padding:5px; background:#fff; } .yi-map{ width:100%; height:100%; } .contact-choose{ width:730px; padding-left:14px; height:50px; border:solid 1px #C9C9C9; margin-top:25px; line-height:50px; } .con-tip{ font-size:14px; color:#333333; } .contact-choose a{ color:#333333; font-size:16px; margin-left:30px; } .contact-choose a:first-child{ margin-left:0px; } .contact-choose a.add-color-show{ color:#4b848d; } .contact-address{ width:100%; height:35px; line-height:35px; background:#EEEEEE; margin-top:30px; } .address-con{ height:35px; line-height:35px; padding:0px 25px; display:inline-block; font-size:16px; color:#fff; background:url(../images/contact-span.png) no-repeat; background-size:100% 100%; -ms-behavior: url(../css/backgroundsize.min.htc); behavior: url(../css/backgroundsize.min.htc); } .gotop{ font-size:14px; margin-top:50px; float:right; padding-left:10px; background:url(../images/go-top.png) no-repeat; height:14px; line-height:14px; display:inline-block; } /************join-us*******************/ .sector-title-a{ width:100%; height:47px; } .sector-title-a a{ width:139px; height:40px; line-height:40px; border:solid 1px #C9C9C9; display:inline-block; margin-right:10px; color:#333333; font-size:16px; float:left; text-align:center; } .sector-title-a a.join-us-a{ height:47px; color:#fff; background:url(../images/show-a.png) no-repeat; border:none; } .dash-line{ width:100%; height:25px; background:url(../images/dash-line.png) right center repeat-x; margin-top:20px; } .word-show{ height:25px; line-height:25px; background:#fff; color:#00535b; font-size:18px; padding-right:10px; display:inline-block; } .content-join-us{ width:100%; height:auto; } .content-join-us img{ margin:35px 0px 35px 0px; } .content-join-us p{ font-size:14px; color:#333333; line-height:25px; margin-top:20px; text-indent:0px; } /********新增修改后的************/ .wei-box{ width:100%; height:auto; margin-top:40px; } .wei-box-01{ width:452px; height:auto; margin:0; overflow:hidden; } .wei-box-01 ul li{ width:181px; float:left; height:auto; margin-left:90px; } .wei-box-01 ul li:first-child{ margin-left:0px; } .yi-wei{ width:100%; height:20px; line-height:20px; margin-top:8px; text-align:center; font-size:18px; color:#444444; display:inline-block; } .yi-wei img{ margin-right:15px; display: none; } .yi-word{ width:100%; line-height:18px; text-align:center; display:inline-block; font-size:12px; color:#666666; margin-top:8px; } .re-content{ margin-top:30px; } .re-content p{ width:100%; font-size:14px; color:#666666; line-height:30px; text-indent:0px; } .contact-email{ padding-left:44px; background:url(../images/contact-email.png) 0px center no-repeat; font-size:16px; color:#055458; margin-top:40px; } .re-wei{ width:100%; height:auto; margin-top:50px; text-align:center; } .re-wei img{ margin:0 auto; } .re-wei .yi-wei{ margin-top:25px; } .re-wei .yi-wei img{ margin-right:15px; } .re-wei .yi-word{ margin-top:20px; } @media(max-width: 1280px){ .bottom2 { padding-top: 120px; } } @media(max-width: 1024px){ .contact-map { width: auto; height: auto; } .bottom2 { padding-top: 100px; } .contact-map img { width: 100%!important; height:auto!important;} .wei-box-01 ul li { width: 100%; margin: 15px 0 0 0; width: 200px; display: block; } .wei-box-01 { width: 100%; } }