/*phone footer and top*/
.topside{display:none;}
.bottomp{display:none;}

div{margin:0 auto;text-align:left;}
a{text-decoration:none; color:#00559d;}
a:hover{ text-decoration:underline;}
.box{ width:100%; overflow:hidden; height:auto;}
.mainbox{  width:100%; margin:0 auto;}
.clear_{clear:both;font-size:0;line-height:0;height:0;}

.h1{font-size:60px;text-align:center;}
.no_right{ margin-right:0px!important;}


.banner1{width:100%; max-height:550px;}
.banner1 img{ width:100%; max-width:1440px; display:block; margin:0 auto;}
.picbanner{ width:100%;  position:absolute; z-index:-91;}
.picbanner img{width:100%; z-index:-1;}

.redbanner{max-width:688px; width:72%; margin:0 auto; padding-top:15%;  z-index:20; filter:alpha(opacity:80);opacity:0.8;}
.bn1{background:#cd4849; overflow:hidden;}
.bn1 span{ line-height:normal;}
.redbanner img{width:688px;}
.redbanner p{width:95%;line-height:70px; font-size:50px;font-weight:bold;color:#ffffff;margin:0 auto;margin-top:25px; text-align:center; }
.black{max-width:557px; width:85%; height:3.5em;background-color:#000000;margin:0 auto;margin-top:15px;}
.black p{width:100%;height:3.5em;line-height:45px;font-size:24px;font-style:normal;display:block;overflow:hidden;text-align:center;}
.redtext{width:85%;margin:0 auto; margin-top:-20px;  z-index:1px;}
.redtext p{width:100%;line-height:30px;font-size:16px;font-weight:normal;z-index:2;display:block;}

.banner2{width:100%;background-color:#f5f5f5;z-index:-378;z-index:-999;text-align:center; padding-bottom:50px;}


.banner2 img{max-width:520px; width:54.2%; margin-top:50px;z-index:-3;}
.banner2 p{font-size:18px;font-weight:Regular;display:block;width:100px;margin:0 auto;text-align:center;}


.banner3{width:100%; background-color:#ffffff; margin-bottom:-100px;}
.banner3 p{max-width:800px; width:83%; padding-top:50px;font-size:16px;font-weight:normal;
margin:0 auto;line-height:2;color:#666666}
.redline{width:100%; background-color:#c01a1c;overflow:hidden; margin-top:140px;}
.redline p{max-width:960px; width:96%; font-size:40px;font-weight:bold;color:#ffffff; margin:35px auto;}
.onetext{width:100%; text-align:center;font-size:24px;}
.onetext h3{width:960px; font-size:14px;color:#666666;line-height:35px;text-align:left;margin:0 auto;margin-top:30px; margin-bottom:30px;}
.onepic{width:100%;height:auto;background-color:#ffffff; margin-bottom:-55px;}
.onepic1{width:960px;height:auto;margin:0 auto; overflow:hidden; }


.leftpdf{float:left;width:42%; border:1px solid #CCC; margin-left:5%;}
.leftpdf img{ width:100%;}
.pdftext{float:left;width:189px;height:40px;margin-top:10px; color:#666666;font-size:16px;font-weight:Regular;  margin-left:92px;}
.pdftext_a{float:left; width:189px;height:40px;margin-top:10px; color:#666666;font-size:16px;font-weight:Regular;margin-left:201px;}
  
.pdftext a{color:#666666;font-size:16px;font-weight:Regular;}hj

.leftpdf img{float:left;width:340px;height:40px;}
.rightpdf{float:right;width:42%;  margin-right:5%; border:1px solid #CCC;}
.rightpdf img{float:left;width:100%;}

.twotext{width:100%;height:auto;background-color:#f5f5f5;overflow:hidden; padding-bottom:95px; margin-bottom:-140px; }
.twotext h3{width:960px; font-size:14px;color:#666666;line-height:35px;text-align:left;margin:0 auto;margin-top:30px; margin-bottom:30px;}
.twopic{width:960px;height:760px;background-color:#ffffff;margin:0 auto;margin-top:25px; position:relative;}
.redbox{width:200px;height:80px;background-color:#e75f6b;position:absolute; }
.redbox p{font-size:25px;font-weight:bold;color:#ffffff;margin:0 auto;padding-left:20px;letter-spacing:1px;padding-top:20px;}
.redbox2{width:190px;height:80px;background-color:#e75f6b;position:absolute;  top:0; right:0;}
.redbox2 p{font-size:25px;font-weight:bold;color:#ffffff;padding-left:20px;padding-top:20px;letter-spacing:1px;}
.twopic img{width:100%;}
.twopic1{float:left;width:42.1875%;margin:5.2083% 5.2083% 5.2083% 5.2083%;background-color:#f5f5f5;}
.twopic2{float:left;width:42.1875%;margin:5.2083% 5.2083% 5.2083% 0;background-color:#f5f5f5;}
.twopic3{float:left;width:42.1875%;margin:0 5.2083% 5.2083% 5.2083%;background-color:#f5f5f5;}
.twopic4{float:left;width:42.1875%;margin:0 5.2083% 5.2083% 0;background-color:#f5f5f5;}


.threetext{width:100%;height:auto;background-color:#ffffff;overflow:hidden;padding-bottom:85px; margin-bottom:-130px; }
.threetext h3{width:960px; font-size:14px;color:#666666;line-height:35px;text-align:left;margin:30px auto;}

.table{width:100%;height:auto; margin:0 auto;background-color:#f5f5f5;font:12px/1.67 'Microsoft Yahei','SimSun',sans-serif;}
.table_xy{ width:722px; margin-top:13px;}
.table1{width:100%; margin-top:15px; border-collapse:collapse; border:1px solid #ddd;font-size:12px;}
.table th{text-align:center; padding:5px; border:1px solid #ddd;padding:5px;  }
.table td{text-align:center; padding:3px;border:1px solid #ddd;}

.finetext{width:100%;background-color:#f5f5f5;overflow:hidden; margin-bottom:-140px; }
.finetext h3{width:960px;font-size:14px;color:#666666;line-height:35px;text-align:left;margin:30px auto;}
.finepic{width:960px; background-color:#ffffff;margin:0 auto;margin-top:20px; overflow:hidden;  position:relative; margin-bottom:95px;}
.finepic img{ width:100%;}


.sixtext{width:100%;background-color:#f5f5f5;overflow:hidden; margin-bottom:-140px;}
.sixtext h3{width:960px;font-size:14px;color:#666666;line-height:35px;text-align:left;margin:30px auto;}
.sixpic{width:960px; overflow:hidden;background-color:#ffffff;margin:0 auto;margin-top:20px;  position:relative; margin-bottom:95px; }
.sixpic img{ width:100%;}

.seventext{ width:100%; height:auto; margin-bottom:-100px;}
.seventext h3{width:960px; font-size:14px;color:#666666;line-height:25px;text-align:left;margin:30px auto;}

.eighttext{width:100%; overflow:hidden; margin-bottom:20px;}
.eighttext h3{width:960px; font-size:14px;color:#666666;line-height:25px;text-align:left;margin:30px auto;}
.eight{width:960px; margin:0 auto;margin:40px auto;}
.centerpic *{box-sizing:border-box;}
.centerpic{width:67.783%; margin:0 auto; overflow:hidden; margin-right:16.592%;}
.centerpic img{width:33.33%; float:left;display:block;}
.maintop{width:100%; margin:0 auto; overflow:hidden;}
.maintop img{ width:100%;}
.top1{float:left;width:18.9583%; margin-left:31.25%;display:block;}

.top2{float:left;width:49.7916%; border-bottom:1px solid #fff;}
.top2 img{float:left; width:19.66%; margin:0 auto;margin-top:67px;border-left:1px solid #fff;display:block;}

.redbox8{width:170px;height:140px;background-color:#e75f6b;margin:0 auto; border-top:1px solid #fff;}
.redbox8 p{font-size:30px;font-weight:bold;color:#ffffff;margin:0 auto;margin-bottom:6px;padding-left:30px;padding-top:15px;}

.redboxleft8{width:100%; padding-bottom:30px;background-color:#aaabad;margin:0 auto; margin-top:165px; padding-top:10px;}
.redboxleft8 p{font-size:20px;font-weight:regular;color:#ffffff;line-height:25px;height:25px;width:150px;display:block;margin-top:35px;text-align:center;padding-bottom:5px;}
.redboxleft8 strong{font-size:33px;font-weight:regular;color:#ffffff;padding-left:20px;}
.im_main{width:960px; margin:0 auto;}
.l_img{float:left; width:15.625%; margin-left:3.125%; border-right:1px solid #fff; height:100%;}
.jjfa{width:70%; padding:8px 0; background-color:#aaabad;float:right;margin-top:1px;font-size:20px;font-weight:regular;color:#ffffff;text-align:center; }



@media (max-width: 1440px) {
.banner1{ max-height:540px;}
}
@media (max-width: 960px) {
.onetext h3,.onepic1,.twotext h3,.twopic,.threetext h3,.table_xy,.finepic,.finetext h3,.seventext h3,.sixtext h3,.sixpic,.eight,.eighttext h3,.im_main{ width:96%; margin:0 auto; height:100%; overflow:hidden; margin-bottom:40px;}
.redbanner p{line-height:1.5em; font-size:28px;}
.black{height:3em;}
.black p{ height:3em; line-height:2em; font-size:18px;}
.redtext p{ font-size:14px;}
.banner1{ max-height:293.28px;}
.banner3 p{ font-size:16px; line-height:1.5em;}
.redline p{ font-size:24px; margin:25px auto;}
.onetext h3,.twotext h3,.threetext h3,.finetext h3,.seventext h3,.eighttext h3,.sixtext h3,.eighttext h3{ margin-top:20px;}
.l_img,.maintop,.redbox8{ display:none;}

}

@media (max-width: 768px) {
.topside{display:block;}
.bottomp{display:block;}
/*phone footer*/
.bottomp{ width:100%; position:fixed;bottom:0px;left: 0px;bottom: 0px;overflow:hidden;}
.bottomp ul li{padding:10px 0px; background:#00559d url(../images/line.jpg) no-repeat left center; display:block; float:left; width:25%; height:auto;text-align:center;  }
.bottomp ul li.te{ background-image:none;}
.b_icon{  display:block; width:25%; margin:0 auto;}
.b_icon img{ width:100%;}
.topside{ width:100%; margin:0 auto; position:relative;height:100%; overflow:hidden; padding:7px 0px 0px 0px;}
.white_ a{ color:#fff;}
.grey_ a{ color:#333;}

.blank{ width:100%; height:10px; display:block; background-color:none;}
.top_line{ width:100%;  height:50px; }
.logo{ float:left; width:112px; height:35px; margin-left:5px; }
.lang{ float:right; height:13px; padding:11px 50px; } 
.lang a{ padding:5px;}

.nav{ width:100%; display:block; margin-top:7px;  }
.nav li{ float:left; width:25%; display:block;font-weight:bold; text-align:center;}
.nav li a{ background-color:#5e8bb2;  display:block; padding:8px 5px;height:100%; overflow:hidden ;}

.topnw{display:none;}	
.bottom{display:none;}
.banner1{ max-height:293.28px;}
.banner2 img{ margin-top:100px;}
}

@media screen and (min-width: 500px) and (max-width: 767px) {
.topside{display:block;}
.bottomp{display:block;}
.topnw{display:none;}	
.bottom{display:none;}
.redbanner p{ font-size:20px;}
.black{height:2em;}
.black p{ height:2em; line-height:2em; font-size:18px;}
.redtext p{ font-size:12px;}
.banner1{ max-height:191.33px;}
.banner2 img{ margin-top:200px;}
.redbox2{width:150px; height:60px;}
.redbox2 p{font-size:20px; padding-left:20px;padding-top:15px;}
.redbox{width:170px; height:60px;}
.redbox p{font-size:20px; padding-left:20px;padding-top:15px;}
}

@media only screen and (max-width: 499px) {
	.topside{display:block;}
.bottomp{display:block;}
.topnw{display:none;}	
.bottom{display:none;}
.redbanner p{ font-size:16px;}
.black{height:2em;}
.black p{ height:2em; line-height:2em; font-size:12px;}
.redtext p{ font-size:12px; line-height:1.3em; margin-bottom:10px;}
.banner1{ max-height:158.13px;}
.banner2 img{ margin-top:200px;}
.redline p{ font-size:20px; margin:25px auto;}
.onetext h3,.twotext h3,.threetext h3,.finetext h3,.seventext h3,.eighttext h3,.sixtext h3,.eighttext h3{ font-size:14px;line-height:1.5em;}
.redbox2{width:120px; height:50px;}
.redbox2 p{font-size:16px; padding-left:10px;padding-top:12px;}
.redbox{width:130px; height:50px;}
.redbox p{font-size:16px; padding-left:10px;padding-top:12px;}

}

@media only screen and (max-width: 350px) {
.topside{display:block;}
.bottomp{display:block;}
.topnw{display:none;}	
.bottom{display:none;}
.banner1{ max-height:122.19px;}
.banner2 img{ margin-top:280px;}
.onetext h3,.twotext h3,.threetext h3,.finetext h3,.seventext h3,.eighttext h3,.sixtext h3,.eighttext h3{ font-size:14px;line-height:1.5em;}
}