.crumbs{position:relative;width:100%;min-width:1200px;height:40px;margin:0px auto;background:#f4f4f4;display:none;}
.crumbs .crumbsRight{position:absolute;right:8px;top:0px;height:40px;dsiplay:none;}
.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  !important;height:38px;}

.main{position:relative;width:100%;margin:0px auto;}
.mainHead{position:relative;width:1200px;margin:0px auto;}
.mainHeadTitle{position:relative;width:100%;height:80px;line-height:80px;border-bottom:1px solid #b9b9b9;}
.mainHeadTitle .title{height:80px;color:#111111;font-size:40px;}
.mainHeadTitle .mainHeadNav{position:absolute;top:0px;right:0px;height:80px;}
.mainHeadTitle .mainHeadNav .child{height:80px;margin-left:30px;color:#333333;font-size:14px;display:inline-block;}
.mainHeadTitle .mainHeadNav .child.on{color:#5790d7;border-bottom:2px solid #5790d7;height:78px;}
.mainHeadTitle .mainHeadNav .child.childBug{background:#5790d7;width:100px;height:40px;line-height:40px;text-align:center;color:#fff;}
.mainHeadTitle .mainHeadNav .child.childBug:hover{background:#00387d;}
.banner-img{position:relative;width:1200px;height:450px;line-height:450px;overflow:hidden;text-align:center;margin:20px auto;}
.banner-img .child{display:none;position:relative;width:100%;height:100%;}
.banner-img img{vertical-align:middle;max-width:1200px;max-height:450px;}
.banner-btn{position:relative;width:1200px;margin:10px auto 30px auto;text-align:center;}
.banner-btn .child{overflow: hidden;display:none;cursor:pointer;display:inline-block;border:1px solid #dddddd;width:100px;height:64px;line-height:64px;text-align:center;}
.banner-btn .child.on{border:1px solid #849fc0;}
.banner-btn .child img{max-width:70%; vertical-align:middle;}
.mainContent{position:relative;width:100%;min-width:1200px;margin:0px auto;border-top:1px solid #dddddd;}
.mainContent:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainContentChild{padding:0px 0;height:auto;  background-position: center;background-size: auto 100%;background-repeat: no-repeat;}
.mainContentChild .child-c{margin:0 auto;width:1200px;height:auto;}
.mainContent .mainContentChild:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainContent .mainContentChild .child{width:49.9%;float:left;text-align:center;}
.mainContent .mainContentChild .child img{max-width:100%;height:auto !important;vertical-align:middle;}
.mainContent .mainContentChild .child .title{font-size:40px;color:#000000;width:90%;padding:20px 5%;text-align:left;}
.mainContent .mainContentChild .child .info{font-size:18px;color:#656565;width:90%;line-height:30px;text-align:left;margin:0px 5%;}
.mainContent .mainContentChild.center .child{width:80%;float:none;text-align:center;margin:0 auto;}
.mainContent .mainContentChild.center .child .title{text-align:center;}
.mainContent .mainContentChild.center .child .info{text-align:center;}
.mainContent .fontLeft{background:#fff;}
.mainContent .fontRight{ background:#ececec;}



@media (min-width: 240px) and (max-width: 319px) {
	
}
@media (min-width: 320px) and (max-width: 479px) {
.crumbs{min-width:320px;height:40px;display:block;}
.crumbs .crumbsRight{left:0px;height:40px;}
.crumbs .crumbsRight .child{overflow:hidden;margin:0px 0px;float:left;font-size:12px;overflow: hidden;width:24.5%;line-height:40px;height:40px;border-right:1px solid #bcbcbc;text-align:center;}
.crumbs .crumbsRight #child3{border:0px;}
.downChild{display:none !important;}
.crumbs .crumbsRight .child.on{height:38px;border-bottom:2px solid #5690D7  !important;}
.crumbs .crumbsRight .child:hover{height:38px;border-bottom:2px solid #5690D7  !important;}

.mainHead{width:290px;}
.mainHeadTitle{height:40px;line-height:40px;border-bottom:0px;margin:15px 0px;}
.mainHeadTitle .title{height:40px;font-size:24px;}
.mainHeadTitle .mainHeadNav{height:40px;}
.mainHeadTitle .mainHeadNav .child{display:none;}
.mainHeadTitle .mainHeadNav .child.childBug{display:block;width:90px;height:40px;line-height:40px;font-size:16px;}

.banner-img{width:290px;height:109px;line-height:109px;margin:10px auto;}
.banner-img img{max-width:290px;max-height:109px;}
.banner-btn{width:290px;margin:3px auto 5px auto;}
.banner-btn .child{width:90px;height:58px;line-height:58px;margin:3px 0px;}
.banner-btn .child img{max-width:90%;}
.mainContent{min-width:290px;}
.mainContent .mainContentChild{padding:25px 0;}
.mainContentChild .child-c{width:290px;}
.mainContent .mainContentChild .child{position:relative;width:100%;float:none;text-align:center;}
.mainContent .mainContentChild .child .title{font-size:14px;width:100%;padding:10px 0px;}
.mainContent .mainContentChild .child .info{font-size:12px;width:100%;line-height:20px;margin:0px;}
.mainContent .mainContentChild.center .child{width:100%;}

}
@media (min-width: 480px) and (max-width: 639px) {
.crumbs{min-width:480px;height:60px;display:block;}
.crumbs .crumbsRight{left:0px;height:60px;}
.crumbs .crumbsRight .child{margin:0px 0px;float:left;font-size:12px;width:24.5%;line-height:60px;height:60px;border-right:1px solid #bcbcbc;text-align:center;}
.crumbs .crumbsRight #child3{border:0px;}
.downChild{display:none !important;}
.crumbs .crumbsRight .child.on{height:57px;border-bottom:3px solid #5690D7  !important;}
.crumbs .crumbsRight .child:hover{height:57px;border-bottom:3px solid #5690D7  !important;}

.mainHead{width:435px;}
.mainHeadTitle{height:60px;line-height:60px;border-bottom:0px;margin:23px 0px;}
.mainHeadTitle .title{height:60px;font-size:30px;}
.mainHeadTitle .mainHeadNav{height:60px;}
.mainHeadTitle .mainHeadNav .child{display:none;}
.mainHeadTitle .mainHeadNav .child.childBug{display:block;width:135px;height:60px;line-height:60px;font-size:18px;}

.banner-img{width:435px;height:168px;line-height:168px;margin:15px auto;}
.banner-img img{max-width:435px;max-height:168px;}
.banner-btn{width:435px;margin:5px auto 8px auto;}
.banner-btn .child{width:135px;height:82px;line-height:82px;margin:5px 0px;}
.banner-btn .child img{max-width:90%;}
.mainContent{min-width:435px;}
.mainContent .mainContentChild{ padding:38px 0;}
.mainContentChild .child-c{width:435px;}
.mainContent .mainContentChild .child{position:relative;width:100%;float:none;text-align:center;}
.mainContent .mainContentChild .child .title{font-size:18px;width:100%;padding:15px 0px;}
.mainContent .mainContentChild .child .info{font-size:14px;width:100%;line-height:25px;margin:0px;}
.mainContent .mainContentChild.center .child{width:100%;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.crumbs{min-width:640px;height:80px;display:block;}
.crumbs .crumbsRight{left:0px;height:80px;}
.crumbs .crumbsRight .child{margin:0px 0px;float:left;font-size:16px;width:24.5%;line-height:80px;height:80px;border-right:1px solid #bcbcbc;text-align:center;}
.crumbs .crumbsRight #child3{border:0px;}
.downChild{display:none !important;}
.crumbs .crumbsRight .child.on{height:76px;border-bottom:4px solid #5690D7  !important;}
.crumbs .crumbsRight .child:hover{height:76px;border-bottom:4px solid #5690D7 !important;}

.mainHead{width:580px;}
.mainHeadTitle{height:80px;line-height:80px;border-bottom:0px;margin:30px 0px;}
.mainHeadTitle .title{height:80px;font-size:36px;}
.mainHeadTitle .mainHeadNav{height:80px;}
.mainHeadTitle .mainHeadNav .child{display:none;}
.mainHeadTitle .mainHeadNav .child.childBug{display:block;width:180px;height:80px;line-height:80px;font-size:30px;}

.banner-img{width:580px;height:218px;line-height:218px;margin:20px auto;}
.banner-img img{max-width:580px;max-height:218px;}
.banner-btn{width:580px;margin:5px auto 10px auto;}
.banner-btn .child{width:180px;height:115px;line-height:115px;margin:5px 0px;}
.banner-btn .child img{max-width:90%;}
.mainContent{min-width:580px;}
.mainContent .mainContentChild{padding:50px 0;}
.mainContentChild .child-c{width:580px;}
.mainContent .mainContentChild .child{position:relative;width:100%;float:none;text-align:center;}
.mainContent .mainContentChild .child .title{font-size:30px;width:100%;padding:20px 0px;}
.mainContent .mainContentChild .child .info{font-size:24px;width:100%;line-height:30px;margin:0px;}
.mainContent .mainContentChild.center .child{width:100%;}
}
@media (min-width: 1024px) and (max-width:1199px ) {

.mainHead{width:900px;}


.banner-img{width:900px;height:340px;line-height:340px;}
.banner-img img{max-width:900px;max-height:340px;}
.banner-btn{width:900px;}

.mainContent{min-width:1024px;}
.mainContent .mainContentChild{padding:100px auto;width:100%;}
.mainContentChild .child-c{width:900px;}

}




.childAnLeft{
	animation:childAnLeft 0.5s  ease-out 0s  both;
	-moz-animation:childAnLeft 0.5s ease-out 0s  both;
	-webkit-animation:childAnLeft 0.5s  ease-out 0s  both;
	-o-animation:childAnLeft 0.5s  ease-out 0s  both;
}
@keyframes childAnLeft{
0%{opacity:0;transform: translateX(-220px);}
100%{opacity:1;transform:translateX(0px);}
}
@-moz-keyframes childAnLeft{
0%{opacity:0;-moz-transform: translateX(-220px);}
100%{opacity:1;-moz-transform:translateX(0px);}
}
@-webkit-keyframes childAnLeft {
0%{opacity:0;-webkit-transform: translateX(-220px);}
100%{opacity:1;-webkit-transform:translateX(0px);}
}
@-o-keyframes childAnLeft{
0%{opacity:0;-o-transform: translateX(-220px);}
100%{opacity:1;-o-transform:translateX(0px);}
}

.childAnRight{
	animation:childAnRight 0.5s  ease-out 0s  both;
	-moz-animation:childAnRight 0.5s ease-out 0s  both;
	-webkit-animation:childAnRight 0.5s  ease-out 0s  both;
	-o-animation:childAnRight 0.5s  ease-out 0s  both;
}
@keyframes childAnRight{
0%{opacity:0;transform: translateX(220px);}
100%{opacity:1;transform:translateX(0px);}
}
@-moz-keyframes childAnRight{
0%{opacity:0;-moz-transform: translateX(220px);}
100%{opacity:1;-moz-transform:translateX(0px);}
}
@-webkit-keyframes childAnRight {
0%{opacity:0;-webkit-transform: translateX(220px);}
100%{opacity:1;-webkit-transform:translateX(0px);}
}
@-o-keyframes childAnRight{
0%{opacity:0;-o-transform: translateX(220px);}
100%{opacity:1;-o-transform:translateX(0px);}
}

