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

/*banner*/
.ibanner{ height:560px; position:relative;}
.ibanner .bd{ position:relative; z-index:2;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li{ display:block; position:relative;}
.ibanner .bd ul li a{ display:block; position:relative; height:560px; background-size:cover !important;}
.ibanner .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:20px; z-index:3;}
.ibanner .hd ul{ display:block; height:12px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; background:#fff; border-radius:50%; cursor:pointer; margin:0 8px; vertical-align:top;}
.ibanner .hd ul li.on{ background:#1d70f2;}

.main{ width:auto;}

.slogan{ width:1200px; overflow:hidden; margin:0 auto;}
.slogan ul{ display:block; overflow:hidden; padding:22px 0 22px; margin:0 -40px;}
.slogan ul li{ display:block; width:25%; float:left;}
.slogan ul li a{ display:block; overflow:hidden; padding:0 40px;}
.slogan ul li img{ display:block; height:52px; margin:1px 24px 0 0; float:left;}
.slogan ul li em{ display:block; line-height:1.58; color:#333; font-size:19px; overflow:hidden;}
.slogan ul li span{ display:block; line-height:1.72; color:#6d6d6d; font-size:14px; overflow:hidden;}

.ibox{ overflow:hidden; position:relative;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}
.ibox h2{ display:block; font-size:36px; font-weight:normal; text-align:center; overflow:hidden; padding:1.42em 0 0; position:relative;}
.ibox h2 span{ display:block; line-height:2.16; color:#373737; position:relative; z-index:3; font-weight:600;}
.ibox h2 i{ display:block; width:1.16em; height:3px; background:#e71e19; overflow:hidden; margin:0 auto;}
.ibox h2 em{ display:block; line-height:48px; color:#ddd; text-transform:uppercase;}
.ibox a.picture{ display:block; overflow:hidden; margin:70px 0;}
.ibox a.picture img{ display:block; width:495px; height:364px;}
.ibox .txt{ display:block; height1:16.4em; line-height:2.1; color:#4f4f4f; font-size:15px; padding:2em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp1:6;
}
.ibox .txt a:hover{ color:#e71e19;}
.ibox .txt2{ display:block; height1:20.4em; line-height:2.1; color:#4f4f4f; font-size:15px; padding:2em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp1:6;
}
.ibox .txt2 a:hover{ color:#e71e19;}
.ibox p.btns{ display:block; font-size:15px; padding:1.8em 0 5em; overflow:hidden;}
.ibox p.btns a{ display:block; width:10.66em; line-height:3.2; color:#fff; text-align:center; background:#e71e19; float:left; margin-right:1.5em;}
.ibox p.btns a:hover{ background:#444444;}

.box1{ background:#ededed;}
.box1 a.picture{ float:right; margin-left:5%;}
.box1 h2{ text-align:left;}
.box1 h2 i{ margin:0;}
.box1 ul{ display:block; overflow:hidden; padding:74px 0 124px;}
.box1 ul li{ width:380px; background:#000; overflow:hidden; position:relative; float:left; margin-left:30px;}
.box1 ul li:first-child{ margin-left:0;}
.box1 ul li img{ display:block; width:100%; height:514px; opacity:0.32; filter:alpha(opacity:32); zoom:1; transition:all ease 0.4s;}
.box1 ul li .box{ width:100%; height:300px; position:absolute; left:0; top:214px;}
.box1 ul li a.title{ display:block; line-height:64px; color:#fff; font-size:29px; padding:16px 36px 0; overflow:hidden; transition:all ease 0.4s;}
.box1 ul li i{ display:block; width:34px; height:4px; background:#30d483; margin:0 36px; transition:all ease 0.4s;}
.box1 ul li p{ display:block; height:72px; line-height:24px; color:#fff; font-size:14px; padding:24px 36px 0; overflow:hidden; opacity:0.7; filter:alpha(opacity:70); zoom:1; transition:all ease 0.4s;}
.box1 ul li a.more{ display:block; width:40px; height:40px; background:url(../images/icons/more.png) center no-repeat; float:right; margin:12px -56px 0 0; transition:all ease 0.4s;}
.box1 ul li:hover img{ opacity:1; filter:alpha(opacity:100);}
.box1 ul li:hover .box{ background:rgba(31,163,96,0.95);}
.box1 ul li:hover i{ background:#fff;}
.box1 ul li:hover a.more{ margin-right:56px;}

.box2 a.picture{ float:left; margin-right:5%;}
.box2 h2{ text-align:left;}
.box2 h2 i{ margin:0;}

.box3{ background:#ededed;}
.box3 ul.pic{ display:block; overflow:hidden; margin:3% -12px 7%;}
.box3 ul.pic li{ display:block; width:25%; float:left;}
.box3 ul.pic li a{ display:block; margin:18px 12px 0;}
.box3 ul.pic li a em{ display:block; overflow:hidden;}
.box3 ul.pic li a img{ display:block; width:100%; transition:all ease 0.4s;}
.box3 ul.pic li a img:hover{ transform:scale(1.12);}
.box3 ul.pic li a span{ display:block; line-height:3.5; color:#656565; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box3 ul.pic li.line{ width:100%; height:1px; background:#ccc; margin:3% 0;}

.box4 h2{ text-align:left;}
.box4 h2 i{ margin:0;}
.box4 dl{ display:block; width:49%; overflow:hidden; float:right; margin:0 0 6%;}
.box4 dl:first-child{ float:left;}
.box4 dl dt{ display:block; padding:0 0 24px;}
.box4 dl dd{ display:block; line-height:46px; padding:0 8px; overflow:hidden; border-bottom:1px solid #f3f4f5;}
.box4 dl dd a{ display:block; color:#656565; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 dl dd:hover{ background:#f3f4f5;}
.box4 dl:first-child dd:hover{ background:#ebebeb; border-bottom-color:#ebebeb;}
.box4 dl dd.more{ border:0; padding:8px 8px 0;}
.box4 dl dd span{ display:block; color:#959595; font-size:12px; float:right; margin-left:3em;}
.box4 dl dd.more a{ color:#959595; font-size:14px; float:left;}
.box4 dl dd.more:hover{ background:none;}
.box4 dl dd.more a:hover{ color:#1d70f2;}

@media only screen and (max-width:1232px){
.ibanner,
.ibanner .bd ul li a{ height:40vw;}
.slogan{ width:auto; margin:0 16px;}
.slogan ul{ margin:0 -10px;}
.slogan ul li a{ padding:0 10px;}

}

@media only screen and (max-width:1022px){
.ibox .con{ width:auto; margin:0 16px;}
.ibox a.picture{ width:51%;}
.ibox a.picture img{ width:100%; height:auto;}

.box1 a.picture{ margin-left:4%;}
}

@media only screen and (max-width:1024px){
.ibanner{ padding-top:96px;}
.ibanner .bd ul li a img{ min-height:40vw;}

.slogan ul{ padding:20px 0;}
.slogan ul li img{ height:42px; margin:2px 16px 0 0;}
.slogan ul li em{ font-size:18px;}
.slogan ul li span{ line-height:1.5; font-size:13px;}

.ibox h2{ font-size:32px;}
.ibox a.picture{ margin-top:64px; margin-bottom:20px;}
.ibox .txt{ height1:12em; font-size:14px; -webkit-line-clamp1:5; margin-bottom:2.4em; padding:2em 0 0;}
.ibox .txt2{ font-size:14px; margin-bottom:2.4em; padding:2em 0 0;}
.ibox p.btns{ text-align:center; clear:both; padding:1.5em 0 4em;}
.ibox p.btns a{ display:inline-block; *display:inline; zoom:1; float:none; margin:0 0.8em;}

.box3 ul.pic{ margin-left:-8px; margin-right:-8px;}
.box3 ul.pic li a{ margin:12px 8px 0;}
.box3 ul.pic li a span{ font-size:14px;}
.box3 ul.pic li.line{ margin:2% 0 2%;}

.box4 dl{ width:48%;}
}

@media only screen and (max-width:767px){
.ibanner{ padding-top:60px;}
.ibanner,
.ibanner .bd ul li a{ height:50vw; height:46vw;}
.ibanner .hd{ left:0; bottom:4%;}
.ibanner .hd ul{ height:10px;}
.ibanner .hd ul li{ width:10px; height:10px; margin:0 5px;}

.slogan ul{ padding:6px 0; margin:0 -8px;}
.slogan ul li{ width:50%; padding:8px 0;}
.slogan ul li a{ padding:0 8px;}
.slogan ul li img{ height:32px; margin:2px 12px 0 0;}
.slogan ul li em{ font-size:15px;}
.slogan ul li span{ line-height:1.5; font-size:12px; margin-right:-8px; white-space:nowrap;}

.ibox h2{ font-size:24px; padding-top:1em;}
.ibox a.picture{ width:auto; float:none; margin:6% 0 -2%;}
.ibox a.picture img{ height:auto; max-height:36vw;}
.ibox .txt{ height:auto; padding-top:1em; -webkit-line-clamp1:999; margin-bottom:2em;}
.ibox p.btns{ font-size:13px; padding:0 0 10%;}
.ibox p.btns a{ width:38%; margin:0 4%;}

.box3 ul.pic{ margin:6% -6px 10%;}
.box3 ul.pic li{ width:50%;}
.box3 ul.pic li a{ margin:8px 6px 0;}
.box3 ul.pic li a span{ line-height:3; font-size:13px;}
.box3 ul.pic li.line{ margin:2% 0 2%;}
.box3 ul.pic li.line{ display:none;}

.box4{ margin-bottom:10%;}
.box4 dl{ width:auto; float:none; margin-bottom:-4%;}
.box4 dl:first-child{ float:none;}
.box4 dl dt{ padding-bottom:12px;}
.box4 dl dd{ padding:0;}
.box4 dl dd a{ font-size:14px;}
.box4 dl dd.more{ padding:8px 0 0; text-align:center;}
.box4 dl dd.more a{ display:inline; float:none;}
}

/*
.ibanner{ height:auto;}
.ibanner .bd ul li a{ height:auto;}
.ibanner .bd ul li a img{ display:block; width:100%; height:auto;}
@media only screen and (max-width:767px){
.ibanner .bd ul li a img{ height:45vw;}
}
*/




/**/