.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{position:relative;width:1200px;height:62px;line-height:62px;margin:16px auto;color:#00377D;font-size:20px;border-bottom:1px solid #b9b9b9;}
.mainTitle p{width:1000px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float:left;}
.mainTitle .return{float:right;height:62px;line-height:62px;color:#999999;font-size:14px;}
.mainLeft{position:relative;width:800px;float:left;}
.mainLeft .childMsgs{margin:20px 0px;}
.mainLeft .childMsg{display:inline-block;margin-right:15px;}
.mainLeft .childDate img{ vertical-align:middle;width:13px;margin-right:8px;}
.mainLeft .childDate font{color:#999999;font-size:14px; vertical-align:middle;}
.mainLeft .childType img{ vertical-align:middle;width:11px;margin-right:5px;}
.mainLeft .childType font{ vertical-align:middle;font-size:14px;color:#000;}
.mainLeft .content{position:relative;padding-bottom:30px;border-bottom:1px dotted #999999;}
.mainLeft .content img{max-width:100%;height:auto !important;}
.mainLeft .content .info{margin:25px 0px;color:#333333;font-size:14px;line-height:25px;}
.mainLeft .content p{line-height:25px;}
.mainLeft .call{margin:34px 0px 30px 0px;height:24px;}
.mainLeft .call font,.mainLeft .call img{ float:left;vertical-align:middle;}
.mainLeft .call a{display:block;position:relative;float:left;width:24px;height:24px;margin-right:5px;}
.mainLeft .call img{position:absolute;top:0px;left:0px;width:24px;height:24px;}
.mainLeft .send{position:relative;border:1px solid #379be9;width:798px;height:188px;}
.mainLeft .send .textArea{width:780px;margin:0px auto;border:0px;height:125px;padding:8px;}
.mainLeft .send .sendFoot{position:absolute;width:100%;bottom:0px;left:0px;height:46px;border-top:1px solid #ddd;}
.mainLeft .send .sendFoot .inputText{position:absolute;top:3px;left:8px;width:150px;padding-left:8px;height:35px;border:1px solid #ddd;}
.mainLeft .send .sendFoot .sendBtn{position:absolute;cursor:pointer;top:3px;right:5px;width:120px;height:40px;line-height:40px;background:#00387d;}
.mainLeft .send .sendFoot .sendBtn font{margin:0px 10px 0px 16px;color:#fff;font-size:14px; vertical-align:middle;}
.mainLeft .send .sendFoot .sendBtn img{ vertical-align:middle;width:14px;}
.mainLeft .discuss{position:relative;margin:40px 0px;}
.mainLeft .discuss .title{border-bottom:1px solid #ddd;height:40px;line-height:40px;}
.mainLeft .discuss .title div{float:left;height:38px;border-bottom:3px solid #00387d;font-size:18px;color:#333333;}
.mainLeft .discussLi{position:relative;padding:20px 0px;border-bottom:1px solid #ddd;background-image:url(../images/news/manIcon.png);background-position:left 20px; background-repeat:no-repeat;}
.mainLeft .discussLi:nth-child(odd){background-image:url(../images/news/manIcon.png);}
.mainLeft .discussLi:nth-child(even){background-image:url(../images/news/womanIcon.png);}
.mainLeft .discussLi .discussName{margin:0 0 10px 50px;color:#999999;font-size:12px;width:700px;}
.mainLeft .discussLi .discussInfo{margin-left:50px;color:#333333;font-size:16px;width:700px;}
.mainLeft .discussLi .discussTime{position:absolute;top:20px;right:0px;color:#999999;font-size:12px;}
.mainLeft .loadBtn{cursor:pointer;width:100%;margin:30px 0px 90px 0px;height:30px;line-height:30px;text-align:center;color:#656565;font-size:12px;background:#e8e8e8;}
.mainLeft .loadBtn:hover{background:#999;color:#fff;}
.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:30px auto 30px auto;}
.mainRightChild .childContent div{margin:18px 0px;height:14px;line-height:14px;font-size:14px;color:#00377D;}
.mainRightChild .childContent div:hover{color:#000;}
.mainRightChild .childContent div img{ vertical-align:middle;margin-right:10px;float:left;}
.mainRightChild .childContent div p{width:248px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float:left;}

#message-success{position: fixed; top: -200px; left: 50%; z-index: 5; width: 50%; margin-left: -25%;color: #468847;background-color: #dff0d8;border: 1px solid #d6e9c6;padding: 30px 35px 30px 20px;margin-bottom: 20px;text-shadow: 0 1px 0 rgba(255,255,255,0.5);font-size: 13px;direction: ltr;line-height: 20px;}
#message-success h4{text-shadow: 0 1px 0 rgba(255,255,255,0.5);text-rendering: optimizelegibility;line-height: 20px;font-family: inherit;font-size: 17.5px;font-weight: 300;margin: 0;color: #468847;}

@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;height:40px;line-height:40px;margin:0px auto;font-size:20px;}
.mainTitle p{width:220px;}
.mainTitle .return{height:40px;line-height:40px;font-size:12px;}
.mainLeft{position:relative;width:290px;float:none;}
.mainLeft .childMsgs{margin:10px 0px;}
.mainLeft .childMsg{margin-right:8px;}
.mainLeft .childDate img{width:12px;margin-right:4px;}
.mainLeft .childDate font{font-size:12px;}
.mainLeft .childType{display:none;}
.mainLeft .content{padding-bottom:0px;}
.mainLeft .content .info{margin:13px 0px;font-size:12px;line-height:20px;}
.mainLeft .content p{line-height:20px;}
.mainLeft .call{margin:15px 0px;}
.mainLeft .call font{font-size:12px;color:#333333;}
.mainLeft .call a{width:25px;height:25px;}
.mainLeft .call img{width:25px;height:25px;}
.mainLeft .send{display:none;}
.mainLeft .discuss{display:none;}
.mainRight{position:relative;width:290px;float:none;margin:0px auto;padding-top:0px;}
.mainRightChild{padding:5px 0px;width:290px;margin-bottom:10px;}
.mainRightChild .title{font-size:20px;height:34px;line-height:34px;width:270px;}
.mainRightChild .childContent{width:270px;margin:15px auto 15px auto;}
.mainRightChild .childContent div{margin:10px 0px;height:14px;line-height:14px;font-size:14px;}
.mainRightChild .childContent div img{ margin-right:5px;width:8px; vertical-align:middle;}
.mainRightChild .childContent div p{width:250px;}

}
@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;height:60px;line-height:60px;margin:0px auto;font-size:24px;}
.mainTitle p{width:330px;}
.mainTitle .return{height:60px;line-height:60px;font-size:14px;}
.mainLeft{position:relative;width:435px;float:none;}
.mainLeft .childMsgs{margin:15px 0px;}
.mainLeft .childMsg{margin-right:12px;}
.mainLeft .childDate img{width:18px;margin-right:6px;}
.mainLeft .childDate font{font-size:14px;}
.mainLeft .childType{display:none;}
.mainLeft .content{padding-bottom:0px;}
.mainLeft .content .info{margin:20px 0px;font-size:14px;line-height:25px;}
.mainLeft .call{margin:23px 0px;}
.mainLeft .call font{font-size:14px;color:#333333;}
.mainLeft .call a{width:38px;height:38px;}
.mainLeft .call img{width:38px;height:38px;}
.mainLeft .send{display:none;}
.mainLeft .discuss{display:none;}
.mainRight{position:relative;width:435px;float:none;margin:0px auto;padding-top:0px;}
.mainRightChild{padding:8px 0px;width:435px;margin-bottom:10px;}
.mainRightChild .title{font-size:22px;height:50px;line-height:50px;width:405px;}
.mainRightChild .childContent{width:405px;margin:23px auto 23px auto;}
.mainRightChild .childContent div{margin:15px 0px;height:21px;line-height:21px;font-size:16px;}
.mainRightChild .childContent div img{ margin-right:8px;width:12px; vertical-align:middle;}
.mainRightChild .childContent div p{width:375px;}

}
@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;height:60px;line-height:60px;margin:0px auto;font-size:28px;}
.mainTitle p{width:500px;}
.mainTitle .return{height:60px;line-height:60px;font-size:14px;}
.mainLeft{position:relative;width:580px;float:none;}
.mainLeft .childMsgs{margin:20px 0px;}
.mainLeft .childMsg{margin-right:15px;}
.mainLeft .childDate img{width:24px;margin-right:8px;}
.mainLeft .childDate font{font-size:20px;}
.mainLeft .childType{display:none;}
.mainLeft .content{padding-bottom:0px;}
.mainLeft .content .info{margin:25px 0px;font-size:24px;line-height:35px;}
.mainLeft .call{margin:30px 0px;}
.mainLeft .call font{font-size:22px;color:#333333;}
.mainLeft .call a{width:50px;height:50px;}
.mainLeft .call img{width:50px;height:50px;}
.mainLeft .send{display:none;}
.mainLeft .discuss{display:none;}
.mainRight{position:relative;width:580px;float:none;margin:0px auto;padding-top:0px;}
.mainRightChild{padding:10px 0px;width:580px;margin-bottom:20px;}
.mainRightChild .title{font-size:30px;height:68px;line-height:68px;width:540px;}
.mainRightChild .childContent{width:540px;margin:30px auto 30px auto;}
.mainRightChild .childContent div{margin:20px 0px;height:24px;line-height:24px;font-size:24px;}
.mainRightChild .childContent div img{ margin-right:10px;width:15px; vertical-align:middle;}
.mainRightChild .childContent div p{width:500px;}


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

.main{width:900px;}
.mainTitle{width:900px;}
.mainTitle p{width:800px;}
.mainLeft{width:610px;}

.mainLeft .send{width:608px;height:188px;}
.mainLeft .send .textArea{width:592px;height:125px;}
.mainLeft .discussLi .discussName{width:510px;}
.mainLeft .discussLi .discussInfo{width:510px;}
.mainRight{width:250px;}
.mainRightChild{width:250px;}
.mainRightChild .title{width:220px;}
.mainRightChild .childContent{width:220px;}
.mainRightChild .childContent div img{margin-right:10px;}
.mainRightChild .childContent div p{width:200px;}

}


#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);}
}
@-moz-keyframes bannerOut{
0%{-moz-transform:translateX(0px);}
100%{ -moz-transform:translateX(400px);}
}
@-webkit-keyframes bannerOut {
0%{-webkit-transform:translateX(0px);}
100%{ -webkit-transform:translateX(400px);}
}
@-o-keyframes bannerOut{
0%{-o-transform:translateX(0px);}
100%{ -o-transform:translateX(400px);}
}