<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,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,mark,audio,video,input{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:微软雅黑,"arial","Microsoft YaHei","Helvetica Neue";color:#000;font-size:14px}
input{font-family:微软雅黑,"arial","Microsoft YaHei","Helvetica Neue";-webkit-appearance:none;outline:0;-webkit-outline:0}
input[type="radio"]:focus,input[type="checkbox"]:focus{outline:0;-webkit-outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
body{line-height:1}
ol,ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
input::-webkit-input-placeholder{font-size:14px}
input:-moz-placeholder{font-size:14px}
input::-moz-placeholder{font-size:14px}
input:-ms-input-placeholder{font-size:14px}
textarea::-webkit-input-placeholder{font-size:14px}
textarea:-moz-placeholder{font-size:14px}
textarea::-moz-placeholder{font-size:14px}
textarea:-ms-input-placeholder{font-size:14px}
a{text-decoration:none;outline:0;-webkit-outline:0}
a:focus{outline:0;-webkit-outline:0}
a,button,input[type=submit],input[type=button]{cursor:pointer;transition:all .3s}
img{display:inline-block;border:0;max-width:100%;max-height:100%}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clearfix{zoom:1}
.clearfix:after{content:'';display:block;height:0;clear:both}
.fl{float:left}
.fr{float:right}
.icon{background:url(../img/mainbg.png) no-repeat}
.tl{text-align:left!Important}
.transition{transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transcale:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);transition:all 2s ease-out 0s}
.viewmore{text-align:center;margin:30px 0}
.more{display:inline-block;width:135px;height:40px;border:1px solid #000;text-align:center;line-height:40px;font-size:16px;margin:0 10px;text-transform:uppercase;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease}
.more:hover{box-shadow:inset 150px 0 0 0 #000;border:1px solid #000;color:#fff}
.btnf{border-color:#fff;color:#fff}
.btnc{border-color:#ccc;color:#808080}
.btnbg{background:#70bab3;color:#fff}
.btnbgf{background:#fff;color:#70bab3;border-color:#fff}
.w1250{max-width:1250px;min-width:1100px;margin:0 auto}
.header{width:100%;height:93px;line-height:93px;background:url(../img/head_bg.jpg) no-repeat center center;background-size:cover}
.logo{width:40%;float:left}
.logo img{vertical-align:middle}
.head_r{float:right;height:64px;background:url(../img/head_r2.png) no-repeat;margin-top:17px;border-bottom:2px solid #000;max-width: 690px;}
.head_r li{display:inline-block;_zoom:1;_display:inline;text-align:left;margin-top:28px;width:110px;position:relative; color:#FFF}
.head_r a{color:#FFF}
.head_r li:after{content:'';display:block;height:6px;width:2px;background:#000;position:absolute;bottom:-2px;right:-1px}
.head_r p{font-size:12px;line-height:normal;font-weight:600;text-transform:uppercase;margin-bottom:2px;color:#FFF}
.head_r li span{font-size:16px;background:url(../img/tel.png) no-repeat left center;padding-left:14px;display:block;width:100%;font-size:12px;font-weight:600;line-height:14px;color:#FFF}
.navbox{border-top:2px solid #000;border-bottom:2px solid #000;margin:6px 0;width:100%;background:#fff}
.nav{max-width:1100px;min-width:1000px}
.topfixed{position:fixed;top:0;left:0;z-index:9;margin:0;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.nav&gt;li{float:left;width:10%;height:34px;line-height:34px;text-align:center;position:relative}
.nav&gt;li&gt;a{display:inline-block;font-size:14px;height:31px;text-transform:uppercase}
.nav&gt;li&gt;a:hover,.nav .on{border-bottom:5px solid black}
.nav .dropdown-menu li a{display:block;background:#fff;color:#333!important;text-align:center;line-height:30px;text-transform:uppercase}
.nav .dropdown-menu li a:hover{background:#010101;color:#fff!Important}
.nav .dropdown-menu{position:absolute;top:34px;left:50%;z-index:9999999;width:100px;margin:0 0 0 -50px;background-color:#fff;border-top:2px solid #000;display:none;box-shadow:0 0 5px rgba(0,0,0,.1)}
.open&gt;.dropdown-menu{display:block}
.bread{display:none}
.fwtit{font-size:24px;text-align:center;margin:20px 0;}
.titles{text-align:center;line-height:1.5;margin:40px auto 50px}
.titles .tit{font-size:24px;font-weight:600}
.titles p{color:#404040;margin:15px}
.title{font-size:22px;line-height:22px;margin-bottom:30px;margin-top:30px;font-weight:bold;border-bottom:2px solid #000;position:relative;padding:0 0 5px 0;text-transform:uppercase; overflow: hidden;}
.title h2{border: none;margin-bottom: 0;}
.title em{display:block;width:22px;height:4px;background:#000;position:absolute;bottom:-5px}
.title .tit-text{float:left;}
.title .tit-info{float:right; color:#333;line-height:22px;margin-top: 30px; font-weight: normal;}
.title .tit-info strong{font-weight:bold;}
.title .tit-info a{color:#33a5da;}
.txtf{color:#fff}
.banner{width:100%;position:relative}
.banner .hd{width:30%;position:absolute;left:50%;margin-left:-15%;bottom:30px;z-index:10}
.banner .hd ul{overflow:hidden;zoom:1;text-align:center}
.banner .hd ul li{display:inline-block;_display:inline;_zoom:1;*display:inline;*zoom:1;margin:0 12px;border-radius:50%;width:20px;height:20px;background:#e5e4e4;cursor:pointer}
.banner .hd ul li.on{background:#000;color:#fff}
.banner .bd{position:relative;height:100%;z-index:0}
.banner .bd li{zoom:1;vertical-align:middle}
.banner .bd img{width:100%;display:block}
.banner .prev,.banner .next{position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../img/next.png) no-repeat;filter:alpha(opacity=50);opacity:.5}
.banner .prev{background:url(../img/prev.png) no-repeat}
.banner .next{left:auto;right:3%;background-position:8px 5px}
.banner .prev:hover,.banner .next:hover{filter:alpha(opacity=100);opacity:1}
.banner .prevStop{display:none}
.banner .nextStop{display:none}
.serbox{position:absolute;z-index:8;right:10.7%;bottom:-145px}
.serbox .tit{color:#fff;font-size:20px;font-weight:600;margin-bottom:5px;margin-left:12px}
.serbox ul{padding:30px 60px 15px;width:370px;background:rgba(0,0,0,.85)}
.serbox li{float:left;width:33.333%;text-align:center;margin:15px 0}
.serbox li a{opacity:.9;display:inline-block;border-radius:50%;width:99px;height:99px}
.serbox li a:hover{opacity:1;box-shadow:0 0 20px #fff;transform:scale(1.1)}
.servlist{margin:50px 0}
.servlist li{float:left;width:15.666666%;margin:0 .5%;background:#f5f5f5;transition:all .5s}
.servlist .pic{background:#000;height:245px;width:100%;text-align:center}
.servlist .pic img{margin-top:20px}
.servlist .txt{margin:10px;line-height:1.5;font-size:12px;color:#353535dd;height:54px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.servlist li:hover{box-shadow:0 0 15px rgba(123,108,197,0.8)}
.adva{font-weight:600;position:relative;z-index:5;margin-top:40px;padding-top:15px}
.adva .btit{position:relative;z-index:3;height:2px;width:55%;background:#000}
.adva .btit strong{display:inline-block;position:absolute;z-index:5;top:-15px;left:50px;font-size:30px;padding:0 20px 0 10px;background:#fff}
.adva .stit{font-size:24px;margin:50px 0 0 50px;border-bottom:2px solid #000;display:inline-block}
.adva p{margin:30px 0 40px 50px;font-size:14px;line-height:1.5}
.line{width:100%;height:2px;background:#000;position:relative}
.line em{position:absolute;bottom:2px;right:0;display:inline-block;height:15px;width:5px;background:#000}
.pcc-zhenghecase{width:1256px;margin:0 -3px;height:240px;overflow:hidden}
.pcc-zhengheleft{width:100%}
.pcc-zhengheleftin{width:19.4%;height:240px;float:left;margin:0 .3%;position:relative;vertical-align:middle;overflow:hidden;transform:none}
.pcc-zhengheleftin1{width:100%;height:100%; padding: 0 15px; box-sizing: border-box; position:absolute;background-color:#31276c;overflow:hidden;z-index:3;opacity:0;transition:all .3s ease-in-out 0s}
.pcc-zhengheleftin:hover .pcc-zhengheleftin1{opacity:1}
.pcc-zhengheleftin&gt;img{width:100%;vertical-align:middle;float:left;transition:all .3s ease-in-out 0s}
.pcc-zhengheleftin:hover .pcc-zhengheimg{width:110%;margin-left:-5%;margin-top:-5%;vertical-align:middle}
.pcc-zhenghecenter{width:39.5%;margin:.25%;height:490px;overflow:hidden;float:left;position:relative;overflow:hidden}
.pcc-zhenghecenter1{width:100%;height:100%;display:block;background-color:#31276c;position:absolute;z-index:3;opacity:0;transition:all .3s ease-in-out 0s}
.pcc-zhenghecenter:hover .pcc-zhenghecenter1{opacity:1}
.pcc-zhenghecenter&gt;img{width:100%;float:left;transition:all .3s ease-in-out 0s}
.pcc-zhenghecenter:hover .pcc-zhengheimg1{width:110%;margin-left:-5%;margin-top:-5%;vertical-align:middle}
.pcc-zhengheright{width:20%;float:right}
.pcc-zhengherightin{width:97.354%;margin:1.323%;height:240px;float:left;position:relative;overflow:hidden}
.pcc-zhengherightin1{width:100%;height:100%;position:absolute;background-color:#31276c;z-index:3;opacity:0;transition:all .3s ease-in-out 0s}
.pcc-zhengherightin:hover .pcc-zhengherightin1{opacity:1}
.pcc-zhengherightin&gt;img{width:100%;float:left;transition:all .3s ease-in-out 0s}
.pcc-zhengherightin:hover .pcc-zhengheimg2{width:110%;margin-left:-5%;margin-top:-5%;vertical-align:middle}
.pcc-zhenghetitle1{width:100%; line-height: 28px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:44px 0 0 ;font-size:18px;font-weight:bold;text-align:center;color:#fff}
.pcc-zhenghecantent1{width:100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 0 0; font-size: 16px; line-height: 26px;text-align:center;color:#fff}
.pcc-zhenghecont{width:100%; line-height: 22px; height: 66px; overflow: hidden; font-size: 14px;  color: #fefffe;} /*padding: 29px 0 0;*/
.pcc-zhenghecont p{color: #fefffe;}
.pcc-zhengheyudliang{width:85px;color:#fff;font-size:16px;float:right;bottom:10px;position:absolute;right:0}
.pcc-zhengheyudliang img{width:25px;margin-top:4px;margin-right:4px}
.pcc-index-forth-box{display:table;margin: 0 -3px;width:1258px;}
.pcc-index-forth-box ul{width:100%;display:table}
.pcc-index-forth-box ul li{float:left;width: 32.7%;margin:0 .3%;}
.pcc-index-forth-box ul li .style{width:100%;height:203px;position:relative;background:#c72c98;z-index:5;overflow:hidden;margin:8px 0}
.product2 ul li .style{background:#53c4ce}
.pcc-index-forth-box ul li .style .mask{top:0;left:0;opacity:0;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style1{height:410px}
.pcc-index-forth-box ul li .style1 .img{width:100%;overflow:hidden}
.pcc-index-forth-box ul li .img{overflow:hidden;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li img{opacity:1;transition:all .3s ease-in-out 0s;display:block;width:100%;vertical-align:middle}
.pcc-index-forth-box .style1 .mask{top:0;left:0;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .mask{display:block;position:absolute;width:100%;height:100%;background:#31276c;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style1 h4{opacity:0;top:80px;left:0;color:#FFF;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li h4{display:block;position:absolute;width:100%;font-size:24px;font-weight:bold;line-height:28px;text-align:center;color:#333}
.pcc-index-forth-box ul li.style1 .txt{opacity:0;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .txt{display:block;position:absolute;width:50%}
.pcc-index-forth-box ul li .hot{display:block;position:absolute;bottom:8px;right:20px;padding-left:30px;height:18px;font-size:14px;line-height:18px;color:#FFF}
.pcc-index-forth-box ul li .style2 .img{width:50%;float:right;overflow:hidden}
.pcc-index-forth-box ul li .img{overflow:hidden}
.pcc-index-forth-box ul li .style2 .mask{top:0;left:0;height:100%;display:block;position:absolute;width:100%;background:#31276c;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style2 h3{margin-top:-14px;color:#fff;top:50%;left:0;width:48%;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:table-cell;vertical-align:middle;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li h4{opacity:0;display:block;position:absolute;width:92%;font-size:20px;font-weight:bold;line-height:28px;text-align:center;color:#333;transition:all .3s ease-in-out 0s;padding:0 4%}
.pcc-index-forth-box ul li h3{opacity:0;display:block;position:absolute;width:92%;font-size:20px;font-weight:bold;line-height:28px;text-align:center;color:#333;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style2 .txt{top:37px;opacity:0;right:0;width:50%!important}
.pcc-index-forth-box ul li .style2 .desc{top:97px;opacity:0; height: 66px;overflow:hidden;}
.pcc-index-forth-box ul li .style1 .txt{top:115px;opacity:0}
.pcc-index-forth-box ul li .style1 .desc{top:205px;opacity:0}
.pcc-index-forth-box ul li .txt{transition:all .3s ease-in-out 0s;display:block;position:absolute;width:100%}
.pcc-index-forth-box ul li .txt p{margin:0 auto;width:80%;font-size:16px;line-height:26px;color:#FFF;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcc-index-forth-box ul li .desc{transition:all .3s ease-in-out 0s;display:block;position:absolute;width:100%; height: 154px; line-height: 22px; font-size: 14px; color: #fefffe;}
.pcc-index-forth-box ul li .desc p{ padding: 0 15px;  color: #fff; overflow:hidden; }
.pcc-index-forth-box ul li .hot{display:block;opacity:0;position:absolute;bottom:8px;right:20px;padding-left:30px;height:18px;background:url(../img/hot.png) no-repeat 0 center;font-size:14px;line-height:18px;color:#FFF;transition:all .3s ease-in-out 0s}
.pcc-index-forth-box ul li .style:hover .mask,
.pcc-index-forth-box ul li .style:hover .pcc-li-letter,
.pcc-index-forth-box ul li .style:hover .txt,
.pcc-index-forth-box ul li .style:hover .hot,
.pcc-index-forth-box ul li .style:hover .desc{opacity:1}
.pcc-index-forth-box ul li .style:hover .pcc-li-letter{color:#fff}
.pcc-index-forth-box ul li .style2:hover h3{top: 35px; margin-top: 0;}
.new{max-width:none;width:1270px;margin:0 -10px}
.new li{width:403px;height:270px;margin:0 10px;float:left;background:#f5f5f5;overflow:hidden}
.mt20 li{margin-bottom:20px}
.yk_01{padding:40px 26px 40px 40px;margin:0 auto;background:#f9f9f9;margin-bottom:30px}
.ydiv_01{width:50%;float:left;height:100%;overflow:hidden}
.ydiv_01 img{width:100%;height:100%;transition:all .3s}
.ydiv_01 span{display:block;width:80%;height:36px;line-height:36px;margin:0 auto;text-align:center;font-size:18px;font-weight:normal;border-top:1px solid #69aba5}
.ydiv_02{width:46%;font-size:14px;float:right;padding:15px 2%}
.ydiv_02 .tit{display:block;margin:25px 0;/* height: 32px;*/font-weight:600;line-height:1.5;/* display:-webkit-box;*//* -webkit-line-clamp:2;*//* -webkit-box-orient:vertical;*/overflow:hidden;}
.ydiv_02 .date{color:#565656;display:block}
.ydiv_02 .btn{display:block;color:#565656;width:80px;height:20px;line-height:20px;border:1px solid #646564;text-align:center;font-size:12px}
.ydiv_02 .btn:hover{background:#000;color:#fff}
.ydiv_02 .info{height:98px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:10px 0;color:#666;font-size:14px}
.ydiv_02:hover,.ydiv_02:hover .tit{color:#342a71}
.new li:hover img{transform:scale(1.1)}
.xinwen{width:1260px;margin:0 -5px}
.xinwen li{margin:0 5px 10px;height:auto;width:305px}
.xinwen .ydiv_01{width:100%}
.xinwen .ydiv_01{height:305px}
.xinwen .ydiv_02{width:96%;padding:10px 2%}
.xinwen .ydiv_02 .tit{margin:20px 0; text-overflow: initial; white-space: initial; line-height: 1.5;}
.xinwen .ydiv_02 .info{height:68px;-webkit-line-clamp:3}
.newlist{width:1290px;margin:0 -20px}
.newlist li{width:390px;margin:0 20px 40px}
.newlist .ydiv_01{height:540px}
.newlist .ydiv_02{padding:10px 3% 30px;width:94%}
.newlist .ydiv_02 .tit{margin:15px 0;font-size:16px;overflow:hidden;-webkit-line-clamp:1}
.fwlist .ydiv_01{height:390px}
.fwlist .ydiv_02{text-align:center;padding:5px 3%}
.ab_box{margin-top:60px;background:url(../img/ab_bg.jpg) no-repeat;background:#f5f5f5;background-size:cover;position:relative}
.ab_box .line{height:6px}
.ab_box .about{padding:20px 22px 140px;margin-top:25px}
.ab_box .about p{line-height:1.5;font-size:16px;letter-spacing:2.8px;font-weight:600}
.ab_box .ab_btn{text-align:center;margin-top:60px}
.ab_box .ab_btn a{display:inline-block;width:200px;height:34px;line-height:34px;font-size:16px;margin:0 30px;background:#362a74;color:#fff;transition:all .5s;text-transform:uppercase}
.ab_box .ab_btn a:hover{-o-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.dibu{position:absolute;bottom:20px;left:0;width:100%;height:70px;line-height:70px;background:rgba(0,0,0,0.6)}
.dibu1{width:1240px;height:70px;line-height:70px;margin:auto}
.dibu1 ul{text-align:center}
.dibu1 ul li{font-size:18px;text-align:center;color:#fff;line-height:70px;display:inline-block;_zoom:1;_display:inline;* zoom:1;* display:inline;padding:0 28px}
.dibu1 ul li span{color:#ff9c00;line-height:60px;font-size:18px}
.tab2-bottom{margin-bottom:20px}
.tab2-bottom li{width:32.333333%;margin:0 .5%;float:left;font-size:18px;text-align:center;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
.tab2-bottom li p{font-size:18px}
.tab2-bottom li:hover{-o-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.tab2-bottom span{font-size:60px;color:#000;margin:10px 0 15px;display:block}
.clients{margin:50px auto}
.clients .bd{width:94%;overflow:hidden;margin:0 3%;padding:20px 0;background:#e6e6e6}
.clients .bd li{text-align:center}
.clients .bd li img{width:auto;display:inline-block}
.clients .prev{left:0;background:url(../img/prev2.png) no-repeat}
.clients .next{right:0;background:url(../img/next2.png) no-repeat right}
.pager{width:90%;overflow:hidden;text-align:left;margin:40px auto;text-align:center}
.pager li{font-size:16px;margin:0 10px;padding:4px 4px;text-decoration:none;display:inline-block}
.pager li.active,.pager li.current,.pager li:hover{background:#000}
.pager li.disabled:hover{background:0}
.pager li.disabled span{color:#999}
.pager li.active span,.pager li.current a,.pager li:hover a{color:#fff}
.con{margin:18px auto 20px;line-height:1.8!important}
.con_l{width:76%}
.con_r{width:21.8%;border-left:2px solid #000;margin-left:1%;padding-left:1%;margin-top:189px;padding-bottom:200px}
.tline{width:100%;height:2px;background:#000;position:relative}
.tline em{display:inline-block;width:20px;height:2px;background:#000;position:absolute;top:0;height:6px}
.con_l_t,.con_l_b{position:relative;margin-bottom:15px}
.con_l_t .tit{font-size:24px;font-weight:600;margin:20px 0 15px;line-height:1.5}
.con_l_t .tit em{display:block;width:20px;height:3px;background:#000;margin-top:8px}
.con_l_t .fwkh{margin-top:10px}
.con_l_t .fwkh span{display:block;line-height:1.5;text-transform:uppercase}
.con_l_t .fwkh .s1{font-weight:600}
.con_l_t .fwkh em{display:block;width:12px;height:1px;background:#000;margin-top:3px}
.fenxiang{overflow:hidden;height:24px;position:absolute;right:0;bottom:0}
.fenxiangdao{float:left;line-height:24px;margin-right:10px}
.bdsharebuttonbox{float:left}
.fenxiang .bdsharebuttonbox a{float:left;width:24px;height:24px;text-indent:-9999px;padding:0;margin:0 8px 0 0;opacity:.7;filter:alpha(opacity=70);transition:all .3s}
.fenxiang .bdsharebuttonbox .popup_fbook{background:url(../img/share.jpg) no-repeat}
.fenxiang .bdsharebuttonbox .popup_twi{background:url(../img/share.jpg) no-repeat -30px 0}
.fenxiang .bdsharebuttonbox .popup_weixin{background:url(../img/share.jpg) no-repeat -60px 0}
.fenxiang .bdsharebuttonbox .bds_tsina{background:url(../img/share.jpg) no-repeat -89px 0}
.fenxiang .bdsharebuttonbox .bds_qzone{background:url(../img/share.jpg) no-repeat -119px 0}
.fenxiang .bdsharebuttonbox a:hover{opacity:1;filter:alpha(opacity=100)}
.con_l_m{line-height:1.8}
.con_l_b{margin:120px 0 15px}
.con_l_b .fenxiang{margin:0 0 50px}
.con_r_m{margin:30px 0;padding:25px 0;border:1px solid #000;border-left:0;border-right:0;width:100%;position:relative}
.search_input{width:79%;height:30px;line-height:30px;background:#fff;font-size:12px;color:#999;padding-left:11px;border:2px solid #000;border-right:0;outline:0;float:left}
.search_btn{width:16%;height:34px;line-height:34px;font-size:14px;text-align:center;border:2px solid #000;color:#fff;background:url(../img/icon-ser.png) no-repeat center;text-indent:16px;font-weight:bold;cursor:pointer;float:right;position:absolute}
.artlist .tit{font-size:16px;font-weight:600}
.artlist li{height:70px;overflow:hidden;margin-top:15px}
.artlist .artlist_l{width:70px;height:100%;transition:all .3s;overflow:hidden}
.artlist .artlist_l img{width:100%;height:100%;transition:all .3s}
.artlist .artlist_r{width:70%;line-height:1.5}
.artlist li:hover img{transform:scale(1.1)}
.artlist li:hover .artlist_r{color:#e73a68}
.design_tit{text-align:center;margin:50px 0}
.design_tit li{display:inline-block;_zoom:1;_display:inline;*zoom:1;*display:inline;border:2px solid #000;cursor:pointer;background:#fff;font-weight:600;margin:0 2px;height:34px;line-height:34px}
.design_tit a{display:block;min-width:70px;padding:0 20px;font-size:16px;text-align:center}
.design_tit a:hover,.design_tit .on{background:#000;color:#fff}
.design_list li{float:left;width:24.2%;margin:0 .3%;height:300px;margin-bottom:6px;overflow:hidden}
.design_list li img{width:100%;height:100%}
.design_list .item{position:relative}
.design_list .item .hover{position:absolute;top:0;left:0;padding:0 5%;text-align:center;opacity:0;transition:all .3s;width:90%;height:100%;display:table;background:url(../img/view.png) repeat;background:rgba(48,39,106,.85);transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5)}
.design_list .item:hover .hover{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.design_list .item .hover .con{display:table-cell;vertical-align:middle}
.design_list .hover .con&gt;*{color:#fff;font-size:20px;text-transform:uppercase;line-height:1.5}
.design_list .hover .cntit{font-size:24px}
.design_list .item1{width:48.5%;background:#e5e5e4;padding:0 0 20px .5%;height:280px}
.design_list .item1 .title{width:85%;margin-bottom:20px}
.design_list .item1 .btit{font-size:24px;font-weight:600}
.design_list .item1 .btit em{display:block;width:20px;height:3px;background:#000;margin:13px 0 18px}
.design_list .item1 .stit strong{font-weight:600;display:block}
.design_list .item1 .stit span{display:block;margin:4px 0 6px}
.design_list .item1 .stit em{display:block;width:12px;height:1px;background:#000}
.design_list .item1 p{width:95%;line-height:1.5;margin-top:10px;height:66px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.sdesign{width:1260px;margin:0 -5px}
.sdesign li{width:305px;margin:0 5px 10px}
.product_list .item1{float:left;width:48%;background:#e5e5e4;padding:0 0 20px 1%;margin:0 .5% 15px;height:390px;box-shadow:0 2px 3px #f1f1f1}
.product_list .item1 .title{width:85%;margin-bottom:20px}
.product_list .item1 .btit{font-size:24px;font-weight:600}
.product_list .item1 .btit em{display:block;width:20px;height:3px;background:#000;margin:13px 0 18px}
.product_list .item1 .stit strong{font-weight:600;display:block}
.product_list .item1 .stit span{display:block;margin:4px 0 6px}
.product_list .item1 .stit em{display:block;width:12px;height:1px;background:#000}
.product_list .item1 p{width:95%;line-height:1.5;margin-top:10px;height:168px;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.products-hoverlist{width:24%;margin:0 .5% 15px;overflow:hidden;float:left;zoom:1;box-shadow:0 2px 3px #f1f1f1}
.products-hoverlist .pic{display:block;height:300px}
.products-hoverlist .pic img{width:100%;height:100%}
.products-list-text{position:relative;width:100%;height:110px;background:#fff;clear:both;z-index:3}
.products-list-text h2{padding:15px 0 0 0;margin:0 16px 0 15px;font-size:18px;line-height:30px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.products-list-text p{margin:12px 15px 0 15px;font-size:14px;line-height:18px;color:#666;overflow:hidden!important;text-overflow:-o-ellipsis-lastline!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;white-space:-moz-pre-space!important}
.products-hoverlist:hover .products-list-text{background:#31276c}
.products-hoverlist:hover .products-list-text h2,.products-hoverlist:hover .products-list-text p{color:#fff}
.products-hot{position:absolute;bottom:8px;right:20px;padding-left:30px;height:18px;background:url(../img/hot2.png) no-repeat 0 center;line-height:18px;color:#333;font-size:12px}
.products-hoverlist:hover .products-hot{background:url(../img/hot.png) no-repeat 0 center!important;color:white}
.products-hoverlist:hover img{z-index:1;cursor:pointer;transition:all .6s;transform:scale(1.05)}
.d_info{margin:30px auto 50px}
.dinfo_l{position:relative;overflow:hidden;width:835px}
.dinfo_l .bigImg{height:550px!important;overflow:hidden;margin-bottom:10px;position:relative;border:1px solid #dcdddd}
.dinfo_l .bigImg li{height:100%;line-height:550px;text-align:center;overflow:hidden}
.dinfo_l .bigImg li img{vertical-align:middle;width:100%;height:100%}
.dinfo_l .bigImg h4{font-size:14px;font-weight:bold;line-height:33px;height:33px;padding-right:30px;overflow:hidden;text-align:left}
.dinfo_l .smallScroll{height:100px;margin-bottom:4px}
.dinfo_l .sPrev,.dinfo_l .sNext{float:left;display:block;width:40px;height:100%;text-indent:-9999px;background:url(../img/prev.png) no-repeat center;background-size:15px;margin-right:8px;opacity:.7}
.dinfo_l .sNext{background:url(../img/next.png) no-repeat center;background-size:15px;float:right;margin:0}
.dinfo_l .sPrev:hover,.dinfo_l .sNext:hover{opacity:1}
.dinfo_l .smallImg{float:left;display:inline;width:89%;overflow:hidden}
.dinfo_l .smallImg ul{height:100px;width:auto;overflow:hidden;text-align:center}
.dinfo_l .smallImg li{margin:0 10px 0 0;width:140px!important;height:100px!Important;cursor:pointer;display:inline-block;*display:inline;*zoom:1}
.dinfo_l .smallImg img{height:100%;width:100%}
.dinfo_l .smallImg .on{width:136px!important;height:96px!Important;border:2px solid black}
.dinfo_r{width:28%;line-height:1.5;margin-top:60px}
.dinfo_r li{margin-bottom:2px}
.dinfo_r li strong{font-weight:600;float:left;margin-right:15px;width:56px}
.dinfo_r span{color:#6b6b6b;float:left;width:79%}
.dinfo_r .title{margin-bottom:20px}
.dinfo_r .con{color:#000;max-height:460px;overflow-y:auto}
.about img{width:100%;height:100%}
.about .pic{margin-bottom:30px}
.about .pic_l{width:68%;height:480px}
.about .pic_r{width:31%;text-align:right}
.about .pic_r .pic_r1{height:212px;margin-bottom:5px}
.about .pic_r .pic_r2{height:254px}
.about p{line-height:2}
.yf_box{padding-bottom:90px}
.about,.a1,.a2,.a3{line-height:2;padding-top:25px}
.a1 ul{width:1280px;margin:0 -15px}
.a1 li{float:left;width:396px;height:225px;text-align:center;margin:0 15px}
.a1 li img{width:100%;height:100%}
.map{width:100%;height:660px}
.map img{max-width:none!Important;max-height:none!Important}
.mt30{margin-bottom:30px!important}
.mt50{margin-bottom:50px!important}
.lianxi li{line-height:1.5;font-size:16px;margin-bottom:5px}
.lianxi .tit{background:#000;color:#fff;margin-bottom:15px;display:inline-block;*zoom:1;*display:inline;_zoom:1;_display:inline;padding:0 10px;height:34px;line-height:34px;text-align:center}
.form_ul{margin-bottom:50px}
.form_line{overflow:hidden;width:100%}
.form_txt,.form_yu{font-family:microsoft yahei;font-size:16px;width:100%;height:60px;padding-left:1%;border:1px solid #acadac;margin-bottom:12px;background:transparent;box-sizing:border-box}
.form_yu{height:200px;resize:none;padding-top:10px;font-family:microsoft yahei}
.form_submit{cursor:pointer;width:200px;height:60px;border:1px solid #acadac;background:#fff;font-size:20px}
.form_submit:hover{background:#000;color:#fff}
.job{margin-top:40px}
.job li{margin-bottom:50px}
.job .tit{border:2px solid #000;font-weight:600;font-size:18px}
.dot{display:inline-block;vertical-align:2px;margin-right:10px;width:6px;height:6px;background:#000;border-radius:50%}
.job .con{line-height:2}
.footer{background:#000}
.footer .flogo{width:62px;line-height:20px;background:#fff;font-weight:600;letter-spacing:4px;text-align:center}
.footer .tit{margin-bottom:8px;font-size:26px;font-weight:600;line-height:1.3;color:#fff;text-align:left}
.footer .line{background:#fff;height:3px;margin-bottom:27px}
.footer .line em{background:#fff;left:0;top:0;height:10px}
.foot_t{padding-bottom:15px;border-bottom:1px solid #d19f62}
.footer .tit em{display:block;width:40px;height:2px;background:#fff;margin-top:10px}
.flinkbox{border-bottom:1px solid #2b2b2b;margin-bottom:20px}
.flink{padding:10px 0;color:#eee}
.flink li{display:inline-block;*zoom:1;*display:inline;_zoom:1;_display:inline;margin:0 5px;line-height:24px}
.flink li a{color:#eee}
.foot_l{float:left;width:42%}
.copyright{text-align:center;color:#ddd;border-top:1px solid #2b2b2b;margin-top:25px;padding:15px 0}
.copyright span,.copyright a{color:#ddd;display:inline-block;margin-left:15px}
.copyright a{margin-left:0}
.foot_l li{float:left}
.foot_l li a{font-size:20px;float:left;color:#fff;font-weight:600;margin-right:45px}
.qr-code{float:right;width:150px;height:150px;margin-left:15px}
.qr-code img{width:100%}
.foot_r{width:33%;float:right;font-size:14px;margin-top:23px;max-height:127px;overflow-y:auto}
.foot_r .foot_tit{padding:0 5% 20px;padding-bottom:20px;border-bottom:1px solid #fff;font-weight:600;font-size:16px;color:#fff}
.foot_r .foot_wb{float:right;display:none}
.foot_r .hover{position:absolute;bottom:70px;left:50%;margin-left:-60px;width:120px;height:120px;background:#989898;text-align:center;opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease}
.foot_r .hover i{position:absolute;bottom:-20px;left:50%;margin-left:-10px;display:block;width:0;height:0;border-width:10px;border-style:solid;border-color:#989898 transparent transparent transparent}
.foot_r .hover span{display:inline-block;width:104px;height:104px;background:url(../img/wx.jpg) center;background-size:contain;margin-top:8px}
.foot_r .foot_wb .hover span{background:url(../img/wb.jpg) center;background-size:contain}
.foot_r .hover.on{opacity:1;bottom:35px}
.foot_r dl{padding:5px 5%;border-bottom:1px solid #fff}
.foot_r dl:hover{background:#404241}
.foot_r dl dt{background:#fff;float:left;width:60px;line-height:30px;text-align:center;font-size:16px;font-weight:600;margin-top:1px}
.foot_r dl dd{float:right;width:80%}
.foot_r dl dd p{color:#fff;line-height:1.3;font-size:13px}
.foot_r dl dd p em{display:inline-block;width:10px;height:14px;background:url(../img/icon1.png) no-repeat left bottom;margin-right:5px}
.foot_r .ftel em{background:url(../img/icon2.png) no-repeat left bottom}
.footer-ly{width:100%;background:#fff;z-index:999;padding:30px 0;position:static}
.footer-ly.fix{position:fixed;bottom:0;box-shadow:0 -4px 10px rgba(0,0,0,.1);padding:15px 0}
.flogo{width:27%}
.flogo span{font-size:30px;color:#ec870e;float:left;margin-left:25px;margin-top:3px}
.flogo img{width:200px;float:left}
.footer-input{width:59%;margin-top:4px;overflow:hidden;float:left}
.footer-ly .input{float:left;width:152px;height:36px;line-height:36px;border:1px solid #ccc;border-radius:10px;padding:0 10px;margin-right:20px}
.footer-ly .yzm{background:#bfbfbf;float:left;border-radius:10px;margin-right:25px}
.footer-ly .yzm .input{width:100px;margin:0;border-radius:10px 0 0 10px}
.footer-ly .yzm span{width:70px;height:36px;line-height:36px;float:left;text-align:center;color:#fff;font-style:italic;font-size:20px}
.footer-ly .btn{width:104px;background:#ec870e;color:#fff;text-align:center;cursor:pointer;line-height:36px;border-radius:10px;border:1px solid #ec870e}
.footer-ly .foot_tel{margin-top:7px}
.footer-ly .foot_tel .tel{width:40px;height:34px;background:url(../img/ftel.png) no-repeat;margin:0;float:left;margin-right:10px}
.footer-ly .foot_tel .tel_r{float:left;height:34px}
.footer-ly .foot_tel .tel_r em{display:block;font-size:14px}
.footer-ly .foot_tel .tel_r span{font-size:20px;color:#ec870e;line-height:normal;height:20px}
.floating_ck{position:fixed;right:0;bottom:50px;margin-top:-182px;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.3)}
.floating_ck dl{border-radius:5px}
.floating_ck dl dd{width:50px;height:45px;background-color:#404040;text-align:center;cursor:pointer;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease}
.floating_ck dl dd:hover,.floating_ck dl dd.on{background-color:#000;color:#fff}
.floating_left1{position:absolute;left:-120px;width:120px;height:120px;top:0;background-color:#147770;border-bottom:solid 1px #005f58;opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease}
.floating_ck dl dd:hover .floating_left1{top:-30px;opacity:1}
.words{background-image:url(../img/zaixin.png)}
.words a{color:#fff}
.quote{background-image:url(../img/tele_phone.png)}
.qrcord{background-image:url(../img/erweima1.png)}
.return{background:url(../img/fanhui.png) no-repeat center}
.floating_ck dd span{color:#fff;display:block;font-size:14px;height:100%}
.floating_ck dd span b{color:#fff;font-weight:bold}
.floating_ewm i{background-image:url(../img/wx.jpg);display:block;width:104px;height:104px;margin:auto;margin-top:7px;background-size:cover}
.pcc-index-forth-box ul li .style{background:#66bdf2;}</pre></body></html>