@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:Tahoma, Arial, Helvetica, sans-serif; color:#232424; padding:0; margin:0; list-style:none;}
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
.bmax{ width:100%; height:80px; float:left;}
.jbob{ width:100%; height:30px; float:left;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bmin30{ width:100%; height:30px; float:left;}
.bmin40{ width:100%; height:40px; float:left;}
.bmin60{ width:100%; height:60px; float:left;}
.bmin2{ width:100%; height:20px; float:left;}
.bmin3{ width:100%; height:10px; float:left;}
.bmin4{ width:100%; height:5px; float:left;}
.bmin5{ width:100%; height:2px; float:left;}
.bline{ width:100%; height:1px; background:#e5e5e5; float:left;}	
.bline2{ width:100%; height:1px; float:left; background:#cecece;}
.bline3{ width:100%; height:1px; float:left;}	
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1230px;}
.posr{ position:relative;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr8{ padding:0px 8px;}
.plr10{ padding:0px 10px;}
.plr15{ padding:0px 15px;}
.plr20{ padding:0px 20px;}
.plr22{ padding:0px 22px;}
.plra5{ padding:5px;}
.plra10{ padding:10px; }
.plra8{ padding:8px; }
.plra20{ padding:0px 20px;}
.plra25{ padding:25px;}
.plra35{ padding:35px;}
.plrs27{ padding:23px 27px;}
.plr35{ padding:0px 35px;}
.plr40{ padding:0px 40px;}
.pud70{ padding:70px 0px;}
.foal{ float:left; }
.foar{ float:right; }
.ht100{ height:100%;}
.cbg{ background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#393939,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 10px 15px #393939;/*兼容firefox*/
-webkit-box-shadow: 0px 10px 15px #393939;/*兼容safari或chrome*/
box-shadow:0px 10px 15px #393939;/*兼容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);
}


/*--全屏 --*/
.fullbanner{ width:100%; height:100%; position:absolute; z-index:0; left:0; top:0; padding-top:162px;}
.liban{ width:100%; height:100%; background-color:#f4f4f4; background-size:cover; background-position: center center;}

/*-- banner轮播图 --*/
.bannerbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden; z-index:0;}
.inban{ width:100%; height:auto; float:left;}
.inban img{ width:100%;} 

/*-- headerbox --*/
.header{ width:100%; height:auto; float:left; position:relative;}
.fdlogo{ width:38%; height:160px; position:absolute; left:0; top:0; background:#006448; z-index:1; text-align:right;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#464647,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 3px 5px #464647;/*兼容firefox*/
-webkit-box-shadow: 0px 3px 5px #464647;/*兼容safari或chrome*/
box-shadow:0px 3px 5px #464647;/*兼容opera或ie9*/
}
.fdlogo:before{ content:""; position:absolute; right:-70px; top:0; width:0; height:0; z-index:1;
border-left:0px solid transparent;   
border-right:70px solid transparent;   
border-top:160px solid #006448;
}
.fdlogo:after{ content:""; position:absolute; right:-72px; top:0; width:0; height:0;
border-left:0px solid transparent;   
border-right:70px solid transparent;   
border-top:160px solid #464647;
-webkit-filter: blur(1px); /* Chrome, Opera */
-moz-filter: blur(1px);
-ms-filter: blur(1px);    
filter: blur(1px);
}
.fdlogo img{ max-width:100%; margin-top:6%;}
.hdup{ width:100%; height:40px; background:#505051; float:left;}
.hdup ul{ float:right;}
.hdup ul li{ float:left; margin-right:10px;}
.hdup ul li a{ display:block;}
.hdup ul li i{ width:auto; height:40px; float:left; padding:0px 5px;}
.hdup ul li i img{ margin-top:10px;}
.hdup ul li span{ float:left; font-size:12px; color:#FFF; line-height:40px; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}
.hdup ul li a:hover span{ color:#49af92; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;}

.navs{ width:58%; height:120px; float:right;}
.navs ul{ width:100%; text-align:right; margin-top:40px;}
.navs ul li{ display:inline-block; vertical-align:top; height:40px; line-height:40px; position:relative; margin:0px 3%; padding:0px 1%;}
.navs ul li i{ width:10%; height:4px; background:#006448; position:absolute; top:100%; 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;}
.navs ul li a{ display:block; line-height:45px; font-size:15px; color:#32343d; height:auto;}
.navs 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:50%; left:25%;}
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:50%; left:25%;}
#navsen ul li{ margin:0px 2%; padding:0px 1%;}


/*-- 搜索 --*/
.searchbox{ width:auto; height:auto; float:right; margin-top:52px; text-align:center; cursor:pointer;}
.searchbox span{ width:30px; height:30px; float:left; background-image:url(../img/page/search.png); background-repeat:no-repeat; background-position:center; background-color:#006448;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
} 

#search_inputc1{outline:none; height:36px; width:78%; border:0px; line-height:36px; float:left; color:#242424; font-size:13px; padding:0 5px; background-color:transparent; margin-top:4px;}
#search_inputc2{ float:left; width:22%; height:36px; outline:none; border:0; background-image:url(../img/page/search.png); background-repeat:no-repeat; background-position:center center; background-size:100%; background-color:#FFF;}
#search_inputc1::-webkit-input-placeholder{ opacity:1; color:#c29470;}
#search_inputc1:-moz-placeholder{opacity:1; color:#c29470;}
#search_inputc1::-moz-placeholder{opacity:1; color:#c29470;}
#search_inputc1:-ms-input-placeholder{opacity:1; color:#c29470;}

.searchlogo{ width:100%; height:auto; float:left; text-align:center; position:relative; margin-top:11%;}
.searchlogo img{ max-width:100%;}
.searchlogo span{ right:20%; top:0%; max-width:100%; position:absolute; cursor:pointer;}
.searchlogo span img{ width:20px;}
.search-show{ width:100%; height:100%; position:fixed; background:#92cdbc; border:0; top:0; display:none; left:0px; z-index:99999;-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity:0.98; opacity:0.98;
}
#search_input1{outline:none;height:50px; width:40%; border:1px solid #FFF; line-height:50px;float:left;color:#000; font-size:14px; margin-top:4%; margin-left:28%;padding:0 5px; background:#FFF;
filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#search_input2{ float:left; width:80px; height:50px; padding:5px 20px; outline:none; margin-top:4%; margin-left:5px; cursor:pointer; background:#006448;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- syone --*/
.syone{ width:100%; height:800px; float:left; background:#FFF; position:relative;}
.syone:before{ content:""; left:0; bottom:0; position:absolute;
border-left:0px solid transparent;   
border-right:170px solid transparent;   
border-bottom:170px solid #eeeeee;
}
.syone:after{ content:""; right:0; top:0; position:absolute;
border-right:0px solid transparent;   
border-left:170px solid transparent;   
border-top:170px solid #eeeeee;
}
.syom{ width:520px; height:520px; margin:0 auto; position:relative;}
.syombg{ width:100%; height:100%;  border:1px solid #a2a2a2; background:#eeeeee; position:absolute; left:0; top:140px;
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 */
}
.syot{ width:100%; height:auto; float:left; position:relative; z-index:1; text-align:center;}
.syot h1{ width:100%; height:45px; font-size:36px; color:#6a6a6a; line-height:36px; font-weight:bold; margin-top:50%;}
.syot .i1{ width:12px; height:4px; display:inline-block; margin-right:5px; background:#006448; vertical-align:top;}
.syot .i2{ width:12px; height:4px; display:inline-block; margin-right:5px; background:#d2d2d2; vertical-align:top;}
.syot .i3{ width:50px; height:4px; display:inline-block; background:#a0a0a0; vertical-align:top;}
.syo-info{ width:100%; padding:10px 12% 0px; height:auto; float:left; color:#858585; font-size:15px; line-height:27px; position:relative; z-index:1;}
.syo-more{ width:100%; height:auto; float:left; text-align:center; position:relative; margin-top:100px;}
.syo-more i{ width:50px; height:50px; background:#006448; position:absolute; left:45%; top:0px; z-index:1; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
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 */
}
.syo-more p{ width:50px; height:50px; display:inline-block; text-align:center; line-height:50px; color:#FFF; font-size:16px; position:relative; z-index:2; font-style:normal;
transform:rotate(135deg);
-ms-transform:rotate(135deg); 	/* IE 9 */
-moz-transform:rotate(135deg); 	/* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg); 	/* Opera */
}
.syo-more:hover i{ background:#2d2d2d; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.syol{ position:absolute; left:-65%; top:80%; 
}
.syol img{ max-width:100%;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); 	/* Opera */
}
.syor{ position:absolute; right:-43%; top:-65%; 
}
.syor img{ max-width:100%;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); 	/* Opera */
}

/*-- sytwo --*/
.sytwo{ width:100%; height:auto; float:left; background:#2d2d2d; padding:50px 0px 40px;}
.sytt{ width:100%; height:auto; float:left; padding:10px 0px;}
.sytl{ width:70%; height:auto; float:left;}
.sytl h1{ width:100%; height:auto; float:left; font-size:36px; color:#FFF; line-height:50px; font-weight:bold; }
.sytl p{ width:100%; height:auto; float:left; margin-top:5px;}
.sytl p .i1{ width:12px; height:4px; float:left; margin-right:5px; background:#006448; margin-top:14px;}
.sytl p .i2{ width:12px; height:4px; float:left; margin-right:5px; background:#d2d2d2; margin-top:14px;}
.sytl p .i3{ width:50px; height:4px; float:left; background:#FFF; margin-top:14px;}
.sytl p span{ width:50%; height:auto; float:left; font-size:15px; color:#b0b0b0; line-height:25px; padding-left:13px;}

.sytr{ width:30%; height:auto; float:left; margin-top:55px;}
.sytr a{ float:right; width:95px; height:35px; border:1px solid #FFF; background:#2d2d2d; color:#FFF; line-height:33px; text-align:center; font-weight:600; font-family:Arial, Helvetica, sans-serif;}

.sytwo-info{ width:100%; height:auto; float:left;}
.sytwo-a{ width:100%; height:auto; float:left; background:#006448; padding:25px 0px; text-align:center;}
.sytwo-a .sab{ width:155px; height:45px; border:1px solid #8ab3a7; margin:0px 30px; display:inline-table; vertical-align:top;}
.sytwo-a .sab span{ width:100%; height:100%; vertical-align:middle; text-align:center; font-size:15px; color:#FFF; display:table-cell;}
.sytwo-b{ width:100%; height:auto; float:left; padding:20px 0px; text-align:center;}
.sytwo-one{ padding:10px; display:inline-block; vertical-align:top;}
.sytwo-onem{ width:265px; height:auto; float:left; background:#eaeaea; padding:2px; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.sytwo-img{ width:100%; height:auto; float:left;}
.sytwo-img img{ width:100%;}
.sytwo-name{ width:100%; height:auto; float:left; display:table;}
.sytwo-name p{ width:100%; height:70px; display:table-cell; vertical-align:middle; text-align:center; font-size:14px; color:#858585}

.sytwo-onem:hover{ background:#006448; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.sytwo-onem:hover .sytwo-name p{ color:#FFF;}

/*-- syth --*/
.syth{ width:100%; height:auto; float:left; padding:70px 0px;}
.syth-t{ width:100%; height:auto; float:left; text-align:center;}
.syth-t h1{ width:100%; height:auto; font-size:36px; color:#6a6a6a; line-height:36px; font-weight:bold; padding-bottom:20px;}
.syth-t .i1{ width:12px; height:4px; display:inline-block; margin-right:5px; background:#006448; vertical-align:top;}
.syth-t .i2{ width:12px; height:4px; display:inline-block; margin-right:5px; background:#d2d2d2; vertical-align:top;}
.syth-t .i3{ width:50px; height:4px; display:inline-block; background:#a0a0a0; vertical-align:top;}
.syth-t p{ width:100%; height:auto; text-align:center; float:left; color:#858585; font-size:16px;}

.syth-info{ width:100%; height:auto; float:left; padding:15px 0px;}
.sythup{ width:100%; height:auto; float:left; margin:10px 0px;}
.syth-img{ width:100%; height:auto; float:left; border:1px solid #868686;}
.syth-img img{ width:100%;}
.syth-name{ width:100%; height:90px; float:left; background:#e5e5e5; position:relative;}
.syth-name .pp{ position:absolute; bottom:0; left:0; width:100%; height:100%; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;} 
.syth-name .pp p{ width:100%; height:auto; line-height:20px; padding:13px 5px; font-size:16px; color:#454545; margin-top:15px; float:left; position:relative;} 
.syth-name .pp p:before{ content:""; left:43%; bottom:0; width:14%; height:1px; background:#454545; position:absolute;}
.sythup:hover .syth-name .pp{ height:140%; background:#006448; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.sythup:hover .syth-name .pp p{ color:#FFF; } 
.sythup:hover .syth-name .pp p:before{ background:#FFF; }

/*-- syfo --*/
.syfo{ width:100%; height:auto; float:left; background:#f0f0f0; background-image:url(../img/images/page/syvideobg.jpg); background-repeat:no-repeat; background-position: center bottom; }
.syfo-t{ width:100%; height:auto; float:left; text-align:center; margin-top:50px;}
.syfo-t h1{ width:100%; height:auto; font-size:36px; color:#6a6a6a; line-height:36px; font-weight:bold; padding-bottom:20px;}
.syfo-t .i1{ width:12px; height:4px; display:inline-block; margin-right:5px; background:#006448; vertical-align:top;}
.syfo-t .i2{ width:12px; height:4px; display:inline-block; margin-right:5px; background:#d2d2d2; vertical-align:top;}
.syfo-t .i3{ width:50px; height:4px; display:inline-block; background:#a0a0a0; vertical-align:top;}

.syfo-info{ width:100%; height:auto; float:left; position:relative; padding-bottom:50px;}
.syvideo{ width:100%; height:auto; float:left; padding:30px 0px;}
.syvideo img{ max-width:100%; cursor:pointer;}
.syvinfo{ width:330px; height:auto; position:absolute; right:0; top:100px; background:#FFF; padding:25px 15px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 5px 5px 15px #cccccc;/*兼容firefox*/
-webkit-box-shadow: 5px 5px 15px #cccccc;/*兼容safari或chrome*/
box-shadow:5px 5px 15px #cccccc;/*兼容opera或ie9*/
}
.syvinfo h1{ width:100%; min-height:120px; float:left; font-size:15px; line-height:22px; color:#454545; padding:5px 0px;}
.syvinfo i{ width:100%; height:auto; float:left;}
.syvinfo p{ width:100%; height:auto; float:left; font-size:12px; color:#343434; font-weight:600; padding:10px 0;}
.syvinfo a{ float:right; padding:7px 20px; color:#FFF; border:1px solid #e5e5e5; font-size:14px; margin-top:20px;}


/*-- locbox --*/
.locbox{ width:100%; height:auto; position:absolute; left:0; bottom:0;}
.locm{ height:50px; background:url(../img/page/g.png); padding:10px;}
.locbox i{ float:left; font-size:15px; padding:0px 5px; color:#FFF; font-style:normal; line-height:30px; text-align:center;}
.locbox span{ float:left; font-size:15px; padding:5px; color:#FFF; font-style:normal;}
.locbox a{ float:left; font-size:15px; color:#FFF; line-height:20px; padding:5px; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.locbox a:hover{ text-shadow: black 0.1em 0.1em 0.1em; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.locbox img{ padding-bottom:10px;}

/*-- 关于我们 --*/
.about{ width:100%; height:auto; float:left;}
.abone{ width:100%; height:auto; float:left; position:relative; background:#f7f4f8;}
.sline{ width:100%; height:17px; position:absolute; left:0; top:0; background:#006448;}
.abone-a{ width:100%; height:auto; float:left; padding:0px 140px; position:relative; z-index:1;}
.aa1{ width:30%; height:120px; float:left; background:#2d5b62; position:relative;}
.aa1 i{ width:38%; height:auto; float:left; text-align:center; margin-top:12%;}
.aa1 i img{ max-width:100%;}
.aa1 p{ width:62%; height:auto; float:left; display:table;}
.aa1 p span{ width:100%; height:120px; display:table-cell; vertical-align:middle; font-size:15px; color:#fefefe;}
.aa1:before{ content:""; left:-48px; top:0; position:absolute;
border-left:48px solid transparent;   
border-right:0px solid transparent;
border-bottom:120px solid #2d5b62;}
.aa2{ width:40%; height:120px; float:left; background:#353235; position:relative; padding:0px 5%;}
.aa2 i{ width:38%; height:auto; float:left; text-align:center; margin-top:12%;}
.aa2 i img{ max-width:100%;}
.aa2 p{ width:62%; height:auto; float:left; display:table;}
.aa2 p span{ width:100%; height:120px; display:table-cell; vertical-align:middle; font-size:15px; color:#fefefe;}
.aa3{ width:30%; height:120px; float:left; background:#006448; position:relative;}
.aa3 i{ width:38%; height:auto; float:left; text-align:center; margin-top:12%;}
.aa3 i img{ max-width:100%;}
.aa3 p{ width:62%; height:auto; float:left; display:table;}
.aa3 p span{ width:100%; height:120px; display:table-cell; vertical-align:middle; font-size:15px; color:#fefefe;}
.aa3:before{ content:""; right:-48px; top:0; position:absolute;
border-left:0px solid transparent;   
border-right:48px solid transparent;
border-bottom:120px solid #006448;}
.abone-b{ width:100%; height:auto; float:left; padding:80px 0px;}
.abbl{ width:38%; height:auto; float:left; padding-right:5%; margin-top:50px;}
.abbl img{ max-width:100%;}
.abbr{ width:62%; height:auto; float:left;}
.abbr h1{ height:auto; float:left; font-size:38px; color:#006448; line-height:45px; font-weight:bold; padding:10px 0px; border-bottom:2px solid #006448;}
.abbr p{ width:100%; height:auto; float:left; font-size:15px; color:#4a4a4a; line-height:28px; margin-top:30px;}

.abtwo{ width:100%; height:auto; float:left; padding:50px 0px 30px;}
.abtwo-t{ width:100%; height:auto; float:left;}
.abtwo-t h1{ width:100%; height:auto; float:left; font-weight:bold; text-align:center; color:#006448; line-height:40px; padding:5px 0px;}
.abtwo-t p{ width:100%; height:auto; float:left; font-size:15px; color:#656565; text-align:center; line-height:20px; padding:5px 0px;}
.abtwoimg{ width:100%; height:auto; float:left;}
.abtwoimg ul{ width:100%; height:auto; float:left; text-align:center;}
.abtwoimg ul li{ display:inline-block; vertical-align:top; padding:40px;}
.abtwoimg ul li img{ max-width:100%;}

.abth{ width:100%; height:auto; float:left; padding:80px 0px; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#000;}
.abthin{ width:100%; height:auto; float:left; background:#FFF; padding:50px 20px;}
.abtha{ width:100%; height:auto; float:left;}
.abtha h1{ width:100%; height:auto; float:left; font-weight:bold; text-align:center; color:#006448; line-height:40px; padding:5px 0px;}
.abtha p{ width:100%; height:auto; float:left; font-size:15px; color:#656565; text-align:center; line-height:20px; padding:5px 0px;}
.abthb{ width:100%; height:auto; float:left; padding:30px 0px;}
.ones{ width:20%; height:auto; float:left; padding:5px;}
.onesa{ width:100%; height:auto; float:left; border:2px solid #a0a0a0;}
.onesa i{ width:100%; height:auto; float:left; padding:10px;}
.onesa i img{ width:100%;}
.onesa p{ width:100%; height:auto; float:left; display:table;}
.onesa p span{ width:100%; height:110px; display:table-cell; vertical-align:middle; font-size:15px; color:#4a4a4a; line-height:25px; padding:0px 20px;}

.abfo{ width:100%; height:auto; float:left; padding:70px 0px;}
.abfo img{ max-width:100%; }

.abfv{ width:100%; height:auto; float:left; background:#313131; text-align:center; position:relative; z-index:1; overflow:hidden;}
.abfvm{ width:100%; height:auto; float:left; padding:100px 0px 70px;}
.abfvone{ width:185px; min-height:130px; margin:1px 52px; padding: 5px; border:2px solid #dcdcdc; float:left; position:relative;}
.abfvone:before{ content:""; left:-3px; top:-3px; width:70px; height:50px; border-left:6px solid #dcdcdc; border-top:6px solid #dcdcdc; position:absolute;}
.abfvone h1{ width:100%; height:auto; float:left; font-size:20px; line-height:22px; color:#ffffff; text-align:center; margin-top:25px;}
.abfvone i{ width:30%; height:3px; float:left; margin:10px 35%; background:#006448;}
.abfvone p{ width:100%; height:auto; float:left; padding:0px 10px; color:#FFF; font-size:12px; text-align:center;}
.abfootline{ width:100%; height:auto; float:left; border-bottom:3px solid #006448; position:relative; z-index:1;}
.abfootline a{ float:right; background:#006448; padding:0px 10px; height:25px; font-size:13px; line-height:25px; color:#ffffff;}

#abfoot .footline{ display:none;}
.absan{ position:absolute; right:0; bottom:3px; width:300px; height:100%;
background: linear-gradient(bottom, #078f69, #0d658a);
background: -ms-linear-gradient(bottom, #078f69, #0d658a);
background: -webkit-linear-gradient(bottom, #078f69, #0d658a);
background: -moz-linear-gradient(bottom, #078f69, #0d658a);
}
.absan:before{ content:""; position:absolute; left:0; bottom:0;
border-left:0px solid transparent;   
border-right:320px solid transparent;   
border-top:460px solid #313131;
}

/*-- 工艺技术 --*/
.tech{ width:100%; height:auto; float:left; position:relative; z-index:1;}
.techl{ width:23%; height:auto; float:left;}
.techl-t{ width:100%; height:110px; float:left; margin-top:-70px; background:#006448; padding:30px 10px 0px 30px; position:relative;}
.techl-t:before{ content:""; bottom:0; right:0; position:absolute;
border-left:50px solid transparent;   
border-right:0px solid transparent;   
border-bottom:50px solid #00b900;
}
.techl-t h1{ width:100%; height:55px; font-size:30px; color:#ffffff; line-height:30px; font-weight:bold;}
.techl-t .i1{ width:12px; height:4px; float:left; margin-right:5px; background:#00b900;}
.techl-t .i2{ width:12px; height:4px; float:left; margin-right:5px; background:#e5e5e5;}
.techl-t .i3{ width:50px; height:4px; float:left; background:#FFF;}
.techl-show{ width:100%; height:auto; float:left; background:#eeeeee; padding:5px 12px 15px;}
.techl-show ul li{ width:100%; height:auto; float:left; border:1px solid #cccccc; background-image:url(../img/page/gybg.jpg); background-repeat:repeat-x; margin:5px 0px; background-position:center; transition:0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.techl-show ul li a{ display:table; width:100%; height:50px; position:relative;}
.techl-show ul li span{ width:100%; padding-right:10%; height:50px; display:table-cell; vertical-align:middle; text-align:center; font-size:17px; color:#858585; position:relative;}
.techl-show ul li span i{ width:10%; height:50px; display:table-cell; vertical-align:middle; font-style:normal; font-size:14px; font-weight:600; font-family:Arial, Helvetica, sans-serif; color:#858585; position:absolute; right:0; top:0; line-height:50px; text-align:left;}
.techl-show ul li:hover{ background:#006448; transition:0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; border:1px solid #eeeeee;}
.techl-show ul li:hover span{ color:#FFF; }
.techl-show ul li:hover i{ color:#FFF; }
.techl-show ul li:hover i:before{ position:absolute; right:-1px; top:0; content:"";
border-left:25px solid transparent;   
border-right:0px solid transparent;   
border-top:25px solid #eeeeee;
}
.techl-show ul li:hover i:after{ position:absolute; right:-1px; bottom:0; content:"";
border-left:25px solid transparent;   
border-right:0px solid transparent;   
border-bottom:25px solid #eeeeee;
}
.techl-img{ width:100%; height:auto; float:left; position:relative;}
.techl-img img{ width:100%;}
.techl-img p{ width:100%; height:30px; position:absolute; left:0; bottom:0; line-height:30px; text-align:center; font-size:14px; color:#FFF; z-index:1;}
.techl-img i{ position:absolute; background:#006448; left:0; bottom:0; width:100%; height:30px; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3;}
#gychoose{ background:#006448; border:1px solid #eeeeee;}
#gychoose span{ color:#FFF; }
#gychoose i{ color:#FFF; }
#gychoose i:before{ position:absolute; right:-1px; top:0; content:"";
border-left:25px solid transparent;   
border-right:0px solid transparent;   
border-top:25px solid #eeeeee;
}
#gychoose i:after{ position:absolute; right:-1px; bottom:0; content:"";
border-left:25px solid transparent;   
border-right:0px solid transparent;   
border-bottom:25px solid #eeeeee;
}

.techr{ width:77%; height:auto; float:left; text-align:center; padding:35px 15px;}
.techr img{ max-width:100%;}


/*-- 产品中心 --*/
.products{ width:100%; height:auto; float:left; background:#efefef;}
.cpbox{ width:77%; height:auto; float:left; padding:30px 10px;}
.cpone{ width:100%; height:auto; float:left; padding:10px; padding-bottom:5px; background:#eeeeee; -webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s;}
.cpimg{ width:100%; height:auto; float:left; overflow:hidden;}
.cpimg img{ width:100%; -webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; }
.cpone:hover .cpimg img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.cpname{ width:100%; height:auto; float:left; display:table; }
.cpname p{ width:100%; height:45px; display:table-cell; vertical-align:middle; text-align:center; color:#4a4a4a;}
.cpone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d8d8d8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 10px 5px #d8d8d8;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 10px 5px #d8d8d8;/*兼容safari或chrome*/
box-shadow:0px 0px 10px 5px #d8d8d8;/*兼容opera或ie9*/
-webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s;
}

/*-- 详细页 --*/
.proshow{ width:77%; height:auto; float:left; padding:30px 5px 30px 15px;}
.ban {width:100%; height:auto; float:left; position:relative;}
.t2{ width:100%; height:auto; position:relative; float:left; padding-right:240px;}
.t2 img{ border:1px solid #858585;}
.prev {float:left;cursor:pointer;}
.min_pic {width:230px; height:330px; position:absolute; right:0; top:0; z-index:1; }
.num { width:100%; height:100%; position:relative; float:left; overflow:hidden;}
.num ul { position:absolute; left:0; top:0;}
.num ul li {width:230px; height:auto; text-align:center; margin:8px 0px; list-style:none; border:1px solid #858585;}
.num ul li img {width:100%; border:0;}
.num ul li:hover { border:1px solid #006448; }
.num ul li a:on { border:1px solid #006448;}
.num ul li.on{border:1px solid #006448;}
.prev_btn1 {width:100%; text-align:center; height:55px; cursor:pointer; float:left; background:url(../img/page/upgo.png) center center no-repeat #bfbfbf;}
.next_btn1 {width:100%; text-align:center; height:55px; cursor:pointer; float:left; background:url(../img/page/downgo.png) center center no-repeat #bfbfbf;}

.proinfo{ width:100%; height:auto; float:left;}
.bigname{ width:100%; height:auto; float:left; font-size:22px; color:#4a4a4a; font-weight:600; line-height:25px; padding:10px 0px; padding-bottom:20px;}

.xsone{ width:100%; height:auto; float:left; padding:30px 0px;}
.xst{ min-width:225px; height:32px; float:left; background:#006448; position:relative; padding-left:55px; padding-right:10px;}
.xst i{ position:absolute; left:0; bottom:0;}
.xst span{ float:left; color:#FFF; font-size:15px; line-height:32px; font-weight:600;}
.xsinfo{ width:100%; height:auto; float:left; background:#eeeeee; color:#4a4a4a; padding:30px; border:1px solid #bfbfbf;}
.xsinfo table{ width:100%; height:auto; float:left; background:#FFF;
border-left:1px solid #b7b8b8;
border-top:2px solid #b7b8b8;
}
.xsinfo table tr td{
border-right:1px solid #b7b8b8;
border-bottom:1px solid #b7b8b8;
font-size:15px; color:#4a4a4a; padding:2% 1%; vertical-align:middle; text-align:center;
}
.xst:before{ content:""; position:absolute; right:-25px; top:0;
border-right:25px solid transparent;   
border-left:0px solid transparent;   
border-bottom:32px solid #006448;
}

.cpifnod{ width:100%; height:auto; float:left; margin-top:20px; text-align:center; padding-bottom:60px;}
.cpifnod a{ width:140px; height:40px; display:inline-block; vertical-align:top; color:#FFF; background:#006448; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cpifnod a:hover{ background:#000; transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;}
.cpifnod i{ width:30%; height:auto; line-height:40px; font-size:20px; float:left; text-align:right;}
.cpifnod span{ width:70%; height:auto; line-height:40px; font-size:14px; float:left; text-align:center;}
.cpifnod i:nth-child(2){ text-align:left;}
#cdl{ float:left;}
#cdr{ float:right;}

/*-- 视频中心 --*/
.video{ width:100%; height:auto; float:left;}
.vse{ width:100%; height:145px; float:left; background:#006448;}
.vsel{ width:43%; height:100%; float:left; position:relative;}
.flvsel{ width:95%; height:100%; position:absolute; left:0; top:30px; background:#626262; overflow:hidden;}
.flvsel h1{ width:480px; height:auto; text-align:center; float:right; font-size:20px; color:#fefefe; margin-top:45px;}
.flvsel p{ width:480px; height:auto; text-align:center; float:right; font-size:20px; color:#fefefe; margin-top:10px;}
.vser{ width:57%; height:100%; float:left;}
.vserbox{ width:430px; height:auto; float:left;}
.vser-t{ width:100%; height:auto; float:left; font-size:16px; color:#fefefe; line-height:30px; margin-top:40px;}
.vser-o{ width:100%; height:auto; float:left; padding:5px 0px;}
#search_inputv1{outline:none; height:38px; width:85%; border:0px; line-height:38px; float:left; color:#242424; font-size:13px; padding:0 5px; background-color:#FFF;}
#search_inputv2{ float:left; width:15%; height:38px; outline:none; border:0; background-image:url(../img/images/page/vsearch.jpg); background-repeat:no-repeat; background-position:center center; background-color:#FFF;}

.vsebox{ width:100%; height:auto; float:left; padding:65px 0px;}
.vbox{ width:100%; height:250px; float:left; position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; padding:5px;}
.vbox span{ width:100%; height:100%; background:#000; position:absolute; top:0; left:0; filter:alpha(opacity=50); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
.vbox i{ width:100%; height:auto; float:left; text-align:center; position:relative; z-index:1; margin-top:85px;}
.vbox i img{ max-width:100%; }
.vbox h1{ width:100%; height:auto; float:left; position:relative; z-index:1; font-size:12px; text-align:center; color:#ffffff; padding:10px 0px; margin-top:20px;}
.vbox p{ width:100%; text-align:center; float:left; font-size:12px; color:#e80505; position:relative; z-index:1;}

.bigvv{ width:100%; height:auto; position:fixed; border:0; top:15%; display:none; left:0px; z-index:99999; text-align:center;}
.bigcc{ width:750px; height:530px; display:inline-block; padding:25px; background:#000;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.bigcc video{ width:700px; height:480px;}
.bigvv iframe{ width:750px; height:530px; display:inline-block; padding:25px; background:#000;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.bvc{ width:100%; float:left; text-align:center;}
.bvc span{ width:750px; display:inline-block; text-align:right; padding:5px;}
.bvc span img{ width:25px; cursor:pointer;}


/*-- page --*/
.page{ width:100%;height:auto; float:left; text-align:center; font-size:12px; padding:20px 0px}
.pagination{text-align:center; width:100%;}
.pagination ul{width:100%; height:auto; text-align:center;}
.pagination ul li{display:inline-block; color:#858585; height:23px; line-height:23px; text-align:center; margin-right:5px;padding-left: 0;}
.pagination ul li:before{}
.pagination ul li a{color:#000; display:inline-block; vertical-align:top; font-size:13px; padding:1px 10px;
background:#eeeeee; border:1px solid #e5e5e5;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a i{ background:none; float:left;}
.pagination ul li a i.i1{ float:left; border:0; margin:5px 4px 6px 0px;}
.pagination ul li a i.i2{ float:right; border:0; margin:5px 0px 6px 4px;}
.pagination ul li a:hover{background: #006448!important; color:#FFF; border:1px solid #e5e5e5;}
.pagination ul li a.active{background: #006448!important; color:#FFF; border:1px solid #e5e5e5;}


/*-- 联系我们 --*/
.contact{ width:100%; height:auto; float:left; padding:80px 0px 150px;}
.conone{ width:100%; height:auto; float:left;}
.conl{ width:50%; height:auto; float:left;}
.conl h1{ width:100%; height:auto; float:left; font-size:30px; line-height:50px; color:#2e2e2e; padding-bottom:40px;}
.conl p{ width:100%; height:auto; float:left; font-size:14px; line-height:28px; padding:10px 0px;}
.conl p i{ width:7%; float:left;}
.conl p i img{ max-width:100%;}
.conl p span{ width:93%; float:left;}
.conr{ width:50%; height:auto; float:left;}
.conr-t{ width:100%; height:auto; float:left;}
.conr-t h1{ width:100%; height:auto; float:left; font-size:30px; line-height:50px; color:#2e2e2e;}
.conr-t p{ width:100%; height:auto; float:left; line-height:25px; color:#777777;}

/*-- feedback --*/
.feedback{ width:100%; height:auto; float:left; padding:25px 0px;}
.feedlong{ width:100%; height:auto; float:left; text-align:center; padding:5px;}
.feedshot{ width:50%; height:50px; float:left; padding:5px;}
.feedshot input{height:40px; width:100%; padding:0 4%; border:1px #cecece solid; outline:none; font-size:12px; color:#000; background:#FFF;}
.feedlong textarea{float:left; resize:none; width:100%; height:86px; padding:1.5% 2%; font-size:12px; color:#000; outline:none; border:1px #cecece solid; background:#FFF; }
.feedlong span{ float:right; position:relative; margin-top:30px;}
#button{ width:115px; height:40px; cursor:pointer; font-size:14px; border:1px solid #cbcbcb; color:#333333; transition:0.6s; -webkit-transition:0.6s;-moz-transition:0.6s; background:transparent; float:right; position:relative; z-index:1;}
#button:hover{ background:#006448; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; color:#FFF; border:1px solid #006448;}
.feedshot input:hover,.feedlong textarea:hover{ border:1px solid #000; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.feedlong span i{ left:3px; top:3px; border:1px solid #cbcbcb; position:absolute; width:115px; height:40px;}

/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; position:relative; margin-top:30px;}
.mapfang{ width:100%; height:700px; float:left; border:1px solid #cbcbcb;}
.mapfang img{ max-width:100px;}

/*-- foot --*/
.footB{ width:100%; height:auto; float:left; background:#545454;}
.footline{ width:100%; height:auto; float:left; border-bottom:3px solid #006448; background:#FFF;}
.footline a{ float:right; background:#006448; padding:0px 10px; height:25px; font-size:13px; line-height:25px; color:#ffffff;}
.footup{ width:100%; height:auto; float:left; padding-top:55px;}
.footone{ width:37%; height:auto; float:left; padding-right:10px;}
.footone h1{ width:100%; height:auto; float:left; font-size:18px; color:#ffffff; position:relative; line-height:40px; font-weight:600; padding-bottom:15px;}
.footone h1:before{ content:""; position:absolute; left:0; bottom:15px; width:50px; height:2px; background:#FFF;}
.footone ul{ width:100%; height:auto; float:left; }
.footone ul li{ width:100%; height:auto; float:left; padding:5px 0px;}
.footone ul li a{ width:100%; height:auto; float:left; color:#dddddd; font-size:14px; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.footone ul li a:hover{ color:#06bd8a; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}

.foottwo{ width:43%; height:auto; float:left; padding-right:10px;}
.foottwo h1{ width:100%; height:auto; float:left; font-size:18px; color:#ffffff; position:relative; line-height:40px; font-weight:600; padding-bottom:15px;}
.foottwo h1:before{ content:""; position:absolute; left:0; bottom:15px; width:50px; height:2px; background:#FFF;}
.foottwo p{ width:100%; height:auto; float:left; color:#dddddd; font-size:14px; padding:5px 25px; position:relative;}
.foottwo p i{ width:25px; height:20px; position:absolute; left:0; top:5px;}
.foottwo p span{ width:100%; height:auto; float:left;}

.footth{ width:20%; height:auto; float:left;}
.footth h1{ width:100%; height:auto; float:left; font-size:18px; color:#ffffff; position:relative; line-height:40px; font-weight:600; padding-bottom:15px;}
.footth h1:before{ content:""; position:absolute; left:0; bottom:15px; width:50px; height:2px; background:#FFF;}
.footth ul li{ width:50%; height:auto; float:left; padding-left:25px; position:relative;}
.footth ul li i{ position:absolute; left:0; top:0; width:25px; height:35px; color:#FFF; font-size:16px; line-height:35px;}
.footth ul li a{ display:block; color:#dddddd; font-size:14px; line-height:35px; font-family:Arial, Helvetica, sans-serif; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.footth ul li a:hover{ color:#06bd8a; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}

/**/
.footdown{ width:100%; height:auto; float:left; padding:25px 0px; color:#dddddd; text-align:center; line-height:25px; font-size:13px; margin-top:10px;}
.footdown span{ display:inline-block; vertical-align:top; padding:0px 15px;}
.footdown span a{ color:#dddddd; }

		
/* ~~ 脚注 ~~ */
.gom{ width:100%; height:auto; float:left; z-index:2; position:relative; margin-top:30px;}
.goback{ width:50px; height:50px; margin:0 auto;}
.goback .gos{
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1; position:relative;
	background:url(../img/page/go.png) no-repeat;
	-webkit-animation: movel 0.9s infinite linear;
    -moz-animation: movel 0.9s infinite linear;
    animation: movel 0.9s infinite linear;
	cursor:pointer;
}	

@-webkit-keyframes movel {
	 from {background-position: 50% 80%; }                                              
       to {background-position: 50% 10%;}
}

@-moz-keyframes movel {
	from {background-position: 50% 80%; }                                              
       to {background-position: 50% 10%;}
}

@keyframes movel {
	from { background-position: 50% 80%; }                                              
       to {background-position: 50% 10%;}
}
.goback .gos a{ display:block; width:100%; height:100%;}

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

.cnf18{ font-size:16px;}
#cnf38{ font-size:38px;}
.cnf14{ font-size:14px;}

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

@-webkit-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@-moz-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}

/*-- 左侧 --*/
.footside{position:fixed!important; width:60px; height:auto; right:0; top:45%; z-index:100;}
.footside ul li{width:60px; height:60px; float:left; position:relative; margin-top:1px; list-style:none; background:#333333; color:#FFF;}
.footside ul li .sidetop{width:60px; height:60px; display:inline-block; background:#333333; transition:all 0.3s;}
.footside ul li .sidetop:hover{background:#0193de; opacity:1; filter:Alpha(opacity=100);}
.footside ul li img{float:left;}
.footside ul li a{position:absolute; width:60px; height:60px; top:0; right:0; background:#333333; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; line-height:60px; color:#FFF; font-size:17px;}
.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:#0193de; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; overflow:hidden;}
#cmail:hover a span{ display:block;}