h2{ height:30px; line-height:30px;} .left{ float:left;} #banner:after,.knowus:after,.coagent:after,article:after,.product:after{ content:""; display:block; clear:both; visibility:hidden; height:0; } /*=-banner-start=*/ .banner{ width:100%; height: auto; position: relative; /*background: 0 0 no-repeat;background-size:100%;*/} .roundabout-moveable-item{ width:40%;height:auto;cursor:pointer;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} .roundabout-moveable-item img{ width:100%; height:auto;} #myroundabout{ display:none; position: absolute; width:45%; height:200px; left:37%; top:10%; margin:1% auto;z-index: 1;} #myroundabout .roundabout-moveable-item{ position:relative; text-align: center; vertical-align: middle;} #myroundabout .roundabout-moveable-item a{ position: absolute; display:block; width:100%; height:30px; left:0; top:77%;} .ban_wrap{ width:100%; height:auto;margin-bottom:15px;margin-top: 79px; } .ban_word{ top:190px; left:-5px;z-index: 5;} .ban_word img{ width:420px; height:180px;} .ban_circle{ width:40%; height:auto;top:-15px; left:40%;pointer-events: none; background: 999px 999px no-repeat, 999px 999px no-repeat, 999px 999px no-repeat, 999px 999px no-repeat, 999px 999px no-repeat, 999px 999px no-repeat; } /*=-banner-end=*/ /*=-公司/行业介绍-start=*/ .knowus,.product { width:1200px; margin:0 auto; background-color: #fff;} .breaf,.industy,.co{ height:300px; float:left;} .breaf{ width:380px; margin:0 10px 0 0;position: relative;} .knowus .breaf img,.knowus .breaf p{ width:365px; margin:8px; color: #666666; } .breaf img{display:inline-block;height:150px; border-radius: 12px; box-shadow: 3px 3px 5px #333;} .breaf p{ position: relative; line-height: 20px; max-height: 80px;overflow: hidden;} .breaf p:after{ content:"..."; font-weight:bold; position:absolute; bottom:0; right:0; padding:0 5px 1px 20px; background: repeat-y;} .ourco{ width:378px; height:250px; border-radius: 12px; behavior: ;} .ourco p{ text-indent: 24px;} .co{ width:380px;} .co .conews{ width:380px; height:250px; } .co .conews li span{ float:right; } .knowus h2,.product h2{ padding:0 0 2px 10px; text-indent: .9em; font-size: 1.2em; font-weight: bolder; letter-spacing: 2px;} .knowus h2{ color: #0c5bc7;font-family: "microsoft yahei regular";font-size: 18px;font-weight: 400 !important;} .knowus .border_bg{ } .knowus .more{ top:4px; right:0; } .knowus .more a{ color: #0c5bc7; } .industy{ width:400px; margin:0 10px 0 0; position: relative;} .industy .iour{width: 400px; height: 250px; overflow: hidden; border:1px solid #9c9e9d; border-radius: 12px; behavior: ; background-color: #ebecee; } .industy .iourbtn{ width:305px; height:9px; top:225px ; left:42px; z-index: 9; background-color: #fff; } .industy .iourbtn a{ width:75px;height:9px; line-height: 12px; float:left; text-align: center; border:1px solid #ccc;} .industy .iourbtn a.on{ background-color: #0c5bc7; color:#fff;} .industy .iourbtn .br_no{ border-right:none;} .iour .inewsbox{ width:400px;height:250px; overflow: hidden; } .iour .inews{ width:2000px;height:250px; } .iour .inews a{ float:left; width:400px; height:250px; } .iour .inews img{ width:380px;height:190px; margin:6px 10px 0; border-radius: 10px; box-shadow: 3px 3px 3px #aaa; } .iour .inews p{ color: #0c5bc7;font-weight: 800;text-align: center;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .co li{ height:30px; line-height:30px;color:#666666 } .co li a{ display:block; float:left; width:248px; height:30px; color:#666666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .co li a:hover,.knowus .more a:hover{ color:#01256f ; text-decoration: underline; } .co .dot{ width:6px; height:6px; margin:10px 8px;background-color: #333;float:left;} .co .hot{ width:13px; height:11px; margin:4px 8px 0 0; background: no-repeat;} .wedoings img{ width:120px; margin:12px 0 0 0;} .wedoings .mleft{ margin:0 0 0 8px;} /*=-公司/行业介绍-end=*/ /*=-合作伙伴-start*/ .coagent{ width:1200px; height:300px; margin:0 auto; overflow: hidden;} .coagent h2{ width: 1200px; height: 42px; color: #0c5bc7; position: relative; margin-top: 26px; font-size: 18px; } .coagent h2:before{ content: ""; width: 84px; height: 2px; background:#0c5bc7; position: absolute; bottom: 8px;} .coagent img{ display: block; margin:40px 0 0 0;} .coagent .clients li a { color: #666666 !important; font-size: 14px; } .coagentdiv { overflow: hidden; margin: 14px 0 0 !important; } .coagent .clients li a:hover{ text-decoration: underline; color: #01256f !important; } .liability{ width:958px; height:auto; padding: 19px 29px 57px 29px; border-radius: 8px; box-shadow: -2px 0 2px #ccc, 2px 0 2px #ccc, 0 0 0 #ccc, 0 2px 2px #bbb; background-color: #fff; margin:95px auto 40px !important; } .safety_div{ width:100%; height:auto; margin-top: 100px; } .safety_divcontent{ width:33.3%; float: left; padding: 0 40px; box-sizing: border-box; } article .container .safety_div .safety_divcontent p{ text-align: center; text-indent: 0; color: #333333ff; } article .container .safety_div .safety_divcontent p.safety_title{ font-size: 18px; font-weight: bold; margin-top: 14px; } article .container .safety_div .safety_divcontent p.safety_english{ font-size: 12px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } article .container .safety_div .safety_divcontent p.safety_content{ font-size: 16px; color: color: #333333ff; color: #666666ff; line-height: 22px; text-align: left; margin-top: 15px; }