.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;}
.mainHead{position:relative;width:1200px;margin:0px auto;padding:35px 0px;border-bottom:1px solid #b9b9b9;}
.mainHead .title{margin:18px 0px;color:#333333;font-size:30px;}
.mainHead .msg{color:#999999;font-size:14px;margin:20px 0px;}
.mainHead .msg font{color:#D20C0C;}
.mainHead .info{font-size:14px;color:#333333;line-height:30px;width:760px;}
.mainHead .icon{position:absolute;right:0px;bottom:35px;width:100px;}

.mainContent{position:relative;width:800px;margin:10px 0px 50px 0px;}
.mainContent:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainContent .child{float:left;width:440px;margin:30px 25px 0px 0px;}
.mainContent .child .childTitle{color:#333333;font-size:14px;margin-bottom:10px;}
.mainContent .child .childTitle font{color:#D20C0C;}
.mainContent .child .inputText{width:350px;height:33px;padding-left:8px;border:1px solid #dddddd; border-radius:5px;}
.mainContent .child .inputText:focus{border:1px solid #333;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
.mainContent .child .longText{width:737px;}
.mainContent .child .textArea{width:728px;padding:8px;height:122px;border-radius:5px;border:1px solid #dddddd;}
.mainContent .child .textArea:focus{border:1px solid #333;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
.mainContent .longChild{width:745px;}
.mainContent .child .childBtn{width:180px;height:40px;line-height:40px;margin-right:15px;cursor:pointer;display:inline-block;color:#00377D;font-size:14px;border:1px solid #00387d;}
.mainContent .child .childBtn font{margin:0px 10px 0px 16px; vertical-align:middle;}
.mainContent .child .childBtn .childPointer{width:14px;vertical-align:middle;}

.map{position:relative;width:100%;min-width:1200px;height:573px;background:#e8e8e8;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;overflow:hidden;}
.mapContent{position:relative;width:1200px;margin:0px auto;height:575px;}
.mapContent .bg{position:absolute;top:-1px;right:-60px;width:963px;z-index:1;}
.mapContent .mapMsg{position:absolute;top:130px;left:0px;width:337px;z-index:2;}
.mapContent .mapMsg .title{color:#333333;font-size:20px;}
.mapContent .mapMsg .mapCall{position:relative;width:368px;height:100px;margin-bottom:24px;border-bottom:2px solid #00387d;}
.mapContent .mapMsg .mapCall .phoneIcon{position:absolute;left:0px;top:30px;width:37px;}
.mapContent .mapMsg .mapCall .callInfo{position:absolute;left:60px;color:#00377D;font-size:15px;}
.mapContent .mapMsg .mapCall .callInfo font{font-weight:bold;color:#00377D;}
.mapContent .mapMsg .info{color:#333333;font-size:12px;margin:7px 0px;}
.mapContent .mapMsg .info a{color:#333333;}
.mapContent .mapShow{position:absolute;bottom:-1px;right:0px;height:35px;line-height:35px;width:165px;background:#ffffff;border:1px solid #ccc; border-radius:3px;z-index:2;}
.mapContent .mapShow .mapIcon{margin:0px 5px 0px 10px; vertical-align:middle;}
.mapContent .mapShow font{color:#333333;font-size:14px;}
#callInfo1{top:25px;}
#callInfo2{top:50px;}


#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:33%;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:320px;}
.mainHead{width:290px;padding:15px 0px;}
.mainHead .title{margin:0px 0px;font-size:20px;}
.mainHead .msg{font-size:12px;margin:15px 0px;}
.mainHead .info{font-size:12px;line-height:20px;width:290px;}
.mainHead .icon{display:none;}

.mainContent{width:290px;margin:5px auto 15px auto;}
.mainContent .child{position:relative;float:none;width:290px;margin:10px 0px 0px 0px;}
.mainContent .child .childTitle{font-size:14px;margin-bottom:7px;}
.mainContent .child .inputText{width:285px;height:30px;padding-left:4px;}
.mainContent .child .longText{width:285px;}
.mainContent .child .textArea{width:280px;padding:4px;height:61px;}
.mainContent .longChild{width:290px;}
.mainContent .child .childBtn{width:138px;height:40px;line-height:40px;margin-right:1px;font-size:12px;border:1px solid #00387d;}
.mainContent .child .childBtn font{margin:0px 2px 0px 10px;}
.mainContent .child .childBtn .childPointer{width:10px;}

.map{min-width:320px;height:515px;}
.mapContent{width:100%;margin:0px auto;height:288px;}
.mapContent .bg{top:-1px;left:50%;margin-left:-199px;width:482px;z-index:1;}
.mapContent .mapMsg{top:175px;left:0px;width:100%;z-index:2;background:#fff;border-top: 1px solid #cccccc;padding:20px 0px 50px 0px;}
.mapContent .mapMsg .title{color:#333333;font-size:18px;width:290px;margin:0px auto;}
.mapContent .mapMsg .mapCall{width:290px;height:69px;margin:0px auto 18px auto;border-bottom:2px solid #00387d;}
.mapContent .mapMsg .mapCall .phoneIcon{left:0px;top:20px;width:34px;}
.mapContent .mapMsg .mapCall .callInfo{left:50px;font-size:13px;}
.mapContent .mapMsg .info{font-size:13px;margin:4px auto;width:290px;}
.mapContent .mapShow{top:145px;left:15px;height:30px;line-height:30px;width:150px;}
.mapContent .mapShow .mapIcon{margin:0px 0px 0px 8px;}
.mapContent .mapShow font{font-size:14px;}
#callInfo1{top:18px;}
#callInfo2{top:39px;}
}
@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:33%;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:480px;}
.mainHead{width:435px;padding:23px 0px;}
.mainHead .title{margin:0px 0px;font-size:24px;}
.mainHead .msg{font-size:16px;margin:15px 0px;}
.mainHead .info{font-size:16px;line-height:30px;width:435px;}
.mainHead .icon{display:none;}

.mainContent{width:435px;margin:8px auto 23px auto;}
.mainContent .child{position:relative;float:none;width:435px;margin:15px 0px 0px 0px;}
.mainContent .child .childTitle{font-size:18px;margin-bottom:10px;}
.mainContent .child .inputText{width:427px;height:45px;padding-left:6px;}
.mainContent .child .longText{width:427px;}
.mainContent .child .textArea{width:420px;padding:6px;height:92px;}
.mainContent .longChild{width:435px;}
.mainContent .child .childBtn{width:207px;height:60px;line-height:60px;margin-right:2px;font-size:12px;border:2px solid #00387d;}
.mainContent .child .childBtn font{margin:0px 20px 0px 15px;}
.mainContent .child .childBtn .childPointer{width:20px;}

.map{min-width:480px;height:753px;}
.mapContent{width:100%;margin:0px auto;}
.mapContent .bg{top:-1px;left:50%;margin-left:-299px;width:723px;z-index:1;}
.mapContent .mapMsg{top:263px;left:0px;width:100%;z-index:2;background:#fff;border-top: 1px solid #cccccc;padding:30px 0px 75px 0px;}
.mapContent .mapMsg .title{color:#333333;font-size:26px;width:435px;margin:0px auto;}
.mapContent .mapMsg .mapCall{width:435px;height:104px;margin:0px auto 27px auto;border-bottom:2px solid #00387d;}
.mapContent .mapMsg .mapCall .phoneIcon{left:0px;top:30px;width:46px;}
.mapContent .mapMsg .mapCall .callInfo{left:75px;font-size:20px;}
.mapContent .mapMsg .info{font-size:18px;margin:8px auto;width:435px;}
.mapContent .mapShow{top:218px;left:23px;height:45px;line-height:45px;width:225px;}
.mapContent .mapShow .mapIcon{margin:0px 8px 0px 20px;}
.mapContent .mapShow font{font-size:18px;}
#callInfo1{top:27px;}
#callInfo2{top:59px;}
}
@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:33%;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:640px;}
.mainHead{width:580px;padding:30px 0px;}
.mainHead .title{margin:0px 0px;font-size:36px;}
.mainHead .msg{font-size:20px;margin:30px 0px;}
.mainHead .info{font-size:20px;line-height:30px;width:580px;}
.mainHead .icon{display:none;}

.mainContent{width:580px;margin:10px auto 30px auto;}
.mainContent .child{position:relative;float:none;width:580px;margin:20px 0px 0px 0px;}
.mainContent .child .childTitle{font-size:22px;margin-bottom:14px;}
.mainContent .child .inputText{width:570px;height:60px;padding-left:8px;}
.mainContent .child .longText{width:570px;}
.mainContent .child .textArea{width:560px;padding:8px;height:122px;}
.mainContent .longChild{width:580px;}
.mainContent .child .childBtn{width:280px;height:80px;line-height:80px;margin-right:2px;font-size:14px;border:2px solid #00387d;}
.mainContent .child .childBtn font{margin:0px 86px 0px 20px;}
.mainContent .child .childBtn .childPointer{width:26px;}

.map{min-width:640px;height:1030px;}
.mapContent{width:100%;margin:0px auto;height:575px;}
.mapContent .bg{top:-1px;left:50%;margin-left:-397px;width:963px;z-index:1;}
.mapContent .mapMsg{top:350px;left:0px;width:100%;z-index:2;background:#fff;border-top: 1px solid #cccccc;padding:40px 0px 100px 0px;}
.mapContent .mapMsg .title{color:#333333;font-size:30px;width:580px;margin:0px auto;}
.mapContent .mapMsg .mapCall{width:580px;height:137px;margin:0px auto 35px auto;border-bottom:2px solid #00387d;}
.mapContent .mapMsg .mapCall .phoneIcon{left:0px;top:40px;width:68px;}
.mapContent .mapMsg .mapCall .callInfo{left:100px;font-size:26px;}
.mapContent .mapMsg .info{font-size:26px;margin:9px auto;width:580px;}
.mapContent .mapShow{top:290px;left:30px;height:60px;line-height:60px;width:300px;}
.mapContent .mapShow .mapIcon{width:25px;margin:0px 10px 0px 25px;}
.mapContent .mapShow font{font-size:26px;}
#callInfo1{top:35px;}
#callInfo2{top:77px;}

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

.main{width:900px;}
.mainHead{width:900px;}
.mainHead .info{width:600px;}

.map{min-width:1024px;height:450px;}
.mapContent{width:800px;height:450px;}
.mapContent .bg{right:-170px;width:770px;}
.mapContent .mapMsg{top:60px;left:0px;width:337px;}
#callInfo1{top:25px;}
#callInfo2{top:50px;}
}