@charset "utf-8";

body{
	min-width:600px;
	min-height:1000px;
	color: #015196
}

@font-face {
  font-family: 'MyNewFont';   /*字体名称*/
  src: url("../css/style_01/font/A-OTF-SHINGOPRO-BOLD_1.OTF");       /*字体源文件*/
}

.titleSize {
    font-family: 微软雅黑;
    font-size: 40px;
    color: #015196;
}


/*--------------------------------------------------------------------------
+	一屏
--------------------------------------------------------------------------*/
#index1{
	display: inline;
    height: 208px;
    left: 10%;
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: 19%;
    /* width: 477px; */
    width: 500px;
    z-index: 46;    
		}
#index1text1{
	 margin-left:10%;
	 margin-top:10%;
	 position:absolute;
	 z-inde:2;
		}
#index1text2{
	padding-top:5%;
	line-height:40px;
	font-size:20px;
	width: 1200px; 
	height: 80px;
	margin-top: 0px;
	margin-bottom: 0px; 
	color: #015196;
		}
#a1 {
 color:rgb(0, 114, 186);
 text-decoration:none;
	}
#a2 {
 color:#015196;
 text-decoration:none;
	}
#link{
pointer-events: auto; 
position: absolute; 
padding-top: 28%; 
overflow: visible; 
word-wrap: break-word; 
z-index: 3;
white-space: nowrap; 
font-family: 微软雅黑;
font-size: 20px;
color: rgb(0, 114, 186);
	  }
#link_jp{
pointer-events: auto; 
position: absolute; 
padding-top: 40%; 
overflow: visible; 
word-wrap: break-word; 
z-index: 3;
white-space: nowrap; 
font-family: 微软雅黑;
font-size: 20px;
color: rgb(0, 114, 186);
	  }
.title{
	font-family:微软雅黑;
    font-size:40px;  
    color: #015196;  
	}
.text{
	font-family:微软雅黑;
    font-size:22px;
    margin-left:95px;
    color:#015196;
    line-height: 200%;
    font-weight:bold;
	}
.item1{
	height:95%;
	}
/*--------------------------------------------------------------------------
+	二屏
--------------------------------------------------------------------------*/
#panel-body1,#panel-body2,#panel-body3,#panel-body4{
 border-color: #d8dde4;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: -100px;
    left:35px;
    width: 250px;
    z-index: 1;
	}
.index2text{
	line-height: 400%;
	text-align:center;
	margin-top:3%;
	margin-left:-10%;
	position:absolute;
	width:100%;
	}
#index4text{
	line-height: 400%;
	text-align:left;
	margin-left:44%;
	position:absolute;
	color: #015196; 
	}
.panel-body{
	text-align:center;
	}
.panel-body img{
	margin-bottom:20%;
	margin-top:10%;
	}
.panel-body p{
	margin-left:5%;
	margin-right:5%;
	}
.index2panel{
	height:333px;
	}
#hx,#hx3,#hx4{
	width:32px;
	height:1px;
	background-color:#fff;
    margin-left:42%;
    margin-bottom:10%;
	margin-top:23%;
	}
.index2text1{
	font-family:微软雅黑;
	font-size: 36px;
	top:600%;
	margin-left:20%;
	width:100%;	
	color: #015196;
	}
#link2{
	margin-left:20%;
	color:rgb(0, 114, 186);
	}
.index2text2{
	font-family:微软雅黑;
	font-size: 17px;
	color: #015196;	
	}
.index2title,.index2title3{
	font-family:微软雅黑;
	font-size: 18px;
	margin-top:-25px;	
	}
.index_jp{
    /* margin-top: -19%; */ 
}
.index_jp01{
    margin-top: -19%; 
}
#index2textA{
	position: absolute; 
	top: -15px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	pointer-events: none; 
	z-index: 5;
	}
.index2textABCD{
	font-family:微软雅黑;
	font-size: 11px;
	pointer-events: auto; 
	position: absolute; 
	color: #015196; 
	padding: 8px; 
	display: inline; 
    word-wrap: break-word; 
    overflow: visible; 
    z-index: 5; 
    text-align: center; 
    width: 240px; 
    height: 14px; 
    top: 175px; 
    left: 10px;
	}
.btn1{
	margin-top:30%;
	}
.btn2{
	margin-top:19%;
	}
.btn3{
	margin-top:22%;
	}
#index3center{
	position:absolute;
	width:100%;
	height:100%;
	margin-top:15%;
	text-align:center;
	}
#index3Line{
	margin:0 auto;
    border: 2px solid #FFFFFF;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	height:150px;
	width:150px;
	z-index:2;
	}
#index3Diamond{
	margin-top:30%;
	z-index:3;	
	}
#index3text{
	line-height: 400%;
	z-index:2;
	}
