@charset "utf-8";
.main {width:100%;background: url(../images/index/mainback.png) 0 bottom repeat-x;}
.main_center {max-width: 1200px;margin:0 auto;overflow:hidden;}
.main_left {width: 720px;float:left;margin-top:32px;}
.company {width: 300px;height: 270px;float:right;padding: 0 30px;background: #eda21c;position:relative;}
.company .arrow{background:url(../images/index/icon-arrow.png) center center no-repeat;width: 14px;height: 19px;display:block;position:absolute;left: -14px;top: 35px;}
.company h2 {font-size:22px;color:#fff;padding: 33px 0 20px 0px;}
.company p.sum{font-size:14px;color: #fff;line-height:180%;height:116px;text-indent:2em;}
.company a.more{width:60px;height:23px;border-radius:12px;display:block;text-align:center;line-height:23px;color:#fff;background: url(../images/index/icon-arrow1.png) right center no-repeat;font-size: 12px;margin: 24px 0px 0px 0px;}
.company a.more:hover {font-weight:bold;}
.main_left1{width:360px;height: 270px;float: left;}
.main_left1 img{width:100%;height:100%;}

/**/

.news {width: 470px;background:#eff4f7;float:right;margin-top:32px;height: 270px;}
.news h2 {color: #333333;font-size:22px;padding: 35px 0 15px 25px;background: url(../images/index/arrow.png) right 39px no-repeat;font-weight: normal;width: 420px;}
.news ul {overflow:hidden;padding-bottom:20px;height: 150px;padding: 0px 25px;}
.news li {overflow:hidden;/* background:url(../images/index/newsh2.png) 1px -63px no-repeat; */}
.news li a {font-size:14px;color: #313131;height:30px;/* padding-left:18px; */display:block;line-height:30px;}
.news li:hover a { color:#eda21c;}
.news li span {height:30px;line-height:30px;color: #313131;font-size:14px;float:right;}

/**/
.product {overflow:hidden;max-width: 1200px;padding-top: 38px;margin: 0 auto;height: 380px;}
.product h2 {position:relative;height: 40px;line-height: 40px;color: #333333;font-size:22px;margin-bottom:24px;padding-top:8px;font-weight: normal;}
.product h2 span { display:block; width:37px; height:1px; background:#3d98e2; position:absolute; bottom:0; left:0;}
.product ul { overflow:hidden;}
.product li {float:left;position:relative;margin-right: 15px;overflow:hidden;width: 288px;height: 215px;background: #f2f2f2;}
.product li .Img{width:100%;height: 100%;overflow:hidden;text-align: center;line-height: 215px;}
.product li a img {max-width: 100%;max-height: 100%;transition: all .7s;-moz-transition: all .7s; /* Firefox 4 */-webkit-transition: all .7s; /* Safari 和 Chrome */-o-transition: all .7s; /* Opera */vertical-align: middle;}
.product li a {  display:block; color:#fff;}


.product li:hover img {
transform:scale(1.2);
-ms-transform:scale(1.2); /* Internet Explorer */
-moz-transform:scale(1.2); /* Firefox */
-webkit-transform:scale(1.2); /* Safari 和 Chrome */
-o-transform:scale(1.2); /* Opera */
}

.product li a span {width: 100%;height: 40px;position:absolute;bottom:0;left:0;font-size: 12px;line-height: 40px;color: #313131;text-indent: 20px;display: none;}
/* .product li:hover a span  {display:block; } */
.product .more a {height:29px;border-radius:15px;margin: 24px auto 40px;color: #333333;line-height:29px;text-align:center;padding: 0px 30px 0px 0px;background: url(../images/index/more.png) right 10px no-repeat;display: block;width: 25px;}
.product .more a:hover {/* background:#1d83d5; *//* color:#9ccff8; */font-weight: bold;}
.product li:hover span{background:#eda21c;color:#fff;}
/**/
.customer {text-align:center;margin:38px auto 0;max-width: 1100px;}
.customer h2 {color: #333333;height:46px;line-height:45px;position:relative;font-size:22px;font-weight: normal;}
.customer h2 span {width: 41px;height:1px;display:block;margin:0 auto;background: #333333;}

.customer ul {
    margin: 70px auto 90px;
    width: 990px;
}
.customer li {width: 290px;float:left;margin-right: 57px;border: 1px solid #eee;padding: 0px 0px 30px 0px;position: relative;}
.customer li .imgBox{margin:7px 7px 0 7px;}
.customer li .imgBox img{width:100%;}
.customer li .img {width:82px;transition: all .7s;-moz-transition: all .7s; /* Firefox 4 */-webkit-transition: all .7s; /* Safari 和 Chrome */-o-transition: all .7s; /* Opera */position: absolute;top: -40px;left: 50%;margin-left: -41px;}

.customer li:hover .img { transform:scale(1.2);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */ }
.customer li .more{position:absolute;bottom:-20px;left:50%;margin-left: -61px;}

.customer li .img span { display:block;  height:82px; width: 82px;}
.customer li:hover .img span{ background-position:0 bottom;}
.customer li.li1 .img span{background:url(../images/index/icon-index1.png) center center no-repeat;}
.customer li.li2 .img span{background:url(../images/index/icon-index2.png) center center no-repeat;}
.customer li.li3 .img span{background:url(../images/index/icon-index3.png) center center no-repeat;}

.customer li.li1:hover .img span{background:url(../images/index/icon-index1_1.png) center center no-repeat;}
.customer li.li2:hover .img span{background:url(../images/index/icon-index2_2.png) center center no-repeat;}
.customer li.li3:hover .img span{background:url(../images/index/icon-index3_3.png) center center no-repeat;}

.customer li h3 {color:#585858;}
.customer li p {padding: 19px 27px 10px;color: #959595;line-height:24px;/* height:108px; */font-size: 12px;text-align: initial;}
.customer li a {width: 120px;height: 35px;display:block;margin:0 auto;line-height: 35px;border: 1px solid #eeeeee;border-radius: 17px;background:#fff;color: #313131;background: url(../images/index/more.png) #fff 90px center no-repeat;}
.customer li a:hover { color:#eda21c;background: url(../images/index/more_yellow.png) #fff 90px center no-repeat;border: 1px solid #eda21c;}