.crumbs{position:relative;width:100%;min-width:1200px;height:40px;margin:0px auto;background:#f4f4f4;}
.crumbs .crumbsLeft{position:absolute;left:12px;top:0px;height:40px;line-height:40px;}
.crumbs .crumbsLeft font{margin:0px 10px;color:#999999;font-size:12px;}
.crumbs .crumbsLeft img{width:4px; vertical-align:middle;}
.crumbs .crumbsRight{position:absolute;right:8px;top:0px;height:40px;}
.crumbs .crumbsRight .child{margin:0px 10px;color:#999999;font-size:14px;line-height:40px;display:inline-block;vertical-align: top;}
.crumbs .crumbsRight .child.on{color:#5690D7;border-bottom:2px solid #5690D7 !important;height:38px;}
.crumbs .crumbsRight .child:hover{color:#5690D7;border-bottom:2px solid #5690D7;height:38px;}

.main{position:relative;width:1200px;margin:0px auto;}
.main:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainTitle{width:1200px;margin:0px auto;color:#333333;font-size:30px;border-bottom:1px solid #b9b9b9;padding:30px 0px 20px;}
.mainLeft{position:relative;width:800px;float:left;}
.mainLeft .child{border-bottom:1px dotted #dbdbdb;}
.mainLeft .child:hover .content .mainLink{display:block;}
.mainLeft .child:hover .childTitle{color:#000;}
.mainLeft .child .childTitle{font-size:20px;color:#00377D;margin-top:40px;}
.mainLeft .child .childMsgs{margin:20px 0px;}
.mainLeft .child .childMsg{display:inline-block;margin-right:15px;}
.mainLeft .child .childDate img{ vertical-align:middle;width:13px;margin-right:8px;}
.mainLeft .child .childDate font{color:#999999;font-size:14px; vertical-align:middle;}
.mainLeft .child .childType img{ vertical-align:middle;width:11px;margin-right:5px;}
.mainLeft .child .childType font{ vertical-align:middle;font-size:14px;color:#000;}
.mainLeft .child .content{position:relative;width:800px;height:auto;}
.mainLeft .child .content .mainImg{ vertical-align:middle;width:100%;}
.mainLeft .child .content .newIcon{display:none;position:absolute;width:30px;height:30px;top:-15px;right:-15px;}
.mainLeft .child .content .newIcon.on{display:block;}
.mainLeft .child .content .mainLink{display:none;position:absolute;bottom:0px;right:0px;width:120px;height:40px;line-height:40px;background:#00387d;}
.mainLeft .child .content .mainLink:hover{background: #002E67;}
.mainLeft .child .content .mainLink font{color:#fff;font-size:14px;margin:0px 10px 0px 15px; vertical-align:middle;}
.mainLeft .child .content .mainLink img{ vertical-align:middle;width:14px;}
.mainLeft .child .info{color:#333;font-size:14px;line-height:25px;margin:16px 0px 36px 0px;}
.mainLeft .mainBtn{margin:40px 0px 148px 0px;text-align:center;}
.mainLeft .mainBtn .child{border:1px solid #bbb;height:30px;line-height:30px;text-align:center;color:#333333;font-size:14px;display:inline-block;}
.mainLeft .mainBtn .child:hover{background:#00387d;color:#fff;}
.mainLeft .mainBtn .child.on{background:#00387d;color:#fff;}
.mainLeft .mainBtn .longBtn{width:64px;}
.mainLeft .mainBtn .shortBtn{width:30px;margin:0px 2px;}
.mainLeft .mainBtn .load{display:none; vertical-align:middle;margin:0px auto;}
.mainRight{position:relative;width:330px;float:right;padding-top:40px;}
.mainRightChild{padding:10px 0px;width:330px;height:auto;background:#f2f2f2;margin-bottom:20px;}
.mainRightChild .title{position:relative;color:#000000;font-size:14px;border-bottom:1px solid #b9b9b9;height:34px;line-height:34px;width:290px;margin:0px auto;}
.mainRightChild .childContent{width:290px;margin:12px auto;}
.mainRightChild .childContent div{margin:7px 10px;font-size:16px;color:#00377D;}
.mainRightChild .childContent div:hover{color:#000;}

.banner-btn{position:absolute;bottom:0px;right:0px;}
.banner-btn img{margin:0px 2px;}
.banner-img{position:relative;width:260px;height:500px;margin:10px auto;overflow:hidden;}
.banner-img:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.banner-img .child{position:absolute;width:260px;}
.banner-img .child .childImg{width:260px;height:240px;text-align:center;line-height:240px;}
.banner-img .child .childImg img{ vertical-align:middle;max-width: 100%;height:auto;}
.banner-img .child .childTitle{width:100%;color:#00387D;font-size:20px;margin:10px 0px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner-img .child .childNo{color:#333333;font-size:13px;font-weight:bold;margin:10px 0px;}
.banner-img .child .childInfo{color:#333333;font-size:14px;line-height:25px;margin:0px;height:135px;overflow:hidden;}
.banner-img .child .childLink{font-size:14px;color:#00387D;}
.banner-img .child .childLink img{ vertical-align:middle;margin-right:5px;}
.banner-img .child .childLink font{ vertical-align:middle;}

@media (min-width: 240px) and (max-width: 319px) {
	
}
@media (min-width: 320px) and (max-width: 479px) {
.crumbs{min-width:320px;height:40px;}
.crumbs .crumbsLeft{display:none;}
.crumbs .crumbsRight{left:0px;height:40px;}
.crumbs .crumbsRight .child{margin:0px 0px;float:left;font-size:14px;width:49%;line-height:40px;height:40px;border-right:1px solid #bcbcbc;text-align:center;}
.crumbs .crumbsRight #child3{border:0px;}
.crumbs .crumbsRight .child.on{height:38px;border-bottom:2px solid #5690D7;}
.crumbs .crumbsRight .child:hover{height:38px;border-bottom:2px solid #5690D7;}

.main{width:290px;}
.mainTitle{width:290px;padding:10px 0px;font-size:22px;}
.mainLeft{width:290px;}
.mainLeft .child .childTitle{font-size:18px;margin-top:20px;}
.mainLeft .child .childMsgs{margin:10px 0px;}
.mainLeft .child .childMsg{margin-right:8px;}
.mainLeft .child .childDate img{width:12px;margin-right:4px;}
.mainLeft .child .childDate font{font-size:12px;}
.mainLeft .child .childType{display:none;}
.mainLeft .child .content{width:290px;}
.mainLeft .child .content .newIcon{width:30px;height:30px;top:-15px;right:-15px;}

.mainLeft .child .info{font-size:12px;line-height:20px;margin:8px 0px 15px 0px;}
.mainLeft .mainBtn{margin:20px 0px 20px 0px;}
.mainLeft .mainBtn .child{height:30px;line-height:30px;font-size:14px;}
.mainLeft .mainBtn .longBtn{display:none;}
.mainLeft .mainBtn .shortBtn{width:30px;}
.mainRight{display:none;}
}
@media (min-width: 480px) and (max-width: 639px) {
.crumbs{min-width:480px;height:60px;}
.crumbs .crumbsLeft{display:none;}
.crumbs .crumbsRight{left:0px;height:60px;}
.crumbs .crumbsRight .child{margin:0px 0px;float:left;font-size:16px;width:49%;line-height:60px;height:60px;border-right:1px solid #bcbcbc;text-align:center;}
.crumbs .crumbsRight #child3{border:0px;}
.crumbs .crumbsRight .child.on{height:57px;border-bottom:3px solid #5690D7;}
.crumbs .crumbsRight .child:hover{height:57px;border-bottom:3px solid #5690D7;}

.main{width:435px;}
.mainTitle{width:435px;padding:15px 0px;font-size:26px;}
.mainLeft{width:435px;}
.mainLeft .child .childTitle{font-size:20px;margin-top:30px;}
.mainLeft .child .childMsgs{margin:15px 0px;}
.mainLeft .child .childMsg{margin-right:12px;}
.mainLeft .child .childDate img{width:18px;margin-right:6px;}
.mainLeft .child .childDate font{font-size:18px;}
.mainLeft .child .childType{display:none;}
.mainLeft .child .content{width:435px;}
.mainLeft .child .content .newIcon{width:30px;height:30px;top:-15px;right:-15px;}

.mainLeft .child .info{font-size:14px;line-height:25px;margin:12px 0px 23px 0px;}
.mainLeft .mainBtn{margin:30px 0px 30px 0px;}
.mainLeft .mainBtn .child{height:30px;line-height:30px;font-size:14px;}
.mainLeft .mainBtn .longBtn{width:64px;}
.mainLeft .mainBtn .shortBtn{width:30px;}
.mainRight{display:none;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.crumbs{min-width:640px;height:80px;}
.crumbs .crumbsLeft{display:none;}
.crumbs .crumbsRight{left:0px;height:80px;}
.crumbs .crumbsRight .child{margin:0px 0px;float:left;font-size:26px;width:49%;line-height:80px;height:80px;border-right:1px solid #bcbcbc;text-align:center;}
.crumbs .crumbsRight #child3{border:0px;}
.crumbs .crumbsRight .child.on{height:76px;border-bottom:4px solid #5690D7;}
.crumbs .crumbsRight .child:hover{height:76px;border-bottom:4px solid #5690D7;}

.main{width:580px;}
.mainTitle{width:580px;font-size:36px;}
.mainLeft{width:580px;}

.mainLeft .child .childTitle{font-size:28px;margin-top:40px;}
.mainLeft .child .childMsgs{margin:20px 0px;}
.mainLeft .child .childMsg{margin-right:15px;}
.mainLeft .child .childDate img{width:24px;margin-right:8px;}
.mainLeft .child .childDate font{font-size:20px;}
.mainLeft .child .childType{display:none;}
.mainLeft .child .content{width:580px;}
.mainLeft .child .content .newIcon{width:40px;height:40px;top:-20px;right:-20px;}
.mainLeft .child .content .mainLink{width:120px;height:40px;line-height:40px;}
.mainLeft .child .content .mainLink font{font-size:14px;margin:0px 10px 0px 15px;}
.mainLeft .child .content .mainLink img{width:14px;}
.mainLeft .child .info{font-size:24px;line-height:35px;margin:16px 0px 30px 0px;}
.mainLeft .mainBtn{margin:30px 0px 30px 0px;}
.mainLeft .mainBtn .child{height:30px;line-height:30px;font-size:14px;}
.mainLeft .mainBtn .longBtn{width:64px;}
.mainLeft .mainBtn .shortBtn{width:30px;}
.mainRight{display:none;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.crumbs{min-width:1024px;}

.main{width:900px;}
.mainTitle{width:900px;}
.mainLeft{width:610px;}
.mainLeft .child .content{width:610px;}

.mainRight{width:250px;}
.mainRightChild{width:250px;}
.mainRightChild .title{width:220px;}
.mainRightChild .childContent{width:220px;}
.mainRightChild .childContent div{margin:7px 10px;font-size:16px;color:#00377D;}
.mainRightChild .childContent div:hover{color:#000;}


.banner-img{width:220px;height:500px;}
.banner-img .child{width:220px;}
.banner-img .child .childImg{width:220px;}


}


#bannerOut{
	animation:bannerOut 0.5s  ease-out 0s  both;
	-moz-animation:bannerOut 0.5s  ease-out 0s  both;
	-webkit-animation:bannerOut 0.5s   ease-out 0s  both;
	-o-animation:bannerOut 0.5s   ease-out 0s  both;
}
@keyframes bannerOut{
0%{ transform:translateX(0px);}
100%{ transform:translateX(400px);display:none;}
}
@-moz-keyframes bannerOut{
0%{-moz-transform:translateX(0px);}
100%{ -moz-transform:translateX(400px);display:none;}
}
@-webkit-keyframes bannerOut {
0%{-webkit-transform:translateX(0px);}
100%{ -webkit-transform:translateX(400px);display:none;}
}
@-o-keyframes bannerOut{
0%{-o-transform:translateX(0px);}
100%{ -o-transform:translateX(400px);display:none;}
}