@charset "utf-8"; 
*{margin:0;padding:0;}
a{text-decoration:none;}
img{border:none;}
body{font-family:"微软雅黑";font-size: 12px;font-weight: normal;}
ul,li{list-style:none;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
input,button,select{ outline:none}
 
.fl{ float:left}
.fr{ float:right}
.w1300{ width:1300px; margin:0 auto}
.w1200{ width:1200px; margin:0 auto}
.w1440{ width:1400px; margin:0 auto}
.wmain{ width:1280px; margin:0 auto}
.cen{ text-align:center}


.header{   height:120px; overflow:hidden; position:absolute; left:0; width:94%; top:0; z-index:9; padding:0 3% }
.header .logo{ float:left; margin-top:35px; width:110px;  }
.header .headnva{ float:right; margin-top:35px;}
.header .headnva a{ font-size:16px; color:#fff; margin-left:30px; height:40px; line-height:40px; padding:0 30px; display:block; float:left; }
.header .headnva a:hover{ border:1px solid #fff;}
.header .headnva a.on{ border:1px solid #fff; }
.header .loginto{ float:right; width:90px; height:30px; line-height:30px; text-align:center; border:1px solid #000000; border-radius:30px; color:#333333; font-size:16px; margin-top:24px;}
.header .loginto:hover{ background:#ea4a18; color:#fff; border:1px solid #ea4a18;}
.header .fr{ margin-top:35px;}
.header .fr i{ color:#fff; font-size:20px; border:2px solid #fff; border-radius:50%; overflow:hidden; height:36px; line-height:36px; width:36px; text-align:center; display:block; float:left; margin-left:20px; cursor:pointer;}

.ban{ position:relative}
.ban .swiper-button-next,.ban .swiper-button-prev{ width:70px; height:70px; line-height:75px; text-align:center; background:#fff; border-radius:50%;}
.ban .swiper-button-next:after,.ban .swiper-button-prev:after{ font-size:30px; color:#1b4196; display:block;}
.ban .swiper-button-prev{left:60px;}
.ban .swiper-button-next{right:60px;}


.main{ overflow:hidden; margin:30PX 2% 30px; position:relative; background:   no-repeat #000; text-align: center; }
.main img{ display: block; margin: 0 auto;}
.main .inimglogo{ margin: 4% auto 0;  }
.main .inimgti{ margin: 2% auto 0; width:36%;  }
.main .inimgtext{  margin: 3% auto 2%; color:#fff; line-height:32px; width:84%; font-size:16px; color:#999}
.main .inimgmu{ margin-top:5%; width:85% }

.indpro{ overflow:hidden; position:relative; margin:30PX 2% 30px;}


.indvdo .swiper-container {
	width: 565px;
	max-width: 100%; 
}
.indvdo .swiper-pagination-bullet{ width:15px; height:15px;}
.indvdo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.indvdo .swiper-container-horizontal>.swiper-pagination-bullets,.indvdo  .swiper-pagination-custom,.indvdo  .swiper-pagination-fraction{ bottom:5%;}


.indvdoti{ position:absolute; left:10%; top:8%; width:100%; z-index:999}
.indvdomu{ position:absolute; bottom:0; z-index:999}

.footer{ background:#1b1b1b; overflow:hidden; padding:40px 5%;}
.footer .botmenu{ overflow:hidden; border-bottom:1px solid #3e3e3e; padding:15px 0; margin-bottom:50px;} 
.footer .botmenu a{ font-size:14px; color:#fff; margin-right:55px; display:block; float:left;}
.footer .botmenu a:hover{ color:#0F70E3 }
.footer .fl{ margin-right:5%;}
.footer .fl h1{ font-size:16px; color:#f1f1f1; margin-bottom:15px; line-height:22px;}
.footer .fl p{ font-size:14px; color:#9b9b9b; margin-bottom:15px; line-height:22px;}
.footer .fr{ width:20%}
.footer .fr p{ color:#8d8d8d; font-size:14px; line-height:22px; text-align:right;}
.footer .fr a{ color:#8d8d8d; }
.botewm{ width:12%}
 

@media screen  and (max-width:1400px){
.w1440{ width:inherit}
.header .logo{ width:90px !important; margin-left:10px;}

 
.ban .swiper-button-next, .ban .swiper-button-prev{ display:none}



.indti{ margin:30px 0 !important}
.indti img{ width:100%;}
.indabt{ padding:30px 20px 0 !important;}
.indabt .fl{ width:100% !important}
.indabt img{ width:100% !important }
.indabt p{ width:100% !important }
.indfn img{ width:20% !important; margin:2% !important;}
.indnews{ width:inherit !important; margin-bottom:30px !important;} 
.indnews a{ width:100% !important}
.indyl ul{ width:inherit !important} 
.indyl ul li{ width:100% !important; height:inherit !important; margin-bottom:10px; }
.indshare{ margin-bottom:20px !important}
.footer .fl h1{ font-size:14px;}
.footer .fl p{ font-size:12px; }
.footer .fr p{ font-size:12px;}
}




@media screen  and (max-width:750px){

	.main .inimglogo{  width: 25%; }
.main .inimgti{  width:70%; margin: 5% auto 0;  }

.header .headnva{ margin-top:20px;}
.header .headnva a{ margin-left:10px; padding: 0 10px; font-size:14px;}
.main  .inimgtext{ line-height:22px; top:30%; font-size:12px; width: 90%;}

.botewm{ width:50%; left:left}
.footer .fr{ float:left; width:70%; margin-top:20px;}
.footer .fr p{ text-align:left;}
}






