@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;}
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; float:left; background:#d4d4d4;}	
.bline2{ width:100%; height:1px; float:left; background:#d2d2d2;}
.bline3{ width:100%; height:1px; float:left; background:#000;}	
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1230px;}
.xmd{ width:1100px;}
.xsmd{ width:1140px;}
.pmd{ width:1170px;}
.syonemd{ width:850px;}
.wmd{ width:1420px; }
.posr{ position:relative;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr10{ padding:0px 10px;}
#bg{ background:#f2f2f2; width:100%; float:left;}
.hebg{ background:#393939;}
.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*/
}

/*--头部--*/
.topbox{ width:100%; height:55px; float:left; color:#FFF;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.topl{ float:left; line-height:55px; color:#FFF; font-size:15px;}
.topr{ float:right; padding:12px 0px;}
.topline{ width:30px; float:right; height:30px; background-image:url(../img/page/line.png); background-position:center center; background-repeat:no-repeat;}
.sedce-cen{ width:auto; height:30px; font-size:17px; line-height:30px; position:relative; float:right;}
.sedce-cen a{color:#FFF; display:inline-block;}
.sedce-cen span{ position:absolute; top:90%; padding:2px 18px; right:7px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; visibility:hidden; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; z-index:1; background:#000;}
.sedce-cen:hover span{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; transition:0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background:#278d81; top:100%;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sedce-cen i{ float:left; padding:0px 8px;}
.sedce-cen i img{ width:24px;}
.sedce-cen:hover span a{ color:#FFF;}
#cen{font-size:14px; margin-left:5px; margin-top:8px; float:right;}

/*-- 导航 --*/
.navbox{ width:100%; height:auto; float:left; background:url(../img/page/navbg.jpg); background-size:cover;}
.navlg{ width:100%; height:140px; float:left; background:url(../img/images/page/logo.png) center center no-repeat;}
.navl{ width:40%; height:55px; float:left; margin-top:50px;}
.navl ul li{ float:left; height:100%; line-height:55px; position:relative; margin:0px 20px 0px 10px; padding:0px 10px;}
.navl ul li i,.navr ul li i{ width:10%; height:4px; 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;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.navl ul li a,.navr ul li a{ display:block; line-height:45px; font-size:16px; color:#000000; height:auto;}
.navl ul li a:hover,.navr ul li a:hover{color:#3caa8a;}
.navl ul li:hover i,.navr 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:96%; left:2%;}

.navr{ width:auto; height:55px; float:right; margin-top:50px;}
.navr ul li{ float:left; height:100%; line-height:55px; position:relative; margin:0px 30px; padding:0px 10px;}
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;width:96%; left:2%;}
#choose{ color:#3caa8a; }

/*-- 搜索 --*/
.searchbox{ width:30px; height:30px; cursor:pointer; float:right; margin-top:2px;}
.searchbox img{ width:100%;}
.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:#d5d6d6; 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=99); -moz-opacity:0.99; -khtml-opacity:0.99; opacity:0.99;
}
#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:#2bb890;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

#phonesearch{ width:100%; height:auto; float:left; padding:10px 4%;}
#search_inputx1{outline:none;height:40px; width:80%; border:1px solid #000; line-height:50px; float:left; color:#000; font-size:14px; 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_inputx2{ float:left; width:18%; height:40px; outline:none; cursor:pointer; margin-left:2%; border:0; background:url(../img/page/search.png) center center no-repeat #2ec098;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- banner轮播图 --*/
.bannerbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.in-img{width:100%; height:auto; float:left; overflow:hidden; position:absolute; z-index:2; text-align:center; top:38%;}
.in-img img{ width:240px;}
.in-box{ width:100%; height:300px; float:left; overflow:hidden; position:relative; z-index:1;}
.in-box span{ width:100%; height:100%; float:left; background-size:cover; background-position:center center;
-webkit-animation: banner_one 5s ease-in-out;
-moz-animation: banner_one 5s ease-in-out;
-o-animation: banner_one 5s ease-in-out;
animation: banner_one 5s ease-in-out;
}
#contactbg{ background-image:url(../img/images/banner/contact.jpg); }
#aboutbg{ background-image:url(../img/images/banner/about.jpg); }
#productsbg{ background-image:url(../img/images/banner/products.jpg);}
#casebg{ background-image:url(../img/images/banner/case.jpg);}
#newsbg{ background-image:url(../img/images/banner/news.jpg);}
#brandbg{ background-image:url(../img/images/banner/brand.jpg);}

@-webkit-keyframes banner_one{
  0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes banner_one {
  0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes banner_one {
   0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}

/*-- syone --*/
.syone{ width:100%; height:auto; float:left; background-image:url(../img/page/sysucai01.jpg); background-position:center center; background-repeat:no-repeat; background-size:100%; background-color:#eeeeee; padding:100px 0px 75px;}
.syone-t{ width:100%; height:auto; float:left; text-align:center;}
.syone-t img{ max-width:100%;}
.syone-info{ width:100%; height:auto; float:left; font-size:15px; color:#3b3b3b; line-height:33px; margin-top:25px;}
.syone-btn{ width:100%; height:auto; float:left; text-align:center; margin-top:32px;}
.syone-btn a{ width:320px; height:60px; display:inline-block; position:relative; text-align:center; line-height:60px; text-align:center; color:#FFF; font-size:15px;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syone-btn a:hover{
background: linear-gradient(left, #2a6069, #2a6069);
background: -ms-linear-gradient(left, #2a6069, #2a6069);
background: -webkit-linear-gradient(left, #2a6069, #2a6069);
background: -moz-linear-gradient(left, #2a6069, #2a6069);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syone-btn a i{ position:absolute; right:-50px; top:30%; background:url(../img/page/syjt.png) center center no-repeat; width:103px; height:20px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syone-btn a:hover i{ right:-60px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- sytwo --*/
.sytwo{ width:100%; height:auto; float:left;}
.sytwo-up{ width:100%; height:auto; float:left; margin-top:20px;}
.sytwo-p1{ width:45%; height:auto; float:left; background:#eeeeee; margin-left:15%;}
.sytwo-p1 .p1{ width:180px; height:165px; float:left; margin-left:33.5%; background:#383838; padding:8px;}
.sytwo-p1 .p1 table{ width:100%; height:100%; float:left; color:#FFF; font-size:20px; color:#e8e8e8; line-height:24px;}
.sytwo-p1 .p1 table span{ margin-top:5px; float:left;}
.sytwo-p2{ width:40%; height:auto; float:left;}
.sytwo-p2 img{ max-width:100%; margin-top:50px;}

.sytwo-down{ width:100%; height:auto; float:left; background-image:url(../img/images/page/sybg01.jpg);
background-size:cover;}
.sytwo-down-p1{ width:15%; height:540px; float:left;}
.sytwo-down-p1 .p1{ width:100%; height:180px; float:left; background:#383838; padding:8px; margin-top:180px;}
.sytwo-down-p1 .p1 table{ width:100%; height:100%; float:left; color:#FFF; font-size:20px; color:#e8e8e8; line-height:24px;}
.sytwo-down-p1 .p1 table span{ margin-top:5px; float:left;}

.sytwo-down-p2{ width:15%; height:540px; float:left;}
.sytwo-down-p2 .p1{ width:100%; height:180px; float:left; background:#383838; padding:8px;}
.sytwo-down-p2 .p1 table{ width:100%; height:100%; float:left; color:#FFF; font-size:20px; color:#e8e8e8; line-height:24px;}
.sytwo-down-p2 .p1 table span{ margin-top:5px; float:left;}
.sytwo-down-p2 .p1.clo1{
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.sytwo-down-p2 .p2{ width:100%; height:180px; float:left; background:#383838; padding:8px; margin-top:180px;}
.sytwo-down-p2 .p2 table{ width:100%; height:100%; float:left; color:#FFF; font-size:20px; color:#e8e8e8; line-height:24px;}
.sytwo-down-p2 .p2 table span{ margin-top:5px; float:left;}
.sytwo-down-p2 .p2.clo2{
background: linear-gradient(to right top, #08a8d7, #e8dc2b);
background: -ms-linear-gradient(to right top, #08a8d7, #e8dc2b);
background: -webkit-linear-gradient(to right top, #08a8d7, #e8dc2b);
background: -moz-linear-gradient(to right top, #08a8d7, #e8dc2b);
}

.sytwo-down-p3{ width:40%; height:360px; float:left; background-image:url(../img/images/page/sybg03.jpg); background-size:cover; padding:30px 20px 0px 40px;}
.sytwo-down-p3 .p1{ width:100%; height:auto; font-size:20px; color:#000; line-height:30px; margin-top:20px; font-weight:bolder;}
.sytwo-down-p3 .p2{ width:100%; height:auto; float:left; margin-top:20px; line-height:18px; color:#595959;}
.sytwo-down-p3 .p3{ width:100%; height:auto; float:left; text-align:right;}
.sytwo-down-p3 .p3 a{ width:120px; height:40px; text-align:center; line-height:40px; display:inline-block; color:#FFF; margin-top:45px; font-size:14px;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.sytwo-down-p3 .p3 a:hover{background:#2ebf98; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}

.sytwo-down-p4{ width:30%; height:auto; float:left;}
.sytwo-down-p4 img{ max-width:100%;}

.sytwo-down-p5{ width:70%; height:auto; float:left;}
.sytwo-down-p5 .line{ width:120%; height:3px; float:left; background:#2bb68e; margin-left:34px; margin-top:110px;}

/*-- syth --*/
.syth{ width:100%; height:auto; float:left;}
.syth-up{ width:100%; height:auto; float:left; padding-bottom:50px;}
.syth-up .p1{ width:100%; height:auto; float:left; margin-top:15px; text-align:center;}
.syth-up .p1 img{ max-width:100%;}
.syth-up .p2{ width:100%; height:auto; float:left; font-size:13px; color:#c5c5c5; line-height:30px; margin-top:10px; text-align:center;}
.syth-down{ width:100%; height:auto; float:left; }
.syth-dl{ width:37%; height:680px; float:left; color:#FFF; padding:115px 10% 0px 10%;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.syth-dl .p1{ width:100%; height:auto; float:left; font-size:30px; line-height:35px; color:#FFF;}
.syth-dl .p2{ width:100%; height:auto; float:left; font-size:30px; line-height:35px; color:#FFF;}
.syth-dl .p3{ width:100%; height:auto; float:left;}
.syth-dl .p3 span{ width:70px; height:3px; float:left; background:#FFF; margin-top:38px;}
.syth-dl .p4{ width:100%; height:auto; float:left; margin-top:18px;}
.syth-dl .p5{ width:100%; height:auto; float:left; margin-top:55px; line-height:30px; font-size:18px;}
.syth-dl .p5 i{ width:30px; height:30px; float:left; background:url(../img/page/xx.png) center center no-repeat; border:2px solid #FFF; margin-right:10px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syth-dl .p5 a{ color:#FFF;}
.syth-dl .p5 a:hover i{ background:url(../img/page/xx.png) center center no-repeat #242424; border:2px solid #242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.syth-dr{ width:63%; height:680px; float:left;}
.syth-hot1{ width:36%; height:100%; float:left; background-size:cover; background-position:center center; position:relative;}
.syth-hot2{ width:32%; height:100%; float:left; background-size:cover; background-position:center center; position:relative;}
.syth-hot3{ width:32%; height:100%; float:left; background-size:cover; background-position:center center; position:relative;}

.syth-hot1 a,.syth-hot2 a,.syth-hot3 a{ width:100%; height:100%; float:left; color:#FFF;}
.syth-hot1 .thname,.syth-hot2 .thname,.syth-hot3 .thname{ width:100%; height:auto; position:absolute; left:0; bottom:10px; padding:15px; z-index:1;}
.thl{ width:70%; height:30px; float:left; line-height:16px; font-size:15px;}
.thl table{ width:100%; height:100%; float:left;}
.thname i{ width:30px; height:30px; float:right; border:2px solid #FFF;
background:url(../img/page/xx.png) center center no-repeat;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.syth-hot1 span,.syth-hot2 span,.syth-hot3 span{ position:absolute; width:100%; height:100%; top:0; left:0; background:#000; visibility:visible;
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syth-hot1:hover span,.syth-hot2:hover span,.syth-hot3:hover span{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-hot1:hover .thname i,.syth-hot2:hover .thname i,.syth-hot3:hover .thname i{ margin-right:10px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background:url(../img/page/xx.png) center center no-repeat #242424; border:2px solid #242424;}

/*-- 品牌与工程案例 --*/
.syfo{ width:100%; height:auto; float:left; margin-top:20px;}	
.syfol{ width:62%; height:480px; float:left; background-position:center center; background-size:cover;}
.syfol a{ width:100%; height:100%; float:left;}
.syfol-name{ width:100%; height:auto; float:left; padding-left:19%;}
.syfol-name .p1{ width:100%; height:auto; float:left; margin-top:110px; line-height:50px; color:#ffffff; font-size:35px;}
.syfol-name .p2{ width:100%; float:left; font-size:18px; line-height:30px; color:#FFF; margin-top:20px;}
.syfol-name .p2 i{ width:30px; height:30px; float:left; background:url(../img/page/xx.png) center center no-repeat; border:2px solid #FFF; margin-right:10px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syfol a:hover .syfol-name .p2 i{ background:url(../img/page/xx.png) center center no-repeat #242424; border:2px solid #242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.syfor{ width:38%; height:480px; float:left;}
.syfor a{ width:100%; height:100%; float:left;}
.syfor-name{ width:100%; height:auto; float:left; text-align:center; margin-top:140px; text-align:center; line-height:50px; color:#464646; font-size:35px;}
.syfor-a{ width:100%; height:auto; float:left; text-align:center;}
.syfor-a .ps{ width:55%; height:50px; padding:10px 0px; display:inline-block; margin-top:22px; color:#FFF; font-size:18px;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari 和 Chrome */
border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syfor-a .ps i{ width:30px; height:30px; display:inline-block; background:url(../img/page/xx.png) center center no-repeat; border:2px solid #FFF; margin-right:10px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syfor-a .ps span{ display:inline-block; width:auto; height:30px; line-height:30px; vertical-align:top;}
.syfor:hover .syfor-a .ps i{ background:url(../img/page/xx.png) center center no-repeat #242424; border:2px solid #242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*-- syfv --*/
.syfv{ width:100%; height:auto; float:left;}
.syfv-t{ width:100%; height:auto; float:left; margin-top:80px; font-size:46px; color:#000; line-height:50px; text-align:center;}
.syfvbg{ width:100%; height:50px; float:left; background:url(../img/page/fvbg.jpg) center center no-repeat;}
.syfv-show{ width:100%; height:auto; float:left; margin-top:20px;}
.syhot{ width:100%; height:auto; float:left; margin-top:20px; border:1px solid #aaaaaa; position:relative;}
.syhot-img{ width:100%; height:auto; float:left;}
.syhot-img img{ max-width:100%;}
.syhot-name{ width:100%; height:55px; float:left;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.syhot-name table{ width:100%; height:100%; float:left; text-align:center; color:#FFF; font-size:15px;}

.syhot span{ position:absolute; width:100%; height:100%; top:0; left:0; background:#000; 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;
}
.syhot:hover span{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; visibility:visible;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.syhot i{ position:absolute; width:100%; height:100%; top:0; left:0; visibility:hidden; text-align:center;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syhot i img{ max-width:100%;}
.syhot:hover i{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; top:36%; text-align:center;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}


/*-- 关于我们 --*/
.ab-one{ width:100%; height:auto; float:left; margin-top:50px;}
.abt{ width:100%; height:auto; float:left; font-size:40px; text-align:center; color:#000;}
.abnav{ width:100%; height:auto; float:left; text-align:center; margin-top:18px;}
.abone{ display:inline-block; font-size:15px; vertical-align:top;}
.abone a{ width:100%; height:auto; float:left; padding:5px 10px; line-height:30px; color:#aca9ac; }
.abone i{ width:20px; height:2px; float:left; background:#aca9ac; margin-top:20px; }
.abone a:hover{ color:#2cb991;}
#abone{ color:#2cb991;}
.abone-info{ width:100%; height:auto; float:left; font-size:16px; color:#000; line-height:30px; margin-top:25px;}

.ab-two{ width:100%; height:auto; float:left;}
.abt-t{ width:100%; height:auto; float:left; padding:50px 70px;}
.abt-t p{ width:100%; height:auto; float:left; font-size:35px; color:#000; line-height:40px;}
#abt-t{ font-weight:bolder;}
.abtwo-info{ width:100%; height:auto; float:left; background:url(../img/images/page/ab001bg.jpg) center center no-repeat; padding:0px 7%;}
.abtwo-info .p1{ width:58%; height:315px; float:left; background-image:url(../img/images/page/ab001.jpg); background-size:cover;}
.abtwo-info .p2{ width:42%; height:auto; float:left; padding-top:80px; padding-left:30px; font-size:15px; color:#5d5d5d; line-height:30px;}

.ab-th{ width:100%; height:auto; float:left; margin-top:85px;}
.abthup{ width:100%; height:auto; float:left;}
.abthup .p1{ width:50%; height:350px; float:left; background-size:cover; background-position:right center;}
.abthup .p2{ width:50%; height:auto; float:left; background:#eeeeee; padding-left:55px; font-size:15px; color:#5d5d5d;}
.abthup .p2 table{ width:50%; height:350px; float:left;}

.abthdown{ width:100%; height:auto; float:left;}
.abthdown .p1{ width:50%; height:525px; float:left; padding-right:35px;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.abthdown .p1 table{
	width:55%;
	height:360px;
	float:right;
	font-size:15px;
	color:#FFF;
	line-height:24px;
}
.abthdown .p2{ width:50%; height:525px; float:left; background-size:cover; background-position:center center;}

.abthimg{ width:100%; height:auto; float:left; margin-top:-175px; position:relative; z-index:1;}
.abthimg .p1{ width:75%; height:485px; float:left; border:1px solid #eeeeee; background-size:cover; background-position:center center;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 5px 8px #eeeeee;/*兼容firefox*/
-webkit-box-shadow: 0px 5px 8px #eeeeee;/*兼容safari或chrome*/
box-shadow:0px 5px 8px #eeeeee;/*兼容opera或ie9*/
}

/*-- 发展历程 --*/
.history{ width:100%; height:auto; float:left;}
.his-t{width:100%; height:auto; float:left; font-size:30px; line-height:30px; color:#393939; text-align:center;}
.his{ width:100%; height:auto; float:left; position:relative; margin-top:60px;}
.abm{ width:10%; height:100%; position:absolute; left:45%; top:0; background:url(../img/page/hsss.png) center center repeat-y;}
.abl{ width:60%; float:left; padding-right:13%; position:relative; z-index:1; margin-top:10px; }
.abl-date{ width:100%; height:auto; padding:10px 0px; color:#2ec098; font-size:30px; line-height:30px; float:left; text-align:right;}
.abl-line{ width:100%; height:20px; float:right;}
.abl-line i{ width:12px; height:1px; background:#2ec098; float:right; margin-right:55px;}
.abl-info{ width:60%; float:right; text-align:right; font-size:16px; color:#434343; line-height:22px;}
.abr{ width:60%; float:right; padding-left:13%; position:relative; z-index:1;  margin-top:10px;}
.abr-date{ width:100%; height:auto; padding:10px 0px; color:#2ec098; font-size:30px; line-height:30px; float:left; text-align:left;}
.abr-line{ width:100%; height:20px; float:left;}
.abr-line i{ width:12px; height:1px; background:#2ec098; float:left;}
.abr-info{ width:58%; float:left; text-align:left; font-size:16px; color:#434343; line-height:22px; }

.pointl{ width:20px; height:20px; position:absolute; top:-20%; right:15.3%;}
.pointl img{ width:100%;}
.pointr{ width:20px; height:20px; position:absolute; top:-20%; left:15.3%;}
.pointr img{ width:100%;}

.aimg1{ width:auto; position:absolute; right:-15%; top:10%;}
.aimg1 img{ max-width:80%;}
.aimg2{ width:auto; position:absolute; left:-15%; top:35%;}
.aimg2 img{ max-width:80%;}
.aimg3{ width:auto; position:absolute; right:-20%; top:65%;}
.aimg3 img{ max-width:80%;}

/*-- 团队 --*/
.team{ width:100%; height:auto; float:left;}
.whbox{ width:100%; height:auto; float:left;}
.wh-t{ width:100%; height:auto; float:left;}
.wh-t .p1{ width:100%; height:auto; float:left; text-align:center; font-size:30px; line-height:30px; padding-bottom:10px;}
.wh-t .p2{ width:100%; height:auto; float:left; text-align:center; font-size:18px; line-height:25px;}
.wh-else{ width:100%; height:auto; float:left; text-align:center;}
.wh-else p{ width:100%; height:auto; float:left; line-height:28px;}
.wh-img{ width:100%; height:auto; float:left; background:url(../img/images/culture/bg.jpg) center center no-repeat; background-size:cover; padding:120px 0px 60px; overflow:hidden;}
.wh-one{ width:100%; height:auto; float:left; margin-top:-65px; margin-bottom:90px;}
.wh-two{ width:100%; height:auto; float:left; margin-bottom:25px;}
.wh-one img,.wh-two img{ width:100%;}
.wname{ position:absolute; left:-150px; top:-70px; text-align:left;}
.ws{ width:100%; height:auto; float:left; font-size:26px; color:#FFF;}
.ws-line{ width:20px; height:2px; float:left; background:#e21912;}
.ws-img{ float:left; width:100%;}
.ws-img img{ max-width:100%;}

.whboxs{ width:100%; height:auto; float:left; padding:60px 0px; background:#eeeeee;}
.ws1{ width:100%; height:auto; float:left;}
.ws2{ width:100%; height:auto; float:left; padding:25px 60px; font-size:15px; line-height:25px; color:#000;}
.ws3{ width:100%; height:auto; float:left; text-align:right;}

.whboxss{ width:100%; height:600px; float:left;}
.wwl{ width:55%; float:left; height:100%; background:url(../img/page/tuan2.jpg) right center no-repeat #d3d3d3; background-size:cover;}
.wwr{ width:45%; float:left; height:100%; background:#d3d3d3;}
.wwrm{ width:65%; float:left; float:left; padding:0px 30px; text-align:center; margin-top:50px;}
.wwrm .p1{ width:100%; height:auto; float:left; font-size:36px; color:#000; line-height:35px;}
.wwrm .p2{ width:100%; height:auto; float:left; font-size:22px; color:#000; line-height:35px;}
.wss-img{ width:100%; height:auto; float:left; text-align:center; padding:30px 0px; }
.wss-img img{ max-width:100%;}
.wss-else{ width:100%; height:auto; float:left; font-size:13px; line-height:25px; color:#000;}

/*-- 产品中心 --*/
.pbg{ background:url(../img/page/pbg.jpg); }
.products{ width:100%; height:auto; float:left;}
.hotsort{ width:100%; height:auto; float:left; margin-top:65px;}
.hot{ width:76%; height:auto; float:left;}
.hot-one{ width:175px; height:auto; float:left; font-size:15px; line-height:30px; background:#f3f3f3; text-align:center; margin-right:30px; margin-top:8px;}
#hot-one{ font-size:20px; font-weight:600;}
.hot-one a{ color:#363636; display:block;}
.hot-one:hover{ background:#2dbd95; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hot-one a:hover{ color:#FFF; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.psearch{ width:24%; height:auto; float:left; background:#313131; padding:10px 15px;}
#search_input4{outline:none; height:24px; width:82%; border:0px solid #585858; line-height:24px; 
float:left; color:#e1e1e1; font-size:15px; padding:0 10px; background-color:transparent;}
#search_input3{ float:left; width:18%; height:24px; outline:none; background:url(../img/page/psearch.png) left center no-repeat; border:0; border-right:1px solid #585858;}

.sortbox{ width:100%; height:auto; float:left; margin-top:28px; border-top:1px solid #b5b5b5; border-left:1px solid #b5b5b5;}
.sortone{ width:25%; height:auto; float:left; border-right:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5;}
.sortimg{ width:100%; height:auto; float:left; overflow:hidden; position:relative;}
.sortimg img{ width:100%; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.sortone:hover .sortimg img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sortname{ width:100%; height:auto; float:left;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.sortname .p1{ width:100%; height:auto; float:left; font-size:16px; color:#FFF; padding:15px 10px;}
.sortname .p1 table{ width:100%; height:100%; float:left; line-height:13px;}
.sortname .p2{ width:100%; height:1px; float:left; font-size:16px; color:#FFF;}
.sortname .p2 table{ width:100%; height:100%; float:left; line-height:13px;}
.sortname .p3{ width:100%; height:auto; float:left; padding:10px; border-top:1px solid #FFF; margin-top:18px; background:#FFF; margin-top:5px; padding:10px;}
.sortname .p3 .pl{ width:50%; height:20px; float:left; color:#242424;}
.sortname .p3 .pl i{ width:20px; height:20px; float:left; background:url(../img/page/sss.png) center center no-repeat;}
.sortname .p3 .pr{ width:50%; height:20px; float:left; text-align:right; color:#242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortone a:hover .sortname .p3 .pr{ color:#2ebf98; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.cphover{ width:100%; height:100%; position:absolute; text-align:center; left:0; top:0;}
.cphover span{ background:#2dbd95; width:100%; height:100%; float:left; position:relative; z-index:1; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; visibility:hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;
opacity:0;
}
.cphover i{ position:absolute; left:0; top:80%; width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; visibility:hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity: 0;   
opacity: 0;
z-index:1;
}
.sortone:hover .cphover i{top:40%;}
.sortimg .cphover i img{ max-width:100%; width:auto;}
.sortone:hover .cphover i{
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
visibility:visible; 
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1;
}
.sortone:hover .cphover span{
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
visibility:visible; 
filter:alpha(opacity=60);   
-moz-opacity:0.6;   
-khtml-opacity:0.6;   
opacity: 0.6;
}

/*-- 产品内页 --*/
.proL{ width:28%; height:auto; float:left; background:#FFF; padding:10px 15px; margin-top:40px;}
.inpsearch{ width:100%; height:44px; float:left; background:#2ec098; padding:10px 15px;}
#search_input6{outline:none; height:24px; width:84%; border:0px; line-height:24px; 
float:left; color:#FFF; font-size:15px; padding:0 10px; background-color:transparent;}
#search_input5{ float:left; width:16%; height:24px; outline:none; background:url(../img/page/psearch.png) left center no-repeat; border:0; border-right:1px solid #FFF;}
#search_input6::-webkit-input-placeholder{ opacity:1; color:#FFF;}
#search_input6:-moz-placeholder{opacity:1; color:#FFF;}
#search_input6::-moz-placeholder{opacity:1; color:#FFF;}
#search_input6:-ms-input-placeholder{opacity:1; color:#FFF;}

.psort{ width:100%; height:auto; float:left;}
.list{width:100%; height:auto; float:left;}
.yiji{ padding:0; margin:0;}
.list ul li{list-style:none; height:auto; width:100%; float:left; position:relative; margin-top:10px; background:#e5e5e5;}
.list ul li a{ color:#636363; font-size:16px; width:100%; height:auto; float:left; line-height:20px; position:relative; padding:15px 0px; text-align:center;  padding-right:35px; }
.list ul li:hover a{color:#2ec098; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
.list ul li.choosepoint a{color:#2ec098; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
.list ul li i{ width:20px; height:20px; position:absolute; right:15px; top:15px;}
.list ul li .inactive i{ background:url(../img/page/cxjt.png) center center no-repeat; transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;}
.list ul li .inactives i{ background:url(../img/page/cxjth.png) center center no-repeat; transition: 0.5s;-webkit-transition: 0.5s; -moz-transition: 0.5s;}

.list ul li ul{display: none; width:100%;}
.list ul li ul li{ width:100%; height:auto; line-height:22px; color:#FFF; float:left; font-weight:normal; position:relative; padding-left:5%; margin-top:0; background:#FFF;}
.list ul li ul li a{ color:#313131; font-size:14px; line-height:20px; font-weight:normal; padding:10px; text-align:left; border-bottom:1px dashed #313131;}
.list ul li ul li a span{ width:4px; height:4px; float:left; margin-right:8px; margin-top:9px; background:#313131;
transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#di li a{ color:#313131;}
#di li a:hover{ color:#2ec098;}
#di li #nchoose2{color:#2ec098;}

.proR{ width:72%; height:auto; float:left; padding-left:15px; margin-top:40px;}
.pror-t{ width:100%; height:39px; float:left; padding:0px 15px;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.pror-tl{ width:50%; height:auto; line-height:39px; float:left; font-size:19px; color:#FFF; font-weight:600;}
.pror-tr{ width:50%; height:auto; float:left; text-align:right; font-size:15px; color:#FFF; line-height:39px;}
.pror-tr a i{ width:39px; height:39px; float:right; background:url(../img/page/cpptj.png) center center no-repeat;}
.pror-tr a{ color:#FFF; font-weight:600; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
.pror-tr a:hover{ color:#000; transition: 0.3s;-webkit-transition: 0.3s; -moz-transition: 0.3s;}
.pror-tr a:hover i{ background:url(../img/page/cpptjh.png) center center no-repeat;}

.cpbox{ width:100%; height:auto; float:left;}
.cpone{ width:100%; height:auto; float:left; margin-top:23px; position:relative; border:2px solid #e2e2e2;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background:#626262;
}
.cpone i{ position:absolute; top:10px; left:10px; z-index:1;}
.cpimg{ width:100%; height:auto; float:left; overflow:hidden;}
.cpimg img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpname{ width:100%; height:50px; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpname table{ float:left; width:100%; height:50px; font-size:14px; color:#FFF; text-align:center;}
.cpone:hover .cpimg img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.cpone:hover{ border:2px solid #2ec098; 
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.cpone:hover .cpname table{ color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpone a{ display:block; float:left; width:100%; height:100%;}

/*-- 产品详细 --*/
.proinfo{ width:100%; height:auto; float:left; position:relative;}
.proinfo-t{ width:100%; height:50px; float:left; margin:25px 0px;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.proinfo-t .p1{ width:30%; line-height:30px; float:left; padding:10px; font-size:19px; color:#FFF; font-weight:600;}
.proinfo-t .p2{ width:70%; float:left;}
.info-psearch{ width:30%; height:auto; float:right; background:#FFF; padding:8px 15px; margin-top:5px; margin-right:10px;}
#search_input8{outline:none; height:24px; width:82%; border:0px; line-height:24px; 
float:left; color:#434343; font-size:15px; padding:0 10px; background-color:transparent;}
#search_input7{ float:left; width:18%; height:24px; outline:none; background:url(../img/page/infosearch.png) left center no-repeat; border:0; border-right:1px solid #434343;}

.ban{ width:100%; height:auto; float:left; background:#ffffff; overflow:hidden;}
.t2 img{width:100%; height:auto;}
.t2{width:55%; float:left; border:1px solid #d0cfcf; position:relative;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#b2b2b3,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 100px 30px #b2b2b3;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 100px 30px #b2b2b3;/*兼容safari或chrome*/
box-shadow: 0px 0px 100px 30px #b2b2b3;/*兼容opera或ie9*/
}
.plogo{ position:absolute; z-index:1; left:20px; top:20px; }
.plogo img{ width:100px;}

.cpinfobox{ width:45%; height:auto; float:left; position:relative; z-index:1;}
.cpinfo1{ width:100%; height:auto; float:left; padding:10px 0px; line-height:30px; font-size:26px; color:#0c0c0c; font-weight:600;}
.cpinfo2{ width:100%; height:auto; float:left; line-height:22px; color:#636363; font-size:15px;}
.cpinfo-cc{ width:100%; height:auto; float:left; overflow:hidden;}
.cpinfo-cc img{ width:90%;}

.samebox{ width:100%; height:auto; float:left; margin-top:44px;}
.bigsame-t { width:100%; height:auto; float:left; border-bottom:1px solid #2ec098;}
.same-t{ float:left; background:#dcc099; color:#FFF; font-size:20px; line-height:35px; width:210px; text-align:center;
background: linear-gradient(left, #2a6069, #2ebf98);
background: -ms-linear-gradient(left, #2a6069, #2ebf98);
background: -webkit-linear-gradient(left, #2a6069, #2ebf98);
background: -moz-linear-gradient(left, #2a6069, #2ebf98);
}
.same-more{ float:right; font-size:14px;}
.same-more a{ color:#dcc099; line-height:30px; margin-top:10px; float:left;}
.same-more a:hover{ color:#FFF;}
.same-info{ width:100%; height:auto; float:left;}
#cpone{ width:100%; float:left;}

.backbtn{ float:left; width:100%; height:auto; padding-top:10px;}
.backbtn a{ padding:4px 22px; color:#FFF; background:#242424; font-size:14px; float:left; font-weight:bold;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.backbtn a:hover{ background:#2ebf98;}

.showimg{ width:100%; height:auto; float:left; padding-bottom:20px;}
.showimg a{ width:68px; height:auto; float:left; margin:3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.showimg a p{ width:100%; height:auto; font-size:12px; text-align:center; padding-bottom:2px; color:#000; float:left;}
.showimg a img{ width:66px; height:66px; border:1px solid #CCC;}
.showimg a:hover img{ border:1px solid #4ac0ec}

.min_pic {width:54%;height:auto;float:left; padding:10px 0px; margin-top:10px;}
.num {width:90%;height:82px;overflow:hidden;position:relative;float:left;}
.num ul {position:absolute;left:0;top:0;}
.num ul li {width:82px;height:auto; float:left; margin:0px 8px; text-align:center;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li img {width:80px; height:80px; border:2px solid #e2e2e2;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li:hover img{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#2ebf98,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 2px 6px #2ebf98;/*兼容firefox*/
-webkit-box-shadow:2px 2px 6px #2ebf98;/*兼容safari或chrome*/
box-shadow:2px 2px 6px #2ebf98;/*兼容opera或ie9*/
}
.num ul li a:on img{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#2ebf98,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 2px 6px #2ebf98;/*兼容firefox*/
-webkit-box-shadow:2px 2px 6px #2ebf98;/*兼容safari或chrome*/
box-shadow:2px 2px 6px #2ebf98;/*兼容opera或ie9*/
}
.prev_btn1 {width:5%;text-align:center;height:auto;cursor:pointer;float:left; margin-top:30px;}
.next_btn1 {width:5%;text-align:center;height:auto;cursor:pointer;float:left; margin-top:30px;}
.num ul li.on img{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#2ebf98,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 2px 6px #2ebf98;/*兼容firefox*/
-webkit-box-shadow:2px 2px 6px #2ebf98;/*兼容safari或chrome*/
box-shadow:2px 2px 6px #2ebf98;/*兼容opera或ie9*/
}

/*-- page --*/
.page{ width:100%;height:auto; float:left; text-align:center; font-size:12px;}
.pagination{text-align:center; width: 100%;}
.pagination ul{width: 100%;height: auto;text-align: center;}
.pagination ul li{display:inline-block; color:#353535; 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:#f8f8f8; border:1px solid #f8f8f8;
-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: #626262!important; color:#FFF; border:1px solid #626262;}
.pagination ul li a.active{background: #626262!important; color:#FFF; border:1px solid #626262;}

/*-- 新闻 --*/
.newsbox{ width:100%; height:auto; float:left;}
.newsone{ width:100%; height:auto; float:left; padding:35px 0px;}
.newsimg{ width:100%; height:auto; float:left; position:relative;}
.newspic{ width:100%; height:auto; float:left; overflow:hidden;}
.newsimg img{ width:100%; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; }
.newsdbg{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/page/nbg.png); 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;}
#date{top:70%;}
.newsdate{ position:absolute; top:30px; left:30px; 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;}
.newsdate .p1{ font-size:48px; color:#2ec098; line-height:50px; padding-right:10px; float:left;}
.newsdate .p2{ font-size:20px; text-shadow:1px 1px #242424; color:#FFF; line-height:25px; float:left;}

.news-show{ width:100%; height:auto; float:left; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; padding:25px 5% 5px; background:#f6f5f5;}
.news-name{ width:100%; height:50px; overflow:hidden; line-height:25px; color:#393939; font-size:20px;}
.news-line{ width:40px; height:3px; float:left; background:#2ec098; margin:15px 0px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.news-info{ width:100%; height:72px; float:left; color:#7a7a7a; line-height:24px; font-size:13px;}
.news-btn{ width:100%; height:40px; float:left; position:relative; z-index:5;}
.news-btn i{ position:absolute; top:0; left:42%; 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;}
.news-btn i img{ max-width:100%;}

.newsone:hover .newspic img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;
}
.newsone:hover .news-show{ background:#FFF; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.newsone:hover .news-btn 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; top:15px;}
.newsone:hover .news-line{ width:100%; height:3px; border:1px #FFF solid; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.newsone:hover .newsdbg{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;}
.newsone:hover .newsdate{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;}

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


/*-- 案例展示 --*/
.casebox{ width:100%; height:auto; float:left; margin-top:20px;}
.caseone{ width:100%; height:auto; float:left; margin-top:20px;}
.case-img{ width:100%; height:auto; float:left; border:1px solid #e4e4e4; padding:5px; overflow:hidden; position:relative;}
.case-img img{ width:100%; height:auto; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;} 
.case-img:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);transform: scale(1.08);}
.case-name{ width:100%; height:40px; float:left; text-align:center; font-size:14px;}
.case-name table{ width:100%; height:100%; float:left; color:#000;}
.case-img i{ position:absolute; top:5%; left:0; width:100%; text-align:center; 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;}
.case-img i img{ width:60px;}
.caseone:hover .case-img i{ top:35%; 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;}

/*-- 品牌世界 --*/
.brand-one{ width:100%; height:auto; float:left;}
.brand-one-t{ width:100%; height:auto; float:left; text-align:center; margin-top:20px;}
.brand-one-t img{ max-width:80%;}
.bo-show{ width:100%; height:auto; float:left; text-align:center;}
.bos-one{ width:19%; display:inline-block; margin-bottom:22px;}
.bos-one img{ max-width:100%;}

.brand-two{ width:100%; height:auto; float:left; background-size:cover; padding-top:50px; margin-top:50px; overflow:hidden; padding-bottom:70px;}
.bc-t{ width:100%; height:auto; padding:10px 0px; line-height:30px;font-size:28px; color:#2ec098;}
.bc-tp{ width:100%; height:auto; float:left; font-size:14px; color:#bababa; line-height:25px;}
.bo-dw{ width:100%; height:auto; float:left; margin-top:30px;}
.bo-dw-box{ width:100%; height:auto; float:left; text-align:left; margin-top:10px;}
.bo-dw-box img{ max-width:100%; margin-left:5px; display:inline-block;}

.brand-three{ width:100%; height:auto; float:left; padding:60px 0px;}
.bc-ts{width:100%; height:auto; padding:10px 0px; line-height:30px;font-size:28px; color:#2ec098; text-align:center;}
.b-th-img{ width:100%; height:auto; float:left; text-align:center; padding-bottom:10px;}
.b-th-img img{ max-width:100%;}
.b-th-table{ width:100%; height:auto; float:left; padding:0px 20px; margin-top:20px;}
.b-th-table ul li{ width:25%; float:left; height:50px; font-size:17px; padding:0 15px;}
.b-th-table ul li table{ width:100%; height:100%; float:left;}
.b-th-table ul #bli{ width:100%; height:2px; border-bottom:1px dashed #a0a0a0; float:left;}

/*-- 联系我们 --*/
.contone{ width:100%; height:auto; float:left; margin-top:70px;}
.ccbox{ width:100%; height:auto; float:left; background:#2ec098; }
.contact-one{ width:33.3%; height:165px; float:left; line-height:25px; padding:10px 0px; cursor:pointer; font-size:14px; text-align:center; color:#FFF;}
.cot{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#dcc099; margin-top:40px;}
.cot i{ color:#FFF; font-size:40px;}
.contact-one p{ width:100%; height:auto; float:left; font-size:15px;}
.contact-two{ width:33.3%; height:185px; float:left; line-height:25px; padding:10px; cursor:pointer; font-size:14px; text-align:center; color:#FFF; background:#30d5a8;}
.contact-two i{ font-size:40px;}
.contact-two p{ color:#FFF; font-size:15px;}
.contact-three{ width:33.3%; height:185px; float:left; line-height:25px; padding:10px; cursor:pointer; font-size:14px; text-align:center; }
.contact-three i{ font-size:40px;}
.contact-three p{ color:#FFF; font-size:15px;}
.contact-one i,.contact-two i,.contact-three i{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.contact-one:hover i,.contact-two:hover i,.contact-three:hover i{
-webkit-transform: rotateY(360deg);
-moz-transition:rotateY(360deg);
transform: rotateY(360deg) ;
}

.feedbox{ width:100%; height:auto; float:left;}
.feedm{width:100%; height:auto; float:left; padding:65px 85px 20px;}
.feedback_title{width:100%;height:auto;float:left; font-size:30px; line-height:30px; color:#000;}
.feedback_title span{ font-size:14px;}
.feedback_title i{ font-style:normal; font-weight:bold;}
.feed{ width:100%; height:auto; float:left; margin-top:30px;}
.feedlong{ width:100%; height:auto; float:left; text-align:center;}
.feedlong input{height:47px; width:100%; padding:0 2%; border:2px #e3e3e3 solid; outline:none; font-size:15px; color:#000; letter-spacing:1px;}
.mtop{ margin-top:30px;}
.feedshot{ width:48.5%; height:50px; float:left; }
.fshotmd{ width:3%; height:50px; float:left; }
.feedshot input{height:50px; width:100%; padding:0 4%; border:2px #e3e3e3 solid; outline:none; font-size:15px; color:#000;}
.feedlong textarea{float:left; resize:none; width:100%; height:200px; padding:1.5% 2%; font-size:15px; color:#000; outline:none; border:2px #e3e3e3 solid;}
#button{ width:180px; height:45px; background:#1d1d1d; cursor:pointer;font-size:15px;
color:#FFF;border:0; margin-top:30px; display:inline-block;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d8d8d8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 6px 6px 6px #d8d8d8;/*兼容firefox*/
-webkit-box-shadow: 6px 6px 6px #d8d8d8;/*兼容safari或chrome*/
box-shadow: 6px 6px 6px #d8d8d8;/*兼容opera或ie9*/
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
#button:hover{
-webkit-transform: translateY(-3px);
-moz-transition: translateY(-3px);
transform: translateY(-3px);
background:#2ec098;
}

/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; position:relative;}
.mapfang{ width:100%; height:520px; float:left;}
.mapfang img{ max-width:100px;}

/*-- 底部 --*/
.footers{ width:100%; height:auto; float:left;}
.footone{ width:100%; height:85px; float:left; position:relative;}
.footonebg{ width:50%; height:100%; position:absolute; background:#313131; left:0; top:0;}
.footonebg2{ width:50%; height:100%; position:absolute; background:#2ebf98; right:0; top:0;}
.footone-l{ width:15%; height:85px; float:left; position:relative; z-index:1; background:#313131; text-align:center;}
.footone-l img{ max-width:100%; margin-top:28px; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.footone-l img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;
}

.footone-r{ width:85%; height:100%; float:left; position:relative; z-index:1;
background: linear-gradient(left, #278d81, #2ebf98);
background: -ms-linear-gradient(left, #278d81, #2ebf98);
background: -webkit-linear-gradient(left, #278d81, #2ebf98);
background: -moz-linear-gradient(left, #278d81, #2ebf98);
}
.footone-nav{ width:80%; height:85px; float:left; padding-left:23%;}
.footone-nav ul li{ float:left; height:35px; line-height:35px; margin-top:25px; font-size:14px; padding:0px 2px; color:#FFF;}
.footone-nav ul li a{ color:#FFF; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; padding:2px 9px}
.footone-nav ul li a:hover{ -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; background:#FFF; color:#000;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.fcontact{ width:15%; height:85px; float:left; text-align:center;}
.fcontact img{ max-width:100%; margin-top:25px; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fcontact img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;
}

.foottwo{ width:100%; height:auto; float:left; padding:40px 0px 50px; background:#282828;}
.foottwo-1{ width:33.3%; padding:10px; float:left;}
.foottwo-1 p{ width:100%; height:auto; float:left; font-size:14px; line-height:30px; color:#FFF;}
.foottwo-2{ width:33.3%; padding:10px; float:left; text-align:center;}
.foottwo-2 .p1{ width:50px; height:50px; display:inline-block; background:url(../img/page/tel.png) center center no-repeat; margin-top:30px;}
.foottwo-2 .p2{ width:auto; height:50px; display:inline-block; font-size:24px; line-height:50px; color:#FFF; vertical-align:top; margin-top:30px;}

.foottwo-3{ width:33.3%; height:auto; float:left; padding-left:8%;}
.foottwo-3 .p1{ width:100%; height:auto; float:left; font-size:16px; color:#FFF;}
.foottwo-3 .p2{ width:100%; height:auto; float:left; margin-top:10px;}
.foottwo-3 .p2 img{ float:left; padding:8px 0px;}

.footh{ width:100%; height:55px; float:left; background:#282828; border-top:1px solid #7d7d7d;}
.footh-l{ width:20%; height:100%; float:left;}
.footh-l .p1{ width:33.33%; height:auto; float:left; color:#555555; line-height:55px; text-align:center; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; font-size:26px;}
.footh-l .p1:hover{ color:#FFF; background:#555555; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.footh-m{ width:60%; height:100%; float:left; text-align:center; font-size:12px; color:#c0c0c0; text-align:center; line-height:55px;}
.footh-m span{ padding:0px 10px;}
.footh-m a{ color:#c0c0c0;}

.footh-r{ width:20%; height:100%; float:left;}
.footh-r a{ float:right; width:80px; height:55px; font-size:26px; line-height:65px; background:#313131; text-align:center; color:#FFF; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.footh-r a:hover{ color:#2ebf97; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}  

/* ~~ 脚注 ~~ */
.gom{ width:100%; height:auto; float:left; z-index:2; position:relative;}
.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% 70%; }                                              
       to {background-position: 50% 30%;}
}

@-moz-keyframes movel {
	from {background-position: 50% 70%; }                                              
       to {background-position: 50% 30%;}
}

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

/*-- 分享 --*/
.gom{ width:100%; height:auto; float:left; text-align:center;}
.goback{ width:70px; height:40px; display:inline-block;}
.goback .gos{
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1; position:relative;
	background:url(../img/page/gogo.png) no-repeat;
	-webkit-animation: movel 1.3s infinite linear;
    -moz-animation: movel 1.3s infinite linear;
    animation: movel 1.3s infinite linear;
}	

@-webkit-keyframes movel {   
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { background-position: 50% 10%;}
}

@-moz-keyframes movel {
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { background-position: 50% 10%;}
}

@keyframes movel {
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { 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;}