﻿/* 常量设置 */

html { overflow-x:auto;}

html,body,.wrap { min-width:1200px;}

.wrap { width:1200px; margin-right:auto; margin-left:auto;}

body{font-size:13px; line-height:1.6; color:#555; background:#fff;font-family:'webfont';}

a{color:inherit;}

a:hover { color:inherit;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }

.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}

.proBox { clear:both;}

.plBox { text-align:center; /*margin-bottom:30px;*/ clear:both; overflow:hidden;}

.plBox .img { display:block; width:100%; height:0; padding-bottom:63%; overflow:hidden; margin-bottom:20px; position:relative;}

.plBox .img img { width:100%; height:auto;}

.plBox .n,.plBox .text,.plBox .cate { display:block; margin:0 25px; text-align:left;}

.plBox .n { font-size:14px; font-weight:bold; height:36px; line-height:36px; text-align:center; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; margin-bottom:10px;}



.pro_case .plBox { /*padding-bottom:30px;*/}

/*.pro_case .plBox:hover {background-color: #aadb1e;}*/

.pro_case .plBox:hover a{color:inherit;}

.pro_case .plBox .n,.pro_case .plBox .time,.pro_case .plBox .text { text-align:left; display:block; margin-left:15px; margin-right:15px;}

.pro_case .plBox .n { font-size:14px; line-height:22px; height:44px; white-space:normal; margin-bottom:10px; font-weight:bold; direction:rtl;}

.pro_case .plBox .time { margin-bottom:10px;}

.pro_case .plBox .text { font-size:13px; line-height:20px; height:40px; white-space:normal;}



.row{width:102%;transition:.2s width ease;*zoom:1}

.row:before,.row:after{display:table;clear:both;content:''}

.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}

.row>.span-1{width:6.33333333%}

.row>.span-2{width:14.66666667%}

.row>.span-3{width:23%}

.row>.span-4{width:31.33333333%}

.row>.span-5{width:39.66666667%}

.row>.span-6{width:48%}

.row>.span-7{width:56.33333333%}



