.banner{ height:674px; overflow:hidden; position:relative;}
.banner ul{ width:9999px; height:100%; position:absolute; left:0; top:0;}
.banner li{ width:1000px; height:100%; float:left; overflow:hidden; position:relative;}
.banner li .text{ position:absolute; left:50%; top:50%;}
.banner li .img{ position:absolute; left:0; top:0;}
.banner .li1 .text{ margin:-110px 0 0 -466px; padding:0 100px;}
.banner .li2 .text{ margin:-113px 0 0 -352px;}
.banner .li3 .text{ margin:-154px 0 0 -377px;}
.banner .li4 .text{ margin:-154px 0 0 -377px;}
.banner .scrollTip{ display:none; width:94px; margin:0 0 0 -47px; height:38px; text-align:center; line-height:28px; position:absolute; color:#00a2e9; font-family:'Microsoft YaHei'; border-top-left-radius:3px; border-top-right-radius:3px; background:#fff url(../images/i1.png) no-repeat center 28px; left:50%; bottom:0;}
.banner .btns{ width:100%; text-align:center; position:absolute; left:0; bottom:10px;}
.banner .btns span{ width:8px; height:8px; margin:0 5px; display:inline-block; background:url(../images/btn1.png) no-repeat -19px 0; cursor:pointer;}
.banner .btns span:hover,.banner .btns .cur{ background-position:0 0;}

.main{ padding:60px 0;}
.main .box{ width:1000px; margin:0 auto; overflow:hidden;}
.main .row1{ overflow:hidden;}
.main .row1 .left{ width:490px; height:356px; overflow:hidden; background:#00a2e9; position:relative; float:left;}
.main .row1 .left .img{ width:100%; height:100%; transition:opacity 300ms;}
.main .row1 .left .title{ opacity:0; filter:alpha(opacity=0); width:100%; margin:30px 0 0 0; padding:0 0 40px 0; background:url(../images/i3.png) no-repeat center bottom; text-align:center; position:absolute; left:0; top:50%; transition:300ms;}
.main .row1 .left a{ font-size:18px; color:#fff; font-family:'Microsoft YaHei';}
.main .row1 .left:hover .img{ opacity:0.7; filter:alpha(opacity=70);}
.main .row1 .left:hover .title{ margin:-25px 0 0 0; opacity:1; filter:alpha(opacity=100);}
.main .row1 .right{ width:490px; float:right;}
.main .row1 .right .speech{ height:168px; overflow:hidden; background:#00a2e9; position:relative;}
.main .row1 .right .speech .img{ width:100%; height:100%; transition:opacity 300ms;}
.main .row1 .right .speech .title{ opacity:0; filter:alpha(opacity=0); width:50%; margin:10px 0 0 0; padding:0 0 40px 0; background:url(../images/i3.png) no-repeat center bottom; text-align:center; position:absolute; left:50%; top:50%; transition:300ms;}
.main .row1 .right .speech a{ font-size:18px; color:#fff; font-family:'Microsoft YaHei';}
.main .row1 .right .speech:hover .img{ opacity:0.7; filter:alpha(opacity=70);}
.main .row1 .right .speech:hover .title{ margin:-25px 0 0 0; opacity:1; filter:alpha(opacity=100);}
.main .row1 .right .hotNews{ height:168px; background:#f2f4f6; margin:20px 0 0 0;}
.main .row1 .right .newsBox{ margin:0 25px 15px 25px; height:120px; overflow:hidden; position:relative;}
.main .row1 .right .hotNews ul{ width:100%; height:100%; position:absolute; left:0; top:0;}
.main .row1 .right .hotNews li{ width:100%; float:left; height:100%; text-align:center; color:#a0a0a0; line-height:24px;}
.main .row1 .right .hotNews .title{ margin:20px 0 10px 0; font-size:14px; color:#363636; font-family:'Microsoft YaHei';}
.main .row1 .right .hotNews a{ color:#363636;}
.main .row1 .right .hotNews a:hover{ color:#00A2E9;}
.main .row1 .right .btns{ text-align:center;}
.main .row1 .right .btns span{ width:8px; height:8px; margin:0 5px; display:inline-block; background:url(../images/btn1.png) no-repeat -19px 0; cursor:pointer;}
.main .row1 .right .btns span:hover,.main .row1 .right .btns .cur{ background-position:0 0;}
.main .row2{ margin:20px 0 0 0; overflow:hidden;}
.main .row2 ul{ width:1020px;}
.main .row2 li{ width:234px; margin:0 21px 0 0; background:#00a2e9; float:left; position:relative;}
.main .row2 .img{ width:100%; display:inline-block; float:left; transition:opacity 300ms; border:1px solid #ccc;}
.main .row2 .title{ opacity:0; filter:alpha(opacity=0); width:100%; margin:30px 0 0 0; padding:0 0 40px 0; background:url(../images/i3.png) no-repeat center bottom; text-align:center; position:absolute; left:0; top:50%; transition:300ms;}
.main .row2 a{ font-size:18px; color:#fff; font-family:'Microsoft YaHei';}
.main .row2 li:hover .img{ opacity:0.1; filter:alpha(opacity=10);}
.main .row2 li:hover .title{ margin:-25px 0 0 0; opacity:1; filter:alpha(opacity=100);}

.nav .tip2{ width:70px; height:62px; background:#1e98e7 url(../images/tip2.png) no-repeat center; display:inline-block; float:right; transition:200ms;}
.nav .tip2:hover{ background-color:#fff;}


@media screen and (max-width:1050px) {
	.main .box{ width:auto; margin:0 20px;}
	.main .row1 .left{ width:49%;}
	.main .row1 .left .img{ width:auto;}
	.main .row1 .right{ width:49%;}
	.main .row1 .right .speech .img{ width:auto;}
	
	.main .row2 ul{ width:101%;}
	.main .row2 li{ width:24%; margin:0 1% 0 0;}
	.banner{ margin:50px 0 0 0;}
	.banner .scrollTip{ display:block;}
}

@media screen and (max-width:800px) {
	.banner{ margin:50px 0 0 0;}
	.banner .li1 .text{ padding:0; margin:-110px 0 0 -166px; border:none;}
	
	.main{ padding:40px 0;}
	.main .box{ width:490px; margin:0 auto;}
	.main .row1 .left{ width:100%; height:250px; margin:0 0 20px 0;}
	.main .row1 .left a{ width:100%; height:356px; margin:-100px 0 0 0; display:inline-block;}
	.main .row1 .left .img{ width:100%;}
	.main .row1 .right{ width:100%;}
	.main .row1 .right .speech .img{ width:100%;}
	.main .row2 ul{ width:102%;}
	.main .row2 li{ width:48%; margin:0 2% 2% 0;}
	
	
}

@media screen and (max-width:550px) {
	.main .box{ width:auto; margin:0 20px;}
	.main .row1 .left .img{ width:auto;}
	.main .row1 .right .speech .img{ width:auto;}
	.main .row1 .right .speech .title{ width:100%; left:0;}
	.main .row1 .right .hotNews{ height:auto; padding:0 0 20px 0;}
	.main .row1 .right .newsBox{ height:150px;}
}


@media screen and (max-width:460px) {
	.banner .li1 .text,.banner .li2 .text,.banner .li3 .text{ width:100%; margin:-25% 0 0 0; left:10%;}
	.banner .li1 .text img,.banner .li2 .text img,.banner .li3 .text img{ width:80%;}
	.main .row2 ul{ width:100%;}
	.main .row2 li{ width:100%; margin:0 0 2% 0;}
	
}