<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{padding:0;margin:0;}
body{ font-family: "Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; color:#232424; padding:0; margin:0; list-style:none; overflow-x: hidden; }
body &gt; section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
.bmax{ width:100%; height:80px; float:left;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bline{ width:100%; height:1px; background:#c6c6c6; float:left; margin:15px 0px;}	
.containermian{ width:100%; height:auto; float:left; overflow:hidden; }
.maxd{ width:1920px;}
.xmd{ width:1600px;}
.md{ width:1500px; }
.cmd{ width:1200px; }
.plr0{ padding:0px;}
.plr10{ padding:0px 10px;}
.plra10{ padding:10px; }
.plra15{ padding:15px;}
.plra1525{ padding:20px 25px;}
.plra155{ padding:0px 5px 25px;}
.plra5{ padding:5px; }
.posr{ position:relative; z-index:1;}
.posa{ position:absolute;}
.foal{ float:left; }
.foar{ float:right; }
.ht100{ height:100%;}
.bg{ background: #323232;}
.cbg{ background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#efefef,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 10px 35px #efefef;/*兼容firefox*/
-webkit-box-shadow: 0px 10px 35px #efefef;/*兼容safari或chrome*/
box-shadow:0px 10px 35px #efefef;/*兼容opera或ie9*/
}
.ctc{
background: linear-gradient(bottom, #f2f1f1, #fafafa);
background: -ms-linear-gradient(bottom, #f2f1f1, #fafafa);
background: -webkit-linear-gradient(bottom, #f2f1f1, #fafafa);
background: -moz-linear-gradient(bottom, #f2f1f1, #fafafa);
}

/*--　浮动 --*/
/*#fixnav{position:fixed;
-webkit-animation:searchTop .5s ease-in-out;
-moz-animation:searchTop .5s ease-in-out;
animation:searchTop .5s ease-in-out
}
-webkit-keyframes searchTop {0% {top:-100px}to {top:0}}
@-moz-keyframes searchTop {0% {top:-100px}to {top:0}}
@keyframes searchTop {0% {top:-100px}to {top:0}}*/

/*-- --*/
#firstban{ width:100%; height:100%; background:url(../img/svg-loaders/circles.svg) center center no-repeat #221c1c; position: absolute; left: 0; top:0; z-index: 10;}
.bannerbox{ width:100%; height: auto; float: left; position: relative;}
.flexslider ul li.liban a&gt;i{ float:left; position: relative; font-style: normal; width:100%; }
.flexslider ul li.liban a&gt;i img{width:100%;}
.flexslider ul li.liban a&gt;i .showwords{ width:60%; height: auto; position: absolute; left:37%; top:38%; display: none; }
.flexslider ul li.liban.flex-active-slide a&gt;i .showwords{ display: block;}
.flexslider ul li.liban a&gt;i .showwords h1{ width:100%; height: auto; float: left; font-size: 36px; line-height: 50px; color: #FFF; position: relative; color: #FFF; text-shadow: black 0.1em 0.1em 0.2em}
.flexslider ul li.liban a&gt;i .showwords h2{ width:100%; height: auto; float: left; font-size: 20px; line-height: 30px; color: #FFF; position: relative; color: #FFF; text-shadow: black 0.1em 0.1em 0.2em; padding: 30px 0px;}
.flexslider ul li.liban a&gt;i .showwords p{ width:100%; height: auto; float: left; font-size: 16px; line-height: 25px; color: #FFF; position: relative; color: #FFF; text-shadow: black 0.1em 0.1em 0.2em;}
#videolook{ display:block; position:relative;}
#videono{ display:none;}

.goplay{ width:100%; height: 100%; position: absolute; left: 0; top:0; z-index:2; }
.goplay i{ width:100%; height: auto; float: left; text-align: center; margin-top:21%;}
.goplay i img{ width:50px;}

/*-- 首页头部 --*/
.headerbox{ width:100%; min-height: 108px; float: left; background-color: #129d99; position:relative; z-index: 9; border-bottom: 1px solid #928476;}
.logo{ width:500px; height:108px; position: absolute; left: 15px; top: 0; }
.logo&gt;i{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%);}
.logo&gt;i a{ display:block;}
.logo&gt;i a img{ max-width: 100%; display: inline-block; vertical-align:middle;}
#timg{ padding-top: 5px; padding-left:5px;}
.navbox{ float:right; margin-top: 47px; padding-right:120px; }
.navbox ul{ display: flex; align-items:center; justify-content:center; height: 100%; }
.navbox ul li{ padding: 0px 15px; }
.navbox ul li a{ font-size:19px; color:#FFF; position: relative; }
.navbox ul li i{ width:10%; height:2px; background:#FFF; position:absolute; bottom:-35px; left:45%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.navbox ul li:hover i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; width:90%; left:5%;}
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}

.scen{ position:absolute; right:0; top:45px;}
.language{ width:auto; cursor:pointer; float:left; position:relative; z-index:10; padding-right:15px;}
.language p{ float:left;}
.language i{ width:30px; height:30px; float:left;}
.language a span{ float:left; line-height:25px; font-size:18px; color:#FFF; padding:3px 5px 0px; position:relative;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.language a span:hover{ color:#000; background:#FFF;}

.searchv{ float:left; padding:0px 10px 0px 0px; position:relative; cursor:pointer;}
.searchv i{ width:27px; height:27px; float:left; text-align:center; padding-top:1px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.searchv img{ max-width:100%;}
.search-show{ width:230px; height:45px; position:absolute; background:#FFF; border:1px solid #000; top:63px; display:none; left:-200px; z-index:9;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#search_input1{ outline:none; height:43px; width:198px; border:0px solid #CCC; line-height:43px; float:left; color:#000; font-size:13px; margin-top:0; padding:0px 10px; background-color:transparent;}
#search_input2{ float:left; width:22px; height:22px; outline:none; margin-top:10px;}

/*-- syone --*/
.syone{ width:100%; height: auto; float: left; background-color: #f7f7f7; padding: 30px 0px 100px;}
.syone .card{ width:20%; border: 0; padding: 5px; background-color: #f7f7f7;}
.syonea{ width:100%; height: auto; float: left; background-color: #FFF; position: relative;
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.syonea .a-img{ width:100%; float: left; padding: 15px 0px 30px; display: flex; align-items: center; justify-content: center; flex-direction:column;}
.syonea .a-img i{ overflow: hidden;}
.syonea .a-img i img{ width:100%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}

.syonea:hover img{
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
}

.syonea .a-img h1{ font-size: 23px; color: #000; padding: 15px 5px;}
.syonea .a-btn{ position:absolute; right:10%; bottom:-23px; width:46px; height:46px; background-color: #129d99;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
}
.syonea .a-btn i{ width:46px; height: 46px; background-color: #FFF; border: 7px solid #129d99; float: right; display: flex; justify-content: center; align-items: center; position: relative;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syonea .a-btn i svg{}
.syonea .a-btn span{ display:none; font-size: 12px; color: #FFF; line-height: 46px; width:80%; padding-right: 20px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.syonea:hover .a-btn{ position:absolute; right:10%; bottom:-23px; height:46px; width:55%; background-color: #129d99;
-moz-border-radius: 60px; /* Firefox */
-webkit-border-radius: 60px; /* Safari 和 Chrome */
border-radius: 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
}
.syonea:hover span{ display: block; position: absolute; left: 15px; top:0; }

/*-- sytwo --*/
.sytwo{ width:100%; height: auto; float: left;}
.sytwo-t{ width:100%; height: auto; float: left; text-align: center; color: #000; position: relative; overflow: hidden; padding-bottom: 40px; }
.sytwo-t p{ font-size: 30px; line-height:30px; padding: 25px 0px;}
.sytwo-t h1{ font-size: 60px; padding-bottom: 5px; background: #FFF; position: relative; z-index: 1;}
.sytwo-t i{ width:70px; height: 70px; display: inline-block; border: 10px solid #129d99; margin-top: -35px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sytwo-case{ width:100%; height: auto; float: left;}
.sytwo-a{ width:100%; height: auto; float: left; position: relative; overflow: hidden; cursor: pointer;}
.sytwo-a i{ display: block;}
.sytwo-a img{ width:100%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.sytwo-a h1{ position: absolute; left: 0; top: 0;  text-align: center; width: 100%; height: 100%; display:flex; justify-content: center; align-items: center;}
.sytwo-a h1 span{border: 2px solid #FFF; font-size: 24px; color: #FFF; width:260px; height: 110px; display:inline-flex; justify-content: center; align-items: center; }

.sytwo-a:hover img{
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
}

.sytwo-a:hover h1 span{ background-color: #129d99; }

.sytwo-wd{ width:100%; height: auto; float: left; display: flex; padding:40px 5px;}
.wdbox{ width:100%; min-height: 560px; background-color: #242424; background-repeat: no-repeat; background-size: cover; position: relative;}
.wdbox::before{ content:''; position: absolute; left: 0; top:0;  background: #000; width:100%; height: 100%; visibility: hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;   
opacity: 0;
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
}
.wdbox:hover::before{ visibility:visible;
filter:alpha(opacity=50);   
-moz-opacity:0.5; 
-khtml-opacity:0.5; 
opacity:0.5; 
}
.wdbox div{ display: flex; width: 100%; height: 100%; justify-content:flex-end; flex-direction: column; padding: 35px; color: #FFF; position: relative; z-index: 1;}
.wdbox div h1{ font-size:30px; font-weight: 600; padding: 15px 0px;}
.wdbox div p{ font-size: 22px; padding-bottom: 30px; }
#svg1{ width:70px; height: 70px;}
#svg2{ width:30px; height: 30px; margin-left: -53px;}
#ts{stroke: #FFF; fill: none;stroke-width: 30px;}


/*-- syth --*/
.syth{ width:100%; height: auto; float: left; }
.syth-t{ width:100%; height: auto; float: left; text-align: center; color: #000; position: relative; overflow: hidden; padding-top: 20px; padding-bottom: 30px; }
.syth-t p{ font-size: 30px; line-height:30px; padding: 25px 0px;}
.syth-t h1{ font-size: 60px; padding-bottom: 5px; background: #FFF; position: relative; z-index: 1;}
.syth-t i{ width:70px; height: 70px; display: inline-block; border: 10px solid #129d99; margin-top: -35px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.syth-m{ width:100%; float: left;}
.synewsone{ width:100%; height: auto; float: left; position: relative; background-color: #f7f7f7;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;
}
.synewsimg{ width:100%; height: auto; float: left; overflow: hidden; background-color: #147673;}
.synewsimg img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.synewsimg:hover img{
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.synewsname{ width:100%; height: auto; float: left; padding: 15px 0px;}
.synewsname h1{ width:100%; height:auto; display: table; float: left;}
.synewsname h1 span{ width:100%; height: 60px; font-size: 18px; color: #000000; vertical-align: middle; display: table-cell; line-height: 20px; font-weight: 600; padding: 0px 8%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.synewsname p{ width:100%; height:70px; display: table; float: left; }
.synewsname p span{ width:100%; height: 100%; font-size: 14px; color: #9a9a9a; vertical-align:top; display: table-cell; padding:0px 8%; }
.synewsname i{ font-size: 13px; padding:10px 8%; color: #9e9e9e; line-height: 25px; font-style: normal; float: left;}
.synewsone:hover{  
filter:progid:DXImageTransform.Microsoft.Shadow(color=#acacac,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 25px #acacac;/*兼容firefox*/
-webkit-box-shadow:0px 0px 25px #acacac;/*兼容safari或chrome*/
box-shadow:0px 0px 25px #acacac;/*兼容opera或ie9*/
}

.syth-btn{ width:100%; float: left; display: flex; justify-content: center; align-items: center; padding: 80px 0px 110px;}
.syth-btn a{ width:320px; height: 90px; font-size: 24px; color: #FFF; display:inline-flex; justify-content: center; align-items: center; flex-direction:row;  background-color: #129d99;}
.syth-btn a span{ flex:60%; text-align: right; padding-right: 10%;  }
.syth-btn a i{ flex:30%; width: 70px;}
.syth-btn a i svg{ float: left; width: 70px;}

/*-- inbanner --*/
.inbanner{ width:100%; height:auto; float:left; position:relative; overflow:hidden; background-color:#242424;}
.inbanner i{ width:100%; height:auto; float:left; background-color:#242424; background-position:center; background-size:cover; background-repeat: no-repeat;}
.inbanner i img{ width:100%; }

/*-- 导航loc --*/
.locbox{ width:100%; height:auto; float: left; position: relative; }
.locbox ul{ display: flex; justify-content:flex-start; align-items: center;  padding: 15px 0px 10px;}
.locbox ul li{ color:#000000; font-size:14px; }
.locbox ul li i{ font-size:14px; color:#000000; float: left;}
.locbox ul li i svg{ width:20px;}
.locbox a{ display:inline-block; color:#000000; font-size:14px;}
.locbox a:hover{ color:#129d99; }
#lochome{ margin-right: 5px; margin-bottom: 2px;}
#lochome svg{ width:20px;}

/*-- 关于我们 --*/
.ab-btn{ width:100%; height: auto; float: left; padding: 20px 0px; text-align: center;}
.ab-btn div{ display:inline-block; height: 52px; border: 1px solid #129d99; background-color: #129d99; overflow: hidden; -moz-border-radius: 60px; /* Firefox */
-webkit-border-radius: 60px; /* Safari 和 Chrome */
border-radius: 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.ab-btn div a{ float: left; color: #FFF; line-height: 50px; padding: 0px 25px; font-size: 18px;
-moz-border-radius: 60px; /* Firefox */
-webkit-border-radius: 60px; /* Safari 和 Chrome */
border-radius: 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
 transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;
}
.ab-btn div a:hover{ background: #FFF; color: #129d99;}
#ab-btn{ background: #FFF; color: #129d99;}
.ab-btn div:hover #ab-btn{ background-color: transparent; color: #FFF;}
#ab-btn:hover{ background-color: #FFF!important; color: #129d99!important;}

.ab-a{ width:100%; height: auto; float: left; text-align: center; }
.ab-a h1{ font-size: 40px; color: #252525; line-height: 40px; position: relative; padding:50px 0px;}
.ab-a h1 span{ position: relative; z-index: 1;}
.ab-a h1::before{ content: 'ABOUT US'; width:100%; height: auto; text-align: center; font-size: 162px; color: #f8f8f8; position: absolute; left: 0; top:50px; }
.ab-a p{ font-size: 16px; color: #252525; line-height: 30px; text-align: left;}
.ab-a i{ display: block; padding: 40px 0 50px;}
.ab-a i img{ width:100%;}

.ab-b{ width:100%; height: auto; float: left; background: #129d99; padding: 50px 0px 40px;}
.aone{ width:25%; height:auto; float: left; text-align: center; color: #FFF;}
.aone h1{ display:block; position: relative;}
.aone h1 span{ display:inline-block; line-height:50px; text-align: center; font-size: 50px; font-weight: 600; cursor: pointer; transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s; 	}
.aone h1 b{ font-size: 40px; font-weight: 600; top:-65px; right: 5px; font-style: normal; font-style: normal;}
.aone p{ width:100%; height: auto; float: left; font-weight: 600; font-size: 17px; line-height: 25px; padding: 10px 0px; }
.aone i{ width: 100%; float: left; padding: 20px 0px 0px; display: flex; justify-content: center; align-items: center;}
.aone i svg{ width: 50px;  }

.ab-c{ width:100%; height: auto; float: left; padding: 30px 0px 100px;}
.ab-ct{ width:100%; height: auto; float: left; text-align: center; padding: 40px 0px; }
.ab-ct h1{ display: inline-block; font-size: 40px; color: #252525; position: relative; padding: 0px 30px; line-height: 40px;}
.ab-ct h1::before{ content: ''; position: absolute; left: -43px; top:18px; width:43px; height: 2px; background-color: #129d99;}
.ab-ct h1::after{ content: ''; position: absolute; right: -43px; top:18px; width:43px; height: 2px; background-color: #129d99;}

.ab-cimg{ width:100%; height: auto; float: left;}
.ab-cimg div i{ width:100%; float: left;background-color: #129d99; }
.ab-cimg div i img{ width: 100%; }
.ab-cimg h1{ width:100%; height: 55px; font-size: 17px; color: #FFF; background-color: #129d99; line-height: 20px; display: flex; justify-content: center; align-items: center;}

/*-- 案例 --*/
.ab-case{ width:100%; height: auto; float: left; padding: 10px 0px 80px;}

/*-- 产品 --*/
.products{ width:100%; height: auto; float: left;}
.pro-t{ width:100%; height: auto; float: left; padding:0px 0px 13px; text-align: center;}
.pro-t h1{ font-size: 32px; line-height: 35px; color: #1a1a1a;}

.brupdate .prosearch{ width:22%; padding-right: 50px;}
.brupdate .prosearch .xsearch{ width:100%; }
.brupdate .xsearch .p1{ width:75%;}
.prosearch{ width:100%; height:auto; float:left; text-align:center; }
.xsearch{ width:580px; height:50px; display:inline-block; border:1px solid #c9c9c9; overflow:hidden;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.xsearch .p1{ width:85%; height:48px; float:left;}
.xsearch .p2{ width:15%; height:48px; float:right; text-align:center; overflow:hidden; cursor:pointer; }
#search_inputps1{ outline:none; height:100%; width:100%; border:0px solid #CCC; float:left; background:#FFF; padding:0px 10px; font-size:16px; color:#000;}
#search_inputps2{ display:inline-block; width:100%; height:100%; outline:none; cursor:pointer; background-image:url(../img/page/scp.png); background-position:center center; background-repeat:no-repeat; border:0; background-color:#FFF;}
#search_inputps1::-webkit-input-placeholder{ opacity:1; color:#000;}
#search_inputps1:-moz-placeholder{opacity:1; color:#000;}
#search_inputps1::-moz-placeholder{opacity:1; color:#000;}
#search_inputps1:-ms-input-placeholder{opacity:1; color:#000;}

.probox{ width:100%; height: auto; float: left; padding: 5px 0px 20px;}
.proL{ width:22%; height:auto; float:left; padding-right:50px; padding-bottom: 100px;}
.proL-t{ width:100%; height:auto; float:left; background:#129d99; padding:17px 15px;}
.proL-t h1{ font-size:20px; color:#FFF; line-height:30px; }
.list{ width:100%; height:auto; float:left; }
.list ul li{ width:100%; height:auto; float:left; border:1px solid #ababab; margin-top:8px; position:relative;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.list ul li i{ width:40%; height:90px; float:left; overflow:hidden; background-repeat:no-repeat; background-position:10px center; background-size:contain;}
.list ul li p{ width:57%; height:auto; float:left; display:table; position:relative; }
.list ul li p span{ width:100%; height:90px; display:table-cell; vertical-align:middle; font-size:18px; color:#000; text-align: right; padding-right: 22px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.list ul li em{ position:absolute; right:-20px; top:27px; width:35px; height:35px; background:url(../img/page/gl.png) center center no-repeat; }
.list ul li:hover em{ background:url(../img/page/gr.png) center center no-repeat; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s; }
.list ul li:hover{ border:1px solid #129d99; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}
.list ul li a{ display:block; width:100%; height: 100%; }
.list ul li.son em{ background:url(../img/page/gr.png) center center no-repeat; }
.list ul li.son{ border:1px solid #129d99;}

.list ul li ul{ width:100%; height:auto; float:left; padding:0px 20px 20px; display:none;}
.list ul li ul li{ margin-top:5px; border:0;  }
.list ul li ul li p{ width:100%; float:left; background-color: #e7e7e7; }
.list ul li ul li p span{ font-size:16px; height: 42px; padding: 0; color: #282828; text-align: center; }
.list ul li:hover #di li #tchoose p span{ color:#FFF; background-color: #129d99; }
#tchoose p span{ color:#FFF; background-color: #129d99; }
.list ul li ul li:hover{ border:0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFF,direction=0,strength=0);/*兼容ie*/
-moz-box-shadow: 0px 0px 0px #FFF;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 0px #FFF;/*兼容safari或chrome*/
box-shadow:0px 0px 0px #FFF;/*兼容opera或ie9*/
}
.list ul li ul li:hover a p span{ color:#FFF; background-color: #129d99; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;}


.proR{ width:78%; height:auto; float:left; margin-top: -5px;}
.cpbox{ width:100%; height:auto; float:left;}
.cpone{ width:100%; height:auto; float:left; border: 1px solid #d0d0d0; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; }
.cpone i{ width:100%; height:auto; float:left; overflow: hidden; background:#242424; border: 1px solid #d0d0d0;}
.cpone i img{ width:100%;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.cpname{ width:100%; height:auto; display: table; float: left; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpname h1{ width:100%; height: 50px; padding:0px 5px 10px; font-size: 16px; font-weight: 600; color: #000;  vertical-align: middle; text-align: center; display: table-cell; line-height: 25px; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpone:hover i img{
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.cpone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#8ad3d1,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 25px #8ad3d1;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 25px #8ad3d1;/*兼容safari或chrome*/
box-shadow:0px 0px 25px #8ad3d1;/*兼容opera或ie9*/
-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;
}
.cpone:hover .cpname h1{ color: #129d99; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}

/*-- 空产品 --*/
.noproducts{ width:100%; min-height:400px; float: left; font-size: 30px; color: #000;}

/*-- 产品详细页 --*/
.proinfobox{ width:100%; height:auto; float:left; padding: 60px 0px;}
.ban {width:100%; height:auto; float:left; position:relative; z-index:1; }
.banl{ width:32%; height:auto; float:left; position:relative; }
.t2 {width:100%; float:left; background: #f4f4f4; position: relative; border: 1px solid #717171;}
.t2&gt;img {width:100%;}
.min_pic {width:130px; height:100%; position:absolute; left:0px; top:0; z-index:1;}
.num { width:130px; height:100%; position:relative; float:left; overflow:hidden;}
.num ul { position:absolute;left:0;top:0;}
.num ul li { width:130px; height:auto; float:left; text-align:center; margin-bottom:5px;}
.num ul li img { width:100%;}
.num ul li:hover a{ border:6px solid #d0b07a;}
.num ul li a{ display:block; position:relative; z-index:1; border:6px solid #152032;}
.num ul li.on a{ border:6px solid #d0b07a;}

.banr{ width:68%; height:auto; float:left; position: relative; padding-left:5%; position:relative;}
.banr-a{ width:100%; height: auto; float: left; font-size: 30px; color: #000; font-weight: 600; line-height: 40px; padding: 20px 0px 15px; border-bottom: 1px dashed #a0a0a0;}
.banr-b{ width:100%; min-height:350px; float: left;}
.banr-b h1{ font-size: 22px; color: #3b3b3b; padding: 20px 0px 0px; }
.banr-b p{ font-size: 17px; color: #3b3b3b; line-height:35px; padding-top: 15px;}

.cpifnod{ width:100%; height:auto; position: relative; float: left;} 
.cpifnod a{ width:140px; height:30px; float:left; margin-right:40px; color:#FFF; background:#a0a0a0; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
.cpifnod a:hover{ background:#129d99; transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;}
.cpifnod i{ width:40%; height:30px; line-height:30px; font-size:20px; float:left;}
.cpifnod span{ width:60%; height:auto; line-height:30px; font-size:15px; float:left; text-align:center;}
#cpifl{ background:url(../img/page/cpljt.png) center right no-repeat;}
#cpifm{ background:url(../img/page/cpbtn.png) center center no-repeat;}
#cpifr{ background:url(../img/page/cprjt.png) center left no-repeat;}

.proinfoshow{ width:100%; height: auto; float: left; padding-top: 20px; padding-bottom: 50px;}
#proinfoa{ width:100%; height: auto; float: left; background: #e4e4e4; }
#proinfoa li{ width:auto; padding: 18px 35px; float: left; position: relative;}
#proinfoa li a{ color: #000; width:auto; font-size: 19px;}
#proinfoa li.active{ background: #FFF;}
#proinfoa li.active::before{ content: ''; position: absolute; left: 0; top:0; width:100%; height: 3px; background-color: #129d99; }

#proinfob{ width:100%; height: auto; float: left; text-align: center; padding: 10px 0px;}
#proinfob .tab-pane img{ max-width:100%; }
.cpmore{ width:100%; height: auto; float: left;}
#proinfob #one{padding: 20px 0;}
#proinfob img{
-moz-border-radius: 0px; /* Firefox */
-webkit-border-radius: 0px; /* Safari 和 Chrome */
border-radius: 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

/*-- 技术中心 --*/
.tecbox{ width:100%; height: auto; float: left;}
.tec-t{ width:100%; height: auto; float: left; color: #1a1a1a; text-align: center; }
.tec-t h1{ font-size: 39px; padding: 35px 0px;}
.tec-t p{ font-size: 17px; line-height: 38px; padding: 0px 10%; }

.tec-a{ width:100%; height: 290px; float: left; margin-top: 50px; background-repeat: no-repeat; background-size: contain; background-attachment: fixed; display: flex; align-items: center; justify-content: center;}
.tec-a h1{ font-size: 37px; color: #FFF;}
.tec-b{ width:100%; height: auto; float: left; padding: 50px 0px; }
.tec-bone{ width:100%; height: auto; float:left; padding: 45px 0px; display: flex; justify-content: space-between; align-items: center;}
.tec-wz{ width:45%; display: flex; justify-content: center; flex-direction: column; padding: 100px 5%;  position:relative; }
.tec-wz::before{ content: ''; position: absolute; left: 0; top:0; width:75px; height: 75px; background-image: url(../img/images/page/lt.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.tec-wz::after{ content: ''; position: absolute; right: 0; bottom:0; width:75px; height: 75px; background-image: url(../img/images/page/rt.png); background-repeat: no-repeat; background-position: center; background-size: contain;}
.tec-img{ }
.tec-img i img{ max-width: 100%;}

.tec-wz h1{ font-size: 30px; color: #2c2c2c; font-weight: 600; padding: 10px 0px 20px;}
.tec-wz p{ font-size: 22px; color: #2c2c2c; line-height: 40px;}

/*-- 荣誉证书 --*/
.honor{ width:100%; height:auto; float:left;}
.hon-t{ width:100%; height: auto; float: left; color: #1a1a1a; text-align: center; }
.hon-t h1{ font-size: 39px; padding: 35px 0px;}
.hon-t p{ font-size: 17px; line-height: 38px; padding: 0px 10%; }

.honor-a{ width:100%; height: auto; float: left; padding: 40px 0px;}
#honor-t h1{ font-size: 30px; color: #129d99; line-height: 30px; position: relative; padding: 15px 0px 30px 45px;}
#honor-t h1::before{ content: ''; position: absolute; left: 0px; top:15px;
width:0;
height:0;
border-bottom:15px solid transparent;
border-left:17px solid #129d99;
border-top:15px solid transparent;
}
#honor-t h1::after{ content: ''; position: absolute; left: 22px; top:15px;
width:0;
height:0;
border-bottom:15px solid transparent;
border-left:17px solid #129d99;
border-top:15px solid transparent;
}
.caseone{ width:100%; height:auto; float:left; position:relative; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.caseone a{ cursor:default;}
.caseone i{ width:auto; height:auto; float:left; overflow:hidden; border: 1px solid #cccccc; background-color: #e4e4e4;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#efefef,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 1px 5px #efefef;/*兼容firefox*/
-webkit-box-shadow: 0px 1px 5px #efefef;/*兼容safari或chrome*/
box-shadow:0px 1px 5px #efefef;/*兼容opera或ie9*/
}
.caseone i img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.caseone h1{ width:100%; height:auto; float: left; display:table;}
.caseone h1 span{ width:100%; height:80px; display:table-cell; font-size:16px; color:#000; text-align:center; vertical-align:middle;}

.honor-b{ width:100%; height: auto; float: left; padding: 20px 0px 100px;}


/*-- 新闻 --*/
.newsbox{ width:100%; height: auto; float: left; padding:25px 0px;}
.news-t{ width:100%;  height: auto; float: left; text-align: center;}
.news-t h1{ color: #1a1a1a; font-size: 39px; }
.newsone{ width:100%; height:auto; float:left; padding:20px 0px; border-bottom: 1px solid #cccccc; margin-top: 40px;}
.newsL{ width:25%; height:220px; float:left; overflow:hidden; position: relative;}
.newsL i{ width:100%; height:100%; float:left; background-color:#999; background-repeat:no-repeat; background-size:cover; background-position:center; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ndate{ width:100px; height:80px; position:absolute; LEFT:0; top:0; z-index:1; display: flex; justify-content: center; align-items:center; flex-direction: column;}
.ndate::before{ content:''; position: absolute; left: 0; top:0; width:100%; height: 100%; background-color: #000000; opacity: 0.5;}
.ndate h1{  color:#FFF; font-size:26px; line-height:35px; position: relative; z-index: 1;}
.ndate p{ color:#FFF; font-size:19px; line-height:18px; position: relative; z-index: 1;}

.newsR{ width:62%; height:220px; float:left; padding:0px 3%;}
.n-title{ width:100%; height:auto; float:left; padding-top: 30px;}
.n-title h1{ font-size:18px; color:#2b2b2b; line-height:30px; font-weight: 600; }
.n-info{ width:100%; height:auto; float:left; padding:25px 0px; display: table;}
.n-info p{ width:100%; height:80px; display: table-cell; vertical-align: top;  font-size:18px; color:#000; line-height:25px;}
.n-date{ width:100%; height:auto; float:left; font-size:16px; color:#777777; line-height:23px;}

.n-btn{ width:13%; height:220px; float:left; position:relative; }
.n-btn i{ width:58px; height:58px; background:#cccccc; float: right; padding: 18px; margin-top: 81px}
.n-btn i svg{ width: 100%; }
.newsone a:hover .newsL i{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);transform: scale(1.03); transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.newsone a:hover .n-btn i{ background:#129d99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:15px 0px; font-size:24px; text-align:center; float:left; color:#000; font-weight:600; text-transform: uppercase; }
.in-newsbox_info {width:100%;height:auto;float:left; text-align:center; padding:20px 0px;}
.in-newsbox_info ul li{ width:50%; float:left; font-size:18px; color:#000;}
.in-newsbox_info span{ font-size:18px; color:#000; padding-right:10px;list-style:none; text-align:center; display:inline-block;}
.in-newsbox_content{float:left; font-size:18px; line-height:33px; width:100%; color:#000;}
.in-newsbox_content img{ max-width:100%}
.pagee{width:100%;float:left; height:auto; }
.pagees{width:100%;float:left; height:auto; padding: 30px 0px;}
.pagesl{ width:30%; float:left;}
.pagesl p{ width:auto; font-size:16px; line-height:20px; padding:5px 0px; color:#000;}
.pagesr p{ width:auto; font-size:16px; line-height:20px; padding:5px 0px; color:#000;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:16px; padding:5px 10px; display:inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: #129d99;
}
.pagesl a:hover{ color:#FFF; background:#242424;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:16px; padding:5px 10px; display:inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: #129d99;
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
}
.pagesr i{ padding-right:5px;}
.pagesr a:hover{ color:#FFF; background:#242424; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}

/*-- page --*/
.page{ width:100%;height:auto; float:left;text-align:center;font-size:14px; padding: 50px 0px;}
.pagination{text-align:center;width: 100%;}
.pagination ul{width: 100%;height: auto;text-align: center;}
.pagination ul li{display: inline-block;text-align:center;}
.pagination ul li:before{}
.pagination ul li i{ font-style: normal; }
.pagination ul li a{ display:inline-block; padding:7px 20px; font-size:16px; color:#565656; background: #FFF; border: 1px solid #cccccc;
}
.pagination ul li a:hover{  background:#575656; color:#FFF;}
.pagination ul li a.active{  background:#575656; color:#FFF;}

/*-- 联系我们 --*/
.contact{ width:100%; height: auto; float: left;}
.cont-t{ width:100%; height: auto; float: left; text-align: center; padding: 25px 0px;}
.cont-t h1{ color: #1a1a1a; font-size: 39px; }
.cont-one{ width:100%; height: auto; float: left; padding: 40px 0px;}
.cont-one-a{ flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.cont-one-a::before{ content:''; position: absolute; right: -10px; top:30px; width:20px; height: 4px; background-color: #129d99; }
.cont-one-a:last-child::before{ display: none;}
.cont-one-a i{ width:70px; height: 70px; background:#129d99; display: flex; justify-content: center; align-items: center;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cont-one-a h1{ font-size: 19px; color: #020202; line-height: 20px; padding: 20px 0px;}

#ca1{ width:45px; height: 45px;}
#ca2{ width:50px; height: 45px;}
#ca3{ width:47px; height: 47px;}
#ca4{ width:45px; height: 45px;}
#ca5{ width:60px; height: 60px;}

.contb{ width:100%; height: auto; float: left; background: #129d99; padding: 75px 0px; text-align: center;}
.contb h1{ font-size: 21px; color: #FFF; line-height: 40px; font-weight: bold;}
.contb p{ font-size: 16px; color: #FFF; line-height: 30px;}

.contc{ width:100%; height: auto; float: left; padding:10px 0px;}
.feebbox{ width:100%; height: auto; float: left; padding: 0px 10%;}
.feedbx{ width:100%; height:auto; float:left; margin-top: 15px;}
.feedbx.paor5{ width:33.33%;}
.feedbx.paorm5{ width:33.33%; padding:0px 1%;}
.feedbx .p1{ width:100%; height:auto; float:left;}
.feedbox{ width:100%; height:auto; float:left; margin-top:40px;}
.feedbx{ width:100%; height:auto; float:left;}
.feed-t{ width:100%; height:auto; line-height:40px; float:left; color:#7d7d7d; font-size:16px;}
.feed-t i{ color:#F00; float:left; width:11px; font-style:normal;}
.feed-t span{ float:left;}
.feed-x{ width:100%; height:40px; float:left;}
#input1{ width:100%; height:100%; border:1px solid #cccccc; line-height:38px; float:left; color:#000; font-size:16px; outline:none; padding:0px 10px;}
.feed-tx{ width:100%; height:200px; float:left;}
.feed-tx textarea{float:left; resize:none; width:100%; height:100%; padding:5px 10px; font-size:16px; color:#000; outline:none; border:1px solid #cccccc; }
.crrbtn{ width:100%; height:auto; float:left; text-align: right; margin-top:25px;}
#button{ width:170px; height:35px; background:#da251c; display:inline-block; cursor:pointer; border:0; font-size:16px; color:#FFF; outline: none;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
#button:hover{ background:#242424; color:#FFF; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

/*-- 地图 --*/
.contd{ width:100%; height: auto; float: left; padding: 70px 0px 100px;}
.mapbox{ width:100%; height:450px; float:left;}
#container{ width:100%; height:100%; float:left;}


/*-- 底部 --*/
.footB{ width:100%; height: auto; float: left; background: #5b5b5b; position: relative; }
.foota{ width:100%; height: auto; float: left; background: #129d99;}
.foota ul { display:flex; justify-content: center; align-items: center; flex-direction:row;}
.foota ul li{ flex: 1 0 auto; text-align: center; font-size: 16px; padding: 20px 0px;}
.foota ul li a{ color:#FFF; line-height: 35px; }
.foota ul li a:hover{ text-decoration: underline; }

.footb{ width:100%; float: left; padding: 70px 0px 35px; border-bottom: 2px solid #838383;}
.footb-a{ width:31%; height: auto; float: left;}
.footb-a img{ max-width: 100%;}
.footb-b{ width:46%; height: auto; float: left; padding: 0px 5% 0px 8%; color: #FFF;}
.footb-b h1{ font-size:26px; line-height: 26px;}
.footb-b p{ font-size:17px; line-height: 24px; position: relative; padding-bottom:28px;}
.footb-b p::before{ content: ''; position:absolute; left: 0; bottom:0; width:35px; height: 3px; background: #129d99; }
.footb-b ul{ padding-top: 23px;}
.footb-b ul li{ width:100%; height: auto; float: left; font-size: 18px; color: #FFF; line-height: 22px; padding: 5px 0px; }

.footb-c{ width:23%; height: auto; float: left; }
.fewm{ width:100%; height: auto; float: left; display: flex; align-items: center; }
.footb-c img { max-width:100%; }
.footb-c p { padding-left:10px; font-size: 17px; color: #FFF; }

.fshare{ width:100%; height: auto; float: left; padding-top: 50px; }
.fshare a{ float: left; margin:0px 5px; }
.fshare a i{ float: left; position:relative;}
.fshare a i svg{ width:46px; height:46px; position: relative; z-index: 1; margin-top: -4px; margin-left: -4px; }
.fshare a i::before{ content: ''; position: absolute; left: 2px; top: 2px; width:32px; height: 32px; background: #FFF; }
#coll{ fill:#FFF; }

.footdown{ width:100%; height:auto; float:left;  padding:20px 0px; line-height:20px; font-size:14px; color:#FFF; text-align:center; position:relative; }
.footdown span{ padding:0px 10px;}
.footdown a{ color:#FFF; }


/* ~~ 脚注 ~~ */
@-webkit-keyframes movel {   
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

@-moz-keyframes movel {
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

@keyframes movel {
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 &lt;br /&gt; 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearbox{ width:100%; height:1px; float:left;}

.syfor li.active a i{
-webkit-animation-timing-function: linear;    /*动画时间曲线*/
-webkit-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 1500ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-timing-function: linear;  /*动画时间曲线*/
-moz-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 1500ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
animation-timing-function: linear;  /*动画时间曲线*/
animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 1500ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
         /*animation-direction: alternate; 动画执行方向，alternate 表示反复*/
}

@-webkit-keyframes breathe {
0% { 
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
}
100% { 
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
}
}
@-moz-keyframes breathe {
0% { 
-moz-transform:rotate(0deg); /* Safari 和 Chrome */
}
100% { 
-moz-transform:rotate(360deg); /* Safari 和 Chrome */
}
}
@keyframes breathe {
0% { 
transform:rotate(0deg); /* Safari 和 Chrome */
}
100% { 
transform:rotate(360deg); /* Safari 和 Chrome */
}
}

/*-- 左侧 --*/
.footside{position:fixed!important; width:60px; height:auto; right:0; top:45%; z-index:8;}
.footside ul li{ width:60px; height:60px; float:left; position:relative; margin-top:1px; list-style:none; background:#242424; color:#FFF;
-moz-border-radius: 10px 0px 0px 10px; /* Firefox */
-webkit-border-radius: 10px 0px 0px 10px; /* Safari 和 Chrome */
border-radius: 10px 0px 0px 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ 
}
.footside ul li .sidetop{ width:60px; height:60px; display:inline-block; background:#242424; transition:all 0.3s;}
.footside ul li .sidetop:hover{ background:#ecc7aa; opacity:1; filter:Alpha(opacity=100);}
.footside ul li a{ position:absolute; width:60px; height:60px; top:0; right:0; background:#242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; line-height:60px; color:#FFF; font-size:17px;}
.footside ul li a&gt;i{ float:left; width:60px; height:60px; text-align: center; }
.footside ul li a span{ display:none;}
.footside ul li a span img{ width:100%;}
.footside ul li img{ max-width:100%; float:left;}
#cmail:hover a{ width:155px; background:#ecc7aa; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; overflow:hidden;}
#cmail:hover a span{ display:block;}

.footside ul li div&gt;i{ width:120px; position: absolute; right: 0; top:0; z-index: 1;}
.footside ul li div&gt;i img{ width:100%;}
.footside ul li div{ width:60px; height:60px; color: #FFF; display: table; background: #ecc7aa; text-align: center; position:absolute; right: 0; top: 0; visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footside ul li:hover div{ width:120px; text-align: center; height:auto; visibility: visible; right: 100%;  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition: 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s;}
#topcontrol{ z-index: 3;}

/*-- --*/
.furight{ position:fixed; right:20px; top:35%; width:80px; height:auto; z-index:101; background:#FFF; padding:10px 0px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddcdc,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 3px 0px #dddcdc;/*兼容firefox*/
-webkit-box-shadow:0px 0px 3px 0px #dddcdc;/*兼容safari或chrome*/
box-shadow:0px 0px 3px 0px #dddcdc;/*兼容opera或ie9*/
}
.furight ul li{ width:100%; height:auto; float:left;}
.furight ul li i{ width:100%; height:auto; float:left; text-align:center; padding:5px 0px;}
.furight ul li i img{ max-width:100%;}
.furight ul li p{ width:100%; height:auto; float:left; text-align:center; font-size:14px; color:#4a4a4a; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; padding:2px 0px 5px;}
.furight ul li a:hover p{ color:#00c1b4; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.furight.fen p{ font-size:12px;}

.furightB, .furightB2, .furightB3{ width:100%; height:100%; position:fixed; z-index:102; display:none;}
.ftB-bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000;  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.ftb-show{ width:100%; height:auto; float:left; top:12%; text-align:center; z-index:1; position:relative;}
.ftb-m{ max-width:500px; height:auto; display:inline-block; background:#FFF; border:1px solid #a6a6a6;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ftb-mt{ width:100%; height:auto; float:left; padding:15px; border-bottom:1px solid #a6a6a6;}
.ftb-mt p{ width:80%; float:left; font-size:16px; text-align:left;}
.ftb-mt i{ width:20px; height:20px; float:right; position:relative; cursor:pointer;}
.ftb-mt i:before{ content:""; width:18px; height:2px; background:#000; position:absolute; right:9px; top:10px; cursor:pointer;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.ftb-mt i:after{ content:""; width:18px; height:2px; background:#000; position:absolute; right:9px; top:10px; cursor:pointer;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
}
.ftb-in{ width:100%; height:auto; text-align:center; padding:15px; float:left;}
.ftb-in i{ width:100%; height:auto; float:left; padding:15px 20px 5px;}
.ftb-in i img{ max-width:100%;}
.ftb-in p{ font-size:14px; width:100%; height:auto; padding:10px 0px; float:left;}



</pre></body></html>