<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body{margin:0;overflow-x:hidden}
a{text-decoration:none}
*{margin:0;padding:0}
ul,li{list-style:none}
img{border:0}
/* banner-box */
.banner-box{width:100%;height:580px;position:relative;overflow:hidden;float:left}
.banner-box .bd{width:100%}
.banner-box .bd li{width:100%;height:580px}
.banner-box .bd li a{display:block;width:100%;height:580px;text-indent:-9999px}
.banner-btn{position:absolute;top:210px;left:50%;}
.banner-btn a{display:block;width:30px;height:50px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4}
.banner-btn a.prev{left:-650px;background:url(../images/banner.png) no-repeat 0 0;} 
.banner-btn a.next{right:-650px;background:url(../images/banner.png) no-repeat -30px 0;}
.banner-box .hd {position:absolute;bottom:20px;left:45%}
.banner-box .hd ul li{width:60px;height:5px;margin-right:10px;background:rgba(255,255,255,0.5);float:left;cursor:pointer;text-indent:-1000px}
.banner-box .hd ul li.on{background:#267ad4}
.sea_bg{width:100%;height:60px;background:#f0f6fa;margin-bottom:20px;clear:both}
.sea{width:1200px;height:60px;line-height:60px;margin:0 auto}
.sea .text span{font:14px/60px "Microsoft YaHei";font-weight:bold;color:#555}
.sea .text{font:14px/60px "Microsoft YaHei";color:#777;padding:0 5px}
.sea .text a{color:#777; padding-right:6px;}
.sea .text a:hover{text-decoration:underline;}
.sea .so{width:240px;padding-top:15px;float:right}
.sea .so input{width:200px;height:28px;font:14px/28px "Microsoft YaHei";color:#555;border:1px solid #d5d5d5;border-right:0;float:left}
.sea .so .btn{float:left}
.con1{width:1200px;height:820px;margin:0 auto;}
.lf{width:240px;float:left}
.lf .title{width:240px;height:62px;padding-top:18px;background:#fff;font:22px/32px "Microsoft YaHei";font-weight:bold;color:#fff;text-align:center;background:#267ad4}
.lf .title a{color:#fff}
.lf .title p{font:12px/24px "arial";font-weight:normal;color:#96b6e6}
.lf .con{width:200px;height:700px;border:5px solid #267ad4;border-top:none;padding:20px 15px 0 15px;float:left}
.lf .con .menu{width:200px;height:30px;text-indent:35px;background:url(../images/menu_ico.png) no-repeat 10px 8px #267ad4;color:#fff;font:15px/30px "Microsoft YaHei";font-weight:bold;display:block;float:left}
.lf .con .menu a{color:#fff}
.lf .con ul{padding:12px 0 15px 0;float:left}
.lf .con ul li{width:155px;height:30px;padding-left:35px;background:url(../images/ico.png) no-repeat 20px 11px;font:14px/30px "Microsoft YaHei";color:#5a6478;float:left}
.lf .con ul li a{color:#5a6478}
.lf .con ul li a:hover{color:#267ad4}
.rg{width:930px;float:right;overflow:hidden}
.pro_tab {width:930px;height:44px;overflow:hidden;border-bottom:1px solid #267ad4}
.pro_tab li{width:300px;height:45px;text-align:center;font:16px/44px "Microsoft YaHei";color:#555;border:1px solid #585f69;margin-right:15px;box-sizing:border-box;cursor:pointer;float:left}
.pro_tab li.curr{color:#fff;background:#267ad4;border:0;font-weight:bold}
.pro_tab li:last-child{margin-right:0}
.pro_pic{width:930px;padding-top:20px;float:left}
.pro_pic ul{width:960px;padding-right:-30px;float:left}
.pro_pic ul li{width:450x;height:330px;padding-right:30px;float:left}
.pro_pic ul li img{width:450px;height:280px}
.pro_pic ul li p{width:450px;padding-top:10px;text-align:center;font:16px/20px "Microsoft YaHei";clear:both}
.pro_pic ul li p a{color:#555}
.pro_pic ul li p a:hover{color:#267ad4}
.pro_pic .btm{width:930px;height:78px;border:1px solid #267ad4;box-sizing:border-box;float:left}
.pro_pic .btm dl{width:930px;font:15px/36px "Microsoft YaHei";float:left}
.pro_pic .btm dl dt{width:80px;height:38px;text-align:center;color:#fff;background:#267ad4;float:left}
.pro_pic .btm dl dd{height:36px;padding-left:20px;color:#555;float:left}
.title{width:1200px;background:url(../images/line-bg.gif) repeat-x left 20px;text-align:center;margin:0 auto;padding-bottom:10px;clear:both}
.title span{padding-left:40px;height:36px;background:url(../images/title-line.gif) no-repeat left 17px #fff;font:24px/36px "Microsoft YaHei";font-weight:bold;color:#267ad4}
.title span font{padding-right:40px;height:36px;background:url(../images/title-line.gif) no-repeat right 17px}
.title p{height:30px;font:15px/30px "Microsoft YaHei";color:#696b6e;font-weight:normal}
.title span.bg{background-color:#f0f6fa}
.brand-cus{width:1200px;padding:20px 0;margin:0 auto}
.ys_bg{width:100%;margin:20px 0 40px 0;border-bottom:2px solid #267ad4;float:left}
.ys_bg .bt{width:1200px;margin:10px auto}
.ys1{width:100%;height:380px;background:#2a2d34}
.ys2{width:100%;height:380px;background:#f0f6fa}
.ys_txt1{width:1200px;height:320px;padding-top:60px;background:url(../images/ys-01.jpg) no-repeat right 30px;margin:0 auto}
.ys_txt2{width:700px;height:300px;padding-top:80px;padding-left:740px;background:url(../images/ys-02.jpg) no-repeat left 50px;margin:0 auto}
.img3{background:url(../images/ys-03.jpg) no-repeat right 50px;}
.img4{width:600px;padding-left:700px;background:url(../images/ys-04.jpg) no-repeat 50px 30px;}
.ys_txt1 img,.ys_txt2 img{padding:6px 20px 0 0;float:left}
.ys_txt1 dl,.ys_txt2 dl{width:520px;float:left;}
.ys_txt1 dt,.ys_txt2 dt{max-width:520px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:70px;margin-bottom:20px;font:22px/34px "Microsoft YaHei";font-weight:bold;color:#267ad4;border-bottom:1px dashed #8791a0;float:left}
.ys_txt1 dt p,.ys_txt2 dt p{max-width:520px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px;font-weight:normal;color:#8791a0;}
.ys_txt1 dd,.ys_txt2 dd{width:480px;padding-left:20px;background:url(../images/show-ico.gif) no-repeat 2px 11px;font:15px/30px "Microsoft YaHei";color:#fff;float:left}
.ys_txt2 dd{color:#555}
.ys_txt1 .btn{width:120px;height:34px;font:16px/34px "Microsoft YaHei";color:#fff;text-align:center;cursor:pointer;background:#267ad4;margin-top:20px;float:left}
.ys_txt1 .btn a{color:#fff}
.lc{width:1200px;height:320px;margin:0 auto;clear:both}
.lc img{float:left}
.lc ul{width:1200px;padding:20px 0;float:left}
.lc ul img{padding:0 25px}
.lc ul li{width:150px;padding:10px 0;font:16px/24px "Microsoft YaHei";color:#555;text-align:center;float:left}
.design{width:100%;height:800px;padding-top:30px;background:#f0f6fa;clear:both;}
.design .main{width:1200px;padding-top:20px;}
.design .main .left{width:320px;padding-left:50px;float:left}
.design .main .left .top{width:180px;height:75px;padding-top:15px;font:25px/30px "Microsoft YaHei";font-weight:bold;color:#fff;text-align:center;background:#267ad4;float:left}
.design .main .left dl{width:320px;padding:30px 0;float:left}
.design .main .left dl dt{width:320px;font:36px/50px "Microsoft YaHei";color:#267ad4;float:left}
.design .main .left dl dt p{font:16px/40px "Microsoft YaHei";color:#333;}
.design .main .left dl dd{width:320px;padding:20px 0;font:14px/24px "Microsoft YaHei";color:#555;float:left}
.design .main .left .page{width:320px;font:24px/48px "arial";color:#333;float:left}
.design .main .left .page span{font-size:48px;font-weight:bold;color:#267ad4;}
.design .main .mid{width:760px;height:540px;padding:0 0 0 70px;float:left}
.design .main .mid img{width:760px;height:540px;}
.design .main .right{width:260px;float:left}
.design .main .right .works{width:200px;font:30px/35px "Microsoft YaHei";color:#267ad4;float:left}
.design .main .right .brand{width:180px;font:16px/24px "Microsoft YaHei";color:#555;float:left}
.design .main .right .brand p{padding:5px 0}
#con{width:1200px;height:670px;overflow:hidden;position:relative;margin:0 auto}
#con .banner-img{position:relative}
#con .banner-img li{float:left;width:1200px;position:relative}
#con .banner-circle{position:absolute;left:55%;bottom:0;z-index:2;height:80px;text-align:center;overflow:hidden}
#con .banner-circle li{margin:0 5px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}
#con .banner-circle li a{display:block;width:70px;height:70px;border:3px solid #b3d1ef;border-radius:50%;overflow:hidden}
#con .banner-circle li a img{display:block;width:70px;height:70px}
#con .banner-circle .selected a{border-color:#267ad4}
.witness{width:100%;height:600px;border-bottom:1px solid #fff;clear:both;}
.idx-focus,.focus-pic li{width: 1920px;height: 600px;position: relative;overflow: hidden;}
.idx-foc-tmp{width:1120px;height:600px;}
.focus-pic{height: 600px;}
.focus-pic li{float: left;height: 600px;}
.focus-pic li img{width: 1120px;height: 600px;}
.focus-pic .bg{width:520px;height:380px;position: absolute;left:20%;top:110px;background: #fff;opacity: .8;filter:Alpha(opacity=80);z-index: 1;color:#555;}
.focus-pic .bg dl{width:420px;padding:50px 50px 0 50px;font:15px/24px "Microsoft YaHei";}
.focus-pic .bg dl img{width:80px;height:80px;float:left}
.focus-pic .bg dl dt{font:26px/35px "Microsoft YaHei";font-weight:bold;padding:5px 0 0 15px;float:left}
.focus-pic .bg dl dt p{font-size:20px;font-weight:normal}
.focus-pic .bg dl dd{width:420px;padding-top:20px;float:left}
.idx-focus .xtaber-tabs{width:800px;height:600px;background:url(../images/customer-title.png) 70px 100px #2277da no-repeat;position:absolute;right:0;top:0;z-index:999}
.idx-focus .xtaber-tabs div{width:300px;height:200px;padding:240px 0 0 60px;float:left}
.idx-focus .xtaber-tabs li{width:80px;height:80px;float: left;padding:5px;margin:5px;cursor: pointer;}
.idx-focus .xtaber-tabs img{width:80px;height:80px;border-radius:50%}
.idx-focus .xtaber-tabs .current{background:#8ba0c5;width:80px;height:80px;border-radius:50%}
.gg{width:100%;height:180px;clear:both}
.about-bg{width:100%;height:680px;background:#f0f6fa;clear:both;}
.about{width:1200px;padding:30px 0;margin:0 auto}
.about .bk{width:1200px;padding-top:20px;height:365px;float:left}
.about .pic{width:600px;float:left}
.about .word{width:580px;height:330px;overflow:hidden;float:right}
.about .word .bt{width:560px;height:55px;padding:18px 0 0 22px;font:24px/30px "Microsoft YaHei";font-weight:bold;color:#555;background:url(../images/about-title.png) no-repeat}
.about .word p{width:580px;text-indent:28px;padding-top:10px;font:15px/28px "Microsoft YaHei";color:#555;float:left}
.about .word .more{padding-right:10px;float:right}
.about .word .more a{width:60px;height:26px;font:14px/26px "Microsoft YaHei";border:1px solid #267ad4;color:#267ad4;text-align:center;text-indent:0;display:block;}
.rollBox{width:1200px;overflow:hidden;float:left}
.rollBox .btn{width:35px;text-align:center;padding-top:60px;cursor:pointer;float:left}
.rollBox .Cont{width:1130px;height:240px;overflow:hidden;float:left}
.rollBox .ScrCont{width:10000000px}
.rollBox .Cont .pic{width:250px;text-align:center;padding:0 15px;float:left}
.rollBox .Cont .pic img{width:250px;height:160px;display:block;background:#fff}
.rollBox .Cont .pic p{width:250px;padding-top:8px;font:15px/24px "Microsoft YaHei";color:#555;float:left}
.rollBox .Cont .pic p a{color:#555}
.rollBox #List1,.rollBox #List2{float:left}
.news{width:1200px;height:410px;padding-top:30px;margin:0 auto}
.textk{width:370px;float:left}
.pad40{padding-right:40px;}
.title_sm{width:370px;height:36px;padding-top:8px;background:url(../images/news-title.gif) no-repeat;float:left}
.title_sm span{height:30px;font:18px/30px "Microsoft YaHei";font-weight:bold;color:#267ad4;padding:0 0 0 10px;float:left}
.title_sm .more{padding-top:6px;float:right}
.textk .pic{width:370px;height:130px;margin:5px 0 15px 0;float:left}
.textk .pic img{width:370px;height:130px;}
.textk ul li{width:350px;padding-left:20px;height:36px;font:14px/36px "Microsoft YaHei";color:#555;border-bottom:1px solid #e5e5e5;background:url(../images/ico.png) no-repeat 7px 14px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;float:left}
.textk ul li a{color:#555}
.textk ul li a:hover{color:#267ad4}
.textk ul li span{float:right;font:13px/36px "arial";color:#999}
.link{width:1200px;height:90px;border:1px solid #ddd;box-sizing:border-box;margin:0 auto 40px auto;}
.link img{padding:10px 15px;float:Left}
.link ul{width:1020px;padding:10px 20px 15px 20px;font:14px/32px "Microsoft YaHei";color:#555;float:left}
.link ul a{padding-right:22px;color:#555}
.link .add{width:140px;padding-left:20px;margin-top:30px;background:url(../images/add_link.gif) no-repeat right 5px;border-left:1px solid #ddd;float:left}
.link .add a{color:#999}
.link a:hover{color:#267ad4}</pre></body></html>