@charset "utf-8";
/* CSS Document */

body{min-width: 1200px;}
.banner { width: 100%; height: auto; /*min-height: 640px; background: url(../img/banner.png) no-repeat center bottom;*/ background-size: 100% auto; position:relative; }
.banner .openhours { width: 245px; height: 230px; overflow: hidden; background: rgba(255, 255, 255, 0.84); position:absolute; z-index: 10; right: 0; bottom:50px;}
.banner .openhours h2 { width: 100%; line-height: 60px; padding:0 30px 0; color: #791010; font-weight:bold; font-size: 18px; overflow: hidden;border-bottom: 1px solid #bfbfbf; }
.banner .openhours h3 { width: 100%; line-height: 60px; padding:0 30px 0; color: #791010; font-size: 18px; overflow: hidden;}
.banner .openhours p { width: 70%; line-height: 26px; padding:0 30px; color: #171616; font-size: 16px; overflow: hidden;}

.banner .banner_box { width: 100%; height: auto; overflow: hidden;}
.banner .banner_box .banner_slide { width: 100%; height: auto; overflow: hidden; /*position: relative;*/}
.banner .banner_box .banner_slide li { width: 100%; position: absolute;  opacity: 0; transition: .8s all; z-index: 8; background-size: 100% auto; background-color: #791010; background-position: bottom center;}
.banner .banner_box .banner_slide li.active {opacity: 1; transition: .8s all; z-index: 9;}
.banner .banner_box .banner_slide li img { width: 100%; float: left; visibility: hidden;}

.banner .banner_box .dots { width: 100%; height: 15px; display: block; position: absolute; bottom: 25px; left: 0; text-align: center;  z-index: 200;}
.banner .banner_box .dots li { width: 12px; height: 12px; border-radius:6px; display: inline-block; background: #fff; opacity: .6; margin: 0 5px; cursor: pointer; transition: .5s all;}
.banner .banner_box .dots li.active { opacity: 1;  transition: .5s all;}


.more { width: 220px; height: 54px;  transition: all .4s;line-height: 54px; display: inline-block; margin-top: 5px; overflow: hidden;font-size: 20px; color: #fff; text-decoration-line: none; text-align: center;}
.more:hover { margin-top:0px; transition: all .5s;}

.intro_1 { width: 1200px; height: 400px; overflow: hidden; margin: 80px auto 100px; text-align: center;}
.intro_1 h1 { text-transform: uppercase; font-size: 36px; line-height: 56px;}
.intro_1 .text {}
.intro_1 .text p { font-size: 18px; line-height: 32px; text-align: left; padding: 40px 0 50px;}
.intro_1 .text a { background: #144f8c;}


.intro_2 { width: 100%; height: 920px; overflow: hidden; }

.intro_2 .bg1_block { width: 100%; height: 295px; overflow: hidden; margin: 0 auto 0; text-align: center;background: url(../img/intro2_bg1.png) no-repeat center bottom; background-size: 100% auto;}
.intro_2 .bg1_block h1 { width: 1200px; color: #fff; text-transform: uppercase; margin: 100px auto 0; font-size: 36px; line-height: 56px;}

.intro_2 .bg2_block { width: 100%; height: 620px; overflow: hidden; margin: 0 auto 0; text-align: center;background: url(../img/intro2_bg2.png) no-repeat center top; background-size: 100% auto;}
.intro_2 .bg2_block .bg2_block_inner { width: 1200px; height: auto; overflow: hidden; margin: 0 auto 0;}
.intro_2 .bg2_block .text { width: 550px; height: 400px; text-align: center; margin-top:80px; float: left; }
.intro_2 .bg2_block .text p { height: 315px; overflow: hidden; margin-bottom: 30px; font-size: 18px; line-height: 32px; text-align: left; }
.intro_2 .bg2_block .text a { background: #144f8c;}

.intro_2 .bg2_block .intro_img { width: 600px; height: 400px; overflow: hidden; float: right; margin-top: 80px; position: relative;}
.intro_2 .bg2_block .intro_img .intro_slide { width: 600px; height: 400px; overflow: hidden; display: block;}
.intro_2 .bg2_block .intro_img .intro_slide li { width: 600px; position: absolute; opacity: 0; transition: .8s all; z-index: 100; left: 0; top: 0; background-size: 100% auto; background-position: bottom center;}
.intro_2 .bg2_block .intro_img .intro_slide li.active { width: 600px; height: 400px; opacity: 1; transition: .8s all; z-index: 110;}
.intro_2 .bg2_block .intro_img .intro_slide li img { width: 600px; height: 400px; float: left; visibility: hidden;}

.intro_2 .bg2_block .intro_img .dots { width: 100%; height: 15px; display: block; position: absolute; bottom: 25px; left: 0; text-align: center;  z-index: 500;}
.intro_2 .bg2_block .intro_img .dots li { width: 12px; height: 12px; border-radius:6px; display: inline-block; background: #fff; opacity: .6; margin: 0 5px; cursor: pointer; transition: .5s all;}
.intro_2 .bg2_block .intro_img .dots li.active { opacity: 1;  transition: .5s all;}


.online_hall { width: 100%; height: 500px; overflow: hidden; background: url(../img/online.png) no-repeat center top; background-size: 100% auto;}
.online_hall .bg_block { width: 1200px; overflow: hidden; margin:120px auto 110px; text-align: center;}
.online_hall .bg_block h1 { color: #fff; font-size: 48px; line-height: 60px; text-transform: uppercase; margin-bottom:80px;}
.online_hall .bg_block a { background: #ab0000;}

.links { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; text-align: center; padding: 90px 0 110px;}
.links .title { width: 1200px; height: auto; overflow: hidden; padding-bottom:80px; font-size: 30px; background: url(../img/links_titleline.png) center 20px no-repeat;}
.links ul { width: 1280px; overflow: hidden;}
.links li { width: 560px; height: auto; display: block; float: left; margin-right: 80px; text-align: left; padding-top: 5px; transition: all .4s;}
.links li:hover { margin-top: -5px; transition: all .5s;}
.links a { text-decoration-line: none;}
.links img {}
.links span { display: block; color: #000; font-size: 16px; padding: 20px; background: url(../img/links_redline.png) no-repeat 0 center;}