@charset "utf-8";
/* CSS Document */
.RMN02_01 .MN02 .Tit span a{color: #003d90!important;}

.RAD41_01{ width: 100%;}
.RAD41_01 .AD41{width: 100%; height: auto;}
.RAD41_01 .AD41 .changeBox_a1 .a_bigImg{ width: 100%; height: auto; position: static;}
.RAD41_01 .AD41 .changeBox_a1{width: 100%; height: auto;}
.RAD41_01 .AD41 .ul_change_a2{ position: absolute; width: 100%; background: none; top: auto; bottom:10px;}
.RAD41_01 .AD41 .changeBox_a1 .a_bigImg img{ width: 100%; height: auto;}

/*新闻中心*/
.RMN03_81{ text-align: center;float: none; margin-top: 50px; margin-bottom: 50px;}
.RMN03_81 span{ display:block;font-size: 18px; padding-top: 10px;}
.RMN03_81 .MN03{float: none;}
.RMN03_81 .MN03 h3 a{ display: inline-block; *display: inline;*zoom:1;width: 160px; line-height: 100%; float: none; font-size: 30px; color:#004098; font-weight: normal;}


.c1200{ margin: 0 auto; width: 1200px;}

.news-l{ width:380px; float: left; position: relative;}
.RTP02_19 .TP02 em{ display: none;}
.RTP02_19 .TP02 { background: url(img/new_line.jpg) 0 bottom no-repeat; padding-bottom: 10px;}
.RTP02_19 .TP02 h3{ padding:0; font-size: 26px;}
.RTP02_19 .TP02 span{ position: absolute; left:120px;  bottom: 30px; display: block; width: 146px; height: 38px; background: url(img/more1.png) no-repeat; }
.news-l:hover .RTP02_19 .TP02 span{background: url(img/more2.png) no-repeat;}
.RTP02_19 .TP02 span a{display: block; width: 146px; height: 38px;}
/*图片新闻*/
.news-pd{ margin-left:29px;}

.news-l:hover .news-cnt{background:#f7f8fa;}
.news-cnt{ padding: 20px; width: 340px;  height: 500px; overflow: hidden;border: 1px solid #f7f8fa; margin-top: 15px;}
.RST31_15 .txt{ display: none;}
.RST31_15 .pic{width: 340px; height: 235px; overflow: hidden;}
.RST31_15 .pic img{ width: 340px; height: 235px;transition: all 1s ease-out 0s;}
.RST31_15 .pic:hover img{ transform: scale(1.1,1.1);}
.RST31_15 .core{ position: relative;}
.RST31_15 .core .time{ position: absolute; top:201px; left: 0; background: #004098; color: #fff; padding: 5px 10px; display: inline-block; *display: inline;*zoom:1; font-size: 16px; font-weight: normal;}
.RST31_15 h4{ font-size: 18px;font-weight: normal;color: #333; padding-top: 8px; height: 68px; overflow: hidden;}
.RST12_19 { padding-top:4px;}
.RST12_19 li{ position: relative; padding-bottom:5px; margin-bottom: 10px;}
.RST12_19 li a{ font-size: 16px; display: block; height:24px; overflow: hidden;}
.RST12_19 li span{ position: absolute; bottom: 0; color: #999;font-size: 14px;}

/*产业布局*/
.mod-indust{ position: relative; background:#50aded; margin-top: 50px;}
.indust-bgs img{ width:100%; height:auto;}
.indus-pos{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.indus-pos .indus-solgo{ width: 20%; float: left; text-align: center; height: 100%; line-height: 100%; vertical-align: middle;}
.indus-pos .indus-solgo img{ width: 7.8%; max-width:26%; height: auto;}
.indus-pos .indus-solgo table,.indus-pos .indus-solgo td { width: 100%; height: 100%; vertical-align: middle;}
.indus-pos .indust-1{ width:20%; float: left; height: 100%; position: relative;background: url(img/line31.png) repeat-y;}
.indus-pos .indust-1 img{ width: 100%; height: 100%; display: none;}
.indus-pos .indust-1:hover img{display: block; animation:ani-indu 1s 1; }
.indus-pos .indust-1:hover .RST31_20{ top:13%;animation:ani-indutxt 500ms 1; animation-fill-mode: forwards;}
.indus-pos .indust-1:hover .RST31_20 h4 a{ color: #333;}
.indus-pos .indust-1:hover .RST31_20 .ST31 .txt *{color: #333;}
.indus-pos .indust-1:hover .RST31_20 h4{background: url(img/new_line.jpg) center bottom no-repeat;}

.RST31_20{ width: 100%; top: 16%;top:27%;  position: absolute; left: 0;}
.RST31_20 .pic{ display: none;}
.RST31_20 .time{display: none;}
.RST31_20 .txt span{ display:none;}
.RST31_20 h4 { text-align: center;background: url(img/new_line2.jpg) center bottom no-repeat; padding-bottom: 15px;}
.RST31_20 h4 a{ font-size:30px; color: #fff; font-weight: normal;}
.RST31_20  .ST31{ padding: 0 6%; height: 100%; position: relative; }
.RST31_20  .ST31 .txt{ color: #fff; padding-top: 15px; font-size: 14px;/* text-align: center;*/}
.RST31_20  .ST31 .txt a{ color: #fff; line-height: 26px; }

.indus-solgo img{/*animation:ani-indu2 5s infinite ; */ margin: 0;  }

/*头部*/
.header-css3{}

.ani-1,.ani-2,.ani-3,.ani-4,.ani-5,.ani-6,.ani-7{ position:absolute;}
.ani-txt2{width: 32.5% ;  left: 12%; top: 21%; position: absolute;animation:ani-txt 1.5s 1 ease-in-out;-webkit-animation:ani-txt 1.5s 1 ease-in-out;}
.ani-txt2 img{ height: auto;}

.ani-1{ left: 36.5%;  bottom: 3%;width: 15.4%;opacity:0.6; }
.ani-1 img{ height: auto;}

.ani-2{left: 51.5%; bottom: 10%;width: 11.6%; opacity:0.6;}
.ani-2 img{ height: auto;}

.ani-3{ left:63.5%; bottom: 15%; width: 9.3%;opacity:0.6;}
.ani-3 img{ height: auto;}

.ani-4{ left:72%; bottom: 12%; width: 8.9%;opacity:0.6;}
.ani-4 img{ height: auto;}


.ani-7{ left:81.5%; bottom: 11%; width: 6.35%;opacity:0.6;}
.ani-7 img{ height: auto;}


.ani-5{ left:85.2%; bottom:8%; width: 8.9%;opacity:0.6;}
.ani-5 img{ height: auto;}

.ani-6{ left:94.6%; bottom:4.5%; width:5.3%;}

.ani-6 img{ height: auto;}
.active .ani-1{animation:ani-1 500ms 1 ease-in-out;animation-fill-mode: forwards;-webkit-animation:ani-1 500ms 1 ease-in-out;-webkit-animation-fill-mode: forwards; }
.active .ani-2{animation:ani-2 500ms 1 ease-in-out; animation-delay: 500ms;animation-fill-mode: forwards;  -webkit-animation:ani-2 500ms 1 ease-in-out; -webkit-animation-delay: 500ms;-webkit-animation-fill-mode: forwards;} 
.active .ani-3{animation:ani-3 500ms 1 ease-in-out; animation-delay: 1s;animation-fill-mode: forwards; -webkit-animation:ani-3 500ms 1 ease-in-out; -webkit-animation-delay: 1s;-webkit-animation-fill-mode: forwards;} 
.active .ani-4{animation:ani-4 500ms 1 ease-in-out; animation-delay: 1.5s;animation-fill-mode: forwards;-webkit-animation:ani-4 500ms 1 ease-in-out; -webkit-animation-delay: 1.5s;-webkit-animation-fill-mode: forwards;} 

.active .ani-7{animation:ani-7 500ms 1 ease-in-out; animation-delay: 2s;animation-fill-mode: forwards;-webkit-animation:ani-7 500ms 1 ease-in-out; -webkit-animation-delay: 2s;-webkit-animation-fill-mode: forwards;} 

.active .ani-5{animation:ani-5 500ms 1 ease-in-out; animation-delay: 2.5s;animation-fill-mode: forwards;-webkit-animation:ani-5 500ms 1 ease-in-out; -webkit-animation-delay: 2.5s;-webkit-animation-fill-mode: forwards;} 
.active .ani-6{animation:ani-6 500ms 1 ease-in-out; animation-delay: 3s;animation-fill-mode: forwards;-webkit-animation:ani-6 500ms 1 ease-in-out; -webkit-animation-delay: 3s;-webkit-animation-fill-mode: forwards;} 

/*动画*/

/*文字1*/
@keyframes ani-txt{
	0%{ opacity: 0.2;  left:5%;}
	100%{opacity: 1; left: 12%;}	
}

@-webkit-keyframes ani-txt{
	0%{ opacity: 0.2;  left:5%;}
	100%{opacity: 1; left: 12%;}	
}


@keyframes ani-1{
	0%{ left: 36.5%;opacity: 0.6; }
	100%{left: 34.5%;opacity: 1;}	
}

@-webkit-keyframes ani-1{
	0%{  left: 36.5%;opacity: 0.6;}
	100%{left: 34.5%;opacity: 1;}	
}


@keyframes ani-2{
	0%{left: 51.5%;opacity:0.6; }
	100%{left: 49.5%;opacity: 1;}	
}

@-webkit-keyframes ani-2{
	0%{left: 51.5%;opacity:0.6; }
	100%{left: 49.5%;opacity: 1;}	
}



@keyframes ani-3{
	0%{left:63.5%;opacity:0.6; }
	100%{left:61.5%; opacity: 1;}	
}

@-webkit-keyframes ani-3{
	0%{left:63.5%;opacity:0.6; }
	100%{left:61.5%; opacity: 1;}	
}

@keyframes ani-4{
	0%{ left:72%;   opacity:0.6;}
	100%{left:70%;opacity: 1;}	
}

@-webkit-keyframes ani-4{
	0%{ left:72%;   opacity:0.6;}
	100%{left:70%;opacity: 1;}	
}

@keyframes ani-5{
	0%{ left:85.2%;   opacity:0.6;}
	100%{left:83.2%;opacity: 1; }	
}

@-webkit-keyframes ani-5{
0%{ left:85.2%;   opacity:0.6;}
	100%{left:83.2%;opacity: 1; }	
}


@keyframes ani-6{
	0%{ left:94.6%;opacity:0.6; }
	100%{left:92.6%; opacity: 1;}	
}


@-webkit-keyframes ani-6{
	0%{ left:94.6%;opacity:0.6; }
	100%{left:92.6%; opacity: 1;}	
}

@keyframes ani-7{
	0%{ left:81.5%;opacity:0.6; }
	100%{left:79.6%; opacity: 1;}	
}


@-webkit-keyframes ani-7{
	0%{ left:81.5%;opacity:0.6; }
	100%{left:79.6%; opacity: 1;}	
}






@keyframes ani-indu2{
	0%{ opacity: 0.2; /*margin-left: -10%;*/}
	50%{ opacity:1;/*margin-left: 10%;*/}
	100%{ opacity:0.2;/*margin-left: -10%;*/}	
}

@-webkit-keyframes ani-indu2{
	0%{ opacity: 0.2; /*margin-left: -10%;*/}
	50%{ opacity:1;/*margin-left: 10%;*/}
	100%{ opacity:0.2;/*margin-left: -10%;*/}	
}

@keyframes ani-indu{
	0%{ opacity: 0;}
	100%{ opacity:1;}	
}
@-webkit-keyframes ani-indu{
	0%{ opacity: 0;}
	100%{ opacity:1;}	
}


@-webkit-keyframes ani-indu{
	0%{ opacity: 0;}
	100%{ opacity:1;}
	
}
@media screen and (min-width:100px)
{@keyframes ani-indutxt{
	0%{ top:27%;}
	100%{ top:5%;}	
}
@-webkit-keyframes ani-indutxt{
	0%{ top:27%;}
	100%{ top:5%;}	
}
.RST31_20  .ST31 .txt a{ line-height: 26px; }	
	
}



@media screen and (min-width:1650px)
{
	@keyframes ani-indutxt{
	0%{ top:27%;}
	100%{ top:15%;}	
}
@-webkit-keyframes ani-indutxt{
	0%{ top:27%;}
	100%{ top:15%;}	
}
.RST31_20  .ST31 .txt a{ line-height: 30px; }
	.RST31_20  .ST31{ padding: 0 10%; }
	
}




/*底部开始*/
.RMN02_100{ width: 100px;}

/*.footer{ background: #fff; border-top:1px solid #eee;}
.footer .foters,.footer .RLK01_03,.footer .RFT01_01,.bgindex{background:#ebeeef;}
.RMN02_100 .MN02 .Tit span a,.RMN02_100 .MN02 .Tit span a:hover{ color:#333!important;}
.RMN02_100 .MN02 .Tit span a,.RMN02_100 .MN02 .Tit span a:hover{ color:#333!important;}
.RMN02_100 .MN02 .Tit span{border-bottom: 1px solid #e1e1e1;}*/

.indexfooter{/* background: #f7f8f9;*/background:#ebeeef;}

.indexfooter .foters,.indexfooter .RLK01_03,.indexfooter .RFT01_01,.bgindex{background:#dde0e1;}
.indexfooter .RMN02_100 .MN02 .Tit span a,.indexfooter .RMN02_100 .MN02 .Tit span a:hover{ color:#333!important; font-size: 16px;}
.indexfooter .RMN02_100 .MN02 a span{color:#666;font-size: 14px;}
.indexfooter .RMN02_100 .MN02 a:hover span{ color: #004098;}
.indexfooter .RMN02_100 .MN02 a{ height: 35px;}
.indexfooter .RMN02_100{ width:135px; }
.indexfooter .RMN02_ico7{ padding-right: 0;width:120px; }
.indexfooter .innerfoter{ width: 1300px;}
.indexfooter .outfooter{ width: 1200px;}
.indexfooter .RMN02_100 .MN02 .Tit span{border-bottom: 1px solid #e1e1e1; font-size: 16px;}
.indexfooter .RFT01_01 .FT01 p{ font-size: 14px;}
.indexfooter .RLK01_03 .LK01 li a{ font-size:14px; }

.indexfooter .RLK01_03{ width: 450px;}
.RAD01_30 img{ width: 120px; height: 120px;}

.share{ display: none;}
.bgindex .c100{width: 1200px;}





/*头部开始*/

.RMN01_01 .MN01{overflow: visible;} 
.RMN01_01 .MN01 li{ position: relative;}
.RMN01_01 .MN01 ul li ul{width:140px!important; padding-left: 0!important; left:50%!important; margin-left: -70px!important; top: 28px!important; background:url(img/navsbg2.png);}
.RMN01_01 .MN01 ul li ul li{ display: block; border-bottom: 1px solid #255ba6;}
 .RMN01_01 .MN01 ul li ul *{ float: none!important; background: none!important; padding-right: 0!important;padding-left: 0!important; font-size: 14px; color: #fff!important; text-align: center;}
 .RMN01_01 .MN01 ul li ul li:hover{ background:#3265ab!important; }
.RMN01_01 .MN01 li.cr ul{background:url(img/navsbg2.png);}
.RMN01_01 .MN01 ul li ul li ul{ display: none!important;}


.header-css3{ background:#fff url(img/hbg4.jpg) repeat-x; height: 90px; padding-top: 40px;}
.header-css3 .links-r{ padding-right: 0; padding-top: 0; background:none; margin-top: -35px; text-align: right;}
.header-css3 .c100{ width: 1200px;}
.header-css3 .RSC01_01{ display: none;}
.header-css3 .navwrap-css{ background: none;height: 100px;/*top: -50px; */ clear: both;}
.header-css3 .inner-head{ width:1200px; top: -50px; position: relative;}
.header-css3 .RMN01_01 .MN01{ overflow:visible;}
.header-css3 .RMN01_01 .MN01 li{ display:inline-block; *zoom:1; *display:inline; float: none; position: relative;}
.header-css3 .RMN01_01>.MN01>ul{ text-align: right;}
.header-css3 .RMN01_01,.header-css3 .RMN01_01 .MN01{ width: auto;}
.header-css3 .RMN01_01 .MN01 a{ padding-left: 30px;}
.header-css3 .RMN01_01 .MN01 a span{ padding-right: 30px;}
.header-css3 .RMN01_01 .MN01 li{ background:none;}
.header-css3 .RMN01_01 .MN01>ul>li{ height: 70px;}
.header-css3 .RMN01_01 .MN01>ul>li.hcr,.header-css3 .RMN01_01 .MN01>ul>li.cr{background:url(img/arrow_navs.png) center 58px no-repeat;}
.header-css3 .RMN01_01 .MN01 a span{ font-size: 16px; color: #000; font-weight: normal;}
.header-css3 .RMN01_01 .MN01 li.hcr a span{ color: #003b92;}
.header-css3 .RMN01_01 .MN01 .cr span{ color: #003b92;}
.header-css3 .RMN01_01 .MN01 ul li ul{ width:140px!important; padding-left: 0!important; left:50%!important; margin-left: -70px!important; top: 55px!important; background:url(img/navsbg2.png);}
.header-css3 .RMN01_01 .MN01 ul li ul li{ display: block; border-bottom: 1px solid #255ba6;}
.header-css3 .RMN01_01 .MN01 ul li ul *{ float: none!important; background: none; padding-right: 0!important;padding-left: 0!important; font-size: 14px; color: #fff!important; text-align: center;}
.header-css3 .RMN01_01 .MN01 ul li ul li:hover{ background:#3265ab; }
.header-css3 .g24{ width: 440px; position: relative; z-index: 89999; top: 9px;}

.ani-txt1{ position: absolute; text-align: center; width: 100%; top:33%; z-index: 88;   }
.ani-txt1 img{ height: auto; width: 32%!important;max-width:630px!important; display: inline!important;  }
.ani-lights{ position: absolute; width: 100%; top:-20px; left:23%; }
.ani-lights img{height: auto; width:32.8%!important;max-width:630px!important; display: inline!important; }

.active .ani-txt1 img{ animation:ani-txt2 2s 1 ease-in-out;transform: scale(0,0);   -webkit-animation:ani-txt2 2s 1 ease-in-out;-webkit-transform: scale(0,0); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.active .ani-lights img{ animation:ani-lights 4s infinite  ease-in-out; transform-origin 0 0;-webkit-animation:ani-lights 4s infinite  ease-in-out; -webkit-transform-origin 0 0;  }

/*logo_8*/
.posa { width: 100%;  left: 0; position: absolute; top: 10%; text-align: center;}
.posa img{ max-width: 100%; display: inline!important;}
.logo_8 img{ width: 256px!important; height: 58px!important;}
.years{ top:30%;}
.years img{ width: 37.76%!important; max-width:725px!important;  height: auto!important;}

.active .logo_8 img{ animation:ani-txt2 2s 1 ease-in-out;transform: scale(0,0);   -webkit-animation:ani-txt2 2s 1 ease-in-out;-webkit-transform: scale(0,0); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
/*.active .light_2 img{animation:ani-opcitys 2s 1 ease-in-out;} */
.active .years img{  animation:ani-txt2 2s 1 ease-in-out;transform: scale(0,0);   -webkit-animation:ani-txt2 2s 1 ease-in-out;-webkit-transform: scale(0,0); animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}

@keyframes ani-opcitys{
	0%{ opacity: 0;}
	100%{opacity: 1; }	
}



@keyframes ani-txt2{
	0%{ transform: scale(0,0); -webkit-transform: scale(0,0); opacity: 0;}
	100%{transform: scale(1,1); -webkit-transform: scale(1,1);opacity: 1; }
	
}

@-webkit-keyframes ani-txt2{
	0%{ transform: scale(0,0);-webkit-transform: scale(0,0); opacity: 0;}
	100%{transform: scale(1,1);-webkit-transform: scale(1,1); opacity: 1; }
	
}


@keyframes ani-lights{
	0%{  opacity: 0; transform: rotate(0);-webkit-transform: rotate(0); }
	50%{ opacity: 1; transform: rotate(10deg);-webkit-transform: rotate(10deg);}
		100%{ opacity: 0; transform: rotate(0);-webkit-transform: rotate(0);}
	
}

@-webkit-keyframes ani-lights{
	0%{  opacity: 0; transform: rotate(0);-webkit-transform: rotate(0); }
	50%{ opacity: 1; transform: rotate(10deg);-webkit-transform: rotate(10deg);}
		100%{ opacity: 0; transform: rotate(0);-webkit-transform: rotate(0);}
	
}







.RLK01_01 .LK01 li.NoBg{background: url(img/hoverlinks.png) center center no-repeat;}

@media screen and (max-width:1024px){
	body,html{ overflow-x: hidden; width: 100%; position: relative;}
	.header-css3 .inner-head{width: 100%;  }
	.c100{ width: 100%;}
	.header-css3 .c100,.c1200{ width: 100%;}
	.header-css3  .g76{ position: absolute; right: 0; top: 5px; }
	.header-css3 .links-r{ margin-top: 0;}
	.news-l{ width: 30%; overflow: hidden;}
	.news-cnt{ width: 100%;box-sizing: border-box;}
	.RST31_15 .pic img,.RST31_15 .pic{  width: 100%; height: auto; box-sizing: border-box;}
	.RST31_15 .core .time{ bottom:75px; top: auto;}
	.indexfooter .outfooter,.indexfooter .innerfoter{ width:100%;}
	
	.header-css3 .g24{ z-index: 0;}
}