@charset "utf-8";
/*公共样式*/
ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); -webkit-transition: all .4s ease; transition: all .4s ease; cursor: pointer;}
a:focus{outline:none;}

img{border:0; max-width: 100%; height: auto; vertical-align: middle;}
.container{width:1240px; margin:0 auto;}

/*产品中心*/
.product-inbox{margin-top:10px;}
.product-inleft{width:280px; float:left; background:#333;}
.product-inleft .title{font-size: 30px; font-weight: bold; line-height: 1.1; color: #fff; padding: 34px 18px 0 28px;}
.product-inleft .entitle{font-family: "Arial"; font-size: 18px; line-height: 1.1; color: #fafafa; padding: 9px 18px 22px 28px; filter: alpha(opacity=20); opacity: .2; text-transform: uppercase;}
.product-inmenu{background: #fff; padding-bottom: 1px;}
.product-inmenu .dt{background: #023a87; height: 55px; line-height: 55px; margin-bottom: 1px; font-size: 18px; color: #fff; padding: 0 54px 0 20px; position: relative; overflow: hidden;}
.product-inmenu .dt a{display: block; height: 55px; line-height: 55px; color: #fff;}
.product-inmenu .dt a:hover{color: #fff!important;}
.product-inmenu .dt i{display: block; width: 16px; height: 16px; background: url(prodicon-right.png) no-repeat; position: absolute; right: 30px; top: 20px; cursor: pointer;}
.product-inleft .cinfo{height: 190px; padding: 15 19px; color: #fff;}
.product-inleft .cinfo .tit{height: 25px; line-height: 25px; padding-top: 0px; padding-left: 32px; background: url(cinfo-icon.png) no-repeat left bottom; font-family: "Arial"; font-size: 24px; color: #fff; text-transform: uppercase; filter: alpha(opacity=60); opacity: .6;}
.product-inleft .cinfo p{font-family: "Microsoft Yahei Light"; font-size: 14px; margin-top: 0px; margin-bottom: 3px;}
.product-inleft .cinfo span{display: block; font-family: "Arial"; font-size: 18px; font-weight:bold; line-height:27px;margin-top: 5px;}
.product-inright{width: 1240px; float: right;}
.product-inlist{min-height:500px;padding-top: 2px; overflow: hidden;}
.product-inlist ul{margin: 0 -10px;}
.product-inlist li{float: left; margin: 0px 10px 20 10px; overflow: hidden; position: relative;}
.product-inlist li a{display: block; overflow: hidden; position: relative;}
.product-inlist li img{transition: all .6s;}
.product-inlist li:hover img{transform: scale(1.1);}
.product-inlist li .title{height: 40px; width: 100%; position: absolute; left: 0; bottom: 0;}
.product-inlist li .title .bg{width: 100%; height: 100%; background: #000; filter: alpha(opacity: 40); opacity: .4; position: absolute; left: 0; top: 0; z-index: 1;}
.product-inlist li .title h3{height: 40px; line-height: 40px; margin: 0 10px; font-size: 14px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; z-index: 2;}