.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:100%;margin:0px auto;}
.mainHead{position:relative;width:1200px;height:auto;margin:30px auto 40px auto;}
.mainHead .banner{width:100%; vertical-align:middle;}
.mainHead .wapBanner{width:100%; vertical-align:middle;display:none;}
.mainContent{position:relative;width:100%;padding-bottom:100px;}
.mainContent .mainTitle{position:relative;width:100%;height:46px;margin: 10px 0;}
.mainContent .mainTitle .titles{position:relative;width:1200px;margin:0px auto;}
.mainContent .mainTitle .title{padding-right:20px;position:absolute;top:0px;left:10px;width:auto;height:46px;line-height:40px;background:#b9b9b9;color:#fff;font-size:24px;z-index:2; border-radius:5px;}
.mainContent .mainTitle .title font{margin:0px 8px 0px 16px;vertical-align:middle;}
.mainContent .mainTitle .title img{width:14px;vertical-align:middle;}
.mainContent .mainTitle .link{position:absolute;top:23px;border-bottom:1px solid #b9b9b9;width:100%;}
.mainContent .content{position:relative;width:1200px;margin:0px auto;height:auto;}
.mainContent .content .title{font-size:16px;font-weight:bold;color:#111111;margin:13px 0px;}
.mainContent .content .child{border:1px solid #f4f4f4;position:relative;width:575px;height:176px;background:#f4f4f4; border-radius:5px;margin:10px;display:inline-block;}
.mainContent .content .child:hover{border:1px solid #00387d;width:575px;height:176px;}
.mainContent .content .child:hover .childInfo{color:#00387d;}
.mainContent .content .child .childImg{position:absolute;top:0px;left:0px;width:152px;height:176px;text-align:center;line-height:140px;}
.mainContent .content .child .childImg img{ vertical-align:middle;max-width:80%;}
.mainContent .content .child .childTitle{position:absolute;top:30px;left:152px;color:#00377D;font-size:14px;width:390px;}
.mainContent .content .child .childInfo{position:absolute;color:#656565;font-size:14px;line-height:25px;top:60px;left:152px;width:390px;}
@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:19.6%;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;}

.mainHead{width:290px;height:auto;margin:15px auto;}
.mainHead .banner{display:none;}
.mainHead .wapBanner{display:block;}
.mainContent{padding-bottom:40px;}
.mainContent .mainTitle{width:100%;height:33px;}
.mainContent .mainTitle .titles{width:320px;}
.mainContent .mainTitle .title{left:15px;width:auto;height:33px;line-height:29px;font-size:16px;z-index:2;}
.mainContent .mainTitle .title font{margin:0px 6px 0px 8px;}
.mainContent .mainTitle .title img{width:10px;}
.mainContent .mainTitle .link{top:16px;}
.mainContent .content{width:290px;}
.mainContent .content .title{font-size:16px;font-weight:normal;margin:8px 0px;}
.mainContent .content .child{width:288px;height:96px;margin:5px 0px;}
.mainContent .content .child:hover{width:288px;height:82px;}

.mainContent .content .child .childImg{width:81px;height:82px;line-height:82px;}
.mainContent .content .child .childImg img{max-width:80%;}
.mainContent .content .child .childTitle{top:7px;left:81px;font-size:12px;width:195px;}
.mainContent .content .child .childInfo{font-size:12px;line-height:15px;top:27px;left:81px;width:195px;height: 60px;overflow: hidden;}


}
@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:19.8%;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;}

.mainHead{width:435px;height:auto;margin:23px auto;}
.mainHead .banner{display:none;}
.mainHead .wapBanner{display:block;}
.mainContent{padding-bottom:60px;}
.mainContent .mainTitle{width:100%;height:50px;}
.mainContent .mainTitle .titles{width:480px;}
.mainContent .mainTitle .title{left:23px;width:auto;height:50px;line-height:44px;font-size:20px;}
.mainContent .mainTitle .title font{margin:0px 10px 0px 10px;}
.mainContent .mainTitle .title img{width:14px;}
.mainContent .mainTitle .link{top:24px;}
.mainContent .content{width:435px;}
.mainContent .content .title{font-size:20px;font-weight:normal;margin:12px 0px;}
.mainContent .content .child{width:432px;height:123px;margin:8px 0px;}
.mainContent .content .child:hover{width:432px;height:123px;}

.mainContent .content .child .childImg{width:122px;height:123px;line-height:123px;}
.mainContent .content .child .childImg img{max-width:80%;}
.mainContent .content .child .childTitle{top:15px;left:122px;font-size:14px;width:278px;}
.mainContent .content .child .childInfo{font-size:14px;line-height:20px;top:45px;left:122px;width:278px;}

}
@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:19.8%;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;}

.mainHead{width:580px;height:auto;margin:30px auto;}
.mainHead .banner{display:none;}
.mainHead .wapBanner{display:block;}
.mainContent{padding-bottom:80px;}
.mainContent .mainTitle{width:100%;height:65px;}
.mainContent .mainTitle .titles{width:640px;}
.mainContent .mainTitle .title{left:30px;width:auto;height:65px;line-height:58px;font-size:36px;z-index:2;}
.mainContent .mainTitle .title font{margin:0px 12px 0px 16px;}
.mainContent .mainTitle .title img{width:14px;}
.mainContent .mainTitle .link{top:32px;}
.mainContent .content{width:580px;}
.mainContent .content .title{font-size:28px;font-weight:normal;margin:25px 0px;}
.mainContent .content .child{width:575px;height:163px;margin:10px 0px;}
.mainContent .content .child:hover{width:573px;height:161px;}

.mainContent .content .child .childImg{width:162px;height:163px;line-height:163px;}
.mainContent .content .child .childImg img{max-width:80%;}
.mainContent .content .child .childTitle{top:30px;left:162px;font-size:14px;width:390px;}
.mainContent .content .child .childInfo{font-size:14px;line-height:25px;top:60px;left:162px;width:390px;}


}
@media (min-width: 1024px) and (max-width:1199px ) {
.crumbs{min-width:1024px;}


.mainHead{width:900px;}
.mainContent .mainTitle .titles{width:910px;}
.mainContent{padding-bottom:50px;}

.mainContent .content{width:900px;}

.mainContent .content .child{width:435px;margin:5px;}
.mainContent .content .child:hover{width:433px;height:138px;}
.mainContent .content .child .childImg{width:145px;height:140px;}
.mainContent .content .child .childTitle{top:20px;width:268px;}
.mainContent .content .child .childInfo{top:45px;width:268px;}

}