/*通用代码*/

input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6,h7 {font-weight: normal;}
.w1300{ width:1280px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.item .title{
	text-align: left;
	font-size: 40px;
	color: #353638;
}
.title{text-align: center;font-size: 40px;color: #353638;}
.title em{color: #003a81;font-style:normal}
.title span{display: block;font-size: 18px;color: #8f9194;margin: 7px 0 25px 0;}
.title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.title i::after,.title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.title i::after{right: 0px;left: inherit;background:#003a81;animation:allTitleAfter 3s infinite linear;}
.title i::before{background:#f5ba06;animation:allTitleBefore 3s infinite linear;}
.title t{width: 30px;height: 5px;background:#dc0e0e;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}
.mainhovercolor a:hover{color: #003a81;}
/*抬头*/

/*产品中心*/
.product{padding: 20px 0 30px 0;}
.protab{margin: 45px 0; font-size: 0;}
.protab a{display: inline-block;vertical-align: top;width: 199px;line-height: 62px;text-align: center;font-size: 18px;color: #343434;transition: all .3s ease;background: #ebedee;}
.protab a i{width: 8px;height: 8px;display: inline-block;border-radius: 50%;border: 1px solid #bec0c3;margin-right: 20px;transition: all .3s ease;}
.protab a+a{margin-left: 17px;}
.protab a.on{background: #003a81;color: #fff;}
.protab a.on i{border-color: #8fbcf8;}
.proshow td{ display:inline-block; padding:0 !important; width:293px; transition:all .3s ease;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td br{ display:none;}
.proshow td span a{ text-align: left;font-size:16px; background: #f0f1f2; color:#333435;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:70px; transition:all .3s ease; padding: 0 54px 0 30px;position: relative;transition: all .3s ease;}
.proshow td span a:after{content: '+';display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;width: 30px;height: 30px;border-radius: 50%;background: #fff;right: 25px;line-height: 30px;text-align: center;font-size: 24px;color: #a3a9ac;font-weight: lighter;transition: all .3s ease;}
.proshow td +td{ margin-left:35px;}
.proshow tr+tr{ margin-top:35px; display:block;}
.proshow td>a{border:1px solid #e2e3e5; margin-bottom: 1px;}
.proshow td>a img{ transition:all .6s ease; width:100%; height:200px;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td:hover span a{background: #003a81; color:#fff;}
.proshow td:hover span a:after{transform: rotate(360deg);color: #003a81;}
/*好产品 · 尽在泽晟液压机械*/



/*图片*/
.list_pic{margin:30px 0 0px 0;width:1206px;clear:both;}
.list_pic ul li{width:24%;margin:0 1% 1% 0;float:left;}
.list_pic ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;}
.list_pic ul li a div{overflow:hidden;width:100%;height:100%;text-align:center;}
.list_pic ul li a div img{max-width:279px;max-height:200px;border:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.list_pic ul li:hover{box-shadow:0px 1px 10px rgba(0,0,0,0.1);}
.list_pic ul li a:hover div img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
.list_pic ul li a p{text-align:left;font-size:14px;color:#333;margin:0;padding:10px;}
.list_pic ul li a:hover p{color:#f30;}
.list_pic ul li a .title{min-height:30px;text-align:center;}


.in_bg{
	width: 100%;
	height:736px;
	padding-top: 30px;
	background-image: url(../img/in_bg.jpg);
	background-repeat: no-repeat;
	background-position: center -1px;
}

/*关于我们*/
.about{ width:100%; height:536px; padding-top:25px; background:#f3f3f3;}
.about_gs{ float:left; width:1100px; height:336px;}
.about_top{ width:1100px;; height:50px; background:url(about_top.jpg) bottom no-repeat;  font-family:"微软雅黑"; font-size:26px; color:#cc2a2e; line-height:50px; text-align:center; margin:0 auto;}

.about_bg{
	width: 1280px;
	height: auto;
	padding-top: 16px;
}
.about_pic{
	float: left;
	width: 430px;
	height: 270px;
	padding: 0px;
}
.about_con{
	float: right;
	width: 800px;
	height: auto;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #222;
	line-height: 36px;
}
.about_t{ width:800px; height:35px; font-family:"微软雅黑"; font-size:22px; color:#000; }
.about_r{ width:800px; height:280px; font-family:"微软雅黑"; font-size:18px; color:#000; overflow:hidden; padding-top:5px;}
.about_m{
	width: 800px;
	height: auto;
	margin-top: 30px;
	float: right;
}
.about_m a{ color:#0c63c4;}

.about_con p{ text-indent:36px;font-size: 18px;}
.zhi{
	text-indent: 36;
	font-size: 38px;
	text-align: left;
}
.h20{height: 20px;}
/*案例滚动*/
.cp_go{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.cp_go ul li{ float:left; text-align:center; margin-left:10px;}
.cp_go ul li img{ width:393px; height:280px; border:1px solid #c6c6c6;}

#cp_gd0 {
overflow:hidden;
}

#cpgo {
float: left;
width: 1000%;
}
#cp_gd1 {
float: left;
}
#cp_gd2 {
float: left;
}