@charset "utf-8"; /* by Sean Lu 20160126 */ /*reset*/ body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; } article,aside,footer,header,hgroup,nav,section,audio,canvas,video,img { display: block; } body { font-size: 100%; font-family: microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background: #fff; overflow-x: hidden; } textarea { resize: none; } iframe,img { border:0; } ul,ol { list-style:none; } input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; } input { -webkit-appearance: none; } a{ text-decoration: none; } /* 清理浮动 */ .clearfix { clear: both; zoom: 1; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fl { float: left; } .fr { float: right; } /* 圆细滚动条样式 20150717 */ ::-webkit-scrollbar{width:6px;height:12px} ::-webkit-scrollbar-button:vertical{display:none;} ::-webkit-scrollbar-track:vertical{background-color:black} ::-webkit-scrollbar-track-piece{background:#FFF} ::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px} ::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B} ::-webkit-scrollbar-corner:vertical{background-color:#535353} ::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} .wrapper { width: 1120px; margin: 0 auto; } .bannerslide { height: 550px; width: 100%; position: relative; } .bannerslide .swiper-slide { background-position: center; background-size: cover; } .inpage { background: #f1f1f1; } .inpage .bannerslide { height: 380px; } .inbanner { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .inwrapper { background: #fff; border: 1px solid #dedede; box-shadow: 0 15px 30px rgba(0,0,0,0.1); padding: 20px 20px; margin-bottom: 50px; } .side { width: 270px; float: right; position: relative; z-index: 1; } .side .sideprolist { } .sideprolist { margin-bottom: 10px; } .sideprolist .tit { height: 30px; color: #005bac; font-size: 20px; line-height: 30px; text-align: center; background: none; padding-left: 10px; padding-top: 6px; } .sideprolist .tit h3 { font-size: 20px; font-weight: normal; padding: 0 0 0 0; float: left; } .sideprolist .tit p { padding: 0 0 0 0; float: left; margin-left: 10px; color: #999; font-size: 18px; text-transform: capitalize; } .sidebox { margin-bottom: 10px; } .sidebox .tit { height: 30px; color: #005bac; font-size: 20px; line-height: 30px; text-align: center; background: none; padding-left: 10px; padding-top: 6px; } .sidebox .tit h3 { font-size: 20px; font-weight: normal; padding: 0 0 0 0; float: left; } .sidebox .tit p { padding: 0 0 0 0; float: left; margin-left: 10px; color: #999; font-size: 18px; text-transform: capitalize; } .sidebox .con { padding: 10px; } .sidebox .con p { font-size: 12px; color: #333; } .phlist { } .phlist li { line-height: 18px; height: 20px; overflow: hidden; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #dedede; } .phlist li .icon { display: block; width: 16px; height: 16px; float: left; margin-right: 5px; background: #999 url(../img/icons.png) no-repeat -1239px -88px; margin-top: 2px; } .phlist li .icon01 { background-color: #005197; background-position: -1239px -88px; } .phlist li .icon02 { background-color: #0068c2; background-position: -1239px -151px; } .phlist li .icon03 { background-color: #017be5; background-position: -1239px -215px; } .phlist li .icon04 { background-position: -1239px -279px; } .phlist li .icon05 { background-position: -1239px -343px; } .phlist li .icon06 { background-position: -1239px -407px; } .phlist li .icon07 { background-position: -1239px -471px; } .phlist li .icon08 { background-position: -1239px -535px; } .phlist li .icon09 { background-position: -1239px -599px; } .phlist li a { color: #366c8b; font-size: 12px; } .phlist li a:visited { color: #888; } .phlist li a:hover { color: #005bac; } .sidead { padding: 10px; margin-bottom: 20px; } .adbtn { display: block; color: #333; border: 1px solid #dedede; padding: 10px 20px 10px 30%; text-align: center; background-repeat: no-repeat; background-position: center center; } .adbtn:hover { border-color: #005bac; } .adbtn .cn { display: block; font-size: 18px; color: #005bac; } .adbtn .en { display: block; color: #999; } .admessage { background-image: url(../img/admessage.jpg); } .sidewechat { margin-bottom: 20px; padding: 10px; background: url(../img/qrcodebg.png) no-repeat center 140px; } .sidewechat .img { width: 100%; margin-bottom: 20px; } .sidewechat .img img { width: 60%; display: block; margin: 0 auto; } .sidewechat .txt { text-align: center; } .sidewechat .txt h5 { font-size: 14px; line-height: 24px; } .sidewechat .txt p { font-size: 12px; color: #999; } .sideprolist .con { } .sideprolist .con ul { padding: 12px 10px; line-height: 40px; } .sideprolist .con ul li { line-height: 32px; height: 34px; overflow: hidden; margin-bottom: 5px; background: #fff url(../img/leftbg.jpg) repeat-x center bottom; font-size: 14px; position: relative; z-index: 1; } .sideprolist .con ul li.class02 { line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; padding-left: 40px; background: #f1f1f1 url(../img/arrowright3.png) no-repeat 24px center; position: relative; z-index: 0; box-shadow: 1px 1px 0 #dedede; } .sideprolist .con ul li a { display: block; padding: 0 0; padding-left: 20px; background: url(../img/arrowright3.png) no-repeat 95% center; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; color: #333; border: 1px solid #ddd; } .sideprolist .con ul li.class02 a { display: inline; padding-left: 0; background: none; color: #005bac; border: 0; } .sideprolist .con ul li a:hover, .sideprolist .con ul li.on a { color: #fff; text-decoration: none; background-color: #0567be; border-color: #0567be; background-image: url(../img/arrowright2.png); } .sideprolist .con ul li.class02 a:hover, .sideprolist .con ul li.class02.on a { color: #f60; text-decoration: none; background-color: transparent; border-color: 0; background-image: none; } .sideprolist .con ul li.class02 a:hover { text-decoration: underline; } .sideprolist .con ul li.class02.on { background-color: #999; background-image: url(../img/arrowright2.png); } .sideprolist .con ul li.class02.on a { color: #fff; } .sideprolist .con .gengduo { line-height: 30px; height: 30px; background: #a6a6a6; color: #fff; padding-right: 10px; display: block; text-align: right; } .main { width: 820px; float: left; } .main .tit { height: 42px; line-height: 42px; border-bottom: 2px solid #dedede; padding: 0 0 0 0; font-family: microsoft yahei; margin-right: 20px; } .main .tit h3 { font-size: 20px; font-weight: bold; float: left; border-bottom-width: 2px; border-bottom-style: solid; font-weight: normal; padding: 0 30px 0 30px; font-family: microsoft yahei; position: relative; } .main .tit h3 em { position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #005bac; } .main .tit .now { float: right; color: #999; font-family: simsun; font-size: 12px; } .main .tit .now a { color: #999; font-size: 12px; } .main .con { padding: 0 20px 20px 0; font-size: 14px; line-height: 24px; color: #333; font-family: microsoft yahei; margin-top: 20px; } .main .con p { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; } .main .con h3 { font-size: 18px; font-weight: normal; color: #005bac; margin-bottom: 20px; padding-left: 10px; border-left: 2px solid #005bac; margin-top: 40px; } .main .con img { display: inline; } .main .con a { color: #666; } .main .con a:hover { color: #f60; } .orderonline { background: #f1f1f1; padding: 20px 10px 10px; } .orderonline .item { clear: both; zoom: 1; line-height: 26px; margin-bottom: 10px; } .orderonline .item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .orderonline .item label { width: 120px; text-align: right; font-size: 14px; color: #333; float: left; padding: 0 10px; } .orderonline .item .txt { margin-left: 140px; } .orderonline .item .input { padding: 0 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; width: 60%; } .orderonline .item .input:focus { border-color: #005bac; } .orderonline .item .messagetarea { width: 80%; margin-bottom: 0; background: #fff; } .orderonline .item .messagetarea:focus { box-shadow: none; } .orderonline .item .messagebtn { margin-bottom: 0; font-size: 12px; line-height: 32px; height: 32px; width: 30%; } .mainmorebox { border-top: 1px solid #dedede; margin-top: 15px; } .mainmorebox .bname { font-size: 20px; height: 30px; line-height: 30px; margin: 10px 0; } .mainmorebox .bname .cn { float: left; color: #005bac; } .mainmorebox .bname .en { float: left; color: #999; font-size: 18px; margin-left: 5px;text-transform: capitalize; } .mainmorebox .share { margin-top: 4px; } .moreproductlist { } .moreproductlist li { width: 25%; float: left; } .main .con .moreproductlist li a { display: block; width: 90%; margin: 0 auto; border: 1px solid #dedede; overflow: hidden; } .main .con .moreproductlist li a:hover { border-color: #005bac; color: #005bac; } .moreproductlist li .img { padding: 2px; } .moreproductlist li .img img { width: 100%; display: block; } .moreproductlist li .name { font-size: 12px; padding: 0 10px; line-height: 24px; height: 24px; overflow: hidden; text-align: center; margin-bottom: 4px; } .morenewslist { margin-top: 10px; } .morenewslist li { padding-left: 1%; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; background: url(../img/dot.jpg) no-repeat 0 center; width: 49%; float: left; } .morenewslist li .time { font-size: 12px; font-family: arial; color: #999; margin-left: 10px; } .morenewslist li a { font-size: 14px; } .morenewslist li a:hover { text-decoration: underline; } .head { height: 100px; background: #fff; position: relative; width: 100%; z-index: 1; border-top-width: 0; border-top-style: solid; z-index: 9; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; margin:0 0 8px 0; } /* .head.shuai { height: 70px; background: rgba(255,255,255,.96); } */ .headkuai { height: 0; } .head .shadow { height: 32px; background: url(../img/shadow.png) no-repeat center top; width: 100%; position: absolute; bottom: -32px; left: 0; } .head .header { height: 70px; float: left; padding: 15px 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } /* .head.shuai .header { padding: 0 0; } */ .head .header .logo { float: left; display: block; margin-right: 10px; -webkit-transition: all .2s ease-in; } .head .header .logo img { display: block; height: 70px; -webkit-transition: all .2s .2s ease-in; transition: all .2s .2s ease-in; } .head .header .text { float: left; text-align: left; font-size: 14px; color: #1d1d1d; padding-top: 15px; padding-right: 15px; -webkit-transition: all .2s ease-in; } .head .header .text span { display: block; font-size: 16px; } .toplinks { background: #f6f6f6; border-top: 0 solid #005bac; border-bottom: 1px solid #dedede; height: 30px; line-height: 30px; overflow: hidden; } .toplinks .tip { float: left; font-size: 12px; color: #666; } .toplinks .links { float: right; font-size: 12px; color: #666; } .toplinks .split { float: left; width: 20px; background: url(../img/split.jpg) no-repeat center center; height: 30px; } .toplinks .ltel { float: left; } .toplinks .ltel strong { font-size: 13px; font-family: Verdana, arial; color: #005bac; } .toplinks .lsea { float: left; background: #005bac; padding: 0 10px; margin-left: 10px; } .toplinks .lshc { float: left; background: #f60; padding: 0 10px; color: #fff; } .lseabox { width: 50px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border:0px; background:transparent; font-family: microsoft yahei; color: #fff; font-size:12px; line-height: 19px; cursor: pointer; } .lseabox:focus { width: 130px; cursor: text; } #scrollBar { display:none; z-index: 9999; } #scrollBar a { background: #005bac url(../img/gotop.png) no-repeat center 8px; color: #fff; width: 57px; height: 22px; padding-top: 35px; display: block; overflow: hidden; cursor: pointer; opacity: .8; filter: alpha(opacity=80); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; font-size: 12px; text-align: center; } #scrollBar a:hover { opacity: 1; filter: alpha(opacity=100); } .sidefootlogo { font-size: 14px; } .nav { height: 49px; line-height: 60px; overflow: hidden; font-size: 40px; padding: 15px 0;} .navlist { float: left; padding: 25px 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } /* .head.shuai .navlist { padding: 10px 0; } */ .navlist li { float: left; } .navlist li a { display: block; line-height: 20px; border-bottom: 0 solid transparent; padding: 14px 20px 9px; font-size: 16px; color: #787878; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .navlist li.on a { color: #005bac; } .navbtn { background: #005bac url(../img/btn-menu03.png) no-repeat left center; height: 49px; display: block; float: left; line-height: 49px; font-size: 18px; color: #fff; padding-left: 50px; padding-right: 20px; display: none; margin-top: 25px; margin-right: 30px; border-radius: 10px; } .mm-pagedim-black #mm-blocker { opacity: 0; } .mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; } .searchbox { float: right; background: #fff; border: 1px solid #eeebe8; border-radius: 15px; height: 30px; margin-top: 8px; position: relative; } .searchbox .keywords { float: left; background: none; border: 0; line-height: 30px; padding: 0 20px; } .searchbox .seabtn { float: left; display: block; background: url(../img/searchbtn.png) no-repeat center center; border: 0; width: 40px; height: 30px; text-indent: -9999px; cursor: pointer; } .headblock { margin-top: 650px; } .commontitle { font-size: 20px; text-align: center; position: relative; line-height: 28px; font-weight: bold; } .commontitle i { color: #787878; font-style: normal; } .commontitle em { display: block; width:120px; height: 1px; background: #d4c6ce; margin: 5px auto 0; } .commontitle span { line-height: 18px; display: block; font-size: 12px; text-transform: uppercase; color: #999; font-weight: normal; } .homebox01{ background: #f1f1f1; padding: 30px 0; } .homeabout { margin: 10px 0 0; } .homeabout li { float: left; text-align: center; width: 33.333333333333333%; } .homeabout li .img { width: 240px; height: 240px; padding: 15.5px; background-size: cover; margin: 0 auto; } .homeabout.wraposicon li .img { padding: 0; overflow: hidden; transition: all .45s cubic-bezier(.215,.61,.355,1); -webkit-transition: all .45s cubic-bezier(.215,.61,.355,1); margin-bottom: 20px; } .homeabouthei li .img { width: 94%; height: auto; } .homeabout.wraposicon li a:hover .img { height: 190px; } .homeabout li .img img { width: 100%; display: block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .homeabout li a:hover .img img { -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .homeabouthei li a:hover .img img { box-shadow: 0 6px 10px 5px rgba(0,0,0,.08); } .homeabout.wraposicon li a:hover .img img { -webkit-transform: scale(1,1); transform: scale(1,1); margin-top: -40px; } .homeabout li .name { font-size: 16px; color: #333; line-height: 20px; margin-top: 10px; text-align: center; } .homeabout li .txt { font-size: 13px; color: #999; line-height: 20px; margin-top: 10px; padding: 0 50px; } .homebox02 { background: #fff; background-size: cover; padding: 30px 0; } .homebox03 { background: #f1f1f1; background-size: cover; padding: 30px 0; } .homebox05 { background: #fff; background-size: cover; padding: 30px 0; } .homebox04 { background: url(../img/homemap.jpg) no-repeat center center; background-size: cover; padding: 30px 0; background-attachment: fixed; text-align: center; } .homebox04lv { text-align: left; background: #f1f1f1; } .homebox04 .commontitle i, .homebox04 .commontitle span { color: #fff; } .homebox04 .wrapper { width: 720px; } .homebox04 .wrapper p { font-size: 14px; line-height: 30px; color: #fff; margin-top: 20px; } .homebox04lv .wrapper p { margin-top: 0; color: #787878; } .homebox04 .wrapper .img { float: right; margin: 80px 120px 20px 0; } .homebox04lv .commontitle i, .homebox04 .commontitle span { color: #787878; } .fconlv { width: 48%; float: left; font-size: 13px; color: #787878; line-height: 24px; } .homebox04sp01 { background: #1f1f23; text-align: left; padding: 60px 0; } .homebox04sp01 .txt { margin-top: 20px; float: left; font-size: 13px; line-height: 24px; color: #717171; } .homebox04sp01 .txt h3 { font-size: 16px; font-weight: normal; line-height: 24px; margin-bottom: 16px; color: #fff; } .homebox04sp01 .txt p { font-size: 13px; line-height: 24px; color: #717171; } .homebox04sp01 .txt .sns { height: 30px; margin-top: 20px; } .homebox04sp01 .txt .sns a { display: block; width: 30px; height: 30px; float: left; margin-right: 10px; background-color: #2e2f2f; border-radius: 50%; background-repeat: no-repeat; background-position: center center; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .homebox04sp01 .txt .sns a:hover { background-color: #5c5c5c; } .homebox04sp01 .txt .sns a.ico-weibo { background-image: url(../img/iconfont-weibo.png); } .homebox04sp01 .txt .sns a.ico-wechat { background-image: url(../img/iconfont-weixin.png); } .homebox04sp01 .wrapper { width: 940px; } .homebox04sp01 .hmess { float: right; } .homebox04sp01 .hmess p { border-bottom: 1px solid rgba(255,255,255,.2); padding-top: 5px; margin-top: 0; } .homebox04sp01 .hmess p .inputtxt { width: 320px; height: 20px; line-height: 20px; padding: 10px 20px; color: #bcbcbc; margin-bottom: 5px; border: 0; background: transparent; font-family: microsoft yahei; outline: 0; font-size: 14px; } .homebox04sp01 .hmess p textarea.inputtxt { height: 100px; resize: none; overflow: hidden; } .homebox04sp01 .hmess p .inputsub { width: 100%; height: 36px; line-height: 36px; color: #fff; margin-top: 10px; border: 0; font-family: microsoft yahei; outline: 0; font-size: 14px; text-align: center; cursor: pointer; } .homebox04sp01 .hmess p .inputsub:hover { opacity: .8; filter: alpha(opacity=80); } .homeabout00 { font-size: 14px; line-height: 24px; margin: 20px 0; color: #888; } .homeabout00 .img { float: left; margin-right: 20px; width: 30%; } .homeabout00 .img img { display: block; width: 100%; } .homeabout00 p { margin-bottom: 20px; } .homenewslist { } .homenewslist li { margin: 20px 0; } .homenewslist li .time { float: left; } .homenewslist li .time .day { font-size: 22px; color: #676767; } .homenewslist li .time .year { font-size: 12px; color: #888; text-transform: uppercase; } .homenewslist li .con { margin-left: 10%; padding-right: 10%; background: url(../img/arrowright.png) no-repeat right center; } .homenewslist li .con .name { display: block; font-size: 16px; color: #366c8b; line-height: 26px; margin-bottom: 4px; } .homenewslist li .con .name:hover { text-decoration: underline; } .homenewslist li .con .txt { display: block; font-size: 12px; color: #787878; line-height: 20px; height: 40px; overflow: hidden; } .homenewslist02 { margin-top: 10px; } .homenewslist02 li { border-bottom: 1px solid #dedede; padding: 20px 0; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; } .homenewslist02 li.on { } .homenewslist02 li .hnl02content { width: 1120px; margin: 0 auto; position: relative; } .homenewslist02 li .hnl02content i { display: block; width: 14px; height: 24px; background: url(../img/arrowrightbai.png) no-repeat center center; position: absolute; top: 50%; margin-top: -12px; right: 10px; opacity: 0; filter: alpha(opacity=0;); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; } .homenewslist02 li.on .hnl02content i { right: 0; opacity: 1; filter: alpha(opacity=100;) } .homenewslist02 li .hnla { height: 90px; display: block; padding-left: 16%; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); } .homenewslist02 li.on .hnla { -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } .homenewslist02 li .time { float: left; text-align: right; font-family: Arial; padding-top: 10px; } .homenewslist02 li .time .day { font-size: 60px; line-height: 50px; } .homenewslist02 li .time .year { color: #bdbdbd; font-size: 16px; } .homenewslist02 li .con { margin: 0 150px 0 200px; } .homenewslist02 li .con .name { color: #333; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; } .homenewslist02 li .con .txt { color: #999; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px; } .homenewslist02 li.on .time .day, .homenewslist02 li.on .time .year, .homenewslist02 li.on .con .name, .homenewslist02 li.on .con .txt { color: #fff; } .casehomebox02b { position: relative; margin: 20px 0 0; } .casehomebox02 { height: 340px; } .casehomebox02 .swiper-slide { } .casehomebox02 .swiper-slide a { display: block; background: #fff; margin: 10px; padding: 10px 10px 20px; color: #666; font-size: 12px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border: 1px solid #fff; text-align: center; } .casehomebox02 .swiper-slide a .img { width: 100%; margin: 10px 0; } .casehomebox02 .swiper-slide a .img img { width: 100%; display: block; } .casehomebox02 .swiper-slide a .tit { font-size: 16px; height: 20px; overflow: hidden; line-height: 20px; } .casehomebox02 .swiper-slide a .txt { line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 6px; color: #787878; } .casehomebox02 .swiper-slide a .more { color: #366c8b; text-decoration: none; background: url(../img/dot.gif) no-repeat left center; padding-left: 10px; } .casehomebox02 .swiper-slide a:hover .more { text-decoration: underline; } .casehomebox02b .swiper-button-next { right: -40px; } .casehomebox02b .swiper-button-prev { left: -40px; } .casehomebox02b .arrow-left { background: url(../img/arrows_left.png) no-repeat center center; position: absolute; left: -40px; top: 50%; margin-top: -15px; width: 22px; height: 36px; } .casehomebox02b .arrow-right { background: url(../img/arrows_right.png) no-repeat center center; position: absolute; right: -40px; top: 50%; margin-top: -15px; width: 22px; height: 36px; } .casehomebox02b.casehomebox4k .swiper-slide a { padding: 0; border: 0; text-align: left; } .casehomebox02b.casehomebox4k .swiper-slide a .tit { text-align: left; color: #333; margin-bottom: 10px; } .casehomebox02b.casehomebox4k .swiper-slide a .txt { text-align: left; } .casehomebox02b.casehomebox4k .swiper-slide a .more { display: block; width: 90px; text-align: center; color: #fff; background: #005bac; line-height: 30px; text-decoration: none; padding-left: 0; opacity: .9; filter: alpha(opacity=90); } .casehomebox02b.casehomebox4k .swiper-slide a:hover .more { opacity: 1; filter: alpha(opacity=100); } .footer { text-align: center; color: #fff; font-size: 12px; line-height: 20px; padding: 19px 10px; } .footer img{ display:inline;} .footer a{text-decoration: none; color:#fff} .aboutimg { padding: 8px; width: 400px; height: 300px; overflow: hidden; float: left; background: #fff; border-radius: 10px; } .aboutright { margin: 20px 0 20px 430px; height: 300px; } .aboutbox { background: #fff; padding: 8px 15px; margin-bottom: 20px; border-radius: 10px; } .aboutbox .tit { border-bottom: 1px solid #dcdcdc; height: 38px; line-height: 30px; margin-top: 6px; } .aboutbox .tit h1 { float: left; font-size: 20px; color: #9b4896; font-weight: normal; border-bottom: 1px solid #9b4896; background: url(../img/aboutboxtit.png) no-repeat left center; padding: 4px 5px 4px 20px; } .aboutbox .con { font-size: 13px; line-height: 25px; color: #555; padding: 20px 0; } .aboutbox .con.aboutbg { padding-right: 40%; background: url(../img/aboutboxbg.jpg) no-repeat right center; height: 210px; } .aboutbox .con p { margin-bottom: 10px; } .aboutlist { margin-bottom: 20px; } .aboutlist li { float: left; width: 25%; text-align: center; } .aboutlist li a { display: block; margin: 0 auto; background: #c3bfa8; border-radius: 50%; width: 230px; height: 230px; overflow: hidden; color: #fff; font-size: 24px; } .aboutlist li:nth-child(1) a { background: #c3aec2; } .aboutlist li a .img { width: 100px; height: 100px; margin: 40px auto 10px; } .aboutlist li a .img img { width: 100%; display: block; } .aboutbox .con.abouthistory { font-size: 13px; color: #555; } .aboutbox .con.abouthistory li { line-height: 20px; padding: 5px 0 5px 20px; background: url(../img/abouthistorybg01.jpg) no-repeat left top; } .aboutbox .con.abouthistory li:nth-child(1) { background-image: url(../img/abouthistorybg02.jpg); } .aboutbox .con.abouthistory li:nth-last-child(1) { background-image: url(../img/abouthistorybg03.jpg); } .inmain { float: left; width: 840px; } .inmain .bigtitle { border-bottom: 1px solid #dcdcdc; height: 38px; line-height: 30px; margin-top: 14px; } .inmain .bigtitle h1 { float: left; font-size: 20px; color: #9b4896; font-weight: normal; border-bottom: 1px solid #9b4896; background: url(../img/aboutboxtit.png) no-repeat left center; padding: 4px 5px 4px 20px; } .new_ulbig { width: 100%; } .new_ulbig li { padding: 20px 0px 20px 0px; border-bottom: 1px dashed #ccc; height: 152px; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .new_ulbig2 li { width: 50%; float: left; } .new_ulbig li.on { background: #f1f1f1; } .new_ulbig li .img { float: left; width: 150px; height: 150px; overflow: hidden; border: 1px solid #ccc; margin-right: 20px; background: url(../img/nopic.jpg) no-repeat center center; } .new_ulbig li .img img { width:150px; height: 150px; display: block; } .new_ulbig li .info { margin-left: 20px; margin-bottom: 20px; } .new_ulbig li .info a { padding: 2px 4px; text-decoration: none; font-family: microsoft yahei; } .new_ulbig li h4 { margin-bottom: 10px; } .new_ulbig li h4 a { line-height: 28px; font-size: 18px; font-weight: bold; padding: 3px 2px; font-family: microsoft yahei; color: #333; } .main .con .new_ulbig li p { line-height: 24px; color: #666; text-indent: 0; } .new_ulbig li .info a:hover { text-decoration: none; color: #fff; } .new_ulbig li .time { display: block; margin-top: 10px; color: #999; } .caselist { margin-bottom: 20px; margin-top: 10px; } .caselist li { float: left; width: 33.3333333333333%; } .caselist li a { display: block; background: #fff; margin: 10px; padding: 10px 10px 15px; box-shadow: 0 0 8px rgba(35,24,21,.18); color: #666; font-size: 12px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border: 1px solid #fff; text-align: center; } .caselist li a .img { width: 100%; margin: 10px 0; } .caselist li a .img img { width: 100%; display: block; } .caselist li a .name { font-size: 16px; color: #366c8b; } .caselist li a .name { line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 6px; color: #005bac; } .caselist li a .txt { color: #999; line-height: 20px; height: 40px; margin-bottom: 6px; overflow: hidden; } .caselist li a .more { color: #366c8b; text-decoration: none; background: url(../img/dot.gif) no-repeat left center; padding-left: 10px; } .caselist li a:hover .more { text-decoration: underline; } .newscontent { } .newscontent .title { font-size: 22px; text-align: center; line-height: 40px; } .newscontent .info { font-size: 12px; text-align: center; line-height: 30px; color: #999; } .newscontent .info .author, .newscontent .info .time { margin: 0 5px; } .newscontent .maincon { margin: 20px 0; overflow: hidden; } .newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; } .newsbackline ul { width: 100%; } .newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; } .main .con .newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; background: url(../img/arrow_t.png) no-repeat 90px center; padding-right: 10px; text-decoration: none; } .newsbackline ul li.prev { text-align: left; } .main .con .newsbackline ul li.prev a { background: url(../img/arrow_l.png) no-repeat 38px center; padding-left: 10px; padding-right: 0; text-align: center; } .newsbackline ul li.next { text-align: right; } .main .con .newsbackline ul li.next a { background-image: url(../img/arrow_r.png); text-align: center; } .inside { width: 260px; float: right; } .inside .iwant { display: block; line-height: 30px; background: #9b4896; color: #fff; border-radius: 15px; width: 60%; margin: 0 auto; text-align: center; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .inside .iwant:hover { opacity: .8; filter: alpha(opacity=80); } .inmaincon { background: #fff; padding: 20px; margin-bottom: 20px; } .inmaincon .tit { text-align: center; font-size: 20px; color: #9b4896; margin-bottom: 20px; } .inmaincon .con { margin-top: 10px; font-size: 14px; line-height: 24px; color: #333; margin-bottom: 20px; } .inmaincon .con p { margin-bottom: 20px; } .inmaincon .con img { width: 100%; display: block } .casedetail { margin-top: 0; margin-bottom: 20px; } .contacttit { margin: 20px 0; } .contactlist { } .contactlist .item { width: 33.3333333333%; float: left; } .contactlist .item .clbox { margin: 20px; padding: 20px; background: #ebe8d5; color: #7b7b7b; } .contactlist .item .clbox .tit { text-align: center; font-size: 18px; color: #333; } .contactlist .item .clbox .tit em { display: block; width: 37px; height: 1px; background: #a29c71; margin: 9px auto; } .contactlist .item .clbox .con { } .contactlist .item .clbox .con .tip { font-size: 14px; line-height: 22px; color: #7b7b7b; text-align: center; } .contactlist .item .clbox .con .txt { font-size: 14px; line-height: 28px; color: #7b7b7b; margin: 28px 0; min-height: 170px; } .contactlist .item .clbox .con .btn { font-size: 14px; height: 36px; line-height: 36px; background: #c0ba92; text-align: center; width: 38%; margin: 0 auto; display: block; color: #fff; } .contactlist .item .clbox .con .btn:hover { opacity: .8; filter: alpha(opacity=80); } .messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; } .messagecon p { margin-bottom: 20px; } .messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; } .messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; } .messagetarea:focus { color: #333; outline: none; background: #fff; } .messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; } .messageinput:focus { color: #333; outline: none; background: #fff; } .messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; } .messagebtn.btnon { width: 50%; color: #fff; } .messagebtn:hover { opacity: .8; filter: alpha(opacity=80); } .main .con .yanzhengma { display: inline; } .contact { background: url(../img/qiu.jpg) no-repeat right 0; padding: 30px 0 50px 0; width: 90%; font-size: 14px; font-family:Microsoft YaHei,SimSun,SimHei; position: relative; margin: 0 auto; } .main .con .contact p { line-height: 30px; } .contact p strong { font-size: 16px; line-height: 40px; } .main .con a.mapbtn { display: block; font-size: 14px; text-align: center; line-height: 30px; display: none; } .pagination { position: absolute; left: 0; text-align: center; bottom:5px; width: 100%; } .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; } .swiper-active-switch { background: #fff; } .bannerslide .arrow-left { background: url(../img/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; } .bannerslide .arrow-right { background: url(../img/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; } .homepartner { margin: 20px 0 0; } .homepartner li { width: 16.66666666666666%; float: left; } .homepartner li img { width: 160px; height: 80px; display: block; } .homebox04hei { background-image: url(../img/1441394014376.jpg); } .homebox04hei .wrapper { width: 1120px; } .homebox04hei .commontitle { float: left; color: #999; width: 20%; text-align: left; } .homebox04hei .commontitle i, .homebox04hei .commontitle span { color: #999; } .homebox04hei .homefootsns { float: left; width: 20%; text-align: left; } .homebox04hei .homefootsns h3 { font-size: 16px; color: #999; line-height: 20px; height: 20px; font-weight: normal; } .homebox04hei .homefootsns a { display: block; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; margin-right: 10px; opacity: .2; filter: alpha(opacity=20); float: left; background-repeat: no-repeat; background-position: center center; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .homebox04hei .homefootsns a:hover { opacity: .8; filter: alpha(opacity=80); } .homebox04hei .homefootsns a.icon-weibo { background-image: url(../img/iconfont-weibo.png); } .homebox04hei .homefootsns a.icon-qq { background-image: url(../img/iconfont-qq.png); } .homebox04hei .homefootsns a.icon-wechat { background-image: url(../img/iconfont-weixin.png); } .homebox04hei .homefoottxt { width: 60%; float: left; color: #999; text-align: left; font-size: 12px; } .homebox04hei .homefoottxt dt { width: 100%; font-size: 16px; margin-bottom: 20px; } .homebox04hei .homefoottxt dd { width: 50%; float: left; line-height: 30px; color: #666; } .homeabout4k { margin-top: 20px; } .homeabout4k li { width: 25%; float: left; } .homeabout4k li a { display: block; width: 96%; margin: 0 auto; color: #787878; font-size: 12px; transition: all .3s ease-out; } .homeabout4k li a:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } .homeabout4k li .img { width: 100%; } .homeabout4k li .img img { width: 100%; display: block; } .homeabout4k li .kuang { padding: 15px; background: #fff; border: 1px solid #dedede; border-top: 0; } .homeabout4k li .name { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dedede; height: 40px; overflow: hidden; } .homeabout4k li .name .n1 { float: left; } .homeabout4k li .name .n1 strong { display: block; font-weight: normal; font-size: 16px; color: #333; line-height: 22px; margin-bottom: 4px; height: 22px; overflow: hidden; transition: all .3s ease-out; } .homeabout4k li a:hover .name .n1 strong { color: #005bac; } .homeabout4k li .name .n1 em { display: block; font-size: 12px; font-style: normal; } .homeabout4k li .name .n2 { float: right; width: 30px; height: 30px; background: url(../img/icon4k.png) no-repeat center center; border-radius: 50%; transition: all .3s ease-out; } .homeabout4k li a:hover .name .n2 { background-image: url(../img/icon4ks.png); background-color: #005bac; } .homeabout4k li .txt { line-height: 22px; height: 88px; overflow: hidden; transition: all .3s ease-out; } .homeabout4k li a:hover .txt { color: #333; } .infooter { background: #fff; border-top: 0 solid #dedede; } .infooter .footer { } .wraposi { position: relative; } .homebox04 .wrapper.wraposi { width: 1120px; } .wrapositit { text-align: left; position: absolute; top: 0; left: 0; } .wraposicon { margin-left: 150px; } .qqfloat { position: fixed; right: 10px; bottom: 200px; width: 180px; background: #fff; border-radius: 10px; box-shadow: 0 5px 9px rgba(4,0,0,.17); border: 1px solid #dedede; z-index: 99; overflow: hidden; } .qqfloat .tit { height: 50px; line-height: 50px; color: #fff; font-size: 14px; padding: 0 20px; background: #005bac; } .qqfloat .tit .close { float: right; width: 18px; height: 18px; display: block; background: url(../img/iconclose.png) no-repeat center center; text-indent: -9999px; margin: 16px 0 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .qqfloat .tit .close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .qqfloat .con { } .qqfloat .qqlist { } .qqfloat .qqlist li { line-height: 40px; height: 40px; overflow: hidden; margin-bottom: 1px; } .qqfloat .qqlist li a { display: block; background: #f1f1f1 url(../img/iconqq.png) no-repeat 30px center; font-size: 12px; padding-left: 70px; color: #333; font-family: Verdana, arial; } .qqfloat .qqlist li a:hover { background: #666 url(../img/iconqq02.png) no-repeat 30px center; color: #fff; } .qqfloat .tel { padding: 10px 20px 20px; } .qqfloat .tel .txt { background: url(../img/icontel.png) no-repeat 10px center; line-height: 30px; font-size: 12px; color: #333; padding-left: 36px; } .qqfloat .tel .num { text-align: center; font-size: 16px; font-family: Verdana, arial; color: #005bac; } .qqshow { width: 40px; background: #005bac; text-align: center; position: fixed; right: -50px; bottom: 280px; border-radius: 10px 0 0 10px; line-height: 16px; box-shadow: 0 5px 9px rgba(4,0,0,.17); z-index: 98; } .qqshow a { display: block; width: 20px; height: 80px; padding: 40px 10px 0; font-size: 14px; color: #fff; background: url(../img/iconqq02.png) no-repeat center 15px; } .homeabout00 .imghei { width: 100%; } .mb_son { padding: 10px 15px; line-height: 28px; height: 30px; margin-right: 20px; background-color: #f1f1f1; background-image:url("data:image/png;base64,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"); border-radius: 0 0 15px 15px; } .mb_son li { float: left; } .mb_son a { display: block; float: left; font-size: 14px; font-family:"Microsoft YaHei",SimSun,SimHei; padding: 0 15px; margin-right: 10px; border: 1px solid #005bac; color: #005bac; -webkit-transition: all .2s ease-in; border-radius: 5px; } .mb_son a:hover { background: #fff; } .mb_son a.on { border: 1px solid #005bac; background: #005bac; color: #fff; } .mb_son a.on:hover { background: #005bac; } .messagelist { } .messagelist li { padding: 20px 0; border-bottom: 1px solid #dedede; } .messagelist li .nameline { line-height: 20px; font-size: 13px; } .messagelist li .nameline .st { float: right; font-family: Arial; color: #b8b8b8; } .messagelist li .nameline .sn { color: #005bac; } .messagelist li .nameline .sn:hover { color: #f60; text-decoration: underline; } .messagelist li .nameline .sm { margin-left: 5px; color: #b8b8b8; font-family: Arial; } .messagelist li .text { font-size: 14px; color: #333; line-height: 24px; margin: 20px 0 0; } .messagelist li .text .tip { font-size: 14px; color: #999; } .messagelist li .reply { margin-top: 20px; padding: 15px; background-color: #f3f3f3; font-size: 12px; color: #8c8c8c; } .messagelist li .reply strong { color: #ff4a00; font-weight: normal; } /* 1120分辨率下的样式 */ @media (max-width: 1120px) { .bannerslide { height: 400px; } .wrapper { width: 100%; } .homenewslist02 li .hnl02content { width: 100%; } .head .header .logo { padding-left: 15px; } .head { position: relative; } .headkuai { height: 0; } .head .header .text { padding-right: 15px; } .navlist { display: none; } .navbtn { display: block; } .aboutimg { display: none; } .aboutright { margin-left: 0; height: auto; } .homebox04 .wrapper.wraposi { width: 100%; } .homebox04 .wrapper .wrapositit { margin-bottom: 20px; } .fconlv { width: 100%; } .side { width: 24%; } .main { width: 74%; } .caselist li { width: 50%; } .homeabout li .img { width: 80%; padding: 10px; height: auto; } .casehomebox02b { padding: 0 40px; } .casehomebox02b .arrow-right { right: 10px; } .casehomebox02b .arrow-left { left: 10px; } .aboutlist li a { width: 180px; height: 180px; } .aboutlist li a .img { margin: 20px auto 5px; } .inmain { float: none; width: 100%; } .inside { width: 100%; float: none; } .inside .aboutbox { width: 40%; float: left; margin: 0 2%; margin-bottom: 20px; } .homenewslist li .time { padding-left: 5%; } .homenewslist li .con { margin-left: 15%; padding-right: 5%; background: none; } .main .con img { max-width: 100%; height: auto; display: block; } .homepartner li { width: 25%; } .homebox04sp01 .wrapper { width: 100%; } .homeabout4k li .name .n2 { display: none; } .inwrapper { padding: 20px 0; border: 0; } .sidewechat { background: none; } .sidewechat .img { margin-bottom: 0; } .sidebox .tit p, .sideprolist .tit p { display: none; } .main .con .yanzhengma { width: auto; } .qqfloat,.qqshow { display: none; } .contact { background: none; } .homebox04hei .wrapper { width: 100%; } .homebox04hei .homefoottxt dd { width: 100%; } } /* 770分辨率下的样式 */ @media (max-width: 720px) { .bannerslide { height: 200px; } .headblock { height: 240px; } .head { height: 70px; } .head .header { text-align: center; padding: 0; } .navbtn { margin-top: 10px; } .head .header .logo { float: none; display: inline-block; } .head .header .logo img { height: 50px; padding-top: 10px; } .head .header .text { display: none; } .searchbox { width: 40px; margin-right: 10px; } .searchbox .keywords { position: absolute; top: 30px; right: 0; background: #fff; border: 1px solid #eeebe8; border-radius: 15px; display: none; } .searchbox:hover .keywords { display: block; } .homebox04 .wrapper p { font-size: 13px; ling-height: 18px; } .newsbackline { height: auto; } .newsbackline ul li { width: 100%; float: none; margin-bottom: 5px; } .main .con .newsbackline ul li a { width: 100%; background-image: none; padding: 0; } .main .con .newsbackline ul li.prev a { background-image: none; padding: 0; } .main .con .newsbackline ul li.next a { background-image: none; } .inbanner { height: 100px; } .side { width: 90%; float: none; margin: 0 auto 20px; } .main { width: 90%; margin: 0 auto 0; float: none; } .main .tit .now { display: none; } .homeabout00 { width: 90%; margin: 20px auto; } .homeabout00.wraposicon { margin-left: auto; } .homeabout00 .img { width: 100%; margin-bottom: 20px; } .homenewslist li .con { margin-left: 25%; } .homeabout li .img { width: 60%; padding: 10px; height: auto; } .homeabout li .txt { padding: 0; } .homeabout li { float: none; width: 80%; margin: 0 auto 20px; } .casehomebox02b { padding: 0 20%; } .homebox04 .wrapper { width: 100%; text-align: center; } .homebox04 .wrapper .img { display: none; } .aboutbox .con.aboutbg { padding-right: 0; background: url(../img/aboutboxbg.jpg) no-repeat center bottom; background-size: auto 100px; height: auto; padding-bottom: 100px; } .aboutlist li { width: 50%; margin-bottom: 10px; } .aboutlist li a { width: 120px; height: 120px; font-size: 16px; } .aboutlist li a .img { margin: 20px auto 5px; width: 60px; height: 60px; } .inpage .bannerslide { height: 280px; } .caselist { width: 80%; margin: 0 auto; } .caselist li { float: left; width: 100%; } .inmain .bigtitle { padding-left: 10px; } .inside { width: 80%; margin: 10px auto 0; } .inside .aboutbox { width: auto; float: none; margin: 0; margin-bottom: 20px; } .contactlist { width: 90%; margin: 0 auto; } .contactlist .item { width: 100%; float: none; } .contactlist .item .clbox .con .txt { min-height: inherit; } .messagecon p { } .messagetarea { width: 90%; margin: 0 auto; display: block; } .messagetit { text-align: center; margin-top: 5px; font-size: .75rem; } .messageinput { width: 90%; margin: 0 auto; display: block; margin-bottom: 5px; } .main .con .yanzhengma { display: block; width: 20%; margin: 20px auto; } .messagebtn { margin: 5px auto 0; width: 80%; display: block; } .messagebtn.btnon { width: 80%; } .footer { font-size: .5rem; } .contact { background: none; padding: 0 0 0 0; } .mapiframe { display: none; } .main .con a.mapbtn { display: block; } .homepartner li { width: 33.3333333333333333333333333%; } .homepartner li img { width: 96%; height: auto; } .homebox04hei .commontitle { float: none; text-align: center; width: 100%; } .homebox04hei .homefootsns { display: none; } .homebox04hei .homefoottxt { float: none; text-align: center; width: 100%; margin-top: 20px; } .homebox04hei .homefoottxt dd { width: 100%; } .homenewslist02 li .hnla { padding-left: 5%; } .homenewslist02 li.on .hnla { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .homenewslist02 li .hnl02content i { display: none; } .homenewslist02 li .time { margin-right: 5%; } .homenewslist02 li .time .day { font-size: 1.5rem; line-height: 30px; } .homenewslist02 li .time .year { font-size: .625rem; } .homenewslist02 li .con { margin: 0 5% 0 0; } .homebox04sp01 .txt { float: none; text-align: center; } .homebox04sp01 .hmess { float: none; width: 90%; margin: 20px auto 0; } .homebox04sp01 .hmess p .inputtxt { width: 90%; } .homebox04sp01 .txt .sns { display: none; } .homeabout.wraposicon li a:hover .img { height: auto; } .homeabout.wraposicon li a:hover .img img { margin-top: 0; } .wraposicon { margin-left: 0; } .wrapositit { text-align: center; position: relative; } .homeabout4k li { width: 80%; float: none; margin: 0 auto 20px; } .homeabout4k li .txt { height: 44px; } .main .con { padding-left: 20px; } .main .tit { margin-right: 0; } .main { background: #fff; border: 1px solid #dedede; box-shadow: 0 0 8px #dedede; } .inwrapper { background: none; border: 0; box-shadow: 0 0 0 rgba(0,0,0,0.1); padding: 20px 0; margin-bottom: 50px; } .xphidden { display: none; } .morenewslist li { width: 98%; padding-left: 2%; } .moreproductlist li { width: 50%; margin-bottom: 10px; } .orderonline .item label { float: none; display: block; padding: 0; text-align: center; width: 100%; } .orderonline .item .txt { margin-left: 0; } .orderonline .item .input { width: 80%; margin: 0 auto; display: block; } .inwrapper { margin-bottom: 10px; } .new_ulbig li .img { width: 30%; height: auto; } .new_ulbig li .img img { width: 100%; height: auto; } .main .con .new_ulbig li p { display: none; } .new_ulbig li { height: auto; padding: 10px 0; } .new_ulbig li h4 a { font-size: 14px; line-height: 18px; } .new_ulbig li .info a { padding: 0; } .new_ulbig li .info { margin-bottom: 0;} .new_ulbig li .time{ font-size: 12px; margin-top: 0; } .new_ulbig li h4 { margin-bottom: 4px; } .sideprolist .con ul li.class02 { background-color: #fff; } .navbtn { background-color: transparent; background-image: url(../img/btn-menu02.png); height: 49px; text-indent: -9999px; padding-right: 0; width: 0; margin-right: 10px; } .mb_son { margin-right: 0; border-radius: 0; } } .sideprolist .side_contact{ padding:0 8px;} .sideprolist .side_contact ul li{ line-height:180%; font-size:12px; color:#666} /* 全局色调控制 */ /* .sideprolist .con ul li a:hover, .sideprolist .con ul li.on a { background: #005bac; } */ .global_bordercolor { border-color: #005bac; color: #005bac; } .ghovercolor { border-color: #ccc; color: #787878; } .ghovercolor:hover { border-color: #005bac; color: #005bac; } .new_ulbig li .info a { color: #333; } .new_ulbig li .info a:hover { background: #005bac; } .main .tit h3 em { border-top-color: #005bac; } .gbackground { background: #005bac; } .main .tit .now a:hover { color: #005bac; } .head .header .text span { color: #005bac; } .commontitle, .commoncolor { color: #005bac; } .main .con .newsbackline ul li a:hover { color: #005bac; } .messagetarea:focus, .messageinput:focus { border: 1px solid #005bac; box-shadow: 0 0 5px #005bac; } .messagebtn.btnon { background: #005bac; } .contact p strong { color: #005bac; } .main .con a.mapbtn { border: 1px solid #005bac; color: #005bac; } .casehomebox02 .swiper-slide a:hover { border-color: #005bac; } .caselist li a:hover { border-color: #005bac; } .homenewslist02 li.on { background: #005bac; } .casehomebox02 .swiper-slide a .tit { color: #366c8b; } .friendlink { line-height:40px;} .friendlink a{ color:#666;}