.index3text1{
	font-family:微软雅黑;
	font-size: 30px;
	color: #015196;
	height:20px;
	}
.index3text2{
	font-family:微软雅黑;
	font-size: 16px;
	color: #015196;
	height:28px;
	}
/*--------------------------------------------------------------------------
+	四屏
--------------------------------------------------------------------------*/
#index4TextLoc{
	text-align:center;
	line-height: 400%;
	width:100%;
	margin-top:8%;
	position:absolute;
	}
.index4text{
	height:50px;
	}
.index4text1{
	font-family:微软雅黑;
	font-size: 32px;
	margin-top:15%;	
	}
#index4 {
	margin-top:18%;
	position:absolute;
	width:100%;
	left:100px
	}
#index4inner{
	text-align:center;
	width:800px;
	}
.col-xs-6{
	height:300px;
	}
.panel-body-d{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: 12
	}
#d1,#d2,#d3,#d4{
	margin:0 30px;
	width: 100%; 
	height: 100%; 
    height: 100px;
    width: 100px;
    z-index: 1;
    /* top:-100px; */
    top:-70px;
    left:10%;
	}
#index4text2{
	 color: #015196;
    display: inline;
    font-size: 16px;
    line-height: 30px;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: 130px;
    white-space: nowrap;
    word-wrap: break-word;
    z-index: 2;
    text-align:left;
    left:0;    
	}
#section4 .fp-tableCell{height:150px !important;}
#section4 .footer{height:100px !important;}
#section4{position:relative;}
#section4Footer{
	width:100%;
	position:absolute;
	}
.footer-link {
	border-top:1px solid #E8EBED;
	}
/*--------------------------------------------------------------------------
+	一屏变化
--------------------------------------------------------------------------*/
@media (max-width: 1500px) {
.index2panel{
   left:0px
	}
.index2text{
	margin-top: 5%;
}
}
@media (max-width: 1440px) {
.index2panel{
   left:30px
	}
.index2text{
	margin-top: 5%;
}
#index4 {
    left: 55px;
}
}

/*--------------------------------------------------------------------------
+	二屏变化
--------------------------------------------------------------------------*/
@media (max-width: 1335px) {
	#d1,#d2,#d3,#d4{
   top:-50px;
	}
	#img4{
	background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline;
    height: 80px;
    left: 8px;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 1;
	}
#index4text2{
    font-size: 9px;
    left: -5px;
    line-height: 15px;
    padding: 8px;
    top: 96px;
    white-space: nowrap;
    word-wrap: break-word;
    z-index: 2
	}
	
}
@media (max-width: 1190px) {
	.index2panel {
     	left: 1px; 
    }
}

@media screen and (max-width: 1280px) {
	.btn3 {
    	margin-top: 22%;
	}
}
@media screen and (max-width: 1250px) {
	#d1,#d2,#d3,#d4{
   top:-150px;
	}
.index2panel{
   /* left:-45px */
	}
#index4 {
	margin-top:30%;
	left:10px	
	}
#index4text{
	/* margin-left:7%; */
	}	
#index4inner {
	width:400px;
	}
.title{
    pointer-events: auto; 
    position: absolute; 
    padding: 8px; 
    overflow: visible; 
    word-wrap: break-word; 
    z-index: 1; 
    white-space: nowrap; 
    font-size: 24px; 
    color: #015196; 
    display: inline; 
    top: 0px; 
    font-family:微软雅黑; 
    color: #015196;
	}
	.title_jp{
	pointer-events: auto; 
    position: absolute; 
    padding: 8px; 
	font-family: MyNewFont;
    font-size: 24px;
    color: #015196;
    z-index: 1; 
}
.carousel-indicators{
	bottom:20%;
	}
#index1text2{
	pointer-events: auto;
    position: absolute;
    display: inline;
    font-size: 14px;
    line-height: 30px;
    word-wrap: break-word;
    overflow: visible;
    z-index: 2;
    padding-top: 10%;
    width: 397px;
    height: 80px;
    left: 2%;
	}
#link{
	pointer-events: auto; 
	position: absolute; 
	padding: 8px; 
	overflow: visible; 
	word-wrap: break-word; 
	z-index: 3;
	white-space: nowrap; 
	font-size: 16px; 
	display: inline; 
    top: 90%; 
	color: rgb(0, 114, 186);	
	}
.section1{
	margin-top:5%;
	}
}


@media (max-width: 992px) {
.index2panel{
   left:20px;
   height:220px;
	}
#panel-body3,#panel-body4{
	top:60%;
	}
#panel-body1,#panel-body2,#panel-body3,#panel-body4{
     width: 250px;
 	}
.index2text{
	margin-left:-23%;
	margin-top:10%;
	}
.index2text1{
	margin-left:44%;
	color: #015196;
}
#link2{
	margin-left:43%;
	margin-top:-1%;
	}
