@charset "UTF-8";
.contenter .wrap-local{ display: none;} 
.item-height{ display: none;}
.contenter{ margin: 0 auto; width: 100%; box-sizing: border-box;}
.toptits2{font-size:26px;/*text-transform:uppercase;*/ margin: 20px 0 15px 0;}
.newsInfo2{ padding: 0;}
.inner-header .contenter {
    max-width: 1200px;
    margin: 0 auto;
}

.topic-wraps{ background: url(images/bg2.jpg) repeat-x; min-height: 400px; padding: 60px 0 60px 0;}
.topic-wraps5{background: url(images/bg3.jpg) repeat-x;}
.top-box{ max-width: 1200px; margin: 0 auto;}
.toptits{ font-size: 50px; color:#046ea0; font-weight: bold; line-height: 140%!important;}
.pros1-left{  margin-top: 40px; box-sizing: border-box; font-size: 28px; color: #056fa1;line-height: 140%!important; width:48%; font-weight: bold;float: left; position: relative;}
.pros1-left span{ position: absolute; top: 0; left: 0;}
.pros1-left li{position: relative;padding-left: 20px;}
.mod-cnts{ width: 50%; float: right; margin-top: -30px;}
.pros2-left{ padding-right: 48%; font-size: 24px;color: #056fa1;line-height: 140%!important; position: relative;}
.pros2-left li{position: relative;padding-left: 20px;}
.pros2-left span{ position: absolute; top: 0; left: 0;}
.pmores{ position: absolute; right:0; bottom: 0;color: #056fa1;}
.pmores a{color: #056fa1;}
.t-texts{ font-size: 48px; color: #fff; position: absolute; width:100%; left:0; top:50%; margin-top: -180px;}
.t-banner1{ position: relative;}
.t-banner1 .top-box span{ display: block; max-width: 350px; font-weight: bold;line-height: 150%!important; }
.pros3-left{ font-size: 24px; font-weight: normal;}


.t-banner2 .top-box span{max-width:520px; margin-bottom: 20px;}
.t-banner2 .t-texts{ margin-top: -120px;}
.t-banner2 .t-texts em{ display: block; position: relative; padding-left: 20px; font-weight: normal; font-size: 24px; font-style: normal; line-height: 150%!important;}
.t-banner2 .t-texts em i{ position: absolute; left: 0; top: 0;}
.toptits2{ float: left; width: 45.4%; margin-top: 30px;}
.m-pics{ float: right; width: 39%;}


.topic-wraps4 .pros1-left{ width: 33%;}
.topic-wraps4  .mod-cnts{ width:67%; margin-top: -10%;}

.t-banner4 .t-texts{ margin-top: -172px;}

.toptits5,.toptits6{ font-size:28px; font-weight: bold; color: #006098; line-height: 140%!important;}
.toptits6{ font-weight: normal; margin-top:40px; margin-bottom:0;}

.pro-left7{ float: left; width: 40%;}
.pro-left8{float: right; width: 40%;}
.pro-t{font-size:28px; font-weight: bold; color: #006098; margin-bottom: 30px;}
.pro-links{ text-align: right; margin-top: 30px;font-size:24px;  }
.pro-links a{color: #006098;}
.t-banner3 .t-texts{ margin-top: -208px;}
.banner8{ text-align: center;}

.topic-wraps8 .pros3-left{ width: 55%;}
.topic-wraps8 .mod-cnts{width: 42%;}
.toptits.toptits2{ /*font-size: 28px; max-width: 300px;*/}


@media screen and (max-width: 1210px){
.topic-wraps{ min-width: 0;}
.contenter {
    margin: 0 auto;
    padding: 0 0;
}
.top-box{padding: 0 10px;}
.inner-header .contenter {
    margin: 0 auto;
    padding: 0 10px;
}
	
.topic-wraps{ padding: 60px 10px 60px 10px;}	
	.toptits{ font-size: 30px;}	
	.pros1-left,.pros2-left{ font-size: 20px;}
	.t-banner2 .t-texts em{ font-size: 16px;}
	.t-texts{ font-size: 30px; margin-top: -60px;}
	.t-banner2 .t-texts{margin-top: -80px;}
	.t-banner3 .t-texts{margin-top: -140px;}
	.t-banner3 .t-texts{margin-top: -115px;}	
	.mod-cnts{ margin-top: 20px;}
	
}
@media screen and (max-width:480px){

	.topic-banners{ padding-top:20px;}
	.topic-wraps{padding: 20px 10px 20px 10px;}	
	.toptits{ font-size: 24px;}
	.mod-cnts{ float: none; width: 100%;}
	.pros1-left{ width: 100%;  margin-top: 20px;}
	.pros2-left{ padding-right: 0; margin-top: 25px;}
	.pros1-left, .pros2-left{ font-size: 16px; float: none;}
	.pmores{ position: static; text-align: right;margin-top: 15px; }
	.pmores a{ font-size: 14px; }
	.t-texts{ font-size: 16px; margin-top: -24px;}
	.t-banner1 .top-box span{ max-width: 200px;}
	.t-banner2 .top-box span{max-width: none;}
	.t-banner2 .top-box span br{ display: none;}
	.t-banner2 .t-texts em{ font-size: 14px;}
	.t-banner2 .t-texts{ margin-top: -43px;}
	.t-banner3 .t-texts{ margin-top: -88px;}
		.t-banner4 .t-texts{ margin-top: -100px;}
	.t-banner3 .t-texts em{/* width:48%;  display: inline-block; */ white-space: nowrap;}
		.t-banner3 img{ height: 300px!important; width: auto!important;max-width: none!important; margin-left: -200px;}
	
	.t-banner3 .t-texts em:nth-last-child(1){ width: 100%;}
	.t-banner3 .top-box{line-height: 100%!important;}
	.t-banner3 .top-box span{ margin-bottom: 5px;}
	.mod-cnts{ text-align: center;}
	.topic-wraps:nth-child(2)	.mod-cnts img{ max-width: 70%!important;}
	.mod-cnts img{ max-width: 70%!important;}
		 .topic-wraps4 .mod-cnts img{ max-width: 100%!important;}
	.t-banner4 img{ height: 300px!important; width: auto!important;max-width: none!important; margin-left: -200px;}
	.t-banner4 em br{ display: none;}
	.toptits2{ float: none; width: auto;}
	.m-pics{ width: auto; text-align: center;}
	.m-pics img{ max-width:70%!important;}
	.topic-wraps4 .pros1-left{ width: auto;}
	.topic-wraps4  .mod-cnts{ margin-top: 0; text-align: center; width: auto;}
	.toptits5 br{ display: none;}
	.toptits5{ font-size: 24px;}
	.toptits6{ font-size: 16px;}
	.pro-t{font-size: 16px;}
	.pro-left7{ width: 100%; float: none; margin-bottom: 20px;}
	.pro-im{ text-align: center;}
	.pro-left7 img{max-width:70%!important;}
	.pro-links{font-size: 14px;}
	.banner8{ padding: 0 15px;}
	
	.topic-wraps8 .pros3-left{ width:auto;}
.topic-wraps8 .mod-cnts{width: auto;}
		.toptits.toptits2{ font-size: 24px; width: auto;  margin-bottom: 20px;} 
	
}