﻿@charset "utf-8";
*{padding:0;margin:0;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-family:"微软雅黑","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;behavior:url(../images/csshover.htc);}
a{color:#202020;text-decoration:none;transition: 0.1s all;-webkit-transition: 0.1s all;-o-transition: 0.1s all;-moz-transition: 0.1s all;-ms-transition: 0.1s all;}
a:hover{color:#f00;}
ul,li,ol,dl,dd,dt{list-style:none;margin:0;padding:0;}
img{border:0;vertical-align: middle;}
h1,h2,h3,h4,h5,h6,.t1,.t2,.t3,.t4,.t5,.t6 {font-weight:500;margin:0 auto;}
button,input,textarea{border:1px solid #ccc;padding:0 5px;font-family:inherit;font-size:inherit;line-height:inherit}
input:hover,textarea:hover{border:1px solid #39f;padding:0 5px;}
select,option{font-family:inherit;font-size:inherit;line-height:inherit}
.clearfix{display:inline-block;}
* html .clearfix {height: 1%;}
.clearfix,.show{display:block;}
.clear{clear:both;width:100%;display:block;}
.hide{display:none;}
.l{float:left;}
.r{float:right;}

.header,.ad,.m,.footer{max-width:100%;position:relative}
.header::before,.ad::before,.m::before,.footer::before{content:"";width:100%;clear:both;}
.header::after,.ad::after,.m::after,.footer::after{content:"";width:100%;clear:both;}
.menu,.c{max-width:1180px;padding:0 15px;margin:0 auto;position:relative;}
.topmenu{max-width:100%;background:#f1f1f1;line-height:230%;font-size:12px;text-align:right;color:#fff;display:none}
.topmenu a{padding:0 2px;color:#505050;display:inline-block;}
.topmenu a:hover{color:#000;}
.topmenu .l{color:#505050;position:absolute;top:0;left:0;padding:0 15px;}
.topmenu .mobile{background:url(../images/mobile.png) left center no-repeat;padding:0px 0px 0px 16px;position:relative;}
.topmenu .mobile em{display:none;border:1px solid #ccc;
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24);
animation-name:saAni2;-webkit-animation:saAni2 0.4s linear 0s normal none;-moz-animation:saAni2 0.4s linear 0s normal none;animation:saAni2 0.4s linear 0s normal none;
}
@-webkit-keyframes saAni2{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni2{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni2{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.topmenu .mobile:hover em{display:block;position:absolute;top:20px;left:-50%;z-index:10000;}
.header{background:#fff}
.header .c{padding:20px 0;height:100px;overflow:hidden;position:relative;}
.logo{float:left;width:250px;height:100px;line-height:100px;overflow:hidden;}
.header .cc{padding-top:18px;padding-left:35px;line-height:32px;overflow:hidden;float:left;color:#00a13a;white-space:nowrap}
.header .cc big{font-size:22px;font-weight:bold;color:#00a13a;display:block;border-bottom:1px solid #aaa;line-height:40px}
.header .cc big i{font-size:27px;color:#00a13a;padding-right:8px;font-style:normal;}
.header .cc small{font-size:18px;font-weight:600;display:block;color:#f50}
.header .r{padding:10px 0 10px 72px;color:#000;font-size:16px;background:#fff url(../images/tel2.png) left center no-repeat;margin-top:25px;}
.header .r i{color:#202020;font-size:16px;font-weight:500;font-style:normal;letter-spacing:1px;display:block;}
.header .r font{color:#f50;font-size:24px;font-weight:bold;letter-spacing:1px;display:block;}
.nav{max-width:100%;background:#01a33c;position:relative;z-index:100;}
.menu{line-height:48px;position:relative;width:100%;display:table}
.menu:after{content: ""; clear: both; display: block;}
.menu li{display:table-cell;margin-right:1px}
.menu li a{padding:0 18px;display:block;color:#fff;font-size:16px;text-align:center;transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all;-moz-transition: 0s all;-ms-transition: 0s all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.menu li a:hover{background:#ef9b11;color:#fff;font-weight:500;}
.menu li:hover a{background:#ef9b11;font-weight:500;}
.menu li:hover ul li a{background:#04b448;white-space:nowrap;width:auto;min-width:90px;padding:0 15px;overflow:hidden;font-weight:500;}
.menu li ul{display:none;position:absolute;top:100%; z-index:999;box-shadow:-2px 2px 5px rgba(0,0,0,.1);}
.menu li:hover > ul{display:block;}
.menu li ul li{float:none;position:relative;}
.menu li ul li a:hover,.menu li ul li:hover a{background:#ef9b11;}
.menu li ul li:hover li a{background:#04b448;}
.menu li ul li:hover li a:hover{background:#ef9b11;}
.menu li ul li ul{display:none;left:100%;top:0%;width:auto;}
.menu li:hover > ul ul{display:none;}
.menu li:hover > ul li:hover > ul{display:block;}
#navigation{}
#navigation a{line-height:50px;font-size:16px;text-align:left}
.menu .on{background:#ef9b11;color:#fff}

.menu li:hover > ul{animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.menu li:hover > ul{animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left top;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left top;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left top;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:left top;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left top;} to{opacity:1;transform:scale(1,1);transform-origin: left top;}}

/* AD css */
.slideBox,.slideBox2{ width:100%; height:500px; overflow:hidden; position:relative;}
.slideBox .hd,.slideBox2 .hd{overflow:hidden; position:absolute;left:0 right:0; bottom:10px; z-index:10;width:100%;}
.slideBox .hd ul,.slideBox2 .hd ul{ overflow:hidden; zoom:1;text-align:center;}
.slideBox .hd ul li,.slideBox2 .hd ul li{margin:0 3px;  width:40px; height:10px; line-height:10px; text-align:center; background:#fff; cursor:pointer;filter:alpha(opacity=75);opacity:0.75;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;display:inline-block;text-indent:-999px;overflow:hidden;border-radius:5px;}
.slideBox .hd ul li.on,.slideBox2 .hd ul li.on{ background:#ef9b11; color:#fff;filter:alpha(opacity=100);opacity:1;}
.slideBox .bd,.slideBox2 .bd{ position:relative;width:100%;height:100%;z-index:0;overflow:hidden;margin:0 auto;}
.slideBox .bd li,.slideBox2 .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img,.slideBox2 .bd img{display:block;width:auto;height:500px;margin:0 auto;}

.slideBox2{height:auto;}
.slideBox2 .bd{width:360px;
	margin:0 -moz-calc(50% - 180px);
	margin:0 -webkit-calc(50% - 180px);
	margin:0 calc(50% - 180px);}
.slideBox2 .bd img{width:360px;height:auto;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next,
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:0%; top:50%; margin-top:-50px; display:block; width:32px; height:80px; background:#000 url(../images/slider-arrow.png) -110px 25px no-repeat; filter:alpha(opacity=30);opacity:0.3;}
.slideBox .next,.slideBox2 .next{ left:auto; right:0%; background-position:8px 25px;}
.slideBox .prev:hover,
.slideBox .next:hover,
.slideBox2 .prev:hover,
.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop,.slideBox2 .prevStop{ display:none;}
.slideBox .nextStop,.slideBox2 .nextStop{ display:none;}

.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:16px;  position:absolute; z-index:1; bottom:5px; text-align:center;}
.focus .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color:rgba(0,0,0,0.3); 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;}
.focus .hd ul .on{ background:#F50;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;  height:auto; background:url(../images/loading.gif) center center no-repeat;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.bg1{background:#f8f8f8;padding:15px 0;}
.bg2{background:#f8f8f8;padding:25px 0 35px;}
.bg3{background:#f9f9f9;padding:25px 0 50px;}
.bg4{background:#fff;padding:25px 0;}
.bg5{background:#f8f8f8;padding:5px 0 10px;}
.bg6{background:#ececec;padding:35px 0;}
.bg7{background:#f1f1f1;padding:25px 0;}
.bg8{background:#ddf3ff;padding:35px 0;}
.bgf{background:#fff;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}

.m .c{position:relative;}
.c .right{width:auto;margin-left:260px;position:relative;}
.c .left{width:240px;float:left;border-radius:3px;box-shadow:0px 0px 5px rgba(0,0,0,.2);}
.c .left h2{ height:48px; font-size:18px;color:#fff;background:#ef9b11;padding:15px 20px 7px 20px; line-height:24px;}
.c .left h2 p{ width:40px; font-family:"Times New Roman", Times, serif; font-size:50px; color:#fff; float:left; line-height:40px;}
.c .left h2 a{ display:block; font-family:"Times New Roman", Times, serif; font-size:32px; color:#fff; line-height:40px;font-weight:bold;}
.c .left h2 i{ font-style:normal;display:block; text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size:12px; color:#fff; line-height:18px;}
.c .float{width:240px;position:relative;}
.c .float ul{padding:10px;background:#01a33c;}
.c .float h3{background:#ef9b11;padding:8px 20px 7px 20px;display:block;font-family:"Times New Roman", Times, serif;font-size:24px;color:#fff; line-height:30px;font-weight:bold;}

.c .t1{text-align:center;margin:0 auto 30px;font-size:24px;font-weight:bold;font-family:"Times New Roman", Times, serif;letter-spacing:2px;}
.c .t1 small{display:block;text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size:24px; color:#f50;line-height:180%}
.c .t1 small i{font-size:50px;}
.c .t4{font-size:16pt;font-weight:bold;color:#0083d6;padding:5px 10px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);}
.c .t4 em{color:#0396f3;font-weight:bold;padding-left:15px;font-size:14pt;}
.c .t2{font-family:"Times New Roman", Times, serif;font-size:24px;color:#707070;border-bottom:1px solid #aaa;padding:5px 20px 5px 20px;font-weight:bold;letter-spacing:2px;position:relative;}
.c .t2 small{padding-right:10px;text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size:24px; color:#f50;}
.c .t2 small i{font-size:50px;}
.c .t2 .more{position:absolute;top:45px;right:10px;text-indent:0em;}
.c .t2 .more>a{display:block;padding:3px 0 2px 7px;background:#f60;color:#fff;font-size:13px;overflow:hidden;border-radius:5px;letter-spacing:0px;}
.c .t2 .more>a>span{padding:5px 5px;margin-left:0px;color:#fff}
.c .t2 .more>a>span:after{content:'';position:relative;display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff;}
.c .t2 .more>a:hover{background:#f00;}
.c .t5{font-size:18px;font-weight:bold;font-family:"Times New Roman", Times, serif;letter-spacing:0px;border-bottom:1px solid #aaa;padding:8px 20px 5px 5px;}
.c .t5 small{padding-left:8px;text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size:18px; color:#f50;}
.c .t5 small i{font-size:50px;}
.c .content{padding:32px 30px 15px 20px;width:auto;margin-right:400px;line-height:188%;font-size:14px;}
.c .picstr{width:360px;float:right;box-shadow:0px 0px 5px rgba(0,0,0,.2);margin:25px 15px 25px 0;}
.c .about{text-indent:2em;height:220px;overflow:hidden;}
.homelink{display:block;height:40px;line-height:36px;text-align:right;position:absolute;right:10px;top:5px;color:#999;font-size:13px;z-index:10}
.homelink a {color:#999}
.homelink a:hover{color:#555;}
.home .homelink{top:5px;display:none;}
.home .homelink a{padding:5px 8px;background:#08e;overflow:hidden;color:#fff;border-radius:8px;font-size:11px;font-weight:600;}
.home .homelink a:hover{background:#33aaff;}
.pagelist,.nextlist{margin:25px 10px 0;text-align:center;background:#f7f7f7;line-height:200%;padding:5px 10px;border-radius:25px;}
.nextlist{text-align:right;padding:5px 25px;}
.pagelist{font-size:14px;}
.pagelist a{padding:5px 8px;border:1px solid #ddd;background:#fff;}
.pagelist span{padding:5px 8px;border:1px solid #ddd;background:#eee;}
.pagelist span.on{background:#ef9b11;color:#fff}
.pagelist a:hover{background:#ef9b11;color:#fff}
.nextlist{text-align:right;padding:5px 25px;}

.c .right .t2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left;font-size:12pt;letter-spacing:2px;padding:0 0 0 40px ;background:#f1f1f1 url(../images/t3.png) 15px center no-repeat;color:#777;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;margin:0px 0px 0px;line-height:250%;}
.right .t3,.cps .t3{text-align:left;font-size:12pt;letter-spacing:2px;padding-left:40px;background:#f1f1f1 url(../images/t3.png) 15px center no-repeat;color:#777;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;margin:0px -10px 15px;line-height:250%;}
.c-head,.d-head{text-align:left;font-size:20px;letter-spacing:2px;padding:0 0 0 20px;color:#01a33c;border-bottom:1px solid #ccc;font-weight:bold;margin:0px 0 15px;line-height:220%;background:#f8f8f8;}
.d-head{font-size:18px;color:#006835}
.c-head .more,.d-head .more{float:right;display:block;margin-top:13px;margin-right:10px;padding:0 0 0 7px;background:#f60;color:#fff;font-size:13px;overflow:hidden;border-radius:5px;letter-spacing:0px;line-height:20px;font-family:"Times New Roman", Times, serif;}
.c-head .more>span,.d-head .more>span{padding:5px 5px;margin-left:0px;color:#fff}
.c-head .more>span:after,.d-head .more>span:after{content:'';position:relative;display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff;}
.c-head .more:hover,.d-head .more:hover{background:#f00;}

ul.cmenu{padding:10px;background:#01a33c;}
ul.cmenu li{display:block;line-height:270%;position:relative;/*float:left;*/}
ul.cmenu li a{display:block;padding:0 10px 0 18px;border-bottom:0px solid #000;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all;-moz-transition: 0s all;-ms-transition: 0s all;}
ul.cmenu li a::before{content:'';position:relative;display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ddd;margin-right:15px;}
ul.cmenu li li a{background:#01a33c;pointer-events:auto;cursor:pointer;}
ul.cmenu li a:hover{background:#ef9b11;}
ul.cmenu li a:hover::before{border-left:5px solid #fff;}
ul.cmenu li a.this,ul.cmenu li.on a{color:#fff;}
ul.cmenu li a.this:hover{color:#fff;}
ul.cmenu li ul{padding:0;display:none;position:relative;top:0px;left:0;}
ul.cmenu li.on ul{display:block;}
ul.cmenu li ul li{position:relative;white-space:nowrap;}
ul.cmenu li ul li a{padding-left:18px;background:#04b448;color:#fff;font-weight:500;}
ul.cmenu li ul li a::before{border-left:5px solid #ddd;}
ul.cmenu li ul li:hover a::before{border-left:5px solid #fff;}
ul.cmenu li ul li a:hover{background:#ef9b11;color:#fff;}
ul.cmenu li i{font-style:normal;background:#ef9b11 url(../images/on_2.png) center center no-repeat;overflow:hidden;display:block;position:absolute;top:6px;left:6px;width:24px;height:24px;text-align:center;cursor:pointer;font-weight:bold;color:#777;}
ul.cmenu li i:hover{background:#ef9b11 url(../images/on_2.png) center center no-repeat;}
ul.cmenu li.on i{background:#ef9b11 url(../images/on_2.png) center center no-repeat;}

ul.cmenu2{padding:10px;background:#01a33c;}
ul.cmenu2 li{display:block;line-height:270%;position:relative;/*float:left;*/}
ul.cmenu2 li a{display:block;padding:0 10px 0 18px;border-bottom:1px solid #000;font-size:14px;font-weight:500;color:#fff;
transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all;-moz-transition: 0s all;-ms-transition: 0s all;}
ul.cmenu2 li a::before{content:'';position:relative;display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #aaa;margin-right:15px;}
ul.cmenu2 li:hover a{background:#ef9b11;color:#fff;}
ul.cmenu2 li:hover li a{background:#01a33c;}
ul.cmenu2 li:hover a::before,ul.cmenu2 li.on a::before{border-left:5px solid #fff;}
ul.cmenu2 li a.this,ul.cmenu2 li.on a{color:#fff;}
ul.cmenu2 li a.this:hover{color:#fff;}
ul.cmenu2 li ul{padding:0;display:none;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;position:absolute;top:0px;left:100%;}
ul.cmenu2 li:hover ul{display:block;min-width:120px;z-index:1000;}
ul.cmenu2 li:hover ul ul{display:none}
ul.cmenu2 li:hover ul li:hover ul{display:block}
ul.cmenu2 li ul li{position:relative;white-space:nowrap;}
ul.cmenu2 li ul li a{padding-left:18px;background:#999;color:#fff;font-weight:500;}
ul.cmenu2 li ul li a:hover{background:#ef9b11;color:#fff;}
ul.cmenu2 li ul li a:hover,ul.cmenu2 li ul li:hover a{}
ul.cmenu2 li i{font-style:normal;background:url(../images/on.png) center center no-repeat;overflow:hidden;display:block;position:absolute;top:0px;right:0px;width:42px;height:38px;text-align:center;cursor:pointer;font-weight:bold;color:#777;display:none}
ul.cmenu2 li:hover i,ul.cmenu2 li.on i{background:url(../images/on_1.png) center center no-repeat;z-index:0;}
u}.cmenu2 li ul li i{display:none;}

.sitemap .cmenu{}
.sitemap .cmenu li{width:100%;border-bottom:5px solid #fff;background:#eee;}
.sitemap .cmenu li a{min-width:160px;}
.sitemap .cmenu li a:hover{background:none;}
.sitemap .cmenu li i{display:none;}
.sitemap .cmenu li ul{display:block;}
.sitemap .cmenu li ul li{width:160px;border-bottom:0px solid #fff;background:#f7f7f7;}

.product dl{width:23%;margin:0 1% 2%;float:left;position:relative;}
.product dl dd{position:relative;border:1px solid #eee;border-bottom:none}
.product dl:hover dd{border:1px solid #ccc;border-bottom:none}
.product dl dd img{width:100%;height:168px;}
.product dl dd a{display:block;}
.product dl dt{line-height:37px;height:35px;text-align:center;}
.product dl dt a{display:block;padding:0 10px;white-space:nowrap;overflow:hidden;background:#f8f8f8;border:1px solid #eee;border-top:none}
.product dl:hover dt a{background:#f0f0f0;border:1px solid #ccc;border-top:none;color:#505050}
@media �screen,screen9 {
.product dl{width:22.5%;}
.product dl:hover dd a,.product dl dd:hover a{background:none;}
}/* 只支持IE6、7、8 */

.product{overflow:hidden}
.product li{width:23%;margin:0 1% 2%;float:left;position:relative;z-index:1;background:#fff;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.product li:hover {background:#fff;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.product li:nth-child(4n+1){clear:both}
.product li p{position:relative;border:1px solid #eee;border-bottom:none;padding:10px;}
.product li:hover p{border:1px solid #ccc;border-bottom:none}
.product li p i{position:absolute;top:0px;left:0px;z-index: 11;font-size:16pt;color:green;padding:5px 10px;font-weight:bold;FONT-FAMILY:"Verdana","Arial","Helvetica","sans-serif";}
.product li p img{max-width:100%;width:auto;height:auto;}
.product li p a{display:block;}
.product li span{line-height:37px;height:35px;text-align:center;}
.product li span a{display:block;padding:0 5px 0 10px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #eee;border-top:none;background:#f8f8f8;}
.product li:hover span a{border:1px solid #ccc;border-top:none;}
@media �screen,screen9 {
.product li{width:22.5%;}
.product li:hover p a,.product li p:hover a{background:none;}
}/* 只支持IE6、7、8 */
.product-hot{overflow:hidden}
.product-hot li{position:relative;margin-bottom:10px;padding-bottom:5px;z-index:1;background:#fff;text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.product-hot li p{border:1px solid #eee;border-bottom:none;padding:10px;}
.product-hot li:hover p{border:1px solid #ccc;border-bottom:none}
.product-hot li p img{max-width:100%;width:auto;height:auto;}
.product-hot li p a{display:block;z-index:10;}
.product-hot li .tit{width:100%;height:100%;display:block;overflow:hidden;cursor:pointer;background-color: rgba(0,0,0,0);position:absolute;top:0%;left:0;color:#f4f4f4;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.product-hot li:hover .tit{background-color: rgba(0,0,0,0.05);opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.product-hot li .tit span{position:absolute;bottom:0;*zoom:1;font-size:14px;color:#505050;line-height:36px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 5% 0 5%;width:90%;}
.product-hot li:hover .tit span{color:#fff;background-color:#ef9b11;filter:Alpha(opacity=100);transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}

.cps li:nth-child(4n+1){clear:both}

.pclass{display:block;overflow:hidden;margin-bottom:15px;}
.pclass .thumb{width:300px;height:260px;float:left;margin-right:15px;}
.pclass .tit{background:#f0f0f0;line-height:36px;font-size:16px;font-weight:bold;overflow:hidden;padding-left:15px;}
.pclass .desc{line-height:22px;padding:10px;background:#f8f8f8;overflow:hidden;}
.pclass .icon{padding:5px 10px 5px 35px;overflow:hidden;}
.pclass .icon a{display:block;}
.pclass .icon a::before{content:'';position:relative;display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #aaa;margin-right:15px;}

/*新闻列表*/
.newslist{border:0px solid #ccc;background:#fff;padding:0px 10px 15px;}
.newslist li{overflow:hidden; zoom:1; height:auto !important;padding:10px 0;border-bottom:1px solid #ddd;padding-bottom:5px;}
.newslist li:hover{background:#f8f8f8}
.newslist li a{float:left;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:15px;font-size:16px;font-weight:600;color:#505050;}
.newslist li a:hover{color:#f00;}
.newslist li em{display:block;color:#999;font-style:normal;line-height:26px;height:26px;}
.newslist li p{color:#888;display:block;clear:both;font-size:10pt;padding:5px 15px;line-height:180%;}
.newslist li p span{display:block;height:42px;line-height:21px;overflow:hidden;}
.newslist li p a{font-size:14px;font-weight:500}
.newslist li p img{width:100px;height:64px;margin:5px 12px 0px 0;margin-left:-15px;overflow:hidden;display:block;}
.newslist{overflow:hidden}
.newslist li{width:50%;float:left}

.title{text-align:center;font-size:26px;font-weight:bold;line-height:120%;padding:15px 0 10px;letter-spacing:3px;}
.info{text-align:center;font-size:10pt;color:#707070;}
.info span{padding:0 8px}
.maininfo,#maininfo,.sitemap{padding:10px 35px 20px;font-size:16px;line-height:180%;border-bottom:1px solid #ccc;overflow:hidden;}
#maininfo{padding:15px;padding-top:25px;}
.maininfo p,#maininfo p,.sitemap p{margin-bottom:8px;}
.maininfo img,#maininfo img{max-width:100%;}
.maininfo h3,#maininfo h3{margin:3px 0 10px;font-weight:bold;}
.maininfo .con,#maininfo .con{padding:5px 15px 15px;overflow:hidden;}
.maininfo .desc{font-size:14px;display:block;background:#f5f5f5;padding:10px 15px;line-height:168%}
.maininfo .desc font{font-size:14px;color:#008800;font-weight:bold}
.maininfo table{margin:auto;word-wrap:normal;word-break:normal;font-size: 13px;}
.maininfo table p{margin:0;}
.pdf{font-size:14px;font-weight:500;padding-left:8px;padding-right:8px;color:blue}
.pdf img{margin:0 0 0 5px;text-valign:middle;}
.gb{overflow:hidden;}
.gbimg{width:36%;float:left;padding:1%;}
.gbimg img{width:100%;border:5px solid #fff;}
.gbimg .fd{text-align:center;background:#f4f4f4;display:block;width:100%;border:5px solid #fff;line-height:2;}
.gbcs{width:55%;float:right;border:1px solid #ccc;padding:1%;overflow:hidden;background:#fff;font-size:16px;line-height:165%;color:#000;}
.gbcs li{display:block;margin:1px 0;background:#f1f1f1;overflow:hidden;}
.gbcs li i{font-style:normal;width:20%;display:block;float:left;text-align:center;padding:8px 0;}
.gbcs li span{width:72%;display:block;float:left;background:#e5e5e5;padding:8px 4%;}
.gbimg img,.gbcs,.gbcon,.gbimg .fd,.MagicZoomBigImageCont,.plist li{
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.gbcon{width:50%;float:right;padding:7.6% 3%;overflow:hidden;font-size:18px;line-height:180%;background:#f7f7f7;border:5px solid #fff;}
.textstr{overflow:hidden;}
.tags{line-height:250%;padding:10px 15px;}
.cps{line-height:250%;padding:0 10px 12px;margin-top:10px;border-bottom:1px solid #ccc;overflow:hidden;}
.sitemap,.cps{border-left:1px solid #ccc;border-right:1px solid #ccc;}
.maininfo .file{text-align:center;padding:15px 15px 0;}
.maininfo .file a{padding:8px 10px;color:#fff;background:#c00;border-radius:8px;font-size:14px;font-weight:bold;}
.maininfo .file a:hover{background:#f00;}
.sitemap p{overflow:hidden;display:block;width:100%;}
.sitemap h3{margin:12px 0 8px;color:#06f;}
.sitemap ul,.sitemap ul.cmenu{background:#f7f7f7;padding:0;margin:0;overflow:hidden;}
.sitemap ul li,.sitemap ul.cmenu li{float:left;line-height:280%;}
.sitemap ul li a,.sitemap ul.cmenu li a{padding:5px 10px;margin:5px 10px;background:none;font-weight:normal;color:#505050;border:none;line-height:180%;}
.sitemap ul li a:hover,.sitemap ul.cmenu li a:hover{color:#f00;}

.imgstr,.imgstr1,.imgstr2{width:35%;float:left;padding:1%;margin-top:8px;padding-left:3%;}
.imgstr1{width:36%;float:right;}
.imgstr2{width:40%;float:none;margin:0 auto;}
.imgstr img,.imgstr2 img{width:98%;border:5px solid #fff;}
.imgstr3{width:100%;text-align:center;}
.imgstr3 img{width:500px;max-width:98%;}
.imgstr1 img{width:100%;border:5px solid #fff;}
.imgstr .fd,,.imgstr2 .fd{text-align:center;background:#f4f4f4;display:block;width:100%;border:5px solid #fff;line-height:2;}
.cpcs,.downcs{width:55%;float:right;border:1px solid #eee;padding:1%;overflow:hidden;background:#fff;font-size:16px;line-height:165%;color:#000;margin:10px 0 15px;}
.downcs{float:left;width:98%;}
.cpcs li,.downcs li{display:block;margin:1px 0;background:#f8f8f8;overflow:hidden;}
.cpcs li i,.downcs li i{font-style:normal;width:22%;display:block;float:left;text-align:center;padding:8px 0;}
.cpcs li span,.downcs li span{width:70%;display:block;float:left;background:#f1f1f1;padding:8px 4%;}
.cpcs li span.desc{font-size:14px;line-height:160%}
.cpcs li span.tel{font-size:18px;font-weight:bold;color:#505050}
.cpcs li span.click{color:#808080}
.cpcs li span time{color:#808080}
.imgstr img,.imgstr1 img,.imgstr2 img,.cpcs,.cpcon,.imgstr .fd,.MagicZoomBigImageCont,.plist li{
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.cpcon{width:47%;float:right;padding:7.6% 3%;overflow:hidden;font-size:18px;line-height:180%;background:#f7f7f7;border:5px solid #fff;margin-right:3%;margin-top:2%;}
.textstr2{overflow:hidden;}
.textstr2 .imgstr{width:92%;padding:0;margin:8px auto 15px;float:none;}
.textstr2 .cpcon{width:86%;padding:2% 3%;margin:0 auto;float:none;}

.caselist,.classlist{width:100%;overflow:hidden;}
.caselist li,.classlist li{width:30.29%;overflow:hidden;float:left;margin:1.5%;position:relative;border-radius:20px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.caselist li img,.classlist li img{width:94%;float:left;border:10px solid #fff;border-radius:20px;}
.caselist li p,.classlist li p{float:left;width:100%;height:100%;display:block;overflow:hidden;cursor:pointer;background-color: rgba(0,0,0,0);position:absolute;top:0%;left:0;color:#f4f4f4;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.caselist li:hover p,.classlist li:hover p{background-color: rgba(0,0,0,0.3);opacity:1;-moz-opacity:1;filter:alpha(opacity=100);margin:0 auto;}
.caselist li p a,.classlist li p a{position:relative;display:block;width:100%;font-size:16pt;font-weight:bold;color:#f4f4f4;padding:10% 0 0;text-align:center;}
.caselist li p span,.classlist li p span{padding:10px 50px;display:block;font-size:12pt;line-height:170%;}
.classlist li p{top:80%;background-color: rgba(0,0,0,0.3);opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.classlist li p a{padding:15px 0 25px;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.classlist li:hover p{top:0;}
.classlist li:hover p a{padding:45px 0 0;}
@media �screen,screen9 {/* 只支持IE6、7、8 */
.demo p a{position: relative;}}

.case{width:100%;overflow:hidden;}
.case li{width:30.29%;overflow:hidden;float:left;margin:1% 1.5%;position:relative;border-radius:10px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.case li img{width:94%;float:left;border:10px solid #fff;}
.case li p{float:left;width:100%;height:100%;display:block;overflow:hidden;cursor:pointer;background-color: rgba(0,0,0,0);position:absolute;top:0%;left:0;color:#f4f4f4;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.case li:hover p{background-color: rgba(0,0,0,0.3);opacity:1;-moz-opacity:1;filter:alpha(opacity=100);margin:0 auto;}
.case li p a{position:relative;display:block;width:100%;font-size:16pt;font-weight:bold;color:#f4f4f4;padding:10% 0 0;text-align:center;}
.case li p span{padding:10px 50px;display:block;font-size:12pt;line-height:170%;}

.youshi{width:100%;overflow:hidden;}
.youshi li{width:31.3%;margin:1%;float:left;background:#fff;border-radius:50px 0 50px 0;min-height:480px;}
.youshi li.y01 p,.youshi li.y02 p,.youshi li.y03 p{width:250px;height:250px;display:block;overflow:hidden;background:url("../images/youshi.jpg") no-repeat;padding:0;margin:30px auto 10px;}
.youshi li.y02 p{background-position:-250px 0;}
.youshi li.y03 p{background-position:-500px 0;}
.youshi li h3{font-size:18pt;text-align:center;color:#777;}
.youshi li span{text-align:center;padding:10px 20px 20px;display:block;line-height:168%;color:#777;}
.youshi li a{text-align:center;margin:0 auto;display:block;padding:8px 20px;background:#edf9ff;width:80px;border:0px solid #ccc;border-radius:20px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.youshi li:hover a{background:#0396f3;color:#fff;}

.ct_list{position:relative;}
.ct_list li{float:left;overflow:hidden;position:relative;background:#fff;text-align:center;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.ct_list li img{margin:0 auto;width:auto;max-height:240px;}
.ct_list li p{float:left;width:100%;background:#fff;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.ct_list li p a{display:block;font-size:16px;font-weight:bold;line-height:230%;margin:8px 15px 0 12px;overflow:hidden;white-space:nowrap;border-bottom:1px solid #f50;color:#f50;text-align:left;}
.ct_list li p span{display:block;margin:12px 10px 10px 12px;overflow:hidden;line-height:170%;height:48px;color:#707070;}
.ct_list li:hover p{background:#f0f0f0;}
.ct_list li p a:hover{color:#f50;}
.row1 li{width:98%;margin:1%;}
.row2 li{width:49%;}
.row2 li:nth-child(2n){float:right}
.row2 li:nth-child(2n+1){clear:both}
.row3 li{width:32%;margin-bottom:2%;}
.row3 li:nth-child(3n-1){margin-left:2%;}
.row3 li:nth-child(3n){float:right}
.row3 li:nth-child(3n+1){clear:both}
.maininfo2{padding:25px 25px;font-size:16px;line-height:180%;overflow:hidden;}
.maininfo2 .row3 li{width:31%;margin-bottom:3%;}
.maininfo2 .row3 li:nth-child(3n-1){margin-left:3.33333%;}
.maininfo2 .row3 li:nth-child(3n){float:right}
.maininfo2 .row3 li:nth-child(3n+1){clear:both}
.maininfo2 .ct_list li p{float:left;width:100%;background:#f8f8f8;}
.maininfo2 .ct_list li p a{display:block;font-size:14px;font-weight:500;line-height:250%;margin:8px 15px 0 12px;overflow:hidden;white-space:nowrap;border-bottom:none;color:#505050;text-align:center;}
.maininfo2 .ct_list li:hover p{background:#fff;}
.row4 li{width:24%;margin:0.5%;}
.row5 li{width:18.4%;margin:0.7%;}
.row5 li:nth-child(4n+1){clear:none}

.news-list{width:48%;float:left;position:relative;}
.news-list:nth-child(3n-1){float:right}
.news-list .tit{font-weight:bold;border-bottom:1px solid #ddd;margin-top:5px;margin-bottom:20px;color:#505050}
.news-list .tit span{padding:0 15px 0 0px;line-height:36px;height:36px;font-family:"Times New Roman", Times, serif;font-size:20px;}
.news-list .tit small{padding-right:10px;text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size:24px; color:#f50;}
.news-list .tit small i{font-size:50px;}
.news-list .more{position:absolute;top:45px;right:2px;text-indent:0em;}
.news-list .more>a{display:block;padding-left:7px;background:#fff;color:#707070;font-size:13px;overflow:hidden;}
.news-list .more>a>span{padding:5px 5px;margin-left:0px;color:#fff}
.news-list .more>a>span:after{content:'';position:relative;display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #505050;}
.news-list ul{width:100%;}
.news-list ul li.hot{width:225px;overflow:hidden;float:left;position:relative;}
.news-list ul li.hot img{width:225px;height:225px;}
.news-list ul li.hot span{width:100%;line-height:36px;display:block;position:absolute;bottom:0;background:rgba(0, 0, 0, 0.24);color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;}
.news-list ul li.con{width:auto;margin-left:235px;line-height:28px;overflow:hidden;text-overflow:ellipsis;text-align:right}
.news-list ul li.con a{padding-left:16px;background:url(../images/dot1.png) 5px center no-repeat;white-space:nowrap;max-width:65%;display:inline-block;overflow:hidden;text-overflow:ellipsis;float:left;font-size:14px}
.news-list ul li.con time{font-style:normal;color:#aaa}

.picFocus{}
.picFocus .hd{width:230px;float:left;padding-right:50px;}
.picFocus .hd li{margin:10px auto;}
.picFocus .hd li a{display:block;background:#01a33c;line-height:45px;overflow:hidden;font-size:16px;font-weight:600;color:#fff;padding-left:25px;}
.picFocus .hd li a:hover,.picFocus .hd li.on a{background:#ef9b11;color:#fff;}
.picFocus .bd{width:auto;margin-left:280px;position:relative;}
.picFocus .bd li{padding:10px;background:#fff;border-radius:15px;overflow:hidden;}
.picFocus .bd li img{width:100%;height:420px;border-radius:15px 15px 0 0;}
.picFocus .bd li img.pp{width:auto;height:100px;border-radius:0;}
.picFocus .bd li p{background:#f4f4f4;overflow:hidden;}
.picFocus .bd li p a{display:block;font-weight:bold;color:#505050;padding:15px 0 5px 15px;text-align:left;font-size:16px;border-bottom:1px solid #ccc;}
.picFocus .bd li p span,.picFocus .bd li p div{padding:10px 15px;display:block;font-size:13px;line-height:160%;color:#707070;}
.picFocus .bd .pd{line-height:168%;overflow:auto;height:420px;}

/* 多图滚动 */
.scrollBox{margin-top:-15px;}
.scrollBox .hd{ height:20px; overflow:hidden; font-size:0;text-align:center;}
.scrollBox .hd ul{ display:inline-block; padding-top:5px;}
.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden; 
-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;cursor:pointer;}
.scrollBox .hd .on{ background:#f50;}
.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(../images/wyicons.png) no-repeat; overflow:hidden; margin:0 5px;vertical-align:top;cursor:pointer;}
.scrollBox .next{ background-position:-105px 0; }

/* slideTxtBox */
.slideTxtBox{position:relative;overflow:hidden;}
.slideTxtBox .bd ul{padding:15px;zoom:1;text-align:left;border:1px solid #ccc;background:#f8f8f8;}
.slideTxtBox .bd ul h3{white-space:nowrap;}
.slideTxtBox .bd li.hot{width:41%;background:#fff;float:left;border:1px solid rgba(0, 0, 0, 0.24);margin-top:8px;}
.slideTxtBox .bd li.hot img{width:90%;padding:4% 5% 2%;max-height:222px;}
.slideTxtBox .bd li.hot h3{font-size:13pt;padding:5px 15px;}
.slideTxtBox .bd li.hot span{padding:0 18px 15px;display:block;line-height:168%;font-size:90%;color:#777;}
.slideTxtBox .bd li.con{width:55%;float:right;display:block;height:110px;line-height:150%;overflow:hidden;margin:0 auto 3%;background:#fff;border:1px solid rgba(0, 0, 0, 0.24);margin:8px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);}
.slideTxtBox .bd li.con a{width:74%;float:right;font-size:12pt;color:#222;padding:2% 4% 1.5%;overflow;hidden;display:block;font-weight:bold;transition: 0s all;-webkit-transition: 0s all;-o-transition: 0s all;-moz-transition: 0s all;-ms-transition: 0s all;}
.slideTxtBox .bd li.con span{width:74%;float:right;padding:0% 4%;line-height:168%;font-size:85%;color:#777;}
.slideTxtBox .bd li.con p{width:18%;height:110px;float:left;text-align:center;padding:0;margin:0;font-size:14pt;border-right:1px solid rgba(0, 0, 0, 0.24);margin-left:-1px;color:#03c;background:#e9e9e9;}
.slideTxtBox .bd li.con p big{font-size:28pt;display:block;padding-top:8px;padding-bottom:8px;margin-bottom:7px;line-height:160%;background:#fff;}
.slideTxtBox .bd li.con:hover{background:#0396f3;color:#fff;}
.slideTxtBox .bd li.con:hover p{border-right:1px solid #0083d6;color:#fafafa;background:#0083d6;}
.slideTxtBox .bd li.con:hover p big{background:#0396f3;}
.slideTxtBox .bd li.con:hover span{background:#0396f3;color:#fff;}
.slideTxtBox .bd li.con:hover a{color:#fefefe;}
.slideTxtBox .hd{background:#e9e9e9;padding-left:38.5%;overflow:hidden;text-align:center;}
.slideTxtBox .hd ul{text-align:center;line-height:36px;}
.slideTxtBox .hd ul li{padding:0 15px;cursor:pointer;margin:0 auto;float:left;}
.slideTxtBox .hd ul li.on{background:#c00;color:#fff;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .next,.slideTxtBox .prev{position:absolute;top:40%;width:73px;height:74px;overflow:hidden;background:url("../images/jt.png") no-repeat;cursor:pointer;}
.slideTxtBox .prev{left:-80px;background-position:0 -548px;}
.slideTxtBox .prev:hover{background-position:0 -369px;}
.slideTxtBox .next{right:-80px;background-position:-73px  -548px;}
.slideTxtBox .next:hover{background-position:-73px -369px;}

.class-left{position:relative;width:100%;float:left;margin-top:0px;}
.class-left .bd{padding:0px;border:1px solid #ccc;background:#f7f7f7;}
.class-left .bd ul{overflow:hidden;zoom:1;}
.class-left .bd ul li{width:46.4%;margin:10px 0px 10px 10px;padding:15px 9px;height:80px;float:left;display:inline;text-align:left;overflow:hidden;background:#fff;}
.class-left .bd ul li p img{width:30%;float:left;border:0px solid #bbb;height:80px;background:#fff;overflow:hidden;}
.class-left .bd ul li strong a{display:block;font-size:11pt;padding:0px 5px 5px;margin:0 0 5px 32%;color:#707070;
-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.05);}
.class-left .bd ul li strong a:hover{color:#d00;}
.class-left .bd ul li span{font-size:10pt;line-height:160%;color:#999;padding:8px 5px 5px 15px;max-height:36px;display:block;overflow:hidden;}
.class-left .next,.class-left .prev{position:absolute;top:30%;width:30px;height:72px;overflow:hidden;background:url("../images/jt2.png") no-repeat;cursor:pointer;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.class-left .prev{right:-30px;background-position:-60px 0;}
.class-left .next{left:-30px;}
.class-left:hover .next,.class-left:hover .prev{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}
.class-left:hover .next:hover,.class-left:hover .prev:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.class-left .hd{overflow:hidden;text-align:center;margin:0 auto;padding:15px 15px 0 15px;}
.class-left .hd ul{margin-left:46.5%;}
.class-left .hd ul li{width:12px;height:12px;margin-left:8px;overflow:hidden;cursor:pointer;background:#bbb;float:left;text-indent:-9999px;border-radius:50%;}
.class-left .hd ul li.on{background:#d00;color:#fff;}

.flink{padding:5px 5px 5px 0;font-size:13px;}
.flink li{float:left;}
.flink li a{padding:5px 5px;display:block;}

.footer{background:#019a44 url(../images/footer-bg.png) repeat-x top left;padding:0 0 20px;color:#fff;}
.footer a{color:#ddd;}
.foot-t{max-width:100%;overflow:hidden;background:#555;line-height:36px;
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px 0 rgba(100, 0, 0, 0.12), 0 1px 2px 0 rgba(100, 0, 0, 0.24);
background:-ms-linear-gradient(left,#555,#666,#555);
background:-moz-linear-gradient(left,#555,#666,#555);}
.foot-t ul{margin:0 auto;}
.foot-t ul li{display:inline;}
.foot-t ul li a{padding:5px 8px;}
.foot-t ul li a:hover{color:#eee;}
.foot-c{padding:30px 0 20px;line-height:180%;color:#ddd}
.foot-jx{display:none;}
.footer div.l{margin: 60px 0 0 60px;}
.footer div.l span{display: block;}
.footer div.l span.weixinhao{margin-top: 25px;}
.footer div.r{font-size:14px;color:white;margin-right:95px; border-bottom: 1px solid #ffffff;border-top: 1px solid #ffffff;width: 600px;margin-top: 70px;padding-top: 28px;padding-bottom: 10px;}
.footer div.r p{padding:10px;text-align:center;}
.footer div.r ul a{color: white;}
.footer div.r ul.l li i{margin-right: 15px;display: inline-block;vertical-align:top;width:13px;height:18px;background:url(../images/footer-white-logo.png) no-repeat center center;}
.footer div.r ul.l li{margin-bottom: 20px;}
.footer div.r ul.l li.sixth{margin-bottom: 0px;}
.footer div.r ul.r li{margin-bottom: 14px;}
.footer div.r ul.r li.sixth{margin-bottom: 0px;}
#top{width: 70px; height: 70px; border-radius: 6px;background: url(../images/top-scroll.png) no-repeat;position: fixed;bottom: 200px; right: 100px;z-index: 5px; cursor: pointer;}

.contact{margin:25px;padding:25px 30% 25px 10%;line-height:250%;border:1px solid #ccc;}
.contact legend{font-weight:bold;font-size:14pt;padding:5px 10px 10px;}
.contact label{display:block;font-size:16px;}
.contact input{line-height:200%;width:80%;padding:0 10px;}
.contact input.txtbox2{width:20%;}
.contact textarea{line-height:150%;width:100%;padding:10px;}
.contact button{line-height:180%;padding:0 10px;margin:25px;cursor:pointer;font-size:16px;font-weight:bold;letter-spacing:3px;color:#707070;border-radius:8px;}
.contact button:hover{background:#09f;color:#fff;}

/* CSS class for zoomed area */
.MagicZoomBigImageCont{border:5px solid #9df;overflow:hidden;}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(../images/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(../images/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}
/*在线留言*/
#complain{width: 630px; margin: 30px auto 50px;}
#complain ul li{font-size: 14px;margin-bottom: 20px;}
#complain ul li textarea{width: 450px;height: 100px;vertical-align: top;}
#complain ul li p{margin-left: 100px;margin-top: 10px;}
#complain ul li p span.green{display: inline;color: #45b035;}
#complain ul li span{width: 100px;text-align: right;display: inline-block;padding-right: 10px;font-size:14px;}
#complain ul li sup{color: #45b035}
#complain ul  .btn{width: 200px; margin: 0 auto;}
#complain ul  .btn input{border: 0px;width: 80px; height: 30px; line-height: 30px; font-size: 14px;background:#45b035;color: white;border-radius: 6px; }

/* picScroll-left */
.picScroll-left{position:relative;margin:0 15px 15px;}
.picScroll-left .bd{overflow:hidden;padding:10px 10px;background:#ddd;}
.picScroll-left .bd ul{overflow:hidden;zoom:1;}
.picScroll-left .bd ul li{width:20%;float:left;_display:inline;overflow:hidden;text-align:center;background:#fff;}
.picScroll-left .bd ul li .pic{text-align:center;border:5px solid #ddd;overflow:hidden;border-bottom:none;}
.picScroll-left .bd ul li .pic img{width:90%;height:198px;display:block;padding:5%;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.picScroll-left .bd ul li .title{margin:0 auto;border:5px solid #ddd;padding:0;border-top:none;border-bottom:none;background:#fff}
.picScroll-left .bd ul li .title a{line-height:24px;padding:10px 10px;display:block;font-size:14px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.picScroll-left .bd ul li:hover .pic,.picScroll-left .bd ul li:hover .title{border-color:#04b448;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.picScroll-left .bd ul li:hover .title a{background:#04b448;color:#fff}
@media �screen,screen9 {
.picScroll-left .bd ul:hover li:hover .pic{background:none;}
}/* 只支持IE6、7、8 */
.picScroll-left .hd{overflow:hidden;margin:0 auto 20px;margin-top:10px;padding:0;width:180px;height:20px;line-height:20px;position:relative;}
.picScroll-left .prev,.picScroll-left .next{display:inline-block;float:left;overflow:hidden;cursor:pointer;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f50;}
.picScroll-left .prev{float:right;border-left:10px solid #f50;border-right:none;}

.cd-timetitle{text-align:center;font-size:2em;margin:1em 0;background:url(../images/title-bg.png) repeat-x left center;}.cd-timetitle em{color:#c00;font-style:normal;letter-spacing:5px;background:#fff;padding:0 25px 0 30px;}.cd-container{margin:0 auto;}.cd-container::after{content:'';display:table;clear:both;}#cd-timeline{position:relative;padding:2em 0;margin-top:1em;margin-bottom:1em;}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#d7e4ed;}@media only screen and (min-width:1170px){#cd-timeline{margin-top:1em;margin-bottom:1em;}#cd-timeline::before{left:50%;margin-left:-2px;}}.cd-timeline-block{position:relative;margin:2em 0;}.cd-timeline-block:after{content:"";display:table;clear:both;}.cd-timeline-block:first-child{margin-top:0;}.cd-timeline-block:last-child{margin-bottom:0;}@media only screen and (min-width:1170px){.cd-timeline-block{margin:2em 0;}.cd-timeline-block:first-child{margin-top:0;}.cd-timeline-block:last-child{margin-bottom:0;}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px white,inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);z-index:1000;}.cd-timeline-img img{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px;}.cd-timeline-img.cd-picture{background:#04b448;}.cd-timeline-img em{display:block;position:relative;left:50%;top:50%;margin-left:-13px;margin-top:-16px;font-size:18pt;font-weight:bold;color:#fff;font-style:normal;}.cd-timeline-img.cd-movie{background:#f50;}.cd-timeline-img.cd-location{background:#f0ca45;}@media only screen and (min-width:1170px){.cd-timeline-img{width:60px;height:60px;left:50%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}.cd-timeline-img em{display:block;position:relative;left:50%;top:50%;margin-left:-18px;margin-top:-21px;font-size:24pt;font-weight:bold;color:#fff;font-style:normal;}.cssanimations .cd-timeline-img.is-hidden{visibility:hidden;}.cssanimations .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 0.6s;-moz-animation:cd-bounce-1 0.6s;animation:cd-bounce-1 0.6s;}}.cd-timeline-content{position:relative;margin-left:60px;background:white;border-radius:0.25em;padding:1em;box-shadow:0 3px 0 #eee;min-height:150px}.cd-timeline-content:after{content:"";display:table;clear:both;}.cd-timeline-content h3{color:#00a13a;font-size:14pt;font-weight:600;}.cd-timeline-content h3 em{color:#f50;font-size:16pt;font-style:normal;}.cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:13px;}.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{display:inline-block;}.cd-timeline-content p{margin:1em 0;line-height:1.6;}.cd-timeline-content .cd-read-more{float:right;padding:.8em 1em;background:#acb7c0;color:white;border-radius:0.25em;}.no-touch .cd-timeline-content .cd-read-more:hover{background-color:#bac4cb;}a.cd-read-more:hover{text-decoration:none;background-color:#424242;}.cd-timeline-content .cd-date{float:left;padding:.8em 0;opacity:1;}.cd-timeline-content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid white;}@media only screen and (min-width:768px){.cd-timeline-content h3{font-size:14pt;font-weight:600;color:#00a13a;}.cd-timeline-content p{font-size:16px;color:#7f8c97;}.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date{font-size:14px;}}@media only screen and (min-width:1170px){.cd-timeline-content{margin-left:0;padding:1.6em;width:42%;}.cd-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:white;}.cd-timeline-content .cd-read-more{float:left;}.cd-timeline-content .cd-date{position:absolute;width:100%;left:127%;top:6px;font-size:16px;font-size:1rem;}.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right;}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:white;}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right;}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:127%;text-align:right;}.cssanimations .cd-timeline-content.is-hidden{visibility:hidden;}.cssanimations .cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 0.6s;-moz-animation:cd-bounce-2 0.6s;animation:cd-bounce-2 0.6s;}}@media only screen and (max-width:648px){.cd-timeline-content .cd-date img{width:100%;}}@media only screen and (min-width:1170px){.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse 0.6s;-moz-animation:cd-bounce-2-inverse 0.6s;animation:cd-bounce-2-inverse 0.6s;}}

.cnav{display:none;width:32px;height:32px;overflow:hidden;background:#ef9b11 url(../images/menu.png) center center no-repeat;cursor:pointer;position:absolute;top:0px;right:5px;margin:2px;border-radius:5px;}
.cnav:hover{background:#f80 url(../images/menu.png) center center no-repeat;}
.banner{height:248px;margin-bottom:-0px;background:#f1f3ff url(../images/banner1.jpg) no-repeat center bottom;position:relative;z-index:1}
.pt-10{margin-top:-10px;}

/**search*/
.search{background:#e5e5e5;line-height:180%;padding:10px 15px 8px;overflow:hidden;}
.search span{display: block; font-size: 14px;color:#808080;font-weight:bold}
.search span a{color: #505050;font-weight:500}
.search span a:hover{color: #f00;}
.keylist{display:inline}
.keylist li{display:inline}
.keylist li a{padding-left:3px;padding-right:5px;}
.search form.r span{position:relative;}
.search form.r span input[type="text"]{font-size: 12px;width: 190px;margin-right: 5px;border-radius:12px;padding:0 10px;}
.search form.r span input[type="submit"]{position:absolute;right:5px;top:0;cursor: pointer;width: 30px; height: 28px;border: 0px;background: url(../images/search.png) no-repeat center center;background-size:16px 16px;}
.search_home{background:#01a33c}
.search_home span{color:#fff}
.search_home span a{color: #fff;font-weight:500}
.search_home span a:hover{color: #eee;}

.model-desc{overflow:hidden;padding:0 25px 25px 15px;}
.model-desc .img{width:300px;display:block;float:left;}
.model-desc .img img{width:100%;height:auto;}
.model-desc .con{width:auto;margin-left:325px;line-height:180%;}
.model-desc .con h1,.model-desc .con h2,.model-desc .con h3,.model-desc .con h4{line-height:200%;font-weight:600;}
.model-desc .con p{margin-bottom:5px;}
.model-list{overflow:hidden;}
.model-list li{width:20%;float:left;white-space:nowrap;overflow:hidden;line-height:200%;}
.model-list li a{display:block;margin:0 10px 0 15px;overflow:hidden;color:#0066cc;}
.model-list li a:hover{color:#f50}
.model-list2{overflow:hidden;margin-top:15px;}
.model-list2 li{width:25%;float:left;white-space:nowrap;overflow:hidden;line-height:200%;}
.model-list2 li a{display:block;margin:0 10px 0 0;overflow:hidden;color:#0066cc;}
.model-list2 li a:hover{color:#f50}
.model-tags{overflow:hidden;padding:0 10px;}
p.model-tags{overflow:hidden;padding:0;}
.model-tags dt{float:left}
.model-tags dd{float:left}
.model-tags a{margin-right:8px;color:#0066cc}
.model-tags a:hover{color:#f50}
@media(max-width:480px){
.model-desc .img{float:none;margin:0 auto;}
.model-desc .con{width:100%;margin-left:0;}
.model-list li{width:25%;}
}

@media(max-width:1380px){
.slideBox{height:359px;}
.slideBox .bd{width:1380px;height:359px;
	margin:0 -moz-calc(50% - 690px);
	margin:0 -webkit-calc(50% - 690px);
	margin:0 calc(50% - 690px);}
.slideBox .bd img{width:1380px;height:359px;}
}
@media(max-width:1220px){
.menu,.c,.ct{min-width:320px;}
.news-list ul li.con em{display:none}
.menu{padding:0;}
}
@media(max-width:1152px){
.slideBox{height:300px;}
.slideBox .bd{width:1152px;height:300px;
	margin:0 -moz-calc(50% - 576px);
	margin:0 -webkit-calc(50% - 576px);
	margin:0 calc(50% - 576px);}
.slideBox .bd img{width:1152px;height:300px;}
.cps dl{width:23%;margin:0.5% 1%;overflow:hidden;float:left;}
.cps dl:nth-child(5n+1){clear:none}
.news-list ul li.hot{width:45%;}
.news-list ul li.hot img{width:100%;height:auto;}
.news-list ul li.con{width:auto;margin-left:47%;}
.picScroll-left .bd ul li{width:25%;}
}
@media(max-width:1024px){
.caselist li p a,.classlist li p a{font-size:16px;padding:15% 0 0;}
.caselist li p span,.classlist li p span{padding:10px 25px;font-size:14px;line-height:170%;}
.menu li:hover > ul{display:none;}
.header .c .cc{display:none}
.menu li{width:25%;line-height:36px;margin:0;float:left;text-align:center;}
.menu li a{padding:0;font-size:14px;width:auto;min-width:auto;}
.header .c{background:none;height:auto;padding:5px 5px;}
.logo{width:auto;height:auto;line-height:100%;}
.logo img{height:48px;margin-top:5px}
.header .r{padding:10px 0 5px 45px;margin:0;font-size:13px;background-size:36px auto;}
.header .r i{font-size:13px;}
.header .r font{font-size:18px;}
}
@media(max-width:960px){
.c{padding:0 0px;}
.c .left{display:none;position:absolute;top:0;left:0;z-index:1000;}
.c .right{margin-left:0px;}
.cnav{display:block;z-index:1000;}
.youshi li{width:48%;}
.slideBox{height:250px;}
.slideBox .bd{width:960px;height:250px;
	margin:0 -moz-calc(50% - 480px);
	margin:0 -webkit-calc(50% - 480px);
	margin:0 calc(50% - 480px);}
.slideBox .bd img{width:960px;height:250px;}
.bg1{padding:0 0 15px;}
.news-list ul li.hot{display:none}
.news-list ul li.con{width:auto;margin-left:0px;}
.news-list ul li.con em{display:block}
.imgstr,.imgstr2,.gbimg{width:96%;margin:0 auto;padding-left:1%;text-align:center}
.imgstr img,.imgstr2 img,.gbimg img{max-width:100%;margin:0 auto;float:none}
.cpcs,.gbcs,.gbcon{width:98%;}
.row4 li{width:48%;margin:1%;}
}
@media(max-width:768px){
.topmenu{display:none}
.topmenu .l{width:98%;background:#f1f1f1;text-align:left;padding:0 0 0 2%;}
.topmenu .mobile{position:static;}
.header .c{background:none;height:auto;padding:5px 0px;}
.header .c img{max-width:100%;}
.logo{width:auto;height:auto;line-height:100%;}
.logo img{height:48px;margin-top:5px}
.header .r{padding:10px 0 5px 45px;margin:0;font-size:13px;background-size:36px auto;}
.header .r i{font-size:13px;}
.header .r font{font-size:18px;}
.menu li{line-height:32px;}
.c .picstr{display:block;float:none;margin:10px auto;}
.c .content{margin-right:0px;padding-top:5px;padding-right:15px;clear:both;}
.product dl{width:31.3333%;}
.product li{width:31.3333%;}
.product li:nth-child(3n+1){clear:both}
.product li:nth-child(4n+1){clear:none}
.product li p img{height:140px;}
.product li span a{font-size:14px;}
.caselist li,.classlist li{width:47%;}
.classlist li p a{padding:2% 0 25px;}
.caselist li:hover p a,.classlist li:hover p a{padding:10% 0 0;}
.caselist li p span,.classlist li p span{padding:10px 10%;}
.youshi li{width:98%;}
.slideTxtBox .bd ul{padding:0;}
.slideTxtBox .bd li.hot,.slideTxtBox .bd li.con{width:98%;}
.slideTxtBox .hd{padding-left:20%;}
.maininfo,.sitemap{padding:25px;}
.title{font-size:16pt;}
.contact{margin:15px 0;padding:15px 10%;}
.slideBox{height:200px;}
.slideBox .bd{width:768px;height:200px;
	margin:0 -moz-calc(50% - 384px);
	margin:0 -webkit-calc(50% - 384px);
	margin:0 calc(50% - 384px);}
.slideBox .bd img{width:768px;height:200px;}
.homelink,.banner{display:none;}
.class-left .bd ul li{width:100%;}
.class-left .hd ul{margin-left:43%;}
.picFocus .hd{width:100%;padding-right:0px;}
.picFocus .bd{margin-left:0;}
.picFocus .hd li{width:140px;float:left;margin:0 0px 10px 10px;overflow:hidden;}
.picFocus .hd li a{padding-left:0;text-align:center;font-size:14px;font-weight:500;line-height:36px;color:#fff;}
.picScroll-left .bd ul li{width:33.3333%;}
.footer div.l{margin: 20px 0 0;width:100%;text-align:center;}
.footer div.l span.weixinhao{margin-top: 10px;}
.footer div.r{width:100%;margin:10px 0 0;}
.search span.l{width:100%;text-align:center;}
.search form.r{width:100%;text-align:center;}
.search form.r span{width:218px;margin:0 auto;}
.maininfo{padding:5px 15px 15px;}
}
@media(max-width:600px){
.slideBox{height:156px;}
.slideBox .bd{width:600px;height:156px;
	margin:0 -moz-calc(50% - 300px);
	margin:0 -webkit-calc(50% - 300px);
	margin:0 calc(50% - 300px);}
.slideBox .bd img{width:600px;height:156px;}
.news-list{width:98%;margin:1%;}
.pclass .icon{padding:5px 10px 5px 15px;overflow:hidden;width:100%;clear:both;}
.pclass .tit{width:98%;display:block;margin:1%;}
.pclass .icon a{width:98%;display:block;}
.pclass .thumb{float:none;margin:0 auto;}
.row3 li{width:98%;margin-left:1%;}
.row3 li:nth-child(3n-1){margin-left:1%;}
.row3 li:nth-child(3n){float:left}
.picScroll-left .bd ul li{width:50%;}
}
@media(max-width:480px){
.product dl{width:48%;}
.product li{width:48%;}
.product li:nth-child(3n+1){clear:none}
.product li:nth-child(2n+1){clear:both}
.product li p img{height:160px;}
.product li span a{font-size:14px;}
.maininfo{padding:5px 10px 15px;}
.caselist li p span,.classlist li p span{display:none;}
.classlist li p a{padding:1% 0 25px;font-size:16px;}
.classlist li:hover p a{padding:40% 0 0;font-size:16pt;}
.caselist li:hover p a{padding:25% 0 0;}
.index1,.index2,.index3,.index4,.index5,.index6{padding:15px 0;}
.slideBox{height:125px;}
.slideBox .bd{width:480px;height:125px;
	margin:0 -moz-calc(50% - 240px);
	margin:0 -webkit-calc(50% - 240px);
	margin:0 calc(50% - 240px);}
.slideBox .bd img{width:480px;height:125px;}
}