@charset "utf-8";
/* CSS Document */

.wrap{ background:#fff;}

/* banner */
.ibanner{ width:100%; height:524px; overflow:hidden; position:relative; z-index:1;}
.ibanner .bd{ position:relative; height:auto; z-index:0;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li{ display:block;}
.ibanner .bd ul li a{ display:block; height:524px;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:20px;}
.ibanner .hd ul{ display:block; height:14px; text-align:center; position:relative;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:14px; height:14px; background:url(../images/icons/banner_btn.png) no-repeat; margin:0 7px; vertical-align:top; cursor:pointer;}
.ibanner .hd ul li.on{ background-image:url(../images/icons/banner_cur.png);}

/*主体样式*/
.main{ background:none;}

.ibox{ overflow:hidden;}
.ibox h2{ display:block; line-height:40px; color:#333; font-size:24px; text-align:center; padding:36px 0 0;}
.ibox h2 span{ display:block; line-height:30px; color:#999; font-size:16px; font-weight:normal; text-transform:capitalize;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}

.box1 .con img.pic{ display:block; height:376px; float:right; margin:14px 30px 40px 0;}
.box1 .con .txt{ height:266px; line-height:38px; color:#555; font-size:15px; padding:30px 14px 0 30px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:7;
}
.box1 .con .txt *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}
.box1 .con a.more{ display:block; width:120px; line-height:34px; color:#fff; font-size:14px; text-align:center; background:#5692c1; border-radius:17px; margin:32px 30px 0;}
.box1 .con a.more:hover{ background:#cd191c;}

.box2{ background:url(../images/icons/product_bg.jpg) center top no-repeat;}
.box2 ul.pro{ display:block; overflow:hidden; margin:0 -15px;}
.box2 ul.pro li{ display:block; width:216px; height:374px; padding:54px 0 0; overflow:hidden; margin:0 15px; float:left;}
.box2 ul.pro li a{ display:block; position:relative;}
.box2 ul.pro li a img{ display:block; width:100%; height:374px;}
.box2 ul.pro li a em{ display:block; width:100px; height:100px; background:#fff center no-repeat; border-radius:50%; position:absolute; left:50%; margin-left:-50px; top:-30px; z-index:7; box-shadow:rgba(0,0,0,0.17) 0 4px 27px;}
.box2 ul.pro li a em.ico1{ background-image:url(../images/icons/pro1.png);}
.box2 ul.pro li a em.ico2{ background-image:url(../images/icons/pro2.png);}
.box2 ul.pro li a em.ico3{ background-image:url(../images/icons/pro3.png);}
.box2 ul.pro li a em.ico4{ background-image:url(../images/icons/pro4.png);}
.box2 ul.pro li a em.ico5{ background-image:url(../images/icons/pro5.png);}
.box2 ul.pro li a .info{ display:block; width:100%; height:50px; background:rgba(0,0,0,0.6); position:absolute; left:0; top:100%; z-index:5; margin-top:-50px; cursor:default; *background:url(../images/shadow.png) repeat;}
.box2 ul.pro li a span{ display:block; line-height:50px; color:#fff; font-size:16px; text-align:center; margin:0 14px; cursor:pointer;}
.box2 ul.pro li a p{ height:140px; line-height:28px; color:#cbcbcb; font-size:14px; margin:20px 16px 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	display:none;
}
.box2 ul.pro li a i.more{ display:none; width:26px; height:26px; background:url(../images/icons/more.png) center no-repeat; margin:18px auto 0; cursor:pointer;}
.box2 ul.pro li a:hover .info{ height:100%; top:0; margin-top:0;}
.box2 ul.pro li a:hover span{ line-height:56px; font-weight:bold; padding:82px 0 0; border-bottom:1px solid #fff;}
.box2 ul.pro li a:hover p{
	display:-webkit-box;
	display:-moz-box;
	*display:block;
}
.box2 ul.pro li a:hover i.more{ display:block;}
.box2 .con a.more{ display:block; width:120px; line-height:34px; color:#fff; font-size:14px; text-align:center; background:#5692c1; border-radius:17px; margin:56px auto 60px;}
.box2 .con a.more:hover{ background:#cd191c;}

.box3 .con{ overflow:visible;}
.box3 dl{ display:block; padding:28px 0 0 26px; overflow:hidden; margin-left:-26px;}
.box3 dl dt{ display:block; float:left; margin-right:68px; padding-bottom:30px;}
.box3 dl dt a.pic{ display:none;}
.box3 dl dt a.pic img{ display:block; width:564px; height:418px; box-shadow:rgba(0,0,0,0.17) 0 4px 26px;}
.box3 dl dd{ display:block; overflow:hidden; padding:20px 4px; border-bottom:1px solid #ddd;}
.box3 dl dd a.title{ display:block; line-height:30px; color:#444; font-size:17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box3 dl dd a.title:hover{ color:#cd191c; font-weight:bold;}
.box3 dl dd p{ display:none; line-height:30px; color:#999; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:2px 0 -2px;}
.box3 dl dd span{ display:block; line-height:26px; color:#999; font-size:14px; overflow:hidden;}
.box3 dl dd.cur p{ display:block;}
.box3 .con a.more{ display:block; width:120px; line-height:34px; color:#fff; font-size:14px; text-align:center; background:#5692c1; border-radius:17px; margin:30px auto 56px;}
.box3 .con a.more:hover{ background:#cd191c;}

.box4{ display:none; background:url(../images/icons/coop_bg.jpg) center top no-repeat;}
.box4 ul.coop{ display:block; padding:30px 0 0; overflow:hidden;}
.box4 ul.coop li{ display:block; width:239px; background:#fff; overflow:hidden; float:left; margin:0 1px 1px 0;}
.box4 ul.coop li a{ display:block; border:1px solid #fff;}
.box4 ul.coop li a img{ display:block; width:100%; height:110px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.box4 ul.coop li a:hover{ border-color:#cd191c;}
.box4 ul.coop li a:hover img{ filter:none;}
.box4 .con a.more{ display:block; width:120px; line-height:34px; color:#fff; font-size:14px; text-align:center; background:#5692c1; border-radius:17px; margin:48px auto 44px;}
.box4 .con a.more:hover{ background:#cd191c;}


/**/