@charset "utf-8";
*{padding:0px;margin:0px;}
body { margin: 0px; font: 0.875rem/200% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; background-color:#fbfbfb; color: #333333; min-width:980px;}
table {font: 0.875rem/180% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; color: #333333; border-spacing:0; border-collapse:collapse; empty-cells:show; }
td {font: 0.875rem/180% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; color: #333333;	border-collapse:collapse;}
th {border-collapse:collapse;}
img {border:none;}
.clear,clear:after{clear:both; font-size:0px; height:0px; overflow:hidden; }
ol,ul,li { list-style-type:none; }
a { outline-style:none; outline-color:invert; outline-width:medium; }
a:link {color: #666666; text-decoration:none; }
a:visited {color: #666666; text-decoration:none; }
a:hover {	color: #3250b5; text-decoration:none; }

.bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -2; }
.header{position:fixed; top:0;left:0;width:100%; height:94px; z-index:99999; background:url(../img/index_01.png)  no-repeat center center; background-size: cover; color:#ffffff; text-align: center; line-height:65px;  }
.header span{ text-shadow:5px 1px 6px #001047;font-size:40px; font-family: "微软雅黑";}
.box{ padding:0 10px; padding-top:100px;  margin:0px auto;display: flex;}
.selected{background-color: yellow;}
.content .con{display: none; position: relative; font-size:14px;}
.content .con:nth-child(1){display: block;}
.nav{margin-right:10px;}
.nav ul li{width:50px; height:341px; }
.nav ul .selected{background:url("../img/index_04.png") no-repeat center center;}
.nav ul li:nth-child(2){ background:url("../img/index_04.png") no-repeat center center;}
.nav ul li:nth-child(1){ background:url("../img/index_14.png") no-repeat center center; margin-top:-20px;}
.nav ul li:nth-child(2).selected{ background:url("../img/index_04h.png") no-repeat center center;}
.nav ul li:nth-child(1).selected{ background:url("../img/index_14h.png") no-repeat center center;}
.foot{clear:both;width:100%; height:100px; line-height:100px; color:#ffffff;  text-align: center;text-shadow:0px 1px 1px rbga(255,255,255,0.8); z-index: 99999;}
.flexc{padding-top:5px;}
.flexc p{height:20px; margin-top:6px; line-height:20px; color:#ffffff;  text-align: center; display: flex; justify-content: center; background:#2a5286;  }
.flexc p em,.flexc p span{height:20px; font-size:14px; line-height:20px; display: inline-block; }
.flexc p .site,.flexc p .tel{width:26px;  height:20px; background: url(../img/index_23.png) no-repeat center center; display: inline-block; background-size:50%;}
.flexc p .tel{background: url(../img/index_26.png) no-repeat center center; background-size:50%;}
.flexc p a,.flexc p a:link,.flexc p a:visited{color:#ffffff;}
.flexc p a:hover{color:#ffb038;}
.content{width:100%;}
.content .con::before{content:''; position:absolute; left:-2px; top:-2px; border-top:2px solid rgba(28,82,139,0.8);  border-left:2px solid rgba(28,82,139,0.8); width:24px; height:24px; }
.content .con::after{content:''; position:absolute; right:-2px; bottom:-2px; border-right:2px solid rgba(28,82,139,0.8);  border-bottom:2px solid rgba(28,82,139,0.8); width:24px; height:24px; }
.content .con .conrt{position:absolute; right:-2px; top:-2px; border-right:2px solid rgba(28,82,139,0.8);  border-top:2px solid rgba(28,82,139,0.8); width:24px; height:24px; }
.content .con .conlb{position:absolute; left:-2px; bottom:-2px; border-left:2px solid rgba(28,82,139,0.8);  border-bottom:2px solid rgba(28,82,139,0.8); width:24px; height:24px; }
.content .con{padding:10px; }
.topcon{border:1px solid #1c528b; background:#ccd8e6; color:#333333; padding:10px;  text-align:justify;}
.topcon p{text-indent: 2em;}
.flex{display: flex;  margin-top:20px;}
.flex .leftcon{width:420px;  margin-right:10px; overflow:hidden}
.flex .leftcon .tit,.flex .ritcon .tit{padding-left:10px; background:#0c2e5c; color:#ffffff; height:50px; line-height:50px; font-size:18px;}
.flex .ritcon .tit span{font-size:12px; color:#ffb038;}
.flex .leftcon ul{padding:20px 20px 20px 0; border:2px solid #2d5286;  border-top:0; background: #406290;margin-bottom:-10000px!important; padding-bottom:10000px!important;}
.flex .leftcon ul li{width:calc(50% - 24px); float: left; height:50px; line-height:50px; color:#ffffff; margin-bottom:10px; margin-left:20px; text-align: center; font-size:12px; }

.flex .leftcon ul li a{display: block;  background:#ccd8e6;}
.flex .leftcon ul li a,.flex .leftcon ul li a:link,.flex .leftcon ul li a:visited{color:#333333;}
.flex .leftcon ul li a:hover{ background:#0c2e5c; color:#ffffff;}
.flex .ritcon{flex:1;overflow:hidden}
.ritc{padding:20px 0px 0 20px; border:2px solid #2d5286; border-top:0; background: #406290; display:flex; flex-wrap:wrap; margin-bottom:-10000px!important; padding-bottom:10000px!important;}

.smallflex{position: relative; width:100%;   height:auto; margin-bottom:20px; min-width:280px;}
.smallflex .flexlbg{width:123px; height:100%;/* background: url(../img/index_07.png) no-repeat left center; */  background:#ccd8e6; position: absolute;  top:0; left:0;z-index: 0;}
.smallflex .flexrbg{width:90px; height:100%;/* background: url(../img/index_11.png) no-repeat right center; */ background:#ccd8e6; position: absolute;  right:0; top:0;z-index: 0;}
.smallflex .flexcon{height:100%; /* background: url(../img/index_09.png) repeat-x center center; */ background:#ccd8e6;color:#333333; margin:0 0px; position: absolute;  left:123px; top:0; width: calc(100% - 213px); z-index: 0;}
.smallflextit{  height:36px; line-height:36px; background-image: linear-gradient(to right,rgba(30,82,139,1),rgba(30,82,139,0.5)); width:calc(100% - 30px); position: absolute; color:#ffffff;   top:0; left:0;z-index: 0; margin:0 10px; margin-top:10px;  padding-left: 10px ; display: flex;  align-items: center;   }
.smallflextit::before{content: '';  width: 20px; height: 20px; display: inline-block; background: url(../img/index_19.png) no-repeat left center; background-size: 100%; margin-right:10px; }
.smallflexcon{position: absolute;  padding-top:5px; left:0; top:60px;z-index: 0; margin:0 20px; color:#333333; width:calc(100% - 40px); font-size:12px; line-height: 20px;  height:auto; }

.flexc .btn{width:77px; height:24px; line-height:24px; background:#1f538d; color:#ffffff; text-align:center; margin-right:10px; display:inline-block;}
.content .con:nth-child(1) .smallflex{position: relative; width:calc(50% - 20px);height:360px; margin-bottom:20px; margin-right:20px; }
.content .con:nth-child(1) .smallflex .smallflexcon{ top:60px; line-height:35px;  }
.content .con:nth-child(1) .smallflex .smallflextit {top:10px;}
.content .con:nth-child(1) .smallflex  .flexlbg{width:123px; height:100%;/* background: url(../img/index_07360.png) no-repeat left center; */ background:#ccd8e6; position: absolute;  top:0; left:0;z-index: 0;}
.content .con:nth-child(1) .smallflex  .flexrbg{width:90px; height:100%;/* background: url(../img/index_11360.png) no-repeat right center; */   background:#ccd8e6; position: absolute;  right:0; top:0;z-index: 0;}
.content .con:nth-child(1) .smallflex  .flexcon{height:100%;/* background: url(../img/index_09360.png) repeat-x center center; */ background:#ccd8e6;color:#333333; margin:0 0px; position: absolute;  left:123px; top:0; width: calc(100% - 213px); z-index: 0;}
.content .con:nth-child(1) .smallflex .flexc {padding-top: 15px;}
.content .con:nth-child(1) .smallflex .flexc p,.content .con:nth-child(1) .smallflex .flexc p em, .content .con:nth-child(1) .smallflex .flexc p span{height:30px; line-height:30px;}
.content .con:nth-child(2) .smallflex{position: relative; width:calc(50% - 20px);height:390px; margin-bottom:20px; margin-right:20px; }
.content .con:nth-child(2) .smallflex:nth-child(2n){margin-right: 0; width:calc(50% - 10px);}
.smallflexcon .br{display: block;}

.ritc  ul{display: flex; flex-wrap: wrap;  background:#ccd8e6; margin-right:20px; padding:10px; margin-bottom:20px; width:100%; }
.ritc ul li{ background-color: #2a5286; min-width:98px; border:5px solid #2a5286; margin-left:1.5%;  margin-right:1.5%; margin-bottom:20px; position:relative; width:29%; }
.ritc ul li::after{/* content:''; */ width:30px; height:30px; background:url(../img/rit.png) no-repeat center center; position:absolute; right:-30px; top:60px; background-size: cover; }
.ritc ul li div{width:100%; position: relative;padding-bottom: 100%;overflow: hidden;}
.ritc  ul li div img{width: 100%; height:100%;  object-fit: cover;  position: absolute;left: 0;top: 0;}
.ritc ul li h3{background-color: #2a5286; color:#ffffff; padding:5px; font-size:12px; height:40px; line-height:40px; text-align:center;}
.ritc ul li:nth-child(3n){margin-right:0;}
.ritc ul li:nth-child(6)::after{display: none;}
.mt20{margin-top:20px;}
.w50{width:48%; margin-left:1%; float:left;}
.red{color:#da3225;}
.bgbr{display: none;}
.bbgbr{display: none;}
 /*大屏兼容*/



 @media screen and (min-width:1198px) {
 	.bgbr{display: block;}
 		.bbgbr{display: none;}
     }

@media only screen and (max-width: 1150px){
	.bbgbr{display: none;}
	.bgbr{display: none;}
	.content .con:nth-child(1) .smallflex{ width:calc(100% - 20px);height:220px; margin-bottom:20px; }
		.flex .leftcon { width: 420px!important;}
	.content .con:nth-child(1) .smallflex .smallflexcon{line-height:30px; top:55px;  }
	.content .con:nth-child(1) .smallflex  .flexlbg{width:123px; height:240px;/* background: url(../img/index_07.png) no-repeat left center; */ background:#ccd8e6; position: absolute;  top:0; left:0;z-index: 0;}
	.content .con:nth-child(1) .smallflex  .flexrbg{width:90px; height:240px;/* background: url(../img/index_11.png) no-repeat right center; */  background:#ccd8e6;position: absolute;  right:0; top:0;z-index: 0;}
	.content .con:nth-child(1) .smallflex  .flexcon{height:240px; /* background: url(../img/index_09.png) repeat-x center center; */ background:#ccd8e6; color:#333333; margin:0 0px; position: absolute;  left:123px; top:0; width: calc(100% - 213px); z-index: 0;}
	.content .con:nth-child(1) .smallflex .flexc {padding-top: 10px;}
	.content .con:nth-child(1) .smallflex .flexc p,.content .con:nth-child(1) .smallflex .flexc p em, .content .con:nth-child(1) .smallflex .flexc p span{height:24px; line-height:24px;}
	.content .con:nth-child(1) .smallflex .smallflexcon{line-height:20px;}
	 .content .con:nth-child(1) .smallflex { height:240px; margin-bottom:20px; margin-right:0px; }

	 .content .con:nth-child(2) .smallflex::nth-child(2n){margin-right:0}
	 .content .con:nth-child(2) .smallflexcon .br{display: inline-block!important;}
	 .content .con:nth-child(2) .smallflex{height:220px; min-width:300px;}
	 .content .con:nth-child(2) .smallflex .flexlbg{ height:100%;/* background: url(../img/index_07200.png) no-repeat left center; */ background:#ccd8e6;}
	 .content .con:nth-child(2) .smallflex .flexrbg{ height:100%;/* background: url(../img/index_11200.png) no-repeat right center; */  background:#ccd8e6;}
	 .content .con:nth-child(2) .smallflex .flexcon{height:100%; /* background: url(../img/index_09200.png) repeat-x center center; */  background:#ccd8e6; color:#333333; margin:0 0px; position: absolute;  left:123px; top:0; width: calc(100% - 213px); z-index: 0;}

	 .content .con:nth-child(2) .smallflex{ width:calc(100% - 20px)!important;height:290px; margin-bottom:20px; margin-right:20px; }
	.ritc ul li{margin-right:0}
 }

 @media screen and (min-width:1400px) {
   	.bbgbr{display: block;}
      .flex .leftcon { width: 480px!important;}
       }	
@media screen and (min-width:1700px) {
	  	.bgbr{display: block;}
	  	.bbgbr{display: block;}
	      }