.index4text1{
	font-family:微软雅黑;
	font-size: 30px;
	height:50px;
	}
#index4text{
	margin-top:6%;
	/* margin-left:17%; */
	color: #015196; 
	}
#d1,#d2,#d3,#d4{
   top:-200px;
	}
#index4 {
	margin-top:50%;
	left:60px;
	}
.col4{
	height:200px;
}


#panel-body1,#panel-body2,#panel-body3,#panel-body4{
    height: 200px;
    left: 0;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: -150px;
    width: 175px;
    z-index: 1  
	}
   #img2{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline;
    font-size: 15px;
    height: 40px;
    left: 70px;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: 0px;
    width: 40px;
    z-index: 2
	}
    #hx{
	width:32px;
	height:1px;
	background-color:#fff;
    margin-left:0px;
	}
   #hx3{
	width:32px;
	height:1px;
	background-color:#fff;
	margin-top:10px;
    margin-left:18px;
	}
   	#hx4{
	width:32px;
	height:1px;
	background-color:#fff;
	margin-top:10px;
    margin-left:10px;
	}
  .index2title{
    color: #015196;
    display: inline;
    font-size: 14px;
    left: 30px;
    overflow: visible;
    margin-top:5px;
    padding-right:200px;
    pointer-events: auto;
    position: absolute;
    top: 35px;
    white-space: nowrap;
    word-wrap: break-word;
    z-index: 3;
    border: medium none;
    padding-top:12%;
	}
	.index2titleend{
    color: #000000;
    display: inline;
    font-size: 14px;
    left: 72px;
    overflow: visible;
    margin-top:5px;
    padding-right:200px;
    pointer-events: auto;
    position: absolute;
    top: 35px;
    white-space: nowrap;
    word-wrap: break-word;
    z-index: 3;
    border: medium none;
    padding-top:12%;
	}
.index2title3{
    /*left: 35%;*/
    left:25%;
    padding-top:12%;
   }
   .index2title4{
    left: 40px;
    padding-top: 14%;
   }
.index_jp{
	margin-top: 0%;
	left: 0px;
}
.index_jp01{
	margin-top: 0%;
	left: 0px;
}
   #index2textA{
   position: absolute; 
   pointer-events: none; 
   z-index: 5; 
   }
   .index2textABCD{
    color: #015196;
    display: inline;
    font-size: 10px;
    height: 14px;
    left: 0px;
    text-align: center;
    top: 85px;
    width: 170px;
    word-wrap: break-word;
    z-index: 5;	
    }
.btn1,.btn2,.btn3{
   display:none;
	}
 .index2text{
 margin-right:-1%;
 margin-top:5%;
	}
.index2text1{
	font-size: 25px; 
	color: #015196;
	}
 .index2text2{
 font-size: 18px;
	}
}

@media (max-width: 900px) {
  .index2panel{
   left:40px
	}
}
 @media (max-width: 768px) {
 #main-slider{
	bottom:105px;	
}

#link2{
	margin-top:-3%;
}
.item1{
	height:75%;
	background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline;
    font-size: 15px;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: 0;
    z-index: 1;
	}
#index1{
	height: 189px;
    left: 16px;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: 98%;
    width: 378px;
    z-index: 2
	}
#img4{
	background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline;
    height: 80px;
    left: 8px;
    overflow: visible;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 1;
	}
#index4text2{
    font-size: 9px;
    left: -5px;
    line-height: 15px;
    padding: 8px;
    top: 96px;
    white-space: nowrap;
    word-wrap: break-word;
    z-index: 2
	}
#index4 {
	margin-top:60%;
	}
#index4text{
	/* margin-left:16%; */
	}
	
.col4{
	height:140px;
}
}
 @media (max-width: 700px) {
 .index2text{
 margin-top:8%; 
   }
.index4text1{
	font-family:微软雅黑;
	font-size: 25px;
	height:50px;
	}
}
 @media (max-width: 650px) {
   .index2text{
   margin-left:-2%;
   }
    .index2text1{
   margin-left:9%;
   color: #015196;
   }
 #panel-body1,#panel-body3,#panel-body2,#panel-body4{
	left:-30px;
	}
#d1,#d2,#d3,#d4{
	margin:-20px 0;
	}
#index4 {
	margin-top:75%;
	}
#index4text{
	margin-left: 38%;
	color: #015196; 
 	}
	#link2{
		margin-left:8%;
	}
}
 @media (max-width: 600px) {
 .index2text{
   left:-8%;
   }
 .index2text1{
    right:50px; 
   }
#link2{
	margin-left:55px;
	}
#index4 {
	margin-top:75%;
	}
 #panel-body1,#panel-body3,#panel-body2,#panel-body4{
	left:-50px;
	}
}
/*--------------------------------------------------------------------------
+	三屏变化
--------------------------------------------------------------------------*/